.maingjc{width: 100%; background:#045cbd; height:80px; overflow:hidden}
.maingjc a{ font-size:16px; line-height:80px; color:#FFFFFF; padding:0px 10px;}
.maingjc img{ }
@media only screen and (max-width:768px) { 
.maingjc a{ padding:0px 0px;}
}
.maindh {width: 100%; background:url(../images/maindh.jpg) no-repeat center bottom;background-size:100% 46%; padding:4% 0%;}
.project_catname { text-align:center}
.project_catname h2 { font-size:36px; line-height:60px; font-weight:normal}
.project_catname h2 strong{ color:#045cbd; padding-right:2%}
.project_catname p{text-transform: uppercase; font-size:36px; line-height:60px; color:#999999; background:url(../images/line1.png) no-repeat bottom center;}
.prolistdh{ padding:3% 0% 0% 0%;}
.prolistdh div{ width:23%; float:left; margin: 0% 1% 1% 1%; } 
.prolistdh div dt{width:100%;float:left; overflow:hidden;height:300px;}
.prolistdh div dt img{ width:100%; float:left; } 
.prolistdh div dl{ width:100%; float:left; height:300px; margin-top:-300px; } 
.prolistdh div dl li{ margin:20px 20px 20px 20px; padding:60px 20px 20px 20px; text-align:center } 
.prolistdh div dl li h2{ line-height:50px; width:100%; float:left;color:#fff; font-size:24px; height:50px; overflow:hidden}  
.prolistdh div dl li h3{ text-align:center}
.prolistdh div dl li p{ display:none}
.prolistdh div dt img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.prolistdh div:hover dt 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);} 
.prolistdh div:hover dl{background:rgba(43, 42, 42, 0.35);transition:opacity 0.35s, transform 0.35s; z-index:1999; position:relative }
.prolistdh div:hover dl li p{ padding:0% 5%; font-size:14px; line-height:30px; color:#FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.prolistdh div:hover dl li{ border:1px #FFFFFF solid; height:180px;}
.prolistdh div:hover dl li h3{ display:none}
.prolistdh div:nth-child(1){ display:none}
.prolistdh div:nth-child(n+10){ display:none}
@media only screen and (max-width:1440px) {  
.prolistdh div dl li h2{font-size:20px; }
.project_catname h2 { font-size:30px; line-height:40px }
.project_catname p{ font-size:27px;}
}
@media only screen and (max-width:1200px) { 
.prolistdh div{ width:31.3333333%; }
.prolistdh div:nth-child(1){ display: block}
.prolistdh div:nth-child(1) dl{background:rgba(43, 42, 42, 0.35);}
.prolistdh div:nth-child(n+10){ display:none}
}
@media only screen and (max-width:768px) {
.prolistdh div{ width:48%; } 
.prolistdh div:nth-child(1){ display: none}
.prolistdh div:nth-child(n+10){ display:none}
.project_catname h2{ font-size:24px; }
.project_catname p{ font-size:21px; line-height:40px}
.prolistdh div dl li h2{font-size:16px; }
}  
@media only screen and (max-width:550px) {
.prolistdh div dt{height:250px;}
.prolistdh div dl{ height:250px; margin-top:-250px; } 
.prolistdh div:hover dl li{height:128px;}
}
@media only screen and (max-width:414px) {
.prolistdh div dt{height: auto;width:100%;float:left; overflow:hidden;max-height:300px; display:block; }
.prolistdh div dl{ height:50px; margin-top:0px;} 
.prolistdh div dl li{ margin:0px; padding:0px; text-align:center } 
.prolistdh div dl li h3{ display:none}
.prolistdh div dl li p{ display:none}
.prolistdh div:hover dl li{height: auto; border: none}
.prolistdh div dl li h2{ color:#000; font-weight:normal}
 
}
.maintwo{ width:100%; margin: 0 auto;background:url(../images/maintwo.jpg) no-repeat center top #000;background-size:cover; padding:100px 0% 3% 0%;}
.maintwo_bot{ text-align:center; }
.maintwo_bot h2{ font-size:36px; line-height:60px; color:#fff}
.maintwo_bot span{ font-size:36px; line-height:60px; color:#fff}
.maintwo .newss{background:url(../images/maintwobj.png) no-repeat center top;background-size:100% 100%; }
.maintwo .newss .newss_top{ width:98%}

.maintwo3t{ width:200px; height:235px; margin: 0 auto; margin-top:-50px; text-align:center }
.maintwo3t strong{ width:100%; display: block; line-height:40px;}
.maintwo3t h2{ margin-top:79px; text-align:center; width:100%; color:#f89425}
 
.maintwo1{ width:29.333333%; margin:0% 3% 0% 1%; float:left; } 
.maintwo1 dl{ background:url(../images/maintwo1.jpg) no-repeat center top;background-size:cover; }
.maintwo1 .maintwo3t{background:url(../images/maintwo1b.png) no-repeat center top;background-size:cover; }
.maintwo1 .maintwo3t h2{ color:#FFFFFF}
.maintwo2{ width:29.333333%; margin:0% 3% 0% 1%; float:left; padding:0% 1% 1% 1%;} 
.maintwo2 dl{ background:url(../images/maintwo2.jpg) no-repeat center top;background-size:cover; }
.maintwo2 .maintwo3t{background:url(../images/maintwo2b.png) no-repeat center top;background-size:cover; }
.maintwo3{ width:29.333333%; margin:0% 1%; float:left; } 
.maintwo3 dl{ background:url(../images/maintwo3.jpg) no-repeat center top;background-size:cover; }
.maintwo3 .maintwo3t{background:url(../images/maintwo3b.png) no-repeat center top;background-size:cover; }
.maintwo .xw1 .newss dl{width:98%; height:200px; overflow:hidden } 

.maintwo2_b{background:url(../images/maintwobj.png) no-repeat center top;background-size:100% 100%; width:100%; float:left}
.maintwo2_bt{ width:29.333333%; margin:0% 1%; float:left; padding:0% 1% 3% 1%;}
.maintwo2_bl{ width:28%; float:left; text-align:center; padding:1%}
.maintwo2_bl h2{ line-height:40px; font-size:24px; color:#FFFFFF}
.maintwo2_bl h3{ line-height:40px; font-size:18px; color:#FFFFFF}
.maintwo2_br{ width:70%; float:left}
.maintwo2_br li{ width:98%; margin:0% 1% 0% 1%; float: left; color:#FFFFFF}
.maintwo2_br p{ width:98%; margin:1% 1% 0% 1%; float: left; color:#FFFFFF;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; overflow:hidden}
.maintwo2_bt:nth-child(1) .maintwo2_bl h2{ color:#000000}
.maintwo2_bt:nth-child(1) .maintwo2_bl h3{ color:#000000}
.maintwo2_bt:nth-child(1) .maintwo2_br li{ color:#000000}
.maintwo2_bt:nth-child(1) .maintwo2_br p{ color:#000000}

@media only screen and (max-width:1200px) {  
.maintwo3t{ width:156px; height:190px; }
.maintwo3t h2{ margin-top:59px;}
}

@media only screen and (max-width:1024px) { 
.maintwo .newss{background:url(../images/maintwobj.png) no-repeat left top;background-size:150% 100%; }
.maintwo2_b{background:url(../images/maintwobj.png) no-repeat left top;background-size:150% 100%; }
.maintwo1{ width:45%; margin:0% 5% 0% 1%}
.maintwo2{ width:46%; margin:0%; }
.maintwo3{ display:none}
.maintwo2_bt{ width:43%; padding:0% 0% 4% 0%} 
.maintwo2_bt:nth-child(2){ margin-left:7%}
.maintwo2_bt:nth-child(3){ display:none}
}
@media only screen and (max-width:768px) {  
.maintwo .xw1 .newss dl{ height:150px; } 
}
@media only screen and (max-width:600px) { 
.maintwo .newss{background: none}
.maintwo2_b{background: none }
.maintwo2{ display:none}
.maintwo1{ width:98%; margin:0% 1% 0% 1%; background:#FFFFFF}
.maintwo2_bt{ width:98%; padding:3% 0% 4% 0%; background:#FFFFFF} 
.maintwo2_bt:nth-child(2){ display:none}
}

 
.mainthree{ width:100%; margin: 0 auto;}
.mainthree_bot{ text-align:center; background:url(../images/mainthree_bot.jpg) no-repeat center center; margin-bottom:3% }
.mainthree_bot h2{ font-size:30px; line-height:60px; font-weight:normal}
.mainthree_bot span{ font-size:28px; line-height:60px; color:#b1afaf; text-transform:uppercase;}

.mainthree .xw1 .newss ul li{ width:31.333333%;}
.mainthree .xw1 .newss ul li a{ padding-left:15px;background:url(../images/t.jpg) no-repeat left center; } 
.mainthree .xw1 .newss h2{ width:100%; font-weight:normal;}
.mainthree .xw1 .newss h2 p{ width:31.333333%; height:30px; margin:0% 1% 0% 1%;line-height:30px; float:left; overflow:hidden; font-size:14px}
.mainthree .xw1 .newss h2 p a{ padding-left:15px;background:url(../images/t.jpg) no-repeat left center; }
.mainthree .xw1 .newss h2 p span{ float:right}
.mainthree .xw1 .newss dl{width:31.333333%; height:200px; margin-bottom:20px;  }
.mainthree .xw1 .newss  .newss_top{width:31.333333%; }
.mainthree .xw1 .newss  .newss_top a{ color:#045cbd}
.xw1{ }
.xw1{width:100%; margin:0 auto;}
.newss{float:left}
.newss ul{ list-style-type:none; width:100%; margin: 0 auto}
.newss ul li{ float:left; line-height:30px; height:30px;margin:0% 1% 0% 1%; overflow:hidden}
.newss ul li span{ float:right; overflow:hidden;}
.newss ul li a{ color:#333}
.newss dl{float:left; overflow:hidden; margin:0% 1% 0% 1%;}
.newss dl img{ width:100%; float:left; } 

.newss_top{ float:left; margin:0% 1%;}
.newss_top h2{line-height:40px; font-weight:bold;font-size:16px;float:left; }
.newss_top span{ line-height:40px; padding: 0px 10px 0px 20px; float: right; font-weight:bold; }

@media only screen and (max-width:1200px) { 
.mainthree_bot h2{ font-size:24px; line-height:60px; font-weight:normal}
.mainthree_bot span{ font-size:30px;}
.mainthree .xw1 .newss .newss_top{ display:none}
.mainthree .xw1 .newss h2{ display:none} 
.mainthree .xw1 .newss ul li{ width:48%;} 
.mainthree .xw1 .newss ul li:nth-child(n+9){ display:none}
.mainthree .xw1 .newss dl{width:48%; }
.mainthree .xw1 .newss dl:nth-child(3){ display:none} 
}

@media only screen and (max-width:768px) { 
.mainthree_bot span{ font-size:24px}
.mainthree .xw1 .newss dl{width:98%; }
.mainthree .xw1 .newss dl:nth-child(2){ display:none}
.mainthree .xw1 .newss ul li{ width:98%;} 
}
@media only screen and (max-width:414px) { 
.mainthree .newss ul li span{ display:none}
}


.mainab{ background:url(../images/mainab.jpg) no-repeat  center top;background-size:cover; padding:3% 0%}
.announce{ width:43%; height:470px; float: right; padding:30px 2%; background:url(../images/announce.jpg) no-repeat  center top; background-size:cover;}
.announce ul{ border:1px solid rgba(255, 255, 255, 0.2); height:450px; display:block} 
.announce:hover{background:url(../images/announce.jpg) no-repeat  center top; background-size:124% 105%; transition:all .5s ease; }
.announcet{ line-height:30px; font-size:14px; }  
.company{ width:50%; float: left;  height:470px; padding:60px 0% 0px 0%}
.company .part4{ width:100%; float:left; line-height:30px; margin-bottom:20px}
.company .part4 h1{ font-size:36px; color:#000; line-height:75px; }
.company .part4 h2{ font-size:24px; line-height:20px;  font-weight:normal; font-family:"΢ÈíÑźÚ"}
.mainab a:hover{ color:#000000}
 
.companyt{ line-height:31px; font-size:14px; width:100%; float:left;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical; overflow:hidden}
.companyt img{ display:none}
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden}


.companyt_t{text-align: center; width:100%; float:left; padding:30px 0px;} 
.companyt_t li{ width:24%; float:left; text-align:center; margin:0% 1% 0% 0%; background:#eef2f6; border-radius:8px; position:relative}
.companyt_t li img{ height:50px; margin: 0 auto; margin-top:23px; z-index:1999; position:relative}
.companyt_t li  h2{ width:100%; font-size:18px; line-height:60px; font-weight:normal; z-index:1999; position:relative;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden} 
.companyt_t li .c3{ display:none}
.companyt_t li:before{ content:''; position:absolute; left:0px; bottom:0px; height:3px; border-radius:8px; width:100%; background:#0254a6; z-index:0; transition:all .5s ease; }
.companyt_t li:hover:before{ height:100%}
.companyt_t li:hover .c1{ display:none}
.companyt_t li:hover .c3{ display: block}
.companyt_t li:hover h2{ color:#FFFFFF}
@media only screen and (max-width:1200px) { 
.mainab{ padding:5% 0%} 
.company .part4 h1{ font-size:30px}
.company .part4 h2{ font-size:20px} 
.announcet{ display:none }
.companyt p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; overflow:hidden}
.companyt_t li{ width:31%}
.companyt_t li:nth-child(2){ display:none}
}
@media only screen and (max-width:1024px) { 
.company{ padding:12px 0% 0px 0%}
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden}
.companyt_t li{ width:48%; margin-bottom:1%}
.companyt_t li:nth-child(2){ display: inline}
.companyt_t li img{ height:40px;}
}
@media only screen and (max-width:850px) {  
.mainab{ padding:3% 0%} 
.company .part4{ text-align:center}
.company .part4 h1{ font-size:24px;}
.announce{ display:none}
.company{ width:90%; padding:0% 5%; height:auto}
.companyt{ width:100%; float:left;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden}
.companyt_t li h2{ font-size:16px}
.companyt{ text-align:center}
.companyt img{ display: inline; width:50%; margin: 0 auto;}
} 
@media only screen and (max-width:328px) {
.companyt_t{ padding:0%}
.companyt_t li{ width:48%; }
.companyt_t li h2{ line-height:60px}
.companyt_t li img{ height:39px;}
} 
.mainsycp{ padding:3% 0%; background:url(../images/mainsycp.jpg) no-repeat;background-attachment:fixed;background-position:center;background-size:100% 100%;} 
.cpfl{ width:100%; margin: 0 auto}
.cpfl .part1{ font-size:36px; text-align:center; font-weight:bold; line-height:60px; color:#fff; margin-bottom:3% }
.cpfl .part1 span{ font-size:36px; line-height:40px; color:#fff; text-transform:uppercase; text-align:center; width:100%; display:block; }
.cpfl ul{ list-style-type:none; width:70%; margin: 0 auto; }
.cpfl ul li{  width:18%; float:left; height:50px; margin:0% 1% 1% 1%; line-height:50px; background:#fff; text-align:center}
.cpfl ul li a{ font-size:14px} 
.cpfl ul li:hover{ background:#f97831}
.cpfl ul li:hover a{ color:#fff}
.cpflli{   background:#f97831!important; }
.cpflli a{ color:#FFFFFF}
.prolist{ padding:3% 0% 0% 0%;}
.prolist div{ width:23.8%; float:left; margin: 0% 0.5% 1% 0.5%; padding:0.1%; background:#fff; } 
.prolist div h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.prolist div h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.prolist div h2 b{ width:100%;height:100%;position:absolute; ;z-index:19998; background:url(../images/sycpbj.png) no-repeat center bottom;background-size:100% 100%;}
.prolist div h3{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#000; font-size:14px; overflow:hidden; z-index:1999; 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:hover h3{background:url(../images/prolistbs.png) no-repeat right top; }

@media only screen and (max-width:1200px) {
.mainsycp{background:url(../images/mainsycp.jpg) no-repeat;background-attachment:fixed;background-position:center;background-size:150% 100%;} 
.cpfl ul{ width:90%;}
.cpfl .part1{ font-size:30px; line-height:35px}
.cpfl .part1 span{ font-size:24px}
.prolist div{ width:23%;}
}
@media only screen and (max-width:1024px) {  
.prolist div{ width:31.333333%;} 
}
@media only screen and (max-width:850px) {
.cpfl ul{ width:100%;}
.cpfl .part1{ font-size:24px}
.cpfl .part1 span{ font-size:20px}
.cpfl ul li{ width:31.333333%}
.cpflli{ display:none}
.prolist div{ width:30.333333%; margin: 0% 1% 1% 1%; padding:0.5%; } 
}
@media only screen and (max-width:600px) {
.prolist div{ width:47%;}
}

.lxwmt{ width:100%; margin: 0 auto; background:url(../images/lxwmt.jpg) no-repeat;background-attachment:fixed;background-position:center;background-size:100% 100%; padding:3% 0%; text-align:center} 
.lxwmt{ line-height:120px; font-size:25px; color:#FFFFFF} 
 
@media only screen and (max-width:1200px) { 
.lxwmt{  font-size:20px;}
}
@media only screen and (max-width:768px) {
.lxwmt{ line-height:60px; padding:6% 0%}
.lxwmt b{ display: none}
.lxwmt strong{ display:block}
}
@media only screen and (max-width:414px) { 
.lxwmt{  font-size:16px;}
}
.zixunwa{ padding:3% 0% 4% 0%;}
.zitl{background: url(../images/zitl.jpg) no-repeat center top;background-size: cover; width:100%; margin: 0 auto; text-align:center; margin-bottom:3%}
.zitl span{ font-size:36px; line-height:60px;}
.zitl p{ font-size:16px; line-height:40px;}
.ziyoutun ul li{ width:31.333333%; margin:0% 1% 0% 1%; float:left; background:#f5f5f5; padding:0% 0% 20px 0%;}
.ziyoutun ul li dl{ width:100%; height:200px; display:block;} 
.ziyoutun ul li h2{ font-size:16px; font-weight: normal; height:50px; line-height:50px; overflow:hidden; padding:10px 5% 0% 5%;}
.ziyoutun ul li span{ font-size:16px; font-weight: normal; padding:0% 5%; }
.ziyoutun ul li dt{ line-height:30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; padding:0% 5%;}
.ziyoutun ul li:nth-child(1) dl{background: url(../images/xw1.jpg) no-repeat center top;background-size: cover; }
.ziyoutun ul li:nth-child(2) dl{background: url(../images/xw2.jpg) no-repeat center top;background-size: cover; }
.ziyoutun ul li:nth-child(3) dl{background: url(../images/xw3.jpg) no-repeat center top;background-size: cover; } 
@media only screen and (max-width:1200px) { 
.zitl span{ font-size:30px; line-height:60px;} 
}
@media only screen and (max-width:850px) { 
.ziyoutun ul li{ width:48%; }
.ziyoutun ul li:nth-child(3){ display:none}
.zitl span{ font-size:24px; line-height:40px;} 
}
@media only screen and (max-width:500px) { 
.ziyoutun ul li dl{ height:120px;}
.ziyoutun ul li{ width:98%; }
}
.mainys{background: url(../images/mainys.jpg) no-repeat center top;background-size: cover;}
.mainys li{ width:22%; float:left; padding:0% 1.4% 3% 1.5%; border-right:1px solid #4b8bc6}
.mainys li img{ margin:50px 0px 0px 0px;}
.mainys li h2{ font-size:30px; line-height:60px; height:60px; margin-top:100px; color:#FFFFFF}
.mainys li dl{ height:220px; color:#FFFFFF}
.mainys li span{ width:100%; background:rgba(255,255,255,.2); display:block; height:2px;}
.mainys li span b{ width:20%; background:#FFFFFF; display:block; height:2px; }
.mainys li h3{ font-size:16px; line-height:60px; height:60px; color:#FFFFFF}
.mainys li:nth-child(1) dl{ font-size:18px; line-height:50px; font-weight:bold; }
.mainys li:nth-child(1) dl p{  padding:50px 0% 0% 0%}
.mainys li:nth-child(1) dl strong b{ display:none}
.mainys li:nth-child(2) dl p{ font-size:16px; line-height:30px; font-weight:bold; padding:23px 0% 0% 0%}
.mainys li:nth-child(3) dl p{ font-size:16px; line-height:30px; font-weight:bold; padding:50px 0% 0% 0%}
.mainys li:nth-child(3) dl p a{ color:#FFFFFF}
.mainys li:nth-child(4){border-right: none}
.mainys li:nth-child(4) dl .lxwm{ font-size:16px;line-height:26px; font-weight:bold; padding:50px 0% 0% 0%}
.mainys li:nth-child(4) dl .lxwm a{ color:#FFFFFF}
.mainys li:nth-child(1):hover{background: url(../images/ys1.jpg) no-repeat center top;background-size: cover;}
.mainys li:nth-child(2):hover{background: url(../images/ys2.jpg) no-repeat center top;background-size: cover;}
.mainys li:nth-child(3):hover{background: url(../images/ys3.jpg) no-repeat center top;background-size: cover;}
.mainys li:nth-child(4):hover{background: url(../images/ys4.jpg) no-repeat center top;background-size: cover;}
.mainys li:hover span b{ width:100%;transition: .10s;-moz-transition: .10s;-ms-transition: .10s;-o-transition: .10s;-webkit-transition: .10s;}
.mainys li:hover h2{ line-height:10px;transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-webkit-transition: .5s;}
.mainys li:hover dl{ margin-top:-10px; height:230px;transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-webkit-transition: .5s;}

.mainys li img{ transition:all 1s; } 
.mainys li:hover img{ transform:rotateY(360deg); } 
@media only screen and (max-width:1200px) { 
.mainys li h2{ font-size:24px}
.mainys li:nth-child(2){ display:none}
.mainys li{ width:29.1%; padding:0% 2% 3% 2%;}
}
@media only screen and (max-width:850px) {
.mainys li:nth-child(1) dl{ line-height:30px; } 
.mainys li:nth-child(1) dl strong{ width:100%; display:block}
.mainys li:nth-child(1) dl strong b{ display: inline}
}
@media only screen and (max-width:600px) {
.mainys li:nth-child(2){ display: inline}
.mainys li{ width:39.1%; padding:0% 5% 3% 5%; margin-bottom:1%}
.mainys li:nth-child(2) dl p{ font-size:14px; font-weight:normal; height:143px; overflow:hidden}
.mainys li h2{ margin-top:20px;}
}
@media only screen and (max-width:414px) {
.mainys li{ width:92.1%; border:none; padding:0% 5% 0% 5%; margin-bottom:0%}
.mainys li:nth-child(1) dl strong{ width: auto; display: inline-block}
.mainys li:nth-child(1) dl strong b{ display: none}
.mainys li:nth-child(1) dl p{ padding:0%}
.mainys li dl{ height: auto}
.mainys li:hover dl{ margin-top:0px; height: auto;}
.mainys li:nth-child(2) dl p{ padding:3px 0% 0% 0%}
.mainys li:nth-child(3) dl p{ padding:0px 0% 0% 0%}
.mainys li:nth-child(4) dl .lxwm{ padding:0px 0% 0% 0%}
}


.section4{ background: url(../images/pa3.png) repeat center; padding:3% 0%;}
.s4_cc{margin-top: 40px}
.s2_t{ text-align:center}
.s2_t div{ font-size:36px; line-height:60px;}
.s2_t p{ font-size:16px; line-height:40px; color:#999999}
.s4_cc .s4_cci{float:left;width:16%;margin:0 2%;text-align: center;}
.s4_cc .s4_cci .s4_ccib{font-size: 20px;color: #045cbd;margin-top: 28px;}
.s4_cc .s4_cci .s4_ccic{font-size: 14px;color: #666666;line-height: 24px;margin-top: 20px;}

@media only screen and (max-width:1200px) { 
.s2_t div{ font-size:30px; line-height:40px;}
}
@media only screen and (max-width:850px) {
.s4_cc .s4_cci{ width:21%;}
.s4_cc .s4_cci:nth-child(3){ display:none}
.s2_t div{ font-size:24px; line-height:40px;}
}
@media only screen and (max-width:600px) {
.s4_cc .s4_cci{ width:44%; margin:0 2% 1% 2%;} 
.s4_cc .s4_cci .s4_ccic{ height:50px; overflow:hidden}
}


.mainone{ padding:3% 0%;background:#f4f4f4;}
.mainone_top{background: url(../images/zitl.jpg) no-repeat center top;background-size: cover; text-align:center; margin-bottom:3%}
.mainone_top span{ font-size:36px; line-height:60px;}
.mainone_top p{ font-size:16px; line-height:40px; color:#999999}
 
.zuzubx{float:left;width:45%;background:#dedede;}
.zuzubx_bot{ width:100%; height:300px; overflow:hidden}
.zuzubx_bot img{display:block;width:100%;}
.zixnnr{padding:28px 26px; font-size:18px; line-height:30px;}
.zixnnr p{font-size:14px;color:#595757; margin-bottom:18px;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden}
.zixnnr h2{display:block;font-size:17px;line-height:48px;color:#000; height:48px; overflow:hidden}

.ziyoutun_r{float:right;width: 52%; }
.ziyoutun_r ul{ padding:20px; display:block}
.ziyoutun_r li{ width:100%; margin-bottom:10px; height:33px; border-bottom:1px #f1eded solid; float:left; overflow:hidden}
.ziyoutun_r li span{float: right; }  
@media only screen and (max-width:1200px) { 
.mainone_top span{ font-size:30px; line-height:60px;} 
}
@media only screen and (max-width:900px) { 
.ziyoutun_r li span{ display:none} 
}
@media only screen and (max-width:768px) { 
.mainone_top span{ font-size:24px; line-height:40px;} 
.ziyoutun_r li span{ display: inline} 
.zuzubx{ width:100%;}
.ziyoutun_r{float: left;width: 100%;}
}
@media only screen and (max-width:500px) { 
.ziyoutun_r li span{ display:none} 
.zuzubx_bot{height:150px;}
.zixnnr{ padding:0px 26px}
}

.lx-l{ width:40%; padding:50px 5% 50px 5%; float:left; line-height:30px; font-size:18px}
.lx-r{ width:39%; padding:50px 5% 50px 0%; float:left; line-height:60px; font-size:18px}
@media only screen and (max-width:850px) { 
.lx-l{ width:90%;}
.lx-r{ display:none}
}


.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: #000;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:#000} 
.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:2% 0% 2% 0%; position:relative; } 
@media only screen and (max-width:450px){   
}