.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center top;background-size:cover }
.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;height: 225px; 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; }
.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;}
.wzgg{display:inline}
.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) { 
.Toubu{background-size:150% 100%; }
.root .wzgg{ width:73%; padding-right:0%; margin-left:0%; float:right} 
.root .wzgg{ padding-top:15px}
.root .wzgg i{ 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) {   
.Toubu{ background: none}
.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) { 
}
 
.cpzs{ width:100%; margin: 0 auto; padding: 3% 0% 3% 0%; background:url(../images/cpzs.jpg) no-repeat center top;background-size:cover} 
.cpzs .part2{ width:100%;text-align:center; margin-bottom:1%}
.cpzs .part2 h2{line-height:50px; font-size:36px; color:#D70800; display:block; font-weight:normal; margin-top:-30px;  }
.cpzs .part2 h2 strong{ padding:0px 0px 0px 1%; }
.cpzs .part2 h1{ font-size:62px; color:#ddd; line-height:40px; display:block; font-weight:normal; text-transform: uppercase; }
.cpzs .part2 span{ color:#000; font-size:16px; text-transform:uppercase; font-weight:normal }  
.cpzs_l{ width:100%; margin-bottom:3%}
.cpzs_l ul{ width:62%; margin: 0 auto; height:40px}
.cpzs_l li{float:left; width:17%; height:40px; margin:0% 1%; text-align:center; background:#ddd; overflow:hidden}
.cpzs_l li a{  color:#171717;font-size:16px; line-height:40px; }

.proBg{ width:100%; }
.prolist div{ width:22%; float: left; overflow:hidden; margin:0% 0.5% 1% 0.5%; position:relative; text-align:center; background:#f5f5f5; padding:1%;} 
.prolist div h2{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left; }
.prolist div h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit}
.prolist div h3{ width:100%; overflow: hidden; height:50px;line-height:50px; font-size:18px; color:#333;  font-weight:normal; text-align:center; float:left; z-index:19999; position:relative; }     
.prolist div img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.prolist div: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);}    
.prolist div h2 p{ width:100%; overflow: hidden; height:100%;background:url(../images/cpdtss.png) no-repeat center bottom;z-index:19998;background-size:100% 100%; position:absolute; right:0px; bottom:0%; } 
.prolist div span{ height:40px; line-height:40px; margin:0% 5% 0% 0%;font-size:18px; right:0%; bottom:12%; position:absolute; z-index:19999; color:#FFFFFF; text-align:center}
.prolist div span p{display:inline; color:#FFFFFF} 
.prolist div:hover h3{ color:#D70800}
@media only screen and (max-width:1680px) {
.prolist div .title{ line-height:60px;}
} 
@media only screen and (max-width:1200px) { 
.cpzs .part2 h1{ font-size:36px;}
.cpzs .part2 h2{ font-size:30px;}
.prolist div{ width:32.33333%; padding:0% } 
.cpzs_l ul{ width:88%}
}
@media only screen and (max-width:1024px) { 
.cpzs .part2 h2{ margin-top:0px;}
}
@media only screen and (max-width:900px) {
}  
@media only screen and (max-width:850px) {  
.cpzs .part2 h2{ font-size:24px; margin-bottom:0px;}  
.cpzs .part2 h2 em{ font-size:24px;}   
.cpzs .part2 h1{ font-size:30px;} 
.prolist div{ width:48%; margin:0% 1% 1% 1%;}
}     
@media only screen and (max-width:768px) { 
.cpzs_l li{ width:48%; background:#D70800; margin-bottom:1%}
.cpzs_l li a{ color:#FFFFFF}
.cpzs_l li:nth-child(5){ display: none}
}
@media only screen and (max-width:600px) { 
}
@media only screen and (max-width:500px) {  
}  
@media only screen and (max-width:450px) {
}
@media only screen and (max-width:414px) {  
}
@media only screen and (max-width:350px) {
.cpzs .part2 h1{ font-size:24px} 
} 

.cpfl{padding:1% 0% 1% 0%; }  
.cpfl .cpfl_t{ text-align:center}  
.cpfl .cpfl_t p{line-height:100px; font-size:22px;overflow:hidden;}
.cpfl .cpfl_t h2{ font-size:36px; color:#D70800; }
.cpfl .cpfl_t h2 b{ padding-right:20px;font-weight: normal; color:#000;  }
.cpfl .cpfl_t h2 i{ font-size:18px;  color:#D70800; display:block; line-height:40px; font-style:normal; overflow:hidden}

.cpfl_l{width:100%; float:left; text-align:center; padding:0px 0% 30px 0%; } 
.cpfl_l li{width:1px; height:12px; background:#000; display: inline-block; margin:0% 10px}
.cpfl_l a{ color:#807d7d}   

.sideList{width:100%; float:left;  } 
.sideList li{width:17.9933333%; margin:0% 1% 1% 1%; float:left; overflow:hidden; position:relative; padding-bottom:50PX; } 
.sideList li h2{overflow:hidden; padding-bottom:100%;position:relative; display:block; }
.sideList li h2 img{ height:100%;  float:left; position:absolute; max-width:none; } 
.sideList li h2 img {height:134%; width:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.sideList li h2 i{ height:100%; width:100%;z-index:19996; position:absolute; display:block; background:url(../images/sideListbj1.png) no-repeat center bottom;background-size:100% 100%;}      
.sideList li h1{ width:100%; display:block;z-index:19999; position: relative; border:1px solid #cbcbcb;}
.sideList li h1 i{ width:35px; height:74px; display:block; float: right; border-left:5px #fff solid;background:url(../images/cp_bt_2.png) no-repeat center top;background-size:100% 100%;} 
.sideList li h1 p{ font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding:10px 0% 0% 20px;} 
.sideList li h1 span{ font-size:16px; color:#6a6a6a; display:block; font-weight:normal; padding:0px 0% 10px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 
.sideList li:hover h2 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);} 
.sideList li:hover h1 i {background:url(../images/cp_bt_1.png) no-repeat center top;background-size:100% 100%;}
.sideList li:nth-child(n+6){ display:none} 
@media only screen and (max-width:1680px) { 
.sideList li h1 span{ font-size:16px}
} 
@media only screen and (max-width:1200px) {
.cpfl .cpfl_t h2{ font-size:30px;}
.sideList li{ width:22.993333%} 
.sideList li:nth-child(n+5){ display:none}  
}
@media only screen and (max-width:1024px){  
} 
@media only screen and (max-width:850px) {  
.cpfl .cpfl_t h2{ font-size:24px}
.sideList li{ width:48%; padding:0%; }    
.sideList li h1 p{ font-size:18px;}
.sideList li h1 i{ display:none}
} 

.icompany{ width:100%; margin: 0 auto; padding:0% 0% 150px 0%;background:url(../images/adout.jpg) no-repeat center bottom;background-size:cover; } 
.icompany .part4{ color:#fff;  overflow:hidden;  text-align:center; width:100%;background:url(../images/adoutt.png) no-repeat left bottom; margin-bottom:3%; padding:3% 0% 0% 0%;} 
.icompany .part4 p{ font:36px/60px "΢ÈíÑźÚ"; font-weight: bold; display:block; color:#D70800;text-shadow: #e9f2fb 3px 0 0, #e9f2fb 0 3px 0, #e9f2fb -1px 0 0, #e9f2fb 0 -1px 0;} 
.icompany .part4 p strong{ padding-right:20px}
.icompany .part4 span{ font-size:36px;font-weight: bold; color:#D70800;text-shadow: #e9f2fb 3px 0 0, #e9f2fb 0 3px 0, #e9f2fb -1px 0 0, #e9f2fb 0 -1px 0;}
.companyt{width:50%; float: right;  }
.companyt ul{ display:block; height:167px; overflow:hidden} 
.companyt ul p{ line-height:29px; color:#464443; }   

.companyt .announcet{ text-align:center; width:100%; float:left; height:50px;  margin:250px 50px 30px 0px; display:none} 
.companyt .announcet h2{ font-size:16px;width:240px; height:50px; line-height:50px; font-size:16px; color:#fff; background:#D70800; float: right; margin-right:5% }
.companyt .announcet:hover h2{ background:#f7970f;border:1px #f7970f solid; color:#FFFFFF} 
.company{ width:46%; float: left; height:300px;background:url(../images/company.jpg) no-repeat center top;background-size:cover;   }    
.company img{ transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; display:none} 
.company: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);} 
 
@media only screen and (max-width:1680px){ 
.company iframe{ width:650px;}
}
@media only screen and (max-width:1440px){ 
.icompany .part4 p{ font-size:33px;}
.icompany{ padding:0% 0% 100px 0%}
}
@media only screen and (max-width:1200px){
.icompany{ padding:0% 0% 100px 0%}
.icompany .part4 p{ font-size:30px; line-height:37px } 
.icompany .part4 span{ font-size:30px;}

}
@media only screen and (max-width:1024px){
.adout{ background:url(../images/adouts.jpg) no-repeat center bottom;background-size:cover; } 
.icompany .part4 p strong{ display:none}
.companyt{ width:100%; padding:0% 0% 0% 0%;  margin-top:0%} 
.companyt ul{ padding:20px 3%; height:62px }
.companyt .announcet{ margin:50px 50px 30px 0px}  
.companyt .announcet h2{ float:none; margin: 0 auto}
.company{ width:100%; float: left; display:block; background:none; overflow:hidden; height:auto; margin-top:0%; text-align:center; padding:0%}
.company img{ display:block; width:50%; margin:0% auto; display: block; text-align:center; margin-bottom:0%; float:none} 
.companyt .announcet{ display: block}

}
@media only screen and (max-width:850px){   
.icompany .part4 p{ font-size:24px}
.icompany .part4 span{ font-size:26px}
} 
@media only screen and (max-width:768px){       
} 
@media only screen and (max-width:600px){       
}
@media only screen and (max-width:414px){
.icompany .part4{background-size:auto 150%;}
.icompany .part4 p{ font-size:21px}
.icompany .part4 span{ font-size:26px} 
.company img{ width:87%;}
}
.icompany .companyt .announce{ }  
.icompany .companyt .announce dt{ padding:50px 2% 0px 2%; width:18%; float:left; font-size:24px;height:100px; line-height:50px; text-align:center} 
.icompany .companyt .announce dt b{ height:55px; display:block;}
.icompany .companyt .announce dt:nth-child(1) b{background:url(../images/bom1.png) no-repeat center top }
.icompany .companyt .announce dt:nth-child(2) b{ background:url(../images/bom2.png) no-repeat center top }
.icompany .companyt .announce dt:nth-child(3) b{background:url(../images/bom3.png) no-repeat center top }
.icompany .companyt .announce dt:nth-child(4) b{background:url(../images/bom4.png) no-repeat center top }
@media only screen and (max-width:1200px){ 
.icompany .companyt .announce dt{ font-size:18px}
}
@media only screen and (max-width:1024px){   
}
@media only screen and (max-width:850px){  
}
@media only screen and (max-width:650px){  
}
@media only screen and (max-width:500px){   
.icompany .companyt .announce dt{ width:46%} 
}
 
.mainsytj .mainsytj_top{ text-align:center;padding:3% 0%; position:relative;background:url(../images/mainsytj.jpg) no-repeat center top #f5f5f5; margin-bottom:2%} 
.mainsytj .mainsytj_top .wrap{position:relative;}
.mainsytj .mainsytj_top h2 p{  font-size:16px;  color:#333; display:block; line-height:30px; margin-top:30px; font-style:normal; overflow:hidden; width:73%}
.mainsytj .mainsytj_top h2{ font-size:36px; line-height:36px;  color:#fb0d0a; position:absolute; top:130px; left:0%; text-align:left} 
.mainsytj .mainsytj_top h2 span{ padding-left:20px;font-weight: normal; }
.mainsytj .mainsytj_top h1{ position:absolute; top:30px; right:0%}
.mainsytj .mainsytj_top h1 p{ width:370px; height:100px; display:block; margin-bottom:20px;background:url(../images/mainsytjbj.png) no-repeat center top;background-size:100% 100%;}
.mainsytj .mainsytj_top h1 p a{line-height:80px; font-size:24px; color:#FFFFFF; }

.mainsytj_tops{ text-align: center;background:url(../images/mainsytj_tops.png) no-repeat center bottom; margin-bottom:2%; padding-bottom:23px}
.mainsytj_tops h2{font-size:36px; line-height:60px;  color:#fb0d0a; }
.mainsytj_tops h2 span{ padding-left:2px;}
.mainsytj_tops p{font-size:24px; text-transform: uppercase; line-height:30px; color:#333; }

.mainsytj{ width:100%; padding:0% 0% 3% 0%; }
.mainsytj ul{ width:58%; float:left; border-bottom:15px solid #991e29; border-top:15px solid #991e29; }
.mainsytj ul li{ width:24%; margin:0% 1% 0% 0%; float:left;position:relative; overflow:hidden;} 
.mainsytj ul li a{ border-left:1px solid #d2d2d2;padding:9px 6%; width:93%; float:left}
.mainsytj ul li dt{ line-height:30px; display:block;  font-size:18px; color:#707070; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin:10px 0% 0px 0px; text-align:center}
.mainsytj ul li i{ width:100%; overflow:hidden; display:block; font-style:normal; text-align: center} 
.mainsytj ul li i img{ display: none; }
.mainsytj ul li h1{ width:33px; display:block; height:1px; background:#999; float:right; margin-right:5%}
.mainsytj ul li h2{ width:100%;padding-bottom:100%; position:relative; overflow:hidden; }
.mainsytj ul li h2 img{ width:100%; height:137%; position:absolute} 
.mainsytj ul li:hover h1{ width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;}
.mainsytj ul li:hover h2{ transform:rotateY(180deg); } 
.mainsytj ul li:nth-child(4){ margin:0%}
.mainsytj ul li:nth-child(n+5){ display:none} 
.mainsytj ul li:nth-child(6) h2{ background:url(../images/mainsytj6.jpg) no-repeat center top;background-size:cover;}
.mainsytj dl{ width:41%; float:left; padding-top:7px; border-left:1px solid #dfdfdf; padding-bottom:12px;}
.mainsytj dl dt{ width:32.333333%; height:286px; float:left; border-bottom:15px solid #991e29;}
.mainsytj dl dt h2{ height:75px; line-height:75px; background:url(../images/bn23.png) no-repeat center top;background-size:100% 100%; text-align:center; font-size:22px; border-right:1px solid #d3a6aa}
.mainsytj dl dt h2 a{ color:#FFFFFF}
.mainsytj dl dt li{ }
.mainsytj dl dt li p{ height:29px; margin-bottom:5px; overflow:hidden; background:url(../images/bn18.png) no-repeat bottom center; padding-left:50px}
.mainsytj dl dt:nth-child(3){ border-right:1px solid #dfdfdf;}
@media only screen and (max-width:1680px){   
.mainsytj dl dt li p{ padding-left:30px;}
.mainsytj ul li dt{ margin:20px 5% 4px 20px}
}
@media only screen and (max-width:1440px){  
.mainsytj .mainsytj_top h2{ font-size:29px;}
.mainsytj .mainsytj_top h2 p{ width:57%}
.mainsytj .mainsytj_top h1 p{ width:280px; height:88px;}
.mainsytj .mainsytj_top h1 p a{ font-size:18px;}
}
@media only screen and (max-width:1200px){  
.mainsytj .mainsytj_top h2{ font-size:24px; top:30px;}
.mainsytj .mainsytj_top img{ width:410px; }
.mainsytj .mainsytj_top h1{ top:0px;}
.mainsytj .mainsytj_top h1 p{ margin-bottom:0px; height:70px}
.mainsytj_tops h2{ font-size:30px;}
.mainsytj dl dt h2{ font-size:17px;}
.mainsytj dl dt li p{ padding-left:10px;}
.mainsytj ul li{ width:31.3333333%; } 
.mainsytj ul li:nth-child(4){ display:none}
}
@media only screen and (max-width:1024px){  
.mainsytj .mainsytj_top h2{ display:none}  
.mainsytj dl dt li p{ margin-bottom:0px;}
.mainsytj dl dt{ height:264px;}
}
@media only screen and (max-width:850px){  
.mainsytj_tops h2{ font-size:24px;}
.mainsytj .mainsytj_top h1{ display:none}
.mainsytj ul{ width:100%; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2}
.mainsytj ul li{ width:49%}
.mainsytj ul li a{ border:none; padding:10px 6%}
.mainsytj ul li:nth-child(n+5){ display: block} 
.mainsytj ul li:nth-child(4){ display: block}
.mainsytj ul li:nth-child(n+7){ display:none} 
.mainsytj ul li dt{ margin:20px 5% 10px 20px}
.mainsytj dl{ display:none}
}   
@media only screen and (max-width:768px){   
.mainsytj ul li{ width:48%; } 
.mainsytj ul li:nth-child(n+7){ display:block}
.mainsytj .mainsytj_top p{ display:none}
} 
@media only screen and (max-width:450px){  
.mainsytj .mainsytj_top img{ padding-top:3%; width:100%}
}
@media only screen and (max-width:414px){
.mainsytj_tops{ padding-bottom:30px;}
.mainsytj_tops p{ font-size:18px}
.mainsytj ul li{ width:98%; }   
}
@media only screen and (max-width:328px){ 
.mainsytj_tops h2{ font-size:21px;}
}
 
   
.xwone{ padding:3% 0% 3% 0%;background: url(../images/xwone.jpg) no-repeat center top #f5f5f5;background-size:auto 100%;;}
.xwone .xw{ width:100%; text-align:center; margin-bottom:3%;background: url(../images/xwonetop.png) no-repeat center bottom; padding-bottom:50px;} 
.xwone .xw h3{ font-size:36px; line-height:70px; font-weight:normal;  } 
.xwone .xw h3 strong{padding:10px 20px 20px 20px; color:#D70800; } 
.xwone .xw h2{ font-size:18px; line-height:30px; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}   

.newtil{ width:60%; float: left}
.newtil .infobox1{ width:23%; float:left; overflow:hidden; text-align:center; margin:0% 1% 20px 1%;}
.newtil .infobox1 h3{ font-size:16px; height:40px; background:rgba(0, 0, 0, 0.7); color:#fff; line-height:40px; margin-top:80px;}
.newtil .infobox1 h3 strong{ display:block; font-size:16px}
.newtil .infobox1 h3 a{ color:#FFFFFF} 
.newtil .infobox1:nth-child(1){background: url(../images/newtil1.jpg) no-repeat center center;background-size:cover;}
.newtil .infobox1:nth-child(2){background: url(../images/newtil2.jpg) no-repeat center center;background-size:cover;} 
.newtil .infobox1:nth-child(3){background: url(../images/newtil3.jpg) no-repeat center center;background-size:cover;}
.newtil .infobox1:nth-child(4){background: url(../images/newtil4.jpg) no-repeat center center;background-size:cover;} 
  
.xwone .news{ width:100%; float:left} 
.xwone .news ul li{ width:48%; margin:0% 1%;height:30px;line-height:30px;color: #555; overflow:hidden; float: left}
.xwone .news ul li h2{ font-size:14px; font-weight:normal}
.xwone .news ul li span{float: right; }
.xwone .news ul li a{ color: #555 } 
 
@media only screen and (max-width:1680px){  
.newtil{ width:54%;}
} 
@media only screen and (max-width:1200px){ 
.xwone .xw h3{ font-size:30px;}  
.newtil{ width:100%;}  
.xwone .news ul li:nth-child(n+7){ display:none;}  
}
@media only screen and (max-width:850px){ 
.xwone .xw h3{ font-size:24px;}   
.newtil .infobox1{ width:100%; margin:0% 0% 1% 0%}
.newtil .infobox1:nth-child(2){ display:none}
.newtil .infobox1:nth-child(3){ display:none}
.newtil .infobox1:nth-child(4){ display:none}
.newtil .infobox1 h3{ margin-top:150px;}
.xwone .news ul li{ width:98%;} 
.xwone .news ul li:nth-child(n+4){ display:none;} 
}
@media only screen and (max-width:500px){  
.xwone .news ul li span{ display:none}
}
@media only screen and (max-width:414px){   
} 

.xwtwo{ padding:3% 0% 3% 0%; background:url(../images/xwtwo.jpg) no-repeat center center;background-size:cover }
.xwtwo .xw{ width:100%; text-align:center;margin-bottom:2%; padding:0% 0% 0px 0%;}
.xwtwo .xw h3{ font-size:36px; line-height:70px; font-weight:normal;  } 
.xwtwo .xw h3 strong{padding-right:2%; color:#D70800;  } 
.xwtwo .xw h2{ font-size:18px; line-height:30px; font-weight:normal; }   


.proline { overflow: hidden; float: left; width:38%; background:#f5f5f5;}
.proline dl { overflow: hidden; margin:20px 3%; padding-bottom:16px; border-bottom:1px solid #eaeaea}
.proline dl dt{ width:100px; height: 82px; overflow:hidden; float:left; margin-right:20px;}
.proline dl dt img { width:100%; height:100%;}
.proline dl dd{}
.proline h3 { font-size: 22px; text-align: left; margin: 0; padding: 0; color: #000; margin-bottom: 30px; }
.proline dl dd h4 { font-size: 15px; height: 35px; color:#000; line-height: 40px; overflow:hidden } 
.proline dl dd p { line-height: 23px; height:40px; overflow:hidden; color: #333; margin-top:10px;}
.proline dl:nth-child(1) dt{background:url(../images/proline1.jpg) no-repeat center center;background-size:cover}
.proline dl:nth-child(2) dt{background:url(../images/proline2.jpg) no-repeat center center;background-size:cover}
.proline dl:nth-child(3){ border:none}
.proline dl:nth-child(3) dt{background:url(../images/proline3.jpg) no-repeat center center;background-size:cover}

.xwtwo .news{float: right; width:60%;}
.xwtwo .news ul li h2{ height:4px; width:4px; background:#000;border-radius:150px; display:inline-block; font-weight:normal; float:left; margin-top:15px;}
.xwtwo .news ul li{display: block; height:30px;line-height:30px;color: #555; overflow:hidden; width:48%; float:left; margin:0% 1% 5px 1%;}
.xwtwo .news ul li span{float: right; }
.xwtwo .news ul li a{ padding-left: 14px; color: #555; }

.xwtwotel{ width:100%; float: left} 
.xwtwotel a{clear:both; width:435px; display:block; margin:25px auto 0px; text-align:center; color:#fff; height:58px; line-height:58px; border-radius:29px; background-color:#c9221e; background-image:linear-gradient(90deg, #c9221e 30%, #de7b1b 50%, #c9221e); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease; cursor:pointer; float:right; font-size:18px;}
.xwtwotel a:hover{background-position:right center; }
@media only screen and (max-width:1680px){
.xwtwo .news ul li span{ display:none}
}
@media only screen and (max-width:1200px){  
.xwtwo .xw h3{ font-size:30px;}
.proline{ width:45%;}
.xwtwo .news{ width:50%}  
.xwtwo .news ul li{ width:98%}
.xwtwo .news ul li span{ display: block}
.xwtwo .news ul li:nth-child(n+12){ display:none}
}
@media only screen and (max-width:850px){  
.xwtwo .xw h3{ font-size:24px;}
.proline{ width:100%;}
.proline dl:nth-child(n+2){ display:none} 
.xwtwo .news{ width:100%}  
.xwtwo .news ul li:nth-child(n+5){ display:none} 
.xwtwotel a{ float:none; margin: 0 auto;}
.proline dl dd p{ line-height:20px}
}
@media only screen and (max-width:460px){
.xwtwo .news ul li span{ display:none}
.xwtwotel a{ width:100%}
}
  
.ryzz{ width:100%; margin: 0 auto; padding: 3% 0% 3% 0%; background:url(../images/ryzz.jpg) no-repeat #f5f5f5;} 
.ryzz .bt{ width:100%;text-align:center; margin-bottom:1%; padding:1% 0% 35px 0%; }
.ryzz .bt h2{line-height:50px; font-size:36px; color:#000; display:block; font-weight:normal; }
.ryzz .bt h2 strong{ padding:0px 0px 0px 1%;color:#D70800;}
.ryzz .bt h1{ font-size:28px; color:#000; line-height:40px; display:block; font-weight:normal; text-transform: uppercase; display:none}
.ryzz .bt span{ color:#bbb; font-size:16px; text-transform:uppercase; font-weight:normal } 
 
.ryzzdiv{ width:56%; float: left; }
.ryzzdiv div{ width:22%; float: left; overflow:hidden; margin:0% 0.5% 1% 0.5%; position:relative; text-align:center; background:url(../images/j.png) no-repeat center bottom #fff; padding:1% 1% 3% 1%;} 
.ryzzdiv div h2{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:62%; position:relative; display:block; text-align:left; }
.ryzzdiv div h2 img{ width:100%; float:left; position:absolute; margin:inherit}
.ryzzdiv div h3{ width:100%; overflow: hidden; height:60px;line-height:60px; font-size:16px; color:#D70800;  font-weight:normal; text-align:center; float:left; z-index:19999; position:relative; } 
.ryzzdiv div img {width: 100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.ryzzdiv div: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);}
.ryzzdiv div:hover h3{ color:#000} 
.ryzzdiv div:nth-child(n+9){ display:none}

.prolines { overflow: hidden; float: right; width:38%; background:#fff;}
.prolines dl { overflow: hidden; margin:20px 4%; padding-bottom:16px; border-bottom:1px solid #eaeaea}
.prolines dl dt{ width:100px; height: 104px; overflow:hidden; float:left;  margin-right:20px; }
.prolines dl dt img { width:100%; height:100%;}
.prolines dl dd{}
.prolines h3 { font-size: 22px; text-align: left; margin: 0; padding: 0; color: #000; margin-bottom: 30px; }
.prolines dl dd h4 { font-size: 15px; height: 35px; line-height: 40px; overflow:hidden } 
.prolines dl dd p { line-height: 23px; height:40px; overflow:hidden; color: #4B4B4B; margin-top:14px} 

@media only screen and (max-width:1680px) {  
.ryzzdiv div h2{ padding-bottom:81%}  
}
@media only screen and (max-width:1440px) {  
.ryzzdiv div h2{ padding-bottom:89%}  
}
@media only screen and (max-width:1200px) {  
.ryzz .bt h2{ font-size:30px;}
.ryzzdiv{ width:100%;}
.ryzzdiv div{ width:22%;}
.ryzzdiv div h2{ padding-bottom:100%}
.ryzzdiv div h2 img{ height:100%}
.prolines{ display:none}
}
@media only screen and (max-width:850px) { 
.ryzz .bt h2{ font-size:24px;}
.ryzzdiv div{ width:47%; padding:1% 1% 40px 1%} 
}
@media only screen and (max-width:600px) {
}
.gc{ padding:3% 0%;background:url(../images/gc.jpg) no-repeat;background-attachment:fixed;background-position:center;background-size:100% 100%;} 
.gc .bt{ width:100%; text-align:center;  padding:1% 0% 35px 0%}
.gc .bt a{ color:#FFFFFF}
.gc .bt h2{ font:36px/60px "΢ÈíÑźÚ";  } 
.gc .bt h2 span{ padding-right:0%; } 
.gc .bt h1{ text-align:center; font-size:16px; line-height:30px; position:relative; font-weight:normal}
.gc .bt h1 em{ font-size:50px; float: right; color:#FFFFFF; position:absolute; right:10%; font-weight:bold} 

.gc .pro1{}
.gc ul{ }
.gc ul li{float:left; width:14%; margin:0% 1% 1% 1%; padding:0% 2% 2%; position:relative}
.gc ul li h2{ overflow:hidden; padding-bottom:100%; position:relative; display:block; margin: 0 auto;border-radius:150px; overflow:hidden; border:3px solid #D70800}
.gc ul li h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit; }    
.gc ul li h3{ width:100%; overflow: hidden; height:50px;line-height:50px; color:#FFFFFF; font-size:16px;text-align:center; float:left; position:relative }    
.gc ul li .content2{ line-height:30px; font-size:24px; color:#000;  font-weight:normal; margin:20px 0px;writing-mode:tb-rl; display:none}
.gc ul li .content2 p{ font-size:18px; display: block; color:#949292}  
@media only screen and (max-width:1200px) { 
.gc .bt h2{ font-size:30px;}
.gc .bt h1 em{ font-size:28px; right:5%; margin-top:10px;}
}
@media only screen and (max-width:1024px) { 
.gc .bt h1 em{ display:none}
.gc .bt h1 b{ display:none}
}
@media only screen and (max-width:850px) { 
.gc .bt h2{ font-size:24px;}
.gc .bt h1{ padding:0%}
.gc ul{ padding:0%}
.gc ul li{ width:43%; }
.gc ul li h3{ color:#FFFFFF}
.gc ul li h2{border-radius:0px; border:none}
.gc ul li:nth-child(5){ display:none}
}
 
.lxwm{ width:20%; float: right; padding:0% 0% 3% 15%;background:url(../images/lxwm.jpg) no-repeat left center #fff;background-size:38% 100%; position:relative;box-shadow:-4px 4px 8px rgba(0, 0, 0, 0.1)}
.lxwm .lxwm1{ font-size:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/lxwm1.png) no-repeat left center; padding-left:97px; line-height:40px; height:150px}
.lxwm .lxwm1 a{ color:#045700}
.lxwm .lxwm1 span{ display: block; text-transform:uppercase; font-size:24px; margin-top:39px;}   
.lxwm p{ width:100%; float:left; font-size:14px; font-weight:normal; text-align: left; }   
@media only screen and (max-width:1680px) {  
.lxwm{ width:26%; background-size:30% 100%; }
}
 
@media only screen and (max-width:1200px) {  
.lxwm{ display:none}
.sidebox{ width:100%; padding:3% 0% 3% 0%}
.sidebox .cpfltop{ font-size:30px} 
} 
@media only screen and (max-width:850px) {    
.sidebox .cpfltop{ font-size:24px}
}
@media only screen and (max-width:500px) {
.cpflbot1{  background-size:41% 55%; }   
}
 
 
 .hf1{ width:340px; float:right;background: url(../images/hf1.png) no-repeat left center; height:100px} 
.hf1 h1{  text-align:right; color:#fff; font-size:40px; line-height:150px;}

.hf2{ background: url(../images/hf2.jpg) no-repeat center top;background-size:cover; padding:3% 0%;}
.hf2 ul{ width:70%; float:left}
.hf2 ul li{ width:16%; float:left; text-align:center; border-right:1px #6d6868 solid}
.hf2 ul li h2{ height:80px;}
.hf2 ul li p{ font-size:18px; color:#FFFFFF; display:block}
.hf2 ul li:nth-child(1) h2{background: url(../images/ren_a_1.png) no-repeat center top;}
.hf2 ul li:nth-child(2) h2{background: url(../images/ren_b_1.png) no-repeat center top;}
.hf2 ul li:nth-child(3) h2{background: url(../images/ren_c_1.png) no-repeat center top;}
.hf2 ul li:nth-child(4) h2{background: url(../images/ren_d_1.png) no-repeat center top;}
.hf2 ul li:nth-child(5) h2{background: url(../images/ren_e_1.png) no-repeat center top;}
.hf2 ul li:nth-child(6) h2{background: url(../images/ren_f_1.png) no-repeat center top;}
@media only screen and (max-width:1440px) { 
.hf1{ height:150px;}
.hf1 h1{ line-height:180px;}
.hf2 ul{ width:64%}
}
@media only screen and (max-width:1200px) { 
.hf1{ height:150px; margin: 0 auto; float:none}
.hf1 h1{ line-height:180px;}
.hf2 ul{ width:100%; margin: 0 auto; float:none; height:100px;}
}
@media only screen and (max-width:768px) { 
.hf2 ul{  height:220px;}
.hf2 ul li{ width:31.03333%; margin:0% 1% 1% 1%;}
}
@media only screen and (max-width:450px) { 
.hf1{ width:282px}
.hf1 h1{ font-size:30px;}
}
@media only screen and (max-width:360px) { 
.hf2 ul li{ border:none}
}