*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 60px auto 0;text-align: center; line-height: 0;}
.more-title h3{ color: #333; font-size: 32px; font-weight: bold; line-height: 32px;}
.more-title h3 b{ font-weight: bold; color: #00a651;}
.more-title h3:after{ content: ""; display: block; width: 100%; margin: 18px 0 14px; height: 3px;}
.more-title h4{ color: #666; font-size: 17px; line-height: 17px;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header_top{ width: 100%; height: 38px; line-height: 38px; background: #00a651; overflow: hidden;}
.header_top .nr .topic,.header_top .nr .navbj a,.header_top .nr .navbj i{color: #fff; font-size: 14px;}
.header_top .nr .navbj i{ margin: 0 15px;}
.header_top .nr .navbj a:hover{ text-decoration: underline;}
.header .header_slogan{ height: 138px;}
.header .header_slogan .logo{ width: 175px; padding-top: 20px;}
.header .header_slogan .text{ padding: 45px 0 0 35px; position: relative;}
.header .header_slogan .text:before{ content: ""; display: block; position: absolute; left: 0; top: 40px; width: 1px; height: 58px; background-color: #bfbfbf;}
.header .header_slogan .text h3{ color: #333; font-size: 24px;line-height: 24px;margin-bottom: 10px;}
.header .header_slogan .text p{ color: #666; line-height: 16px;font-size: 16px;}
.header .header_slogan .text>div{ display: inline-block; vertical-align: middle;}
.header .header_slogan .text .r{ margin-left: 30px; width: 345px; height: 31px; line-height: 31px; text-align: center; background: #00a651; color: #fff; font-size: 14px; border-radius: 15px; letter-spacing: 1px;}
.header .header_slogan .right>div{ display: inline-block; vertical-align: top;}
.header .header_slogan .right .wechat{ position: relative; margin-right: 38px; width: 68px; height: 112px; background: url(../images/xwechat.png)no-repeat 0 -20px;}
.header .header_slogan .right .wechat span{ border: 1px solid #00a651; margin-top: 24px; display: block; position: relative; width: 68px; height: 68px; overflow: hidden;}
.header .header_slogan .right .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.header .header_slogan .right .rx{ padding-top: 35px; height: 106px; background: url(../images/phone.png)no-repeat 0 -14px; padding-left: 55px;}
.header .header_slogan .right .rx p{ color: #333; font-size: 16px; line-height: 16px;}
.header .header_slogan .right .rx h3{ margin-top: 6px; color: #333; font-size: 20px; font-weight: bold;line-height: 17px;}

/*nav*/

.header .nav{ width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #bfbfbf;}
.header .nav .nav-content nav .xz{ width: 120px; height: 60px; position: relative; display: inline-block; vertical-align: top; margin-right: 15px; text-align: center;}
.header .nav .nav-content nav .xz i{ position: relative; z-index: 1; display: block; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz i:before{ content: ""; position: absolute; left: 0; top: 0; transform: translateX(-10px); transition: all ease-out .3s; height: 100%; width: 100%; opacity: 0; background: #00a651;}
.header .nav .nav-content nav .xz.on b,.header .nav .nav-content nav .xz:hover b{ color: #fff; position: relative; z-index: 1;}
.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ opacity: 1; transform: translateX(0);}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 59px; z-index: 999; transform: translateX(-50%); width: 151px; border: 1px solid rgb(216, 216, 216); background-color: rgba(255, 255, 255, 0.859); padding: 20px 0;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 20px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #00a651;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #00a651; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; width: 100%; overflow: hidden; height: 55px; line-height: 55px; border-bottom: 1px solid #eee;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #999; font-size: 14px;}
.search-keywords a{ color: #999; font-size: 14px;}
.search-keywords a:hover{ color: #00a651;}
.search-keywords i{ margin: 0 10px;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; background: url(../images/search.png)no-repeat; width: 231px; height: 24px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #cccccc;}
#searchForm .search-input{ height: 24px; line-height: 24px; width: 84%;}
.search-form #s_btn{ width: 24px; height: 24px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #cccccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #cccccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #cccccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #cccccc;}

/*model1*/

.model1{ margin-top: 40px; width: 100%; height: 776px; background: url(../images/model1bg.png)no-repeat center 90px;}
.model1 .more-title h3:after{ background: url(../images/title1.png)no-repeat center;}
.model1 .nr1{ background-color: rgb(255, 255, 255); box-shadow: 0px 4px 12.22px 0.78px rgba(0, 0, 0, 0.19); width: 1200px; height: 110px; overflow: hidden; padding: 25px 75px 0 45px;}
.model1 .nr1 ul li{ text-align: center; float: left; margin-right: 113px;}
.model1 .nr1 ul li dt{ margin-top: 15px; line-height: 12px; color: #333; font-size: 12px;}
.model1 .nr1 ul li .icon{ line-height: 39px; height: 39px;}
.model1 .nr1 ul li .icon img{ vertical-align: middle;}
.model1 .nr1 ul li:hover .icon img{ animation: bounce-up 1s linear infinite;}
.model1 .nr1 ul li:last-child{ margin-right: 0;}
.model1 .nr2 dl{ margin-bottom: 32px;}
.model1 .nr2 dl dd{ display: inline-block; vertical-align: top;}
.model1 .nr2 dl dd:first-child{ margin-left: 50px;}
.model1 .nr2 dl dd:first-child+dd{ margin: 0 187px;}
.model1 .nr2 dl dd:last-child{ margin-right: 50px;}
.model1 .nr2 dl dd p{ padding-left: 25px; background: url(../images/model1icon1.png)no-repeat center left; margin-bottom: 28px; line-height: 16px; color: #333; font-size: 16px;}
.model1 .nr2 ul li dt{ font-size: 18px; color: #333; line-height: 18px;}
.model1 .nr2 ul li p{ margin-top: 10px; font-weight: bold; font-size: 18px; color: #333; line-height: 18px;}
.model1 .nr2 ul li dt i{ font-weight: bold; font-family: arial; font-size: 92px; color: #00a651; line-height: 68px; display: inline-block; vertical-align: sub;}
.model1 .nr2 ul li{ display: inline-block; vertical-align: top; margin-right: 75px; width: 240px; height: 326px; overflow: hidden; padding-top: 93px; text-align: center;}
.model1 .nr2 ul li:last-child{ margin-right: 0;}
.model1 .nr2 ul .lia{ background: url(../images/model1kk1.png)no-repeat;}
.model1 .nr2 ul .lib{ background: url(../images/model1kk2.png)no-repeat;}
.model1 .nr2 ul .lib dt,.model1 .nr2 ul .lib dt i,.model1 .nr2 ul .lib p{ color: #fff;}

/*product*/

.product{ padding-top: 65px; padding: 65px 0 35px 0; width: 100%; background: #f8f8f8;}
.product .more-title h3:after{ background: url(../images/title2.png)no-repeat center;}
.product .pro-left{ width: 238px;float: left;margin-right: 40px;}
.product .pro-left .top{ background: url(../images/cptopbg.png)no-repeat; width: 238px; height: 205px; overflow: hidden; padding-top: 38px; text-align: center;}
.product .pro-left .top p{ line-height: 0;}
.product .pro-left .top i{ display: block; color: #fff; font-size: 24px; line-height: 24px; margin: 14px 0 24px;}
.product .pro-left .top b{ display: block; color: #fff; font-size: 14px; line-height: 14px; margin-top: 12px;}
.product .pro-left .sideMenu{ margin-top: 13px;}
.product .pro-left .sideMenu ul:first-child{ padding-top: 13px;}
.product .pro-left .sideMenu .ul{ display: none;}
.product .pro-left .sideMenu ul{ margin-bottom: 4px; background: #f1f1f1;}
.product .pro-left .sideMenu ul:first-child h3:first-child{ background: #00a651; width: 206px; height: 31px; line-height: 31px; text-align: center; margin: 0 auto; padding: 0;}
.product .pro-left .sideMenu ul:first-child h3:first-child a{ font-size: 18px; color: #fff!important;}
.product .pro-left .sideMenu ul h3{ background: #f1f1f1; font-size: 18px; width: 100%; height: 72px; line-height: 72px; padding-left: 59px;}
.product .pro-left .sideMenu ul h3 a{ display: block;}
.product .pro-left .sideMenu ul h3 img{ vertical-align: middle; margin: -2px 10px 0 0;}
.product .pro-left .sideMenu dl{ background: #f1f1f1; width: 100%; padding: 15px 0 0 29px; overflow: hidden;}
.product .pro-left .sideMenu dl dd{ float: left; color: #666; font-size: 14px; line-height: 14px; width: 50%; margin-bottom: 20px;}
.product .pro-left .sideMenu dl dd a{ display: block;}
.product .pro-left .sideMenu dl dd a img{ vertical-align: middle; margin: -2px 3px 0 0;}
.product .pro-left .sideMenu ul h3 a:hover{ color: #00a651;}
.product .pro-left .sideMenu dl dd a:hover{ color: #00a651;}
.product .right{ float: right; width: 922px;}
.product .right .top>div{ float: left; overflow: hidden; width: 609px; height: 298px;}
.product .right .bottom{ margin-top: 31px;}
.product .right .sy{ width: 297px!important; margin-left: 16px;}
.product .right .sy li .title{ height: 55px; line-height: 55px; margin-right: 0; width: 297px;}
.product .right li .pic{ width: 297px; height: 243px; overflow: hidden;}
.product .right li .pic img{ width: 100%;transition: all .5s;}
.product .right li:hover .pic img{ transform: scale(1.1);}
.product .right li .title{ width: 297px; color: #333; font-size: 16px; height: 42px; line-height: 42px; overflow: hidden; padding-right: 10px; border-bottom: 1px solid #d2d2d2;}
.product .right li .title img{ float: right; margin-top: 10px;}
.product .right .bottom li{ float: left; margin-right: 15px;}
.product .right .bottom li .pic{ height: 228px;}
.product .right .bottom li:last-child{ margin-right: 0;}
.product .right li:hover .title{ color: #00a651;}

/*model2*/

.model2 .more-title h3:after{ background: url(../images/title3.png)no-repeat center;}
.model2 .nr .hd{ float: left; width: 340px;}
.model2 .nr .hd ul li{ cursor: default; width: 340px; height: 115px; background: #eee; margin-bottom: 6px; overflow: hidden; padding: 15px; font-size: 0;}
.model2 .nr .hd ul li>div{ display: inline-block; vertical-align: middle;}
.model2 .nr .hd ul li .icon{ width: 128px; height: 89px;margin-right: 20px;}
.model2 .nr .hd ul li .by dt{ color: #333; font-size: 22px; line-height: 22px;}
.model2 .nr .hd ul li .by dt:after{ content: ""; display: block; background-color: #00a651; width: 44px; height: 2px; margin: 8px 0 10px;}
.model2 .nr .hd ul li .by p{ color: #666; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing: 1px;}
.model2 .nr .hd ul li.on{ background-color: #00a651;}
.model2 .nr .hd ul li.on dt:after{ background-color: #fff;}
.model2 .nr .hd ul li.on dt,.model2 .nr .hd ul li.on p{ color: #fff;}
.model2 .nr .bd{ margin-left: 62px; width: 798px; float: left; height: 476px; overflow: hidden;}
.model2 .nr .bd ul li{ position: relative; width: 798px; height: 476px; cursor: pointer; overflow: hidden;}
.model2 .nr .bd ul li .text{ padding: 30px 35px 0; background-color: rgba(49, 49, 49, 0.612); position: absolute; left: 0; bottom: 0; width: 800px; height: 112px; z-index: 1;}
.model2 .nr .bd ul li .text dt{ font-weight: bold; margin-bottom: 5px; color: #fff; font-size: 24px; line-height: 24px;}
.model2 .nr .bd ul li .text dd{ color: #fff; font-size: 16px; line-height: 22px; background: url(../images/jjgcjt.png)no-repeat center right;}
.model2 .nr .bd ul li .pic img{ width: 100%; transition: all .6s ease;}
.model2 .nr .bd ul li:hover img{ transform: scale(1.1);}

/*advantage*/

.advantage{ position: relative; padding-top: 55px; margin-top: 80px; font-size: 0; background: url(../images/ysbg.png)no-repeat center; width: 100%; height: 904px; overflow: hidden;}
.advantage .more-title h3:after{ background: url(../images/title4.png)no-repeat center;}
.advantage .hd .top{ line-height: 0;margin-bottom: 50px;}
.advantage .hd{ width: 338px; height: 637px; overflow: hidden; position: relative; z-index: 6;}
.advantage .hd ul li{ display: inline-block; vertical-align: top; border-bottom: 1px dashed #999; border-radius: 8px; cursor: pointer; width: 338px; height: 80px; line-height: 80px; padding-left: 15px; margin-bottom: 8px;}
.advantage .hd ul li>div{ display: inline-block; vertical-align: middle;}
.advantage .hd ul li .icon{ transition: all .3s ease; border-radius: 50%; background-color: rgb(254, 254, 254); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.17); width: 39px; height: 39px; font-size: 18px; font-family: arial; line-height: 39px; text-align: center;}
.advantage .hd ul li .by{ margin-left: 20px; font-size: 18px; color: #666; text-transform: uppercase;}
.advantage .hd ul li .by i{ font-weight: bold; color: #333;}
.advantage .hd ul li.cur{ background-color: rgb(0, 166, 81); box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.18); border-bottom: 1px dashed #00a651;}
.advantage .hd ul li.cur .icon{width: 43px; height: 43px; line-height: 43px; color: #00a651;}
.advantage .hd ul li.cur .by,.advantage .hd ul li.cur .by i{ color: #fff; font-size: 19px;}
.advantage .hd .bottom{ margin-top: 80px;}
.advantage .hd .bottom p{ font-family: arial; color: #474747; font-weight: bold; font-size: 19px; background: url(../images/ysicon1.png)no-repeat center left; padding-left: 30px; margin-bottom: 5px;}
.advantage .hd .bottom h6{ color: #fff; font-family: arial; font-size: 17px; background: url(../images/ysicon2.png)no-repeat 8px center #00a651; padding-left: 50px; width: 224px; height: 45px; line-height: 45px;}
.advantage .list{ width: 1163px; height: 620px; top: 205px; position: absolute; left: 50%; margin-left: -212px;}
.advantage .list .tempWrap{ margin-left: -840px;}
.advantage .lists ol{ position: relative; width: 840px; height: 620px;}
.advantage .list .lists ol.left .pic img,.advantage .list .lists ol.left .text,.advantage .list .lists ol.left .more,.advantage .list .lists ol.left .xz{ opacity: 0; display: none;}
.advantage .list .lists ol.right .text{ opacity: 0; display: none;}
.advantage .list .lists ol.right .pic:before{ position: absolute; content: ""; left: -45px; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6);}
.advantage .list .lists ol.right .pic{ position: relative; overflow: visible;}
.advantage .list .lists ol.right img{ margin-left: -45px;}
.advantage .lists ol .ycpic{ position: absolute; content: ""; right: -323px; top: 0; width: 277px; height: 472px; opacity: 0.5;}
.advantage .lists ol .pic{ margin-left: 85px; width: 713px; height: 472px; overflow: hidden;}
.advantage .lists ol .pic img{ width: 713px; height: 472px;}
.advantage .lists ol .xz{ position: absolute; right: 190px; bottom: 58px;}
.advantage .lists ol .xz>div{ display: inline-block; vertical-align: middle;}
.advantage .lists ol .xz .zz{ width: 90px; line-height: 20px;text-align: center;}
.advantage .lists ol .xz .zz b{ display: inline-block; vertical-align: top; font-size: 25px; color: #00a651;}
.advantage .lists ol .xz .zz i{ display: inline-block; vertical-align: top; font-size: 17px; color: #333;}
.advantage .lists ol .xz .btn{ cursor: pointer; width: 12px; height: 20px;}
.advantage .lists ol .xz .prev{ background: url(../images/ysbtn1.png)no-repeat;}
.advantage .lists ol .xz .next{ background: url(../images/ysbtn2.png)no-repeat;}
.advantage .lists ol .more{ position: absolute; right: 0; top: 245px; text-align: center; text-transform: uppercase; width: 114px; height: 34px; background: #00a651; font-size: 17px; line-height: 34px; color: #fff;}
.advantage .lists ol .text{ padding: 27px 0 0 25px; position: absolute; left: 0; bottom: 0; width: 438px; height: 339px; background-color: rgb(255, 255, 255); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);}
.advantage .lists ol .text dt p{ line-height: 0; margin-bottom: 20px;}
.advantage .lists ol .text dt i{ display: block; font-weight: bold; font-size: 23px; color: #333;line-height: 23px;margin-bottom: 20px;}
.advantage .lists ol .text dl dd{ background: url(../images/cpicon4.png)no-repeat left 9px; padding-left: 15px; margin-bottom: 8px; font-size: 14px; color: #666; line-height: 20px;}
.advantage .lists ol .text dl dd b{ color: #00a651; font-weight: bold;}
.advantage .lists ol .text .morea{ margin-top: 25px; display: block; background: url(../images/ysmore.png)no-repeat; width: 89px; height: 16px;}

/*case*/

.case .more-title h3:after{ background: url(../images/title5.png)no-repeat center;}
.case .hd{ padding: 0 25px; border-bottom: 1px solid #ccc; padding-bottom: 24px; margin-bottom: 45px; overflow: hidden;}
.case .hd ul li{ float: left; cursor: pointer; margin-right: 63px;}
.case .hd ul li:last-child{ margin-right: 0;}
.case .hd ul li .icon{ line-height: 50px; height: 50px; text-align: center;}
.case .hd ul li .icon img{ vertical-align: middle;}
.case .hd ul li .icon .yc{ display: none;}
.case .hd ul li.on .icon .xs,.case .hd ul .more:hover .icon .xs{ display: none;}
.case .hd ul li.on .icon .yc,.case .hd ul .more:hover .icon .yc{ display: inline-block;}
.case .hd ul li .mc{ overflow: hidden; height: 19px;}
.case .hd ul li p{ position: relative; display: inline-block; color: #666; font-size: 16px; line-height: 18px; transition: all ease-out .3s;}
.case .hd ul li p:after{ position: absolute; left: 0; width: 100%; color: #00a651; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.case .hd ul li.on p:after,.case .hd ul .more:hover p:after{ transform: translateY(0);}
.case .hd ul li.on p,.case .hd ul .more:hover p{ transform: translateY(-100%);}
.case .bd .pic img{ width: 100%; transition: all .6s ease;}
.case .bd ul li>div{ width: 600px; height: 506px; overflow: hidden;}
.case .bd{ height: 506px; overflow: hidden;}
.case .bd .pic:hover img{ transform: scale(1.1);}
.case .bd .right{ background: #f7f7f7; padding: 45px 50px 0;}
.case .bd .right dt{ color: #333; font-size: 24px; line-height: 24px;}
.case .bd .right dt:after{ margin: 15px 0 30px; width: 206px; height: 1px; background-color: rgb(153, 153, 153); content: ""; display: block;}
.case .bd .right p{ color: #666; font-size: 16px; line-height: 34px;}
.case .bd .right dt a:hover{ color: #00a651;}
.case .bd .right .morea{ margin: 50px 0 40px; display: block; width: 100%; height: 16px; background: url(../images/casemore.png)no-repeat center right;}
.case .bd .right dl dd{ float: left; width: 156px; height: 130px; overflow: hidden; margin-right: 17px;}
.case .bd .right .morea:hover{background: url(../images/casemores.png)no-repeat center right;}
.case .bd .right dl dd:last-child{ margin-right: 0;}

/*hzfz*/

.hzfz{ margin-top: 80px; background: url(../images/hzfzbg.png)no-repeat center; width: 100%; height: 731px; overflow: hidden;}
.hzfz .more-title h3:after{ background: url(../images/title6.png)no-repeat center;}
.hzfz .pphz .nr{ text-align: center; height: 300px; overflow: hidden;}
.hzfz .pphz .nr ul li{ float: left; width: 285px; height: 105px; border: 1px solid #999; margin: 0 20px 20px 0; overflow: hidden;}
.hzfz .pphz .nr ul li:nth-child(4n){ margin-right: 0;}
.hzfz .pphz .nr ul li .pic img{ width: 100%; transition: all .6s ease;}
.hzfz .pphz .nr ul li:hover img{ transform: scale(1.1);}
.hzfz .pphz .nr .more{ display: block; margin: 20px auto 0; width: 116px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #00a651; overflow: hidden;}
.hzfz .pphz .nr .more a{ position: relative; display: block; color: #00a651; font-size: 14px; transition: all ease-out .3s;}
.hzfz .pphz .nr .more a:after{ position: absolute; left: 0; width: 100%; color: #00a651; font-weight: bold; content: attr(data-title); transform: translateY(-100%); top: -100%;transition: all ease-out .3s;}
.hzfz .pphz .nr .more:hover a:after{ transform: translateY(0);}
.hzfz .pphz .nr .more:hover a{ transform: translateY(100%);}
.hzfz .fzlc .nr .top{ line-height: 0; margin-bottom: 25px;}
.hzfz .fzlc .nr .hd{ position: relative; height: 46px; overflow: hidden; padding: 0 15px 0 5px;}
.hzfz .fzlc .nr .hd:before{ content: ""; position: absolute; left: 0; top: 28px; background: url(../images/processjt.png)no-repeat; width: 100%; height: 12px;}
.hzfz .fzlc .nr .hd ul li{ float: left; margin-right: 78px; cursor: pointer; text-align: center;}
.hzfz .fzlc .nr .hd ul li p{ color: #999; font-size: 14px; line-height: 14px; margin-bottom: 10px;}
.hzfz .fzlc .nr .hd ul li b{ position: relative;}
.hzfz .fzlc .nr .hd ul li b{ display: block; position: relative; margin: 0 auto; width: 20px; height: 20px;}
.hzfz .fzlc .nr .hd ul li b:before{ width: 15px; height: 15px; left: 3px; top: 3px; transition: all ease-out .3s; content: ""; position: absolute; border-radius: 50%; background: #999;}
.hzfz .fzlc .nr .hd ul li b:after{ opacity: 0; transform: scale(0); width: 20px; height: 20px; left: 0; top: 0;content: ""; position: absolute; border-radius: 50%; background: #00a651; transition: all ease-out .3s;}
.hzfz .fzlc .nr .hd ul li.on b:before{ opacity: 0; transform: scale(0);}
.hzfz .fzlc .nr .hd ul li.on b:after{ opacity: 1; transform: scale(1);}
.hzfz .fzlc .nr .hd ul li:last-child{ margin-right: 0;}
.hzfz .fzlc .nr .bd ul li{ position: relative; height: 58px; overflow: hidden;}
.hzfz .fzlc .nr .bd ul li p{ position: relative; display: inline-block; margin-top: 11px; padding-left: 10px; padding-right: 100px; background: #00a651; color: #fff; font-size: 14px; line-height: 46px;}
.hzfz .fzlc .nr .bd{ height: 58px; overflow: hidden;}
.hzfz .fzlc .nr .bd ul li p:before{ content: ""; position: absolute; background: url(../images/processzb.png)no-repeat; width: 12px; height: 11px; left: 22px; top: -10px;}
.hzfz .fzlc .nr .bd ul li:nth-child(2) p{ margin-left: 125px;}
.hzfz .fzlc .nr .bd ul li:nth-child(3) p{ margin-left: 250px;}
.hzfz .fzlc .nr .bd ul li:nth-child(4) p{ margin-left: 374px;}
.hzfz .fzlc .nr .bd ul li:nth-child(5) p{ margin-left: 499px;}
.hzfz .fzlc .nr .bd ul li:nth-child(6) p{ margin-left: 624px; padding-right: 15px;}
.hzfz .fzlc .nr .bd ul li:nth-child(7) p{ margin-left: 750px; padding-right: 15px;}
.hzfz .fzlc .nr .bd ul li:nth-child(8) p{ margin-left: 790px; padding-right: 0; width: 600px;}
.hzfz .fzlc .nr .bd ul li:nth-child(8) p:before{ left: 107px;}
.hzfz .fzlc .nr .bd ul li:nth-child(9) p{ margin-left: 750px; padding-right: 15px;}
.hzfz .fzlc .nr .bd ul li:nth-child(9) p:before{ left: 272px;}
.hzfz .fzlc .nr .bd ul li:nth-child(10) p{ margin-left: 800px; padding-right: 15px;}
.hzfz .fzlc .nr .bd ul li:nth-child(10) p:before{ left: 348px;}

/*about*/

.about{ font-size: 0; padding-top: 45px; background: url(../images/aboutbg.png)no-repeat center; width: 100%; height: 925px; overflow: hidden; text-align: center;}
.about .nr dl dt{ line-height: 0; margin-bottom: 25px;}
.about .nr dl dd{ color: #fff; font-size: 16px;}
.about .nr .more{ margin: 15px auto 25px; display: inline-block; vertical-align: top; border: 1px solid rgb(255, 255, 255); border-radius: 3px; color: #fff; font-size: 14px; width: 98px; height: 23px; line-height: 23px;}
.about .nr .more:hover{ text-decoration: underline;}
.about .nr .video{ width: 100%; height: 374px; overflow: hidden;}
.about .nr .qyxc{ margin: 30px auto 0; position: relative;}
.about .nr .qyxc .bd{ overflow: hidden; height: 219px;}
.about .nr .qyxc ul li{ float: left; width: 293px; margin-right: 9px;}
.about .nr .qyxc ul li .pic{ width: 293px; height: 185px; overflow: hidden;}
.about .nr .qyxc ul li .pic img{ width: 100%;transition: all .8s;}
.about .nr .qyxc ul li:hover .pic img{ transform: scale(1.1);}
.about .nr .qyxc ul li .mc{ margin-top: 15px; text-align: center; overflow: hidden;}
.about .nr .qyxc ul li .mc span{ position: relative; display: inline-block; color: #333; font-size: 18px; line-height: 19px; transition: all ease-out .3s;}
.about .nr .qyxc ul li .mc span:after{ position: absolute; left: 0; width: 100%; color: #08a345; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.about .nr .qyxc ul li:hover .mc span:after{ transform: translateY(0);}
.about .nr .qyxc ul li:hover .mc span{ transform: translateY(-100%);}
.about .nr .qyxc .btn{ position: absolute; width: 71px; height: 23px; top: 80px; cursor: pointer; z-index: 2;}
.about .nr .qyxc .prev{ background: url(../images/leftbtn.png)no-repeat center #313131; left: -30px;}
.about .nr .qyxc .next{ background: url(../images/rightbtn.png)no-repeat center #313131; right: -30px;}
.about .nr .qyxc .prev:hover{ background: url(../images/leftbtn.png)no-repeat center #00a651;}
.about .nr .qyxc .next:hover{ background: url(../images/rightbtn.png)no-repeat center #00a651;}

/*news*/

.news{ padding-top: 40px; background: #f7f7f7; height: 821px; overflow: hidden;}
.news .more-title h3:after{ background: url(../images/title7.png)no-repeat center;}
.news .nr>div{ border: 1px solid #b5b5b5; float: left; height: 562px; padding: 30px 28px 0; overflow: hidden;}
.news .nr .left{ width: 767px; margin-right: 36px;}
.news .nr .right{ width: 397px;}
.news .nr .tynav{ position: relative; width: 100%; height: 36px; margin-bottom: 30px; overflow: hidden;}
.news .nr .tynav li{ border: 1px solid #b5b5b5; margin-right: 25px; float: left; cursor: default; text-align: center; width: 140px; height: 36px; line-height: 33px; color: #333; font-size: 20px;}
.news .nr .tynav li.on,.news .nr .tynav .dxon{ border: 1px solid #00a651; color: #fff; background: #00a651;}
.news .nr .tynav .more{ position: absolute; right: 0; top: 14px; text-transform: uppercase; line-height: 14px; color: #666; font-size: 14px;}
.news .nr .tynav .more:hover{ color: #00a651; text-decoration: underline;}
.news .nr .top>div{ display: inline-block; vertical-align: top; margin-bottom: 45px;}
.news .nr .top .img{ width: 290px; height: 145px; overflow: hidden;}
.news .nr .top .img img{ width: 100%; transition: all .8s;}
.news .nr .top .img:hover img{ transform: scale(1.1);}
.news .nr .top .text{ width: 389px; height: 145px; overflow: hidden; margin-left: 25px;}
.news .nr .top .text dt a{ color: #333; font-size: 18px; font-weight: bold;}
.news .nr .top .text dt{ line-height: 18px; margin: 10px 0 20px;}
.news .nr .top .text dt a:hover{ color: #00a651;}
.news .nr .top .text p{ height: 70px; overflow: hidden; color: #666; font-size: 14px; line-height: 26px;}
.news .nr .top .text .morea{ position: relative; display: block; border: 0.81px solid rgb(181, 181, 181); border-radius: 5px; width: 80px; height: 23px; color: #666; font-size: 14px; line-height: 23px; text-align: center; -webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1); transform: scale(1); overflow: hidden;}
.news .nr .top .text .morea:hover{ color: #00a651;}
.news .nr .list dd{ width: 319px; display: inline-block; vertical-align: top; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.news .nr .list dd:nth-child(2n){ margin-left: 65px;}
.news .nr .list dd a{ color: #666; font-size: 16px;}
.news .nr .list dd a span{ color: #999; float: right;}
.news .nr .list dd a:hover,.news .nr .list dd a:hover span{ color: #00a651;}
.news .nr .left .bd{ height: 450px; overflow: hidden;}
.news .nr .right .bd ul li{ color: #666; border-bottom: 1px dashed #ccc; padding-bottom: 30px; height: 111px!important; margin-bottom: 50px;}
.news .nr .right .bd ul li .wen a{ font-size: 16px;}
.news .nr .right .bd ul li .wen a:hover{ color: #00a651;}
.news .nr .right .bd ul li .da{ margin-top: 15px;}
.news .nr .right .bd ul li .da a:hover i{ text-decoration: underline;}
.news .nr .right .bd ul li .wen a:before{ content: ""; background: url(../images/wen.png)no-repeat; width: 34px; height: 19px; margin: 2px 20px 0 0; display: inline-block; vertical-align: top;}
.news .nr .right .bd ul li .da a:before{ content: ""; background: url(../images/da.png)no-repeat; width: 34px; height: 19px; margin: 2px 20px 0 0; display: inline-block; vertical-align: top;}
.news .nr .right .bd ul li .da a i{ width: 285px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px;}

/*foot*/

.foot{ font-size: 0; background: #333; overflow: hidden;}
.foot .nav{ border-bottom: 1px solid #00a651; padding: 13px 0;}
.foot .nav nav{ padding: 0 20px 0 13px;}
.foot .nav nav a{ display: inline-block; vertical-align: middle; overflow: hidden; line-height: 16px; color: #fff; font-size: 16px; margin-right: 65px;}
.foot .nav nav a i{ position: relative; display: inline-block; color: #fff; font-size: 16px; line-height: 16px; transition: all ease-out .3s;}
.foot .nav nav a i:after{ position: absolute; left: 0; width: 100%; color: #08a345; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.foot .nav nav a:hover i:after{ transform: translateY(0);}
.foot .nav nav a:hover i{ transform: translateY(-100%);}
.foot .nav nav a:last-child{ margin-right: 0;}
.foot .content{ height: 230px; overflow: hidden;}
.foot .content .left{ padding-top: 55px; width: 300px;}
.foot .content .text{ margin-top: 50px;}
.foot .content .text ul{ display: inline-block; vertical-align: top;}
.foot .content .text ul:first-child{ margin-right: 75px;}
.foot .content .text ul:first-child li i{ letter-spacing: 3.8px;}
.foot .content .text ul:first-child+ul li i{ letter-spacing: 1.5px;}
.foot .content .text ul li{ color: #fff; font-size: 16px;}
.foot .content .text ul li{ margin-bottom: 5px;}
.foot .content .wechat{ margin-top: 25px; width: 114px; text-align: center;}
.foot .content .wechat span{ display: block; position: relative; width: 114px; height: 114px; overflow: hidden;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .wechat p{ color: #fff; font-size: 14px; line-height: 14px; margin-top: 5px;}
.foot .bottom{ color: #fff; font-size: 14px; height: 38px; line-height: 38px; background: #00a651;overflow: hidden;}
.foot .bottom ol a{ color: #fff; font-size: 14px;}
.foot .bottom dl a{ display: inline-block; vertical-align: middle; color: #fff; font-size: 14px;}
.foot .bottom dl li:first-child{ color: #fff; font-size: 14px; width: 135px; margin-right: 0; letter-spacing: 1px;}
.foot .bottom dl li:last-child{ margin-right: 0;}
.foot .bottom dl li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.foot .bottom li:hover a,.foot .bottom ol a:hover{ color: #fff; text-decoration: underline;}