.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:auto}
.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:0% 0% 0% 0%; position:relative; } 
@media only screen and (max-width:450px){   
}
 
/*Ê×Ò³ËùÓÐÑùʽ×Ü*/ 
.mainxs{width:100%; margin: 0 auto; clear:both; }
.mainxs_bot{  } 
.mainxs_bot ul li{ float:left; overflow:hidden;line-height:30px;} 
.mainxs_bot ul li dd{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.mainxs_bot ul li img{ width:100%; height:100%; float:left; position:absolute;} 
.mainxs_bot ul li h2{width: 100%;  overflow:hidden; padding:2% 0%; font-weight: normal; font-size:16px}
.mainxs_bot ul li strong{width: 100%; color:#FF0000; font-weight:normal; margin:2% 0% 0% 0%;}
.mainxs_bot ul li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.mainxs_bot ul 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);} 



.cpfl_top{  width:100%; background:#045cbd; height:130px; margin-bottom:20px;background:url(../images/cpfl_top.jpg) no-repeat center top;background-size:cover;}
.cpfl_top h4{ line-height:77px; font-size:30px; color:#FFFFFF; padding-left:11%}
.cpfl_top h3{ font:14px/20px "Bell"; color:#fff; text-transform:uppercase; padding-left:11%}
 
.cpfl{ width:20%; float:left; border:1px #ccc solid; } 
.cpfl ul{width:100%; }
.cpfl ul li{width:90%; float:left; margin:0% 5% 13px 5%; overflow:hidden; background:url(../images/cpfl.png) no-repeat 20px center #f9f9f9;  height:40px; }    
.cpfl ul li a{  color:#000; line-height:40px; padding-left:54px; display:block}  
.cpfl ul li p{  color:#000; line-height:40px;} 
.cpfl ul li:hover a{ color:#000;} 
.cpflli{background:#ff7A01!important; display:none} 
.cpflli a{ color:#FFFFFF!important;} 


.maincpsy{  padding:0% 0% 0% 0%; } 
.maincpsy_bot{ width:78%; float:right }
.maincpsy_bot li{ width:24.5%; margin:0% 0% 1% 0.5%; } 
.maincpsy_bot ul li dd{ height:270px; padding:0%; position:relative}
.maincpsy_bot ul li dd b{ width:100%;height:100%;position:absolute; ;z-index:19998; background:url(../images/sycpbj.png) no-repeat center bottom;background-size:100% 100%;}
.maincpsy_bot li h2{ height:30px; line-height:30px; }   
.maincpsy_top{ margin:0% 0% 1% 0%; width:100%; text-align:center}
.maincpsy_top h3{ font-size:16px; line-height:20px; color:#233e54; text-transform:uppercase }
.maincpsy_top h4{ height:50px; font-size:30px; line-height:50px; background:url(../images/maincpsy_top.png) no-repeat center center; font-weight:bold}
.maincpsy_bot li:nth-child(n+13){ display: none}  
 
@media only screen and (max-width:1200px) { 
.maincpsy_top h4{ font-size:24px;}
.cpfl_top{ display:none}
.cpfl{ width:100%; float:left; border: none; } 
.cpfl ul li{width:18%;margin:0% 1% 1% 1%;background:url(../images/cpfls.png) no-repeat 6px center #045cbd;}
.cpfl ul li a{ color:#FFFFFF; padding-left:32px}
.cpfl ul li a p{ color:#FFFFFF}
.maincpsy_bot{ width:100%;} 
.maincpsy_bot ul li{ width:23%;margin:0% 1% 1% 1%;}   
.maincpsy_bot ul li dd{ height: auto; padding-bottom:100%}
}
@media only screen and (max-width:1024px) {  
.maincpsy_bot ul li{ width:31.3333333%;}
}
@media only screen and (max-width:768px) {  
.cpfl ul li{ width:31.3333333%}
.maincpsy_bot ul li{ width:48%;}
}
@media only screen and (max-width:414px) {  
.cpfl ul li{background: #045cbd; text-align:center}
.cpfl ul li a{ color:#FFFFFF; padding-left:0%}
}


.maincply{ margin: 0  auto; width:100%;background:url(../images/maincply.jpg) no-repeat center top;background-size: cover; padding:0% 0% 0% 0%}
.maincply_top{ width:100%; text-align:center}
.maincply_top h3{ font:500 30px/50px "Bell"; color:#fff; text-transform:uppercase }
.maincply_top h3 strong{ font-weight:normal}
.maincply_top dt{ width:9%; height:3px; background:#FFFFFF; margin: 0 auto; display:block}
.maincply_top h4{ height:30px; font-size:16px; line-height:40px; font-weight: normal; color:#FFFFFF}
.maincply_top h4 a{ color:#FFFFFF}
.maincply_bot{ width:100%; float:left; height:40px; line-height:40px; font-size:16px; overflow:hidden; text-align:center; color:#FFFFFF}
.maincply_bot h3{ display:inline; font-size:16px; color:#FFFFFF; font-weight:normal}
.maincplys_top{ text-align:center}
.maincplys_top img{ width:41%; margin: 0 auto;}
.maincplys{ margin: 0  auto; width:100%; background:#FFFFFF;  padding:1% 0% 0% 0%} 
.maincplys_bot{ width:80%; margin: 0 auto}
.maincplys_bot h3{width:16%; float:left; margin:2% 0%;  line-height:250px; text-align:center} 
.maincplys_bot h3 img{ width:50%; margin: 0 auto; margin-bottom:2%}
.maincplys_bot h3 p{ font:16px/30px "΢ÈíÑźÚ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden}


@media only screen and (max-width:1440px) {  
.maincplys_bot{ width:100%;}
.maincplys_top img{ width:60%; }
}
@media only screen and (max-width:1200px) {  
.maincply_top h3{ font-size:24px}
}
@media only screen and (max-width:850px) {  
.maincplys_top img{ width:90%; }
.maincply_top h4{ display:none} 
.maincplys_bot h3{width:25%;}
.maincplys_bot h3:nth-child(n+5){ display:none}
}
@media only screen and (max-width:550px) {  
.maincply{ background:#045cbd;}
.maincply_bot{ display:none}
.maincplys_bot h3{width:50%;}
.maincplys_top{ display:none}
.maincply_top dt{ display:none}
}

@media only screen and (max-width:414px) {  
.maincply_top h3{ font-size:18px}
}
@media only screen and (max-width:328px) {  
.maincply_top h3 b{ display:none}
.maincply_top h3 strong{ display:none}
}

/*ÆóÒµ¸Å¿ö*/ 
.mainab{  clear:both; width:100%; margin: 0 auto; background:url(../images/mainab.jpg) no-repeat;background-size:cover; padding:0% 0%;}
.mainab_l{width:55%; float: right; }
.mainab_c{ width:40%; float: left; height:340px;  background:url(../images/mainab_l.png) no-repeat;background-size:cover; display:block} 
.mainab_bot{ width:100%; float:right}
.mainab_bot_l{ float:left;} 
.mainab_bot_l dl{ width:100%; float: left;  } 
.mainab_bot_l dl dt{ line-height:30px; color:#FFFFFF; height:150px; overflow:hidden  }
.mainab_bot_l p{ width:100%; padding:4% 0%}
.mainab_bot_l p img{ float:left}

.mainab_bot_b{width:100%; margin: 0 auto}
.mainab_bot_b ul{ width:90%; margin: 0 auto} 
.mainab_bot_b ul li{ width:22.7%; margin:3% 1% 1% 1%; float:left; border-right:1px #FFFFFF solid; font-size:16px; text-align: center;  }
.mainab_bot_b ul li:nth-child(4){ border-right: none} 
.mainab_bot_b ul li h2{ font: bold 24px/30px "΢ÈíÑźÚ"; float:left; display:block; width:100%; color:#FFFFFF}
.mainab_bot_b ul li h2 strong{ font-weight:normal; font:16px/30px "΢ÈíÑźÚ"; padding-left:2%; color:#FFFFFF}
.mainab_bot_b ul li span{ line-height:30px; float:left; display:block; width:100%; color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 
.mainab_tops{  width:100%; clear:both; margin-bottom:1%; text-align:center}
.mainab_tops h2{ line-height:40px; font-size:30px; color:#FFFFFF; font-weight:bold;}
.mainab_tops span{ font-size:36px; line-height:40px;font-variant:small-caps; color:#FFFFFF;} 
.mainab_tops h2 strong{} 

.mainab_top{  width:100%; clear:both; margin-bottom:2%; color:#FFFFFF}
.mainab_top span{ line-height:30px; display:block; font-weight: normal; padding-right:2%} 
.mainab_bot h2{ line-height:40px;  padding-right:2%; } 

.maingymore{ width:20%; margin: 0 auto; border:1px #CCCCCC solid; line-height:40px; text-align:center; margin-top:5%; margin-bottom:2%; background:#005bac;border-radius:5px;}
.maingymore  a{ color:#FFFFFF;}
.maingymore:hover{ background:#ff7A01; border:1px #ff7A01 solid;}
  
@media only screen and (max-width: 1200px) {  
.mainab_tops h2{ font-size:24px;}   
.mainab_bot{ width:100%}
.mainab_bot dl dt{ height:180px; overflow:hidden;} 
.mainab_top{ display:none}     
.mainab_bot_b ul li{ border-right:none; width:45.7%}
} 
@media only screen and (max-width: 1024px) { 
.mainab_c{ float:none; width:67%; margin: 0 auto; margin-bottom:2%; } 
.mainab_l{ float:none; margin: 0 auto; width:100%} 
.mainab_bot_b ul li{ border-right:none; width:22%; margin:3% 0% 1% 0%}
.mainab_bot dl dt{ height:120px; overflow:hidden;} 
}
@media only screen and (max-width: 768px) { 
.mainab_c{ height:280px;}
.mainab_bot_b ul li{ width:48%; }
}
@media only screen and (max-width: 414px) { 
.mainab_c{ width:90%;}
}
  
.mainry{ background:url(../images/mainab_r.jpg) no-repeat left bottom;background-size:40% auto }
.mainab_r{ width:100%; float: left; padding:0% 0% 0% 0%; text-align:center}
.mainab_r h2{ line-height:50px; font-size:30px; color:#000000}
.mainab_r span{ line-height:25px; font-size:24px; color:#045cbd}
.mainab_r h3{ width:20px; height:3px; background:#045cbd; margin-bottom:2%; display:none}
.mainab_r p{ font:16px/40px "΢ÈíÑźÚ"; display:none}
.mainab_r li{ height:200px; width:100%; border-left:3px #000 solid; margin-top:3%; display:none}
.mainab_r dt{ height:20px; width:100%;}
.mainab_r dl{ width:30%; text-align:center; display:none }
.mainab_r dl img{ margin: 0 auto}

.mainry_bot{ padding:0% 0% 0% 0%; width:100%; float:right; } 
.mainry_bot ul li{ width:15.5%; float:left; margin: 0% 0.5% 1% 0.5%; } 
.mainry_bot ul li dd{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:100%; position:relative; display:block; background:#FFFFFF }
.mainry_bot ul li dd img{ width:100%; height:100%; max-width:none; float:left; position:absolute;}  
.mainry_bot ul li h2{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#000; font-size:16px; overflow:hidden; z-index:1999; position:relative; font-weight:normal}  
.mainry_bot ul li img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.mainry_bot ul li:hover{background:#045cbd; }
.mainry_bot ul 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);}  
.mainry_bot ul li:hover h2{ color:#FFFFFF }  
@media only screen and (max-width: 1200px) { 
.mainry{ background: none}
.mainry_bot{ padding:3% 0% 3% 0%; width:100%; }
.mainab_r{ width:100%; padding:3% 0% 0% 0%; text-align:center}
.mainab_r p{ display:none}
.mainab_r dt{ display:none}
.mainab_r dl{ display:none}
.mainab_r li{ display:none}
.mainab_r span{ line-height:44px;}
.mainab_r h3{ margin: 0 auto; width:50px}  
.mainab_r h2{  font-size:24px;}
.mainry_bot ul li dd{width:100%;float:left; height:auto; overflow:hidden;max-height:300px; position:relative; display:block; padding-bottom:100%}
.mainry_bot ul li dd img{ width:100%; height:100%; max-width:none; float:left; position:absolute;}  
}

@media only screen and (max-width: 768px) { 
.mainry_bot ul li{ width:48%; margin:0% 1% 1% 1%}
}

.fwcn_bot{ height:50px; background:url(../images/fwcn_bot.png) no-repeat center bottom }
.fwcns{ background:url(../images/fwcns.jpg) top center no-repeat fixed; text-align:center; }
.fwcns ul{ width:70%; float:left; text-align:center; padding:0% 0% 0% 0%}
.fwcns li{ width:25%; float: right}
.fwcns li img{ float:right}
.fwcns h2{ line-height:80px; font-size:30px; color:#FFFFFF; font-weight:bold}
.fwcns p{ line-height:40px; font-size:30px; color:#FFFFFF}
.fwcns span{ display:none; color:#FFFFFF;line-height:40px;}
@media only screen and (max-width: 1200px) {         
.fwcns li img{ width:100%}
.fwcns h2{ line-height:40px;}
.fwcns h2{ font-size:24px;}
.fwcns p{ font-size:24px;}
} 
@media only screen and (max-width: 850px) {  
.fwcns ul{ width:100%; padding:3% 0%;}
.fwcns li{ display:none}
.fwcns h2{ font-size:20px;}
.fwcns p{ font-size:20px;}
.fwcns span{ display: block; font-size:20px;}
}

.mainlc{ width:100%; margin: 0 auto; padding:0% 0%}
.mainlc_top{width:100%; margin: 0 auto;  text-align:center; margin-bottom:1%}
.mainlc_top h2{ line-height:80px; font-size:30px; height:60px; }
.mainlc_top p{ font:16px/30px "΢ÈíÑźÚ" ; overflow:hidden; }
.mainlc_top span{ font:26px/20px Impact; height:40px; overflow:hidden; font-variant:small-caps;  letter-spacing:2px;}
.mainlc_top em{ width:5%; margin: 0 auto; height:4px; background:#045cbd; display:block; } 
.mainlc_bot{ float: left; width:100%;}
.mainlc_bot li{ width:24%; margin:0% 0.5% 1% 0.5%;  text-align:center;}
.mainlc_bot li a{ display:block; border:1px solid #ddd; padding:0% 0% 3% 0%; background:#f5f5f5} 
.mainlc_bot li h2{ height:30px; line-height:30px;  }   
.mainlc_bot li h3{ height:30px; line-height:30px; padding:0px 20px; font-size:14px; color:#fff} 
.mainlc_bot li h3 p{ width:33%; margin: 0% 9%; float:left; background:-webkit-linear-gradient(bottom, #ea3516, #ee5e45);}  
.mainlc_bot li h3 span{ width:33%; margin: 0% 8%; float:left; display:block; background:-webkit-linear-gradient(bottom, #f0592d, #f37f5d)}  
.mainlc_bot ul li:nth-child(n+21){ display:none}
@media only screen and (max-width: 1200px) {  
.mainlc_top h2{ line-height:60px; font-size:24px; height:50px}
}
@media only screen and (max-width: 1024px) {
.mainlc_bot li h3 p{ width:43%; margin: 0% 2%;}  
.mainlc_bot li h3 span{ width:43%; margin: 0% 2%;}   
}
@media only screen and (max-width: 850px) {
.mainlc_bot li{ width:48%; margin:0% 1% 1% 1%; }
}
@media only screen and (max-width: 414px) {
.mainlc_bot li a{ display:block; border: none;}
.mainlc_bot li h3{ display:none}
}
/*·ç²É*/
.mainzcxc{  padding:0% 0% 0% 0%; background:url(../images/mainzcxc.jpg) no-repeat #045cbd; background-size:cover;} 
.mainzcxc_l{ width:26%; float:left; background:#f5f5f5}
.mainzcxc_l ul{ width:96%; float:left; border-bottom:2px #FFFFFF solid; padding:0.8% 2% 4% 2%; height:101px;}
.mainzcxc_l li{width:25%; float:left; text-align:center; padding-top:5%}
.mainzcxc_l li img{width:80%; margin: 0 auto}
.mainzcxc_l li .fcn{ display:none}
.mainzcxc_l h2{width:70%; float: right; padding-top:2%}
.mainzcxc_l h2 strong{ line-height:40px; height:35px; overflow:hidden; display:block}
.mainzcxc_l h2 span{ line-height:40px; height:30px; overflow:hidden; display:block}
.mainzcxc_l h2 p{ font:14px/40px "΢ÈíÑźÚ";height:30px;  overflow:hidden; display:block}
.mainzcxc_l ul:hover{ background:#f6bf1c}
.mainzcxc_l ul:hover li .fc{ display:none}
.mainzcxc_l ul:hover li .fcn{ display: inline}
.mainzcxc_l ul:nth-child(1){ background:#f6bf1c}
.mainzcxc_l ul:hover h2{ color:#FFFFFF}
.mainzcxc_l ul:nth-child(1) h2{ color: #FFFFFF}

.mainzcxc_c{ width:33.5%; float:left; }
.mainzcxc_c h2{ width:100%; float:left;height:455px;overflow:hidden; }
.mainzcxc_c img{ height:100%; }
.yinying{ width:100%; background: url(../images/yinying.png) repeat; height:50px;font:16px/50px "΢ÈíÑźÚ"; margin-top:-50px; float:left; color:#FFFFFF; text-align:center; overflow:hidden; z-index:1999; position: relative}
.yinying a{ color:#FFFFFF}
.mainzcxc_r{ float: right; width:66.5%; }
.mainzcxc_r li{ width:31.7%; margin:0% 0% 15px 1%;  text-align:center;  background:#fff; padding:0%;} 
.mainzcxc_r li h2{ height:40px; line-height:40px;}  
.mainzcxc_r li dd{ height:220px!important; padding-bottom:0%!important;}
.mainzcxc_top{  padding:1% 0% 1% 0%; width:100%; color:#fff; text-align:center; } 
.mainzcxc_top a{ color:#FFFFFF}
.mainzcxc_top h4{ line-height:40px; font-size:30px; color:#fff } 
.mainzcxc_top h4 strong{}
.mainzcxc_top h2{ line-height:30px; font-size:16px; font-weight:normal} 
@media only screen and (max-width: 1200px) { 
.mainzcxc_top h4{ font-size:24px;}
.mainzcxc_r{width:100%;}
.mainzcxc_c{display:none}
.mainzcxc_r li dd{ height: auto!important; padding-bottom:100%!important;}
}
@media only screen and (max-width: 850px) { 
.mainzcxc_r li{ width:48%; margin:0% 1% 1% 1%}
}
@media only screen and (max-width: 328px) { 
.mainzcxc_top h4 strong{ display:none}
}
 
 /*ÐÂÎÅÖÐÐÄ*/
/*Ñùʽ×Ü*/
.xws_div{ float:left}
.xws_div ul{ width:100%; float:left;  } 
.xws_div ul li{ width:100%; float: left; margin:0% 0% 0% 0%; height:30px; overflow:hidden; border-bottom:1px #CCCCCC dotted; background:url(../images/case_15.png) no-repeat left center} 
.xws_div ul li a{ font:14px/30px "΢ÈíÑźÚ"; padding-left:4%}
.xws_div ul li span{ padding-left:2%; float: right; height:35px; font:14px/35px "΢ÈíÑźÚ"; overflow:hidden} 

.xwzx_xw ul{ width:100%; float: left}
.xwzx_xw li{  margin:0% 1% 0% 1%;   padding:0%;}
.xwzx_xw li dt{width: 100%; overflow:hidden; color:#999; display:block; line-height:30px; } 
.xwzx_xw li span{ height:30px; width:100%; text-align:right; display:block}
.xwzx_xw li dd{ height:200px;}
.xwzx_xw li h2{ height:40px; overflow:hidden; line-height:40px; font-size:16px; float:left}
.xwzx_xw li b{  text-align:right; height:40px; overflow:hidden; width:100%; display: block; font-weight:normal}

 /*ÐÂÎÅ2*/
.xwsbj{ background:#fff;}
.xws{width:100%; margin: 0 auto; padding:0% 0% 1% 0%; clear:both; }  


.xws1{ width:30%; float:left}
.xws1 img{ width:100%; height:130px; } 
.xws1_top{ border-bottom:1px #ccc dotted; border-left:3px #045cbd solid; height:50px;  }
.xws1_top h2{ line-height:50px; padding-left:20px; float:left}
.xws1_top span{ font-size:18px;line-height:50px;  padding-left:20px; float:left}
.xws1 ul{ width:100%; float:left}
.xws1 ul li{ height:30px; border-bottom:1px #ccc dotted; font:16px/30px "΢ÈíÑźÚ";  overflow:hidden}
.data{  float: right; }
.data strong{ display: inline; font-weight:normal}
.data p{ display:inline }

.xw4{ width:34%; float: left;  padding:0% 3%; }  
.xw4_top{ border-bottom:1px #ccc dotted; border-top:1px #ccc dotted; height:50px; margin-bottom:20px;}
.xw4_top h2{ line-height:50px;}
.xw4_top h2 strong{ font-size:18px; padding-left:20px; color:#999999; font-variant:small-caps}
.xw4 ul li{ border-bottom:1px #CCCCCC dashed; width:100%; height:40px; margin:0% 0% 1px 0%; display: block}
.xw4 ul li h2{ font-weight:normal; width:100%}
.xw4 ul li h2 strong{font-weight:normal; float:right; display:block}

.lx{ width:30%; float:right;background:url(../images/contact.jpg) no-repeat right bottom #fff; }
.lx img{ width:100%; height:160px;}
.lx_top{ width:100%;}
.lx_top h2{ width:100%;font: bold 24px/60px "΢ÈíÑźÚ"; padding-left:4%}
.lx_top span{ width:100%; line-height:40px; padding-left:4%} 
.lx p{font:16px/29px "΢ÈíÑźÚ"; padding-left:4%}
@media only screen and (max-width:1440px) { 
.xw4 ul li h2 strong{ display:none}
.data{ display:none}
}
@media only screen and (max-width:1200px) { 
.xws1{ width:48%}
.xw4{ display:none}
.lx{ width:48%;}
.data{ display: block}
}
@media only screen and (max-width:850px) {
.xws1{ width:100%} 
.lx{ width:100%;}
.data{ display: block}
}
@media only screen and (max-width:450px) {
.data{ display:none}
.xws1_top span{ display:none}
}

 /*ÐÂÎÅ1*/ 
.mainxw{ padding-bottom:0%; background:#f5f5f5}
.mainxw_top{width:100%; margin: 0 auto;  text-align:center; padding-top:1% }
.mainxw_top h2{ line-height: 60px; font-size:30px; font-weight:normal } 
.mainxw_top h2 strong{font-weight:normal}
.mainxw_top span{ font:26px/20px Impact; height:40px; overflow:hidden; font-variant:small-caps;  letter-spacing:2px;font-weight:normal} 
.xw2{ width:62%; float: right; padding:31px 2%; background:#FFFFFF; margin-left:2%;box-shadow:0 0 10px 2px #e7e7e7}   
.xw2_top{  height:80px; padding:0% 3% 0% 1%; color:#000; width:46%; float:left}
.xw2_top h2{ font:24px/40px "΢ÈíÑźÚ"; float:left}
.xw2_top strong{ font:16px/20px "΢ÈíÑźÚ"; display:block; color:#666}
.xw2_top span{ float:right; width:33px; height:33px; background:url(../images/more2.png) no-repeat right center}
.xw2 .xwzx_xw ul li{ width:48%; margin:0% 1%; float:left}
.xw2 .xws_div ul li{ width:50%; margin:0% 0%;  border-bottom:none; }
.xw2 .xws_div ul li span{ } 
.xw2 .xwzx_xw li dt{ height:60px;} 
.xw2 .xwzx_xw li b{ display:none} 
  
.news3_bot{width:30%; float:left; margin-top:0%;  background:#FFFFFF;box-shadow:0 0 10px 2px #e7e7e7} 
.news3_top{  height:150px; background:#005bac; padding:5% 5% 0% 5%; color:#FFFFFF}
.news3_top h2{ font:24px/40px "΢ÈíÑźÚ"; float:left; color:#FFFFFF}
.news3_top strong{ font:16px/20px "΢ÈíÑźÚ"; display:block; color:#5387b5}
.news3_top span{ float:right; width:33px; height:33px; background:url(../images/more.png) no-repeat right center}
.news3_bot dl{ width:100%; float: left; text-align:center;  margin-top:-60px;  }
.news3_bot dl img{ width:90%;margin: 0 auto; display:block; max-height:160px;}
.news3_bot_xw{  float: left; padding: 2% 5%}
.news3_bot_xw li dt{height:51px;}   
.news3_bot .xwzx_xw li b{ display:none}
.news3_div{ width:90%; padding:0% 5% 10px 5%; float:left} 
.news3_div li{ height:30px; font:16px/30px "΢ÈíÑźÚ"; height:30px; overflow:hidden}
.news3_div li span{ float:right; display:none}
@media only screen and (max-width: 1200px) {  
.mainxw_top h2{ font-size:24px}
.xw2_top h2{ font-size:18px}
.xw2 .xwzx_xw{ display:none}
.news3_bot .news3_bot_xw{ display:none}
.xw2{ padding:24px 2%}
.xw2_top{ display:none}
.xw2 .xws_div ul li{ margin:0% 0% 5px 0%;}
}
@media only screen and (max-width: 1024px) { 
.news3_bot{ display:none}
.xw2{ width:96%; margin-left:0% }
}
@media only screen and (max-width:850px) { 
.xw2 .xws_div ul li{ width:100%; margin:0% 0% 0% 0%}
.xw2 .xws_div ul li:nth-child(n+9){ display: none} 
}

 /*pro*/
.pro {overflow:hidden; padding:1% 0% 0% 0%; background:#f5f5f5}
.pro_t span{height:24px;line-height:24px;text-align:center;font-size:20px;color:#000;display:block;}
.pro_t h2{ line-height:40px;text-align:center;font-size:26px;color:#045cbd;margin:5px 0;}
.pro_t em{text-align:center;line-height:44px;background:url(../images/pt01.png) no-repeat center;font-size:16px;color:#fff;height:44px;margin-bottom:10px;display:block;}
.pro_t em b{font-size:18px;margin-left:5px;}
.pro .menu{overflow:hidden;width:100%;text-align:center;padding-bottom:0%; }
.pro .menu li {display:inline-block;width:11%;height:40px;text-align:center;line-height:40px;background-color:#045cbd;margin:0 0.5% 0 0.5%;border-radius:50px;position:relative; overflow:hidden}
.pro .menu li {*display:inline}
.pro .menu li a{display:block;text-decoration:none;color:#fff;font-size:16px;}
.pro .menu li img{display:none;position:absolute;left:116px;bottom:-4px;}
.pro .menu li.cur{background-color:#04a033;}
.pro .menu li.cur img{display:block}
.pro .menu li.cur a{color:#fff;}
.pro .menu li:nth-child(n+9){ display:none}
.pro .pbox{overflow:hidden;width:100%; }
.pro .pbox i{display:block;width:39px;height:40px;cursor:pointer;position:absolute;top:15px;}
.pro .pbox .btn01{background:url(../imgs/pt_btn01.png) no-repeat center top;left:0}
.pro .pbox .btn02{background:url(../imgs/pt_btn02.png) no-repeat center top;right:0}
.pro .pbox i:hover{background-position:bottom}
.pro .pwinbox{ float:left}
.pro .plist{ }
.pro .plist ul{ }
.pro .plist li{float:left;width:23%;margin:0% 1%;}
.pro .plist li a{ border:1px solid #e4e4e4; display:block; padding:0% 0% 5% 0%}
.pro .plist li dl{ padding-bottom:64%; overflow:hidden; margin-bottom:11px;display:block;}
.pro .plist li dl img{ width:100%}
.pro .plist li h2{display:block;text-align:center;font-size:16px;color:#333;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0% 5%}
.pro .plist li span{display:block;font-size:16px;color:#333;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0% 5%}
.pro .plist li p{ font-size:16px;color:#333;line-height:30px; height:60px; overflow:hidden;display:block; padding:0% 5%}
.pro .plist li a{display:block;text-decoration:none}
.pro .plist li:hover a{border:2px solid #045cbd; } 
.pro .plist li:hover span{color:#000}
.pro .plist li:nth-child(1) dl{background:url(../images/pro01.jpg)  no-repeat top center;background-size:cover}
.pro .plist li:nth-child(2) dl{background:url(../images/pro02.jpg)  no-repeat top center;background-size:cover}
.pro .plist li:nth-child(3) dl{background:url(../images/pro03.jpg)  no-repeat top center;background-size:cover}
.pro .plist li:nth-child(4) dl{background:url(../images/pro04.jpg)  no-repeat top center;background-size:cover}
@media only screen and (max-width:1200px) {  
.pro .plist li{width:31.33333%;}
.pro .plist li:nth-child(4){ display:none}
.pro .menu li{ width:18%}
.pro .plist li dl{ padding-bottom:100%;}
}
@media only screen and (max-width:768px) {  
.pro .plist li{width:98%; margin:0% 1% 1% 1%}
.pro .plist li p{ display:none}
.pro .plist li span{ display:none}
.pro .plist li a{   padding:0% 0% 0% 0%}
.pro .menu li{ width:23%}
.pro_t span{ display:none}
.pro_t h2{ font-size:24px}
}
@media only screen and (max-width:500px) {  
.pro .menu li{ width:48%}
.pro .menu li:nth-child(n+9){ display:none}
.pro_t h2{ font-size:20px; line-height:30px;}
}