*{ 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;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 0 auto 30px; text-align: center;}
.more-title p{ color: #333; font-size: 30px; line-height: 31px;}
.more-title b{ color: #0d984b;}
.more-title i{ color: #666; font-size: 18px;display: block;}

/*header*/

.header{width: 100%;}

/*header h_nr_1*/

.header .h_nr_1{ width: inherit;background: #333;}
.header .header_top{ height: 38px;line-height: 38px;}
.header .header_top .left{ color: #ccc; font-size: 14px;}
.header .header_top .right dd{ display: inline-block; vertical-align: top; margin-right: 12px;}
.header .header_top .right dd+dd+dd{ margin-right: 0;}
.header .header_top .right dd a{ color: #ccc; font-size: 14px; display: inline-block; vertical-align: top;}
.header .header_top .right dd a:hover{ color: #009b4d;}
.header .header_top .right dd img{ vertical-align: middle; margin: -3px 6px 0 0;}

/*header h_nr_2*/

.header .h_nr_2{ width: inherit;}
.header .h_nr_2 .header_medium{ padding: 15px 0 10px;}
.header .h_nr_2 .header_medium>div{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .header_medium .logo{ width: 210px;height: 90px;}
.header .h_nr_2 .header_medium .wb{ margin: 0 0 0 0;}
.header .h_nr_2 .header_medium .wb p b{ font-size: 30px;color: #333;line-height: 50px;}
.header .h_nr_2 .header_medium .wb p i{ font-size: 18px;line-height: 25px;color: #999;}
.header .h_nr_2 .header_medium .right{float: right; margin: 15px 0 0 0;}
.header .h_nr_2 .header_medium .right>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .header_medium .right .rx{ background: url(../images/headrx.png)no-repeat; width: 286px; height: 71px; text-align: center; padding: 10px 65px 0 0;}
.header .h_nr_2 .header_medium .right .rx p{ font-size: 14px; line-height: 18px; color: #fff; margin: 0 0 5px 0;}
.header .h_nr_2 .header_medium .right .rx b{ font-size: 20px;line-height: 30px;color: #fff;font-family: 方正兰亭特黑简体;}

/*header nav*/

.header .nav{ background-color: #fff; width: 100%; height: 65px; border-top: 1px solid #f1f1f1; overflow: hidden;}
.header .nav .nav-content {}

.header .nav .nav-content ul li{ float: left; position: relative; height: 65px; text-align: center; margin-right: 38px;}
.header .nav .nav-content ul li:before{ content: ""; width: 0; height: 2px; background: #0d984b; position: absolute; left: 50%; top: 0; width: 0; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; visibility: hidden;}
.header .nav .nav-content ul li.on:before,.header .nav .nav-content ul li:hover:before{ width: 100%; left: 0; visibility: visible;}
.header .nav .nav-content ul li p{ height: 65px; line-height: 40px; padding: 5px 0 0 0;}
.header .nav .nav-content ul .tsli{ margin-right: 0;}
.header .nav .nav-content ul li a{ color: #333; font-size: 16px; position: relative; display: block;}
.header .nav .nav-content ul li a i{ line-height: 0; color: #999; font-size: 12px; display: block;}
.header .nav .nav-content ul li.on p, .header .nav .nav-content ul li:hover p, .header .nav .nav-content ul li:hover p i, .header .nav .nav-content ul li.on p i{ color: #009b4d;}

/*首页banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 48%; bottom: 15px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 30px; height: 6px; background: #fff;margin-right: 20px; cursor: pointer;border: 1px solid #0d984b;}
.slideBox .hd ul li.on{ background: #0d984b;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; height: 56px; line-height: 56px;background: #fff;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #fff; font-size: 16px; background: #0d984b; display: inline-block; border-radius: 16px; text-align: center; height: 32px; line-height: 32px; width: 97px; margin-right: 46px; font-weight: bold;}
.search-keywords .wb > a{ color: #666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #0d984b;}
.search-keywords .wb i{ margin: 0 7px 0 10px; color: #666; font-size: 14px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 242px; line-height: 33px; height: 33px; z-index: 99; position: relative; margin-top: 15px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; height: 33px; background: none; line-height: 33px; color: #666; border-radius: 5px; padding-left: 27px; outline: none; border: none; width: 85%; font-size: 14px;}
.search-form #s_btn{ width: 36px; height: 33px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{
	/* WebKit browsers */
	color: #666;}
#searchForm .search-input:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: #666;}
#searchForm .search-input::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: #666;}
#searchForm .search-input:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: #666;}

/*product*/

.product{ padding: 40px 0 0;}

/*product pro-left*/

.product .pro-left{ width: 266px; margin-right: 24px; overflow: hidden;}
.product .pro-left .bt{ width: 266px; text-align: center; background: url(../images/prot.png)no-repeat; height: 128px; padding: 30px 0 0 0;}
.product .pro-left .sideMenu{ border: 1px solid #999; padding: 10px 15px 25px 20px; background: #f1f1f1;}
.product .pro-left .sideMenu h6,.product .pro-left .sideMenu h5{ padding-bottom: 5px; border-bottom: 1px solid #0d984b;margin: 11px 0 10px;}
.product .pro-left .sideMenu h6 a,.product .pro-left .sideMenu h5 a{ color: #0d984b; font-size: 18px;font-weight: bold;}
.product .pro-left .sideMenu h6 img,.product .pro-left .sideMenu h5 img{ vertical-align: middle; margin: -5px 0 0 7px;}
.product .pro-left .sideMenu ul li,.product .pro-left .sideMenu dl li{ line-height: 30px; margin-bottom: 10px;}
.product .pro-left .sideMenu ul li a:before,.product .pro-left .sideMenu dl li a:before{ content: url(../images/icon1.png); width: 10px; height: 10px; display: inline-block; vertical-align: top; margin: 0 8px 0 0;}
.product .pro-left .sideMenu ul li a:hover:before,.product .pro-left .sideMenu dl li a:hover:before{ content: url(../images/icon2.png);}
.product .pro-left .sideMenu ul li a,.product .pro-left .sideMenu dl li a{ font-size: 16px; color: #666;display: inline-block;}
.product .pro-left .bottom{ background: url(../images/prod.png)repeat; height: 242px; width: 266px; padding: 30px 15px 0 20px;}
.product .pro-left .bottom img{ vertical-align: middle; margin-right: 17px;}
.product .pro-left .bottom .phrx{ text-align: left; margin: 25px 0 0 0;}
.product .pro-left .bottom .phrx p{ font-size: 22px; color: #fff; line-height: 22px; vertical-align: middle; display: inline-block;}
.product .pro-left .bottom .phrx i{font-size: 14px; display: block; line-height: 30px;}
.product .pro-left .bottom .ljdz{ font-size: 30px; color: #fff; text-align: left; border-bottom: 1px dashed #fff; padding-bottom: 20px;}

/*product right*/

.product .right{ width: 910px;overflow: hidden;}
.product .right .moretop{ background: url(../images/prormore.png)no-repeat; height: 39px; line-height: 39px; padding: 0 17px 0 0; margin-bottom: 20px;}
.product .right .moretop a:hover{ color: #333;}
.product .right .moretop a{ float: right; font-size: 18px; color: #fff; text-transform: uppercase;}
.product .right ul{ overflow: hidden;}
.product .right ul li{ float: left; position: relative; width: 290px; margin: 0 20px 15px 0; overflow: hidden;height: 288px;}
.product .right ul li:first-child+li+li,.product .right ul li:first-child+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li{ margin: 0 0 20px 0;}
.product .right ul li .pic{ text-align: center; background: #fff; border: 1px solid #e8e8e8; width: 290px; height: 250px; overflow: hidden;}
.product .right ul li .pic img{ width: 100%;}
.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .right ul li .mc img{ vertical-align: middle;}
.product .right ul li .mc i{ display: inline-block; vertical-align: middle; margin-left: 23px;}
.product .right ul li .mc{ position: absolute; left: 0; bottom: 0; padding-left: 5px; background: url(../images/probq.png)no-repeat; width: 100%; height: 51px; line-height: 51px; font-size: 16px; color: #fff;}

/*con1*/

.con1{ padding-top: 45px;}
.con1 .nr{position: relative;}
.con1 .nr .hd ul{ margin: 0 80px 0 110px;}
.con1 .nr .hd ul li{ display: inline-block; vertical-align: middle; width: 201px; height: 50px; color: #666; font-size: 16px; line-height: 50px; background: #fff; cursor: pointer; padding: 0 0 0 25px; margin-right: 199px;}
.con1 .nr .hd ul li i{ display: inline-block; vertical-align: middle; background: url(../images/qq1.png)no-repeat; width: 10px; height: 10px; margin: -4px 7px 0 0;}
.con1 .nr .hd ul li.on{ background: #0d984b; color: #fff;}
.con1 .nr .hd ul li.on i{ background: url(../images/qq2.png)no-repeat;}
.con1 .nr .bdnr{ padding: 20px 0 0 0; position: relative;z-index: 12;}
.con1 .nr .carpet{ position: absolute; left: 0; top: 110px;}
.con1 .nr .bdnr .cp_xj{ position: relative; z-index: 12; padding: 0 110px 0 80px; height: 420px;}
.con1 .nr .bdnr .cp_xj .cp_pic{ width: 536px; height: 357px; overflow: hidden;border: 1px solid #ccc;}
.con1 .nr .bdnr .cp_xj .cp_pic img{ width: 100%;}
.con1 .nr .bdnr .cp_xj .cp_js{ width: 367px; padding: 90px 0 0 0;}
.con1 .nr .bdnr .cp_xj .cp_js h6{ font-size: 30px; color: #0d984b; line-height: 30px; height: 77px;}
.con1 .nr .bdnr .cp_xj .cp_js h6 b{ font-size: 13px; color: #999; text-transform: uppercase; display: block;}
.con1 .nr .bdnr .cp_xj .cp_js h6 hr{ outline: none; border: none; width: 47px; height: 2px; display: inline-block; vertical-align: top; margin: 7px 0 10px 0; background: #0d984b;}
.con1 .nr .bdnr .cp_xj .cp_js p{ font-weight: bold; font-size: 18px; color: #666;}
.con1 .nr .bdnr .cp_xj .cp_js i{ font-weight: normal; font-size: 15px; color: #666; line-height: 33px;}
.con1 .nr .bdnr .bd ul li{ float: left; position: relative; width: 320px!important; height: 216px; overflow: hidden; margin: 0 40px 0 0;border: 1px solid #ccc;}
.con1 .nr .bdnr .bd ul li .mc{ position: absolute; left: 0; bottom: 0; background: url(../images/yyc.png)no-repeat; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #333;}
.con1 .nr .bdnr .bd .tempWrap{ margin: 0 0 0 80px;}
.con1 .nr .bdnr .bd ul li:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.con1 .nr .bdnr .bd .btn{ position: absolute; top: 530px; width: 45px; height: 45px; cursor: pointer; z-index: 12;}
.con1 .nr .bdnr .bd .btn_prev{ left: 0;}
.con1 .nr .bdnr .bd .btn_next{ right: 0;}

/*smallbanner1*/

.smallbanner1{ background: url(../images/sbanner1.png)no-repeat; background: url(../images/sbanner1.png)\9 no-repeat; background-size: cover; height: 333px; width: 100%; margin: 50px 0 0;}
.smallbanner1 .nr{ padding: 10px 0 0; position: relative;}
.smallbanner1 .nr .top>div{ display: inline-block; vertical-align: middle;}
.smallbanner1 .nr .top .font p{ font-weight: bold; font-size: 30px; color: #fff; line-height: 31px; margin-bottom: 10px;}
.smallbanner1 .nr .top .font p span{ color: #0d984b;}
.smallbanner1 .nr .top .font b{ text-transform: uppercase; color: #999; font-size: 12px; display: block; margin-bottom: 5px;}
.smallbanner1 .nr .top .font i{ color: #fff; font-size: 18px;}
.smallbanner1 .nr .hzhb{ margin: 15px 0 0 0;}
.smallbanner1 .nr .hzhb ul li{ float: left; width: 193px; height: 193px; margin: 0 8px 0 0;}
.smallbanner1 .nr .top .rx{float: right; width: 333px; height: 96px; background: #009a4c; border-radius: 10px; text-align: center; padding: 25px 0 0 0;}
.smallbanner1 .nr .top .rx>dd{ display: inline-block; vertical-align: middle; text-align: left;}
.smallbanner1 .nr .top .rx dd+dd{ margin: 0 0 0 6px;}
.smallbanner1 .nr .top .rx dd p{ color: #fff; font-size: 16px; line-height: 16px;}
.smallbanner1 .nr .top .rx dd b{ color: #fff; font-size: 28px; font-weight: bold; line-height: 32px;}

/*advantage*/

.ysbg {padding: 70px 0 0;width: 100%;background: url(../images/ysbg.png)no-repeat center;height: 1821px;}
.advantage {}

.advantage ul li {}

.advantage ul li .js{ padding: 50px 0 0 35px;}
.advantage ul li .js dt p{ color: #333; font-size: 26px; margin-bottom: 11px;}
.advantage ul li .js dt p i{ color: #0d984b;}
.advantage ul li .js dt b{ color: #999; font-size: 14px; text-transform: uppercase;display: block;}
.advantage ul li .js dt hr{ outline: none; border: none; width: 40px; height: 3px; display: inline-block; vertical-align: top; margin: 7px 0 10px 0; background: #0d984b;}
.advantage ul li .js dd{ color: #666; font-size: 16px; width: 615px; margin-bottom: 10px;}
.advantage ul li .js dd:before{ content: "●"; font-size: 16px; color: #0d984b; display: inline-block; vertical-align: top; margin: -1px 5px 0 0;}
.advantage ul .tsli .js dd{ color: #fff!important;}
.advantage ul .tsli .js dt b{ color: #ccc!important;}
.advantage ul .tsli .js dd:before{ color: #fff!important;}
.advantage ul .tsli2 .js dt p{ color: #fff;}
.advantage ul .tsli2 .js dt p i{ color: #333;}
.advantage ul .tsli2 .js hr{ background: #fff;}

/*smallbanner2*/

.smallbanner2{ margin: 50px 0 0;background: url(../images/sbanner2.png)no-repeat center; background-size: cover; background: url(../images/sbanner2.png)\9 no-repeat center; height: 338px; width: 100%;}
.smallbanner2 .nr{ padding: 14px 0 0;}
.smallbanner2 .nr .top {}

.smallbanner2 .nr .top>div{ display: inline-block; vertical-align: middle;}
.smallbanner2 .nr .top .font{ padding-left: 170px;}
.smallbanner2 .nr .top .rx{ width: 333px; height: 96px; background: #009a4c; border-radius: 10px; text-align: center; padding: 25px 0 0 0;}
.smallbanner2 .nr .top .rx>dd{ display: inline-block; vertical-align: middle; text-align: left;}
.smallbanner2 .nr .top .rx dd+dd{ margin: 0 0 0 6px;}
.smallbanner2 .nr .top .rx dd p{ color: #fff; font-size: 16px; line-height: 16px;}
.smallbanner2 .nr .top .rx dd b{ color: #fff; font-size: 28px; font-weight: bold; line-height: 32px;}
.smallbanner2 .nr ul{ position: relative; padding: 15px 0 0 0;}
.smallbanner2 .nr ul .xx{ position: absolute; left: 0; top: 65px;}
.smallbanner2 .nr ul li{ text-align: center; float: left; width: 120px; margin-right: 34px;position: relative;z-index: 12;}
.smallbanner2 .nr ul li .pic{ background: url(../images/lcbg.png)no-repeat; width: 120px; height: 120px; text-align: center; line-height: 120px;}
.smallbanner2 .nr 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 .nr 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 .nr ul li .hr{ display: inline-block; vertical-align: top; width: 24px; height: 2px; background: #009a4c; margin: 10px 0 0;}
.smallbanner2 .nr ul li p{ color: #ccc; font-size: 12px; text-transform: uppercase;margin: 5px 0 0 0;}
.smallbanner2 .nr ul li b{ font-weight: bold; color: #fff; font-size: 18px; display: block;}

/*customer_witness*/

.customer_witness{ padding: 50px 0 0;}
.customer_witness .nr{ position: relative;}
.customer_witness .nr .xx{ position: absolute; top: 0;}
.customer_witness .nr .xxz{ left: 250px;}
.customer_witness .nr .xxy{ right: 250px;}
.customer_witness .nr ul li{ float: left; margin-right: 20px;}
.customer_witness .nr ul li .pic{ text-align: center; position: relative; width: 279px; height: 280px; margin: 0 auto; overflow: hidden;}
.customer_witness .nr ul li .img{ position: relative; z-index: 12; overflow: hidden; padding: 5px 0 0 0px;}
.customer_witness .nr ul li .img img{ width: 270px; height: 270px;}
.customer_witness .nr ul li .icon{ 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; position: absolute;left: 0; top: 0; background: url(../images/casebg.png)no-repeat; width: 279px; height: 280px; overflow: hidden;}
.customer_witness .nr ul li .js_nr{ width: 386px; height: 496px; border: 1px solid #ccc; background: #f1f1f1; text-align: center; padding: 180px 50px 0; margin-top: -160px;}
.customer_witness .nr ul li .js_nr dt p{ color: #009a4c; font-size: 20px; line-height: 21px; font-weight: bold;}
.customer_witness .nr ul li .js_nr dt hr{ width: 167px; height: 1px; background: #009a4c; border: none; outline: none; display: inline-block; vertical-align: top; margin: 10px 0;}
.customer_witness .nr ul li .js_nr dt b{ color: #333; font-size: 22px; line-height: 22px; display: block; margin: 0 0 15px 0;}
.customer_witness .nr ul li .js_nr dd{ width: 284px; color: #666; font-size: 16px; line-height: 30px; text-align: justify;}
.customer_witness .nr ul li:hover .js_nr{ background: #009a4c;}
.customer_witness .nr ul li:hover .js_nr p,.customer_witness .nr ul li:hover .js_nr b,.customer_witness .nr ul li:hover .js_nr dd{ color: #fff!important;}
.customer_witness .nr ul li:hover .js_nr hr{ background: #fff;}
.customer_witness .nr ul li:hover .pic .icon{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}

/*see_plant*/

.see_plant{ padding: 50px 0 0;}
.see_plant .nr{ position: relative;}
.see_plant .nr .left{ width: 747px; height: 425px; overflow: hidden;}
.see_plant .nr .right{ width: 430px;}
.see_plant .nr .right .qyxc{ padding-right: 65px;}
.see_plant .nr .right .qyxc .bd{ width: 365px!important; height: 425px!important; overflow: hidden;}
.see_plant .nr .right .qyxc .bd ul li{ width: 365px; height: 202px; position: relative; overflow: hidden; margin-bottom: 21px;}
.see_plant .nr .right .qyxc .bd ul li:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.see_plant .nr .right .qyxc .bd ul li img{ width: 100%;}
.see_plant .nr .right .qyxc .bd ul li .mc{ background: url(../images/yyc2.png)no-repeat; width: 100%; height: 34px; line-height: 34px; position: absolute; left: 0; bottom: 0; overflow: hidden; text-align: center; color: #333; font-size: 16px;}
.see_plant .nr .btnzx{ background: url(../images/factoryxx.png)no-repeat; width: 2px; height: 424px; position: absolute; right: 25px; top: 0;}
.see_plant .nr .btnzx .btn{ position: absolute; cursor: pointer; width: 41px; height: 41px; z-index: 12; left: -20px;}
.see_plant .nr .btnzx .qyxc_prev{ top: 156px;}
.see_plant .nr .btnzx .qyxc_next{ top: 228px;}

/*about*/

.aboutbg{ margin: 50px 0 0 0; background: #f4f4f4;}
.about{ padding: 25px 0 0 0;}
.about .left{ width: 587px;}
.about .left img{ vertical-align: middle;}
.about .right{ width: 590px; padding: 55px 0 0;}
.about .right dt p{ margin-bottom: 8px;}
.about .right dt b{ color: #0d984b; font-size: 24px; line-height: 24px;}
.about .right dd h6{ color: #333; font-size: 18px; margin: 30px 0 9px;}
.about .right dd p{ color: #666; font-size: 14px; line-height: 24px;}
.about .right dd{ height: 165px; overflow: hidden;}
.about .right .more:hover{ color: #333;}
.about .right .more{ width: 100px; height: 30px; text-align: center; line-height: 30px; background: #0d984b; color: #fff; border-radius: 5px; display: inline-block; vertical-align: top; font-size: 14px;}

/*company_power*/

.company_power{ padding: 30px 0;}
.company_power .nr{ position: relative;}
.company_power .nr .hd{ text-align: center; position: relative;}
.company_power .nr .hd ul{ display: inline-block; overflow: hidden; margin: 0 0 0 -13px;}
.company_power .nr .hd ul li{ width: 203px; height: 52px; float: left; line-height: 52px; border: 1px solid #ccc; text-align: center; color: #999; font-size: 20px; z-index: 12; position: relative; cursor: pointer;}
.company_power .nr .hd ul li:first-child{ margin-right: 52px;}
.company_power .nr .hd ul li:first-child+li{ margin-left: 43px;}
.company_power .nr .hd ul li.on{ background: #0d984b; color: #fff;}
.company_power .nr .hd .xx{ position: absolute; left: 0; top: 15px;}
.company_power .nr .hd .wrong{ position: absolute; left: 583px; top: 15px;}
.company_power .nr .bdnr{ padding: 15px 0 0 0;}
.company_power .nr .bdnr .bd{ position: relative; padding: 0 70px 0 73px;}
.company_power .nr .bdnr .bd ul li{ float: left; width: 234px; height: 303px; overflow: hidden; margin-right: 30px;}
.company_power .nr .bdnr .bd ul li .pic{ width: 234px; height: 303px; overflow: hidden;}
.company_power .nr .bdnr .bd .btn{ position: absolute; top: 130px; width: 45px; height: 45px; cursor: pointer; z-index: 12;}
.company_power .nr .bdnr .bd .btn_prev{ left: 0;}
.company_power .nr .bdnr .bd .btn_next{ right: 0;}

/*new*/

.new{ padding: 50px 0 0;}
.new .content {}

.new .content .top{ width: 371px; background: url(../images/new-title-bg.png)no-repeat; height: 39px; line-height: 39px;}
.new .content .three .top{ width: 418px; background: url(../images/new-title-bg2.png)no-repeat;}
.new .content .top span{ color: #0d984b; font-size: 18px; margin-left: 15px;}
.new .content .top a{ float: right; color: #fff; font-size: 16px; margin: 0 20px 0 0; text-transform: uppercase;}
.new .content .top a:hover{ color: #000; font-weight: bold;}
.new .content .one,.new .content .two,.new .content .three{ display: inline-block; margin-right: 16px; vertical-align: top;}
.new .content .db a span{ display: inline-block;}
.new .content .db a span:before{ content: "•"; color: #666; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.new .content .db{ margin-top: 20px;}
.new .content .db a{ color: #666; font-size: 14px;}
.new .content .db ul li{ border-bottom: 1px dashed #e8e8e8; padding-bottom: 5px; padding-top: 10px;}
.new .content .db ul li a:hover{ color: #0d984b;}
.new .content .db ul li a:hover span:before{ color: #0d984b;}
.new .content .db .pic img{ width: 100%;}
.new .content .db .pic{ width: 371px; height: 200px; overflow: hidden;}
.new .content .db .pic:hover img{ transform: scale(1.1, 1.1); transition: 300ms;}
.new .content .three .db{ margin-top: 18px;}
.new .content .three .db ul li{ border-bottom: 1px dashed #e8e8e8; line-height: 25px; height: 97px!important;width: 418px;}
.new .content .three .db ul li:first-child{ border-top: 1px dashed #e8e8e8;}
.new .content .three .db ul li a{ margin-left: 3px; display: inline-block; vertical-align: middle;}
.new .content .three .db .wen:before{ content: url(../images/wen.png); display: inline-block; vertical-align: top;width: 30px;height: 30px;}
.new .content .three .db .da:before{ content: url(../images/da.png); display: inline-block; vertical-align: top;width: 30px;height: 30px;}
.new .content .three .wen{ margin-bottom: 12px;}
.new .content .three .da {}


/*foot*/

.foot{ width: 100%;margin: 50px 0 0;}
.foot .footnavbg{ background: #0d984b; height: 58px; line-height: 58px;}
.foot .footnavbg .nav .nav-content ul li{ float: left; position: relative; height: 58px; text-align: center; margin-right: 38px;}
.foot .footnavbg .nav .nav-content ul li p{ height: 58px; line-height: 35px;}
.foot .footnavbg .nav .nav-content ul .tsli{ margin-right: 0;}
.foot .footnavbg .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block;}
.foot .footnavbg .nav .nav-content ul li a i{ line-height: 12px; color: #dfdfdf; font-size: 12px; display: block;}
.foot .footnavbg .nav .nav-content ul li:hover p, .foot .footnavbg .nav .nav-content ul li:hover p i{ color: #333;}
.foot .footbg{ background: #333; width: 100%; height: 245px;}
.foot .content{ padding: 60px 0 0;}
.foot .content>div{ float: left;}
.foot .content .left{ width: 224px; height: 121px;}
.foot .content .right{ width: 240px; height: 119px; text-align: right;}
.foot .content .zb{ padding: 0 0 0 40px;width: 735px;}
.foot .content .zb ul li{ float: left; margin-right: 15px;}
.foot .content .zb ul li a{ color: #ccc; font-size: 14px;}
.foot .content .zb ul li:first-child{ font-size: 16px; color: #ccc;}
.foot .content .zb ul li img{ vertical-align: middle; margin: 0 37px 0 30px;}
.foot .content .zb dt{ color: #ccc; font-size: 14px; margin: 5px 0 5px;}
.foot .content .zb dd p{ line-height: 24px; color: #bfbfbf; font-size: 14px;}
.foot .content .zb dd p img{ margin-right: 5px;}
.foot .content .zb dd{ display: inline-block; vertical-align: top;}
.foot .footdb{ width: 100%; background: #333; height: 45px; line-height: 45px;border-top: 1px solid #999;}
.foot .footdb .bottom,.foot .footdb .bottom a{ text-align: center; font-size: 14px; color: #fff;}
.foot .footdb .bottom a:hover,.foot .content ul li a:hover{ color: #0d984b;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}