*{margin:0;padding:0;}
img{border:0;}
:focus{outline:0;}
a{cursor:pointer;color:#333;text-decoration: none;}
a:hover {color: #028d26;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;}
button,input,select,textarea{vertical-align:middle;}
ol,ul{list-style:none;}
.clearfix{display:block;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
* html .clearfix{height:1%;}
.trans {transition:all 2s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;}
body{background:#fff;color:#333;font-size:15px;font-family:"microsoft yahei",Tahoma,Verdana,serif;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.fweight {font-weight: bold;}
.bgcolor {background-color: #FFFFFF;}
.bgcolor1 {background-color: #eeeeee;}
.hp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mr {margin-right: 15px;}
table {border-collapse: collapse;table-layout: fixed;}
.linetwo {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden;  -webkit-box-orient: vertical;}

.mainwrap {width: 1200px;margin: 0 auto;}
.logobox {height: 87px;overflow: hidden;}
.logoimg {margin-top: 20px;}
.search-form {margin-top: 29px;}
.search-form .text {width: 180px;height: 27px;line-height: 27px;padding: 0 10px;border: 1px solid #969696;background: #ffffff;}
.search-form .text::-webkit-input-placeholder { 
    color:#999!important;
}
.search-form .text:-moz-placeholder { 
   color:    #999;
   opacity:  1;
}
.search-form .text::-moz-placeholder { 
   color:    #999;
   opacity:  1;
}
.search-form .text:-ms-input-placeholder { 
   color:    #999;
}
.search-form .button {float: right;width: 38px;height: 29px;border: 0 none;background:#8e8e8e url(../image/icon-search.jpg) no-repeat center;}


nav {width: 100%;position: relative;height: 50px;line-height: 50px;background-color: #f7f7f7;border-top: 1px solid #eeeeee;}
#nav {display:block; clear: both;}
.mainlevel {float:left;text-align:center; display:block;width: 14.28%;position: relative;}
.mainlevel:last-child ul {right: -44px;width: 488px;}
.mainlevel a {color:#333;text-decoration:none; text-align:center;display:block;font-size: 17px;}
.mainlevel a:hover {color:#0097f0; text-decoration:none;}
.mainlevel ul {position:absolute; display:none;top: 50px;width: 100%;z-index: 999;}
.mainlevel li {background:#028d26;width: 100%;}
.mainlevel::after {content: '';display: block;position: absolute;bottom: 0;left: 50%;margin-left: -33px;width: 66px;height: 2px;background-color: #016332;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.mainlevel:hover::after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.mainlevel:hover>a , .mainlevel.cur>a {color: #028d26;font-weight: bold;}
.mainlevel li a {line-height:44px; height:44px; display:block; _padding-bottom:6px;color: #ffffff;font-size: 15px;}
.mainlevel li a:hover {background-color:#047822;color: #ffffff;}

.banner , .banner img {width: 100%;height: auto;display: block;}
.fadeInanit {-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.5s;}
@keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
@-moz-keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
@-webkit-keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
.comtitle h2 {font-size: 30px;color: #1f1f1f;margin-bottom: 5px;}
.comtitle p {font-size: 18px;color: #1f1f1f;}
.comtitle {padding: 40px 0 20px;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);}
.comtitle.move {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);}
.swiper-container {height: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;height: 200px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: block;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.pcasewrap {width: 90%;margin: 0 auto;padding: 0 60px 57px;position: relative;}
.pcaselist a {text-align: center;height: 156px;border-radius: 10px;display: block;}
.pcaselist a img {display: block;margin: 20px auto 14px;transition:all 2s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;}
.pcaselist a p {font-size: 19px;}
.pcaselist a span {border: 1px solid #434343;font-size: 14px;background-color: #f9f9f9;display: block;width: 98px;height: 29px;line-height: 29px;margin: 6px auto 0;transition:all 2s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;}
.pcaselist a:nth-child(1) , .pcaselist a:nth-child(7) , .pcaselist a:nth-child(13) , .pcaselist a:nth-child(19) {background-color: #f45c34;}
.pcaselist a:nth-child(2) , .pcaselist a:nth-child(8) , .pcaselist a:nth-child(14) , .pcaselist a:nth-child(20) {background-color: #fca136;}
.pcaselist a:nth-child(3) , .pcaselist a:nth-child(9) , .pcaselist a:nth-child(15) , .pcaselist a:nth-child(21) {background-color: #6dcef9;}
.pcaselist a:nth-child(4) , .pcaselist a:nth-child(10) , .pcaselist a:nth-child(16) , .pcaselist a:nth-child(22) {background-color: #74a59f;}
.pcaselist a:nth-child(5) , .pcaselist a:nth-child(11) , .pcaselist a:nth-child(17) , .pcaselist a:nth-child(23) {background-color: #9dbb94;}
.pcaselist a:nth-child(6) , .pcaselist a:nth-child(12) , .pcaselist a:nth-child(18) , .pcaselist a:nth-child(24) {background-color: #b8824e;}
.pcaselist a:hover {opacity: 0.9;color: #ffffff;}
.pcaselist a:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.2);}

.pcasewrap .swiper-button-prev , .pcasewrap .swiper-button-next {width: 30px;height: 66px;}
.pcasewrap .swiper-button-prev {left: 0;background: url(../image/slideleft.png) no-repeat 0 center;}
.pcasewrap .swiper-button-next {right: 0;background: url(../image/slideright.png) no-repeat 0 center;}

.pb {padding-bottom: 57px;}
.twidth {width: 248px;background-color: #FFFFFF;margin-right: 20px;padding-bottom: 20px;box-shadow: 5px 5px 5px #dedede;}
.twidth img {width: 248px;height: 174px;display: block;vertical-align: middle;}
.twidth h3 {font-size: 18px;margin: 10px;}
.twidth p {font-size: 14px;height: 38px;margin: 10px;}
.twidth a {background: url(../image/icon-info.png) no-repeat 0 center;padding-left: 28px;margin: 10px;}
.twidth a:hover {color: #028d26;background: url(../image/icon-info-hover.png) no-repeat 0 center;}
.shitem {display: block;overflow: hidden;margin-top: 22px;width: 396px;position: relative;box-shadow: 5px 5px 5px #dedede;}
.shitem img {width: 133px;height: 119px;}
.shitem-info {margin-left: 150px;padding: 8px 15px 0 0;}
.shitem-info h5 {color: #1f1f1f;font-size: 16px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;line-height: 32px;}
.shitem-info p {color: #1f1f1f;font-size: 13px;line-height: 22px;}
.shitem-info span {position: absolute;right: 7px;bottom: 7px;border: 1px solid #d9d9d9;color: #d9d9d9;padding: 3px 10px;font-size: 12px;}

.nwidth {width: 380px;margin-right: 20px;}
.nwidth:last-child {margin-right: 0;}
.maintit{font-size:18px;}
.maintit span{color:#333;}
.maintit span:last-child {font-size:12px;}
.maintit a,h3.linews a,.czmore{float:right;margin-left:20px;color:#919191;font-size:14px;}
.maintit a:hover,h3.linews a:hover{color:#028d26;}
.fnews {width: 100%;margin: 15px 0;}
.fnewstext {margin-left: 180px;}
.fnewstext h5 {font-size:16px;}
.fnewstext p {font-size:14px;line-height: 24px;height: 99px;overflow: hidden;}
.xwlist a{display:block;width:100%;line-height:29px;position: relative;padding-left: 18px;}
.xwlist a::before {content:'';display: block;width: 6px;height: 6px;position: absolute;left: 0;top:14px;background-color: #000;border-radius: 50%;}
.xwlist a:hover {color: #028d26;}

.aqlist {margin: 15px 0;}
.aqlist dl {padding: 12px 15px;}
.aqlist dl dt {font-size:16px;background: url(../image/icon-q.png) no-repeat 0 center;padding-left: 28px;margin-bottom: 10px;}
.aqlist dl dd {font-size:14px;line-height: 24px;background: url(../image/icon-a.png) no-repeat 0 0;padding-left: 28px;height: 46px;}
.aqlist dl:nth-child(odd) {background-color: #f7f7f7;}

.btnicon-wrap {overflow: hidden;padding: 20px 0;}
.btnicon-wrap a {display: block;float: left;text-align: center;width: 20%;font-size: 18px;}
.btnicon {width: 90px;height: 90px;margin: 0 auto 10px;background: url(../image/iconsbg.png) no-repeat 0;overflow: hidden;}
.btnicon-wrap a i {display: block;width: 60px;height: 60px;background: url(../image/icons.png) no-repeat 0 0;margin: 16px auto 0;}
.btnicon-wrap a:nth-child(1) i {background-position: -11px 0;}
.btnicon-wrap a:nth-child(2) i {background-position: -106px  0;}
.btnicon-wrap a:nth-child(3) i {background-position: -192px 0;}
.btnicon-wrap a:nth-child(4) i {background-position: -285px 0;}
.btnicon-wrap a:nth-child(5) i {background-position: -374px 0;}
.btnicon-wrap a:hover:nth-child(1) i {background-position: -11px -60px;}
.btnicon-wrap a:hover:nth-child(2) i {background-position: -106px -60px;}
.btnicon-wrap a:hover:nth-child(3) i {background-position: -192px -60px;}
.btnicon-wrap a:hover:nth-child(4) i {background-position: -285px -60px;}
.btnicon-wrap a:hover:nth-child(5) i {background-position: -374px -60px;}

.footer {background-color: #333333;margin-top: 30px;}
.footer-box {padding: 35px 0;}
.footer-box dl {float: left;position: relative;width: 188px;}
.footer-box dl.webinfo {width: auto;}
.footer-box dl.webinfo img {vertical-align: middle;margin-right: 10px;}
.footer-box dt {margin-bottom: 20px;padding-left: 15px;}
.footer-box dl.iconbgs dt::before {content: '';display: block;width: 5px;height: 5px;background-color: #b2b2b2;position: absolute;left: 0;top: 9px;}
.footer-box dd {padding-left: 15px;position: relative;}
.footer-box dl.iconbgs dd::before {content: '>';display: block;position: absolute;left: 0;top: 1px;font-family:"simsun",sans-serif;font-size: 12px;}
.footer-box dt a , .footer-box dt {color: #ffffff;font-size: 17px;}
.footer-box dd a ,.footer-box dd {color: #b5b5b5;font-size: 14px; line-height: 27px;}
.footer-box dl.webinfo::after {display: none;}
.footer-box dl.webinfo p {color: #fff;font-size: 38px;}
.copyright {background-color: #111111;color: #d2d2d2;font-size: 14px;height: 50px;line-height: 50px;}
.copyright p {display: inline-block;}
.icpbg {background: url(404.png) no-repeat left center;padding-left: 25px;}

.crumbs-nav {margin: 27px auto;color: #666666;font-size: 16px;}
.crumbs-nav img {display: inline-block;vertical-align: bottom;margin-right: 5px;}
.crumbs-nav a {color: #777777;}
.crumbs-nav a:hover {color: #30bba8;}
.download-list li {position: relative;padding: 40px 50px;background-color: #f5f5f5;margin-bottom: 22px;}
.download-list li h4 {font-size: 24px;margin-bottom: 12px;width: 89%}
.download-list li p {font-size: 14px;line-height: 26px;width: 89%}
.icon-down {width: 86px;height: 86px;background:#016332 url(../image/icon-download.png) no-repeat center;border-radius: 50%;position: absolute;right: 48px;top: 50%;margin-top: -43px;}
.icon-down:hover {background: #047822 url(../image/icon-download.png) no-repeat center;}
.page{text-align:center;font-size: 14px;margin: 50px 0 50px;}
.page a , .page span {display:inline-block;height:40px;line-height:40px;width:40px;overflow:hidden;color:#999999;border-radius:3px;background-color: #efefef;text-align: center;margin: 0 5px;}
.page a.selected,.page a:hover{background-color:#016332;color:#fff;}
.prevpage , .nextpage {font-family: simsun,serif;font-weight: bold;}

.flexbox {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.comtab a {font-size: 18px;color: #333333; padding: 8px 14px;margin: 0 10px;}
.comtab a.cur {color: #ffffff;background-color: #016332;}
.comtabbox {margin-top: 50px;}
.newsmain-list a {display: block;width: 100%;box-shadow: 1px 0px 5px 3px #f1f1f1;margin-bottom: 35px;padding: 30px 50px;position: relative;left: 0;}
.newsmain-list a:hover {left: 15px;}
.newsmain-list a:hover h3 {color: #016332;}
.newsmain-list a:hover span {background-color: #016332;color:#ffffff;}
.newsmain-list a h3 {font-size: 18px;color: #000000;margin-bottom: 12px;line-height: 30px;}
.newsmain-list a .flexbox {justify-content: space-between;margin-bottom: 12px;}
.newtime {font-size: 16px;color: #666666;width: 140px;}
.newsintro {font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 25px;}
.newsmain-list span {font-size: 14px;color: #016332;border: 1px solid #016332;border-radius: 5px;padding: 6px 19px;}
.articlewrap h3 {font-size: 24px;color: #000000;text-align: center;}
.article-tips {font-size: 14px;color: #888888;border-bottom: 1px solid #cccccc;padding: 20px 0;}
.article-content {padding: 70px 0 0;}
.article-page {margin: 50px 0;}
.article-page p {width: 50%;font-size: 16px;color: #222222;}

.teambox {margin: 100px auto;}
.teamwrap {width: 66%;}
.teamdl {border-bottom: 1px solid #9fc8ff;position: relative;width: 235px;padding-bottom: 6px;margin-bottom: 35px;}
.teamdl::after {content: '';display: block;position: absolute;bottom: -2px;left: 0;width: 152px;height: 3px;background-color: #1a4e95;}
.teamdl dt {font-size: 32px;color: #00387a;}
.teamdl dd {font-size: 20px;color: #d5d5d5;font-weight: bold;margin: 13px 0;}
.teambg {width: 300px;height: 482px;background: url(../image/teambg.jpg) no-repeat center;-webkit-justify-content: start;justify-content: start;}
.teambg-text {margin: 0 50px;}
.teambg h4 {font-size: 26px;color: #fff;margin-bottom: 40px;}
.teambg p {font-size: 18px;color: #fff;line-height: 36px;}

.productList {width: 100%;margin-top: 24px;}
.productList li {float: left;width: 23%;margin: 0 1%;position: relative;transition:all 2s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;top: 0;margin-bottom: 15px;}
.productList li img {width: 100%;display: block;box-shadow: 5px 5px 5px #dedede;}
.productList li p {padding: 20px 0;margin: 0 15px;font-size: 18px;color: #000;text-align: center;}
.productList li:hover {box-shadow: 5px 5px 5px #dedede;top: -10px;}

.introbox {margin-bottom: 50px;}
.certificate-four li {width: 21%;margin: 0 2%}
.certificate-four li img {width: 252px;height: 350px;}
.certificate-three li {width: 28%;margin: 0 2.66%}
.certificate-three li img {width: 336px;height: 236px;}
.contact-title {font-size: 22px;color: #000;margin-bottom: 30px;}
.contactul {box-shadow: 5px 5px 5px #dedede;border: 1px solid #ebebeb;padding: 50px 55px;margin-bottom: 75px;}
.contactul li {font-size: 16px;color: #727272;line-height: 46px;}
.mapbox {border: 1px solid #dddddd;width: 100%;height: 453px;margin-bottom: 100px;}
.mapbox img {width: 100%;}
.articlewrap h3 {font-size: 24px;color: #000000;text-align: center;}
.article-tips {font-size: 14px;color: #888888;border-bottom: 1px solid #cccccc;padding: 20px 0;}
.article-content {padding: 70px 0 0;}
.article-page {margin: 50px 0;}
.article-page p {width: 50%;font-size: 16px;color: #222222;}

.historybox dl {float: left;width: 182px;position: relative;margin: 0 9px;height: 310px;}
.historybox dt {width: 182px;height: 47px;line-height: 47px;text-align: center;font-size: 16px;color: #ffffff;background: #00a653;text-indent: 24px;position: absolute;top: 60px;}
.historybox dt::before,.historybox dt::after{ position: absolute; content: '';width: 0; height: 0;border-style: solid;}
.historybox dt::before{left:0;border-width: 23px 0 23px 24px; border-color:transparent transparent transparent #fff;}
.historybox dt::after{ border-width: 24px 0px 23px 25px;border-color:transparent transparent transparent #00a653;right: -25px;top:0;z-index: 50;}
.historybox dd {font-size: 16px;}
.historybox dl:nth-child(2) dt {background: #00984c;}
.historybox dl:nth-child(2) dt::after {border-width: 24px 0px 23px 25px; border-color:transparent transparent transparent #00984c;}
.historybox dl:nth-child(3) dt {background: #008844;}
.historybox dl:nth-child(3) dt::after {border-width: 24px 0px 23px 25px; border-color:transparent transparent transparent #008844;}
.historybox dl:nth-child(4) dt {background: #00773b;}
.historybox dl:nth-child(4) dt::after {border-width: 24px 0px 23px 25px; border-color:transparent transparent transparent #00773b;}
.historybox dl:nth-child(5) dt , .historybox dl:nth-child(6) dt {background: #016432;}
.historybox dl:nth-child(5) dt::after , .historybox dl:nth-child(6) dt::after {border-width: 24px 0px 23px 25px; border-color:transparent transparent transparent #016432;}
.hisdd1 {position: absolute;top: 0;width: 100%;text-align: center;}     
.hisdd1 i {display: inline-block;width: 11px;height: 11px;vertical-align: middle;border-radius: 50%;background-color: #008844;margin-right: 10px;}
.hisdd2 {position: absolute;bottom: 0;width: 153px;height: 153px;border: 10px solid #00a653;border-radius: 50%;box-sizing: border-box;text-align: center;}  

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table;background: transparent;}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 90%;max-height: 80%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 6px;}
.big_img .swiper-pagination-bullet {border: 1px solid #fff;opacity: 1;}
.big_img .swiper-pagination-bullet-active {background: #fff;}