.Toubus{width: 100%;background:#d62329 }
.roots {width: 100%;height: 80px;position: relative;}
.roots dl{position: relative; height:80px;}
.roots dt {float: left;margin-top: -76px;width:18%;height: 225px;}
.roots dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.roots .wzggs {position: relative; width:43%;float: right;font-size: 15px;color: #fff;line-height: 34px; }
.roots .wzggs li{ width:50%; float:left;height: 80px;padding-top: 0px; display:block; text-align:center}
.roots .wzggs li:nth-child(1){ background:#c7171e}
.roots .wzggs li:nth-child(2){ background:#5e5e5e}
.roots .wzggs p { display:inline}
.roots .wzggs p em {font-weight: bold;}
.roots .wzggs h1{ font-size: 24px; line-height:50px; font-weight: normal;display: block;}
.roots .wzggs h2{font-size: 14px; display: block; font-weight:normal; padding:0% 5%; height:30px; overflow:hidden}
.roots .wzggs h3{font-size: 15px; display: block; font-weight:normal}
.roots .wzggs span{ display:inline; font-weight:normal}
.roots i {display: block;position: absolute;right:-25px;bottom: 63px;width: 26px;height: 20px;}
.roots i img {display: block;width: 26px;height: 20px;}
.wzggs{display:inline}
.wzgg_bts{position: relative; width:56%;float: left; }
.wzgg_bts li{ width:29%; margin:0% 1%; float:left;height: 70px;padding-top: 10px; display:block; text-align:center;background:url(../images/wzgg_bt.png) no-repeat center center;background-size:78% 90%;} 
.wzgg_bts h1{ font-size: 24px; line-height:30px; height:40px; font-weight: normal;display: block; color:#FFFFFF;}
.wzgg_bts h2{font-size: 15px; display: block; font-weight:normal; padding:0% 5%; height:30px; color:#FFFFFF; overflow:hidden}
.wzgg_bts li:nth-child(4){ display:none}
@media only screen and (max-width:1680px) { 
.roots .wzggs h1{ font-size:21px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
}
@media only screen and (max-width:1340px) {  
}
@media only screen and (max-width:1200px) { 
.wzggs{ display:none}
.roots dt{ width:31%}
.wzgg_bts{ width:68%}
.wzgg_bts li{ width:23%}
.wzgg_bts li:nth-child(4){ display: block}
.Toubus{ background:#d62329; display:none}
}
@media only screen and (max-width:1024px) { 
.roots i{ display:none}
}
@media only screen and (max-width:850px) { 
.wzgg_bts h1{ font-size:18px}
}
@media only screen and (max-width:768px) { 
.Toubus{ background:#a53436}
.roots{ height:auto}
.roots dl{ height:auto}
.wzgg_bts{ width:100%;background: none}
}
@media only screen and (max-width:414px) { 
.wzgg_bts{ height:auto; padding:3%}
.wzgg_bts li{ width:48%; padding:0%}
.wzgg_bts h1{ height:22px}
}

.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center bottom;background-size:100% 100%; }
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:20%;height: 225px;}
.root dt img {display: block;width: 251px; z-index:19999; position:relative}
.root .wzgg {padding-top: 26px;position: relative;height: 113px;width:80%;float: right;font-size: 15px;color: #fff;line-height: 30px;text-indent: 2em; overflow:hidden;display:inline }
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal; height:50px; overflow:hidden}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: none;position: absolute;right: 0;bottom: 24px;width: 100px;height: 100px;}
.root .wzgg img {display: block;width: 100px;height: 100px;} 
.root .wzgg_bt{display:inline; color:#FFFFFF} 
.root .wzgg .n_part1{display:inline}
@media only screen and (max-width:1680px) { 
.root .wzgg{ padding-top:16px; width:74%; } 
} 
@media only screen and (max-width:1440px) {  
}
@media only screen and (max-width:1400px) {  
} 
@media only screen and (max-width:1200px) {  
.root .wzgg{ width:73%; padding-right:0%; margin-left:0%; float:right} 
.root .wzgg{ padding-top:35px}
.root .wzgg i{ display:none}
.root dt{ margin-top:-20px;}
.root{ height:160px; overflow:hidden}
.root .wzgg h2{ display:none}
}
@media only screen and (max-width:1024px) { 
.root{ height:auto}
.root dt{ margin-top:-33px; width:24%}
.root .wzgg i{ display:none}
.root .wzgg{ padding-top:30PX;}
}
@media only screen and (max-width:850px) {
.root{ padding:2% 0% 2% 0%; height:auto}
.root dt{ width:100%; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{  display:none}
}
@media only screen and (max-width:450px) { 
}

.mainsytj_top{ text-align:center;padding:2% 0% 0% 0%; position:relative; display:none } 
@media only screen and (max-width:450px){   
}
 
.cpzs{ width:100%; margin: 0 auto;background:url(../images/cpzs.jpg) repeat } 
.syleft_top{ width:100%;background:url(../images/cpfl.jpg) no-repeat left bottom; text-align:center; }
.syleft_top a{ display:block } 
.syleft_top h2{line-height:50px; font-size:36px; color:#000; display:block;}
.syleft_top h2 em{ font-size:30px; color:#d82229; line-height:50px; font-style:normal; padding-right:2%; font-style:normal}
.syleft_top h2 strong{ color:#d82229; padding-left:2%}
.syleft_top p{ font-family:STkaiti; font-size:18px; text-transform:uppercase; display:inline; }  
 
.pro_list{ width:100%; float: left; }
.pro_list li{ width:23%; float: left; margin:0% 0.5% 0% 0.5%; overflow:hidden; } 
.pro_list li h2{width:100%;float:left; overflow:hidden;max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left}
.pro_list li h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit}    
.pro_list li h2 b{ width:100%;height:100%;position:absolute; ;z-index:19998; background:url(../images/sycpbj.png) no-repeat center bottom;background-size:100% auto;}
.pro_list li dt{ width:100%; overflow: hidden; height:50px;line-height:50px; font-size:16px; color:#000;  font-weight:normal;text-align:center; float:left; z-index:19999; position:relative }   
.pro_list li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.pro_list li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}  
.pro_list li:hover dt{ color:#d82229; font-weight:bold}
@media only screen and (max-width:1680px) { 
}
@media only screen and (max-width:1200px) {  
.syleft_top{ background:none}
.pro_list{ width:100%; }
.pro_list li{ width:31.33333%; margin:0% 1% 1% 1%; }
.pro_list li h2{ }
} 
@media only screen and (max-width:768px) {  
.pro_list li{ width:48%;  }  
.pro_list li:nth-child(n+15){ display:none}
}
@media only screen and (max-width:450px) {  
.pro_list li dt{ font-size:14px; font-weight:normal}  
}

.cpfl{ width:100%; float: left; }
.cpfl dl{ width:70%; margin: 0 auto; }
.cpfl dl dt{width:9.23333%; float:left; margin:10px 0.5% 1% 0.5%; text-align:center}
.cpfl dl dt i{ width:9px; height:9px;border-radius:300px; display:block; border:1px #d82229 solid;margin: 0 auto; margin-top:-5px; }
.cpfl dl dt b{ width:1px; height:10px; background:#d82229; display:block; margin: 0 auto}
.cpfl dl dt h2{color:#d82229; font:20px/40px "Microsoft Yahei";  height:40px;overflow:hidden; display:block; } 
.cpfl dl dt:hover i{ background:#000;border:1px #000 solid;}
.cpfl dl dt:hover b{ background:#000} 
.cpfl dl dt:hover h2{ color:#000; font-weight:bold}  
.cpfl dl dt:nth-child(n+10){ display:none}
.cpfl dl dt:nth-child(1) i{ background:#000;border:1px #000 solid;}
.cpfl dl dt:nth-child(1) b{ background:#000} 
.cpfl dl dt:nth-child(1) h2{ color:#000; font-weight:bold}    
.cps{width:100%; float: left;}
.lb_tel{ text-align:center; }
.lb_tel img{ display:inline}
.lb_tel p{ display:inline; font-size:24px; color:#d82229; line-height:50px; font-weight:bold }
.lb_tel p span{ font-size:30px}
@media only screen and (max-width:1440px) {   
.cpfl dl{ width:85%} 
}
@media only screen and (max-width:1200px) {   
.syleft_top h2{  font-size:30px; }
.syleft_top em{  font-size:30px;}  
.syleft_top span{ display:none}
.cpfl{ width:100%;}
.cpfl dl{ width:100%; float:left} 
}
@media only screen and (max-width:1024px){
.syleft_top{ width:100%; text-align:center }
.syleft_top a{ margin: 0 auto} 
.cpfl{ width:100%; text-align:center}
.syleft_top span{ line-height:10px}
.cpfl dl{ padding:0px 0% 0% 0%;}
.cpfl dl dt{ width:17.33333%; height:50px;background:url(../images/cpfldl.png) no-repeat center top;background-size:100% 100%; margin:0px 1% 1% 1%}
.cpfl dl dt i{ display:none}
.cpfl dl dt b{ display:none}  
.cpfl dl dt:nth-child(n+10){ display: block}
.cpfl dl dt:nth-child(n+11){ display:none}
}
@media only screen and (max-width:850px) {   
.syleft_top h2{ font-size:24px;}  
.syleft_top h2 em{ font-size:24px;}  
.syleft_top p{ font-size:20px; padding:0% 5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cpfl dl dt{width:31.333333%;} 
.cpfl dl dt:nth-child(n+10){ display:none}
.lb_tel{ width:100%;}
}
@media only screen and (max-width:768px) { 
.syleft_top{ width:100%; height:auto; border:none}
}
@media only screen and (max-width:500px) { 
.cpfl dl dt{width:48%;}
.cpfl dl dt:nth-child(n+9){ display: none}
.syleft_top h2 p{ font-size:24px}
.lb_tel p{ display:block; font-size:18px}
.lb_tel p span{ font-size:24px}
}
@media only screen and (max-width:414px) {  
}
@media only screen and (max-width:328px) { 
.syleft_top em{ font-size:20px;}
.syleft_top span{ font-size:15px;}
}

.mainsyab{ width:100%; margin: 0 auto; background:url(../images/mainsyab.jpg)no-repeat;background-attachment:fixed;background-position:center;background-size:100% 100%;  }
.companyt{ width:56%; float: right; } 
.mainsyab .gsjj_tp{ width:100%; color:#000; text-align:center; }
.mainsyab .gsjj_tp h2{ font:36px/60px "΢ÈíÑźÚ";  } 
.mainsyab .gsjj_tp h2 strong{ padding-right:0%}
.mainsyab .gsjj_tp h1{ height:60px;background:url(../images/gsjj_tp.png) no-repeat center center; display:none }
.mainsyab .gsjj_tp p{ line-height:30px; text-transform:uppercase;  color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}  
.companyt p{ line-height:30px;  height:204px; overflow:hidden; color:#333; }  

.icompany_b{ width:350px;height:60px; line-height:60px; font-size:16px; color:#fecd64; text-align:center; background:url(../images/icompany_b.png) no-repeat center center;background-size:cover;} 
.company{width:44%; float: left;height:313px; display:block; background:url(../images/company.png) no-repeat center center;background-size:cover; } 
.company img{ display:none; margin: 0 auto; width:80%; border:5px #FFFFFF solid}

.gsjj_nr{ line-height:50px; margin-bottom:20px; display:none }
.gsjj_nr span{ font-size:20px; color:#9e9e9e }
.gsjj_nr h2{ font-size:24px; }  
@media only screen and (max-width:1200px) { 
.mainsyab .gsjj_tp h2{ font-size:30px; }  
.company{ height:240px}
.companyt p{ height:172px}
}
@media only screen and (max-width:1024px) { 
.mainsyab{ } 
.company{width:100%; float:left; height: auto; height: auto; background:none; margin-top:0px;}
.companyt{width:94%; float:left; height:auto; padding:0% 3% 0% 3%; margin:0 auto;}
.gsjj_nr{ display:none}
.icompany_b{ margin:0% auto}
.company img{  display: block; text-align:center} 
.companyt p{ margin:0% 0px 0% 0px; height:96px;}   
}
@media only screen and (max-width:850px) { 
.mainsyab .gsjj_tp h2{ font-size:24px;}
.companyt p{ height:95px; padding:0% 5%}  
.icompany_b li{ width:56%}
} 
@media only screen and (max-width:414px) { 
.icompany_b{ width:280px;background-size:100% 100%;}
}
 
.newsl_div{ float:left; }
.newsl_div ul{  }
.newsl_div ul li{ height:30px; line-height:30px; float:left;font-size:14px; overflow:hidden} 
.newsl_div ul li span{ float:right; }


.xwtwo{ padding:0% 0% 0% 0%; background:url(../images/xwtwo.png) repeat}
.xwtwo_top{ text-align:center;  padding:30px 0% 0% 0%; background:url(../images/xwtwo_top.png) repeat-x center top}
.xwtwo_top h2{ font-size:36px; line-height:50px; font-weight:normal} 
.xwtwo_top h2 strong{ padding-right:2%; }
.xwtwo_top  b{ display:block; margin: 0 auto; font-size:36px; text-transform:uppercase;}
.xwtwo_top span{ font-size:18px; line-height:50px; color:#000; font-weight:normal; display:none} 
.TesBox_nr { width:100%; margin: 0 auto}
.TesBox_nrs{ width:100%; float:left; }
.TesBox_nrs dl {width:14.5%; float: left; padding:1.5% 2% 2% 3%; text-align:center;background:url(../images/TesBox_nrs.png) no-repeat center center;background-size:100% 100%;}
.TesBox_nrs dl dt{width:100%; overflow:hidden;max-height:300px; display:block; position:relative; padding-bottom:100%; text-align:left; }
.TesBox_nrs dl dt img{ width:100%; height:100%; float:left; position:absolute;border-radius:150px;}   
.TesBox_nrs dl:hover{background:url(../images/TesBox_nrs.png) no-repeat center center;background-size:100% 100%;}
.TesBox_nrs dl:nth-child(n+6){ display:none}

.s_bts_l{ width:5%; height:100px; margin-top:100px; float:left;  display: none;background:url(../images/s_bts_l.png) no-repeat left center;}
.s_bts_r{ width:5%; height:100px; margin-top:100px; float:right; display: none;background:url(../images/s_bts_r.png) no-repeat right center;}

.xw2{ width:100%;}
.xw2 ul li{ width:23%; margin:0% 1%;background:url(../images/d.png) no-repeat left center }
.xw2 ul li a{ padding-left:30px;}
@media only screen and (max-width:1680px) { 
.s_bts_l{ margin-top:60px;}
.s_bts_r{ margin-top:60px;}
.xw2 ul li span{ display:none}
}
@media only screen and (max-width:1200px) { 
.xwtwo_top h2{ font-size:30px; }
.s_bts_l{ margin-top:30px;}
.s_bts_r{ margin-top:30px;}
.xw2 ul li{ width:31.33333%; }
.xw2 ul li:nth-child(n+16){ display:none}
}

@media only screen and (max-width:850px) { 
.xwtwo_top h2{ font-size:24px; }
.s_bts_l{ display:none}
.s_bts_r{ display:none}
.TesBox_nrs{ width:100%;}
.TesBox_nrs dl{ width:28%}
.TesBox_nrs dl:nth-child(n+6){ display: block} 
.xw2 ul li{ width:48%; } 
.xw2 ul li:nth-child(n+11){ display:none}
}
@media only screen and (max-width:500px) { 
.xwtwo_top{ padding:50px 0% 1% 0%; }
.xw2 ul li{ width:98%; } 
.xw2 ul li:nth-child(n+6){ display:none}
.xw2 ul li span{ display: block}
}
@media only screen and (max-width:450px) { 
.xw2 ul li span{ display:none}
.TesBox_nrs dl{ width:44%}
.TesBox_nrs dl:nth-child(n+9){ display: none} 
}


.mianzngg{ width:100%; background:url(../images/mianzngg.jpg) no-repeat center top;background-size:cover; padding:70px 0% 0% 0%;}

.zngg{ width:60%; line-height:30px; float: right; color:#450003; padding:20px 0px 0px 0px; }
.zngg_top{ width:100%; margin-bottom:0px }
.zngg_top h2{ line-height:50px; font-size:24px; color:#450003;background:url(../images/wzgg_bt.png) no-repeat center center}
.zngg_top span{ line-height:40px; font-size:18px; color:#450003;}
.zngg_bot{ color:#450003; padding-right:100px;}
.zngg_fot{ padding-left:20px; line-height:40px; font-size:16px; color:#fff;background:url(../images/zngg_fot.png) no-repeat left center; margin-top:10px;}

.ditu{ width:36%; float:left;  }
.ditu iframe{ border:none}
.lxwm1{ width:20%; float:left; padding-left:15%}
.lxwm1 p{ color:#000; line-height:21px; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:bold;   padding-left:53px;}
.lxwm1 img{ float:left; margin:0px 10px 0px 10px;}

@media only screen and (max-width:1200px) {  
.ditu{ display:none}
.lxwm1{ width:35%;}
.zngg{ width:50%}
.zngg_bot{  padding-right:3%;}
}
@media only screen and (max-width:850px) { 
.mianzngg{ padding:50px 0% 3% 0%;}
.lxwm1{ width:100%;}
.zngg{ display:none}
.lxwm1 img{ display: block; float:none}
}
@media only screen and (max-width:500px) { 
.lxwm1{ padding-left:3%}
}

.xwone{ padding:0% 0% 0% 0%; background:url(../images/xwtwo.png) repeat}
.xwone_t{ height:26px; display:block; background:url(../images/xwtwo_top.png)repeat-x center top}
.xwone_top{ text-align:center; }
.xwone_top h2{ font-size:36px; line-height:50px; font-weight:normal} 
.xwone_top h2 strong{ padding-right:2%; }
.xwone_top  b{ display:block; margin: 0 auto; font-size:36px; text-transform:uppercase;}
.xwone_top span{ font-size:18px; line-height:50px; color:#000; font-weight:normal; background:url(../images/xwone_tops.png) no-repeat center bottom; padding-bottom:54px; display: none} 
.xw3{ width:73%; float:right;}
.xw3 ul li{ width:31.33333%; margin:0% 1% 0px 1%;background:url(../images/ds.png) no-repeat left center }
.xw3 ul li a{ padding-left:30px;}
 
.xw4{ width:19%; float:left;background:url(../images/xw4.jpg) no-repeat center top;background-size:cover; padding:0% 2% 20px 2%}
.xw4 ul{ float:left}
.xw4 ul dl{ width:100%; float: left; margin-top:0px; height:264px; display:block;background:url(../images/xw4dl.png) no-repeat center bottom;background-size:cover;}
.xw4 ul dl img{ display:none}
.xw4 ul li{ width:100%; float: left}
.xw4 ul li p{ color:#fff; font-size:14px; font-weight:900; line-height:30px; height:30px; overflow:hidden;}
.xw4 ul li h2{ color:#fff; font-size:12px; line-height:26px; height:26px}
.xw4 ul li span{ line-height:22px; height:46px; overflow:hidden; color:#FFFFFF; display:block} 

@media only screen and (max-width:1680px) { 
.xw3 ul li span{ display:none}
}
@media only screen and (max-width:1440px) { 
.xw4{ width:27%;}
.xw3{ width:64%;}
.xw3 ul li{ width:48%}
.xw3 ul li:nth-child(n+25){ display:none}
.xw3 ul li span{ display: block}
}
@media only screen and (max-width:1200px) { 
.xwone_top h2{ font-size:30px;}
.xw3 ul li span{ display:none}
}

@media only screen and (max-width:1024px) { 
.xwone_top h2{ font-size:24px;}
}
@media only screen and (max-width:850px) { 
.xw4{ width:37%;}
.xw3{ width:54%;}
.xw3 ul li{ width:98%}
.xw3 ul li:nth-child(n+13){ display:none}
}

@media only screen and (max-width:768px) { 
.xw4{ width:96%;}
.xw3{ display:none}
.xw4 ul dl{ height: auto; display:block; background:none; text-align:center}
.xw4 ul dl img{ display: block; margin: 0 auto}
}


.mcpt{ padding:20px 0% 20px 0%; width:100%; margin: 0 auto;background:url(../images/mcpt.jpg) no-repeat center top;background-size: 100% 100%;} 
.mcpt_top{ width:100%;background:url(../images/mcpt_top.jpg) no-repeat center top; text-align:center }
.mcpt_top a{ display:block } 
.mcpt_top h2{line-height:50px; font-size:36px; color:#000; display:block;}
.mcpt_top h2 p{ font-family:STkaiti; font-size:36px; text-transform:uppercase; display:inline; padding-right:50px;} 
.mcpt_top h2 em{ line-height:50px; font-style:normal; padding-right:2%; font-style:normal}
.mcpt_top h2 strong{ color:#d82229}
.mcpt_top span{ display: none;  font-weight:normal; color:#000; font-size:16px; line-height:50px;  text-transform:uppercase;} 
.cpt{ position: relative}
.cpt dl{float:left; width:18%; margin:0% 1%; position:relative}
.cpt dl dt{width:100%;float:left; overflow:hidden;max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left}
.cpt dl dt img{ width:100%; height:100%; float:left; position:absolute; margin:inherit}    
.cpt dl span{ width:100%; overflow: hidden; height:50px;line-height:50px; font-size:16px; color:#fff;  font-weight:normal;text-align:center; float:left;background:rgba(0, 0, 0, 0.7); margin-top:-50px; z-index:19999; position:relative }  
 
@media only screen and (max-width:1200px) { 
.mcpt_top h2{ font-size:30px; } 
}
@media only screen and (max-width:1024px) {  
.cpt dl{float:left; width:23%; }
.cpt dl:nth-child(n+5){ display:none}
}
@media only screen and (max-width:850px) { 
.mcpt_top h2{ font-size:24px; }
.cpt dl{float:left; width:48%; }  
}
@media only screen and (max-width:768px) {  
.mcpt_top span{ line-height:20px;} 
} 


.xwthree{  background:url(../images/xwtwo.png) repeat} 
.xwthree_top{ text-align:center; }
.xwthree_top h2{ font-size:36px; line-height:50px; font-weight:normal} 
.xwthree_top h2 strong{ padding-right:2%; }
.xwthree_top  b{ display:block; margin: 0 auto; font-size:36px; text-transform:uppercase;}
.xwthree_top span{ font-size:18px; line-height:50px; color:#000; font-weight:normal; background:url(../images/xwone_tops.png) no-repeat center bottom; padding-bottom:54px; display: none}    
.infobox .part4{ height:44px; background:url(../images/t.png) no-repeat left top;background-size: auto 100%; }
.infobox .part4 h1{float:left; height:29px; font-size:20px; color:#450003; padding:0 6px 0 95px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden }
.infobox .part4 h2{float:right;  padding:0 20px 0 0; font-size:12px; font-weight:normal; }  
.infobox{ width:20%; float:left;}
.infobox1{ width:74%; float: right; } 
.infobox1 ul{ width:31.3333%; margin:0% 1% 10px 1%; float:left}
.infobox1 ul dl{ width:36%; float: left; height:130px; display:block; }
.infobox1 ul dl img{ display:none}
.infobox1 ul h2{ width:60%; float:right; font-weight:normal}
.infobox1 ul p{ color:#000000; font-size:17px; line-height:30px; height:30px; overflow:hidden;}
.infobox1 ul li{ color:#000; font-size:14px; line-height:40px}
.infobox1 ul span{ line-height:30px; height:60px; overflow:hidden; display: block; font-size:16px; } 
.infobox1 ul:nth-child(1) dl{ background:url(../images/infobox1.jpg) no-repeat center top;background-size:cover;}
.infobox1 ul:nth-child(2) dl{ background:url(../images/infobox2.jpg) no-repeat center top;background-size:cover;}
.infobox1 ul:nth-child(3) dl{ background:url(../images/infobox3.jpg) no-repeat center top;background-size:cover;}
.infobox1 ul:nth-child(4) dl{ background:url(../images/infobox4.jpg) no-repeat center top;background-size:cover;}
.infobox1 ul:nth-child(5) dl{ background:url(../images/infobox5.jpg) no-repeat center top;background-size:cover;}
.infobox1 ul:nth-child(6) dl{ background:url(../images/infobox6.jpg) no-repeat center top;background-size:cover;}

@media only screen and (max-width:1440px) { 
.infobox .part4 h1{ font-size:15px;}
}
@media only screen and (max-width:1200px) {
.xwthree_top h2{ font-size:30px;} 
.infobox{ width:34%}
.infobox1{ width:62%}
.infobox1 ul{ width:48%;}
.infobox1 ul:nth-child(n+5){ display:none}
}
@media only screen and (max-width:850px) { 
.xwthree_top h2{ font-size:24px;} 
.infobox{ width:100%} 
.infobox .part4:nth-child(n+2){ display:none}
.infobox1{ width:100%}
.infobox1 ul{ width:98%;}
.infobox1 ul:nth-child(n+3){ display:none}
}
.xwf{ background:url(../images/xwf.jpg) no-repeat center bottom;background-size:cover;} 
.xwf_top{ text-align:center; }
.xwf_top h2{ font-size:36px; line-height:50px; font-weight:normal} 
.xwf_top h2 strong{ padding-right:2%; }
.xwf_top  b{ display:block; margin: 0 auto; font-size:36px; text-transform:uppercase;}
.xwf_top span{ font-size:18px; line-height:50px; color:#000; font-weight:normal; background:url(../images/xwone_tops.png) no-repeat center bottom; padding-bottom:54px; display: none}   
.infobox2{ width:100%; } 
.infobox2 ul{ list-style-type:none}
.infobox2 ul li{ width:31.33333%; float:left; line-height:30px; height:30px; margin:0% 1%; overflow:hidden; }
.infobox2 ul li span{  float:right; }
.infobox2 ul li a{ background:url(../images/ds.png) no-repeat left center; padding-left:30px; }

@media only screen and (max-width:1440px) {  
.infobox2 ul li span{ display:none}
}
@media only screen and (max-width:1200px) {
.xwf_top h2{ font-size:30px;}
.infobox2 ul li{ width:48%; }
.infobox2 ul li:nth-child(n+17){ display:none}
.infobox2 ul li span{ display: block}
}
@media only screen and (max-width:850px) { 
.xwf_top h2{ font-size:30px;}
.infobox2 ul li{ width:98%; }
.infobox2 ul li:nth-child(n+6){ display:none}
}
@media only screen and (max-width:450px) {  
.infobox2 ul li span{ display:none}
}

.ncon01{  background:url(../images/ncon01.jpg) no-repeat center bottom;background-size:cover; padding:10px 0px;}
.ncon01 ul { }
.ncon01 ul li{ float:left; width:21%; margin:0% 1% 0% 1%; }
.ncon01 ul li .nimg{ width:38%; float:left; }
.ncon01 ul li .nimg img{ width:70%;} 
.ncon01 ul li h2{ width:58%; float:left; }
.ncon01 ul li .ntit{ color:#dac09b; font-size:20px; margin: 0 auto; padding:3px 0 11px 0; height:35px; line-height:35px;background:url(../images/h.png) no-repeat left bottom;}
.ncon01 ul li .ndes{ color:#dac09b; font-size:16px; line-height:30px;  margin:0 auto; padding-top:10px;}
.ncon01 ul li:nth-child(4) .nimg img{ border:2px #fff solid}
.ncon01 ul li:nth-child(3) .ndes{ font-size:24px}
@media only screen and (max-width:1200px) {
.ncon01 ul li{ width:23%;}
.ncon01 ul li .ntit{ font-size:16px}
}
@media only screen and (max-width:1024px) {
.ncon01 ul li{ width:31%;}
.ncon01 ul li:nth-child(4){ display:none}
}
@media only screen and (max-width:768px) {
.ncon01{ display:none}
}