@charset "utf-8";
/* CSS Document */
@import url(anim.css);
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:15px; font-family:"微软雅黑"; }
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol,li { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:14px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition: all 0.3s;}
a:hover {color:#54cf9f; text-decoration:none;}
.layout{ max-width:1200px; margin:0 auto; }
.wd{ height:auto; overflow:hidden;}
::-webkit-scrollbar-track{background:#FFF;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


header{ height:auto; overflow:hidden; }
header .top{ background:#eaeaea; height:35px; line-height:35px;}
header .top h1{ max-width:1200px; height:auto; overflow:hidden; margin:auto; color:#696b6c;}
header .toper{ overflow:hidden; margin:auto; padding:1.5% 0;}
header .toper h1{ width:523px; height:35px; float:left;}
header .toper h1 img{ margin-top:3%;}
header .toper .rg{ float:right; width:30%;  color:#ff5500; position:relative;display: block; }
header .toper .rg i{ width:60px; height:60px; float:left; font-size:50px; line-height:60px; }
header .toper .rg .tel{ float:left; font-size:27px; float:left; line-height:60px;  }

.nav{ width:100%; background:#393939; height:55px; line-height:55px;}
.nav ul{ border:0; display:block;}
.nav ul li{ width:12.5%; float:left; text-align: center; height:auto; position:relative; }
.nav ul li a{ color:#fff; text-align:center; font-size:16px; line-height:55px;display:block; }/*******display:block 解决hover 多出一像素********/
.nav ul li:hover{ background:#aa0300;}
.nav ul li.cutl{  background:#aa0300; color:#fff;}
.nav li ul{position: absolute;top: 55px;z-index: 100;background: rgba(255,255,255,0.8);width: 100%;visibility: hidden;opacity: 0;transition: all 0.3s;}
.nav li:hover ul{visibility: visible;opacity: 1;}
.nav li ul li:hover a{ color:#fff;}
.nav li ul li{line-height: 20px;width:100%;padding:0 2.5%;text-align: left;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.nav li ul li a{border-top: 0 none;padding:0; color:#333; font-size:15px;}

.demo-buttons{width: 60px;height: 60px;text-align: center;line-height: 60px;position: absolute;right: 0px;top:1.5%;display: none;}
.demo-buttons i{display: block; font-size:30px;}

.lighted{ position: fixed; top: 0; z-index: 99999; width:100%;}
.banner_pc{ }
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #e60012; cursor: default;}

.dyip{ background:#eaeaea; padding:1% 0; position:relative; height:90px;}
.dyip ul{ margin-right:-4%; overflow:auto; height:auto;}
.dyip ul li{ width:15%; float:left; background:#fff; margin-right:4%; padding:1.5% 3%;}
.dyip ul li:hover{ margin-top:5px; transition: all 0.3s;}
.dyip ul li p{ font-size:20px; float:left; display:block; }
.dyip ul li p span{ font-size:14px; color:#999;}
.dyip ul li i{ width:50px; height:50px; line-height:50px; float:right; color:#54cf9f; font-size:45px;}

.derp{ padding:2% 0;}
.derp h2{ font-size:2rem; text-align:center;}
.derp ul{ margin:20px auto 0 auto; display:table;}
.derp ul li{ width:100px; height:40px; line-height:40px; text-align: center; margin-right:20px; float:left; display:inline;*zoom:1; background:#efefef;} 
.derp ul li:hover{ background:#54cf9f; color:#fff;}.derp ul li:hover a{ color:#fff;}
.derp ul li:last-chlid{ margin-right:0;}
.sy_jjfa{position:relative; margin:3% 0 2% 0; height:auto; overflow:hidden;}
.sy_jjfa .item{width:23%; margin: 0 1%;  float:left;}

.sy_jjfa .item p{ text-align: center; color: #333; line-height: 45px;}
.sy_jjfa .item .sy_jjfa_img{width:99%; height:auto;}
.sy_jjfa .item .sy_jjfa_img img{width:100%; }

.dsanp{ width:100%; background:#efefef; padding:2% 0; overflow: hidden}
.dsanp h2{ font-size:2rem; text-align:center;}
.dsanp p{ text-align:center; color:#999; line-height:45px;}
.dsanp .isr{ width:100%; overflow:hidden;}
.dsanp .isr ul{ margin-top:35px;}
.dsanp .isr ul li{ width:14.28%; float:left; text-align:center;}
.dsanp .isr ul li img{ width:113px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.dsanp .isr ul li img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.dsanp .isr ul li p{ display:block; color:#666 !important;}
.dsanp .boxcyr{ max-width:1200px; margin:20px auto 0 auto; height:auto; overflow:hidden;}
.dsanp .boxcyr .left{ width:40%; float:left; overflow:hidden;}
.dsanp .boxcyr .left img{ max-width:100%; transition:all 0.3s; overflow:hidden;}

.dsanp .boxcyr .rg{ width:60%; float:left;}
.dsanp .boxcyr .rg ul{margin-right:-3%;}
.dsanp .boxcyr .rg ul li{ float:left; margin-right:3%; width:47%; overflow:hidden; margin-bottom:3.3%;}
.dsanp .boxcyr .rg ul li .pic{ overflow:hidden;width:100%;}
.dsanp .boxcyr .rg ul li .pic img{ transition:all 0.3s; width:100%;}
.dsanp .boxcyr .rg ul li .pic:hover img{ transform:scale(1.2);}

.dsip{ padding:2% 0;}
.dsip h2{ font-size:2rem; text-align:center;}
.dsip h2 span{ color:#54cf9f;}
.dsip p{ text-align:center; color:#999; line-height:20px; padding:1% ;}
.superity{position: relative;text-align: center; margin-top:80px; }
.index-russ-superity{margin-top: 40px;}
.index-russ-one{position:absolute;top: -52px;left: -7px;transition: all linear 0.5s;}
.index-russ-two{position:absolute;top: -52px;right: -25px;transition: all linear 0.5s;}
.index-russ-three{position:absolute;top: 116px;left: -15px;transition: all linear 0.5s;}
.index-russ-four{position:absolute;bottom: 132px;right: -25px;transition: all linear 0.5s;}
.index-russ-five{position:absolute;bottom: -24px;left: -14px;transition: all linear 0.5s;}
.index-russ-six{position:absolute;bottom: -26px;right: -33px;transition: all linear 0.5s;}

.index-russ-one:hover{position:absolute;top: -52px;left: -36px;transition: all linear 0.5s;}
.index-russ-two:hover{position:absolute;top: -52px;right: -64px;transition: all linear 0.5s;}
.index-russ-three:hover{position:absolute;top: 116px;left: -33px;transition: all linear 0.5s;}
.index-russ-four:hover{position:absolute;bottom: 132px;right: -50px;transition: all linear 0.5s;}
.index-russ-five:hover{position:absolute;bottom: -24px;left: -48px;transition: all linear 0.5s;}
.index-russ-six:hover{position:absolute;bottom: -26px;right: -70px;transition: all linear 0.5s;}

.dwup{  padding:2% 0; overflow: hidden}
.dwup h2{ font-size:2rem; text-align:center;}
.dwup h2 span{ color:#54cf9f;}
.dwup p{ text-align:center; color:#999; line-height:45px;}
.dwup .isr{ width:100%; overflow:hidden;}
.dwup .isr ul{ margin-top:35px;}
.dwup .isr ul li{ width:14.28%; float:left; text-align:center;}
.dwup .isr ul li img{ width:113px; border-radius:100%;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.dwup .isr ul li img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.dwup .isr ul li p{ display:block; color:#666 !important;}

.dliup{ width:100%; background:#efefef; padding:2% 0; overflow: hidden; height:200px;} 
.dliup h2{ font-size:2rem; text-align:center;}
.dliup h2 span{ color:#54cf9f;}
.dliup ul{ margin-top:35px;margin-right:-2%;}
.dliup ul li{ width:12.28%; float:left; text-align:center; margin-right:2%; padding:1% 0; background:#fff; border-bottom:2px #54cf9f solid;}
.dliup ul li:hover{ margin-top:5px; transition:all 0.3s;}
.dliup ul li i{ width:60px; height:60px; line-height:60px; margin:auto; font-size:45px;color:#54cf9f; text-align:center;}
.dliup ul li p{  color:#666 !important; text-align:center; line-height:25px; }

.dqip{ padding:2% 0; height:auto; overflow:hidden;}
.dqip h2{ font-size:2rem; text-align:center;}
.dqip h2 span{ color:#54cf9f;}
.dqip p{ text-align:center; color:#999; line-height:45px;}
.dqip .box{ margin-top:30px; overflow:hidden; height:auto;}
.dqip .box .lf{ width:35%; float:left; height:auto; overflow:hidden;}
.dqip .box .lf img{ width:100%;}
.dqip .box .rg{ width:60%; float:left; height:auto; overflow:hidden; margin-left:5%;}
.dqip .box .rg h3{height:45px; font-size:1.68em;}
.dqip .box .rg p{ text-align:left; line-height:1.9;}
.dqip .box .rg .more{ width:100px; background:#ff5500; color:#fff; text-align: center; line-height:35px; margin-top:15px; float:right;}
.dqip .box .rg .more a{ display:block; color:#fff;}

.dqip .feing{  border:1px #ddd solid; margin-top:35px; overflow:hidden; height:auto;}
.dqip .feing ul{}
.dqip .feing ul li{ width:25.333%; float:left; padding:2% 4%; overflow:hidden; height:65px;}
.dqip .feing ul li .dlf{ width:30%; float:left; line-height:65px; font-size:2.2rem; text-align:center;}
.dqip .feing ul li .drg{ width:64%; float:left; border-left:1px #000 solid; padding-left:5%;}
.dqip .feing ul li .drg .title{ text-align:center; color:#999;}
.dqip .feing ul li .drg h3{ font-size:21px; line-height:45px; text-align:center;}
.dqip .feing ul li .drg .bggg{ background:url(../images/index_31.jpg) no-repeat center; height:8px;}

.dqip{ padding:2% 0 0 0; overflow:hidden;}
.dqip .lfet{ width:60%; float:left; overflow:hidden; height:auto;}
.dqip .lfet .bit{ width:100%; height:42px; line-height:42px; border-bottom:1px #ddd solid;}
.dqip .lfet .bit ul li{ width:20%; float:left; margin-right:1%; background:#000; color:#fff; text-align:center;}
.dqip .lfet .bit ul li a{ color:#fff; font-size:18px;}
.dqip .lfet .bit ul li.cul{ background:#54cf9f;}
.dqip .lfet .xont{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.dqip .lfet .xont .lft{ width:40%; float:left;}
.dqip .lfet .xont .lft img{ width:100%;}
.dqip .lfet .xont .lrgt{ width:57%; margin-left:3%; float:left; overflow:hidden; height:auto;}
.dqip .lfet .xont .lrgt h3{ font-size:20px; height:37px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.dqip .lfet .xont .lrgt h3 a{ font-size:20px;}
.dqip .lfet .xont .lrgt p{ line-height:1.8; text-align:left;}
.dqip .lfet .nrcon{ width:100%; height:auto; overflow:hidden; margin:20px 0 0 0;}
.dqip .lfet .nrcon li{ background:url(../images/navs.jpg) no-repeat left center; border-bottom:1px #ededed solid; line-height:42px; text-indent:10px;}
.dqip .lfet .nrcon li span{ float:right; color:#999; font-size:12px;}

.dqip .rig{ width:35%; float:left; overflow:hidden; height:auto; margin-left:5%;}
.dqip .rig h2{font-size:22px; text-align:left;border-bottom:1px #ddd solid;line-height:42px; }
.dqip .rig  p{ text-align:left;}
.faqWrap .bd {  overflow: hidden;  margin-top:10px; }
.faqWrap li { font-size: 14px; margin-bottom:45px; }
.faqWrap h3 { line-height: 16px; background: url(../images/faq.gif) no-repeat; padding-left: 26px; margin-bottom:10px; }
.faqWrap h3 a { color: #333; font-size:16px; }
.faqWrap h3 a:hover { color: #35b13b; }
.faqWrap p { line-height: 22px; background: url(../images/faq.gif) no-repeat 0 -19px; padding-left: 26px; height: 44px; overflow: hidden; color:#666; }

.foot{ background:#393939; padding:2% 0 1% 0; overflow:hidden; margin-top:2%;}
.foot .navs{ max-width:1200px; height:auto; overflow:hidden; margin:auto; border-bottom:1px #474747 solid; line-height:45px; text-align:center;}
.foot .navs a{ margin:0 30px; color:#fff;}
.foot .navs a:hover{ color:#54cf9f;}
.foot .navt{ max-width:1200px; height:auto; overflow:hidden; margin:3.5% auto 2% auto; color:#fff;}
.foot .navt .wd41{ width:41%; float:left; height:auto; overflow:hidden;}
.foot .navt .wd41 p{ line-height:1.8;}
.foot .navt .wd18{ width:18%; float:left;height:auto; overflow:hidden;}
.foot .navt .wd18 img { display:block; clear:both; margin:auto; width:130px;}
.foot .navt .wd18 p{ text-align:center; line-height:35px;}
.pimg{ margin-bottom:30px;}
.xonxx{ padding-left:20%;}
.xonxx h3{ color:#cfcdcd; font-size:24px;}
.xonxx h2{ font-size:1.85rem; padding:3% 0;}

/***************内页css***************/
.nybanner {position: relative; width: 100%; margin: 0 auto; height:auto; overflow:hidden;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.pro14{ width:1180px; height:auto !important; overflow:hidden; margin:-75px 0 0 -590px; position:absolute; left:50%;}
.protablist{ padding:25px 0 0;overflow:hidden; zoom:1;  position:relative; max-width:1180px; height:auto; margin:auto;}
.protablist h2{ text-align:center; font-size:1.89rem; line-height:88px;}
.protablist h2 span{ color:#aa0300;}
.protablist h5{ text-align:center; }
.protablist h4{ height:50px !important;  padding:0;}
.protablist h4 span{ float:left; padding:0 45px; height:50px; line-height:50px; margin-right:5px; background:#00b7bd; color:#fff; font-size:16px;}
.protablist h4 span.current{ border:none;  margin-top:1px; background:#fff; cursor:pointer; color:#333;}
.protablist .subpro{ clear:both; padding:25px 0;   overflow:hidden; zoom:1; line-height:30px;}
.protablist .subpro img{margin: 0 auto;display: block;clear: both;max-width: 100%;float: right;}
.protablist .subpro p{ color:#666; line-height:28px; padding:0 5%; text-indent:2em; padding-bottom:1em;  }

.protablist .subconts{ clear:both; padding:25px 0;   overflow:hidden; zoom:1; line-height:30px;}
.protablist .subconts img{margin: 0 auto;display: block;clear: both;max-width: 100%;}
.protablist .subconts p{ color:#666; line-height:28px; padding:0 5%; text-indent:2em; padding-bottom:1em;  }

.nydyip{ width:100%; height:auto; overflow:hidden; background:#f3f3f3; padding:3% 0;}
.nspr{ max-width:1200px; height:auto; overflow:hidden; margin:auto;}
.nspr h2{ text-align:center; font-size:32px; height:56px; font-weight:300;}
.nspr ul{margin-right:-2%; margin-top:3%;}
.nspr ul li{ width:23%; height:335px; float:left; overflow:hidden; margin-right:2%; background:#fff;}
.nspr ul li .pic{ width:100%; overflow:hidden;}
.nspr ul li .pic img{ max-width:100%;}
.nspr ul li h3{ text-align:center; line-height:60px; font-size:18px; color:#000;}
.nspr ul li p{ line-height:1.7; padding:0 5% 5%; text-align:center;}

.picimg{ width:100%; height:auto; overflow:hidden; margin:auto;}
.picimg ul{margin-right:-2%;}
.picimg ul li{ width:23%; height: auto; float:left; overflow:hidden; margin-right:2%; background:#fff;}
.picimg ul li .pic{ width:100%; overflow:hidden;}
.picimg ul li .pic img{ max-width:100%;}
.picimg ul li h3{ text-align:center; line-height:60px;  color:#000;}

/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:20px auto;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #54cf9f;border: #54cf9f 1px solid;color: #fff;}

/*****招聘css*******/
.join-content{ padding:0;}
.join-heading{background-color: #f5f5f5;}
.join-list1s{float: left;width: 80%;}
.join-list1{float: left;width: 36%;}
.join-list2{float: left;width: 20%;text-align: center;}
.join-list3{float: left;width: 17%;text-align: center;}
.join-list4{float: left;width: 17%;text-align: center;}
.join-list5{float: left;width: 10%;text-align: center;}
.join-heading-p{font-size: 15px;color: #888888;line-height: 40px;padding: 0 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join-bc{padding-bottom: 0px;}
.join-box-title{cursor: pointer;border-bottom: 1px solid #eaeaea;}
.jb-title-p1{font-size: 16px;color: #005eb8;padding: 0 14px;line-height: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jb-title-p2{font-size: 14px;color: #4b4b4b;padding: 0 14px;line-height: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jb-title-arrow{height: 54px;background: url("../images/jb-arrow.png") no-repeat center center;transition: all 0.5s ease;}
.join-box.on .jb-title-arrow{transform: rotate(90deg);}
.join-box-detail{display: none;}
.jb-detail-p{font-size: 13px;line-height: 26px ;color: #767676;padding: 18px 15px;border-bottom: 1px solid #e1e1e1;}
.jb-detail-p p{ line-height:25px !important; padding:0 !important; font-size:14px !important; color:#666;}

.probox{ width:100%; height:auto; overflow:hidden; background:url(../images/prov-bg.jpg); background-position:center center; background-size:cover; padding:5% 0;}
.probox .procon{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.probox .procon h2{  font-size:35px; font-weight:300;color:#fff; height:55px; margin-bottom:30px; width:100%; text-align:center;}
.probox .procon .con{ color:#fff; line-height:2;width:100%; text-align:center;}
.probox .procon ul{  margin-top:5%;width:100%; margin-right:-2%;}
.probox .procon ul li{ height:auto; overflow:hidden; background:#fff; margin-right:2%; padding:3%; margin-bottom:2%; text-align:center; float:left; width:200px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.probox .procon ul li h3{  font-size:20px; color:#00b7bd; margin-bottom:25px; }
.probox .procon ul li p{ color:#888; line-height:1.7;}
.probox .procon ul li:hover{ background:#3c628b;}
.probox .procon ul li:hover h3, .probox .procon ul li:hover p{ color:#fff;}
.ulBox{ display: flex;justify-content: center; width: 100%;flex-wrap:wrap;}

.pronew{ width:1200px; height:auto !important; overflow:hidden; margin:-155px 0 0 -600px; position:absolute; left:50%;}
.prolist{ width:1200px; height:auto; overflow:hidden;}
.prolist ul li{ height:auto; overflow:hidden; background:#fff; margin:0 1%; padding:1.5% 3%; margin-bottom:2%; text-align:center; float:left; font-size:15px; }
.prolist ul li:hover{background:#54cf9f;}
.prolist ul li:hover a{color:#fff;}
.prolist ul li.cul{background:#54cf9f; }
.prolist ul li.cul a{color:#fff;}

.wz{ width:97%; line-height:40px; color:#f6f6f6; margin:15px auto 0 auto;}
.wz a{ color:#fff;}

.prodels{ width:1200px; height:auto; overflow:hidden; margin:3% auto; color:#000;}
.prodels dl{ width:100%; background:#54cf9f; height:45px; line-height:45px;}
.prodels dl dd{ float:left; color:#fff; text-align:center; font-size:16px;border-right:1px #fff solid;}
.prodels dl dd:last-child{ border-right:0;}
.wd249{ width:249px; float:left;  }
.wd249 img{ max-width:80%; display:block; clear:both; margin:auto;}
.wd199{ width:199px; float:left; }
.wd500{ width:500px; float:left; position:relative;}
.wd500 p,.wd199 p,.wd249 p{ padding:0 10px; line-height:1.8;}
.wd500 img{ max-width:100%;}
.txtcenter{ text-align:center;}
.prodels ul{}
.prodels ul li{ height:auto; overflow:hidden; padding:2% 0;align-items:center; display: -webkit-flex;}
.prodels ul li:nth-child(2n){ background:#d4e8f8;}

.lighted{ position: fixed; top: 0; z-index: 99999;}

.abnylf{ width:22%; float:left; border:1px #ededed solid; margin:3% 0; position:relative; height:auto; overflow:hidden;}
.abnylf h2{ background:#54cf9f; padding:7% 10%; font-size:1.55rem; color:#fff; font-weight:300; margin-bottom:5%; width:100%;}
.abnylf ul{ width:100%;}
.abnylf ul li{ line-height:55px; padding:0 10%; border-bottom:1px #ededed solid; width:80%;}
.abnylf ul li:last-child{ border-bottom:0;}
.abnylf ul li a{ font-size:15px; display:block;}
.abnylf ul li i{ float:right; font-size:14px;}
.abnylf ul li.cul a{ color:#54cf9f; font-weight:bold;}
.abnylf .lx{ margin-top:1%;}
.abnylf .lx strong{color:#ff5500; font-size:18px; }
.abnylf .lx p{ padding:10%; line-height:1.6;}

.cpxqer li p{ font-size:16px; line-height:20px; padding:6% 0;}
.cpxqer li p.cul{ color:#54cf9f;}
.cpxqer li .con_er{ display:none; line-height:24px; padding:2%;}
.cpxqer li .con_er li{ line-height:20px !important; font-size:1.35rem; padding:5% 0;}
.cpxqer li .con_er li a{color:#999 !important;}
.cpxqer li .con_er li a:hover{ color:#54cf9f !important;}

.abnyrg{width:73%; float: right;margin:3% 0 0 0;}
.abnyrg .btts{  padding:2% 0%; margin-bottom:5%; border-bottom:1px #ededed solid; color:#777; font-size:16px;}
.abnyrg .btts span{color:#54cf9f; }
.abnyrg .btts a{color:#777;font-size:16px;}.abnyrg .btts a:hover{color:#54cf9f;}
.abnyrg .con{ line-height:2.3;}

.abnyrg .con p{  padding-bottom:2em; }
.abnyrg .con strong{ font-size:18px; color:#54cf9f;}
.abnyrg .con img{ margin:0 auto; display:block; clear:both; max-width:100%;}

/*******方案******/
.fananbox{ width:100%; height: auto; overflow:hidden;}
.fananbox dl{ border-bottom:1px #eaeaea solid; padding:0 0 30px 0; height:auto; overflow:hidden; margin-bottom:30px;}
.fananbox dl dt{ width:20%; float:left;}
.fananbox dl dt img{ max-width:80%;}
.fananbox dl dd{ float:left; width:80%;  display:block;}
.fananbox dl dd h3{ height:35px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fananbox dl dd h3 a{ font-size:18px;}
.fananbox dl dd p{ line-height:1.7; color:#999; font-size:0.95rem; height:60px; overflow:hidden;}
.fananbox dl dd .most{ width:70px; line-height:25px; background:#54cf9f; color:#fff; float:right; text-align:center; margin-top:3%; border-radius:4px;}
.fananbox dl dd .most a{ color:#fff;}

.news-detail-content{ padding:0 0 30px 0;}
.nd-title{text-align: center;padding: 0 10px 20px;}
.nd-title h4{font-size: 22px;line-height: 30px;font-weight: normal;}
.nd-title p{color: #848484;margin-top: 16px; font-size:12px; border-bottom:1px #eaeaea solid; height:45px;}
.about-p{font-size: 15px;color: #504e4e;line-height: 28px;}
.about-p img{ display:block; margin:2% auto; clear:both; max-width:100%;}
.about-p p{  padding-bottom:1em;}

.nd-pn{border: 1px solid #c9c9c9;margin-top: 10px; margin-bottom:30px;}
.nd-pn-prev{float: left;width: 42%;padding: 0 3%;line-height: 46px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nd-pn-next{float: right;width: 42%;padding: 0 3%;line-height: 46px;font-size: 14px;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nd-pn-prev a,.nd-pn-next a{color: #7c7c7c;}

.soulions{ width:100%; height:auto; overflow:hidden; }
.soulions ul{margin-bottom:3%;}
.soulions ul li{ line-height:50px; border-bottom:1px #ddd dashed; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.soulions ul li a{ color:#12618f; font-size:15px;}
.soulions ul li span{ float:right; color:#999; font-size:12px;}

.navlist{ max-width:1200px; margin:auto; overflow:hidden; margin:3% auto;}
.ulboxt{ display: flex;justify-content: center;flex-wrap: wrap; width:100%;}
.navlist ul{}
.navlist ul li{ width:10%; float:left; text-align:center; border:1px #ededed solid; margin:0 1%; padding:12px 0; }
.navlist ul li:hover{background:#54cf9f;color:#fff;}
.navlist ul li.cullt{ background:#54cf9f; }
.navlist ul li.cullt a,.navlist ul li:hover a{color:#fff;}

.xomp{ height:auto; overflow:hidden;}
.xomp ul{ margin-right:-5%;}
.xomp ul li{ width:28.333%; float:left; height:auto; overflow:hidden; margin-right:5%; margin-bottom:2%;}
.xomp ul li img{ max-width:100%;}
.xomp ul li p{ text-align:center; padding:15px 0;;}

.product_t{ margin-top:50px;}
.title_con{ border-bottom:2px solid #333; margin-bottom:15px; padding:20px 0;}
.title_con h2{ font-size:30px; float:left;}
.meiti_dt{width:48%;float:left;}
.product_t_r{ float:right; width:45%;}
.product_t_r .box{}
.product_t_r h3{ font-size:18px; color:#7c7c7d; border-bottom:1px solid #d7d7d7; line-height:30px; padding:20px 0;}
.product_t_r .txt{ margin-top:20px;   padding-bottom:20px;}
.product_t_r .txt p{ padding:1% 0; line-height:1.8;}
.product_t_r .txt span{ margin-left:30px; color:#7c7c7d;}
.product_t_r .more{ width:200px; height:60px; line-height:60px; background:#aa0300; text-align:center; font-size:18px; margin-top:20px;float: left;}
.product_t_r .more a{ color:#FFF; display:block;}
.product_t_r .more a:hover{ color:#FFF; display:block; text-decoration:none;}
.product_t_r .zlxz_er{ width:200px; height:60px; line-height:60px; background:#333; text-align:center; font-size:18px; margin-top:20px;float: left;margin-left: 20px;}
.product_t_r .zlxz_er a{ color:#FFF; display:block;}
.product_t_r .zlxz_er a:hover{ color:#FFF; display:block; text-decoration:none;}
.product_t_r .zlxz_er i{padding-right:10px;font-size: 25px; }

.hboxx{ width:100%; height:auto; overflow:hidden; background:#efefef; margin-top:2%; padding:1% 0 3% 0;}
.hboxx h2{ font-size:25px; line-height:88px;}
.hboxx  p{ line-height:1.9; color:#888;}

.sontj{ max-width:1200px;  height:auto; overflow:hidden;  padding:1% 0 1% 0; margin:auto;}
.sontj h2{ font-size:25px; line-height:88px;}
.sontj ul{margin-right:-2%;}
.sontj ul li{ width:23%; float:left; margin-right:2%;}
.sontj ul li img{ max-width:100%;}
.sontj ul li p{ padding:15px 0; text-align:center;}

.probxo{ width:100%; height:auto; overflow:hidden;}
.probxo ul{ margin-right:-3%;}
.probxo ul li{ width:29.8%; height:auto; overflow:hidden; margin-right:3%; margin-bottom:3%; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border:1px #ededed solid;}
.probxo ul li .pic{ position:relative; overflow:hidden; padding:3%;}
.probxo ul li .pic img{ max-width:100%; display:block; margin:auto; clear:both; transition:all 0.3s;}
.probxo ul li .pic:hover img{ transform:scale(1.2,1.2);}
.probxo ul li p{ line-height:45px; text-align:center;color:#ff5500; line-height:35px; padding-bottom:3%;}
.probxo ul li h3{ text-align:center; padding:15px 0;}

.gyls{ text-align:center; margin:3% auto; line-height:1.9; padding:0 3%;}
.gyls img{ max-width:100%;}

.abcon{margin:3% auto; line-height:1.9;overflow:hidden; height:auto;}
.abcon .lsfe{ width:40%; float:left; overflow:hidden; height:auto;}
.abcon .rightsr{ width:60%; float:right;}
.abcon .rightsr img{ max-width:99%; border:1px #ddd solid;}

.zxly{ background:#FFF;}
.zxly h2{ font-size:24px; border-bottom:1px solid #DDD; margin-bottom:35px; text-align:left; line-height:36px; padding-bottom:25px; }
.zxly ul{}
.zxly li{ width:49%; margin-bottom:1%;}
.zxly li.left{ float:left;}
.zxly li.right{ float:right;}
.zxly li .input_txt{ width:95%; height:40px; border:1px solid #DDD; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly li.textarea{ width:100%; margin:0;}
.zxly li.textarea textarea{ width:97.7%; height:100px; border:1px solid #DDD; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#FFF; background:#c02125; outline:medium; margin-top:10px;}
.zxly .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#FFF; background:#999; outline:medium; margin-top:10px;}

.hotpor{ margin:30px 0; height:auto; overflow:hidden;}
.hotpor h2{ font-size:30px; text-align:center; height:75px;}
.hotpor p{ line-height:1.8;}
.hotpor ul{ margin-right:-0.5%; margin-top:35px; height:auto; overflow:hidden;}
.hotpor ul li{ width:32.8%; float:left; margin-right:0.5%; height:auto; overflow:hidden;}
.hotpor ul li .pic{ overflow:hidden; position:relative;}
.hotpor ul li .pic img{ max-width:100%; transition:all 0.3s;}
.hotpor ul li .pic:hover img{ transform:scale(1.2);}
.hotpor ul li h3{ text-align:center; padding:15px 10px;}