body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i,dl{margin:0; padding:0;}
*{margin:0; padding:0;}
li,i{list-style:none;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; clear:both;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#333;}
a{font-size:14px; color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1300px;}
.box,.content,.w1200,.width-1200{ width:1300px!important; margin:0 auto;}
.w1200{ width:1300px; margin:auto; position:relative;}
.w1300{ width:1300px; margin:auto; position:relative;}
i{ font-style:normal;}
em{ font-style:normal;}
.noright{ border-right:none !important; padding-right:0px !important; margin-right:0px !important;}


@font-face {
	font-family: bah;
	src: url('/font/bahnschrift.eot');
	src:
		url('/font/bahnschrift.eot?#iefix') format('embedded-opentype'),
		url('/font/bahnschrift.eot?#iehack') format('eot'), /* IE6-IE8 */
		url('/font/bahnschrift.woff') format('woff'),
		url('/font/bahnschrift.ttf') format('truetype');
}
 


.header_top{}
.header_top .active{background: #fff; height: 100px;transition: 0.3s;}
.header_top .active .logo{margin-top: 24px; transition: 0.3s;}
.header_top .active .nav{transition: 0.3s; margin-top: 30px;}
.header_top .active .tel{transition: 0.3s; margin-top: 32px;}
._header{position: fixed; top: 0; z-index: 9999; height: 180px; width: 100%;}
._header .logo{margin-top: 56px; float: left; transition: 0.3s;}
._header .logo a img{}
._header .nav{margin-top: 64px; float: left; margin-left: 180px; transition: 0.3s;}
._header .nav ul{}
._header .nav ul li{ float: left; text-align: center; margin-right: 50px;}
._header .nav ul li em{font-size: 16px; display: block; margin-bottom: 2px;}
._header .nav ul li i{display: block; font-size: 12px; font-weight: 100; text-transform: capitalize; opacity: 0.6; transition: 0.3s;}
._header .nav ul li:hover i{letter-spacing: 1px; transition: 0.3s;}
._header .tel{float: left; font-family: "bah"; font-size: 32px; margin-top: 66px; margin-left: 40px;transition: 0.3s;}
._header .tel i{content: ""; display: block; height: 32px; width: 32px; background: #ff4d00; position: relative; border-radius: 4px; float: left; margin-right: 14px; margin-top: 0px; transition: 0.3s;}
._header .tel:hover i{background: #36963d; transition: 0.3s; border-radius: 6px;}
._header .tel i img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}



.banner_nr{height:160px; color:#333; text-align: left; background: none !important;}
.banner_nr p{font-size:46px; font-weight:bold; padding-top:220px; display: none;}
.banner_nr span{font-size:14px; text-transform: uppercase; opacity: 0.5; letter-spacing: 1px; padding-top:6px; display: none;}

.banner_nr1{height:160px; color:#333; text-align: left; background: none !important;}
.banner_nr1 p{font-size:46px; font-weight:bold; padding-top:220px; display: none;}
.banner_nr1 span{font-size:14px; text-transform: uppercase; opacity: 0.5; letter-spacing: 1px; padding-top:6px; display: none;}



/* banner */
.banner{ overflow: hidden;background:#eee;}
.banner-box{ min-width:1200px; height:900px; position:relative; margin:0 auto;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{ height:900px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; width: 100%; height:900px;}
.banner-btn{ width: 100%; position: absolute; bottom:50px; left: 0; margin-left: 0; height:15px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:90px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20180531/20180531144426_364796552.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20180531/20180531144426_364796552.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:-4px; width: 100%; display: block; }
.banner-box .hd ul { width: 1100px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:10px; height:10px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background:#3aa242; width:40px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.popular_ms{font-size: 110px; font-family: "bah"; text-transform: uppercase; color:#f8f8f8; letter-spacing: 2px; margin-left: -6px; margin-top: 12px;}
.popular{background: url(/images/popular.jpg) center no-repeat; height: 959px;}
.popular_title{padding-top: 70px; position: relative;}
.popular_title::after{content: ""; background: url(/images/popular_d.png) no-repeat; height: 20px; width: 11px; position: absolute; left: 42px; top: 92px; z-index: 0;}
.popular_title em{font-size: 36px; font-weight: 100; float: left; position: relative; z-index: 1;}
.popular_title i{display: block; float: left; font-weight: 100; text-transform: uppercase; color:#ccc; position: absolute; left: 160px; top: 78px;}

/* tabbtn */
.popular_tab .tabbtn{margin-top: 20px;}
.popular_tab .tabbtn li{width: 244px; height: 92px; background: linear-gradient(to left, #f9f9f9, #f1f1f1); position: relative; overflow: hidden; transition:ease-in 0.3s; float: left; margin-right: 20px;}
.popular_tab .tabbtn li::after{content: ""; width: 500px; height: 500px; border-top-right-radius: 100%; position: absolute; left: -254px; top: 0; z-index: 1; transition:ease-in 0.3s;}
.popular_tab .tabbtn li a{display: block; position: relative; z-index: 2; transition: 0.6s;}
.popular_tab .tabbtn li.current{}
.popular_tab .tabbtn li.current a{color:#fff; transition: 0.6s;}
.popular_tab .tabbtn li.current::after{background: linear-gradient(to left, #ff7700, #ff4c00); transition:ease-in-out 0.5s; left: 0px; top: -90px;}
.popular_tab .tabbtn li.current a{}
.popular_tab .tabbtn li.current font{opacity: 0.15;}
.popular_tab .tabbtn li:nth-child(1) em{padding-left: 54px; }
.popular_tab .tabbtn li:nth-child(1) i{padding-left: 54px; }
.popular_tab .tabbtn li:last-child{margin-right: 0px;}
.popular_tab .tabbtn li em{font-size: 20px; font-weight: 100; display: block; padding-left: 60px; padding-top: 26px;}
.popular_tab .tabbtn li em b{font-weight: bold;}
.popular_tab .tabbtn li i{display: block; font-size: 12px; font-weight: 100; padding-left: 60px; opacity: 0.4;}
.popular_tab .tabbtn li font{position: absolute; font-family: "bah"; font-size: 70px; left: -16px; top: 8px; opacity: 0.05; z-index: 2;}
.popular_tab .tabbtn li::before{position: absolute; right: -40px; top: 60px; content: ""; width: 50px; height: 50px; border-radius: 100%; border: 12px #ccc solid; z-index: 2; opacity: 0.2; transition: 0.5s;}
.popular_tab .tabbtn li.current::before{border: 12px #fff solid; top: 10px; opacity: 0.1;}
/* tabcon */
.popular_tabcon{position:relative;/*必要元素*/}
.popular_tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.popular_tabcon .sublist{}
/**/
.popular_nr_title{}
.popular_nr_title b{font-size: 32px; display: block; float: left; position: relative;}
.popular_nr_title b::after{content: ""; position: absolute; left: -40px; top: 7px; width: 8px; height: 32px; background: #318839;}
.popular_nr_title i{display: block; float: left; padding-top: 18px; padding-left: 20px; font-size: 18px; font-weight: 100; color:#ddd}
.popular_nr_title em{display: inline-block; display:-moz-inline-stack; font-size: 22px; font-weight: 100; color:#666666; border-bottom: 1px #ddd solid; padding-bottom: 20px; padding-top: 6px;}
.popular_nr_features{margin-top: 20px;}
.popular_nr_features li{font-size: 18px; font-weight: 100; margin-bottom: 10px;}
.popular_nr_features li strong{}

.popular_nr_photos{margin-top: 80px;}
.popular_nr_photos_title{ position: relative;}
.popular_nr_photos_title::after{content: ""; display: block; width: 28px; height: 32px; background: url(/images/application.png) no-repeat; position: absolute; left: -50px; top: 3px;}
.popular_nr_photos_title p{font-size: 26px; font-weight: 100;}
.popular_nr_photos_title p strong{}
.popular_nr_photos_title em{font-weight: 100; font-size: 12px; opacity: 0.4; display: block;}
.popular_nr_photos_list{margin-top: 24px;}
.popular_nr_photos_list li{float: left; margin-right: 20px; transition: 0.4s; width: 206px; height: 150px;}
.popular_nr_photos_list li:hover{box-shadow: 0px 0px 30px #ccc; transition: 0.4s;}
.popular_nr_photos_list li img{width: 100%;}
.popular_img{position: absolute; right: 0; top: -40px; height: 540px;}
.popular_img img{height: 100%;}
.popular_tabcon .sublist:nth-child(1) .popular_img{right: -32%;}
.popular_tabcon .sublist:nth-child(4) .popular_img{right: -24%;}


/*product*/
.product{width: 1300px; margin: auto; margin-top: 88px;}
.product_left{float:left;}
.product_left .product_left_title{width: 340px; height: 160px; background: linear-gradient(to bottom, #3ba644, #318938); position: relative; border-top-left-radius: 10px;}
.product_left .product_left_title p{font-size: 34px; font-weight: bold; color:#fff; padding-top: 44px; padding-left: 96px;}
.product_left .product_left_title span{font-size: 12px; font-weight: 100; color:#fff; display: block; text-transform: uppercase; padding-top: 4px; opacity: 0.8; padding-left: 96px;}
.product_left .product_left_title::after{content: ""; background: url(/images/prod_class_i.png) no-repeat; width: 27px; height: 24px; display: block; position: absolute; top: 56px; left: 42px;}
.product_left .product_left_title i{background: url(/images/prod_class_b.png) no-repeat; width: 340px; height: 40px; position: absolute; right: 0; bottom: 0;}
.product_left .product_left_title::before{content: ""; width: 110px; height: 1px; background: #fff; position: absolute; bottom:59px; right:0; opacity: 0.4;}
.product_left .product_left_title em{display: block; width: 70px; height: 70px; border: 20px #fff solid; position: absolute; right: 0; top: 0; border-radius: 100%; right: -50px; top: -50px; opacity: 0.1;}
.product_left .product_left_class{width: 340px;}
.product_left .product_left_class ul{background: #f9f9f9;}
.product_left .product_left_class ul p{width: 340px; height: 92px; line-height: 92px; background: #333333; position: relative;}
.product_left .product_left_class ul p a{ color:#fff; font-size: 24px; font-weight: bold; padding-left: 40px;  display: block;}
.product_left .product_left_class ul p a em{position: absolute; right: 30px; top: 0; font-family: "fangsong"; font-weight: normal; color:#999; transition: 0.4s;}
.product_left .product_left_class ul p:hover a em{color:#ff4d00; font-weight: bold; letter-spacing: 2px; transition: 0.4s;}
.product_left .product_left_class ul p a::after{content: "class"; font-size: 12px; color:#999; font-weight: normal; text-transform: uppercase; position: absolute; top: -2px; right: 134px;}
.product_left .product_left_class ul p a::before{content: ""; width: 35px; height: 2px; display: block; background: #999; position: absolute; top:55px; right: 135px;}
.product_left .product_left_class ul li{height: 50px; line-height: 49px; width: 100%; border-bottom: 1px #e6e6e6 solid; position: relative; transition: 0.3s;}
.product_left .product_left_class ul li::after{content: ""; background: #ff4d00; width: 0%; height: 50px; position: absolute; left: 0; top: 0; transition: 0.3s;}
.product_left .product_left_class ul li:hover::after{width: 100%; transition: 0.3s;}
.product_left .product_left_class ul li:hover{border-bottom: 1px #ff4d00 solid;  transition: 0.6s;}
.product_left .product_left_class ul li a{ font-size: 16px; position: relative; z-index: 2; transition: 0.3s; display: block;}
.product_left .product_left_class ul li:hover a{color:#fff; transition: 0.3s;}
.product_left .product_left_class ul li a i{padding-left: 40px; padding-right: 14px;}
.product_right{float: right; width: 920px; margin-top: 46px;}
.product_right .product_right_title{position: relative;}
.product_right .product_right_title b{display: block; border-bottom: 2px #eee solid; margin-bottom: 2px;}
.product_right .product_right_title::before{content: ""; background: url(/images/prod_right_i.png) no-repeat; width: 27px; height: 27px; display: block; position: absolute; left: 0; top: 7px;}
.product_right .product_right_title p{font-size: 28px; font-weight: 100; position: absolute; top: 0; left: 44px;}
.product_right .product_right_title p strong{}
.product_right .product_right_title em{display: block; font-size: 12px; position:relative; top:4px; left: 168px; color:#ccc;}
.product_right .product_right_title a i{position: absolute; right: 18px; top: 10px; color:#999999; z-index: 1; transition: 0.5s;}
.product_right .product_right_title a::after{ content: "more"; display: block; position: absolute; right: 0; top: 0; color:#f6f6f6; text-transform: uppercase; font-size: 30px; font-weight: bold; z-index: 0; transition: 0.3s;}
.product_right .product_right_title a:hover i{opacity: 0; transition: 0.3s;}
.product_right .product_right_title a:hover::after{color:#FF4D00; transition: 0.5s;}
.product_right .product_right_list{margin-top: 34px;}
.product_right .product_right_list ul{}
.product_right .product_right_list ul li{width: 296px; float: left; margin-right: 16px; margin-bottom: 16px;}
.product_right .product_right_list ul li:nth-child(3n){margin-right: 0px;}
.product_right .product_right_list ul li a{}
.product_right .product_right_list ul li a i{display: block; width: 294px; height: 294pxss; overflow: hidden; border-left: 1px #dedede solid; border-top: 1px #dedede solid; border-right: 1px #dedede solid;}
.product_right .product_right_list ul li a i img{width: 100%;}
.product_right .product_right_list ul li a p{background: #eeeeee; width: 100%; height: 84px; position: relative; transition: 0.3s;}
.product_right .product_right_list ul li a p b{display: block; font-size: 17px; padding-top: 20px; padding-left: 30px;}
.product_right .product_right_list ul li a p em{display: block; font-size: 12px; opacity: 0.6; padding-top: 5px; padding-left: 30px;}
.product_right .product_right_list ul li a p q{ background: #ccc; position: absolute; right: 0; top: 0; height: 100%; width: 34px; transition: 0.3s;}
.product_right .product_right_list ul li a p q::after{content: "more"; position: absolute; right: -6px; top: 33px; transform:rotate(90deg); text-transform: uppercase; font-weight: bold; color: #fff;}
.product_right .product_right_list ul li a p q::before{content: ""; }
.product_right .product_right_list ul li:hover a p{background: #318839; color:#fff; transition: 0.3s;}
.product_right .product_right_list ul li:hover a p q{ background: #ff4d00; transition: 0.3s;}
.product_right .product_right_list ul li a p q::after{content: "more"; position: absolute; right: -6px; top: 33px; transform:rotate(90deg); text-transform: uppercase; font-weight: bold; color: #fff;}
.product_right .product_right_list ul li a p q::before{content: ""; }
.product_right .product_right_list{}
.product_right .product_right_list{}


/*craft*/
.craft{background: url(/images/craft_01.jpg) center top no-repeat; height: 800px; margin-top: 30px; position: relative;}
.craft .w1300::after{content: ""; background: url(/images/craft_left.png) no-repeat; display: block; width: 900px; height: 619px; position: absolute; left: -310px; top: 90px;}
.craft .craft_01{position: absolute; right: 280px; top: 110px; color:#fff;}
.craft .craft_01 em{font-size: 18px; font-weight: 100; opacity: 0.3; display: block;}
.craft .craft_01 p{font-size: 60px; font-weight: 100;}
.craft .craft_01 span{font-size: 26px; font-weight: 100;padding-top: 4px; display: block;}
.craft .craft_list{position: absolute; top: 376px; right: 0; transition: 0.3s;}
.craft .craft_list ul{}
.craft .craft_list ul li{width: 186px; height: 300px; background: #eeeeee; position: relative; overflow: hidden; float: left; margin-left: 34px; transition: 0.4s;}
.craft .craft_list ul li.craft_hover{background: linear-gradient(to bottom, #3eaf47, #318938); color:#fff; transition: 0.4s;}
.craft .craft_list ul li:nth-child(1) i{background: url(/images/craft_list_01.png) bottom no-repeat; width: 59px; height: 51px; transition: 0.4s;}
.craft .craft_list ul li.craft_hover:nth-child(1) i{background: url(/images/craft_list_01.png) top no-repeat; transition: 0.4s;}
.craft .craft_list ul li:nth-child(2) i{background: url(/images/craft_list_02.png) bottom no-repeat; width: 56px; height: 56px; transition: 0.4s;}
.craft .craft_list ul li.craft_hover:nth-child(2) i{background: url(/images/craft_list_02.png) top no-repeat; transition: 0.4s;}
.craft .craft_list ul li:nth-child(3) i{background: url(/images/craft_list_03.png) bottom no-repeat; width: 45px; height: 51px; transition: 0.4s;}
.craft .craft_list ul li.craft_hover:nth-child(3) i{background: url(/images/craft_list_03.png) top no-repeat; transition: 0.4s;}
.craft .craft_list ul li i{display: block; position: absolute; left: 22px; top: 32px; transition: 0.2s;}
.craft .craft_list ul li p{font-size: 24px; padding-top: 124px; padding-left: 22px;}
.craft .craft_list ul li span{font-weight: 100; display: block; padding-left: 22px; padding-right: 10px; padding-top: 8px; line-height: 24px; }
.craft .craft_list ul li em{display: block; position: absolute; bottom: 30px; left: 22px; font-size: 22px; font-weight: bold; opacity: 0.1;}
.craft .craft_list ul li b{display: block; position: absolute; top: -20px; right: 10px; font-family: "bah"; font-size:180px; font-weight: 100; opacity: 0.03; transition: 0.4s;}
.craft .craft_list ul li:nth-child(2) b{display: block; position: absolute; top: -20px; right: -24px; font-family: "bah"; font-size:180px; font-weight: 100; opacity: 0.03; transition: 0.4s;}
.craft .craft_list ul li:nth-child(3) b{display: block; position: absolute; top: -20px; right: -24px; font-family: "bah"; font-size:180px; font-weight: 100; opacity: 0.03; transition: 0.4s;}


/*quality*/
.quality{background: url(/images/quality.jpg) center top no-repeat; height: 914px;}
.quality .quality_title{text-align: center;}
.quality .quality_title p{font-size: 60px; font-weight: 100; color:#fff; padding-top: 100px;}
.quality .quality_title span{color:#fff; font-size: 22px; font-weight: 100; letter-spacing: 2px; opacity: 0.9; display: block; margin-top: 4px;}
.quality .quality_nr{width: 1420px; margin: auto; height: 550px; background: #fff; border-radius: 6px; margin-top: 60px;}
.quality .quality_nr .quality_nr_left{float: left;}
.quality .quality_nr .quality_nr_left p{}
.quality .quality_nr .quality_nr_left p em{display: block; font-weight: 100; color: #cccccc; position: absolute; top: 70px; left: 0;}
.quality .quality_nr .quality_nr_left p b{font-size: 30px; display: block; position: absolute; top: 88px; left: 0;}
.quality .quality_nr .quality_nr_left p i a{
	display: block;
	    position: absolute;
	    top: 48px;
	    left: 190px;
	    font-size: 92px;
	    color: #ff4d00;
	    font-family: "bah";
	    z-index: 1;
}
.quality .quality_nr .quality_nr_left p i::after{content: "种"; background: url(/images/yiqian.png) no-repeat; width: 42px; height: 26px; position: absolute; left: 319px; top: 97px; font-size: 16px; color:#fff; text-indent: 20px; line-height: 26px; z-index: 0;}
.quality .quality_nr .quality_nr_left p span{display: block; position: absolute; top: 80px; left: 378px; font-size: 36px;}
.quality .quality_nr .quality_nr_left .quality_use{width: 582px; height: 62px; border-radius: 6px; background: linear-gradient(to bottom, #3eaf47, #318938); color:#fff; position: relative; top:144px; left: 0; line-height: 58px;} 
.quality .quality_nr .quality_nr_left .quality_use::after{content: ""; background: url(/images/quality_use_i.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 17px; left: 24px; }
.quality .quality_nr .quality_nr_left .quality_use dl{font-size: 32px; font-weight: 100; text-indent: 70px; letter-spacing:1.5px;}
.quality .quality_nr .quality_nr_left .quality_list{position: relative; left: 0; top: 200px; font-size: 18px; line-height: 36px; padding-top: 6px; font-weight: 100; z-index: 1;}
.quality .quality_nr .quality_nr_left .quality_list ul{position: relative; z-index: 1;}
.quality .quality_nr .quality_nr_left .quality_list::after{content: ""; background: url(/images/quality_list_i.png) no-repeat; width: 722px; height: 236px; position: absolute; top: -20px; left: -60px; z-index: 0;}
.quality .quality_nr .quality_nr_right{float: right;}
.quality .quality_nr .quality_nr_right .quality_nr_right_title{}
.quality .quality_nr .quality_nr_right .quality_nr_right_title::after{content: ""; background: url(/images/test.png) no-repeat; height: 104px; width: 177px; position: absolute; top: 102px; right: 0;}
.quality .quality_nr .quality_nr_right .quality_nr_right_title b{font-size: 62px; color:#eeeeee; margin-top: 84px; display: block;}
.quality .quality_nr .quality_nr_right .quality_nr_right_title p{font-size: 32px; font-weight: bold;}
.quality .quality_nr .quality_nr_right .quality_nr_right_bg{margin-top: 34px;}


/*power*/
.power{margin-top: 60px;}
.power .power_title{text-align: center;}
.power .power_title p{font-size: 60px; font-weight: bold;}
.power .power_title p strong{color:#3ba443;}
.power .power_title p b{color:#ccc;}
.power .power_title span{display: block; font-size: 22px; font-weight: 100; margin-top:8px; letter-spacing: 1px; margin-bottom: 12px;}
.power .power_title em{font-size: 12px; font-weight: 100; color:#aaaaaa; display: block; margin-top: 2px; background: url(/images/power_em.jpg) no-repeat; width: 560px; height: 29px; margin: auto; position: relative;}
.power .power_title em i{display: block; position: absolute; left: 0; right: 0; top: -7px; margin: auto;}
.power_nr{width: 1300px; margin: auto; position: relative;}
.power_tabbtn{}
.power_tabbtn li{}
.power_tabbtn li a{}
/* tabbtn */
.power_tabbtn{float: left;}
.power_tabbtn li{float:left;position:relative; width: 242px; height: 198px; background: url(/images/power_em.jpg) no-repeat; background: linear-gradient(to bottom, #f9f9f9, #eeeeee); overflow: hidden;}
.power_tabbtn li::after{content: ""; width: 500px; height: 500px; background: linear-gradient(to bottom, #40b34a, #318938); position: absolute; top: 198px; left: -238px; transition: 0.5s; border-top-right-radius: 40%; z-index: 0;}
.power_tabbtn li i{display: block; position: absolute; z-index: 1; top: 40px; left: 50px;}
.power_tabbtn li:nth-child(1) i{background: url(/images/power_01.png)bottom no-repeat; width: 41px; height: 32px; transition: 0.5s;}
.power_tabbtn li.current:nth-child(1) i{background: url(/images/power_01.png) top no-repeat; transition: 0.5s;}
/**/
.power_tabbtn li:nth-child(2) i{background: url(/images/power_02.png)bottom no-repeat; width: 41px; height: 32px; transition: 0.5s;}
.power_tabbtn li.current:nth-child(2) i{background: url(/images/power_02.png) top no-repeat; transition: 0.5s;}
/**/
.power_tabbtn li:nth-child(3) i{background: url(/images/power_03.png)bottom no-repeat; width: 41px; height: 32px; transition: 0.5s;}
.power_tabbtn li.current:nth-child(3) i{background: url(/images/power_03.png) top no-repeat; transition: 0.5s;}
/**/
.power_tabbtn li:nth-child(4) i{background: url(/images/power_04.png)bottom no-repeat; width: 41px; height: 32px; transition: 0.5s;}
.power_tabbtn li.current:nth-child(4) i{background: url(/images/power_04.png) top no-repeat; transition: 0.5s;}
.power_tabbtn li p{position: absolute; z-index: 1; font-size: 34px; font-weight: bold; transition: 0.5s; top: 102px; left: 54px;}
.power_tabbtn li em{display: block; position: absolute; z-index: 1; left: 54px; top: 152px; font-size: 12px; color:#333; opacity: 0.4; font-weight: 100; letter-spacing: 0.5px; transition: 0.5s;}
.power_tabbtn li span{display: block; position: absolute; top: 0; left: 0; background: url(/images/power_li_h.png) no-repeat; z-index: 2; width: 242px; height: 198px;}
.power_tabbtn li a{}
.power_tabbtn li::before{content: ""; height: 100%; width: 1px; display: block; background-color: #dddddd; z-index: 2; position: absolute; top: 0; right: 0;}
.power_tabbtn li.current{}
.power_tabbtn li.current::before{display: none;}
.power_tabbtn li.current i{display: block;}
.power_tabbtn li.current p{color:#fff; transition: 0.5s;}
.power_tabbtn li.current em{color:#fff; transition: 0.5s;}
.power_tabbtn li.current::after{top: -208px; left: 0; transition: 0.5s;}
.power_tabbtn li.current a{}
/* tabcon */
.power_tabcon{position:relative;/*必要元素*/height:520px;overflow:hidden;}
.power_tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}
.power_tabcon .sublist{}
.power_tabcon .sublist ul{}
.power_tabcon .sublist ul li{}
.power_tabcon .sublist ul li i{display: block; width: 100%; height: 520px;}
.power_tabcon .sublist ul li i img{width: 100%;}
.power_tabcon .sublist ul li p{position: absolute; bottom: 0; left: 0; background: rgb(0 0 0 / 67%); color:#fff; height: 122px; width: 100%;}
.power_tabcon .sublist ul li p::after{content: ""; display: block; height: 100%; width: 1px; background: #fff; position: absolute; left: 304px; top: 0; opacity: 0.2;}
.power_tabcon .sublist ul li p b{font-size: 34px; font-weight: bold; display: block; position: absolute; top: 26px; left: 54px;}
.power_tabcon .sublist ul li p em{display: block; font-size: 13px; text-transform: uppercase; display: block; position: absolute; top: 76px; left: 50px; opacity: 0.4; font-weight: 100;}
.power_tabcon .sublist ul li p span{display: block; position: absolute; left: 356px; top: 28px; width:70%; font-size: 17px; line-height: 26px; font-weight: 100; border-bottom: 1px #999 solid; padding-bottom: 8px;}
.power_tel{float: left; margin-left: 48px;}
.power_tel ul{position: relative;}
.power_tel ul::after{content: ""; width: 62px; height: 68px; background: url(/images/power_tel.png) no-repeat; position: absolute; right: 0; top: 40px;}
.power_tel ul::before{content: ""; width: 294px; height: 192px; background: url(/images/power_d.png) no-repeat; position: absolute; right: -350px; top: 4px;}
.power_tel ul p{font-size: 22px; font-weight: 100; padding-top: 36px; position: relative;}
.power_tel ul p strong{position: relative; z-index: 1;}
.power_tel ul p::after{content: ""; position: absolute; left: -4px; bottom: 4px; width: 11px; height: 11px; background: #318839; border-radius: 100%; z-index: 0;}
.power_tel ul em{display: block; font-size: 12px; font-weight: 100; color:#999;}
.power_tel ul i{width: 1px; height: 28px; display: block; background: #eee; margin: 8px  0px  8px 5px; }
.power_tel ul span{font-family: "bah"; font-size: 36px; color:#ff4d00;}


/*process*/
.process{background: url(/images/process.jpg) no-repeat; height: 590px;}
.process .process_title{text-align: center; padding-top: 66px; margin-top: 86px;}
.process .process_title p{font-size: 60px; font-weight: bold; }
.process .process_title span{font-size: 24px; font-weight: 100; display: block; margin-top: 4px;}
.process ul{width: 1300px; margin: auto; margin-top: 60px;}
.process ul li{float: left; width: 196px; height: 254px; background: #fff; margin-right: 24px; text-align: center; overflow: hidden; position: relative; transition: 0.5s;}
.process ul li:last-child{margin-right: 0px;}
.process ul li i{display: block; position: relative; z-index: 1; transition: 0.5s;}
.process ul li:nth-child(1) i{display: block; width: 59px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_01.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(1) i{background: url(/images/process_01.png) top no-repeat; transition: 0.5s;}
.process ul li:nth-child(2) i{display: block; width: 72px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_02.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(2) i{background: url(/images/process_02.png) top no-repeat; transition: 0.5s;}
.process ul li:nth-child(3) i{display: block; width: 57px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_03.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(3) i{background: url(/images/process_03.png) top no-repeat; transition: 0.5s;}
.process ul li:nth-child(4) i{display: block; width: 59px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_04.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(4) i{background: url(/images/process_04.png) top no-repeat; transition: 0.5s;}
.process ul li:nth-child(5) i{display: block; width: 54px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_05.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(5) i{background: url(/images/process_05.png) top no-repeat; transition: 0.5s;}
.process ul li:nth-child(6) i{display: block; width: 53px; height: 54px; margin: auto; margin-top: 36px; margin-bottom: 24px; background: url(/images/process_06.png) bottom no-repeat; transition: 0.5s;}
.process ul li.process_hover:nth-child(6) i{background: url(/images/process_06.png) top no-repeat; transition: 0.5s;}
.process ul li p{font-size: 26px; font-weight: 100; position: relative; z-index: 1; transition: 0.5s;}
.process ul li p strong{display: block;}
.process ul li em{display: block; font-family: "bah"; font-size: 82px; position: absolute; left: 0; right: 0; bottom: -46px; margin: auto; z-index: 1; opacity: 0.05; transition: 0.5s;}
.process ul li.process_hover em{color:#fff; opacity: 0.1; transition: 0.5s;}
.process ul li::after{content: ""; background: linear-gradient(to bottom, #ff6600, #ff4d00); width: 100%; height: 0%; display: block; position: absolute; bottom: 0; z-index: 0; transition: 0.5s;}
.process ul li.process_hover::after{height: 100%; transition: 0.5s;}
.process ul li.process_hover p{color:#fff; transition: 0.5s;}




/* news */
.news {
	overflow: hidden;
	padding-bottom: 100px;
}


.news .news_title{text-align: center; margin-top: 86px; margin-bottom: 46px;}
.news .news_title p{font-size: 60px; font-weight: bold; }
.news .news_title span{font-size: 24px; font-weight: 100; display: block; margin-top: 4px;}

.news .news_left {
	width: 436px;
	height: 575px;
	position: relative;
	float: left;
}

.news .news_left a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.news .news_left_bottom {
	position: absolute;
	bottom: 0;
	height: 240px;
	width: 100%;
	background: rgb(18 128 26 / 76%);
	padding: 40px;
	box-sizing: border-box;
	transition: ease .3s;
}

.news .news_left_bottom:hover {
	height: 260px;
}

.news .news_left_bottom:hover .news_left_more {
	border: 1px solid #ff4d00;
	background: #ff4d00;
}

.news .news_left_bottom h1 {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news .news_left_bottom p {
	font-size: 14px;
	color: #fff;
	margin-top: 15px;
	line-height: 23px;
	height: 46px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .news_left_bottom .news_left_more {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	margin-top: 25px;
	transition: ease .3s;
}

.news .news_left_bottom .news_left_more span {
	display: inline-block;
	transform: scaleY(1.7) scaleX(0.9);
	font-size: 14px;
	color: #fff;
	font-family: YaHeiLight;
	margin-top: 8px;
}

.news .news_right {
	float: right;
	width: 822px;
}

.news .news_right_list {
	height: 105px;
	width: 100%;
	padding-bottom: 30px;
}

.news_right_list_box > div:nth-child(1){
	display: none;
}

.news .news_right_list h1 span:nth-child(1) {
	transition: ease .3s;
}

.news .news_right_list:hover h1 span:nth-child(1) {
	color: #318838;
}

.news .news_right_list_box {
	border-bottom: 1px solid #ddd;
}

.news .news_right_list a {
	display: block;
	overflow: hidden;
	height: 105px;
}

.news .news_list_left {
	float: left;
	width: 590px;
}

.news .news_list_left h1 {
	overflow: hidden;
	height: 42px;
}

.news .news_list_left h1 span:nth-child(1) {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	line-height: 27px;
	height: 27px;
	margin-top: 15px;
	float: left;
	width: 500px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.news .news_list_left h1 span:nth-child(2) {
	float: right;
	font-size: 13px;
	font-weight: bold;
	color: #d9d9d9;
	height: 27px;
	line-height: 27px;
	margin-top: 15px;
	width: 80px;
	text-align: right;
}

.news .news_list_left p {
	font-size: 14px;
	color: #999;
	margin-top: 5px;
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news .news_list_right {
	float: right;
	width: 191px;
	height: 105px;
}

.news .news_list_right img{ width: 100%;}

.news .news_right_bottom {
	height: 169px;
	padding-top: 25px;
	box-sizing: border-box;
}

.news .news_right_bottom_title span {
	font-size: 22px;
	color: #333;
	font-weight: bold;
	position: relative;
}

.news .news_right_bottom_title {
	margin-bottom: 25px;
}

.news .news_right_bottom_title span::after {
	position: absolute;
	content: "FAQ";
	font-size: 14px;
	color: #bbb;
	font-weight: 500;
	bottom: 0;
	right: -35px;
}

.news .news_right_bottom_content {
	width: 381px;
	padding-left: 43px;
	box-sizing: border-box;
}

.news .news_right_bottom_content:hover h1 {
	color: #318838;
}

.news .news_right_bottom_content a {
	display: block;
}

.news .news_right_bottom_content h1 {
	font-size: 16px;
	color: #666;
	font-weight: 500;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}

.news .news_right_bottom_content h1::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 3px solid #ff4d00;
	left: -30px;
	top: calc(50% - 7px);
}

.news .news_right_bottom_content p {
	font-size: 12px;
	color: #999;
	line-height: 22px;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news .news_right_bottom_content:nth-child(odd) {
	float: left;
}

.news .news_right_bottom_content:nth-child(even) {
	float: right;
}

/* news-end */



/* about */
.about {
	width: 100%;
	background: url(/images/about_back.jpg) center top no-repeat;
	overflow: hidden;
}

.about .about_content {
	background: #fff;
	margin-top: 410px;
	overflow: hidden;
	padding-bottom: 100px;
}

.about .about_title h1 {
	text-align: center;
	font-size: 60px;
	margin-top: 65px;
	color: #333;
}

.about .about_title h1 span {
	color: #318838;
}

.about .about_title h1 font {
	color: #ddd;
}

.about .about_title p {
	text-align: center;
	font-size: 16px;
	color: #333;
	letter-spacing: 10px;
	text-indent: 10px;
	margin-top: 3px;
}

.about .about_text {
	text-align: center;
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	margin-top: 33px;
}

.about .about_content > a {
	font-size: 14px;
	color: #333;
	display: block;
	text-align: center;
	margin-top: 12px;
}

.about .about_under {
	overflow: hidden;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 60px;
	padding: 0 20px;
	padding-bottom: 9px;
}

.about .about_under li {
	float: left;
	cursor: pointer;
	user-select: none;
}

.about .about_under li:nth-child(n+2) {
	margin-left: 150px;
}

.about .about_under li dl dt {
	float: left;
	margin-top: 2px;
	position: relative;
}

.about .about_under li dl dt::after {
	content: "";
	width: 46px;
	height: 11px;
	position: absolute;
	background: #cccccc;
	left: calc(50% - 23px);
	border-radius: 50%;
	bottom: -5px;
	z-index: -1;
}

.about .about_under li dl dt i {
	display: block;
	height: 36px;
	overflow: hidden;
}

.about .about_under li dl dt i img {
	display: block;
	margin-top: -64px;
	transition: ease .3s;
}

.about .about_under li dl dd {
	float: left;
	margin-left: 27px;
}

.about .about_under li dl dd p {
	font-size: 18px;
	color: #333;
}

.about .about_under li dl dd span {
	font-size: 12px;
	color: #666;
	font-weight: 100;
	display: block;
	margin-top: 0px;
}

.about .about_under li.cur dl dt img {
	margin-top: 0;
}

/* about-end */



/*foot*/
.foot{height: 672px; background: #222;}
.foot .foot_contact{padding-top: 90px; padding-bottom: 50px; border-bottom: 1px #555 solid;}
.foot .foot_contact .foot_contact_logo{float: left;}
.foot .foot_contact .foot_contact_logo img{}
.foot .foot_contact .foot_contact_nr{float: right; width: 77%;}
.foot .foot_contact .foot_contact_nr ul{color:#fff; float: left; margin-right:87px;}
.foot .foot_contact .foot_contact_nr ul p{font-size: 18px; font-weight: bold; margin-bottom: 12px;}
.foot .foot_contact .foot_contact_nr ul span{line-height: 26px; font-size: 16px; font-weight: 100; opacity: 0.8;}
.foot .foot_contact .foot_contact_nr ul span strong{opacity: 1;}
.foot .foot_contact .foot_contact_nr ul:last-child{margin-right: 0px;}
.foot .foot_list{padding-top: 50px;}
.foot .foot_list ul{margin-right:90px; width: 160px; position: relative; float: left;}
.foot .foot_list ul:last-child{margin-right: 0px; width: 300px;}
.foot .foot_list ul:last-child dl{}
.foot .foot_list ul:last-child dl dd{display: block; float: left; text-align: center; margin-right: 14px;}
.foot .foot_list ul:last-child dl dd:last-child{margin-right: 0px;}
.foot .foot_list ul:last-child dl dd i{display: block; width: 140px; height: 140px;}
.foot .foot_list ul:last-child dl dd i img{width: 100%;}
.foot .foot_list ul:last-child dl dd strong{font-weight: normal; color:#fff; font-size: 14px; display: block; margin-top: 12px;}
.foot .foot_list ul:last-child::after{display: none;}
.foot .foot_list ul::after{content: ""; display: block; width: 1px; height: 250px; background: #333; position: absolute; right: 0; top: 0;}
.foot .foot_list ul p{color:#fff; margin-bottom: 24px;}
.foot .foot_list ul p b{font-size: 18px; display: block;}
.foot .foot_list ul p em{font-size: 12px; font-weight: 100; opacity: 0.3; display: block; margin-top: 4px;}
.foot .foot_list ul p i{display: block; height: 1px; width: 10px; background: #999; margin-top: 14px;}
.foot .foot_list ul li{ margin-bottom: 12px;}
.foot .foot_list ul li a{color:#fff; font-weight: 100; opacity: 0.7;}
.foot .foot_list ul .fl_more{width: 64px; height: 26px; background: #FF4D00; text-align: center; line-height: 26px; border-radius: 4px; font-size: 12px; color:#fff; margin-top: 26px;}
.foot .foot_list ul .fl_more a{color: #fff;}
/*foot end*/



/*nr*/
.youshi_n{background: #000;}


/*ny*/
.case_ny {
	width:100%;
	background:#f7f7f7;
}
.case_ny .box {
	max-width:1300px;
	margin:auto;
	display:table;
}
.case_ny .box .case-list {
	width:1300px;
	display:table;
	padding:80px 0 80px;
}
.case_ny .box .case-list li {
	width:100%;
	height: 270px;
	float:left;
	background:#fff;
	margin-right:1.25%;
	margin-bottom:40px;
	transition:all ease .5s;
	position: relative;
	overflow: hidden;
}
.case_ny .box .case-list li:nth-child(3n) {
	margin-right:0;
}
.case_ny .box .case-list li a {
	width:100%;
	display:block;
}
.case_ny .box .case-list li .img {
	width:400px;
	overflow:hidden;
	position:relative;
	float: left;
}
.case_ny .box .case-list li .img:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(/import/Template/Default/Content/images/icon37.png) center center no-repeat;
	content:"";
	opacity:0;
	transition:all ease .5s;
}
.case_ny .box .case-list li .img:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(/import/Template/Default/Content/images/icon40.png) center center no-repeat;
	content:"";
	z-index:2;
	opacity:0;
	transition:all ease .5s;
}
.case_ny .box .case-list li .img img {
	width:100%;
	transition:all ease .5s;
}
.case_ny .box .case-list li .tbox {
	width:840px;
	float: left;
	margin-left: 60px;
	position: relative;
	height: 270px;
}
.case_ny .box .case-list li .tbox .t1 {
	font-size:32px;
	line-height:24px;
	color:#222;
	margin-bottom:24px;
	transition:all ease .5s;
	padding-top: 40px;
	font-weight: bold;
}
.case_ny .box .case-list li .tbox .t2 {
	font-size:24px;
	line-height:24px;
	color:#666;
	margin-bottom:10px;
	margin-top: 30px;
}
.case_ny .box .case-list li .tbox .t2 strong{opacity: 0.2;}
.case_ny .box .case-list li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	background:url(/import/Template/Default/Content/images/icon38.png) 68px center no-repeat;
	transition:all ease .5s;
	width:80px;
	line-height: 160%;
	text-align: center;
	height: 100%;
	background: #eee;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.case_ny .box .case-list li::after{content: ""; display: block; width: 600px; height: 600px; background: #f9f9f9; border-radius: 100%; position: absolute; right: -280px; top: -120px;}

.case_ny .box .case-list li .tbox .t3 i {display: block; width: 26px; height: 26px; margin: auto; margin-top: 110px; overflow: hidden; background: url(/images/view.png) top no-repeat;}
.case_ny .box .case-list li:hover .tbox .t3 i {background: url(/images/view.png) bottom no-repeat;}

.case_ny .box .case-list li .tbox .t3 em {padding-top: 10px; display: block;}

.case_ny .box .case-list li .tbox .t4 {
	font-size:14px;
	color:#666;
}

.case_ny .box .case-list li .tbox .t5 {
	background: url(/images/jgg.png) no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	margin-top: 56px;
}

.case_ny .box .case-list li:hover {
	box-shadow:0 0 25px 0 rgba(0,0,0,.15);
}
.case_ny .box .case-list li:hover .img:before {
	opacity:1;
}
.case_ny .box .case-list li:hover .img:after {
	opacity:1;
}
.case_ny .box .case-list li:hover .img img {
	transform:scale(1.1);
}
.case_ny .box .case-list li:hover .tbox .t1 {
	color:#f00;
}
.case_ny .box .case-list li:hover .tbox .t3 {
	color:#fff;
	background:url(/import/Template/Default/Content/images/icon39.png) 68px center no-repeat;
	background: #f00;
}




.news_ny{background:#f9f9f9;}
.news_ny ul { padding:20px 0 20px; }
.news_ny ul li { margin-bottom: 30px; }
.news_ny .link { padding: 35px 30px 35px 150px; display: block; background-color: #fff; color: #646464; position: relative; border: 3px solid transparent; transition: .45s; -webkit-transition: .45s; height: 122px;}
.news_ny .link .tit { font-size: 24px; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #c8c8c8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top:0px; text-align: left; color:#333;}
.news_ny .link .abstracts { margin: 10px 0 0;  overflow: hidden; line-height: 30px;height: 60px;font-size: 14px;color: #999;}
.news_ny .link .time { display: block; width: 90px; height: 140px; background: #a9a9a9; position: absolute; top: 50%; left: 30px; margin-top: -70px; text-align: center; line-height: 1.2; color: #fff; font-family: "arial"; -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin: 0% 50%; }
.news_ny .link .time .day { font-size: 30px; margin-top: 20px; padding-top:0px;}
.news_ny .link .time:before { content: ""; display: block; width: 19px; height: 19px; background: url(../images/news_time_ico_2.png) no-repeat scroll center center; margin: 25px auto 0; }
.news_ny .link:hover { background-color: #fff; border-color: #ccc; }
.news_ny .link:hover .time { background-color: #318838; }
.news_ny .link:hover .tit{color: #333}
.news_ny .link .border { position: absolute; background-color: #333; transition: .45s; -webkit-transition: .45s; }
.news_ny .link .border.top { right: 0; top: 0; height: 3px; width: 0%; }
.news_ny .link .border.right { right: 0; top: 0; height: 0%; width: 3px; }
.news_ny .link .border.bottom { left: 0; bottom: 0; height: 3px; width: 0%; }
.news_ny .link .border.left { left: 0; bottom: 0; width: 3px; height: 0%; }

.news_ny_class{margin: auto; padding-top:20px; padding-bottom: 20px; height:40px; justify-content: center; display: flex;}
.news_ny_class dl{display:block;}
.news_ny_class dl a{width:160px; height:40px; display: block; line-height: 40px; text-align: center; background:#fff; float:left; border-radius: 50px; transition: 0.4s; margin-right:30px;}
.news_ny_class dl:last-child a{margin-right:0px;}
.news_ny_class dl:hover a{background:#318838; transition: 0.4s; color:#fff;}
.news_ny_class dl.cur a{background:#318838;color:#fff;}

/*联系我们内页*/

.in_contact {
    padding: 50px;
    background: #f9f9f9;
    margin: 50px 0 60px;
    border-radius: 20px;
}

.in_contact .cont-tit { width: 100%; line-height: 38px; padding-bottom: 22px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #666}

.in_contact ul { width: 100%}
.in_contact ul:after{content:'';clear:both;display:block;}

.in_contact li { float: left; width: 33.33%; padding: 40px 1% 0 2.5%; border-left: 1px solid #e5e5e5; box-sizing: border-box;min-height:320px;}

.in_contact li:first-child { border-left: none}

.in_contact li img { margin-bottom:5px}

.in_contact li h2 { font-size: 30px; color: #000; line-height: 48px; margin-bottom: 12px;font-weight: normal; padding-top:0px; text-align: left;}

.in_contact li p {

    font-size: 16px;
    color: #555;
    line-height: 35px;

}
.in_contact li p a{
    font-size: 15px;
    color: #555;
    line-height: 35px;}
.in_contact li p a:hover{color:#064893}
.in_contact li p a img{display: inline-block;vertical-align: middle;}

.in_contact li dl { width: 100%; padding-top: 20px}

.in_contact li dd {
    float: left;
    width: 28%;
    margin-right: 5%;
}

.in_contact li img {
    max-width: 100%;
    height: auto;
}

.in_contact li dd p {
    font-size: 15px;
    color: #666;
    line-height: 20px;
    text-align: center;
}

.in_contact li h3 { font-size: 24px; color: #000; line-height: 61px}

.in_contact li .ban { position: relative}

.in_contact li .box { background: #f5f5f5; padding: 30px 0 35px; position: absolute; top: 90px; left: -10%; opacity: 0; filter: alpha(opacity=0)}

.in_contact li .box h4 { font-size: 24px; color: #000; line-height: 43px; padding-left: 10%; margin-bottom: 6px}

.in_contact li .box p { font-size: 14px; color: #666; line-height: 30px; padding: 0 10%}

.in_contact li .box:after { border-bottom: 13px solid #f5f5f5; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -13px; left: 13%; content: ""; width: 0; height: 0}



/*about_nr*/
.com-width > .page{position:relative;}
.com-width .left {
  float: left;
  width: 624px;
}
.com-width .right {
  width: 606px;
  background: #fff;
  padding: 35px;
  height:557px;
  box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);
  margin-left: 0px;
  
}

.com-width .left .pic.pic-plus {
  box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1);
}
#bodycon #center {
  width: 100% !important;
  background: url() repeat center !important;
}
.com-width .left .page-title .en {
  font-size: 30px;
  text-transform: capitalize;
  color: #aaa;
  display: block;
  line-height: 40px;
  padding: 20px 0 0;
}
.com-width .left .page-title .cn {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 30px;
  font-weight: normal;
}

.com-width.clearfix {
    padding: 80px 0px;
}
#bodycon {
    padding: 0px 0;
  width: 100% !important;
}
.com-width .left .pic.pic-plus img {
  display: block;
  width: 100%;
}
.com-width .left{position: relative}
.com-width .left > .intro-num {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(16,89,169,0.65);
    width: 350px;
    padding: 20px;
    text-align: center;
}

.com-width .left > .intro-num > li {
    display: inline-block;
    padding: 5px 18px;
}
.com-width .left > .intro-num > li p {
    color: #fff;
    font-size: 14px;
    display: block;
    line-height: 20px;
}
.com-width .left > .intro-num > li p i {
    display: inline-block;
    font-size: 32px;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
    line-height: 40px;
    padding-bottom: 5px;
}

.com-width .right .des{
	overflow-y: scroll;
	height: 440px;
	padding-right: 15px;
	line-height: 42px;
	font-size: 16px;
}

.com-width .right .des p {
  font-size: 16px;
  color: #565656;
  padding: 0 0 0px;
  line-height: 40px;
  text-align: justify;
  text-indent: 2em;
}
.com-width .right .tit {
  font-size: 30px;
  font-weight: bold;
  display: block;
  line-height: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 35px;
  color: #333;
}

.prod{ padding-top: 80px; padding-bottom: 80px;}





/*map*/
.map{background: #fff; height:60px; line-height:60px; font-size:15px; position:relative; color:#999; border-top:1px #eee solid; border-bottom:1px #eee solid;}
.map a{font-size:15px; color:#999;}
.map i{font-family: "fangsong";}
.map .home_ico:before{content:""; display:block; background:url(/images/nr_map.png) center no-repeat; width:12px; height:15px; position:absolute; left:0; top:23px; opacity:0.5;}
.map .home_ico{padding-left:24px;}




/* footer */
.box1 {
	margin: 0 auto;
	width: 1100px;
}
.copyright_bg {
	width: 100%;
	height: 335px;
	background: #333;
	border-bottom: 1px solid #444;
}
.copyright_nav {
	margin-top: 60px;
}
.copyright_nav dl {
	float: left;
	margin-right: 50px;
	width: 100px;
}
.copyright_nav dl:last-of-type {
	margin-right: 0;
	width: 380px;
}
.copyright_nav dl span {
	display: block;
	font-size: 16px;
	color: #fff;
}
.copyright_nav dl a:first-of-type {
	margin-top: 29px;
}
.copyright_nav dl a {
	display: block;
	margin-top: 17px;
	font-size: 14px;
	color: #999;
}
.copyright_nav dl a:hover {
	color: #fff;
}
.copyright_nav dl p:first-of-type {
	margin-top: 29px;
}
.copyright_nav dl p {
	display: block;
	margin-top: 17px;
	font-size: 16px;
	color: #999;
}

.copyright_qr {
	width: 236px;
	height: 320px;
	background: #444;
}
.copyright_qr_d {
	margin: 20px auto 0;
	width: 162px;
}
.copyright_qr_d dl {
	margin: 0 auto;
	width: 162px;
}
.copyright_qr_d dl dt span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.copyright_qr_d dl dd .copyright_img {
	margin-top: 18px;
	width: 162px;
	height: 162px;
}
.copyright_qr_d dl dd .copyright_img img {
	display: block;
	width: 100%;
	height: 100%;
}
.copyright_qr .copyright_tab {
	margin: 16px auto 14px;
	width: 162px;
	height: 26px;
}
.copyright_qr .copyright_tab span {
	display: block;
	float: left;
	width: 76px;
	height: 26px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #555;
	border-radius: 15px;
	line-height: 26px;
	cursor: pointer;
}
.copyright_qr .copyright_tab span:first-of-type {
	margin-right: 10px;
}
.copyright_qr .copyright_tab span.on,.copyright_qr .copyright_tab span:hover {
	background: #318838;
}
.copyright_qr .copyright_tel span {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.footer_bg {
	width: 100%;
	height: 50px;
	font-size: 14px;
	color: #999;
	line-height: 50px;
	background: #333;
}
.footer_bg a {
	font-size: 14px;
	color: #999;
}
.footer_bg a:hover {
	color: #fff;
}



/*Pages*/
.Page{ text-align:center; margin: 0px !important; margin-top:40px !important; margin-bottom: 60px; justify-content: center; display: flex;}
.Page .active span{background: #318838; color:#fff;}
.Page .active a{background: #318838; color:#fff;}
.Page ul li{float: left;}
.Page ul li span{vertical-align: middle; font-size: 12px; line-height: 26px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 1px solid #eee; background: #fff; margin-left: -1px;}
.Page ul li a{vertical-align: middle; font-size: 12px; line-height: 26px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 	1px solid #eee; background: #fff; margin-left: -1px;}
.loadmore{text-align: center;}

/**/
.prod_ny_b{background: #f9f9f9;}
.prod_ny{width:1300px; float:right;}
.prod_ny_img{}
.prod_ny_img .fl{width:700px;}
.prod_ny_img .fl img{width:100%;}
.prod_ny_img .fr{width:560px;}
.prod_ny_img .fr p{font-size:30px; font-weight:bold; color:#333; padding-top: 40px;}
.prod_ny_img .fr span{font-size:15px; display:block; line-height:28px; color:#999;}
.prod_ny_img .fr a:hover span{color:#fff;}
.prod_ny_img .fr .prod_ny_tel{display:inline-block; padding:10px 20px 10px 20px; background:#000; border-radius:50px; color:#fff; margin-top:30px;}
.prod_ny_img ul{margin-top:20px;}
.prod_ny_img ul li{vertical-align: middle; font-size: 12px; line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 1px solid #eee; background: #fff; margin-left: 5px; border-radius: 50px;}
.prod_ny_img ul li:hover{background:#FF4C06; border: 1px solid #FF4C06; transition:0.3s; color:#fff;}
.prod_ny_img ul li:hover a{color:#fff; transition:0.3s;}
.prod_ny_nr{width:100%; margin-top: 20px;}
.prod_ny_nr_title{font-size:24px; color:#333; height:60px; line-height:65px; border-bottom:1px #ccc solid; margin-bottom:30px;}
.prod_ny_nr_title strong{color:#333;}
.prod_ny_nr_content {line-height:28px; font-size:16px;}
.prod_ny_nr_content strong{display:block; color:#333; font-size:20px; border-left:6px #1ea6b8 solid; padding-left:10px; margin-top: 14px; margin-bottom: 8px;}
.prod_ny_nr_content img{max-width:70%;}
.prod_ny_nr_content .list-paddingleft-2{padding-left: 20px; margin-top: 10px;}
.prod_ny_nr_content .list-paddingleft-2 li {list-style:initial;}
.prod_ny_nr_content table{width:100%;}
.prod_ny_nr_content table tbody{border: 1px #ccc solid;}
.prod_ny_nr_content table tbody tr{}
.prod_ny_nr_content table tbody tr td{border: 1px #ccc solid;}
.prod_ny_nr_content .table-wrapper table, .row .table-wrapper table{border: 0; margin: 0;}
table{background-color: transparent; max-width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; font-size: 14px;}
.mfb{margin-top:60px;}


.news_ny {
	width:100%;
	background:#f7f7f7;
	padding:50px 0 80px;
}
.news-info {
	max-width:1200px;
	margin:auto;
}
.news-info .leftbox {

}
.news-info .leftbox .b1 {
	background:#fff;
	padding:34px 30px 40px;
	width: 63%;
	float: left;
}
.news-info .leftbox .txt {
	font-size:14px;
	line-height:26px;
	color:#222;
}
.news-info .leftbox .clickbox {
	width:100%;
	border-top:1px solid #eee;
	color:#999;
	line-height:30px;
	font-size:14px;
	position:relative;
	margin-top:34px;
	padding-top:20px;
}
.news-info .leftbox .clickbox a {
	color:#666;
}
.news-info .leftbox .clickbox a:hover {
	color:#222;
}
.news-info .leftbox .clickbox .goback {
	width:96px;
	height:40px;
	line-height:38px;
	display:block;
	border:1px solid #ececec;
	color:#999;
	font-size:14px;
	position:absolute;
	right:0;
	top:30px;
	padding-left:20px;
	background:url(../images/icon26.png) 58px center no-repeat;
	transition:all ease .3s;
}
.news-info .leftbox .clickbox .goback:hover {
	color:#222;
	background:url(../images/icon26-1.png) 58px center no-repeat;
	border:1px solid #666;
}
.news-info .leftbox .case-sj {
	width:100%;
	padding:24px 30px;
	background:#fff;
	margin-top:10px;
}
.news-info .leftbox .case-sj .title {
	font-size:18px;
	color:#999;
	line-height:30px;
}
.news-info .leftbox .case-sj .list {
	width:100%;
	margin-top:23px;
}
.news-info .leftbox .case-sj .list li {
	float:left;
	width:31.7%;
	margin-right:2.45%;
    transition: all 0.5s linear;
}
.news-info .leftbox .case-sj .list li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
}
.news-info .leftbox .case-sj .list li:nth-child(3n) {
	margin-right:0;
}
.news-info .leftbox .case-sj .list li a {
	width:100%;
	display:block;
}
.news-info .leftbox .case-sj .list li .img {
	width:100%;
	overflow:hidden;
}
.news-info .leftbox .case-sj .list li .img img {
	width:100%;
    transition: all 0.5s linear;
}
.news-info .leftbox .case-sj .list li:hover .img img {
	transform:scale(1.05);
}
.news-info .leftbox .case-sj .list li .title {
	font-size:14px;
	line-height:30px;
	color:#222;
	padding:12px 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-info .rightbox {
	width:30%;
	float:right;
}
.news-info .rightbox .news-tj {
	width:100%;
	background:#fff;
	padding:37px 30px 10px;
}
.news-info .rightbox .news-tj .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .news-tj .list {
	margin-top:10px;
}
.news-info .rightbox .news-tj .list li {
	border-bottom:1px dashed #ccc;
	padding-bottom:25px;
	margin-bottom:13px;
}
.news-info .rightbox .news-tj .list li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.news-info .rightbox .news-tj .list li a {
	width:100%;
	display:block;
}
.news-info .rightbox .news-tj .list li .t1 {
	font-size:16px;
	line-height:50px;
	color:#222;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-info .rightbox .news-tj .list li:hover .t1 {
	color:#000;
}
.news-info .rightbox .news-tj .list li .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:8px;
}
.news-info .rightbox .news-tj .list li .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	margin-top:7px;
}
.news-info .rightbox .label {
	width:100%;
	background:#fff;
	margin-top:10px;
	padding:26px 30px 32px;
}
.news-info .rightbox .label .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .label .box {
	margin-top:18px;
}
.news-info .rightbox .label .box a {
	color:#222;
	font-size:14px;
	line-height:30px;
	background:url(../images/icon27.png) right center no-repeat;
	padding-right:16px;
	margin-right:10px;
}
.news-info .rightbox .label .box a:last-child {
	background:none;
	margin-right:0;
}
.news-info .rightbox .label-case {
	width:100%;
	margin-top:10px;
	background:#fff;
	padding:26px 30px 32px;
}
.news-info .rightbox .label-case .title {
	font-size:18px;
	line-height:24px;
	color:#c3c3c3;
}
.news-info .rightbox .label-case .box {
	margin-top:18px;
}
.news-info .rightbox .label-case .box a {
	color:#222;
	font-size:14px;
	line-height:30px;
	background:url(../images/icon27.png) right center no-repeat;
	padding-right:16px;
	margin-right:10px;
}
.news-info .rightbox .label-case .box a:last-child {
	background:none;
	margin-right:0;
}

.news-info .leftbox.l2 {
	background:#fff;
	padding:30px 30px 40px;
}
.news-info .leftbox .list2 {
	width:100%;
}
.news-info .leftbox .list2 li {
	width:100%;
	border-bottom:1px solid #dbdbdb;
	display:inline-block;
	padding-bottom:24px;
	margin-bottom:30px;
}
.news-info .leftbox .list2 li a {
	width:100%;
	display:block;
}
.news-info .leftbox .list2 li .time {
	width:110px;
	float:left;
	color:#999;
	font-size:16px;
    transition: all 0.5s linear;
}
.news-info .leftbox .list2 li:hover .time {
	color:#21abd7;
}
.news-info .leftbox .list2 li .time span {
	font-weight:bold;
	font-size:48px;
	line-height:56px;
	display:block;
}
.news-info .leftbox .list2 li .tbox {
	width:calc(100% - 110px);
	float:left;
}
.news-info .leftbox .list2 li .tbox .t1 {
	font-size:16px;
	line-height:36px;
	color:#000;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-info .leftbox .list2 li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:9px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-info .leftbox .list2 li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	margin-top:18px;
	padding-right:28px;
	background:url(../images/icon28.png) right center no-repeat;
	display:inline-block;
    transition: all 0.5s linear;
}
.news-info .leftbox .list2 li:hover .tbox .t3 {
	color:#222;
	background:url(../images/icon29.png) right center no-repeat;
}
.news-info .leftbox.l2 .page-list {
	margin:10px auto 0;
}
.editor{font-size:16px; line-height:30px;}
.news_ny_title{font-size:26px; font-weight:bold; color:#333; height:50px; line-height:60px;}
.news_ny_time{font-size:14px; color:#999; margin-bottom:30px; margin-top:5px;}
.news_ny_time p{float:left; margin-right:20px;}
.news_ny_time p a{color:#999;}


.prod_right_tj_title_two{border-left:7px #eee solid; height:39px; position:relative; margin-top:60px;}
.prod_right_tj_title_two p{padding-left:20px; font-size:22px;line-height: 22px;}
.prod_right_tj_title_two em{padding-left:20px; font-size:12px; color:#dddddd; display:block; padding-top:3px;}
.prod_right_tj_title_two a{display:block; position:absolute; right:0; top:10px; background:url() left no-repeat; padding-left:24px; color:#ccc; font-size:12px;}




/*about_cf*/
.case_ny .box .case-list1 {
	width:1300px;
	display:table;
	padding:40px 0 80px;
}
.case_ny .box .case-list1 li {
	width:422px;
	float:left;
	background:#fff;
	margin-right:1.25%;
	margin-bottom:20px;
	transition:all ease .5s;
}
.case_ny .box .case-list1 li:nth-child(3n) {
	margin-right:0;
}
.case_ny .box .case-list1 li a {
	width:100%;
	display:block;
}
.case_ny .box .case-list1 li .img {
	width:100%;
	overflow:hidden;
	position:relative;
}
.case_ny .box .case-list1 li .img:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(/import/Template/Default/Content/images/icon37.png) center center no-repeat;
	content:"";
	opacity:0;
	transition:all ease .5s;
}
.case_ny .box .case-list1 li .img:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(/import/Template/Default/Content/images/icon40.png) center center no-repeat;
	content:"";
	z-index:2;
	opacity:0;
	transition:all ease .5s;
}
.case_ny .box .case-list1 li .img img {
	width:100%;
	transition:all ease .5s;
}
.case_ny .box .case-list1 li .tbox {
	width:100%;
	padding:30px;
}
.case_ny .box .case-list1 li .tbox .t1 {
	font-size:22px;
	line-height:24px;
	color:#222;
	margin-bottom:24px;
	transition:all ease .5s;
	float:left;
}
.case_ny .box .case-list1 li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-bottom:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case_ny .box .case-list1 li .tbox .t3 {
	font-size:14px;
	line-height:24px;
	color:#999;
	background:url(/import/Template/Default/Content/images/icon38.png) 68px center no-repeat;
	transition:all ease .5s;
	width:36%;
	float:right;
	margin-right: -30px;
}
.case_ny .box .case-list1 li:hover {
	box-shadow:0 0 25px 0 rgba(0,0,0,.15);
}
.case_ny .box .case-list1 li:hover .img:before {
	opacity:1;
}
.case_ny .box .case-list1 li:hover .img:after {
	opacity:1;
}
.case_ny .box .case-list1 li:hover .img img {
	transform:scale(1.1);
}
.case_ny .box .case-list1 li:hover .tbox .t1 {
	color:#f00;
}
.case_ny .box .case-list1 li:hover .tbox .t3 {
	color:#222;
	background:url(/import/Template/Default/Content/images/icon39.png) 68px center no-repeat;
}