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

*,table,TD,TR{margin:0;padding:0;}
body{  color:#404040; font-size:12px;background:url(top_bg.jpg) repeat-x top; width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#404040; }
img{border:none}
#top{ width:1000px;margin:0 auto;height:103px;}
#top .logo{ width:368px; float:left; height:103px;}
#top .tel{ background:url(tel.gif) no-repeat left center; margin-left:93px; margin-top:23px; text-indent: 26px;float:left; height:23px; line-height:23px; width:370px;}

#top .search{ float:left; margin-top:18px; background:url(search_bg.jpg) no-repeat; width:167px; height:22px;}
#top .nav{ width:632px; float:left; height:57px; }
#top .nav ul li{ width:79px; height:57px; line-height:57px; float:left;}  
#top .nav ul li a{ display:block; width:79px;height:57px; line-height:57px; float:left; background:url(nav_li_bg.jpg) no-repeat left center; text-align: center;}
#top .nav ul li a:hover{ background:url(nav_li_hover_bg.jpg) no-repeat left center;}


.midbg{ clear:both;width:100%; height:464px; ;}
.iBan {height:464px; ;background:#eff3f5; position:relative;z-index:100;_zoom:1;}
.iBanScreen{  height:464px; ; background-repeat:no-repeat; background-position:center top;}
.banFn{ width:960px; height:464px; margin:0 auto; position:relative; z-index:99 }
/*.ibanImg{ display:none;}*/
.iBan .banNum{position:absolute;bottom:35px;left:50%;margin-left:-430px;z-index:100; margin-top:-32px;}
.iBan .banNum a{width:15px;height:19px;background:url(dosh.png) no-repeat center ;display:inline;overflow:hidden;text-indent:-999em;float:left;}
.iBan .banNum a.dots{background:url(dosh1.png) no-repeat center ;}
.iBanScreen ul{ width:100%; height:464px; position:relative; top:0; margin:0 auto}
.iBanScreen li{ width:100%; height:464px; overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%}
.iBanScreen .num{ height:14px; position:absolute; bottom:32px; left:50%; z-index:999; margin-left:-430px;}
.iBanScreen .num a{ display:inline-block; width:15px; height:19px; background:url(dosh.png) no-repeat center; margin-right:15px}
.iBanScreen .num a.cur{ background:url(dosh1.png) no-repeat center;}

#cont{ width:100%; background:url(cont_bg.jpg) repeat-x top; overflow:hidden;}
#cont .main{ margin:0 auto; width:1000px;}
.bus_index{ width:995px; margin:0 auto; height:264px;}
.bus_index ul{}
.bus_index ul li{ float:left; margin-left:5px;height:179px; line-height:30px; text-align:center;}
.sup_index{ width:1000px; margin:0 auto; height:356px;}
.sup_index td{ padding-top:104px; padding-bottom:20px;}
.sup_index td h2{ text-align:center; color:#512023; font-size:16px;}
.sup_index td p{ padding:5px 7px 11px 7px; line-height:18px;}

.commp{ width:995px; margin:0 auto;}
.commp h1{ width:995px; text-align:center; line-height:35px; font-size:22px; font-family:"微软雅黑"}
.commp p{ line-height:22px; text-align:left; text-indent:2em;}

.product_index{margin:0 auto; width:1000px; height:548px;}
.product_index ul li{ width:333px; height:228px; float:left; text-align:center;}

.coop_index{margin:0 auto; width:1000px; height:405px;}
#demo{overflow: hidden;  width:940px; float: left; /*position:relative;*/margin-left:15px;}

.LeftBotton{float:left;width:21px;height:160px;}
.LeftBotton a{width:21px;height:160px;display:block;background:url(to_left.jpg) no-repeat center center;}

/*.LeftBotton a:hover{background:url(to_left_hover.jpg) no-repeat center center;}*/
.RightBotton{float:right;width:21px;height:160px;}
.RightBotton a{background:url(to_right.jpg) no-repeat left center;width:21px;height:160px;display:block;}
/*.RightBotton a:hover{background:url(to_right_hover.jpg) no-repeat left center;}*/
td.pic{text-align:center;padding-right:10px; line-height:22px;}

td.pic img{ border:1px solid #dcdcdc;}


#foot{ clear:both; width:100%; background:url(foot_bg.jpg) repeat-x; height:370px; color:#fff;background-color: #1f2229;}
#foot a{ color:#fff;}
#foot .link {line-height:50px; height:50px; margin:0 auto; width:1000px; }
#foot .link p{ float:left;}
#foot .link a{margin-left: 8px;height:50px; text-align:center; }

.sub{ width:1000px; margin:0 auto; line-height:34px; clear:both;padding-top:21px; height:200px; }
.sub a{ color:#fff;}
.sub h2{font-size:15px;}
.sub table td{ background:url(sub_li_bg.jpg) no-repeat right top;}
.sub_about{ padding-left:69px;}
.sub_pro{ padding-left:100px;}
.sub_pro ul li{ height:24px; line-height:24px; }
.sub_case{ padding-left:101px;}
.sub_news{ padding-left:83px;}
#foot .bottom{ width:1000px; margin:0 auto;  text-align:center; line-height:43px; }

#banner_in{ background:url(banner_in.jpg) no-repeat center top; height:325px;}
#contents{ width:1000px; margin:0 auto;}
.htitle{ font-size:17.84px; color:#000; border-bottom:1px solid #9e9e9e; padding-top:26px; line-height:30px; }
.htitle .en{ color:#cb9606; font-size:18.67px;}
.htitle .pos{ font-size:12px; font-weight:normal; float:right;}
.right{ width:763px; float:right;}
.left{ width:237px; float:right;}
.left h3{ font-size:16.98px; color:#7d585a; padding-top:25px; line-height:30px;}
.left h3 .en{color:#cb9606; }
.imglist { margin-top:25px; margin-left:30px; width:690px;}
.imglist li{ width:230px; height:160px; float:left; text-align:center;}
.imglist li img{ border:1px solid #dcdcdc;}


.plist {padding-left:11px;}
.plist ul li{ background:url(plist_li_bg.jpg) no-repeat; width:224px; height:32px; line-height:32px; text-indent:70px;}
.contact{ margin-top:20px; padding-left:11px;}
.contact img{ float:right; margin-bottom:10px;}
.contact p{ line-height:27px;}


.about{margin-top:8px; padding-left:20px; padding-right:20px;  overflow:hidden; padding-bottom:22px; }
.about table{border:1px solid #000; }
.about table td{border:1px solid #000;background:#f7d679; padding:5px;}
.about p{ line-height:24px;}
.about img{ max-width:100%;}

.news{ width:717px;margin-top:8px; padding-left:20px; padding-right:20px;  overflow:hidden; padding-bottom:22px;}
.news ul{ padding-left:26px; padding-top:10px; padding-bottom:22px;}
.news ul li{  background:url(plist_li_bg.jpg) no-repeat; height:30px; line-height:30px;text-indent:70px;}

.date{float:right;}
.page{clear: both; padding-top:40px; text-align:center;}
.page a{width: auto; margin-right:10px; }
.pos{ float:right; font-weight:normal; font-size:12px;background:url(pos_bg.jpg) no-repeat left ; padding-left:25px;color:#999999;}
.pos a{color:#999999;}
.h1title{ height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:20px;}
.content_in{  line-height:22px; padding-left:20px; padding-right:15px;}
.content_in img{max-width:100%;}
#title_extra{ text-align:center; height:25px; margin:0 auto; line-height:50px;}
.des{ text-align:center; height:35px; line-height:35px;}
#up_down{ text-align:center; line-height:35px; margin-top:20px;}
#up_down a{color:#3e3431;}
#related_product { margin-top:35px;}
#related_product  h2{background:url(right_htitle_bg.jpg) no-repeat left top; text-indent:20px;}

.right-fixed.right-fixed{    --form-theme-color:#f7ce62;
    --li-hover-color: #f7ce62;}

.swiper-slide img{ width:100%;}
.nav_menu{ display:none;}
.bus_index h2{ text-align:center;}
.swiper-containers{ overflow:hidden;}
.sup_index h2{ text-align:center;}
.product_index h2{ text-align:center;}
.sup02{ display:none;}
.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}

@media (max-width: 1000px) {           
#top{ width:100%; overflow:hidden; height:auto;}
#cont .main{ width:98%; margin:0 1%;}
.sub{ width:100%;}
#foot .bottom{ width:100%;}
#foot .link{ width:100%;}
.bus_index{ width:100%;}
.commp{ width:100%;}
.sup_index{ width:100%; height:auto; background:#FFF;}
.product_index{ width:100%; height:auto;}
.coop_index{ width:100%; height:auto;}

#top .nav ul li{ width:12.5%;}
#top .nav{ width:100%;}
#top .nav ul li a{ width:100%;}
#top .tel{ float:right; margin-left:0px; width:auto;}
#top .search{ float:right;}
.bus_index img{ max-width:100%;}
#commend{ width:100% !important; padding-right:0px !important;}
.commp h1{ width:100%;}
.sup_index td{background-position:center top !important;}
.product_index ul li{ width:31.3%; margin:0 1%; height:auto;}
.product_index ul li img{ width:100%; height:auto;}
#demo{ width:94%;}
#contents{ width:100%;}
.right{ width:75%;}
.left{ width:24%;}
.about{ padding-left:0px; padding-right:0px; }
.plist ul li{ width:100%;}
.imglist li{ width:31.3%; margin: 0 1%; height: auto;}
.imglist{ width:100%; height: auto; margin-left:0px; }
.imglist li img{ width:100%; height: auto;}
.news{ width:100%;  padding-left:0px; padding-right:0px; }
.news ul{ padding-left:0px;}
.about img{ max-width:100%;}
}

@media (max-width: 992px) {  
#top{ display:none;}
.none992{ height:60px;}
}


@media (max-width: 767px) {           
#top .tel{ display:none;  }
#top .search{ display:none;}
#top .nav{ display:none;}
.bus_index h2 img{ max-width:100%;}
.sup_index h2 img{ max-width:100%;}
.product_index h2 img{ max-width:100%;}
.sup01{ display:none;}
.sup02{ display: block;}
.LeftBotton{ display:none;}
.RightBotton{ display:none;}
#demo{ margin-left:0px; width:100%;}
.sub_pro{ padding-left:10%;}
.sub_case{ padding-left:10%;}
.sub_news{ padding-left:10%;}
.sub_about{ padding-left:10%;}
#foot .bottom{ line-height:1; height:50px;}
#foot .link a{ height:auto;} 
#foot .link{ line-height:1;}
.right{ width:100%;}
.left{ width:100%;}
.plist{ width:48%; float:left; padding-left:2%;}
.contact{ width:48%; float:left;padding-left:2%;}
.right-fixed{ display:none;}


}

@media (max-width: 425px) {           
#top .logo{ width:80%;}
#top .logo img{ width:100%;}
.product_index ul li{ width:48%;}
.sub_pro{ padding-left:5%;}
.sub_case{ padding-left:5%;}
.sub_news{ padding-left:5%;}
.sub_about{ padding-left:5%;}
.sub_about li{ height:34px; overflow:hidden;}
.imglist li{ width:48%; }
.news ul li{ background:none; text-indent:10px; }
.sup_index td p{ font-size:13px;}
#foot{ height:auto;}
.bus_index{ display:none;}
.coop_index{ display:none;}
.commp h1{ font-size:19px;}
.plist{ width:96%;padding-right:2%; padding-left:2%;}
.contact{ width:96%;padding-right:2%; padding-left:2%;}

.footerDiv{display: block;}

.footer_phonebai{display: block;}
.footerDiv{background: #f1b717;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}

.chanpin_xs{display: block;}
.product_tui{display: none;}

.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}

.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
}