@charset "utf-8";
/**/

* {	margin: 0;	padding: 0;	border: 0;}
body,html{ background:#f7f7f7;font-size: 14px;color:#2f373b;line-height: 24px; max-width:1920px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
a {color:#2f373b;	text-decoration: none; transition:all 0.5s; } 
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; font-weight:500;}
ul{ list-style:none;}
@media(max-width:50000px) {
#top{ width:100%; position:fixed; background:url(image/di.png) no-repeat center top; top:0; left:0; height:120px; z-index:12;}
#top .k{ width:1300px; margin:0 auto; overflow:hidden;}
#logo{ float:left; overflow:hidden; margin-top:15px;}

#menu{ float:left; overflow:hidden; margin-left:180px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:110px; color:#fff; font-size:18px; padding:0 15px;}
#menu ul li a:hover{ background:#000; color:#e9af26;}

#menu .zmenu{ position:absolute; display:none;}
#menu .zmenu dl dd a{ line-height:50px; background:#2f373b; font-size:14px;}
#menu .zmenu dl dd a:hover{ background:#000;}
#menu .zmenu dl dd .zzmenu{ display:none;}

#close{ width:4rem; height:4rem; background:#e9af26; float:left; cursor:pointer; display:none;}
#close img{ width:100%;}

#menu_btn{ float:right; height:4rem; cursor:pointer; display:none;}
#menu_btn img{ height:100%;}

#lan{ float:right; color:#fff; background:#231815; width:122px; height:38px; text-align:center; line-height:38px; cursor:pointer; margin-top:36px; }
#lan img{vertical-align:middle; margin:0 0 0 0;}
#lan .list{ position:absolute; background:#eee; width:122px; margin-top:38px;display:none;}
#lan .list a{ display:block;}
#lan .list a:hover{ background:#231815; color:#e9af26;}
#lan span{ float:left; display:block; overflow:hidden; padding-top:0.7rem; padding-left:1rem;}
#glo2{ display:none}
#glo1{ display:block;}

#search_btn{ float:right; width:50px; cursor:pointer; margin-top:30px; margin-right:20px;}
#search_btn img{ width:100%;}

#search{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:hidden; z-index:20; display:none;}
#search .k{ width:800px; margin:18vw auto 0 auto; overflow:hidden; background:#fff; padding:30px;}
#search_con{ width:100%; overflow:hidden;}
#search_con input{ background:#f7f7f7; width:80%; height:60px; line-height:60px; text-indent:20px;}
#search_con button{ width:20%; text-align:center; height:60px; background:#231815; float:right; cursor:pointer; transition:all 0.5s;}
#search_con button:hover{ background:#e9af26;}
#search_con button img{ height:100%;}
#search_close{ background:#231815; width:20px; height:20px; position:absolute; box-shadow:5px 5px 5px rgba(0,0,0,0.5); margin:-110px 0 0 800px; cursor:pointer; border-radius:50%; border:solid 2px #fff; padding:10px;}
#search_close img{ width:100%;transition:all 0.5s;}
#search_close:hover img{ transform:rotate(90deg);}














/*banner*/
#banner{ margin-top:90px; overflow:hidden; width:100%; }
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:100%;}
.PC_banner{ display:block;}
.M_banner{ display:none;}

#ind_inquery{ width:100%; max-width:1920px; overflow:hidden; position:absolute; z-index:2; padding:20px 0; margin-top:-90px;}
#ind_inquery .k{ width:1300px; margin:0 auto; overflow:hidden; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
#ind_inquery .k ul{ padding:50px; overflow:hidden;}
#ind_inquery .k ul li{ float:left;}
#ind_inquery .k ul li:nth-child(1){ margin-right:20px;}
#ind_inquery .k ul li:nth-child(1) div:nth-child(1){ font-size:30px; text-transform:uppercase; line-height:30px;}
#ind_inquery .k ul li:nth-child(1) div:nth-child(1) span{ color:#e9af26;}
#ind_inquery .k ul li:nth-child(1) div:nth-child(2){ font-size:18px; text-transform:uppercase;}
#ind_inquery .k ul li:nth-child(2){ margin-right:20px;}
#ind_inquery .k ul li:nth-child(2) select{ border:solid 1px #eee; width:260px; height:53px; font-size:18px; text-indent:10px;}
#ind_inquery .k ul li:nth-child(3){ margin-right:20px;}
#ind_inquery .k ul li:nth-child(3) input{ border:solid 1px #eee; width:180px; height:53px; font-size:18px; text-indent:10px;}
#ind_inquery .k ul li:nth-child(4){ margin-right:20px;}
#ind_inquery .k ul li:nth-child(4) input{ border:solid 1px #eee; width:180px; height:53px; font-size:18px; text-indent:10px;}
#ind_inquery .k ul li:nth-child(5){ }
#ind_inquery .k ul li:nth-child(5) button{ background:#e9af26; line-height:53px; text-transform:uppercase; cursor:pointer; color:#fff; width:180px;  font-size:18px; transition:all 0.5s;}
#ind_inquery .k ul li:nth-child(5) button:hover{ background:#2f373b;}

#ind_pro{ overflow:hidden; margin-top:150px;}
#ind_pro h2{ font-size:48px; line-height:80px; text-align:center; text-transform:uppercase;}

#ind_pro_btn{ width:100%; text-align:center; overflow:hidden;}
#ind_pro_btn ul{ display:inline-block;}
#ind_pro_btn ul li{ float:left; margin:30px 5px; background:#fff; width:255px; line-height:60px; text-align:center; font-size:18px; cursor:pointer;}

#ind_pro_list{ width:1300px; margin:40px auto 100px auto; overflow:hidden;}
#ind_pro_list ul{ width:1400px; display:none;}
#ind_pro_list ul li{ width:400px; float:left; margin-right:50px;}
#ind_pro_list ul li a{ display:block; background:#2f373b; text-align:center; font-size:18px; line-height:60px; color:#fff; }
#ind_pro_list ul li a h4{font-weight:100;}
#ind_pro_list ul li a img{ width:100%;}
#ind_pro_list ul li a:hover{ background:#e9af26;}

#ind_customer{ width:100%; background:#fff; text-align:center; overflow:hidden;}
#ind_customer h2{ font-size:48px; line-height:80px; text-align:center; text-transform:uppercase; padding-top:100px;}
#ind_customer h3{ font-size:18px; line-height:20px; text-align:center; text-transform:uppercase;}

#ind_customer_list{ width:1300px; margin:50px auto 100px auto; overflow:hidden;}
#ind_customer_list ul{ width:1400px;}
#ind_customer_list ul li{ width:310px; margin:0 20px 20px 0; float:left; overflow:hidden;}
#ind_customer_list ul li a{ display:block; background:#f7f7f7; line-height:50px;}
#ind_customer_list ul li a img{ width:100%;height:210px;}
#ind_customer_list ul li a h4{ font-weight:100;}
#ind_customer_list ul li a:hover{ background:#e9af26; color:#fff;}

#ind_about{ background:url(image/di2.jpg) no-repeat center top; overflow:hidden; width:100%;}
#ind_about .k{ width:1300px; overflow:hidden; margin:120px auto;}
#ind_about .k .left{ float:left; width:50%;}
#ind_about .k .left img{ width:100%;}
#ind_about .k .right{ width:600px; float:right;}
#ind_about .k .right h2{ font-size:36px; font-weight:700; overflow:hidden; line-height:80px;}
#ind_about .k .right p{ font-size:16px; line-height:30px;}
#ind_about .k .right a{ display:block; width:130px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#e9af26; margin-top:50px;}
#ind_about .k .right a:hover{ background:#2f373b;}

#ind_faq{ width:100%; background:#fff; text-align:center; overflow:hidden;}
#ind_faq h2{ font-size:48px; line-height:80px; text-align:center; text-transform:uppercase; padding-top:100px;}
#ind_faq h3{ font-size:18px; line-height:20px; text-align:center; text-transform:uppercase;}

#ind_faq_list{ width:1300px; margin:40px auto 50px auto; overflow:hidden;}
#ind_faq_list ul{ width:1400px;}
#ind_faq_list ul li{ width:400px; float:left; margin-right:50px;}
#ind_faq_list ul li a{ background:#f7f7f7; overflow:hidden; display:block; padding:30px; text-align:left;} 
#ind_faq_list ul li a .left{ float:left; overflow:hidden;}
#ind_faq_list ul li a .right{ overflow:hidden; width:270px; float:right;}
#ind_faq_list ul li a .right h4{ font-size:18px; padding-bottom:10px;}
#ind_faq_list ul li a:hover{ background:#e9af26; color:#fff;}

#ind_faq_more a{ display:block; width:130px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#e9af26; margin:70px auto 100px auto;}
#ind_faq_more a:hover{ background:#2f373b;}

#ind_news{ overflow:hidden;}
#ind_news h2{ font-size:48px; line-height:80px; text-align:center; text-transform:uppercase; padding-top:100px;}
#ind_news h3{ font-size:18px; line-height:20px; text-align:center; text-transform:uppercase;}

#ind_news_list{ width:1300px; margin:50px auto 60px auto; overflow:hidden;}
#ind_news_list .left{ float:left; width:640px;}
#ind_news_list .left a{ display:block; background:#fff; overflow:hidden;}
#ind_news_list .left a p:nth-child(2){ padding:20px 30px 0px 30px; font-size:18px; overflow:hidden;}
#ind_news_list .left a p:nth-child(3){  padding:10px 30px 20px 30px; font-size:14px; color:#999; transition:all 0.5s;}
#ind_news_list .left a:hover{ background:#e9af26; color:#fff;}
#ind_news_list .left a:hover p:nth-child(3){color:#fff}

#ind_news_list .right{ width:640px; float:right; overflow:hidden;}
#ind_news_list .right ul li{ margin-bottom:20px;}
#ind_news_list .right ul li a{ display:block; padding:40px 0; overflow:hidden; background:url(image/bit1.png) no-repeat 94% center #fff;}
#ind_news_list .right ul li a .date{ width:130px; float:left; border-right:solid 1px #eee; text-align:center;}
#ind_news_list .right ul li a .date span{ font-size:36px; line-height:40px;}
#ind_news_list .right ul li a .con{ padding:8px 90px 0 30px; float:left; width:380px; font-size:18px;}
#ind_news_list .right ul li a:hover{ background:url(image/bit2.png) no-repeat 94% center #e9af26; color:#fff;}

#ind_news_more a{ display:block; width:130px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#e9af26; margin:0 auto 100px auto;}
#ind_news_more a:hover{ background:#2f373b;}

#bottom{ width:100%; background:#2f373b; color:#fff; overflow:hidden;}
#bottom .k{ width:1300px; margin:50px auto 0 auto; padding-bottom:60px; overflow:hidden;}
#bottom .k ul li{ float:left; line-height:30px;}
#bottom .k ul li dd:nth-child(1){ font-size:18px; line-height:50px; text-transform:uppercase;}
#bottom .k ul li a{ color:#fff; line-height:30px;}
#bottom .k ul li a:hover{ color:#e9af26;}
#bottom .k ul li:nth-child(1){ width:200px;}
#bottom .k ul li:nth-child(2){ width:250px;}
#bottom .k ul li:nth-child(3){ width:250px;}

#bottom1{ width:1300px; margin:0 auto; overflow:hidden; border-top:solid 1px #545b5e;}
#bottom1 .copyright{ float:left; line-height:96px;}
#bottom1 .share{ float:right; overflow:hidden;}
#bottom1 .share ul li{ float:left; margin:24px 0 0 10px;}
#bottom1 .share ul li a{ display:block; background:#1b2023; border-radius:50%; overflow:hidden;}
#bottom1 .share ul li a:hover{ background:#e9af26;}

#mybanner{ width:100%; overflow:hidden; margin-top:90px;}
#mybanner img{ width:100%;}

#pro_k{ width:1300px; margin:0 auto; overflow:hidden;}
#pro_k .right{ width:1000px; float:right;}

#p_menu{ width:100%;  margin:-50px auto 20px auto; overflow:hidden; text-align:center;}
#p_menu ul{ display:inline-block}
#p_menu ul li{ float:left; padding:0 5px;}
#p_menu ul li a{ display:block; padding:0 30px; line-height:40px; background:#2f373b; color:#fff;}
#p_menu ul li a:hover{ background:#e9af26; color:#fff;}


#pro_menu{ width:250px; float:left; margin-top:50px; overflow:hidden; text-align:center;}
#pro_menu .tt{ display:none;}
#pro_menu ul{ }
#pro_menu ul li{padding:0}
#pro_menu ul li a{ display:block; padding:0 30px; text-align:left; line-height:40px; background:#2f373b; color:#fff;}
#pro_menu ul li a:hover{ background:#e9af26; color:#fff;}
#pro_menu ul li dl{ background:#fff; width:250px;}
#pro_menu ul li dl dd a{ text-align:left; background:#fff; color:#000;}

#pro1a{ text-align:left; overflow:hidden; margin:50px auto 30px auto;}
#pro1a h1{ font-size:30px; line-height:50px; text-transform:uppercase;}


#pro1{ text-align:center; overflow:hidden; margin:80px auto 30px auto;}
#pro1 h1{ font-size:36px; line-height:50px; text-transform:uppercase;}
#pro1 img{ width:90%; max-width:1300px; margin-top:2vw;}

#prolist{ width:1000px; margin:40px auto 0 auto; overflow:hidden;}
#prolist ul{ width:1100px;}
#prolist ul li{ width:300px; float:left; margin-right:50px; margin-bottom:50px;}
#prolist ul li a{ display:block; background:#2f373b; text-align:center; font-size:14px; line-height:50px; color:#fff;}
#prolist ul li a h4{ font-weight:100;}
#prolist ul li a img{ width:100%;}
#prolist ul li a:hover{ background:#e9af26;}

#videolist{ width:1300px; margin:40px auto 0 auto; overflow:hidden;}
#videolist ul{ width:1400px;}
#videolist ul li{ width:400px; float:left; margin-right:50px; margin-bottom:50px;}
#videolist ul li a{ display:block; background:#2f373b; text-align:center; font-size:14px; line-height:50px; color:#fff;}
#videolist ul li a h4{ font-weight:100;}
#videolist ul li a img{ width:100%;}
#videolist ul li a:hover{ background:#e9af26;}

#page{ width:100%; text-align:center; overflow:hidden; margin:20px auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li span { display:block; line-height:40px; padding:0 20px; background:#fff;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; background:#fff;}
#page ul li a:hover{ background:#2f373b; color:#fff;}
#page ul li a.it{ background:#e9af26; color:#fff;}


.pageNumber{ width:100%; overflow:hidden; text-align:center; padding-bottom:4vw;}
.pagination{ display:inline-block;}
#AspNetPager1 .active{ float:left; margin:0 5px; display:block; line-height:40px; padding:0 20px; background:#e9af26; color:#ffffff;}

#AspNetPager1 a{ float:left; margin:0 5px; display:block; line-height:40px; padding:0 20px; background:#fff;}

#AspNetPager1 a:hover{ background:#2f373b; color:#fff;}

#probig{ width:1300px; margin:50px auto 50px auto; overflow:hidden;} 
#probig .left{ width:600px; float:left; overflow:hidden;}
#probig .left .big{ overflow:hidden;}
#probig .left .big img{ width:100%;}
#probig .left .big ul li{ display:none;}
#probig .left .big ul li:nth-child(1){ display:block;}
#probig .left .small{ width:100%; overflow:hidden; margin-top:10px;}
#probig .left .small ul li{ width:80px; height:80px; float:left; margin-right:10px; cursor:pointer; border:solid 1px #fff; overflow:hidden;}
#probig .left .small ul li img{ width:100%;}

#probig .right{ width:650px; float:right;}
#probig .right h1{ font-size:24px; line-height:30px; padding:20px 0;}
#probig .right .a1{ font-size:16px; line-height:50px;}
#probig .right .a2{ overflow:hidden; margin-top:30px;}
#probig .right .a2 a{ display:block; background:#e9af26; width:150px; line-height:50px; text-align:center; color:#fff; font-size:18px;}

#probig1{ width:1300px; margin:0 auto; overflow:hidden; background:#eee;}
#probig1 ul li{ float:left; line-height:60px; padding:0 30px; font-size:18px; cursor:pointer; border-right:solid 1px #fff;}

#probig2{ width:1260px; margin:30px auto; font-size:16px; overflow:hidden; display:none;}
#probig2 img{ max-width:100%;}

#probig3{ width:1260px; margin:30px auto; font-size:16px; overflow:hidden; display:none;}
#probig3 img{ max-width:100%;}

#probig4{ width:1260px; margin:30px auto; font-size:16px; overflow:hidden; display:none;}
#probig4 img{ max-width:100%;}

#feedback{ width:1300px; margin:0 auto 50px auto; background:#fff; overflow:hidden;  }
#feedback .a1{ width:1260px; line-height:50px; color:#fff; background:#2f373b; text-align:center; margin:10px auto 20px auto;}
#feedback .a2{ width:1260px; margin:0 auto; overflow:hidden;}
#feedback .a2 ul{ width:1300px;}
#feedback .a2 ul li{ width:408px; float:left; margin:0 15px 15px 0; background:#fff; border:solid 1px #eee;}
#feedback .a2 ul li img{ float:left;}
#feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:340px;}
#feedback .a3{ width:1218px; margin:0 auto 15px auto; border:solid 1px #eee; overflow:hidden; background:#fff; height:180px; padding:20px;}
#feedback .a3 textarea{ width:100%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;padding:5px;font-size:32rpx;}
#feedback .a4{ width:1260px; margin:0 auto 60px auto; overflow:hidden;}
#feedback .a4 ul{ float:right;}
#feedback .a4 ul li{ float:left; margin-left:15px;}
#feedback .a4 ul li.b1{}
#feedback .a4 ul li.b1 button{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#e9af26; font-size:16px; cursor:pointer;}
#feedback .a4 ul li.b1 button:hover{ background:#00275e;}
#feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#e9af26; font-size:16px;}
#feedback .a4 ul li.b2 a:hover{ background:#00275e;}
#feedback .a4 ul li.b3{ width:340px; background:#fff; border:solid 1px #eee;}
#feedback .a4 ul li.b3 img{ float:left;}
#feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:180px;}
#feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px;}

#caselist{ width:1300px; margin:50px auto 0 auto; overflow:hidden;}
#caselist ul{ width:1400px;}
#caselist ul li{ width:310px; margin:0 20px 20px 0; float:left; overflow:hidden;}
#caselist ul li a{ display:block; background:#eee; text-align:center; line-height:50px;}
#caselist ul li a p{ height:210px; overflow:hidden;}
#caselist ul li a h4{ font-weight:100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px;}
#caselist ul li a img{ width:100%;}
#caselist ul li a:hover{ background:#e9af26; color:#fff;}

#case{ width:800px; margin:0 auto; overflow:hidden; text-align:center;}
#case img{max-width:100%;}

#case0{ width:100%; text-align:center; overflow:hidden;}
#case0 div{ display:inline-block;}
#case0 div a{ display:block; float:left; margin:0 10px; background:#2f373b; line-height:36px; padding:8px; text-align:center; color:#fff; text-transform:uppercase}
#case0 div a:hover{ background:#e9af26;}

#case1{ width:100%; overflow:hidden; text-align:center; padding-top:80px;}
#case1 h2{ font-size:30px; text-transform:uppercase; line-height:60px;}

#case2{ width:1300px; margin:2vw auto 80px auto; padding-top:20px; overflow:hidden}
#case2 ul li{ width:25%; margin-bottom:2vw; float:left;}
#case2 ul li img{ width:100%;height:270px;}
#case2 ul li a{ display:block; width:90%; margin:0 auto; overflow:hidden; text-align:center; background:#fff; padding-bottom:20px; box-shadow:5px 5px 10px 5px rgba(0,0,0,0)}
#case2 ul li a h4{ font-weight:100;}
#case2 ul li a:hover{ box-shadow:5px 5px 10px 5px rgba(0,0,0,0.1)}

#newslist{ width:1300px; margin:0 auto; overflow:hidden}
#newslist ul{ width:1400px;}
#newslist ul li{ width:400px; float:left; margin-right:50px; margin-bottom:40px;}
#newslist ul li a{ display:block;}
#newslist ul li a img{ width:100%; transition:all 0.5s;}
#newslist ul li a h2,h3,h4{ overflow:hidden; font-weight:100;}
#newslist ul li a h2{ height:220px;}
#newslist ul li a h3{ font-size:18px; line-height:24px; padding:10px 0 0px 0;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
#newslist ul li a h4{ font-size:14px; color:#999; padding-top:10px;}
#newslist ul li a:hover{ color:#5facff;}
#newslist ul li a:hover img{ transform:scale(1.15);}

#faq_list{ width:1300px; margin:40px auto 0 auto; overflow:hidden;}
#faq_list ul{ width:1400px;}
#faq_list ul li{ width:400px; float:left; margin-right:50px; margin-bottom:50px;}
#faq_list ul li a{ background:#fff; overflow:hidden; display:block; padding:30px; min-height:150px; text-align:left;} 
#faq_list ul li a .left{ float:left; overflow:hidden;}
#faq_list ul li a .right{ overflow:hidden; width:270px; float:right;}
#faq_list ul li a .right h4{ font-size:18px; margin-bottom:10px;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
#faq_list ul li a .right div{  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden;}
#faq_list ul li a:hover{ background:#e9af26; color:#fff;}

#about1{ width:1300px; margin:0 auto 150px auto; overflow:hidden; font-size:16px;}
#about1 img{ max-width:100%;}

#contact{ width:1200px; margin:50px auto 10px auto; overflow:hidden; background:#fff; padding:50px;}
#contact .left{ width:600px; float:left; line-height:20px; font-size:16px;}
#contact .left p{ padding:15px 0;}

#news_tt{ width:1300px; margin:50px auto 20px auto; overflow:hidden;}
#news_tt h1{ font-size:24px; line-height:30px;}
#news_tt p.date{ border-top:solid 1px #ddd;  border-bottom:solid 1px #ddd; line-height:30px; margin-top:20px;}

#news_content{ width:1300px; margin:0 auto 150px auto; overflow:hidden; font-size:16px;}
#news_content img{ max-width:100%;}

#video{ text-align:center; overflow:hidden; margin-bottom:100px;}

#propic{ width:100%; overflow:hidden;}
#propic img{ width:100%;}




#download{ width:1300px; margin:40px auto 50px auto; overflow:hidden;}
#download ul{ width:1400px;}
#download ul li{ width:400px; float:left; margin-right:50px; margin-bottom:50px;}
#download ul li a{ background:#fff; overflow:hidden; display:block; padding:30px; text-align:left;} 
#download ul li a .left{ float:left; overflow:hidden;}
#download ul li a .left img{ width:60px;}
#download ul li a .right{ overflow:hidden; width:270px; float:right;}
#download ul li a .right h4{ font-size:18px; padding-bottom:10px;}
#download ul li a:hover{ background:#e9af26; color:#fff;}


}