@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	margin: 0;
	font-size: 0;
font-family: "微软雅黑",arial,"arial black",sans-serif;

}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "微软雅黑";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

.w90{width:90%;max-width: 1760px;margin: 0 auto; height: auto;}
.w85{width:85%;max-width: 1600px;margin: 0 auto; height: auto;}
.w80{width: 80%;max-width: 1500px;margin: 0 auto;height: auto;}
.margin-pub{width: 100%;height: auto;padding: 82px 0;}
.space-pub{padding-top: 60px;}
.title{width: 100%;height: auto;text-align: left;margin-bottom: 55px;}
.title h3{font-size: 56px;color: #000000;font-family: "arial black";line-height: 1.2;}
.title h4{font-size: 44px;color: #000000;margin-top:15px;line-height: 1.2;}
.title2 h3{font-size: 80px;color: #000000;margin-bottom: 10px; font-family: "arial black";line-height: 1.2;text-transform: uppercase;}
.title2 h4{font-size:34px;color: #000000;line-height: 1.2;}
.more{margin-top: 60px; background: #27B484 !important;display: block;line-height: 45px; font-size: 16px; width:160px;color: #fff;text-align: center; border-radius: 22.5px;height: 45px;}
.more span{display: inline-block;padding-right: 20px;position: relative;}
.more span:before{content: "";position: absolute;right: 0;top: 50%;
width: 10px;height: 15px; background:url(../img/a009.png)center no-repeat;background-position: center;
transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.more:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.ca-txt{width: 100%;height: auto;}
.ca-txt p{font-size: 16px;}
@media only screen and (max-width:1650px) {
.margin-pub{padding: 80px 0;}	
.title h3{font-size: 50px;}
.title h4{font-size: 40px;color: #000000;}
.title2 h3{font-size: 70px;}
.title2 h4{font-size: 34px;}
.title{margin-bottom: 45px;}
.more{margin-top: 50px;width: 140px;height: 40px;line-height: 40px;}
}
	
@media only screen and (max-width:1400px) {
.margin-pub{padding: 75px 0;}
.title h3{font-size: 46px;}	
.title h4{font-size: 36px;color: #000000;}
.title2 h3{font-size: 60px;}
.title2 h4{font-size:32px;}
.title{margin-bottom: 40px;}
.more{margin-top:45px;width: 120px;height: 36px;line-height:36px;font-size: 15px;}
.space-pub{padding-top: 55px;}
.ca-txt p{font-size: 15px;}
}
@media only screen and (max-width:1200px) {
.margin-pub{padding:65px 0;}
.title h3{font-size: 40px;}
.title h4{font-size:34px;color: #000000;}
.title2 h3{font-size: 56px;}
.title2 h4{font-size: 28px;}
.title{margin-bottom:35px;}
.more{margin-top:35px;width: 120px;height: 36px;line-height:36px;font-size: 15px;}
.space-pub{padding-top: 50px;}
}
@media only screen and (max-width:1024px) {
.margin-pub{padding:60px 0;}
.title h3{font-size: 34px;}	
.title h4{font-size:28px;color: #000000;margin-top: 10px;}
.title2 h3{font-size: 45px;}
.title2 h4{font-size: 26px;}
.title{margin-bottom:30px;}
.more{margin-top:30px;width: 110px;height: 35px;line-height:35px;font-size: 14px;}
.space-pub{padding-top: 40px;}
.ca-txt p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
.margin-pub{padding:50px 0;}
.title h3{font-size:28px;}	
.title h4{font-size:24px;color: #000000;margin-top: 5px;}
.title2 h3{font-size:36px;}
.title2 h4{font-size:24px;}
.title{margin-bottom:25px;}
.w85{width: 90%;}
.w80{width: 90%;}
.space-pub{padding-top:35px;}
}


.header{position: fixed; width: 100%;height: auto;top: 0;left: 0; padding-top: 30px;z-index: 9999;}
.header h1{width: 120px;height: auto;float: left;}
.header h1 .logo{display: block;width:100%;height: auto;}
.header h1 .logo img{display: block;width: 100%;height: auto;}
.product-top {width: calc(100% - 260px);float: left;height: auto;}
.product-top .product-nav{ width: 100%;text-align: right; padding-right:6%; height: auto;}
.product-top .product-nav li{cursor: pointer;position: relative;font-size: 16px;display: inline-block;margin: 0 3%; color: #000000;}

.product-top .product-nav  li:before{content: "";position: absolute;left: 0;bottom: -24px; width:0px;height: 2px; background:#27b484;left: calc(50% - 0px);}

.product-top .product-nav  li.cut:before{content: "";width:40px;left: calc(50% - 20px);}
.product-top .product-nav  li.cut{color: #27b484;}
.product-top .product-nav  li.current:before{content: "";width:40px;left: calc(50% - 20px);}
.product-top .product-nav  li.current{color: #27b484;}
.product-top .product-nav  li:hover:before{content: ""; width:40px;left: calc(50% - 20px);transition: all 0.5s ease;}
.product-top .product-nav  li:hover{color: #27b484;transition: all 0.5s ease;}


.header3{background: #FFFFFF;padding:20px 0;}
.header4{border-bottom: 1px solid #dcdcdc;background: none;}
.header4 .product-top .product-nav  li:before{content: "";position: absolute;bottom:-24px;}
.header4 .product-top .product-nav  li.current:before{content: "";width:40px;left: calc(50% - 20px);}
.header4 .product-top .product-nav  li.current{color: #27b484;}
.header4 .product-top .product-nav  li:hover:before{content: ""; width:40px;left: calc(50% - 20px);transition: all 0.5s ease;}
.header4 .product-top .product-nav  li:hover{color: #27b484;transition: all 0.5s ease;}

.product-sort-box{ width: 100%;height:0;overflow: hidden; position: fixed;top: 68px;z-index: 998; left: 0; background: #FFFFFF;}
.product-sort-box .product-sort-c{width: 100%;height: auto;padding-top: 4%;}
.product-sort-box .product-sort-c .left{width:160px;height: auto;text-align: left;float: left;}
.product-sort-box .product-sort-c .left p{width: 100%;margin: 10px 0 20px 0; display: block; transition: all 0.5s ease; color: #999;font-size: 28px;}
.product-sort-box .product-sort-c .left p a{color: #999;position: relative; display: inline-block;padding-bottom: 3px;}
.product-sort-box .product-sort-c .left p a:before{content: "";position: absolute;width:24px;height: 2px;background: #999;bottom: 0;left: 0;}
.product-sort-box .product-sort-c .left p:hover a{color: #000;padding-left:15px;transition: all 0.5s ease;}
.product-sort-box .product-sort-c .left p:hover a:before{width: 100%;background: #000;transition: all 0.5s ease;}
.product-sort-box .product-sort-c .left p.mini a{font-size: 24px;}
.product-sort-box .product-sort-c .left p:nth-last-child(2){margin: 5px 0;}
.product-sort-box .product-sort-c .left p:last-child{margin: 5px 0;}
.product-sort-box .product-sort-c .left p:nth-last-child(2) a{font-size:14px;}
.product-sort-box .product-sort-c .left p:nth-last-child(2) a:before{width: 0;}
.product-sort-box .product-sort-c .left p:nth-last-child(2):hover a:before{width: 0;padding-left: 0;}
.product-sort-box .product-sort-c .left p:last-child a{font-size: 14px;}
.product-sort-box .product-sort-c .left p:last-child a:before{width: 0;}
.product-sort-box .product-sort-c .left p:nth-last-child(2):hover a{padding-left: 0;}
.product-sort-box .product-sort-c .left p:last-child:hover a{padding-left: 0;}
.product-sort-box .product-sort-c .left p:last-child:hover a:before{width: 0;padding-left: 0;}

.product-sort-box .product-sort-c  .right{padding-right: 5%; overflow: hidden;float: right; width: calc(100% - 160px);padding-left: 10%;}
.product-sort-box .product-sort-c .right .col-left{width:48%;padding-right: 40px;float: left;}
.product-sort-box .product-sort-c .right .pro1 .pic{position: relative; width: 100%;background: #eeeeee;height: auto;padding: 5px;overflow: hidden;}
.product-sort-box .product-sort-c  .right .pro1 .pic img{display: block;width: 100%;height: auto;}
.product-sort-box .product-sort-c  .right .pro1:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.product-sort-box .product-sort-c  .right .pro1:hover .pic:before{position: absolute;content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.2);}
.product-sort-box .product-sort-c .right .pro1 h6{font-size: 24px;color: #000000;text-align: left;margin-top: 15px;}
.product-sort-box .product-sort-c  .right .col-right{width:52%;float: right;overflow: hidden;}
.product-sort-box .product-sort-c  .right .col-right .pro1{width: calc(50% - 20px);margin-right: 40px; float: left; vertical-align: top; margin-bottom: 40px;}
.product-sort-box .product-sort-c .right .col-right .pro1:nth-child(2n){margin-right: 0;}
.product-sort-box .close{position: absolute;top: calc(5% + 22px);width: 50px;height: 50px;right: 3%;}
.product-sort-box  .close img{width: 100%;height: auto;}
.product-sort-box .product-sort-c .right .pro1:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.product-sort-box .product-sort-c .right .pro1:hover h6{color:#27b484;}
.product-top .product-nav  li.cut .product-sort-box {height: calc(100% - 68px); transition: all 0.8s ease;}

.header2{background: #FFFFFF;padding:20px 0;box-shadow: 0 0 10px rgba(0,0,0,0.15);}

.header-c{width: 100%;height: auto; position:relative}
.header .lang{margin-right:20px; width: auto;float:right;width: 100px; font-size: 16px; height: auto;}
.header .lang a{font-size: 16px;color: #000;position: relative;padding:0 10px ;}
.header .lang a:first-child:before{content: "";position: absolute;right: 0;width: 2px;height: 16px;background: #666;top: calc(50% - 8px);}
.header .lang a.cuts{color: #27b484;}

.menu-bn{cursor: pointer;position: absolute; z-index: 999; right:-20px; top:15%; width: auto;}
.menu-bn p{font-size: 0px;color: #000000;float: left;font-family: arial;}
 .menu-bn .toggle{width: 25px;height:auto;padding: 8px 0 8px 0;position: relative; float: right;}
 .menu-bn .toggle span{font-size: 0;display: block;width: 100%;height: 2px;background: #000000;}
 .menu-bn .toggle:before{content: "";position: absolute; width: 100%;height: 2px;background: #000000;top: 1px;left: 0;}
 .menu-bn .toggle:after{content:"";position: absolute; width: 100%;height: 2px;background: #000000;bottom: 1px;top: auto; left: 0;}
.banner{width: 100%;height: auto;}
.banner img{display: block;width: 100%;height: auto;}

.menu{width: 100%;height:0%; position:fixed;z-index: 998; top: 0;left: 0;}
.menu .bks{width: 100%;height:100%;position: absolute;left: -100%;z-index: 0; background: rgba(0,0,0,0.8);}
.menu .menu-c{position: absolute;width:35%;right: -100%;height: 100%; z-index: 1; background: #efefef;}
.menu .menu-c .nav-box{max-height: 100%;width: 100%; position: absolute;left: 0;top: 0;padding:20% 5% 0 5%; overflow-y: overlay;}
.menu .menu-c .nav{display: block;padding:0% 0 0 10%; width: 100%;height: auto;}
.menu .menu-c .nav li{display: block;width: 100%;height: auto;margin-bottom: 5%;}
.menu .menu-c .nav li a{font-size:28px;color: #000;font-weight: bolder;}
.menu .menu-c .nav li a:hover{color: #27B484;}
.menu .menu-c  .cont{width: 100%;height: auto;padding-left: 10%;margin-top: 10%;}
.menu .menu-c .cont p{font-size:20px;color: #000000;margin-bottom: 10px;}
.menu .menu-c .cont p span{display: inline-block;width: 25px;height: 25px;}
.menu .menu-c .cont p span img{display: block;width: 100%;height: auto;}
.menu .menu-c .cont p.phone,.menu .menu-c .cont p.mail{font-family: arial;}
.menu-bn.cuts p{font-size: 16px;padding-right: 10px;}
.menu-bn.cuts .toggle span{width: 0;transition: all 0.3s ease;}
.menu-bn.cuts .toggle:before{transform: rotate(45deg); top:8px;left: 3px;transition: all 0.3s ease;}
.menu-bn.cuts .toggle:after{transform: rotate(-45deg);bottom:8px;left: 3px;transition: all 0.3s ease;}
.menu.open{height: 100%;}
.menu.open .bks{left: 0;transition: all 0.6s ease;}
.menu.open .menu-c{right: 0;transition: all 0.3s ease;}
#page.page1{width: 100%;height: 100%;position:absolute; overflow: hidden;}

.mb-pro-sort{display: none; width: 100%;background: #FFFFFF;position: fixed;padding-top: 30px; top: 0px;left: 0;  height:100%;z-index: 9999;overflow-y: auto;}
.mb-pro-sort .close{width: 30px;height: 30px;position: absolute;top: 20px;right: 20px;}
.mb-pro-sort .close img{display: block;width:100%;}
.mb-pro-sort ul{ width: 100%;height: auto;padding:30px 10px 0 10px;}
.mb-pro-sort ul li{transition: all 0.5s ease; font-size: 16px; color: #000000; width: 100%;padding:10px 0;border-bottom: 1px solid #dcdcdc;position: relative;}
.mb-pro-sort ul li:before{content: "+";font-size: 24px;color: #000000;position: absolute;top:10px;right: 10px;line-height: 1;}
.mb-pro-sort ul li .cons{display: none; width: 100%;height: auto;border-top: 1px solid #dcdcdc;padding-top: 10px;margin-top: 20px;}
.mb-pro-sort ul li .cons .pro{overflow: hidden; padding: 15px 0; width: 100%;height: auto;}
.mb-pro-sort ul li .cons .pro a{display: block;width: calc(50% - 5px);margin-right: 10px;float: left;}
.mb-pro-sort ul li .cons .pro a .pic{display:block;width: 100%;height: auto;margin-bottom: 10px;background: #eee;}
.mb-pro-sort ul li .cons .pro a:nth-child(2n){margin-right: 0;}
.mb-pro-sort ul li .cons .pro a .pic img{display: block;width: 100%;height: auto;}
.mb-pro-sort ul li .cons .pro a  h6{font-size: 16px;color: #000000;}
.mb-pro-sort ul li .cons .pro a:hover h6{color:#27B484;}
.mb-pro-sort ul li .cons .sub{padding-bottom: 15px; width: 100%;height: auto;font-size: 16px;color: #999;font-weight: bolder;padding-top: 20px;}
.mb-pro-sort ul li .cons .sub a{color: #999;display: block;margin-bottom: 10px;}
.mb-pro-sort ul li .cons .sub a:hover{color: #27B484;}

.mb-pro-sort ul li.cut:before{content: "";width: 10px;height: 2px;background: #000000;top:22px;right: 15px;}
.mb-pro-sort ul li.cut .cons{display: inherit;transition: all 0.5s ease;}

.pro-menu{font-size: 16px;font-weight: bolder;margin-top: 20px; background: #27B484;color: #FFFFFF;display: inline-block; display: none; padding:0 15px;border-radius: 25px;line-height: 45px;}


@media only screen and (max-width:1600px) {
.menu .menu-c .nav li a{font-size: 26px;}	
.product-sort-box .close{width: 45px;height: 45px;top:5%;}
.product-sort-box .product-sort-c .right .pro1 h6{font-size: 22px;}
.product-sort-box .product-sort-c .left p{font-size:28px;}

}
@media only screen and (max-width:1400px) {
	.header{padding-top: 25px;}
	.header h1{width: 130px;}
	.menu .menu-c .nav li a{font-size: 24px;}
	.menu .menu-c .cont p{font-size: 18px;}
	.product-sort-box .product-sort-c .right .col-left{padding-right: 30px;}
	.product-sort-box .product-sort-c  .right .col-right .pro1{width: calc(50% - 15px);margin-right: 30px;margin-bottom:30px;}
	.product-sort-box .product-sort-c .left p{font-size: 26px;}
	.product-sort-box .product-sort-c .right .pro1 h6{font-size: 20px;margin-top: 10px;}
	.product-sort-box .close{width: 40px;height: 40px;top:5%;}
	
}
@media only screen and (max-width:1200px) {
	.header{padding-top: 20px;}
	.header h1{width: 120px;}
	.menu .menu-c .nav li a{font-size: 20px;}
	.menu .menu-c .cont p{font-size: 16px;}
	.product-sort-box .product-sort-c .right .col-left{padding-right:20px;}
	.product-sort-box .product-sort-c  .right .col-right .pro1{width: calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
		.product-sort-box .product-sort-c .left p{font-size: 26px;}
		.product-sort-box .product-sort-c .right .pro1 h6{font-size: 18px;}
	.product-sort-box .close{width:35px;height: 35px;top:5%;}
}

@media only screen and (max-width:1024px ) {
	.pro-menu{display:inline-block}
	.mb-pro-sort{display: inherit;}
.product-top{display: none;}
		.header{padding-bottom: 10px}
			.header3{padding: 20px 0 !important;}
	.header h1{width:96px;}
	.header2{padding: 15px 0;}
	.menu .menu-c .nav li a{font-size: 18px;}
	.menu .menu-c{width: 45%;}
	.menu .menu-c .cont p{font-size: 15px;}
	.menu .menu-c .nav{padding-left: 0;}
		.menu .menu-c .cont{padding-left: 0;}
		.menu .menu-c .cont p span{width: 20px;height: 20px;}
		.header .lang a{font-size: 15px;}
	
	
	
}
@media only screen and (max-width:720px ) {
		.header3{padding: 20px 0;}
	.menu-bn{right: 0;}
	.header .lang{margin-right: 30px;}	
		.menu .menu-c{width: 70%;}
		.menu .menu-c .nav-box {    padding:30% 5% 0 10%;}
}





.banner{overflow: hidden; width: 100%;height: auto;background: #FFFFFF;position: relative;z-index: 0;}
.banner .w85{position:relative;}
.banner .banner-left{width: 50%;padding-top: 10%; height: auto;}

.banner .pic{width: 55%;height:auto;position: absolute;right: 0;top: 5%;z-index: 1; height: auto;}
.banner .pic img{display: block;width: 100%;height: auto;}
.banner .tl{width: 100%;height: auto;line-height: 1.2;}
.banner .tl h5{font-size: 80px;font-family: "arial black";color: #000000;}
.banner .banner-left .item{width: 100%;height: auto;margin-top:50px;}
.banner .banner-left .item p{font-size: 46px;color: #000000;font-weight: bolder;}

.banner .banner-left .share{margin-top: 10%; width: 100%;height: auto;}
.banner .banner-left .share a{width:25px;height: auto;display: inline-block;margin-right: 3%;}
.banner .banner-left .share a img{display: block;width: 100%;height: auto;}
.banner .banner-left .share a.wx .ewm{display: none; position: absolute;left: 0;bottom: 100%;width: 120px;height: 120px;}
.banner .banner-left .share a.wx {position: relative;}
.banner .banner-left .share a.wx .ewm img{display: block;width: 100%;height: auto;}
.banner .banner-left .share a.wx:hover .ewm{display: inherit;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.banner:after{content: "";position: absolute;z-index: -1; width: 100%;right: -46%;height: 150%;top: -25%;border-radius: 100%;background:#efefef}

@media only screen and (max-width:1600px) {
	.banner .tl h5{font-size: 70px;}
	.banner .banner-left .item p{font-size: 40px;}
	.banner .banner-left .item{margin-top: 45px;}
}
@media only screen and (max-width:1400px) {
	.banner .tl h5{font-size: 56px;}
	.banner .banner-left .item p{font-size: 34px;}
	.banner .banner-left .item{margin-top: 40px;}
}
@media only screen and (max-width:1200px) {
	.banner .tl h5{font-size: 48px;}
	.banner .banner-left .item p{font-size:30px;}
	.banner .banner-left .item{margin-top: 35px;}
}
@media only screen and (max-width:1024px) {
	.banner .tl h5{font-size: 40px;}
	.banner .banner-left .item p{font-size:28px;}
	.banner .banner-left .item{margin-top: 30px;}

}
@media only screen and (max-width:720px) {
	.banner .tl h5{font-size: 40px;}
	.banner .banner-left .share a{width: 20px;height: auto;}
	.banner .banner-left{width: 100%;padding-top: 60px;}
	.banner .banner-left .item p{font-size:24px;}
	.banner .banner-left .item{margin-top: 15px;}
	.banner .pic{width: 100%;position: static;padding-left:10%;height: auto;margin-top: -20%;}
	.banner:after{position: absolute;right: -40%;top:45%;width:110%;height: 70%;}
}








.sys-txt{font-size: 20px;}
.sys-txt p{font-size: 20px;}
.sow{width: 100%;height: auto;position: relative;z-index: 0;background: #fafafa;}
.sow .sow-l{width: 50%; height: auto;float: right;padding-left: 6%;}
.sow .sow-l h6{position: relative; font-size: 30px;color: #000000;padding-bottom: 10px; margin-bottom: 30px;}
.sow .sow-l h6:before{content: "";position: absolute;left: 0;bottom: 0;width: 20px;height: 4px;background: #27b484; }
.sow .sow-l .txt{width: 100%;}
.sow .sow-l .txt p{color: #000000;}
.sow .sow-r{width: 50%;float:left;padding-right: 5%;}
.sow .sow-r img{display: block;width: 100%;height: auto;}
.sow:hover img{transform: scale(1.1);transition: all 0.5s ease;}

.feeder{width: 100%;height: auto;position: relative;z-index: 0;background: #FFFFFF;overflow: hidden;}
.feeder:after{content: "";position: absolute;right:-17%;top:-10%; width:45%;z-index: -1; height: 150%;border-radius: 100%;background: #efefef;}
.feeder .feeder-l{width: 50%; height: auto;float: left;}
.feeder .feeder-l .txt{width: 100%;}
.feeder .feeder-l .txt p{color: #000000;}
.feeder .feeder-r{width: 50%;float: right;padding-left: 5%;}
.feeder .feeder-r img{display: block;width: 100%;height: auto;}
.feeder:hover img{transform: scale(1.1);transition: all 0.5s ease;}
.scra{width: 100%;height: auto;position: relative;z-index: 0;background: #fafafa;}
.scra .scra-l{width: 50%; height: auto;float: right;padding-left: 6%;}
.scra .scra-l h6{position: relative; font-size: 30px;color: #000000;padding-bottom: 10px; margin-bottom: 30px;}
.scra .scra-l h6:before{content: "";position: absolute;left: 0;bottom: 0;width: 20px;height: 4px;background: #27b484; }
.scra .scra-l .txt{width: 100%;}
.scra .scra-l .txt p{color: #000000;}
.scra .scra-r{width: 50%;float:left;padding-right: 5%;}
.scra .scra-r img{display: block;width: 100%;height: auto;}
.scra:hover img{transform: scale(1.1);transition: all 0.5s ease;}
.frem{width: 100%;height: auto;position: relative;z-index: 0;background: #FFFFFF;overflow: hidden;}
.frem:after{content: "";position: absolute;right:-17%;top:-10%; width:35%;z-index: -1; height: 120%;border-radius: 100%;background: #efefef;}
.frem .frem-l{width: 50%; height: auto;float: left;}
.frem .frem-l h6{position: relative; font-size: 30px;color: #000000;padding-bottom: 10px; margin-bottom: 30px;}
.frem .frem-l h6:before{content: "";position: absolute;left: 0;bottom: 0;width: 20px;height: 4px;background: #27b484; }
.frem .frem-l .txt{width: 100%;height: auto;}
.frem .frem-l .txt p{color: #000000;}
.frem .frem-r{width: 50%;float: right;padding-left: 5%;}
.frem .frem-r img{display: block;width: 100%;height: auto;}
.frem:hover img{transform: scale(1.1);transition: all 0.5s ease;}
@media only screen and (max-width:1600px) {
.sow .sow-l  h6{font-size: 26px;}
.scra .scra-l h6{font-size: 26px;}
.frem .frem-l h6{font-size: 26px;}	
.sys-txt p{font-size: 18px;}

}
@media only screen and (max-width: 1400px) {
.sow .sow-l  h6{font-size: 24px;margin-bottom: 25px;}
.scra .scra-l h6{font-size: 24px;margin-bottom: 25px;}
.frem .frem-l h6{font-size: 24px;margin-bottom: 25px;}	
.sys-txt p{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
.sow .sow-l  h6{font-size: 20px;}
.scra .scra-l h6{font-size: 20px;}
.frem .frem-l h6{font-size: 20px;}	

.sys-txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
		.sow .sow-l  h6{font-size: 18px;margin-bottom: 15px;}
.scra .scra-l h6{font-size: 18px;margin-bottom: 15px;}
.frem .frem-l h6{font-size: 18px;margin-bottom: 15px;}
	.scra .scra-l h6:before{height: 3px;}
.sow .sow-l h6:before{height: 3px;}
.frem .frem-l h6:before{height: 3px;}
}
@media only screen and (max-width:720px) {

	.sow .sow-l{width: 100%;padding-left: 0;float: none;padding-right: 0;}
	.feeder .feeder-l{width: 100%;height: auto;float: none;padding-right: 0;}
	.scra .scra-l{width: 100%;padding-left: 0;float: none;padding-right: 0;}
	.frem .frem-l{width: 100%;padding-right: 0;float: none;padding-right: 0;}
	.sow .sow-r{width: 100%;padding-left: 0;float: none;padding-right: 0;padding-top: 30px;}
	.feeder .feeder-r{width: 100%;height: auto;float: none;padding-right: 0;padding-top: 30px;}
	.scra .scra-r{width: 100%;padding-left: 0;float: none;padding-right: 0;padding-top: 30px;}
	.frem .frem-r{width: 100%;padding-left: 0;float: none;padding-right: 0;padding-top: 30px;}
		.frem:after{top: 50%;height:450px;width: 450px;right:-200px;}
.feeder:after{top: 50%;height:400px;width:400px;right:-200px;}
}














.case{width: 100%;height: auto;position: relative;z-index: 0;}
.case:after{content:"";position: absolute;right: 0;top: 0;z-index: -1; width: 55%;height: 100%;background: #FAFAFA;}

.case .pic-con{width:55%;height: 90%;background: #FFFFFF; position: absolute;z-index: 1;top: 5%;left: 0;}
.case .pic-con a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.case .w85{overflow: hidden;}
.case .case-tl{width: 50%;float: right;padding-left: 12%;padding-bottom: 10%;}
.case .case-tl ul{width: 100%;height: auto;padding:5% 0 10% 0;}
.case .case-tl ul  li{transition: all 0.5s ease; margin-bottom: 20px; cursor: pointer; font-size: 30px; width:auto;height: auto;position: relative;}
.case .case-tl ul li .tl1{font-family: arial;font-weight: bolder;color: rgba(0,0,0,0.6);}
.case .case-tl ul li .tl2{color: #000000;display: none;}
.case .case-tl ul li:hover:before{content: "";width: 35px;height: 20px;position:absolute;left: 0;top: 50%;background: url(../img/a007.png)center no-repeat;background-size: cover;
transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.case .case-tl ul li:hover{padding-left: 45px;}
.case .case-tl ul li:hover .tl2{display: inherit;}
.case .case-tl ul li:hover .tl1{display: none;}

.case .case-tl ul li.cut:before{content: "";width: 35px;height: 20px;position:absolute;left: 0;top: 50%;background: url(../img/a007.png)center no-repeat;background-size: cover;
transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.case .case-tl ul li.cut{padding-left: 45px;}
.case .case-tl ul li.cut .tl2{display: inherit;}
.case .case-tl ul li.cut .tl1{display: none;}

@media only screen and (max-width:1600px) {
	.case .case-tl ul  li{font-size: 26px;}
}
@media only screen and (max-width:1400px) {
	.case .case-tl ul  li{font-size: 24px;}
}
@media only screen and (max-width:1200px) {
	.case .case-tl ul  li{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.case .case-tl ul  li{font-size: 18px;}
}
@media only screen and (max-width:720px) {
	.case .case-tl ul  li{font-size: 18px;margin-bottom: 10px;}
	.case{background: #f5f5f5;position: static;}
	.case:after{display: none;}
	.case .case-tl{width: 100%;height: auto;float: none;padding-bottom: 0;padding-left: 0;}
	.case .case-tl ul{padding: 0;}
	.case .pic-con{width: 100%;height:270px;padding: 30px 5% 0 5%;background: none;overflow: hidden; position:static;}
	.case .pic-con a{width: 100%;height:240px;position: static;}
	.case .case-tl ul li:hover:before{width: 28px;height: 16px;}
	.case .case-tl ul li.cut:before{width: 28px;height: 16px;}
	
}








.in-ab{width: 100%;height: auto;}
.in-ab .in-ab-l{width: 50%;height: auto;padding-right: 10%;float: left;}
.in-ab .in-ab-l .txt{width: 100%;height: auto;}
.in-ab .in-ab-l .txt p{font-size: 16px;color: #000000;}
.in-ab .in-ab-l .txt h5{color: #000000;font-size: 20px;margin-bottom: 45px;}
.in-ab .in-ab-r{padding-top: 5%; width: 50%;height: auto;float: right;}
.in-ab .in-ab-r .partner-js{width: 100%;height: auto;}
.in-ab .in-ab-r .partner-js .pic{cursor:default; width: 100%;height: auto;}
.in-ab .in-ab-r .partner-js .pic img{display: block;width: 100%;height: auto;
 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter:alpha(opacity=25); /* IE */  
-moz-opacity:0.25; /* 老版Mozilla */  
-khtml-opacity:0.25; /* 老版Safari */  
opacity: 0.25; /* 支持opacity的浏览器*/}
    .in-ab .in-ab-r .partner-js .pic:hover img{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    filter:alpha(opacity=100); /* IE */  
-moz-opacity:1; /* 老版Mozilla */  
-khtml-opacity:1; /* 老版Safari */  
opacity: 1; /* 支持opacity的浏览器*/}
@media only screen and (max-width: 1600px) {
	.in-ab .in-ab-l{width: 55%;}
	.in-ab .in-ab-r{width: 45%;}
	.in-ab .in-ab-l .txt h5{margin-bottom: 30px;font-size: 18px;}
}
@media only screen and (max-width: 1400px) {
	.in-ab .in-ab-l{width: 55%;}
		.in-ab .in-ab-l .txt p{font-size: 15px;}
	.in-ab .in-ab-r{width: 45%;}
		.in-ab .in-ab-l .txt h5{margin-bottom: 25px;font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
	.in-ab .in-ab-l{width: 55%;}
		.in-ab .in-ab-l .txt p{font-size: 15px;}
	.in-ab .in-ab-r{width: 45%;}
		.in-ab .in-ab-l .txt h5{margin-bottom: 25px;font-size: 15px;}
}
@media only screen and (max-width:1024px) {
		.in-ab .in-ab-l{width: 55%;padding-right: 5%;}
		.in-ab .in-ab-l .txt p{font-size: 14px;}
	.in-ab .in-ab-r{width:40%;}
		.in-ab .in-ab-l .txt h5{margin-bottom: 25px;font-size: 15px;}
}
@media only screen and (max-width:800px) {
			.in-ab .in-ab-l{width:100%;padding-right: 0%;}
		.in-ab .in-ab-l .txt p{font-size: 14px;}
			.in-ab .in-ab-r{width:100%;}
					.in-ab .in-ab-l .txt h5{margin-bottom: 15px;}
}









.footer{width: 100%;height: auto;position: relative;z-index: 0; background: #000000;}
.footer .left{width:50%;float: left;height: auto;}
.footer .left h5{margin-top: 5%; color: #FFFFFF;font-size: 190px;font-family: arial;line-height: 1;}
.footer .left .demand{width: 100%;color: #FFFFFF;font-size: 16px;text-align:left;margin-top: 15%;}
.footer .left .demand p{color: #FFFFFF;font-size: 16px;}
.footer .left .demand span{color: #FFFFFF;display: block;width: 100%;height: auto;margin-top: 15px;}
.footer .contact-pmd{position: absolute;bottom: 10%;left: 0;z-index: -1; background: none; height: auto; width: 100%;height: auto;padding: 0 7.5%;}
.footer .contact-pmd a{cursor: pointer; display:inline-block;line-height: 1; margin: 0 50px; text-align: center; color: rgba(255,255,255,0.03);font-family: arial;font-weight: bolder;  font-size: 240px;text-transform: uppercase;}

.footer .right{width: 35%;height: auto;float: right;}
.footer .right .cont{width: 100%;height: auto;}
.footer .right .cont li{margin-bottom: 25px; width: 100%;height: auto;}
.footer .right .cont li h6{font-size: 20px;color: #FFFFFF;font-weight: normal;}
.footer .right .cont li p{font-size: 18px;display: block; color: #FFFFFF;margin-top: 10px;}
.footer .right h2{margin-top:10%; font-size: 56px;color: #FFFFFF;font-family: arial;line-height: 1;}
.footer .right .share{ width: 100%;height: auto;margin-top: 20px;}
.footer .right .share  a{margin-right: 4%; width: 40px;border: 1px solid #FFFFFF; padding:8px;display: inline-block;}
.footer .right .share  a.wx{position: relative;}
.footer .right .share  a.wx .ewm{ width:120px;height: 120px;display: none; position: absolute;left: 0%;bottom:calc(100% + 10px);}
.footer .right .share a.wx .ewm img{display: block;width: 100%;height: auto;}
.footer .right .share  a.wx:hover .ewm{display: inherit;}


.footer .right .share a img{display: block;width: 100%;height: auto;}
.footer .right .share a:hover{background: rgba(255,255,255,0.1);}
.footer .right .copyr{width: 100%;height: auto;margin-top: 10%;}
.footer .right .copyr p{color: #FFFFFF;font-size: 16px;}
.footer .right .copyr p a{color: #FFFFFF;}
@media only screen and (max-width:1600px) {
.footer .left h5{font-size: 160px;}
.footer .right h2{font-size: 52px;}	
.footer .right .cont li h6{font-size: 18px;}
.footer .right .cont li p{font-size: 16px;}
.footer .contact-pmd a{font-size: 200px;}
}
@media only screen and (max-width:1400px) {
.footer .left h5{font-size: 140px;}
.footer .right h2{font-size:40px;}	
.footer .left .demand p{font-size: 15px;}
.footer .right .share  a{width: 35px;height: 35px;padding: 6px;}
.footer .right .cont li h6{font-size: 16px;}
.footer .right .cont li p{font-size: 15px;}
.footer .contact-pmd a{font-size: 160px;}
}
@media only screen and (max-width:1200px) {
.footer .left h5{font-size: 120px;}
.footer .right h2{font-size:32px;}	
.footer .contact-pmd a{font-size: 140px;}
.footer .right .cont li h6{font-size: 15px;}
.footer .right .cont li p{font-size: 15px;}
.footer .right .copyr p{font-size: 15px;}
.footer .left .demand p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.footer .left h5{font-size: 90px;}
.footer .right h2{font-size:26px;}	
.footer .contact-pmd a{font-size: 100px;}
.footer .right .cont li h6{font-size: 14px;}
.footer .right .cont li p{font-size: 14px;margin-top: 5px;}
.footer .right .share  a{width: 30px;height: 30px;padding:5px;}
.footer .right .copyr{margin-top: 8%;}
.footer .right .cont li{margin-bottom: 15px;}
.footer .right .copyr p{font-size: 14px;}
.footer .left .demand p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.footer .left{width: 100%;height: auto;}
	
	.footer .right{width: 100%;height: auto;padding-top: 20px;}
.footer .left h5{font-size:80px;margin-top: 0;}
.footer .right h2{font-size:24px;margin-top: 10px;}	
.footer .contact-pmd a{font-size: 100px;}
.footer .right .cont li h6{font-size: 14px;}
.footer .right .cont li p{font-size: 14px;}
.footer .right .share  a{width: 30px;height: 30px;padding:5px;}
.footer .right .copyr{margin-top:20px;}
.footer .right .copyr p{font-size: 14px;}
.footer .left .demand p{font-size: 14px;}
.footer .left .demand{margin-top: 20px;}
}



.bread-nav{font-size: 16px;color: #000000; padding-top: 100px;margin-top:3%; width: 100%;height: auto;}
.bread-nav a{margin: 0 10px font-size: 16px; color: #000000; display: inline-block;font-family: arial;text-transform: uppercase;}
.bread-nav a.bread-page{color: #27B484;}
.bread-nav a:first-child{padding-left: 30px;background: url(../img/a013.png)left center no-repeat;background-size: 20px 20px;}

	
@media only screen and (max-width:1400px) {
.bread-nav{padding-top: 80px;}
}
@media only screen and (max-width:1200px) {
.bread-nav{padding-top: 70px;font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.bread-nav{font-size: 14px;}
}

.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news ul li{width: 100%;height: auto;overflow: hidden;padding-bottom: 40px; border-bottom: 1px solid #dcdcdc;margin-bottom: 40px;}
.news ul li .pic{overflow: hidden; width:400px;float: left;height: auto;}
.news ul li .pic img{display: block;width: 100%;height: auto;}

.news ul li .con{width: calc(100% - 400px);float: right;padding-left: 5%;}
.news ul li .con .time{font-family: arial; width: 100%;height: auto;font-size: 16px;color: #999;}
.news ul li .con h6{font-size: 24px;color: #000000;overflow: hidden;margin-top: 30px;margin-bottom: 20px; text-overflow: ellipsis;white-space: nowrap;}
.news ul li .con .txt{width: 100%;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news ul li .con .txt p{color: #000000;}
.news ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.fy{width: 100%;height: auto;margin-top: 20px;text-align: center;}
.fy a{font-family: arial; font-size: 16px;color: #000000;display: inline-block;margin: 0 5px;padding: 0 10px;line-height: 30px;}
.fy a:hover{background: #27B484;color: #FFFFFF;}
.fy a.cut{background: #27B484;color: #FFFFFF}
@media only screen and (max-width:1600px) {
.news ul li .con h6{font-size: 22px;}
	
}
@media only screen and (max-width:1400px) {
.news ul li .con h6{font-size: 20px;margin-top: 25px;margin-bottom: 15px;}
.news ul li .con .txt{height:44px;}
.news ul li .pic{width: 350px;height: auto;}
.news ul li .con{width: calc(100% - 350px);}
.news ul li{padding-bottom: 40px;margin-bottom: 40px;}	
}
@media only screen and (max-width:1200px) {
.news ul li .con h6{font-size: 18px;margin-top: 25px;margin-bottom: 15px;}

.news ul li .time{font-size: 15px;}
.news ul li .pic{width: 300px;height: auto;}
.news ul li .con{width: calc(100% - 300px);}	
.news ul li{padding-bottom: 30px;margin-bottom: 30px;}
.fy a{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.news ul li .con h6{font-size: 16px;margin-top: 20px;margin-bottom: 10px;}
.news ul li .con .txt{height:42px;}
.news ul li .time{font-size: 14px;}
.news ul li .pic{width:250px;height: auto;}
.news ul li .con{width: calc(100% - 250px);}	
.news ul li{padding-bottom: 25px;margin-bottom: 25px;}
.fy{font-size: 14px;line-height: 24px;}
}

@media only screen and (max-width:720px) {
.news ul li .con h6{font-size: 16px;margin-top: 10px;margin-bottom: 10px;}

.news ul li .time{font-size: 14px;}
.news ul li .pic{width:100%;height: auto;float: none;}
.news ul li .con{width: 100%;padding-left: 0;float: none; margin-top:15px;}	
.news ul li{padding-bottom: 20px;margin-bottom: 20px;}
.news .more{margin-top: 20px;}
}



.news-d{width: 100%;height: auto;} 
.news-d .pn{width: 100%;height: auto;font-size: 16px;}
.news-d .pn .prev{display: inline-block; width: 50%;color: #000000; text-align: left;float: left;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.news-d .pn .next{width: 50%;display: inline-block;color: #000000; text-align: right;float: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-d .pn .next:hover,.news-d .pn .prev:hover{color: #27b484;}
.news-d .news-dt{width: 100%;height: auto;overflow: hidden;}
.news-d .news-dt h6{width:calc(100% - 110px);float: left;font-size: 24px;color: #000;}
.news-d .news-dt .return{display: inline-block;font-size: 16px;color: #000000;padding-right: 25px;background-size: 20px 20px;background:url(../img/a015.png); background-repeat: no-repeat;background-position: center right;}
.news-d .time{font-family: arial; font-size: 16px;color: #999;margin-top: 20px;}
.news-d .txt{width: 100%;height: auto;margin-top: 40px;}
.news-d .txt p{color:#000000}
.news-d .txt p img{max-width: 100%;height: auto;}
.news-dc{margin-top: 60px;margin-bottom: 50px; width: 100%;padding: 45px 0; height: auto;position: relative;}
.news-dc:after{z-index: -1; content: "";position: absolute;left: -3%;width:106%;top: 0; height: 100%;background: #f5f5f5;}


.box-bks{width: 100%;height:100%;position:absolute; top: 0;left: auto;right: 0;top: 0; overflow: hidden;z-index: -2;}
.box-bks .bg1{width: 24%;height: auto;position: absolute;top: 0;right: 0;}
.box-bks .bg1 img{display: block;width: 100%;height: auto;}


.box-bks2{width: 100%;height:100%;position:absolute; top: 0;left: auto;right: 0;top: 0; overflow: hidden;z-index: -2;}
.box-bks2 .bg1{width: 23%;height: auto;position: absolute;top: 0;right: 0;}
.box-bks2 .bg1 img{display: block;width: 100%;height: auto;}




@media only screen and (max-width:1600px) {
.news-d .news-dt h6{font-size: 22px;}
.news-d .news-dt time{font-size: 16px;}
.news-d .pn{font-size: 16px;}

}

	
@media only screen and (max-width: 1400px) {
.news-dc{margin-top: 50px;margin-bottom: 40px;}

.news-d .news-dt h6{font-size: 20px;}
.news-d .news-dt time{font-size: 15px;}
.news-d .pn{font-size: 15px;}
.news-d .news-dt .return{font-size: 15px;}

}
@media only screen and (max-width:1024px) {
	.news-dc{margin-top: 40px;margin-bottom:30px;}
	.news-d .pn{font-size: 14px;}
.news-d .news-dt h6{font-size: 18px; width: 100%;height: auto;float: none;}
.news-d .news-dt .return{float: none;margin-top: 10px;font-size: 15px;}	
.news-d .pn .prev{ width: 100%;float: none;}
.news-d .pn .next{width: 100%;height: auto;float: none;text-align: left;margin-top: 10px;}

}
@media only screen and (max-width:720px) {
		.news-dc{margin-top: 30px;margin-bottom:25px;}
.news-dc:after{display: none;}
.news-dc{padding:25px 10px;background: #f5f5f5;}	

.box-bks .bg1{width: 40%;}

.box-bks2 .bg1{width: 40%;}
}

.contact{width: 100%;height: auto;}
.contact .contact-c .w80{position:relative;}
.contact .title2{width: 100%;height:auto;margin-bottom:45px;}
.contact .contact-l{width: 50%;float: left;height: auto;}
.contact .contact-l form{width: 100%;height: auto;color: #000000;font-size: 16px;}
.contact .contact-l form .c1{border: none; width: 100%;height: 50px;line-height: 50px; color: #000000; margin-bottom: 25px; border-bottom: 1px solid #dcdcdc;background: none;height: 50px;line-height: 50px;}
.contact .contact-l form .c2{border: none;height: 50px;margin-bottom: 20px;color: #000000; border-bottom: 1px solid #DCDCDC;display: block;width: 100%;}
.contact .contact-l form .send{width: 200px;height: 50px; border-radius: 25px;border: none;background: #27B484;color: #FFFFFF;color: #FFFFFF;font-size: 16px;}
.contact .map{width: 43%;height:100%;position: absolute;right: 0;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.contact .map #map{width: 100%;height:100%;}
.contact .contact-l form .c1::-webkit-input-placeholder {color: #000000;}
.contact .contact-l form .c1::-moz-placeholder {color: #000000;}
.contact .contact-l form .c1::-o-placeholder {color: #000000;}
.contact .contact-l form .c1::-ms-input-placeholder {color: #000000;}
.contact .contact-l form .c2::-webkit-input-placeholder {color: #000000;}
.contact .contact-l form .c2::-o-placeholder {color: #000000;}
.contact .contact-l form .c2::-moz-placeholder {color: #000000;}
.contact .contact-l form .c2::-ms-input-placeholder {color: #000000;}
.contact .contact-l .cont{position: relative; padding: 20px 0; margin-top: 40px;width: 100%;height: auto;background: none;}
.contact .contact-l .cont p{font-size: 20px;color: #000;margin-bottom: 10px;}
.contact .contact-l .cont:before{width:100%;height: 100%;background: none;position: absolute; content: "";left: -100%;top: 0;}

@media only screen and (max-width:1600px) {
	.contact .contact-l .cont p{font-size: 18px;}
	.contact .contact-l form .send{width: 180px;height: 48px;}
	.contact .title2{margin-bottom: 40px;}
}

@media only screen and (max-width:1400px) {
	.contact .contact-l  .cont p{font-size: 16px;}
		.contact .contact-l form .send{width: 160px;height: 45px;font-size: 16px;}
		.contact .title2{margin-bottom: 35px;}
}
@media only screen and (max-width:1200px) {
	.contact .contact-l  .cont p{font-size: 15px;}
		.contact .contact-l form .send{width: 140px;height: 40px;font-size: 15px;}
		.contact .contact-l form .c1{height: 45px;line-height: 45px;margin-bottom: 10px;}
		.contact .contact-l form .c2{height: 45px;line-height: 45px;margin-bottom: 10px;}
}
@media only screen and (max-width:900px) {
	.contact .contact-l  .cont p{font-size: 14px;}
		.contact .contact-l form .send{width: 120px;height: 36px;font-size: 14px;}
		.contact .contact-l form{font-size: 14px;}
		.contact .title2{margin-bottom: 30px;}
}
@media only screen and (max-width:850px) {
	.contact .contact-l{width: 100%;height: auto;float: none;}
	.contact .contact-l  .cont p{font-size: 14px;}
		.contact .contact-l form .send{width: 120px;height: 36px;font-size: 14px;}
		.contact .contact-l form{font-size: 14px;}
		.contact .map{width: 100%;height: 300px;float:none;position: static;margin-top: 30px;}
}
.project{width: 100%;height: auto;}
.project .title2{margin-bottom: 45px;}
.project .project-list{width: 100%;height: auto;padding-bottom:3%;}
.project .project-list li{width: calc(33.3% - 8px);margin-right:12px;margin-bottom: 12px;overflow: hidden; height: auto;display: inline-block;vertical-align: top;}
.project .project-list li:nth-child(3n){margin-right:0;}
.project .project-list li a{position: relative; display: block;width: 100%;height: auto;}
.project .project-list li a .pic{width: 100%;height: auto;overflow: hidden;}
.project .project-list li a .pic img{display: block;width: 100%;height: auto;}
.project .project-list li a .bks{padding-top: 36%; background: rgba(35,35,35,0.60); top: 0;left: 0;width: 100%;text-align: center; height: 100%;top: 100%; position: absolute;}
.project .project-list li a .bks h6{color: #FFFFFF;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.project .project-list li a .bks .txt{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}
.project .project-list li a .bks .txt p{color: #FFFFFF;font-size: 16px;}
.project .project-list li:hover a .bks{top: 0;transition: all 0.5s ease;}
.project  .more{margin: 0 auto;}
@media only screen and (max-width:1600px) {
	.project .project-list li a .bks h6{font-size: 18px;}
	.project .project-list li a .bks .txt p{font-size: 16px;}
	.project .title2{margin-bottom: 40px;}
}
@media only screen and (max-width:1400px) {
	.project .project-list li a .bks h6{font-size: 16px;}
	.project .project-list li a .bks .txt p{font-size: 15px;}
	.project .title2{margin-bottom: 35px;}
}
@media only screen and (max-width:1200px) {
	.project .project-list li a .bks h6{font-size: 16px;}
	.project .project-list li a .bks .txt p{font-size: 15px;}
	.project .project-list li{width: calc(33.3% - 6px);margin-right: 9px;margin-bottom: 9px;}
	.project .title2{margin-bottom: 30px;}
}
@media only screen and (max-width:1024px) {
	.project .project-list li a .bks h6{font-size: 16px;}
	.project .project-list li a .bks .txt{margin-top: 5px;}
	.project .project-list li a .bks .txt p{font-size: 14px;}
	.project .project-list li{width: calc(33.3% - 3px);margin-right:4.5px;margin-bottom: 4.5px;}
}
@media only screen and (max-width:850px) {
	.project .project-list li a .bks h6{font-size: 16px;}
	.project .project-list li a .bks .txt{margin-top: 5px;}
	.project .project-list li a .bks .txt p{font-size: 14px;}
	.project .project-list li{width: calc(50% - 5px);margin-right:10px;margin-bottom:10px;}
	.project .project-list li:nth-child(3n){margin-right:10px;}
	.project .project-list li:nth-child(2n){margin-right:0;}
}
	
@media only screen and (max-width:480px) {
	.project .project-list li{width: calc(50% - 3px);margin-right:6px;margin-bottom:6px;}
	.project .project-list li:nth-child(3n){margin-right:6px;}
	.project .project-list li:nth-child(2n){margin-right:0;}
}

.project-d{width: 100%;height: auto;}
.project-d h6{color: #000000;font-size: 24px;}
.project-d .time{font-size: 16px;color:#999;margin-top: 10px;}
.project-d .txt{width: 100%;height: auto;margin-top: 35px;}
.project-d .txt p{color: #000000;font-size: 16px;}
.project-d .txt img{max-width: 100%;height: auto;}
.project-d .pn{width: 100%;height: auto;overflow: hidden;font-size: 16px;color:#000000;padding-top: 40px;margin-top: 40px;border-top: 1px solid #dcdcdc;}
.project-d .prev{width: 50%;float: left;color:#000000}
.project-d .next{width: 50%;float: right;text-align: right;color: #000000;}
.project-d .pn a:hover{color: #27b484;}

@media only screen and (max-width:1600px) {
	.project-d h6{font-size: 22px;}
	.project-d .time{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
	.project-d h6{font-size: 20px;}
	.project-d .time{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
	.project-d h6{font-size:18px;}
	.project-d .time{font-size: 15px;}
	.project-d .txt p{font-size: 15px;}
	.project-d .pn{font-size: 15px;}
}

@media only screen and (max-width:1024px) {
	.project-d h6{font-size:16px;}
	.project-d .time{font-size: 14px;}
	.project-d .txt p{font-size: 14px;}
	.project-d .pn{font-size: 14px;}
	.project-d .prev{width: 100%;height: auto;}
	.project-d .next{width: 100%;height: auto;text-align: left;margin-top: 10px;}
}
.service-top{width: 100%;height: auto;}
.service-top .service-top-c{position: relative; width: 100%;height: auto;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.service-top .service-top-c img{width: 100%;height:auto;display:block;}
.service-top .service-top-c .img2{display: none;}
.service-top .service-top-c .bks{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.service-top .service-top-c .con{position: absolute;text-align: center; left: 0%;top: 50%;width: 100%;height: auto;transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);}
.service-top .service-top-c .con h1{font-size: 34px;color: #FFFFFF;}
.service-top .service-top-c .con .more{margin: 0 auto;margin-top: 35px;}

@media only screen and (max-width:1600px) {
	.service-top{width: 100%;height: auto;}
	.service-top .service-top-c .con h1{font-size: 30px;}
	.service-top .service-top-c .con .more{margin: 0 auto;margin-top: 30px;}
}

@media only screen and (max-width:1400px) {
	.service-top .service-top-c .con h1{font-size: 28px;}
}
@media only screen and (max-width:1200px) {
	.service-top .service-top-c .con h1{font-size: 26px;}
	.service-top .service-top-c .con .more{margin: 0 auto;margin-top: 25px;}
}
@media only screen and (max-width:1024px) {
	.service-top .service-top-c .con h1{font-size: 24px;}
	.service-top .service-top-c .con .more{margin: 0 auto;margin-top: 20px;}
}
@media only screen and (max-width:720px) {
	.service-top .service-top-c .img1{display: none;}
	.service-top .service-top-c .img2{display:block}
		.service-top .service-top-c .con h1{font-size:20px;}
	.service-top .service-top-c .con .more{margin: 0 auto; margin-top: 20px;}
}

.commonly{width: 100%;height: auto;text-align: center;}
.commonly ul{width: 100%;height: auto;padding-bottom: 15px; overflow: hidden;}
.commonly ul li{width: calc(25% - 30px);display: block;float: left; vertical-align: top; margin-right: 40px; height: auto;background: #f5f5f5;padding: 0 35px; text-align: center;}
.commonly ul li:nth-child(4n){margin-right: 0;}
.commonly ul li .ico{margin: 0 auto; width: 50px;height:auto;margin-top:85px; }
.commonly ul li .ico img{display: block;width: 100%;height: auto;}
.commonly ul li .ico .img2{display: none;}
.commonly ul li:hover .ico .img1{display: none;}
.commonly ul li:hover .ico .img2{display: block;}
.commonly ul li:hover{background: #27b484;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.commonly ul li h6{font-size: 20px;color: #000000;padding-top:45px;width: 100%;height: auto;padding-bottom:20px;}
.commonly ul li .txt{width: 100%;height: auto;margin-bottom:40px;}
.commonly ul li .txt p{font-size: 16px;color: #000000;}
.commonly ul li:hover h6{color: #FFFFFF;}
.commonly ul li:hover .txt p{color: #FFFFFF;}

	
@media only screen and (max-width:1600px) {
.commonly ul li .ico{margin-top: 75px;width: 45px;height: 45px;}
.commonly ul li{width: calc(25% - 15px);margin-right: 20px;}	
.commonly ul li:nth-child(4n){margin-right: 0;}
.commonly ul li h6{font-size: 18px;padding-top: 45px;padding-bottom: 25px;}
}


@media only screen and (max-width:1400px) {
.commonly ul li{padding: 0 30px;}
.commonly ul li .ico{width: 40px;height: 40px;margin-top: 65px;}
.commonly ul li{width: calc(25% - 15px);margin-right: 20px;}	
.commonly ul li:nth-child(4n){margin-right: 0;}
.commonly ul li h6{font-size: 18px;padding-top: 40px;padding-bottom: 25px;}
.commonly ul li .txt p{font-size: 15px;}
}

@media only screen and (max-width:1200px) {
.commonly ul li{padding: 0 25px;}
.commonly ul li .ico{width: 40px;height: 40px;margin-top: 60px;}
.commonly ul li{width: calc(25% - 9px);margin-right: 12px;}	
.commonly ul li:nth-child(4n){margin-right: 0;}
.commonly ul li h6{font-size: 16px;padding-top:35px;padding-bottom: 25px;}
.commonly ul li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.commonly ul li{padding: 0 20px;}
.commonly ul li .ico{width: 35px;height: 35px;margin-top:55px;}
.commonly ul li{width: calc(25% - 9px);margin-right: 12px;}	
.commonly ul li:nth-child(4n){margin-right: 0;}
.commonly ul li h6{font-size: 16px;padding-top:35px;padding-bottom: 25px;}
.commonly ul li .txt p{font-size: 14px;}
}

@media only screen and (max-width:850px) {
.commonly ul li{padding: 0 15px;}
.commonly ul li .ico{width: 35px;height: 35px;margin-top:45px;}
.commonly ul li{width: calc(50% - 5px);margin-right: 10px;}	
.commonly ul li:nth-child(4n){margin-right: 10px;}
.commonly ul li:nth-child(2n){margin-right: 0px;margin-bottom: 10px;}
.commonly ul li h6{font-size: 16px;padding-top:25px;padding-bottom: 15px;}
.commonly ul li .txt p{font-size: 14px;}
}


.pre-service{width: 100%;height: auto;}
.pre-service .title2{text-align: center;}
.pre-service ul{width: 100%;height: auto;}
.pre-service ul li{width: 100%;height: auto;margin-bottom: 25px; padding: 20px 40px;background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.2);overflow: hidden;}
.pre-service ul li .pic{width: 160px;height: auto;display: inline-block;vertical-align: middle;}
.pre-service ul li .pic img{display: block;width: 100%;height: auto;}
.pre-service ul li .con{width:calc(100% - 160px);text-align: center; padding-left: 5%;vertical-align: middle; display: inline-block;}
.pre-service ul li .con a{display: inline-block;vertical-align: top; font-size: 16px;line-height: 30px; color: #000000; width: calc(33.3% - 10px);margin-right: 10px;text-align:left; padding-left: 40px;background-size:30px 30px;background-repeat: no-repeat;background-position: left center;}

@media only screen and (max-width:1600px) {
	.pre-service ul li .pic{width: 140px;}
	.pre-service ul li .con{width: calc(100% - 140px);}
}
@media only screen and (max-width:1400px) {
	.pre-service ul li{padding:20px  25px;}
	.pre-service ul li .pic{width: 140px;}
	.pre-service ul li .con{width: calc(100% - 140px);}
	.pre-service ul li .con a{font-size: 15px;}
}
@media only screen and (max-width:1200px) {
	.pre-service ul li{padding:20px  20px;}
	.pre-service ul li .pic{width: 120px;}
	.pre-service ul li .con{width: calc(100% - 120px);}
	.pre-service ul li .con a{font-size: 15px;padding-left: 40px;}
}

@media only screen and (max-width:1024px) {
	.pre-service ul li{padding:15px;}
	.pre-service ul li .pic{width: 90px;}
	.pre-service ul li .con{width: calc(100% - 90px);}
	.pre-service ul li .con a{width: calc(40% - 10px); font-size: 14px;padding-left: 35px;background-size: 25px 25px;line-height: 25px;}
.pre-service ul li .con a:first-child{width: calc(20% - 10px);}
}
@media only screen and (max-width:800px) {
		.pre-service ul li .pic{width: 80px;}
	.pre-service ul li .con{width: calc(100% - 80px);}
		.pre-service ul li{padding: 10px;margin-bottom: 15px;}
	.pre-service ul li .con a{display: block;width: 100%;padding-left: 30px; margin-bottom: 10px;background-size: 18px 18px;}
.pre-service ul li .con a:first-child{width: 100%;}
}

.after-service{background: #fafafa;width: 100%;height: auto;}
.after-service .after-ser-l{width: 40%;padding-right: 5%; height: auto;float: left;}
.after-service .after-ser-r{position: relative;width: 50%;height: auto;float: right;}
.after-service .after-ser-r img{display: block;width: 100%;height: auto;}
.after-service .after-ser-l .txt{margin-top: 35px; width: 100%;height: auto;}
.after-service .after-ser-l .txt p{font-size: 16px;color: #000000;}
.after-service .after-ser-l .txt h5{color: #000000;font-size: 22px;margin-bottom: 10px;}
.after-service .after-ser-l .after-ser-con{background: #27b484;position: relative;padding: 20px 0;margin-top: 65px;}
.after-service .after-ser-l .after-ser-con:before{content: "";left: -100%;top: 0; position: absolute;width: 100%;height: 100%;background: #27b484;}
.after-service .after-ser-l .after-ser-con p{color: #FFFFFF;font-size: 16px;display: block;width: 50%;display: inline-block;vertical-align: top;margin-bottom: 10px;}
.after-service .after-ser-l .after-ser-con p b{font-family: arial;font-size: 30px;}
@media only screen and (max-width:1600px) {
	.after-service .after-ser-l .txt h5{font-size: 20px;}
}
@media only screen and (max-width:1400px) {
		.after-service .after-ser-l{width: 45%;}
	.after-service .after-ser-l .txt h5{font-size:18px;}
	.after-service .after-ser-l .after-ser-con p b{font-size: 28px;}
}
@media only screen and (max-width:1200px) {
	.after-service .after-ser-l{width: 50%;}
	.after-service .after-ser-r{margin-top: 40px;}
	.after-service .after-ser-l .txt h5{font-size:18px;}
	.after-service .after-ser-l .txt p{font-size: 15px;}
	.after-service .after-ser-l .after-ser-con p b{font-size: 26px;}
	.after-service .after-ser-l .after-ser-con p{font-size: 15px;}
}
@media only screen and (max-width: 1024px) {
		.after-service .after-ser-l .txt p{font-size: 14px;}
	.after-service .after-ser-l .after-ser-con p b{font-size: 20px;}
	.after-service .after-ser-l .after-ser-con p{font-size: 14px;}
	.after-service .after-ser-l{width: 100%;height: auto;padding-right: 0;float: none;}
	.after-service .after-ser-r{display: none;}
	.after-service .after-ser-l .after-ser-con{margin-top: 30px;}
}
@media only screen and (max-width:720px) {
	.after-service .after-ser-l .txt h5{font-size: 16px;}
		.after-service .after-ser-r{display:block;float: none;margin-top: 30px;width: 100%;height: auto;}
}
.ser-question{width: 100%;height: auto;background: #f5f5f5;}
.ser-question .title2{text-align: center;}
.ser-question ul{width: 100%;height: auto;}
.ser-question ul li{width:calc(50% - 10px);display: inline-block;vertical-align: top; margin-right: 20px;margin-bottom: 15px; height: auto;background: #FFFFFF;padding:15px;}
.ser-question ul li:nth-child(2n){margin-right: 0;}
.ser-question ul li .tl{width: 100%;height: auto;padding: 10px 10px 10px 40px;position: relative;}
.ser-question ul li .tl h5{font-weight: normal; font-size: 20px;color: #000000;width: 100%;padding-right: 20px;}
.ser-question ul li .tl:before{content: "Q";position:absolute;left: 0;width:30px;line-height: 30px; height: 30px;text-align: center;top:calc(50% - 15px);font-size:16px; color: #FFFFFF;background: #27b484;}
.ser-question ul li .tl span{position: absolute;right: 10px;top: calc(50% - 5px); width: 20px;height: 10px;background:url(../img/a024.png)center no-repeat;background-size: cover;display: block;}
.ser-question ul li .answer{display: none; position: relative; width: 100%;height: auto;padding: 10px 10px 10px 40px;}
.ser-question ul li .answer:before{content: "A";position:absolute;left: 0;width:30px;line-height: 30px; height: 30px;text-align: center;top: 10px; font-size:16px; color: #27b484;background: #f5f5f5;}
.ser-question ul li .answer p{font-size: 16px;color: #000000;}
.ser-question ul li.cut .tl h5{color:#27b484;}
.ser-question ul li.cut .tl span{transform: rotate(180deg);}
.ser-question ul li.cut .answer{display: block;}
@media only screen and (max-width:1600px) {
.ser-question ul li .tl h5{font-size: 18px;}
.ser-question ul li .tl .answer p{font-size: 16px;}		
}
@media only screen and (max-width:1400px) {
	.ser-question ul li .tl h5{font-size: 18px;}
	.ser-question ul li .tl:before{width: 25px;height: 25px;line-height: 25px;top: calc(50% - 12.5px);}
	.ser-question ul li .answer:before{width: 25px;height: 25px;line-height: 25px;}
.ser-question ul li  .answer p{font-size: 16px;}	
}
@media only screen and (max-width:1200px) {
	.ser-question ul li .tl h5{font-size: 18px;}
	.ser-question ul li .tl:before{width: 25px;height: 25px;line-height: 25px;top: calc(50% - 12.5px);}
	.ser-question ul li .answer:before{width: 25px;height: 25px;line-height: 25px;}
.ser-question ul li  .answer p{font-size: 15px;}		
}
@media only screen and (max-width:1024px) {
	.ser-question ul li .tl h5{font-size: 16px;}
	.ser-question ul li .tl span{width: 15px;height: 6px;top: calc(50% - 3px);}
		.ser-question ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;padding: 10px;}
	.ser-question ul li .tl{padding: 10px 10px 10px 30px;}
	.ser-question ul li .answer{padding: 10px 10px 10px 30px;}
	.ser-question ul li  .answer p{font-size: 14px}
}
@media only screen and (max-width:720px) {
		.ser-question ul li{width: 100%;height: auto;margin-right: 0;margin-bottom: 10px;}
			.ser-question ul li .tl:before{width: 20px;height: 20px;line-height: 20px;font-size: 14px;top: calc(50% - 10px);}
	.ser-question ul li .answer:before{width: 20px;height: 20px;line-height: 20px;font-size: 14px;}
}

.about{width: 100%;height: auto;}
.about .about-l .txt{width: 100%;height: auto;}
.about .about-l .txt p{font-size: 16px;color: #000000;}
.about .about-l{width:45%;float: left;}
.about .about-r{width: 50%;float: right;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.about .about-r img{display: block;width:100%;height: auto;}
@media only screen and (max-width:1600px) {
	.about .about-l .txt p{font-size: 16px;}
}
@media only screen and (max-width:1400px) {
		.about .about-l .txt p{font-size:15px;}
}
@media only screen and (max-width:1200px) {
		.about .about-l .txt p{font-size:15px;}
}
@media only screen and (max-width:1024px) {
		.about .about-l .txt p{font-size:14px;}
		.about .about-r{margin-top: 40px;}
}
@media only screen and (max-width:850px) {
		.about .about-l .txt p{font-size:14px;}
		.about .about-l{width: 100%;}
		.about .about-r{margin-top: 40px;width: 100%;}
}

.ab-box1{z-index: 0; width: 100%;height: auto;background: #f2f3f4;position: relative;}
.ab-box1:before{content: "";width: 100%;height:260px;background: #FFFFFF;position: absolute;top: 0;left: 0;z-index: -1;}
.ab-box1 .salary{text-align: center; width: 100%;height: auto;}
.ab-box1 .salary .salary-list{width: 100%;height: auto;overflow: hidden;padding-bottom: 10px;padding-left: 5px;padding-right: 10px;}
.ab-box1 .salary .salary-list li{cursor: pointer; background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.2); width:calc(25% - 30px); float: left; margin-right: 40px; padding: 0 35px;  height: auto;}
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 0;}
.ab-box1 .salary .salary-list li .ico{width: 50px;height: auto;margin: 0 auto;margin-top: 85px;}
.ab-box1 .salary .salary-list li .ico img{display: block;width: 100%;height: auto;}
.ab-box1 .salary .salary-list li .ico .img2{display: none;}
.ab-box1 .salary .salary-list li h6{font-size: 20px;width: 100%;height: auto;padding-top: 50px;padding-bottom: 30px; color: #000000;}
.ab-box1 .salary .salary-list li .txt{width: 100%;height: auto;padding-bottom: 40px;}
.ab-box1 .salary .salary-list li .txt p{font-size: 16px;color: #000000;}
.ab-box1 .salary .salary-list li:hover{background: #27B484;}
.ab-box1 .salary .salary-list li:hover h6{color:#FFFFFF;}
.ab-box1 .salary .salary-list li:hover .txt p{color: #FFFFFF;}
.ab-box1 .salary .salary-list li:hover .ico .img1{display: none;}
.ab-box1 .salary .salary-list li:hover .ico .img2{display:inherit;}

@media only screen and (max-width:1600px) {
	.ab-box1 .salary .salary-list li .ico{margin-top: 75px;width: 45px;height: 45px;}
.ab-box1 .salary .salary-list li{width: calc(25% - 15px);margin-right: 20px;}	
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 0;}
.ab-box1 .salary .salary-list li h6{font-size: 18px;padding-top: 45px;padding-bottom: 25px;}
}


@media only screen and (max-width:1400px) {
		.ab-box1 .salary .salary-list li{padding: 0 30px;}
	.ab-box1 .salary .salary-list li .ico{width: 40px;height: 40px;margin-top: 65px;}
.ab-box1 .salary .salary-list li{width: calc(25% - 15px);margin-right: 20px;}	
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 0;}
.ab-box1 .salary .salary-list li h6{font-size: 18px;padding-top: 40px;padding-bottom: 25px;}
.ab-box1 .salary .salary-list li .txt p{font-size: 15px;}
}

@media only screen and (max-width:1200px) {
		.ab-box1 .salary .salary-list li{padding: 0 25px;}
	.ab-box1 .salary .salary-list li .ico{width: 40px;height: 40px;margin-top: 60px;}
.ab-box1 .salary .salary-list li{width: calc(25% - 9px);margin-right: 12px;}	
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 0;}
.ab-box1 .salary .salary-list li h6{font-size: 16px;padding-top:35px;padding-bottom: 25px;}
.ab-box1 .salary .salary-list li .txt p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.ab-box1 .salary .salary-list li{padding: 0 20px;}
	.ab-box1 .salary .salary-list li .ico{width: 35px;height: 35px;margin-top:55px;}
.ab-box1 .salary .salary-list li{width: calc(25% - 9px);margin-right: 12px;}	
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 0;}
.ab-box1 .salary .salary-list li h6{font-size: 16px;padding-top:35px;padding-bottom: 25px;}
.ab-box1 .salary .salary-list li .txt p{font-size: 14px;}
}

@media only screen and (max-width:850px) {
.ab-box1 .salary .salary-list li{padding: 0 15px;}
	.ab-box1 .salary .salary-list li .ico{width: 35px;height: 35px;margin-top:45px;}
.ab-box1 .salary .salary-list li{width: calc(50% - 5px);margin-right: 10px;}	
.ab-box1 .salary .salary-list li:nth-child(4n){margin-right: 10px;}
.ab-box1 .salary .salary-list li:nth-child(2n){margin-right: 0px;margin-bottom: 10px;}
.ab-box1 .salary .salary-list li h6{font-size: 16px;padding-top:25px;padding-bottom: 15px;}
.ab-box1 .salary .salary-list li .txt p{font-size: 14px;}
}






.ab-box1 .team-c{width: 100%;height: auto;text-align: center;}

.team-c{width: 100%;height: auto;}
.team-c .team-js{padding: 10px 25%; width: 100%;height: auto;overflow: hidden;}
.team-c .team-js .pic{width: 100%;height: auto;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.team-c .team-js .pic img{display: block;width: 100%;height: auto;}



.team-c .team-js .swiper-button-prev{
    background-image: url(../img/b015.jpg);
    left: 7.5%;
    right: auto;
}

.team-c .team-js .swiper-button-next{
    background-image: url(../img/b016.jpg);
    right: 7.5%;
    left: auto;
}
.team-c .team-js .swiper-button-prev,.team-c .team-js  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size:60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
}
@media only screen and (max-width:1600px) {
	.team-c .team-js .swiper-button-prev,.team-c .team-js  .swiper-button-next {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    -moz-background-size:50px 50px;
    -webkit-background-size: 50px 50px;
    background-size:50px 50px;

}
}
@media only screen and (max-width:1400px) {
	.team-c .team-js .swiper-button-prev,.team-c .team-js  .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    -moz-background-size:40px 40px;
    -webkit-background-size: 40px 40px;
    background-size:40px 40px;

}
}
@media only screen and (max-width:1024px) {
	.team-c .team-js .swiper-button-prev,.team-c .team-js  .swiper-button-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    -moz-background-size:30px 30px;
    -webkit-background-size: 30px 30px;
    background-size:30px 30px;
}
}
@media only screen and (max-width:720px) {
	.team-c .team-js .swiper-button-prev{
    left: 5%;
    right: auto;
}

.team-c .team-js .swiper-button-next{
    right: 5%;
    left: auto;
}
.team-c .team-js{padding: 10px 35px;}
}



.partner{width: 100%;height: auto;padding-bottom: 90px;}
.partner .partner-l{width: 50%;height: auto;padding-right: 15%;float: left;padding-top:0;}
.partner .partner-l .txt{width: 100%;height: auto;}
.partner .partner-l .txt p{font-size: 16px;color: #000000;}
.partner .partner-l .txt h5{color: #000000;font-size: 20px;margin-bottom: 45px;}
.partner .partner-r{width: 50%;height: auto;float: right;}
.partner .partner-r .partner-js{width: 100%;height: auto;}
.partner .partner-r .partner-js .pic{cursor:default; width: 100%;height: auto;}
.partner .partner-r .partner-js .pic img{display: block;width: 100%;height: auto;
 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter:alpha(opacity=25); /* IE */  
-moz-opacity:0.25; /* 老版Mozilla */  
-khtml-opacity:0.25; /* 老版Safari */  
opacity: 0.25; /* 支持opacity的浏览器*/}
.partner .partner-r .partner-js .pic:hover img{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    filter:alpha(opacity=100); /* IE */  
-moz-opacity:1; /* 老版Mozilla */  
-khtml-opacity:1; /* 老版Safari */  
opacity: 1; /* 支持opacity的浏览器*/}
@media only screen and (max-width: 1600px) {
	.partner{padding-bottom: 85px;}
.partner .partner-l{width: 55%;}
.partner .partner-r{width: 45%;}
.partner .partner-l .txt h5{margin-bottom: 30px;font-size: 18px;}
}
@media only screen and (max-width: 1400px) {
.partner{padding-bottom: 70px;}
.partner .partner-l{width: 55%;padding-top: 0%;}
.partner .partner-l .txt p{font-size: 15px;}
.partner .partner-r{width: 45%;}
.partner .partner-l .txt h5{margin-bottom: 25px;font-size: 16px;}
}
@media only screen and (max-width: 1200px) {
.partner .partner-l{width: 55%;padding-top: 0%;}
.partner .partner-l .txt p{font-size: 15px;}
.partner .partner-r{width: 45%;}
.partner .partner-l .txt h5{margin-bottom: 25px;font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.partner{padding-bottom: 65px;}
.partner .peartner-l{width: 55%;padding-right: 5%;}
.partner .partner-l .txt p{font-size: 14px;}
.partner .partner-r{width:40%;}
.partner .partner-l .txt h5{margin-bottom: 25px;font-size: 15px;}
}
@media only screen and (max-width:800px) {
	.partner{padding-bottom: 55px;}
.partner .partner-l{width:100%;padding-right: 0%;}
			.partner .partner-r .txt p{font-size: 14px;}
.partner .partner-r{width:100%;padding-top: 35px;}
.partner .partner-l .txt h5{margin-bottom: 15px;}
}


.join{width: 100%;height: auto;position: relative;z-index: 0;background: #FFFFFF;}
.join:before{content: "";position: absolute;left: 0;bottom: 0;z-index: -1; width: 100%; height:160px;background: #f2f3f4;}
.join .title2{text-align: center;}
.join-box{width: 100%;height: auto;padding: 0 20px 35px 20px; background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.join-top{background:#FFFFFF;border-bottom: 1px solid #dcdcdc;}
.join-top ul{width: 100%;height: auto;overflow: hidden;display:table;height: 70px;}
.join-top ul li{width: 20%;display: inline-block; font-size: 16px;font-weight: bolder; text-align: center;color: #000;
display:table-cell; vertical-align:middle;}

.join-t{width: 100%;height: auto;}
.join-t ul{width: 100%;height: auto;overflow: hidden;}
.join-t ul li{font-size: 16px;color: #333; height: 70px; cursor: pointer; border-bottom:1px solid #d2d2d2; width: 20%;text-align: center;float: left;
overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.join-b{display: none; width: 100%;}
.join-b-c{background: #f5f5f5;width: 100%;padding:4%;}
.join-b1{width: 100%;height: auto;border-bottom: 1px dashed #a0a0a0;}
.join-b1 li{margin-bottom: 30px;width: 100%;height: auto;}
.join-b1 h3{font-size: 16px;color: #333333;margin-bottom: 20px;}
.join-b1 p{font-size: 16px;color: #333333;}
.join-b2{width: 100%; height: auto;padding-top: 30px;}
.join-b2  p{color: #0A1944;font-size: 16px;}
.join-b2 .mail{display: inline-block;color:#27b484;}





@media only screen and (max-width:850px ) {
	.join-box{width: 100%;height: auto;padding: 0;padding-bottom: 30px;}
	.join-top{padding: 0 10px;}
	.join-t{padding: 0 10px;}
	.join-b{padding: 0 10px;}
	.join-top ul{height: 60px;}
	.join-top ul li{width: 33.3%;text-align: center;font-size: 14px;}

	.join-top ul li:nth-child(4){display: none;}
	.join-top ul li:nth-child(5){display: none;}
	.join-t ul li{height: 60px;}
	.join-t ul li{width: 33.3%;text-align: center;font-size: 14px;}
	.join-t ul li:nth-child(4){display: none;}
	.join-t ul li:nth-child(5){display: none;}
	.join-b1 h3{font-size: 14px;}
	.join-b1 p{font-size: 14px;}
	.join-b2{width: 100%; height: auto;padding-top: 20px;}
	.join-b2 p{font-size: 14px;}
}








.job-contact{padding-bottom: 90px;width: 100%;height: auto;background: #F2F3F4;}
.job-contact .pic{width: 45%;height: auto;float: left;}
.job-contact .pic img{display: block;width: 100%;height: auto;}
.job-contact .form{width: 50%;padding-left: 5%;height: auto;float: right;}
.job-contact .form form{width: 100%;height: auto;margin-top: 60px;}
.job-contact .form form .c1{width: calc(50% - 10px);background: #FFFFFF;font-size: 16px; border: none; box-shadow: 2px 2px 2px inset rgba(0,0,0,0.1);margin-right: 20px;margin-bottom: 20px;height: 50px;padding-left: 20px;}
.job-contact .form form .c1:nth-child(2){margin-right: 0;}
.job-contact .form form textarea{width: 100%;height: 180px;font-size: 16px; background: #FFFFFF;border:none;box-shadow: 2px 2px 2px inset rgba(0,0,0,0.1); padding-left: 20px;padding-top: 20px;}
.job-contact .form form .send{width: 200px;height: 50px;background: #27B484;border-radius: 25px;border: none;color: #FFFFFF;margin-top: 20px;}
.job-contact .form .summy{font-size: 16px;color: #000;margin-top: 15px;color: #000000;}


@media only screen and (max-width:1600px) {
	.job-contact .form form{margin-top: 55px;}
	.job-contact .pic{width: 50%;}
		.job-contact .form{padding-left: 10%;}
		.job-contact{padding-bottom: 80px;}
}

@media only screen and (max-width:1400px) {
	.job-contact{padding-bottom: 75px;}
	.job-contact .form{padding-left: 6%;}
	.job-contact .form form .c1{height: 45px;font-size: 15px;}
	.job-contact .form form textarea{height: 150px;font-size: 15px;}
	.job-contact .form form .send{width: 180px;height: 45px;font-size: 15px;}
	.job-contact .form form{margin-top: 40px;}
}
@media only screen and (max-width:1200px) {
	.job-contact .pic{width: 50%;}
	.job-contact{padding-bottom: 60px;}
	.job-contact .form{padding-left: 5%;}
	.job-contact .form .summy{font-size: 15px;}
	.job-contact .form form .c1{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.job-contact .form form{margin-top: 30px;}
		.job-contact .form form .c1{height: 40px;font-size: 15px;}
	.job-contact .form form textarea{height: 120px;font-size: 15px;}
		.job-contact .form form .send{width: 160px;height: 40px;font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.job-contact{padding-bottom: 55px;}
	.job-contact .form .summy{font-size: 14px;}
	.job-contact .form form .c1{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.job-contact .form form{margin-top: 25px;}
			.job-contact .form form .c1{height: 40px;font-size: 14px;}
	.job-contact .form form textarea{height: 120px;font-size: 14px;}
		.job-contact .form form .send{width: 160px;height: 40px;font-size: 14px;}
}
@media only screen and (max-width:850px) {
		.job-contact .pic{width: 100%;float: none;margin-top: 35px;}
			.job-contact .form{float: none;width: 100%;height: auto;padding-left: 0;}
		.job-contact .form .summy{font-size: 14px;}
	.job-contact .form form .c1{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.job-contact .form form{margin-top: 25px;}
			.job-contact .form form .c1{height: 36px;font-size: 14px;}
	.job-contact .form form textarea{height: 100px;font-size: 14px;}
		.job-contact .form form .send{width: 140px;height: 36px;font-size: 14px;}
}



.pro-banner{width: 100%;height: auto;margin-top: 67px;}
.pro-banner img{display: block;width: 100%;height: auto;}

.all-product{padding: 5% 0 0 0;width: 100%;height: auto;}
.product-list{padding: 3.5% 0;background: #FFFFFF;width: 100%;height: auto;}
.all-product  .product-list:nth-child(2n+1){background: #fafafa;}
.product-list ul{width: 100%;height: auto;margin-top: calc(5% - 20px);}
.product-list ul li{transition: all 0.5s ease;padding: 20px 0; display: inline-block;text-align: center; vertical-align: top; width: calc(25% - 30px);margin-right: 40px;height: auto;}
.product-list ul li:nth-child(4n){margin-right: 0;}
.product-list ul li .pic{position: relative; padding: 10px; background: #eeeeee; overflow:hidden;}
.product-list ul li .pic img{display: block;width: 100%;height: auto;}

.product-list ul li h6{font-size: 20px;color: #000000;margin-top: 25px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list ul li .mores{width:120px;color: #000000;font-size: 14px; line-height:35px; display: inline-block;border: 1px solid #27b484;border-radius: 22px;}
.product-list ul li .mores span{display: inline-block;padding-right: 15px;position: relative;}
.product-list ul li .mores span:before{content: "";position: absolute;right: 0;top:calc(50% - 6px);width: 8px;height: 12px; background:url(../img/a009s.png)center no-repeat;background-size: cover;}
.product-list ul li:hover .mores{color: #FFFFFF;background: #27b484;transition: all 0.5s ease;}
.product-list ul li:hover .mores span:before{background: url(../img/a009.png)center no-repeat;background-size: cover;}
.product-list ul li:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,0.2);transition: all 0.5s ease;}
.product-list ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.product-list ul li:hover .pic:before{position: absolute;content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.2);}


@media only screen and (max-width:1600px) {
	.product-list ul li{width: calc(25% - 22.5px);margin-right: 30px;padding: 15px 0;}
	.product-list ul li h6{font-size: 18px;margin-top: 20px;margin-bottom: 15px;}
}
@media only screen and (max-width:1400px) {
	.product-list ul li{width: calc(25% - 15px);margin-right: 20px;padding: 10px 0;}
	.product-list ul li h6{font-size: 18px;}
	.product-list ul li .mores{width: 100px;line-height: 30px;}
	.product-list ul li .mores span{font-size: 12px;}
}
@media only screen and (max-width: 1200px) {
		.product-list ul li{width: calc(25% - 7.5px);margin-right: 10px;padding: 10px 0;}
	.product-list ul li h6{font-size: 18px;}
	.product-list ul li .mores{width: 90px;line-height: 30px;}
	.product-list ul li .mores span{font-size: 12px;}
}

@media only screen and (max-width: 1024px) {
	.pro-banner{margin-top: 64px;}
		.product-list ul li{width: calc(33.3% - 10px);margin-right: 15px;padding: 10px 0;}
			.product-list ul li:nth-child(4n){margin-right: 15px;}
		.product-list ul li:nth-child(3n){margin-right: 0;}
	.product-list ul li h6{font-size: 16px;}
	.product-list ul li .mores{width: 90px;line-height: 30px;}
	.product-list ul li .mores span{font-size: 12px;}
	.product-top{display: none;}
}
@media only screen and (max-width:720px) {
	.all-product{padding-top: 50px;}
	.product-list{padding: 35px 0 45px 0;}
		.product-list ul li{width: calc(50% - 5px);margin-right: 10px;padding: 10px 0;}
		.product-list ul{margin-top:20px;}
			.product-list ul li:nth-child(4n){margin-right: 10px;}
		.product-list ul li:nth-child(3n){margin-right: 10px;}
		.product-list ul li:nth-child(2n){margin-right: 0;}
	.product-list ul li h6{font-size: 16px;}
	.product-list ul li .mores{width: 90px;line-height: 26px;}
	.product-list ul li .mores span{font-size: 12px;}
}



.product2-banner{position:relative; width: 100%;height: auto;background: #eeeeee;padding: 5% 0;margin-top: 67px;z-index: 1;}
.product2-banner .txt{width: 100%;height: auto;padding-top: 5%;padding-bottom: 50px;} 
.product2-banner .txt p{color: #000000;}
.product2-banner .product-banner-l{width: 50%;padding-right: 5%;display: inline-block;vertical-align: middle;  height: auto;}
.product2-banner .product-banner-r{width: 35%;display: inline-block;vertical-align:middle; height: auto;}
.product2-banner .product-banner-r img{display:block;width: 100%;height: auto;}
.product2-banner .bks{width: 38%;height: 100%;position: absolute;top: 0;right: 0;background-size: cover;background-repeat: no-repeat;background-position: center;z-index: -1;}
.product2-banner .product-banner-l .mores{text-align: center; width:120px;color: #fff;font-size: 14px; line-height:35px; display: inline-block;background: #27b484; border-radius: 22px;}
.product2-banner .product-banner-l .mores span{display: inline-block;padding-right: 15px;position: relative;}
.product2-banner .product-banner-l .mores span:before{content: "";position: absolute;right: 0;top:calc(50% - 6px);width: 8px;height: 12px; background:url(../img/a009.png)center no-repeat;background-size: cover;}


.bread-nav2{padding-top: 3%;margin-top: 0;}
@media only screen and (max-width:1600px) {
.product2-banner .txt{padding-bottom: 40px;}	
}
@media only screen and (max-width:1400px) {
.product2-banner .product-banner-l .mores{width: 100px;line-height: 30px;}
.product2-banner .product-banner-l .mores span{font-size: 12px;}
}

@media only screen and (max-width:1200px) {
	.product2-banner .product-banner-r{width: 40%;}
}
@media only screen and (max-width:1024px) {
	.product2-banner{margin-top: 64px;}
	.product2-banner .product-banner-r{width: 45%;}
}

@media only screen and (max-width:720px) {
	.product2-banner .product-banner-l{width: 100%;padding-right: 0;}
		.product2-banner{padding: 45px 0;}
			.product2-banner .product-banner-l .txt{margin-top: 30px;padding-top: 0;}
	.product2-banner .product-banner-r{width: 100%;height: 100%;}
	.product2-banner .bks{bottom: 0;top: auto;width: 100%;height:25%;}
		.product-list ul li .mores{width: 90px;line-height: 26px;}
	.product-list ul li .mores span{font-size: 12px;}
	.bread-nav2{margin-top: 35px;padding-top: 0;}
}


.product-d{width: 100%;height: auto;padding-top: 67px;}


.recom-pro{width: 100%;height: auto;}
.recom-pro .title2{text-align: center;}
.recom-pro-c{margin-top: 5%; width: 100%;height: auto;padding: 0 100px;position: relative;}
.recom-pro .recom-pro-js{width: 100%;height: auto;padding: 10px 0;}
.recom-pro .recom-pro-js a{text-align: center; width: 100%;height: auto;display: block;}
.recom-pro .recom-pro-js .pic{position: relative; padding: 10px; background: #eeeeee; overflow:hidden;}
.recom-pro .recom-pro-js .pic img{display: block;width: 100%;height: auto;}
.recom-pro .recom-pro-js h6{font-size: 20px;color: #000000;margin-top: 25px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recom-pro .recom-pro-js .mores{width:120px;color: #000000;font-size: 14px; line-height:35px; display: inline-block;border: 1px solid #27b484;border-radius: 22px;}
.recom-pro .recom-pro-js .mores span{display: inline-block;padding-right: 15px;position: relative;}
.recom-pro .recom-pro-js .mores span:before{content: "";position: absolute;right: 0;top:calc(50% - 6px);width: 8px;height: 12px; background:url(../img/a009s.png)center no-repeat;background-size: cover;}
.recom-pro .recom-pro-js a:hover .mores{color: #FFFFFF;background: #27b484;transition: all 0.5s ease;}
.recom-pro .recom-pro-js a:hover .mores span:before{background: url(../img/a009.png)center no-repeat;background-size: cover;}
.recom-pro .recom-pro-js a:hover .pic{box-shadow: 5px 5px 10px rgba(0,0,0,0.2);transition: all 0.5s ease;}

.recom-pro .recom-pro-js a:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.recom-pro .recom-pro-js a:hover .pic:before{position: absolute;content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0,0,0,0.2);}




.recom-pro .recom-pro-c .swiper-button-prev{
    background-image: url(../img/b015.jpg);
    left:0%;
    right: auto;
}
.recom-pro .recom-pro-c .swiper-button-next{
    background-image: url(../img/b016.jpg);
    right: 0%;
    left: auto;
}
.recom-pro .recom-pro-c .swiper-button-prev,.recom-pro .recom-pro-c  .swiper-button-next {
    position: absolute;
    top: 48%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size:60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.55;
}
@media only screen and (max-width:1600px) {
	.recom-pro .recom-pro-c{padding: 0 65px;}
.recom-pro .recom-pro-c .swiper-button-prev,.recom-pro .recom-pro-c  .swiper-button-next {
    width:50px;
    height: 50px;
    margin-top: -25px;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size:50px 50px;
}	
.recom-pro .recom-pro-js h6{font-size: 18px;}

}
@media only screen and (max-width: 1400px) {
	.recom-pro .recom-pro-c{padding: 0 55px;}
	.recom-pro .recom-pro-c .swiper-button-prev,.recom-pro .recom-pro-c  .swiper-button-next {
    width:40px;
    height:40px;
    margin-top: -20px;
    -moz-background-size:40px 40px;
    -webkit-background-size:40px 40px;
    background-size:40px 40px;
}
.recom-pro .recom-pro-js h6{font-size: 18px;}
.recom-pro .recom-pro-js .mores{width: 100px;line-height: 30px;}
.recom-pro .recom-pro-js .mores span{font-size: 12px;}
}


@media only screen and (max-width: 1200px) {
	.recom-pro .recom-pro-js h6{font-size: 16px;}
.recom-pro .recom-pro-js .mores{width: 90px;line-height: 30px;}
.recom-pro .recom-pro-js .mores span{font-size: 12px;}
}

@media only screen and (max-width: 1024px) {
	.product-d{padding-top: 65px;}
		.recom-pro .recom-pro-c{padding: 0 45px;}
	.recom-pro .recom-pro-c .swiper-button-prev,.recom-pro .recom-pro-c  .swiper-button-next {
    width:35px;
    height:35px;
    margin-top: -17.5px;
    -moz-background-size:35px 35px;
    -webkit-background-size:35px 35px;
    background-size:35px 35px;
}
	.recom-pro .recom-pro-js h6{font-size: 16px;}
.recom-pro .recom-pro-js .mores{width: 90px;line-height: 30px;}
.recom-pro .recom-pro-js .mores span{font-size: 12px;}

}
@media only screen and (max-width:720px) {
			.recom-pro .recom-pro-c{padding: 0 0px;}
	.recom-pro .recom-pro-c .swiper-button-prev,.recom-pro .recom-pro-c  .swiper-button-next {
    top: 30%;
    width:30px;
    height:30px;
    margin-top: -15px;
    -moz-background-size:30px 30px;
    -webkit-background-size:30px 30px;
    background-size:30px 30px;
}
.recom-pro .recom-pro-js h6{font-size: 16px;}
.recom-pro .recom-pro-js .mores{width: 90px;line-height: 26px;}
.recom-pro .recom-pro-js .mores span{font-size: 12px;}
}



.product-detail{width: 100%;height: auto;}
.product-detail .product-detail-c{width: 100%;height:auto;position:relative;overflow: hidden;}
.product-detail .product-detail-c .product-detail-cl{width:760px;position: absolute;top: 0;left: 0; height: auto;overflow: hidden;}
.product-detail .product-detail-c .product-detail-cr{width: calc(100% - 760px);float: right; padding-left: 5%;padding-right: 10px; height:500px;overflow-y: auto;overflow-x: hidden;}
.product-detail .product-detail-cr h6{color: #000;font-size: 30px;}
.product-detail .product-detail-cr .txt1{width: 100%; height: auto;margin-top: 30px;}
.product-detail .product-detail-cr .txt1 p{color: #000;}
.product-detail .product-detail-cr .customer{width: 100%;height: auto;color:#27b484;font-size: 24px;margin-top: 20px;}
.product-detail .product-detail-cr .customer span{font-size: 30px;font-family: arial;font-weight: bolder;}
.product-detail .product-detail-cr .cons{width: 100%;height: auto;padding: 30px 0;margin-top: 30px; border-top: 1px solid #dcdcdc;}
.product-detail .product-detail-cr .cons h5{border-bottom:1px solid #dcdcdc; font-size: 20px;color: #27B484;position: relative;padding-top: 20px;padding-bottom: 20px; padding-right: 20px;}
.product-detail .product-detail-cr .cons h5:before{position: absolute;content: "";right: 0;width: 10px;top: calc(50% - 1px); height: 2px;background: #27B484;}
.product-detail .product-detail-cr .cons h5:after{position: absolute;content: "";right: 4px;top:calc(50% - 5px);width: 2px;height:10px;background: #27B484;}
.product-detail .product-detail-cr .cons .txt2{border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}
.product-detail .product-detail-cr .cons .txt2:last-child{border-bottom: none;}
.product-detail .product-detail-cr .cons h5.cut:after{height: 0;}
.product-detail .product-detail-cr .cons h5.cut{border-bottom: none;}

.product-detail .product-detail-cl .pd-ll{position: absolute;top: 0;left: 0; width: 90px;height:100%;overflow: hidden;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{margin-bottom: 0px;width: 100%;height: 90px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 100%;height:90px; background-color: #f5f5f5;background-size:100%;background-repeat: no-repeat;background-position: center;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 110px);float: right;height: auto;}
.product-detail .product-detail-cl .pd-lr .pic{background: #f5f5f5;width: 100%;height: auto;}
.product-detail .product-detail-cl .pd-lr .pic img{display: block;width: 100%;height: auto;}
.product-detail .product-detail-cl .pd-ll .swiper-slide-thumb-active .pic{border: 1px solid #27b484;}

.product-detail .product-detail-c .product-detail-cr::-webkit-scrollbar{display: none !important;width: 0;height: 0;}
/*.product-detail .product-detail-c .product-detail-cr:hover::-webkit-scrollbar {
            width:3px;
            height: 10px;
            display: block;
        }
.product-detail .product-detail-c .product-detail-cr::-webkit-scrollbar-thumb {
            border-radius: 3px;
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
.product-detail .product-detail-c .product-detail-cr::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
            border-radius: 0;
            background: rgba(0,0,0,0.1);}*/
            
@media only screen and (max-width:1600px) {
.product-detail .product-detail-cr h6{font-size: 26px;}
.product-detail .product-detail-cr .customer{font-size: 22px;}
.product-detail .product-detail-cr .customer span{font-size: 26px;}
.product-detail .product-detail-c .product-detail-cl{width: 700px;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{height: 80px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 80px;height: 80px;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 90px);}
.product-detail .product-detail-c .product-detail-cr{width: calc(100% - 700px);}
.product-detail .product-detail-cr .cons h5{font-size: 20px;}
}

@media only screen and (max-width:1400px) {
.product-detail .product-detail-cr h6{font-size: 24px;}
.product-detail .product-detail-cr .cons h5{font-size: 18px;}
.product-detail .product-detail-cr .customer{font-size: 20px;}
.product-detail .product-detail-cr .customer span{font-size: 24px;}
.product-detail .product-detail-c .product-detail-cl{width: 650px;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{height: 75px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 75px;height: 75px;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 85px);}
.product-detail .product-detail-c .product-detail-cr{width: calc(100% - 650px);}
.product-detail .product-detail-cr .txt1{margin-top: 25px;}
.product-detail .product-detail-cr .cons{margin-top: 25px;}
}
@media only screen and (max-width:1200px ) {
	.product-detail .product-detail-cr h6{font-size: 20px;}
.product-detail .product-detail-cr .cons h5{font-size: 16px;}
.product-detail .product-detail-cr .customer{font-size: 18px;}
.product-detail .product-detail-cr .customer span{font-size: 20px;}
.product-detail .product-detail-c .product-detail-cl{width: 500px;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{height: 60px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 60px;height:60px;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 70px);}
.product-detail .product-detail-c .product-detail-cr{width: calc(100% - 500px);height: 400px;}
.product-detail .product-detail-cr .cons .txt2{padding: 15px 0;}
}
@media only screen and (max-width:1024px ) {
		.product-detail .product-detail-cr h6{font-size: 18px;}
.product-detail .product-detail-cr .cons h5{font-size: 15px;}
.product-detail .product-detail-cr .customer{font-size: 16px;}
.product-detail .product-detail-cr .customer span{font-size: 18px;}
	.product-detail .product-detail-c .product-detail-cl{width: 400px;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{height: 50px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 50px;height:50px;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 60px);}
.product-detail .product-detail-c .product-detail-cr{width: calc(100% - 400px);height: 300px;}
}
@media only screen and (max-width:850px ) {
	.product-detail .product-detail-cr .txt1{margin-top: 15px;}
.product-detail .product-detail-cr .cons{margin-top: 15px;padding-bottom: 0;padding-top: 20px;}
	.product-detail .product-detail-c .product-detail-cl{width:100%;position: static;height: auto;position: relative;}
.product-detail .product-detail-cl .pd-ll .swiper-slide{height:35px;}
.product-detail .product-detail-cl .pd-ll .pic{width: 40px;height:35px;}
.product-detail .product-detail-cl .pd-lr{width: calc(100% - 50px);}
.product-detail .product-detail-c .product-detail-cr{width:100%;height: auto;margin-top: 35px;float: none;padding-left: 0;}
}






.rt-bar{ box-shadow: 0 -5px 10px rgba(0,0,0,0.1); width:80px;z-index: 999; height: auto;position: fixed;top: 55%;right: 0;font-size: 0;clear: both;}
.rt-bar li{ overflow: hidden; float: right; position: relative; width: 80px;height: 80px;background:rgba(255,255,255,0.6);}
.rt-bar li .pic{width:80px;height: auto;margin: 0 auto;float: left;}
.rt-bar li .pic img{display: block;width: 100%;height: auto;}
.rt-bar li .img2{display:none;}
.rt-bar .tel .tel-c{font-family: 'TCM';font-size: 22px;text-align: center; color:#FFFFFF;position: absolute;left: 80px;top: 0;width:180px;line-height: 80px;} 
.rt-bar li:hover{background: rgba(0,0,0,0.4);transition: all 0.4s ease;}
.rt-bar .tel:hover{width: 260px;}
.rt-bar li:hover  .img1{display: none;}
.rt-bar li:hover .img2{display: inherit;}
.rt-bar li .wx-c{display: none; width: 80px;height:80px;position: absolute;right: 80px;left: auto;  top: 0;}
.rt-bar li .wx-c img{width: 100%;height: auto;display: block;}
.rt-bar .wx:hover{width: 160px;}
.rt-bar .wx:hover .pic{float: right;}
.rt-bar .wx:hover .wx-c{display: block;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.rt-bar .top{cursor: pointer;}

@media only screen and (max-width:1024px) {
	.rt-bar{width: 60px;height: auto;}
	.rt-bar li{width: 60px;height: 60px;}
	.rt-bar li .pic{width: 60px;}
	.rt-bar li .wx-c{display: none; width: 60px;height:60px;position: absolute;right: 60px;left: auto;  top: 0;}
	.rt-bar .tel .tel-c{font-family: 'TCM';font-size: 20px;text-align: center; color:#FFFFFF;position: absolute;left: 60px;top: 0;width:160px;line-height: 60px;} 
.rt-bar li:hover{background: rgba(0,0,0,0.4);transition: all 0.4s ease;}
.rt-bar .tel:hover{width: 220px;}
.rt-bar li .wx-c img{width: 100%;height: auto;display: block;}
.rt-bar .wx:hover{width: 120px;}
}