*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/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{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.tywidth{ width: 1200px; margin: 0 auto;}

/*more-title*/

.more-title{ text-align: center; line-height: 0; margin: 50px auto;}

/*header*/

.header{ background: url(../images/headtopbg.png)no-repeat center; background: url(../images/headtopbg.png)\9 no-repeat center; width: 100%; height: 219px;}
.header .header_content>div{ float: left;}
.header .header_content .logo{ width: 218px; line-height: 0;}
.header .header_content .right{ width: 932px; margin-left: 50px;}
.header .header_content .right .top{ height: 36px; line-height: 35px;}
.header .header_content .right .top .zz,.header .header_content .right .top .yy a,.header .header_content .right .top .yy i{ color: #e4e4e4; font-size: 14px;}
.header .header_content .right .top .yy{ font-size: 0;}
.header .header_content .right .top .yy i{ font-size: 12px;margin: 0 10px;display: inline-block; vertical-align: top;}
.header .header_content .right .top .yy a:hover{ color: #fc8301;}
.header .header_content .right .zb{ padding: 38px 0 21px;}
.header .header_content .right .zb .by p,.header .header_content .right .zb .phonerx p{ color: #6fab01; font-size: 24px; font-weight: bold; line-height: 24px;}
.header .header_content .right .zb .by p i{ color: #fc8301;}
.header .header_content .right .zb .by b,.header .header_content .right .zb .phonerx b{ display: block; color: #666; font-size: 18px; line-height: 18px; margin: 15px 0 0;}
.header .header_content .right .zb>div{ display: inline-block; vertical-align: middle; font-size: 0;}
.header .header_content .right .zb .phonerx{ float: right;}
.header .header_content .right .zb .phonerx>div{ display: inline-block; vertical-align: top;}
.header .header_content .right .zb .phonerx .icon{ line-height: 0; margin-right: 10px;}
.header .header_content .right .zb .phonerx b{ margin: 0 0 8px 0;}
.header .header_content .right .nav{ background: url(../images/navbg.png)no-repeat; width: 100%; height: 50px; line-height: 50px; padding: 0 35px;}
.header .header_content .right .nav ul li{ float: left; position: relative; font-size: 0; text-align: center; height: 37px; margin-right: 32px;}
.header .header_content .right .nav ul li:last-child{ margin-right: 0;}
.header .header_content .right .nav ul li:after{ width: 0; height: 1px; content: ""; position: absolute; background: #fff; left: 45%; bottom: 0; z-index: 1; visibility: hidden;}
.header .header_content .right .nav ul li a{ color: #fff; font-size: 16px;}
.header .header_content .right .nav ul li:first-child{ width: 60px; text-align: center;}
.header .header_content .right .nav ul li a img{ opacity: 0;}
.header .header_content .right .nav ul li.on:first-child a img,.header .header_content .right .nav ul li:hover:first-child a img{ display: inline-block; vertical-align: middle; margin: -4px 7px 0 0; opacity: 1; transition-duration: 300ms;}
.header .header_content .right .nav ul li.on:after,.header .header_content .right .nav ul li:hover:after{ width: 100%; left: 0; visibility: visible; transition-duration: 400ms;}

/*首页banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox .bd{ margin-top: -11px;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 18px; overflow: hidden; position: absolute; left: 50%; bottom: 15px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 18px; height: 18px; background: #6fab01; border-radius: 50%; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #fc8301;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative;}
.search:before{ content: ""; background: url(../images/searchhr.png)no-repeat; width: 100%; height: 14px; position: absolute; left: 0; bottom: 0; z-index: 1;}
.search img{ vertical-align: middle; margin: -7px 10px 0 0;}
.search-content{height: 75px; line-height: 60px;}
.search-keywords{ display: inline-block;font-size: 0;}
.search-keywords span{color: #000; font-size: 14px;}
.search-keywords a{ color: #666; font-size: 14px;margin: 0 25px 0 0;}
.search-keywords a:hover{ color: #fc8301; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 350px; height: 35px; vertical-align: top; margin: 15px 0 0;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; width: 90%; text-indent: 15px; height: 35px;line-height: 35px; color: #444444; background: none; border: none; outline: none;}
.search-form #s_btn{ background: none; width: 35px; height: 35px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #444444;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #444444;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #444444;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #444444;}

/*hzhb*/

.hzhb .bd{ height: 92px; overflow: hidden;}
.hzhb .bd ul li{ float: left; width: 183px; height: 92px; overflow: hidden; margin-right: 20px;}
.hzhb .bd ul li .pic{ width: 183px; height: 92px; overflow: hidden; border: 1px solid #d8d8d8;}
.hzhb .bd ul li img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.hzhb .bd ul li:hover img{ -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -ms-transform: rotatey(180deg); transform: rotatey(180deg);}

/*product*/

.product{ padding: 60px 0 0;}
.product .pro-left{ width: 266px;}
.product .pro-left .top h6{ color: #fff; font-weight: bold; font-size: 22px; line-height: 22px; text-shadow: 5px 2px 6px #666;}
.product .pro-left .top p{ color: #538000; font-family: arial; font-size: 14px; line-height: 14px; text-transform: uppercase; margin: 10px 0 0;}
.product .pro-left .top{ background: url(../images/protopbg.png)no-repeat; width: 266px; height: 116px; padding: 35px 0 0 0; text-align: center;}
.product .pro-left .sideMenu ul li{ background: url(../images/prohd1.png)no-repeat; width: 228px; height: 52px; line-height: 40px; text-align: center; margin: 20px auto 0; font-size: 0;}
.product .pro-left .sideMenu ul li a{ color: #fefefe; font-size: 18px;}
.product .pro-left .sideMenu ul li a img{ vertical-align: middle; margin: -5px 10px 0 0;}
.product .pro-left .sideMenu ul li.on{ background: url(../images/prohd2.png)no-repeat;}
.product .pro-left .sideMenu{border: 1px solid #d8d8d8;}
.product .pro-left .sideMenu dd{ padding-left: 60px;margin-bottom: 10px;}
.product .pro-left .sideMenu dd a{ color: #666; font-size: 14px; line-height: 14px;}
.product .pro-left .sideMenu dd a:hover{ color: #fc8301;}
.product .right{ width: 914px;height: 603px;overflow: hidden;}
.product .right .bigbox{ margin-right: 20px; width: 612px; height: 446px;}
.product .right ul li .pic{ height: 446px; overflow: hidden;}
.product .right .img{ overflow: hidden; position: relative;border: 1px solid #d8d8d8;}
.product .right .img img,.product .right .rxbanner img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.product .right .smallbox .img{ width: 282px; height: 213px;}
.product .right .smallbox .img+.img{ margin: 20px 0 0;}
.product .right .img:hover img{ transform: scale(1.1, 1.1);}
.product .right .mc{ position: absolute; left: 0; bottom: 0; z-index: 1; text-align: center; width: 100%; color: #fff; font-size: 14px; background-color: rgba(111, 171, 1, 0.678);}
.product .right .bigbox .mc{ height: 35px; line-height: 35px;}
.product .right .smallbox .mc{ height: 30px; line-height: 30px;}
.product .right .rxbanner{ width: 100%; height: 137px; overflow: hidden; margin: 20px 0 0;}

/*case*/

.case .bd ul li{ float: left; width: 285px; margin: 0 20px 20px 0; overflow: hidden;}
.case .bd ul li .pic{ width: 100%; height: 186px; overflow: hidden; border: 1px solid #d8d8d8;}
.case .bd ul li .pic img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.case .bd ul li .mc{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #8e8e8e; font-size: 16px; background: #d8d8d8;}
.case .bd ul li:hover .mc{ color: #fff; background: #6fab01;}
.case .bd ul li:hover .pic{ border: 1px solid #6fab01;}
.case .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.case .bd ul li:nth-child(4n){ margin-right: 0;}
.case .more{ background: url(../images/casemore.png)no-repeat; height: 36px; text-align: center; line-height: 34px; margin: 10px auto 0;}
.case .more .mybutton{margin-bottom: 2px; position: relative; display: inline-block; vertical-align: middle; width: 162px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; background: #fc8301; overflow: hidden;}
.case .more .mybutton .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #6fab01; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.case .more .mybutton .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #6fab01 transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.case .more .mybutton .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.case .more .mybutton:hover .i1{ color: #fff;}
.case .more .mybutton:hover .i2{ border-width: 120px 0 0 120px;}
.case .more .mybutton:hover .i3{ border-width: 0 120px 120px 0;}

/*advantage*/

.advantage{ margin: 60px 0 0; padding: 40px 0 0; background: #eee;}
.advantage ul li .pic{ line-height: 0;}
.advantage ul li .js{ width: 570px; padding: 35px 0 0;}
.advantage ul li .js dt{ font-size: 0; margin-bottom: 35px;}
.advantage ul li .js dt>div{ display: inline-block; vertical-align: top; font-size: 0;}
.advantage ul li .js dt .bt{ background: url(../images/ystbbg.png)no-repeat; width: 76px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 50px; font-family: 方正楷体简体; margin-right: 8px;}
.advantage ul li .js dt .by h6 b{ color: #6fab01; font-size: 32px; line-height: 32px; font-weight: bold;}
.advantage ul li .js dt .by h6 i{ color: #ccc; font-size: 14px; line-height: 14px; display: inline-block; vertical-align: bottom; margin-left: 10px;}
.advantage ul li .js dt .by p{ color: #333; font-size: 20px; line-height: 20px; margin: 10px 0 0;}
.advantage ul li .js dd i{ display: inline-block; vertical-align: top; color: #333; font-size: 16px; line-height: 32px; margin: 0 0 20px;}
.advantage ul li .js dd:before{ content: ""; background: url(../images/ysicon.png)no-repeat; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin: 10px 7px 0 0;}
.advantage .ul1 dd i{ width: 579px;}
.advantage .ul2 dd i{ width: 550px;}
.advantage ul li .myButt{ display: inline-block; vertical-align: top; overflow: hidden; width: 184px; height: 53px; line-height: 53px; text-align: center; color: #fff; font-size: 16px; position: relative; background: #6fab01; border-radius: 5px;}
.advantage ul li .myButt .insider{ background-color: #fff; width: 100%; height: 20px; position: absolute; left: -100%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
.advantage ul li .myButt:hover{ background: #fc8301;color: #fff;}
.advantage ul li .myButt:hover .insider{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 100%;}
.advantage ul li .myButt img{ vertical-align: middle; margin: 0 10px 0 0;}
.advantage .ul4 dd i{ width: 540px;}
.advantage .ul4 .js{ width: 575px;}
.advantage .ul5 dd i{ width: 465px;}
.advantage .ul5 .js{ width: 484px;}

/*honor*/

.honor{ position: relative; height: 420px;}
.honor:before{ content: ""; background: url(../images/honorbg.png)no-repeat; width: 1846px; height: 92px; position: absolute; left: -325px; bottom: 0;}
.poster-main{ position: relative;margin: 0 auto;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 333px;position: relative;z-index: 1;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-btn{ position: absolute; top: 150px; cursor: pointer; width: 42px!important;height: 45px!important;}
.poster-main .poster-prev-btn{ left: -54px; background: url(../images/btn3.png) no-repeat;}
.poster-main .poster-next-btn{ right: -54px; background: url(../images/btn4.png) no-repeat;}

/*service*/

.service .nr .bd ul li{ float: left; width: 400px;}
.service .nr .bd ul li .pic{ width: 100%; height: 225px; overflow: hidden;}
.service .nr .bd ul li .pic img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.service .nr .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.service .nr .bd ul li .text{ width: 100%; height: 225px; background: #f2f2f2; position: relative; padding: 40px 30px 0;}
.service .nr .bd ul li .text dt .icon{ margin-right: 10px;}
.service .nr .bd ul li:hover .dt .icon{ transition-duration: 300ms;}
.service .nr .bd ul li:first-child .text dt .icon{ background: url(../images/icon1.png)no-repeat; width: 38px; height: 38px;}
.service .nr .bd ul li:first-child:hover .text dt .icon{ background: url(../images/icon1bs.png)no-repeat;}
.service .nr .bd ul li:first-child+li .text dt .icon{ background: url(../images/icon2.png)no-repeat; width: 40px; height: 38px;}
.service .nr .bd ul li:first-child+li:hover .text dt .icon{ background: url(../images/icon2bs.png)no-repeat;}
.service .nr .bd ul li:first-child+li+li .text dt .icon{ background: url(../images/icon3.png)no-repeat; width: 38px; height: 42px;}
.service .nr .bd ul li:first-child+li+li:hover .text dt .icon{ background: url(../images/icon3bs.png)no-repeat;}
.service .nr .bd ul li .text dt>div{ display: inline-block; vertical-align: top; font-size: 0;}
.service .nr .bd ul li .text dt .by p{ color: #666; font-size: 24px; line-height: 24px;}
.service .nr .bd ul li .text dt .by b{ display: block; color: #999; font-size: 14px; line-height: 14px; text-transform: uppercase; font-family: arial; margin: 3px 0 0;}
.service .nr .bd ul li .text dd{ color: #666; font-size: 14px; line-height: 26px;margin: 20px 0 0 0;}
.service .nr .bd ul li:hover .text dt p,.service .nr .bd ul li:hover .text dd{ color: #fff;transition-duration: 300ms;}
.service .nr .bd ul li:hover .text dt b{ color: #568501;transition-duration: 300ms;}
.service .nr .bd ul li:hover .text{ background: #6fab01; transition-duration: 300ms;}
.service .nr .bd ul li .text:before{ content: ""; left: 45%; bottom: -15px; background: url(../images/fuwuicon2.png)no-repeat; width: 28px; height: 15px; position: absolute; z-index: 12;}
.service .nr .bd ul .li .text:before{ top: -15px; background: url(../images/fuwuicon1.png)no-repeat; width: 29px; height: 16px;}
.service .nr .bd ul .li:hover .text:before{ background: url(../images/fuwuicon3.png)no-repeat;}
.service .nr .bd ul li:hover .text:before{ background: url(../images/fuwuicon4.png)no-repeat; transition-duration: 300ms;}

/*smallbanner2*/

.smallbanner2{ background: url(../images/sbanner.png)no-repeat center; background: url(../images/sbanner.png)\9 no-repeat center; width: 100%; height: 259px; overflow: hidden; margin: 60px 0 0;}
.smallbanner2 .wa{ padding: 60px 0 0 8px; width: 204px; background: #6fab01; height: 258px;overflow: hidden;}
.smallbanner2 .wa dt p{ color: #fff; font-size: 20px; line-height: 20px; font-weight: bold;}
.smallbanner2 .wa dt b{ display: block; color: #568501; font-size: 14px; line-height: 14px; text-transform: uppercase; font-family: arial; margin: 10px 0 0;}
.smallbanner2 .wa dt .hr{ margin: 20px 0 30px; background: #fff; display: inline-block; vertical-align: top; width: 57px; height: 1px;}
.smallbanner2 .wa dd>div{ display: inline-block; vertical-align: middle; font-size: 0;}
.smallbanner2 .wa dd .icon{ line-height: 0; margin-right: 10px;}
.smallbanner2 .wa dd p{ color: #fff; font-size: 16px; line-height: 16px;}
.smallbanner2 .wa dd b{ display: block; margin: 5px 0 0; color: #fff; font-size: 20px; line-height: 20px;}
.smallbanner2 .process{ padding: 45px 0 0 25px;position: relative;width: 996px;}
.smallbanner2 .process:before{ content: ""; background: url(../images/smpichr.png)no-repeat; height: 14px; width: 100%; position: absolute; left: 0; top: 100px;}
.smallbanner2 .process ul li{ float: left; text-align: center;margin-right: 56px;position: relative;z-index: 6;}
.smallbanner2 .process ul li:first-child{ margin-right: 45px;}
.smallbanner2 .process ul li:first-child+li{ margin-right: 26px;}
.smallbanner2 .process ul li:first-child+li+li{ margin-right: 34px;}
.smallbanner2 .process ul li:last-child{ margin-right: 0;}
.smallbanner2 .process ul li .pic{ background: url(../images/smpic1.png)no-repeat; width: 111px; height: 111px; text-align: center; line-height: 111px; margin: 0 auto;}
.smallbanner2 .process ul li .pic img{ vertical-align: middle; 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;}
.smallbanner2 .process ul li:hover .pic img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.smallbanner2 .process ul li:hover .pic{ background: url(../images/smpic2.png)no-repeat; transition-duration: 300ms;}
.smallbanner2 .process ul li .dd{ background: url(../images/smpic3.png)no-repeat; width: 7px; height: 14px; display: inline-block; vertical-align: top; margin: 10px 0;}
.smallbanner2 .process ul li dd{ color: #333; font-size: 16px; line-height: 16px;}

/*about*/

.about{ margin: 60px 0 0;}
.about .nr{ position: relative; height: 476px;}
.about .nr .left{ width: 778px; height: 476px; overflow: hidden;}
.about .nr .left img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.about .nr .left:hover img{ transform: scale(1.1, 1.1);}
.about .nr .js{ width: 516px; height: 396px; background: #6fab01; position: absolute; right: 0; top: 40px; z-index: 1; padding: 30px 30px 0 30px;}
.about .nr .js dt{ margin-bottom: 10px;}
.about .nr .js dd{text-align: justify; color: #fff; font-size: 14px; line-height: 26px;height: 165px;}
.about .nr .js .more{ margin: 15px 0 0; font-size: 0;}
.about .nr .js .more .myButt{ display: inline-block; vertical-align: top; overflow: hidden; width: 96px; height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 14px; position: relative; background: #fc8301;}
.about .nr .js .more .myButt1{ color: #6fab01; background: #fff; margin-left: 30px;}
.about .nr .js .more .myButt .insider{ background-color: #fff; width: 100%; height: 20px; position: absolute; left: -100%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
.about .nr .js .more .myButt:hover{ background: #fc8301;color: #fff;}
.about .nr .js .more .myButt:hover .insider{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 100%;}

/*qyxc*/

.qyxc .nr{ margin: 20px auto 0; position: relative;}
.qyxc .nr .bd{ margin: 0 40px; height: 230px; overflow: hidden;}
.qyxc .bd ul li{ float: left; width: 274px;text-align: center; overflow: hidden; margin-right: 10px;}
.qyxc .bd ul li .pic{ width: 274px; height: 206px; overflow: hidden;line-height: 0; border: 1px solid #d8d8d8;}
.qyxc .bd ul li img{ width: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.qyxc .bd ul li:hover img{ transform: scale(1.1, 1.1);}
.qyxc .bd ul li .mc{ margin: 10px 0 0; color: #666; font-size: 14px; line-height: 14px;}
.qyxc .nr .btn{ position: absolute; top: 80px; z-index: 1; cursor: pointer; width: 25px; height: 43px;}
.qyxc .nr .prev{ left: 0;}
.qyxc .nr .next{ right: 0;}

/*new*/

.new{ padding: 60px 0 0;}
.new>div{ height: 420px;overflow: hidden;}
.new .newtab{ width: 768px;margin-right: 20px;}
.new .newtab .hd,.new .question>.top{ border: 1px solid rgb(230, 230, 230); height: 52px; background-image: -moz-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(229, 229, 229) 0%, rgb(255, 255, 255) 100%);}
.new .newtab .hd ul li{ float: left; width: 175px; height: 50px; line-height: 50px; padding-left: 30px; cursor: pointer;}
.new .newtab .hd ul li>div{ display: inline-block; vertical-align: middle; font-size: 0;}
.new .newtab .hd ul li .icon{ margin-right: 10px; line-height: 0;}
.new .newtab .hd ul li:first-child .icon{ background: url(../images/newicon1.png)no-repeat; width: 24px; height: 20px;}
.new .newtab .hd ul li:first-child.on .icon{ background: url(../images/newicon3.png)no-repeat;}
.new .newtab .hd ul li:first-child+li .icon{ background: url(../images/newicon2.png)no-repeat; width: 26px; height: 24px;}
.new .newtab .hd ul li:first-child+li.on .icon{ background: url(../images/newicon4.png)no-repeat;}
.new .newtab .hd ul li.on{ background: #6fab01;}
.new .newtab .hd ul li .mc{ font-size: 18px; color: #666;}
.new .newtab .hd ul li.on .mc{ color: #fff;}
.new .newtab .hd .morea{ margin: 18px 20px 0 0;}
.new .newtab .hd .morea a,.new .question>.top .more{ font-size: 14px; color: #999; font-family: arial; text-transform: uppercase;}
.new .newtab .hd .morea a:hover,.new .question>.top .more:hover{ color: #6fab01;}
.new .newtab .bd{ border: 1px solid rgb(230, 230, 230); border-top: none; padding: 30px 30px 0; height: 368px;}
.new .newtab .bd ul li dd:first-child{ border-bottom: none; margin-bottom: 20px; padding: 0;}
.new .newtab .bd ul li dd:first-child>div{ display: inline-block; vertical-align: top; font-size: 0;}
.new .newtab .bd ul li dd:first-child .pic{ width: 294px; height: 186px; overflow: hidden;}
.new .newtab .bd ul li dd:first-child .pic img{ width: 100%;}
.new .newtab .bd ul li dd:first-child .js{ margin: 0 0 0 15px; width: 393px;}
.new .newtab .bd ul li dd:first-child .js h6{ color: #6fab01; font-size: 20px; line-height: 20px;}
.new .newtab .bd ul li dd:first-child .js p{ margin: 15px 0; height: 104px; color: #666; font-size: 14px; line-height: 26px;}
.new .newtab .bd ul li dd:first-child .js .myButt{ display: inline-block; vertical-align: top; width: 118px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; position: relative; overflow: hidden; background: #fc8301; text-align: center;}
.new .newtab .bd ul li dd:first-child .js .myButt .insider{ background-color: #fff; width: 100%; height: 20px; position: absolute; left: -100%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg);}
.new .newtab .bd ul li dd:first-child .js .myButt:hover{ background: #6fab01;color: #fff;}
.new .newtab .bd ul li dd:first-child .js .myButt:hover .insider{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; left: 100%;}
.new .newtab .bd ul li dd a{ color: #333; font-size: 14px; line-height: 14px;}
.new .newtab .bd ul li dd a span{ color: #666;}
.new .newtab .bd ul li dd{ line-height: 14px; padding-bottom: 15px; margin-bottom: 15px;}
.new .newtab .bd ul li dd{ border-bottom: 1px dashed #d8d8d8;}
.new .newtab .bd ul li dd:last-child{ border-bottom: none;}
.new .newtab .bd ul li dd a:hover,.new .newtab .bd ul li dd a:hover span{ color: #6fab01;}
.new .question{ width: 412px;}
.new .question>.top{ height: 50px; line-height: 50px; padding-left: 30px;}
.new .question>.top img{ vertical-align: middle; margin: 0 10px 0 0;}
.new .question>.top h6{ font-size: 18px; color: #6fab01;}
.new .question>.top .more{ margin: 0 20px 0 0;}
.new .question .new_lb{ border: 1px solid rgb(230, 230, 230); border-top: none; height: 369px; width: 100%; overflow: hidden;}
.new .question .new_lb .bd{ padding: 20px 20px 0;}
.new .question .new_lb dl dd{ height: 98px!important;}
.new .question .new_lb dl dd .wen{ margin-bottom: 10px;}
.new .question .new_lb dl dd .wen a{ color: #333; font-size: 14px; line-height: 14px;}
.new .question .new_lb dl dd a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: top; margin: 2px 7px 0 0;}
.new .question .new_lb dl dd .wen a:before{ background: url(../images/newwen.png)no-repeat;}
.new .question .new_lb dl dd .da a:before{ background: url(../images/newda.png)no-repeat; margin: 4px 7px 0 0;}
.new .question .new_lb dl dd a i{ width: 339px; display: inline-block; vertical-align: top; color: #999; font-size: 14px; line-height: 28px;}
.new .question .new_lb dl dd{ padding-bottom: 15px; border-bottom: 1px dashed #d8d8d8; margin-bottom: 20px;}
.new .question .new_lb dl dd .wen a:hover b{ color: #6fab01;}
.new .question .new_lb dl dd .wen a b{ padding: 5px 0 0 0; display: inline-block; vertical-align: top;}
.new .question .new_lb dl dd .da a:hover i{ color: #fc8301;}

/*foot*/

.foot{ width: 100%; height: 309px; background: #6fab01; margin: 60px 0 0;}
.foot .content{ position: relative; z-index: 12;}
.foot .left{ width: 280px; height: 309px; background-color: rgb(252, 131, 1); text-align: center;}
.foot .left>div{ line-height: 0; margin: 15px 0 0;}
.foot .left>div+div{ margin: 20px 0 5px;}
.foot .left p{ color: #fff; font-size: 14px;}
.foot .right{ width: 920px;}
.foot .right .link{ position: relative; height: 54px; line-height: 54px; padding-left: 30px;}
.foot .right .link:after{ position: absolute; left: 0; bottom: 0; z-index: 1; content: ""; background: url(../images/linkhr.png)no-repeat; width: 100%; height: 2px;}
.foot .right .link ul li{ display: inline-block;vertical-align: top; font-size: 0;}
.foot .right .link ul dd{ margin-right: 40px;}
.foot .right .link ul dd,.foot .right .link ul li a{ display: inline; color: #fff; font-size: 14px; margin-right: 40px;}
.foot .right .contact{ padding: 40px 0 0 35px;}
.foot .right .contact dt{ color: #fff; font-size: 18px; line-height: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px;}
.foot .right .contact ul ol{ float: left;}
.foot .right .contact ul ol li,.foot .right .contact ul ol li a{ color: #fff; font-size: 14px; line-height: 14px;}
.foot .right .contact ul ol li{ margin-bottom: 10px;}

/*foot bottom*/

.foot .bottom{ position: absolute; left: 0; bottom: 0; width: 100%; background: #659c00; height: 40px; line-height: 40px;}
.foot .bottom .db-nr{ position: relative; z-index: 66; padding-left: 310px;}
.foot .bottom .db-nr a,.bottom .db-nr span{ color: #fff; font-size: 14px;}
.foot .right .link ul li a:hover,.foot .right .contact ul ol li a:hover,.foot .bottom .db-nr a:hover{ color: #fc8301;}
