﻿

/*----------------------------------------------------------------------------- */
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}


html {
	height: 100%;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#252525;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
.lf{ float:left;}
.rg{ float:right;}

.padding-0 {padding:0px;}
.pd0{padding: 0 !important;}
.f16{font-size: 16px;}
.bold{font-weight: bold;}

/*字体*/
/*字体*/
body {
	font-family:"微软雅黑","宋体",Arial;
	font-size: 14px;
	line-height: 24px;
	color: #4c4c4c;
    overflow-x:hidden;
    padding:0px;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
/*img {max-width:100%;}*/
ul {margin:0px; padding:0px; list-style:none}
.none-padding {padding:0px;}


/*hovers*/
.mouseover-1 {position: relative;background: #000;display: block;overflow: hidden;display: block;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.mouseover-1 img {display: block;width: 100%;height: auto;transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);-webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}
.mouseover-1 img:nth-child(1) {opacity: .7;}
.mouseover-1 img:nth-child(2) {position: absolute;left: 0;top: 0;}
.mouseover-1:hover img:nth-child(1) {transform: scale(1.2);-webkit-transform: scale(1.2);}
.mouseover-1:hover img:nth-child(2) {transform: scale(.9);-webkit-transform: scale(.9);}

@media (max-width: 767px){
   .container {padding:0px;margin-left:15px;margin-right:15px;}
}
@media (min-width: 768px) {
    .container{width:auto; margin: 0 15px; padding: 0;}
    .container {margin: 0 3%;}
}
@media (min-width: 1200px) {
    .container{width:auto; margin: 0 15px; padding: 0;}
    .container {margin: 0 6%;}
}
@media (min-width: 1440px) {
    .container{width:auto; margin: 0 15px; padding: 0;}
    .container {margin: 0 8.3835%;}
}

/*手机导航*/
@media (max-width: 767px) {
    .moblie_head{ display:block; background:#fff; padding:20px 5%; position:fixed; width:100%; z-index:1005;border-bottom:1px solid #ababab}
    .moblie_head .rg{ padding-top:12px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1005;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
}
.carousel-inner img {width:100%;}

/*头部*/
header {float:left;width:100%;height:1.36rem;background:#fff;}
header .logo {float:left;height:.92rem;margin-top:.22rem}
header .logo img{float:left;}
header .tr {float:right;}
header .top1 {float:right;margin-top:.12rem}
header .top1 .im {float:left;height:.21rem;}
header .top1 .im img{float:left;height:100%;}
header .top1 .im p{float:left;color:#05a15f;font-size:.18rem;font-weight:bold;margin-left:10px;line-height:.21rem}
header .top1 .im p a {color:#05a15f}
header .top1 .is {float:left;background:url(../images/line.png) no-repeat center;height:.21rem;padding:0 .3rem}
header .top1 .lp {float:left;margin-left:1.35rem;}
header .top1 .lp a{float:left;font-size:.14rem;line-height:.21rem;}
header .top1 .lp span {float:left;width:.19rem;margin:0 .1rem;display:block;height:.21rem;background:url(../images/lp.jpg) no-repeat center}

header .top2 {float:right;}
header .top2 > ul {float:left;margin-top:.1rem;height:.93rem}
header .top2 > ul > li{float:left;height:.93rem;line-height:.93rem;margin:0 .2rem}
header .top2 > ul > li > a{float:left;font-size:.18rem;color:#434343}
header .top2 > ul > li > a:after {border-bottom:4px solid #05a15f;width:0px;content: ""; display:block;margin-top:-4px;transition:width 0.5s;  -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
header .top2 > ul > li > a:hover:after {width:100%}
.box-search {float:left;position:relative;width:135px;margin-top:.4rem;margin-left:.5rem}
.box-search #KW {float:left;width:120px;height:35px;border:1px solid #05a15f;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-left:15px;padding-right:30px;}
.box-search #sbut {float:left;width:35px;height:35px;background:url(../images/search.png) no-repeat center #05a15f;border:none;border-radius:50px;position:absolute;right:0;top:0}

.fixed-header-on header {position:fixed;top:0px;z-index:9999;border-bottom:1px solid #e2e2e2;height:.8rem;}
.fixed-header-on header .logo {height:.8rem;margin-top:.1rem}
.fixed-header-on header .logo img{height:.6rem}
.fixed-header-on header .top1 {display:none}
.fixed-header-on header .top2 > ul {margin-top:0;height:.8rem}
.fixed-header-on header .top2 > ul > li{height:.8rem;line-height:.8rem;margin:0 .2rem}
.fixed-header-on header .box-search {margin-top:.25rem;}


@media (min-width: 768px) and (max-width: 991px) {
    header .logo {margin-top:.5rem}
    header .logo img{height:.6rem}
    header .top2 > ul > li{margin:0;margin-left:.3rem}
    .box-search {display:none;}
    .fixed-header-on header .top2 > ul > li{margin:0 .15rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    header .logo {margin-top:.5rem}
    header .logo img{height:.6rem}
    header .top2 > ul > li{margin:0 .11rem}
    .fixed-header-on header .top2 > ul > li{margin:0 .1rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    header .logo {margin-top:.4rem}
    header .logo img{height:.7rem}
    header .top2 > ul > li{margin:0 .13rem}
    .fixed-header-on header .top2 > ul > li{margin:0 .15rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    header .logo {margin-top:.4rem}
    header .logo img{height:.7rem}
    header .top2 > ul > li{margin:0 .16rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    header .logo {margin-top:.3rem}
    header .logo img{height:.8rem}
    header .top2 > ul > li{margin:0 .16rem}
}
@media (min-width: 1600px) and (max-width: 1780px) {
    header .top2 > ul > li{margin:0 .15rem}
}


ol.carousel-indicators li{width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #05a15f;border:none;position:relative;margin:0 10px;}
ol.carousel-indicators li::after{content: "";display: block;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
ol.carousel-indicators li.active {background:#05a15f;width:8px;height:8px;margin:0 10px;}
ol.carousel-indicators li.active::after{width: 16px;height: 16px;border: 1px solid #05a15f;}


@media (max-width: 767px){
    #carousel-generic {margin-top:80px;}
}

.idx1 {float:left;width:100%;}
.idx1 .container {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;position:relative;}
.col1 img {width:100%;}
.col2 {padding:0px 1rem}
.col2 .p1 {float:left;width:100%;font-size:.16rem;color:#05a15f;line-height:.6rem;margin-top:.6rem}
.col2 .p2 {float:left;width:100%;font-size:.4rem;color:#191919;line-height:.45rem;}
.col2 .p2 span {color:#05a15f;font-weight:bold;}
.col2 .p3 {float:left;width:100%;font-size:.14rem;margin-top:.35rem;color:#999}
.col2 .numList {float:left;width:100%;margin-top:.8rem;}
.col2 .num{float:left;width:30%;background:url(../images/dline.jpg) no-repeat right center}
.col2 .num:nth-child(3) {background:none}
.col2 .num:nth-child(1) {width:20%}
.col2 .num:nth-child(2) {width:40%;padding-left:10%}
.col2 .num:nth-child(3) {width:40%;padding-left:10%}
.col2 .num strong{font-size:.3rem;font-weight:normal;color:#191919;line-height:.5rem;}
.col2 .num div{color:#a4a4a5;font-size:.16rem;line-height:.24rem;}
.col2 .abs {float:left;margin-top:1rem}


.lm {font-size:.16rem;color:#05a15f;border:1px solid #05a15f;padding:.1rem .5rem;float:left;position:relative;}
.lm:before {width:0px;height:100%;display:block;position:absolute;left:0;top:0;content:" ";background:#05a15f;z-index:-1;transition:width 0.5s;  -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
.lm:hover:before {width:100%;}
.lm:hover {color:#fff;}

@media (max-width: 767px) {
    .idx1 .container{padding-top:15px;margin-left:0px;margin-right:0px;}
    .col2 {padding:0px 15px}
    .col2 .p1 {font-size:14px;line-height:.6rem;margin-top:.2rem}
    .col2 .p3 {font-size:14px;margin-top:.15rem;}
    .col2 .numList {margin-top:.2rem;}
    .col2 .abs {margin-top:.3rem}
    .lm {font-size:16px;padding:.1rem 0;text-align:center;width:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .col2 {padding:0px .3rem}
    .col2 .p1 {margin-top:.25rem}
    .col2 .p2 {font-size:.35rem;}
    .col2 .p3 {margin-top:.15rem;height:.4rem;line-height:.2rem;overflow:hidden;}
    .col2 .numList {margin-top:.2rem;}
    .col2 .num strong{font-size:.24rem;}
    .col2 .abs {margin-top:.2rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col2 {padding:0px .3rem}
    .col2 .p1 {margin-top:.25rem}
    .col2 .p2 {font-size:.35rem;}
    .col2 .p3 {margin-top:.15rem;}
    .col2 .numList {margin-top:.2rem;}
    .col2 .num strong{font-size:.24rem;}
    .col2 .abs {margin-top:.2rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .col2 {padding:0px .4rem}
    .col2 .p1 {margin-top:.3rem}
    .col2 .p2 {font-size:.35rem;}
    .col2 .numList {margin-top:.3rem;}
    .col2 .num strong{font-size:.28rem;}
    .col2 .abs {margin-top:.4rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .col2 {padding:0px .6rem}
    .col2 .p1 {margin-top:.5rem}
    .col2 .p2 {font-size:.35rem;}
    .col2 .numList {margin-top:.4rem;}
    .col2 .num strong{font-size:.28rem;}
    .col2 .abs {margin-top:.5rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .col2 {padding:0px .6rem}
    .col2 .p1 {margin-top:.5rem}
    .col2 .p2 {font-size:.35rem;}
    .col2 .numList {margin-top:.4rem;}
    .col2 .num strong{font-size:.28rem;}
    .col2 .abs {margin-top:.5rem}
}
@media (min-width: 1600px) and (max-width: 1780px) {
    .col2 .p2 {font-size:.35rem;}
    .col2 .numList {margin-top:.6rem;}
    .col2 .num strong{font-size:.28rem;}
    .col2 .abs {margin-top:.5rem}
}

.idx2 {float:left;width:100%;}
.idx2 .container {border-right:1px solid #e2e2e2;position:relative;}
.idx2 .upper {width:15px;background:#fff;position:absolute;left:-8px;top:137px;height:90px;background:url(../images/adv.png) #fff;}
.idx2 .list {float:left;width:100%;}
.idx2 .list:nth-child(2) {border-left:1px solid #e2e2e2;}
.idx2 .ml{padding:0px 1rem}
.idx2 .mr img{width:100%;}

.ml .p1 {float:left;width:100%;font-size:.16rem;color:#05a15f;line-height:.6rem;margin-top:.6rem}
.ml .p2 {float:left;width:100%;font-size:.4rem;color:#191919;line-height:.45rem;}
.ml .p2 span {color:#05a15f;font-weight:bold;}
.ml .p3 {float:left;width:100%;font-size:.14rem;margin-top:.35rem;color:#999}
.ml .abs {float:left;margin-top:.6rem}

@media (max-width: 767px) {
    .idx2 .container{padding-top:15px;margin-left:0px;margin-right:0px;border-left:1px solid #e2e2e2;}
    .idx2 .list:nth-child(2) {border-left:none}
    .idx2 .list:nth-child(3) {border-left:none;margin-top:15px;}
    .idx2 .list:nth-child(4) {margin-top:15px;}
    .idx2 .ml{padding:0px 15px}
    .ml .p1 {font-size:14px;line-height:.6rem;margin-top:.2rem}
    .ml .p3 {font-size:14px;margin-top:.15rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .ml .p1 {margin-top:.1rem}
    .idx2 .ml{padding:0px .3rem}
    .ml .p2 {font-size:.25rem;}
    .ml .p3 {margin-top:0;height:.46rem;line-height:.23rem;overflow:hidden;}
    .ml .abs {margin-top:.1rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ml .p1 {margin-top:.2rem}
    .idx2 .ml{padding:0px .3rem}
    .ml .p2 {font-size:.25rem;}
    .ml .p3 {margin-top:.25rem;}
    .ml .abs {margin-top:.1rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .ml .p1 {margin-top:.3rem}
    .idx2 .ml{padding:0px .4rem}
    .ml .p2 {font-size:.35rem;}
    .ml .p3 {margin-top:.25rem;}
    .ml .abs {margin-top:.3rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .ml .p1 {margin-top:.4rem}
    .idx2 .ml{padding:0px .6rem}
    .ml .p2 {font-size:.35rem;}
    .ml .abs {margin-top:.4rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .ml .p1 {margin-top:.4rem}
    .idx2 .ml{padding:0px .6rem}
    .ml .p2 {font-size:.35rem;}
    .ml .abs {margin-top:.4rem}
}
@media (min-width: 1600px) and (max-width: 1780px) {
    .ml .p2 {font-size:.35rem;}
    .ml .abs {margin-top:.5rem}
}

.idx3 {float:left;width:100%;margin-top:.75rem;padding-bottom:.4rem}
.idx3 .t1 {float:left;width:100%;}
.idx3 .t1 .l{float:left;}
.idx3 .t1 .l img{float:left;}
.idx3 .t1 ul{float:right;margin-top:.1rem}
.idx3 .t1 ul li{float:left;height:.2rem;line-height:.2rem;padding:0 .2rem;border-left:1px solid #b5b5b5}
.idx3 .t1 ul li:first-child {border-left:none}
.idx3 .t1 ul li a{float:left;font-size:.18rem;color:#202020;}
.idx3 .t1 ul li a:hover{color:#05a15f;}
.idx3 .t1 ul li a.hover{color:#05a15f;}
.idx3 .t2 {float:left;width:100%;margin-top:.2rem}
.idx3 .t2 .item {float:left;display:block;width:32.33333333%;border:1px solid #fff;border-radius:20px;padding:.3rem 0;border:1px solid #bfbfbf;margin-right:1.5%}
.idx3 .t2 .item span {float:left;font-size:.24rem;color:#05a15f;line-height:.5rem;margin-left:.5rem;text-transform:uppercase;opacity:1}
.idx3 .t2 .item img {float:left;width:100%;}
.idx3 .t2 .item p {float:left;width:100%;text-align:center;font-size:.2rem;color:#202020;opacity:1;margin-top:-.2rem}
.pcp_ML .item:last-child {margin-right:0px;}

/*.idx3 .t2 .item:hover {border:1px solid #bfbfbf;}
.idx3 .t2 .item:hover span{opacity:1}
.idx3 .t2 .item:hover p{opacity:1}
.idx3 .t2 .item.hover {border:1px solid #bfbfbf;}
.idx3 .t2 .item.hover span{opacity:1}
.idx3 .t2 .item.hover p{opacity:1}*/


@media (max-width: 767px) {
    .idx3 .t1 .l img{height:1rem}
    .idx3 .t1 ul{margin-top:.4rem;display:none}
    .idx3 .t1 ul li{}
    .idx3 .t1 ul li a{font-size:14px;}
    .idx3 .t2 .item {border:1px solid #bfbfbf;padding:.2rem 0;width:33%;margin-right:0.5%;}
    .idx3 .t2 .item:last-child {margin-right:0%;}
    .idx3 .t2 .item span {font-size:14px;margin-left:0;width:100%;text-align:center;opacity:1}
    .idx3 .t2 .item p{opacity:1}
    .idx3 .footer__subnavSelect{float:left;width:100%;background:#FFF;height:45px;border:0;border:1px solid #bfbfbf;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#788791;padding:2px 15px 0;background-color:#FFF;background-image:url("../images/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:block;margin-top:20px;}

    .idx3 .t2s .item {float:left;display:block;width:49%;border:1px solid #fff;border-radius:20px;margin-right:0px;border:1px solid #bfbfbf;margin-bottom:20px;margin-right:2%}
    .idx3 .t2s .item:nth-child(2n) {margin-right:0px;}
    .idx3 .t2s .item  p {line-height:.24rem;height:.48rem;overflow:hidden;margin-top:0px;padding:0px 5px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .idx3 .t1 .l img{height:.6rem}
    .idx3 .t1 ul{float:left;width:100%;margin-top:.2rem}
    .idx3 .t2 {float:left;width:100%;margin-top:.4rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .idx3 .t1 .l img{height:.6rem}
    .idx3 .t1 ul{float:right;margin-top:-.2rem;z-index:1;}
    .idx3 .t2 {float:left;width:100%;margin-top:.4rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .idx3 .t1 .l img{height:.6rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .idx3 .t1 .l img{height:.7rem}
}
@media (min-width: 1440px) and (max-width: 1599px) {

}

.idx4 {float:left;width:100%;background:#eaebeb;padding-top:.75rem;}
.idx4 .l{float:left;width:36%;padding-bottom:.5rem}
.idx4 .l .l1{float:left;height:1.2rem}
.idx4 .l .l1 img{float:left;height:100%}
.idx4 .l .l2{float:left;line-height:.24rem;color:#999;font-size:.14rem;width:100%;padding:.35rem .7rem .3rem 0}
.idx4 .l .l3{float:left;width:100%;}
.idx4 .l .l3 img{float:left;margin-left:.2rem;margin-right:.32rem}
.idx4 .l .l4{float:left;width:100%;}
.idx4 .l .l4 .abs {background:#05a15f;color:#fff;margin-top:.5rem}
.idx4 .r{float:left;width:64%;position:relative;}
.idx4 .r:before {width:100%;height:100%;content:" ";display:block;background:url(../images/1_03.jpg) no-repeat center;background-size:cover; position:absolute;left:0;top:0;}
.idx4 .r .m {float:left;width:100%;padding:.7rem 0;z-index:1;position:relative;}
.idx4 .next {position:absolute;top:10%;z-index:101;right:18%;width:19px;height:36px;display:block;background:url(../images/mr.png)}
.idx4 .prev {position:absolute;top:10%;z-index:101;right:26%;width:19px;height:36px;display:block;background:url(../images/ml.png)}
.idx4 .next:hover {background:url(../images/mr_h.png)}
.idx4 .prev:hover {background:url(../images/le_h.png)}

.idx4 .r img {}

@media (max-width: 767px) {
    .idx4 .l{width:100%;padding-bottom:.1rem}
    .idx4 .l img{height:1rem}
    .idx4 .l .l2{line-height:24px;font-size:14px;padding:.15rem 0 .3rem 0}
    .idx4 .l .l3 img{float:left;margin-left:0px;margin-right:.52rem}
    .idx4 .r{width:100%;position:relative;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .idx4 .l{float:left;width:100%;}
    .idx4 .r{float:left;width:100%;position:relative;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .idx4 .l .l1 img{height:1rem}
    .idx4 .l .l3 img{height:.6rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .idx4 .l .l1 img{height:1rem}
    .idx4 .l .l3 img{height:.6rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .idx4 .l .l1 img{height:1rem}
    .idx4 .l .l3 img{height:.6rem}
}

.idx5 {float:left;width:100%;background:url(../images/map.png) no-repeat 30px center #18c179;}
.idx5 .container {/*background:url(../images/map.png) no-repeat left center;*/min-height:446px;}
.idx5 .content {float:right;width:45%;margin-top:.7rem}
.idx5 .content .t{float:left;width:100%;}
.idx5 .content .t img{float:left;height:1.05rem}
.idx5 .content .c{float:left;width:100%;margin-top:.23rem;padding-bottom:.5rem}
.idx5 .content .c .txtIM {float:left;border:1px solid #bfbfbf;height:.43rem;line-height:.43rem;background-color:transparent;padding:0 .1rem;color:#fff;font-size:.18rem}
.idx5 .content .c .IM2 {width:calc(33.33333333% - 16px);margin-left:12px;margin-right:12px;}
.idx5 .content .c .cm .IM2:first-child {margin-left:0px;}
.idx5 .content .c .cm .IM2:last-child {margin-right:0px;}
.idx5 .content .c .IM3 {width:100%;float:left;margin-top:.1rem;height:100px;line-height:.24rem;padding:.1rem}
.idx5 .content .c .btnGWTJ {float:left;width:100%;height:.45rem;line-height:.45rem;background:#fff;color:#05a15f;border:none;font-size:.18rem;margin-top:.1rem}

.idx5 .IM2::-webkit-input-placeholder{color:#cbcbcb;}
.idx5 .IM2::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#cbcbcb;}
.idx5 .IM2:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#cbcbcb;}
.idx5 .IM2:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#cbcbcb;}

@media (max-width: 767px) {
    .idx5 {background:url(../images/map.png) no-repeat center #18c179;}
    .idx5 .container {min-height:inherit;}
    .idx5 .content {width:100%;margin-top:.7rem}
    .idx5 .content .c .txtIM {border:1px solid #fff;height:35px;line-height:35px;font-size:14px}
    .idx5 .content .c .IM3 {height:100px;line-height:24px;}
    .idx5 .content .c .btnGWTJ {height:35px;line-height:35px;font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .idx5 .container {min-height:346px;}
    .idx5 {background:url(../images/map.png) no-repeat 30px center #18c179;background-size:50%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .idx5 {background:url(../images/map.png) no-repeat 30px center #18c179;background-size:50%;}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .idx5 {background:url(../images/map.png) no-repeat 30px center #18c179;background-size:50%;}
}
@media (min-width: 1360px) and (max-width: 1440px) {
    .idx5 {background:url(../images/map.png) no-repeat 30px center #18c179;background-size:60%;}
}

.idx6 {float:left;width:100%;padding:.3rem 0;background:#f1f1f3}
.idx6 img {display:table;margin:0 auto;}

.idx7 {float:left;width:100%;}
.idx7 .m2 {float:left;width:100%;}
.idx7 .m2 .nm {border-bottom:1px solid #e2e2e2;}
.idx7 .m2 .nms {border-bottom:1px solid #e2e2e2;}
.idx7 .m2 .nlist {float:left;width:33.3333333%;border-right:1px solid #e2e2e2;padding:.7rem .22rem .82rem .22rem}
.idx7 .m2 .nlist:first-child {border-left:1px solid #e2e2e2;}
.idx7 .m2 .nlist .title {float:left;width:100%;}
.idx7 .m2 .nlist .title a{float:left;height:.6rem;line-height:.6rem;color:#363636;font-size:.18rem;}
.idx7 .m2 .nlist .title a:hover {color:#05a15f;}
.idx7 .m2 .nlist p {float:left;width:100%;font-size:.14rem;color:#999;line-height:.24rem;height:1.44rem;overflow:hidden}
.idx7 .m2 .nlist .lms {float:left;width:100%;height:.4rem;background:#f5f5f5;line-height:.4rem;padding:0 .2rem;}
.idx7 .m2 .nlist .lms span {color:#05a15f;float:left;}
.idx7 .m2 .nlist .lms a {color:#05a15f;float:right;border-left:1px solid #7d7d7d;display:block;height:.2rem;line-height:.2rem;margin-top:.1rem;padding-left:.15rem}

.idx7 .m2 .nms {padding:0;position:relative;}
.idx7 .m2 .nms img{float:left;margin-top:.9rem}
.idx7 .m2 .nms a{width:100%;height:.7rem;display:block;position:absolute;left:0;bottom:0;line-height:.7rem;color:#a5a5a5;font-size:.2rem;border-top:1px solid #e2e2e2;text-align:center;}
.idx7 .m2 .nms a:hover {color:#fff;background:#05a15f}
.idx7 .m2 .nn {border-bottom:none;padding-left:.22rem;padding-right:.22rem;}
.idx7 .m2 .nn img {width:100%;}

@media (max-width: 767px) {
    .m1 {float:left;width:100%;padding:15px 0px;}
    .m1 .dl {float:left;width:100%;}
    .m1 .dl img{height:.5rem}
    .m1 .dr {float:left;width:100%;margin-top:15px;}

    .m1 .dr .nlist {float:left;width:100%;border:1px solid #e2e2e2;padding:.4rem .22rem .42rem .22rem}
    .m1 .dr .nlist .title {float:left;width:100%;}
    .m1 .dr .nlist .title a{float:left;height:24px;line-height:24px;color:#363636;font-size:16px;}
    .m1 .dr .nlist p {float:left;width:100%;font-size:14px;color:#999;line-height:24px;margin:10px 0px 15px;}
    .m1 .dr .nlist .lms {float:left;width:100%;height:40px;background:#f5f5f5;line-height:40px;padding:0 20px;}
    .m1 .dr .nlist .lms span {color:#05a15f;float:left;}
    .m1 .dr .nlist .lms a {color:#05a15f;float:right;border-left:1px solid #7d7d7d;display:block;height:20px;line-height:20px;margin-top:10px;padding-left:.15rem}
    .m1 .dr .swiper-container {padding-bottom:60px;}

    .m1 .dr  .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #05a15f;position: relative;margin: 0 10px;}
    .m1 .dr  .swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
    .m1 .dr  .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #05a15f;}
    .m1 .dr  .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 16px;height: 16px;border: 1px solid #05a15f;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .ntit {height:.4rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ntit {height:.4rem}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    .ntit {height:.4rem}
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .ntit {height:.4rem}
}

footer {float:left;width:100%; background:#202523;padding-top:.5rem}
footer .t1 {float:left;width:100%;}
footer .t1 a {display:block;font-size:.18rem;color:#c8c8c8;float:left;padding:0 .3rem;border-right:1px solid #434343;height:.18rem;line-height:.18rem;}
footer .t1 a:hover {color:#037b48}
footer .t1 a:first-child {padding-left:0px;}
footer .t1 a:last-child {border-right:0px;}
footer .t2 {float:left;width:100%;margin-top:.4rem}
footer .t2 .fl{float:left;}
footer .t2 .fl img{float:left;}
footer .t2 .fr{float:right;padding-top:.12rem}
footer .t2 .fr .imgs1 {float:left;}
footer .t2 .fr .dms {float:left;width:7.6rem}
footer .t2 .fr .dms .item {float:left;width:3.2rem;margin-left:.57rem;margin-bottom:.1rem}
footer .t2 .fr .dms .item strong{float:left;font-size:.16rem;color:#c8c8c8;width:100%;}
footer .t2 .fr .dms .item p{float:left;font-size:.16rem;color:#037b48;width:100%;}
footer .t2 .fr .dms .item p a{font-size:.16rem;color:#037b48;}
footer .t2 .fr .dms .item p a:hover{color:#fff;}
footer .t2 .fr .dms .item .dn {float:left;width:50%;}
footer .t2 .fr .imgs2 {float:left;margin-left:.57rem;margin-top:-25px;}
footer .copy {float:left;width:100%;background:#000905;padding:.1rem;font-size:.16rem;color:#4f4f4f}
footer .copy a {color:#4f4f4f}

@media (max-width: 767px) {
    footer {padding-bottom:65px;}
    /*footer {background: #202523;}*/
    footer .t2 {margin-top:.2rem}
    footer .t2 .fr{float:left;width:100%;}
    footer .t2 .fr .imgs1 {float:left;margin-bottom:20px;}
    footer .t2 .fr .dms {float:left;width:100%;}
    footer .t2 .fr .dms .item {float:left;width:50%;margin-left:0;margin-bottom:.1rem}
    footer .copy {margin-top:.3rem;font-size:12px;text-align:center;line-height:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    footer .t2 .fl{display:none}
    footer .t2 .fr .imgs2 {display:none}
    footer .t2 .fr .dms {float:left;width:7.6rem}
    footer .t2 .fr .dms .item {width:3rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    footer .t2 .fr .imgs1 {display:none}
}
@media (min-width: 1200px) and (max-width: 1359px) {
    footer .t2 .fr .dms {width:7rem}
    footer .t2 .fr .dms .item {width:3.2rem;margin-left:.27rem;}
    footer .t2 .fr .imgs2 {margin-left:.25rem;height:1.4rem}
}

/*内页大图*/
.selection-banner{width: 100%;float:left;}
@media(max-width:768px){
.selection-banner{width: 100%;height: 35vh;margin-top:80px;}
.selection-banner img{height: 100%;object-fit:cover}
}


.about6{padding: .8rem 0 .9rem;position: relative;background:url(../images/about3bg.jpg);background-size:cover;}
.about6 .container{margin:0 4%}
.about6 .idx-title .h1{margin-bottom: .5rem;color:#000}
.idx-title{text-align: center;}
.idx-title .h1{font-size: 24px;color:#000;}
.idx-title .h2 br{display:none}

.team .six{display: flex}
.team .six .swiper-slide {height:auto;}
.team .item{float:left;}
.team .item a{float:left;}
.team .item a img{float:left;border:3px solid #fff;width:100%;}
.team .item a:hover img{border:3px solid #05a15f;}
.team .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.team .swiper-container{width:87.5%;margin: 0 1.25%;}
.team .six .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.team .six .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.team .six{display: block;position: relative;}
	.team .six .swiper-container{width: 100%;margin: 0}
	.team .six .swiper-btn{position: absolute;z-index: 10;background: none}
	.team .six .prev{left: 0;top: 0;bottom: 0;}
	.team .six .next{right: 0;top: 0;bottom: 0;}
}





.pr{position: relative;}
.hid{overflow: hidden;}

.IdxIndex{width: 100%;height: 100vh;}
.IdxIndex .swiper-container{width: 100%;height: 100%;}
.IdxIndex .swiper-container .swiper-wrapper{width: 100%;height: 100%;}
.slide-img{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover}
.index-zhezhao{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.35)}
.slide-img .weui-cell{height: 100%;width: 100%}
.index-title{font-size: 46px;color: #fff;font-weight: bold}
.index-entitle{font-size: 16px;color: #fff}
.IdxIndex .swiper-container .swiper-button-prev{background-image:url(../image/left.png);width: 14px;height: 22px;background-size: unset;}
.IdxIndex .swiper-container .swiper-button-prev::after{content: "";width: 0;height: 3px;position: absolute;top: 50%;left: 5px;background: #fff;margin-top: -1px}
.IdxIndex .swiper-container .swiper-button-prev:hover::after{content: "";width: 30px;height: 3px;transition: all .3s linear}
.IdxIndex .swiper-container .swiper-button-next{background-image:url(../image/right.png);width: 14px;height: 22px;background-size: unset;}
.IdxIndex .swiper-container .swiper-button-next::after{content: "";width: 0;height: 3px;position: absolute;top: 50%;right: 5px;background: #fff;margin-top: -1px}
.IdxIndex .swiper-container .swiper-button-next:hover::after{content: "";width: 30px;height: 3px;transition: all .3s linear}
.swiper-button-bottom{background-image:url(../image/down.png);width: 16px;height: 11px;position: absolute;bottom:70px;left: 0;right: 0;z-index: 10;cursor: pointer;margin: auto}
.IdxContent{padding: 15px}
.content-nav{position: relative;display: block}
.content-nav .weui-cell{width: 100%;height: 100%;z-index: 10;top: 0}
.content-nav-img{margin: auto}
.content-nav-text{text-align: center;color: #fff;font-size: 16px}
.IdxContant{padding-top: 2vh}
.contant-title h2{font-size: 34px;color: #333;font-weight: bold;text-align: center}
.contant-title p{font-size: 12px;color: #999;text-align: center;text-transform: uppercase;}
.contant-num{width: 70vw;margin: 3vh auto}
.case1-search{display:none;}
.num-list{float: left;margin-right:3vw}
.num-list h1{font-size: 3.2vw;color: #333;font-weight: bold;text-align: center;margin-bottom: 5px}
.num-list h1 .num-text{font-size: 19px}
.num-list .line{width: 39%;height: 1px;background: rgb(150, 150, 150);display: block;text-align: center;margin: auto}
.num-list p{font-size: 21px;color: #333;font-weight: bold;text-align: center;margin-top: 5px}
.contant-num .num-list{margin:0;width:25%;}
.IdxProject{background: rgb(242,242,242);padding-top: 5vh;padding-bottom: 8vh}
.project-cont{padding-top: 6vh}
.project-left{float: left;width: 44%}
.project-right{float: right;width: 52%}
.project-right-item{position:relative;display:block}
.project-right-item .title{font-size:20px;position:absolute;bottom:0;width:100%;left:0;background:rgba(0,0,0,.3);padding:10px 0;color:#fff;text-align:center;}
.thumbs-img{width: 100%;}
.project-cont .swiper-slide-thumb-active{position:relative}
.project-cont .swiper-slide-thumb-active:after{content:"";border: 5px solid #037b48;position:absolute;width:100%;height:100%;left:0;top:0;}
.turrow{position: relative;padding-top: 10vh;width: 150px;margin: auto}
.turrow .swiper-button-prev{background-image:url(../image/index6-1.png);width: 75px;height: 41px;background-size: unset;outline: none;left: 0;}
.turrow .swiper-button-prev.swiper-button-disabled{background-image:url(../image/index6.png);opacity: 1;}
.turrow .swiper-button-next{background-image:url(../image/index7-1.png);width: 75px;height: 41px;background-size: unset;outline: none;left: 75px;right: auto}
.turrow .swiper-button-next.swiper-button-disabled{background-image:url(../image/index7.png);opacity: 1;}
.Idxanli{width: 100%;}
.Idxanli .weui-cell{width: 100%;height: 100%;top: 0}
.anli-banner{width: 100%}
.containera{    margin-left: 10vw;
    padding: 2vw;
    background: rgba(0,0,0,.4);
    display: inline-block;}
/* 0719 */
/* .title-anli span{color: #000;font-size: 14px;font-weight: bold} */
.title-anli span{color: #fff;font-size: 18px;font-weight: bold}
.containera h3{font-size: 33px;color: #fff;font-weight: bold;margin-top: 5vh}
.anli-img{margin-top: 5vh}
.Idxanli .swiper-container-horizontal>.swiper-pagination-bullets{text-align: left;left: 10vw;bottom: 5vh}
.Idxanli .swiper-pagination-bullet{width: 17px;height: 16px;border-radius: 50%;border: 2px solid rgb(255,255,255);background-color: rgba(255, 255, 255, 0);position: relative;}
.Idxanli .swiper-pagination-bullet-active{width: 17px;height: 16px;border-radius: 50%;border: 2px solid rgb(255,255,255);background-color: rgba(255, 255, 255, 0);position: relative;}
.Idxanli .swiper-pagination-bullet-active::after{content: "";width: 6px;height: 6px;border-radius: 50%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Idxanli .swiper-button-next{background-image: unset;background: rgba(0,0,0,.65);width: 20vw;height: 100%;right: 0;margin-top: 0;top: 0;padding-left: 2vw;}
.Idxanli .swiper-button-next.swiper-button-disabled{opacity: 1;}
.next-page{position: absolute;bottom: 4vh;}
.next-page span{font-size: 14px;color: #fff;margin-right: 5px}
.next-page img{display: inline-block;vertical-align: middle}
.next-page h3{font-size: 16px;color: #fff}
.Idxanli .swiper-button-next:hover{background: rgba(0,74,164,.65);transition: all .3s linear}
/* .Idxanli .swiper-button-next:hover .next-page span{color: #037b48;transition: all .3s linear}
.Idxanli .swiper-button-next:hover .next-page h3{color: #037b48;transition: all .3s linear} */
.kuang{width: 53px;height: 53px;border: 1px solid #fff;position: relative;background: transparent;margin-top: 5vh}
.kuang .kuang-img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity:0}

 .kuang .hover-block{opacity: 1;} 
.kuang:hover{background: #037b48;transition: all .3s linear}
.anli-title{position:absolute;bottom:0;left:0;right:20vw;font-size:20px;color:#fff;background:rgba(0,0,0,.65);padding:1.5vw 0;display:block;text-align:center;}
.next-title{font-size:2.5vw;color:#fff;position:absolute;width:100%;left:0;top:5%;text-align:center;}

@media (max-width:767px){
.anli-title{font-size:14px;padding:15px 0;/* top:0;bottom:auto; */}
.next-title{font-size:14px}
}
/* .kuang:hover .hover-block{opacity: 1;transition:all .3s linear}
.kuang:hover .hover-none{opacity: 0;transition:all .3s linear} */
.IdxProject2{padding: 5vh 0}
.project2-cont{padding: 8vh 0}
.shitou{transition: all .3s linear}
.shitou:hover{transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.35)}
.shitou img{margin: auto}
.shitou p{text-align: center;color: #333;font-size: 16px;margin-top: 3vh}
.project2-cont .turrow .swiper-button-prev.swiper-button-disabled{background-image:url(../image/index6-2.png);opacity: 1;}
.project2-cont .turrow .swiper-button-next.swiper-button-disabled{background-image:url(../image/index7-2.png);opacity: 1;}
.Idxnew{width: 100%}
.gary{background: rgb(236,236,236);padding-bottom: 8vh;padding-top: 8vh}
.new-slide{padding: 0}
.new-top{position: relative;}
.new-img{overflow:hidden;}
.new-img img{transition:all .3s linear;width:100%;height:100%;object-fit:cover;}
.new-img:hover img{transform:scale(1.05)}
.new-text{position: relative;display:flex;align-items:center;}
.new-text a{display:block;flex:1;padding:0 4.4vw;min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.new-text-top{padding: 10.2vh;background: #fff;position: relative;}
.new-text::after{content: "";width: 24px;height: 24px;position: absolute;top: -4px;background: #fff;transform: rotate(45deg) translateX(-50%);left: 50%;}
.new-text-top::before{content: "";width: 24px;height: 24px;position: absolute;bottom: -11px;background: #fff;transform: rotate(45deg);left: 50%;z-index: 1;}
.title-news{font-size: 11px;color: #333;font-weight: bold}
.new-cont{margin-top: 2.3vw;padding-left: 2.3vw}
.new-cont h3{font-size: 23px;color: #333;font-weight: bold;margin-top: 0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.new-cont p{font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
.animate-bounce-up{
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;
}
@media (max-width: 1500px){
/* .new-text-top{padding: 8vh} 
.new-text{padding: 8vh} */
.new-text::after{width: 15px;height: 15px;top: -2px}
.new-text-top::before{width: 15px;height: 15px;bottom: -7px;}
}
/* @media (max-width: 1400px){
.new-text-top{padding: 7vh} 
.new-text{padding: 7vh}
} */
@media (max-width: 1200px){
/* .new-text-top{padding: 3vh}
.new-text{padding: 3vh} */
.new-text::after{top: -4px}
.contant-num{width: 100vw}
}
@media (max-width: 768px){
/* .new-text-top{padding: 1.2vh}
.new-text{padding: 1.2vh} */
.new-cont h3{font-size: 16px}
.new-cont{margin-top: 2vh;padding-left: 2vh}
.new-text::after{top: -2px;width: 12px;height: 12px;}
.new-text-top::before{width: 12px;height: 12px;bottom: -6px}
.gary{padding: 3vh 0}
.project2-cont{padding: 3vh 0;}
.containera h3{font-size: 26px;margin-top: 2vh}
.kuang{margin-top: 2vh}
.num-list h1{font-size: 48px}
.num-list p{font-size: 16px}
.project-right-item .title{font-size:16px;}
.anli-banner{height:35vh;object-fit: cover;}
}
@media (max-width: 639px){
.contant-num .num-list{width:50%}
.IdxIndex{height: 50vh;}
.index-title{font-size: 22px}
.index-entitle{font-size: 13px}
.content-nav{margin-bottom: 2vh}
.contant-title h2{font-size: 22px}

.num-list h1{font-size: 30px}
.contant-title p{font-size: 12px}
.num-list p{font-size: 13px}
.project-left{width: 100%}
.project-right{width: 100%}
/* .project-cont .swiper-slide-thumb-active {border: 5px solid #037b48;} */
.containera h3{font-size: 18px}
.kuang{width: 32px;height: 32px;}
.next-page h3{font-size: 12px}
.project-cont .swiper-slide-thumb-active:after{border-width:5px}
.Idxanli .swiper-container-horizontal>.swiper-pagination-bullets{text-align: center;bottom: 0;left: 0}
.swiper-button-bottom{bottom: 30px}
}
/* selection 閫夋潗涓績*/
.selection-banner{width: 100%}
.selection-title{padding: 5vh 0}
.selection-border{border: 1px solid rgb(224,224,224);padding: 0 4vh}
.fir-cont{padding: 1vh 0;border-bottom: 1px dashed rgb(224,224,224);display:flex;align-items:center;}
.fir-cont:last-child{border: none}
.fir-cont a{margin-left: 0.6vw;padding: 0 1vh}
.fir-cont .act{color: #fff;background: #037b48;}
.kuai{display: inline-block;width: 34px;height: 22px;border: 1px solid rgb(224,224,224);margin-left: 1vh;position: relative;}
.kuai.color{border:1px solid #999}
.acti::after{content: "";width: 16px;height: 13px;position: absolute;background: url(../image/seletion2.png)center no-repeat;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.colors{vertical-align: super;}
.selection-bu{margin-bottom:30px;transition: all .3s linear;}
.selection-cont{padding: 5vh 0}
.selection-bu:hover{transform: translateY(-2px);box-shadow: 0 10px 20px rgba(0,0,0,.35); }
.selection-bu img{width: 100%;object-fit:cover;}
.selection-bu p{margin:0;color: #333;font-size: 18px;text-align: center;font-weight: bold;padding: 3vh 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.selection-cont .col-md-4,.selection-cont .col-sm-4{padding: 0 2vw}
.selection-cont .row{margin: 0 -2vw}
.page{height: 4vh;line-height:4vh;margin-bottom: 4vh}
.xs-page{height: 4vh;line-height: 4vh;margin-bottom: 4vh;display: none}
.page a {display: inline-block;padding: 0 15px;color: rgb(153,153,153);font-size: 1.4rem;}
.page a:hover {color: #fff;background: #037b48;transition: all .2s linear}
.xs-page a{display: inline-block;padding: 0 15px;font-size: 1.4rem;border: 1px solid rgb(51,51,51);border-radius: 4px}
.xs-page a:hover{color:rgb(255,255,255);background: #037b48;transition: all .2s linear}
.page .active,.page .active:hover {color: #fff;background: #037b48;transition: all .2s linear}
.page .disal{color: rgb(51,51,51)}
.page .disal:hover{background: none;color: rgb(51,51,51);transition: all .2s linear}
.page .hf{color: rgb(51,51,51)}
.page form{display: inline;}
.page form input{width: 70px;height: 25px;}
.page form .pag-t{border: 1px solid rgb(153,153,153);box-sizing: border-box;padding: 0 5px}
.page form .pag-b{color:rgb(255,255,255);background: #037b48;text-align: center;line-height: normal}
@media(max-width:768px){
.selection-banner{width: 100%;height: 35vh;}
.selection-banner img{height: 100%;object-fit:cover}
.page{display: none}
.xs-page{display: block}
}
@media(max-width:639px){
.selection-border{padding: 0 2vh}
.fir-cont a{margin: 0;    display: inline-block;
    vertical-align: middle;}
	.fir-cont span{display: inline-block; vertical-align: middle;}
	
}

@media (max-width:1050px){
.fir-cont{overflow-x:scroll;white-space:nowrap;/* display:block; */}
}
/* product 浜у搧涓績 */
.product-title{padding: 3vh 0;background: url(../image/product2.jpg)no-repeat center;margin-bottom: 5vh;background-size:cover;}
.product-title h3{font-size: 28px;color: #fff;margin-top: 0}
.product-title p{font-size: 12px;color: #fff;text-transform: uppercase;margin-bottom: 0}
.product2-content{margin-top: 5vh}
.product2-contLeft{width: 7%;margin-right: 2%}
.product2-contLeft .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.product2-contLeft .thumbs-img2{height:100%}
.product2-contLeft .swiper-container{height:100%}
.product2-contLeft .swiper-slide-thumb-active{border: 2px solid #037b48;box-sizing: border-box}
.product2-contCenter{width: 44%}
.product2-contCenter .swiper-slide img{width:100%;}
.product2-contRight{width: 45%;margin-left:2%}
.contRight-title h1{font-size: 28px;color: #333;font-weight: bold;margin-top: 0}
.contRight-star{margin-top: 1vh}
.contRight-title img{display: inline-block}
.contRight-text{margin-top: 1.25vw}
.contRight-text p{font-size: 18px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.contRight-Size{background: rgb(247,247,247);padding: 0 2vh;margin-top: 1.25vw}
.contRight-list{padding: 1.25vw 0 0}
.list-t{width:95px;font-size: 18px;color: #333;margin-bottom: 0;font-weight: bold}
/* .contRight-list:nth-child(2) .list-t{vertical-align: super} */
.contRight-list span{font-size: 18px;color: #666;font-weight: normal}
.contRight-list:last-child{padding: 1.25vw 0}
.contRight-icon{padding: 5vh 0 0}
.contRight-icon a{display: inline-block;position: relative;margin-right: 2vw;margin-left: 5px}
.contRight-icon a img{display: inline-block;}
.contRight-icon a .hover-show{display: block}
.contRight-icon a .hover-hide{display: none}
.contRight-iconHover:hover .hover-show{display: none;transition: all .3s linear}
.contRight-iconHover:hover .hover-hide{display: block;transition: all .3s linear}
.contRight-iconHover:hover::after{content: "";width: 100%;height: 3px;background: #037b48;position: absolute;top: 150%;left: 0}
.contRight-btn{margin-top: 3vh}
/* .contRight-btn .add{padding: 1.5vh 0;color: #999;background: #fff;text-align: center;display: inline-block;width: 30vh;font-size: 20px;border: 1px solid rgb(199,199,199);position: relative;} */
.contRight-btn .shou{padding: 1.5vh 0;color: #999;background: #fff;text-align: center;display: inline-block;width: 13vh;font-size: 20px;border: 1px solid rgb(199,199,199)}
.contRight-btn .add:hover{color: #fff;background: #037b48;transition: all .3s linear}
.contRight-btn .shou:hover{color: #fff;background: #037b48;transition: all .3s linear}
.product2-content2{margin-top: 7vh;margin-bottom: 10vh}
.ci-nav{width: 100%;background: rgb(247,247,247);margin-bottom: 3vh}
.ci-nav ul{padding: 0}
.ci-nav ul li{float: left;}
.ci-nav ul li a{display: block;width: 100%;height: 100%;padding: 1vh 0;font-size: 18px;width: 20vh;text-align: center}
.ci-nav ul .active a{background: #037b48;color: #fff}
.content2-list h3{font-size: 16px;color: #037b48;margin-top: 0;position: relative;font-weight: bold;margin-bottom: 0;margin-left: 30px}
.content2-list .swiper-box{margin-top:20px}
.content2-list h3::after{content: "";width: 2px;height: 100%;background: #037b48;position: absolute;left: -10px}
.content2-list_P{margin: 2vh 3vh 5vh}
.content2-list_P p{font-size: 14px;color: #999;line-height: 2}
.content2-list_img img{margin: auto}
.content2-list_image{margin-top: 3vh}
.content2-list_image p{margin: 2vh 0;font-size: 18px;color: #333;text-align: center}
.content2-list .row{margin-left: 10px;margin-right: 10px;margin-top: 3vh}
.product3-content{padding: 6vh 0}
.product3-nav{padding: 2vh 6vh;background: rgb(217,217,217)}
.product3-product{width: 44%}
.product3-product img{display: inline-block;margin-right: 6vh;width: 257px}
.product3-product span{display: inline-block;vertical-align: middle;font-size: 16px;color: #333}
.product3-title{font-size: 16px;color: #333;margin: 0;font-weight: bold}
.product3-color{width: 15%}
.product3-color span{font-size: 16px;color: #333;display: inline-block;transition: all .3s linear;margin-top:7.4vh }
.product3-remove{width: 26%}
.product3-remove img{margin-top: 7.4vh}
.product3-cont{padding: 4vh 6vh;background: rgb(240,240,240);}
.product3-cont:nth-of-type(even){background: rgb(234,234,234)}
.form-container{margin: 8vh 20vw;transition: all .3s linear}
.input-infor{width: 30%;margin-right: 3%;background: rgb(240,240,240);padding: 1vh 2vh;border-radius: 4px;margin-bottom: 3vh;float: left;}
.input-title{font-size: 16px;color: #333;margin-bottom: 0;margin-right: 5px}
.input-infor input{background: transparent;width: 70%;outline: none;font-size: 16px;color: #333}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
.address{width: 63%}
.textarea{width: 96%}
.input-infor textarea{font-size: 16px;color: #333;width: 100%;background: transparent}
.from-btn{width: 180px;padding: 1.5vh 0;background: #037b48;color: #fff;text-align: center;font-size: 18px;display: block;margin: auto;border-radius: 4px}

/* .anim-kuai{position: fixed;width: 100px;height: 30px;z-index: -1;background: #037b48;opacity: .3;} */


.cart{position: fixed;bottom: 0;right: 0;width: 300px;border: 1px solid rgb(199,199,199);border-radius: 4px;background: #fff;z-index: 999;}
.cart-title{font-size: 16px;padding: 1vh;color: #333;border-bottom: 1px solid rgb(191,191,191);cursor: pointer;}
.cart-content ul{padding:0 1vh 2vh 1vh}
.cart-content ul li{padding: 1vh 0;border-bottom: 1px solid rgb(191,191,191)}
.cart-content ul li .cart-img{width: 40px;height: 40px;margin-right: 10px}
.cart-content ul li span{font-size: 16px;color: #333}
.cart-content ul li .cart-delete{cursor: pointer;}
.cart-btm{padding: 1vh}
.cart-btm a{width: 49%;display: inline-block;padding: 1vh;font-size: 16px;color: #037b48;border: 1px solid rgb(191,191,191);border-radius: 4px;text-align: center}
.cart-btm a:hover{color: #fff;background: #037b48;transition: all .3s linear}
@media(max-width:1440px){
.product2-contRight{padding-left: 20px}
.contRight-text{margin-top: 0}
.contRight-Size{margin-top: 1vh}
.contRight-icon{padding: 2vh 0 0}
.country input{width: 60%}
.product3-color span{margin-top: 9.6vh}
.product3-remove img{margin-top: 9.6vh}
.list-t{font-size:16px;}
.contRight-list span{font-size:16px;}
}
@media(max-width:1200px){
/* .list-t{width: 6vw} */
.contRight-list{padding: 1vh 0 0}
.contRight-list:last-child{padding: 1vh 0}
.contRight-list .kuai{margin-left: 0}
.contRight-btn{margin-top: 2vh}
.product3-product img{width: 50%;margin-right: 4vh}
.product3-color span{margin-top: 6.6vh}
.product3-remove img{margin-top: 6.6vh}
.form-container{margin: 8vh 10vw;}

}
@media (max-width:1000px){
.product2-contLeft{width: 100%;margin-right: 0}
.product2-contCenter{width: 100%;margin-bottom: 2vh}
.product2-contCenter img{width: 100%}
.product2-contRight{width: 100%;margin-top: 3vh}
.product2-contRight{padding-left: 0;margin-left:0}
}
@media(max-width:768px){

.contRight-title h1{font-size: 18px}
.contRight-star{margin-top: 0}
.contRight-text p{font-size: 14px;}
.list-t{font-size: 14px;}
.contRight-list span{font-size: 14px}
.contRight-icon a{margin-right: 2vh}
/* .contRight-btn .add{font-size: 16px} */
.contRight-btn .shou{font-size: 16px}
.ci-nav ul li{width: 25%}
.ci-nav ul li a{width: 100%}
.content2-list h3{margin-left: 12px}
.content2-list_P{margin: 2vh 0vh 5vh;}
.content2-list .row{margin-right: -15px;margin-left: -15px;}

.product3-product img{margin-right: 1vh}
.product3-color span{margin-top: 3vh}
.product3-remove img{margin-top: 3vh}
.form-container {margin: 8vh 5vw 8vh 8vw;}
.country input{width: 48%}
}
@media(max-width:639px){
.list-t{width: 14vw}
/* .contRight-btn .add{width: 48%} */
.ci-nav ul li a{font-size: 14px}
.form-container {margin: 3vh 5vw 8vh 8vw;}
.input-infor{width: 97%}
.address {width: 97%;}
.textarea {width: 97%;}
.product3-nav{padding: 2vh 2vh;}
.product3-color{width: 20%}
.product3-remove{width: 16%}
.product3-cont{padding: 4vh 2vh;}
.product3-product img{width: 60%}
}
/* case  妗堜緥杩愮敤 */
.IsCase .product-title{margin-bottom: 0}
.case-nav{display: inline-block;margin-left: 10vh}
.case-nav span{display: block;font-size: 14px;color: #fff;}
.case-nav h2{margin-bottom: 0;font-size: 18px;color: #fff;margin-top: 1vh}
.case-hide span{color: rgba(255,255,255,.5)}
.case-hide h2{color: rgba(255,255,255,.5)}
.case-hide:hover span{color: #fff;transition: all .3s linear}
.case-hide:hover h2{color: #fff;transition: all .3s linear}
.case1-nav{border-bottom: 1px solid rgb(191,191,191);}
.case1-navList{padding: 0;width:100%;/* margin:0 -10px */}
.case1-navList li{float: left;/* width: 8%;padding: 0 10px; */    margin-right: 2vw;}
.case1-navList li a{font-size: 18px;color: #333;padding: 10px 0;display: inline-block;position:relative;}
.case1-navList li a:hover{color: #037b48;transition: all .3s linear}
.case1-navList li .act{color: #037b48;}
.case1-navList li .act:after{content:"";width:100%;height:3px;background:#037b48;position:absolute;bottom:0;left:0;}
.case1-nav .container{position:relative;}
.case1-search{    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);}
	@media (max-width:1440px){
	.case1-navList li a{font-size:16px}
	}
		@media (max-width:1200px){
	.case1-navList li a{font-size:14px}
	}
.case1-search .input{position:relative;display:flex;align-items:center;}
.case1-search .input:after{content:"";width:0;right: 0;bottom: 0;height: 1px; transition: all .3s;background: #ebebeb;position:absolute;}
.case1-search .input.on:after{width:100%;}
.case1-search .input input{height:30px;width:0;}
.case1-search .input.on input{width:120px;transition:all .3s linear}
.case1-search .input.on .before{display:none;}
.case1-search .input button{background: transparent;padding: 0;}
.case1-search .input .before{position:absolute;right:0;cursor:pointer;}
.case2-content{margin-top: 5vh}
.case2-slide{padding: 2vh;background: rgb(236,236,236);margin-bottom: 2vh}
.case2-slide:hover{background: #037b48;transition: all .3s linear}
.case2-slide img{display: inline-block}
.case2-img{width: 50%;padding: 0 5px}
.case2-slide .case2-text{padding: 0 5px;display: inline-block;width: 50%;margin-top: 2vh;}
.case2-text h3{font-size: 20px;color: #333;}
.case2-text p{font-size: 14px;color: #999;line-height: 2;letter-spacing: 1px;display: -webkit-box;-webkit-box-orient: vertical;/* -webkit-line-clamp: 3; */overflow: hidden;}
.case2-slide:hover .case2-text h3{color: #fff;transition: all .3s linear}
.case2-slide:hover .case2-text p{color: #fff;transition: all .3s linear}
.selection-page{margin-top: 3vh}
.case3-content{margin-top: 5vh;margin-bottom: 5vh}
.case3-slide{background: rgb(236,236,236);margin-bottom: 2vh;padding: 2vh}
.case3-slideTitle{width: 40%}
.case3-slideTitle h1{font-size: 32px;color: #333;font-weight: bold;margin-top: 0;margin-bottom: 7px}
.case3-slideTitle p{font-size: 14px;color: #333;padding-left: 5px}
.case3-milu{width: 60%}
.case3-text{padding: 1vh 0;border-bottom: 1px solid rgb(199,199,199);font-size: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case3-text:hover{color: #037b48;transition: all .3s linear}
.pc{display: block}
.phone{display: none}
.case1-phoneList{padding: 1vh 0}
.case1-phoneList a{font-size: 18px}
.case1-phoneList .phoneList-nav{color: #037b48}
.phoneList-icon{margin-top: 5px}
.phoneList-icon2{transform: rotate(90deg);transition: all .3s linear}
.phoneList-list{padding: 0;display: none}
.phoneList-list li a{display: block}
@media(max-width:1200px){
.case2-slide .case2-text{margin-top: 0}
.case2-text h3{margin-top: 0}
.case-nav{margin-left: 4vh}
}
@media(max-width:991px){
.case2-slide .case2-text{margin-top: 3vh}
}
@media(max-width:768px){
.product-title{background: #037b48;}
.pc{display: none}
.phone{display: block}
.case-nav{margin-left: 4vh}
}
@media(max-width:639px){

.case-left{float: none}
.case-right{float: none;margin-top: 3vh;}
.product-title h3{font-size: 22px;margin-bottom: 5px}
.case-nav{margin-left: 0;width: 32%;text-align: center;margin-bottom: 1.5vh}
.case-nav span{font-size: 12px}
.case-nav h2{font-size: 16px;text-align: center}
.case3-slideTitle{width: 30%}
.case3-slideTitle h1{font-size: 22px;margin-bottom: 0}
.case3-slideTitle p{font-size: 12px;padding-left: 0}
.case3-milu{width: 70%}
.case2-img{width: 100%}
.case2-slide .case2-text{width: 100%}
}    
/* human 鍔犲叆鎴戜滑 */
.IsHuman{background: rgb(242,242,242)}
.human-search{padding-top: 10vh}
.human-top{margin: 0 0 6vh;text-align:center;}
.select-list{background: #fff;border-radius: 2px;width: 210px;margin-right: 2vh;display:inline-block;padding:0 10px;}
.select-list select{background: transparent;width: 100%;height:42px;}
.select-list1{display:inline-block;border-radius: 2px;font-size:0}
.select-list1 input{height:42px;padding:0 10px;font-size:14px;}
.select-list1 .select-submit{background: #037b48;color: #fff;padding:0 15px;}
/* .select-submit input{background: transparent;color: #fff} */
.human-cont{margin: 0 10vw 5vh}
.human-nav{padding: 2vh 0;background: rgb(204,204,204)}
.human-navList{width: 20%;text-align: center;float: left;}
.human-title{font-size: 16px;color: #333;margin: 0;font-weight: bold;text-align: center}
.human-phone .human-navList{width: 50%}
.human-phone .human-navList .human-title{font-size: 14px;}
.human-infor{padding: 2vh 0;background: #fff;border-bottom: 1px solid rgb(199,199,199)}
.human-infor .human-title{font-weight: normal;line-height: 2}
.human-navList .shenqing{display: inline-block;border:1px solid rgb(199,199,199);padding: 5px 2vh;margin-bottom: 5px;line-height: 1}
.human-navList .shenqing:hover{background: #037b48;color: #fff;transition: all .3s linear}
.huma-details_coont{padding: 5vh 3vh;background: #fff;margin: 6vh 13vw;}
.huma-href{right: 0;top: 0;}
.huma-href a{display: inline-block;padding: 1.5vh 5vh;background: rgb(242,242,242)}
.huma-href a:hover{background: #037b48;transition: all .3s linear}
.href-show{display: block}
.href-hide{display: none}
.huma-href a:hover .href-show{display: none}
.huma-href a:hover .href-hide{display: block}
.human_title{margin-bottom: 7vh}
.human_title h1{font-size: 34px;color: #333;margin: 0}
.human_ci-title{font-size: 18px;color: #333;margin: 0;padding-bottom: 10px;border-bottom: 1px solid rgb(199,199,199);font-weight: bold}
.human_coon{padding: 3vh 0;margin-bottom: 2vh}
.coon-list{display: inline-block;margin-right: 10vh}
.coon-list span{font-size: 16px;color: #747474}
.human_coon p{font-size: 16px;color: #747474;}
@media(max-width:1500px){
.huma-details_coont{margin: 6vh 0vw;}
/* .human-top{margin: 0 10vw 6vh} */
}
@media(max-width:768px){
.coon-list{display: block;margin-bottom: 2vh}
.human-top{margin: 0 0 6vh;}
.select-list{width: 180px}
}
@media(max-width:639px){
.huma-href{top: -20px}
.huma-href a{padding: 1.5vh 5.4vh;}
.select-list{margin-bottom: 2vh}
.human-cont{margin: 0 0 5vh}
}

/* new 鏂伴椈璧勮 */
.news-top{background: rgb(242,242,242);padding: 8.5vh 0}
.new_img-nav{padding-bottom: 2vh}
.new_img-nav:hover{background: #037b48;transition: all .3s linear;transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.55)}
.new_img-nav:hover .new_img-title{color: #fff;transition: all .3s linear;}
.new_img-nav:hover .new_img-text h3{color: #fff;transition: all .3s linear;}
.new_img-nav:hover .new_img-text p{color: #fff;transition: all .3s linear;}
.new_img-nav img{width: 100%;margin-bottom: 1vh}
.new_img-title{font-size: 11px;color: #333;font-weight: bold;text-transform: uppercase;margin-bottom: 2.25vw;display: block}
.new_img-text{padding-left: 2.6vw;}
.new_img-text h3{font-size: 23px;color: #333;font-weight: bold;margin-top: 0}
.new_img-text p{font-size: 14px;color: #999;width: 80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-btm{background: #fff;padding: 4vh 0}
.new_cont{background: rgb(242,242,242);padding: 3vw;margin-bottom: 2vh;display:flex;align-items:center;}
.new_cont:hover{background: #037b48;transition: all .3s linear;color: #fff;transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.35);}
.new_cont-left h1{font-size: 40px;color: #333;margin: 0;font-weight: bold}
.new_cont-left span{font-size: 14px;color: #333}
/* .new_cont-left{width: 15%} */
.new_cont-right{padding-left:3vw;/* width: 85% */flex:1;min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.new_cont-right h3{font-size: 18px;color: #333;margin-top: 0;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_cont-right p{font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:40px; margin:0;}
.new_cont:hover .new_cont-left h1{color: #fff;transition: all .3s linear;}
.new_cont:hover .new_cont-left span{color: #fff;transition: all .3s linear;}
.new_cont:hover .new_cont-right h3{color: #fff;transition: all .3s linear;}
.new_cont:hover .new_cont-right p{color: #fff;transition: all .3s linear;}
.news-details{background: rgb(242,242,242);padding: 6vh 0}
.news_tails-cont{background: #fff;padding: 7.5vh 0 0}
.news_tails-cont h3{font-size: 26px;color: #333;margin-top: 0;font-weight: bold;text-align: center;margin-bottom: 3vh}
.news_tails-cont span{font-size: 14px;color: #999;display: block;}
.news_tails-icon{text-align: center;margin-top: 3vh}
.news_tails-icon a{display: inline-block;margin-right: 2vh}
.news_tails-img{margin-top: 3vh;text-align: center}
.news_tails-img img{display: inline-block;margin-right: 3vh}
.news_tails-text{margin-top: 3vh;padding-bottom: 12vh}
.news_tails-text p{font-size: 14px;color: #999;width: 61%;margin: auto;line-height: 2}
.news_tails-left{width: 50%;padding: 2vh 0;background: transparent;text-align: center}
.news_tails-left span{display: inline-block;font-size: 14px;color: #333;margin-right: 3vh;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_tails-left:hover{background: #037b48;transition: all .3s linear}
.news_tails-left:hover span{color: #fff;transition: all .3s linear}
@media(max-width:768px){
.news_tails-left .details-page{display: none}
.news_tails-text p{width: 90%}
.news_tails-left span{width: 100%}
.new_img-text h3{font-size:16px}
}
@media(max-width:639px){
.news-details{background: #fff}
.news_tails-cont h3{font-size: 18px}
.news_tails-cont span{font-size: 12px}
.new_cont{padding: 2.5vh}
.new_cont-right{padding-left: 5vw}
.new_cont-left h1{font-size: 25px}
.new_cont-left span{font-size: 12px}
.new_cont-right h3{font-size: 16px}
.new_cont-right p{font-size: 12px}
.new_img-title{margin-bottom: 2vh}
}
/* solution  瑙ｅ喅鏂规 */
.solution-cont{padding: 8vh 0}
.solution-cont .container{display:flex;align-items:center;}
.solution-text{width: 50%}
.solution-text h3{font-size: 24px;color: #037b48;margin-top: 13vh;font-weight: bold;margin-bottom: 4vh}
.solution-text p{font-size: 14px;color: #999;line-height: 2;width: 80%}
.solution-img{width: 50%}
.solution-btm{padding: 9vh 0;background: rgb(242,242,242)}
.solution-slide{margin-bottom: 4vh}
.solution-slide:hover{transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.35);transition: all .3s linear;}
.solution-slide img{width: 100%}
.solution-slide p{font-size: 18px;color: #333;padding: 3vh 0;text-align: center;display:none;}
@media(max-width:768px){
.solution-cont .container{display:block}
.solution-text{width: 100%}
.solution-text h3{margin-top: 0}
.solution-text p{width: 100%}
}
/* contact 鑱旂郴鎴戜滑 */
.contact-left{width: 40%;padding-left: 9vh;margin-top: 17vh}
.contact-top h1{font-size: 34px;color: #037b48;margin-top: 0;margin-bottom: 4vh;font-weight: bold}
.contact-top p{font-size: 16px;color: #333}
.contact-btm{margin-top: 8vw;}
.contact-list{margin-right: 12vh;margin-bottom: 5vh;border-bottom: 1px solid rgb(199,199,199);padding-bottom: 1vh}
.contact-icon{width: 31px;height: 31px;background-color: rgb(0, 72, 163);color: #fff;line-height: 31px;display: block;text-align: center;position: relative;}
.contact-icon::after{content: "";width: 8px;height: 8px;background-color: rgb(0, 72, 163);position: absolute;transform: rotate(45deg) translateX(-50%);top: 90%;left: 47%;margin-right: -4px}
.contact-title{cursor: pointer;}
.contact-title h3{font-size: 20px;color: #037b48;margin: 0;margin-top: 5px;margin-left: 3vh;font-weight: bold}
.contact-title img{margin-top: 10px}
.contact-title .trans{transform: rotate(90deg);transition: all .3s linear}
.contact-infor{padding: 3vh;margin-top: 1.5vh;background: #037b48;display: none}
.contact-infor p{font-size: 16px;color: #fff;}
.contact-right{width: 60%}
.contact-right .map{width: 100%;height: 105vh;}
.contact-right .zhezhao{width: 100%;height: 105vh;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.35)}
.contactUS{width: 100%;padding: 5vh 12vh;background: #037b48;}
.contactUS h3{font-size: 34px;color: #fff;margin-top: 0;margin-bottom: 5vh}
.contactUS-infor{width: 49.6%;display: inline-block;background: #fff;padding: 1vh 1.5vh;margin-bottom: 1vh}
.contactUS-infor label{margin-bottom: 0;font-size: 16px;color: #333;margin-right: 5px}
.contactUS-infor input{width: 70%;font-size: 16px;color: #333}
.contactUS-area{width: 100%}
.contactUS-infor textarea{width: 100%;}
.contactUS-btn{padding: 1vh;width: 200px;text-align: center;background: #fff;color: #333;font-size: 16px;border-radius: 4px}
.contactUS-btn:hover{background: #333;color: #fff;transition: all .3s linear}
@media(max-width:1200px){
.contact-left{padding-left: 2vh}
.contactUS{padding: 5vh 4vh}
.contactUS-infor{width: 49.5%}
.contactUS-area{width: 100%}
.contact-right{width: 100%}
.contact-right .map{height: 65vh;transition: all .3s linear}
.contact-right .zhezhao{height: 65vh;transition: all .3s linear}
.contact-left{width: 100%;margin-top: 6vh}
}
@media(max-width:768px){

.contact-btm{margin-top: 4vh}

}
@media(max-width:639px){
.contact-top h1{font-size: 24px;}
.contact-top p{font-size: 14px}
.contact-list{margin-right: 2vh}
.contact-title h3{font-size: 16px;margin-top: 8px}
.contact-title img{margin-top: 8px}
.contactUS-infor{width: 100%}
}
/* about 鍏充簬婢崇 */
.about-top{padding: 6vh 0}
.about-top_left{width: 50%;float: left;padding-left: 4vw;margin-top: 3vw;padding-right:8vw}
.about-top_left h3{font-size: 24px;color: #037b48;margin-top: 0;margin-bottom: 1.6vw;font-weight: bold}
.about-top_left p{font-size: 14px;color: #999;line-height: 2}
.about-top_left .contant-num{width: 100%;margin-top: 14vh}
.about-top_right .swiper-slide{width: 85%;margin-right: 4.5vh}
.about-top_right .swiper-pagination-custom{font-size: 65px;color: #037b48;font-weight: bold;text-align: right;right: 145px;bottom: 0px;left: auto}
.about-center{padding: 4.6vw 0 8.5vw;background: #037b48}
.about-center img{position: absolute;bottom:-90%;left: 50%;transform: translateX(-50%)}
.about-text{text-align: center;position: relative;}
.about-text h3{font-size: 24px;color: #fff;margin-top: 0;margin-bottom: 3.5vh;text-align: center}
.about-text p{text-align: center;font-size: 14px;color: #fff;line-height: 2;width: 50%;margin: auto}
.about-center_second{padding: 13vh 0}
.about-center_second img{position: absolute;left: 50%;transform: translateX(-50%);top: 10%}
.about-center_second .about-text h3{color: #037b48}
.about-center_second .about-text p{color: #999}
.about-btm{padding: 20vh 0}
.about-btm img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-title{padding: 6vh 0}
.about-title img{margin: 4vh auto}
.about-title h3{font-size: 32px;color: #333;font-weight: bold;margin-top: 0;margin-bottom: 4.5vh;text-align: center}
.about-title p{font-size: 18px;color: #333;text-align: center;width: 65%;margin: auto}
.about-title .title-pp{font-size: 16px;line-height: 2;width: 50%}
.about-item{margin: 0 15vh}
.about-item_title{padding: 6vh 0;border-bottom: 1px solid rgb(199,199,199);position: relative;}
.item_title h3{font-size: 32px;color: #037b48;margin-top: 0;font-weight: bold}
.item_title p{text-transform: uppercase;font-size: 24px;color: #999;}
.item_cont-text{display: inline-block;margin:0 2vh;}
.item_cont-text h3{font-size: 28px;color: #333;font-weight: bold;text-align:center;margin-top: 0;}  
.item_cont-text p{font-size: 20px;color: #999;margin:0;}
.item_cont-img{display: inline-block}
.item_cont-fr{text-align: right}
.item_cont-fl{margin-top: -5vh}
.item_cont-left{text-align: left;margin-left: 2vh;margin-right: 0}
.swiperbox{display:inline-block;width:43%;position:relative;}
.swiperbox .swiper2{position:absolute;bottom:10px;left:1vw;right:1vw;z-index:10}
/* .swiperbox .swiper1{width:100%} */
.item_cont{display:flex;align-items:center;padding:1vw 0}
.item_cont-text{flex:1;}
.about-top_left .contant-num .num-list{width:auto;margin-right:2vw;}

.swiperbox .swiper2 .prev{content:"";width:15px;height:15px;border:2px solid #ff1a1a;border-bottom:0;border-right:0;transform:rotate(-45deg);position:absolute;left:5px;top:50%;margin-top: -5px; z-index: 10;cursor:pointer;}
.swiperbox .swiper2 .next{    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #ff1a1a;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 50%;
    z-index: 10;
    margin-top: -5px;cursor:pointer;}







.about_third-content{background:#f2f7fa}

.about-box{transition: all .3s linear;padding-bottom: 20vh;max-width:1440px;margin:0 auto;display:flex;}
.about-box .left .item{width:50%;height:50%;float:left;display:flex;align-items:center;padding:0 1vw;background:#fff}
.about-box>div{flex:1}
.about-box .left .item h3{ width: 146px;margin: 0 auto;height: 45px;line-height: 45px; background-color: #0153a5; color: #fff;font-size: 18px;margin-bottom: 36px;text-align:center;}
.about-box .left .item p{font-size: 14px;line-height: 24px;color: #666;margin:0;text-align:center;}

@media (min-width:768px){
.about-box .left .item:nth-child(2){background:#edf2f5}
.about-box .left .item:nth-child(3){background:#edf2f5}   
}

        
@media (max-width: 1365px){
.about-box .left .item p{font-size: 12px; line-height: 17px;}
}

@media (max-width:1000px){
.about-box{display:block;}
.about-box .left .item{height:320px;}
}

@media (max-width:767px){
.about-box .left .item{height:280px;width:100%;}
.about-box .left .item:nth-child(2n){background:#edf2f5}   
}
   
    
    
.circle-box{margin-left: 7vh}
.circle{width: 361px;height: 361px;border: 1px solid rgba(192,192,192,0.5);border-radius: 50%;float: left;transition: all .3s linear;margin-right: -7vh}
.circle p{text-align: center}
.circle-title{font-size: 12px;color: #999;margin: 5vh 0 7vh}
.circle-center{font-size: 20px;color: #333;font-weight: bold;}
.circle img{margin: 3vh auto}
.circle-btm{font-size: 22px;color: #333;font-weight: bold}
.about_fourth-content{padding: 9vh 0 5vh}
.about_fourth-cont{margin: 0 5vh}
.fourth-slide{background: rgb(236,236,236);padding: 5vh 0;margin-bottom: 3.5vh}
.fourth-slide:hover{transform: translateY(-2px);box-shadow: 0 15px 30px rgba(0,0,0,.35);transition: all .3s linear; }
.fourth-slide img{margin: 0 auto 3vh;box-shadow: 40px 20px 40px 5px rgb(210,210,210)}
.fourth-slide p{font-size: 16px;color: #333;font-weight: bold;text-align: center}
.about_sixth-content{padding-bottom: 15vh}
.about-sixth_btm{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.55);z-index: 1;padding: 2vh 2vh;width: 100%}
.about-sixth .swiper-button-prev{background: url(../image/about14.png);width: 60px;height: 60px;background-size: contain;outline: none}
.about-sixth .swiper-button-next{background: url(../image/about15.png);width: 60px;height: 60px;background-size: contain;outline: none}
.swiper-border{border: 1px solid rgba(255,255,255,.85)}
.about-sixth_btm .swiper-slide-thumb-active{transform: translateY(-10px);transition: all .3s linear;}
.about-sixth_btm .swiper-slide-thumb-active .swiper-border{border: 2px solid #fff}
.about-sixth_icon{position: absolute;left: 50%;top: 0;background: rgba(0,0,0,.55);border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 1vh 2vh;z-index: 1;cursor: pointer;transform: translateY(-99%) translateX(-50%);transition: all .3s linear}
.about-sixth_icon .about-show{display: inline-block}
.about-sixth_icon .about-hide{display: none}
.about-sixth_icon2 img{transform: rotate(180deg);transition: all .3s linear}
.about-sixth_icon img{display: inline-block}
.about-sixth_icon span{color: #fff}
.phone-about{display: none}
.about_histudy{padding-top: 10vh}
.about_histudy h1{position: absolute;left: -30vw;top: 60vh;text-transform: uppercase;font-size: 100px;color: #f1f1f1;transform: rotate(90deg);font-weight: bold;transition: all .3s linear}
.history-content{margin: 0 10vw;padding-bottom: 10vh}
.history-title{font-size: 24px;color: #037b48;font-weight: bold;position: relative;vertical-align: top;width:78px;}
.history-title::after{content:"";width: 6px;height: 6px;border-radius: 50%;background: #037b48;position: absolute;top: 11px;right:-2px;}
.his-cont{position: relative;padding-bottom: 5vh;display:flex;}
.his-cont div{display: inline-block}
.history-line{width: 1px;height: 100vh;background: #037b48;position: absolute;top: 15px;right:0}
.history-text{margin-left: 2vw;flex:1}
.history-text div{display: block}
.history-list{margin-bottom: 4vh}
.history-list h3{font-size: 24px;color: #333}
.history-list p{font-size: 14px;color: #999;width: 85%}
@media(max-width:1500px){
/* .item_title{position: absolute;left: 0} */
.about-box{margin: 0}
.circle{width: 330px;height: 330px;}
.circle-box{margin-left: 1vh}
.item_cont-img{width: 40%}
.about-top_left .contant-num{margin-top: 0}
.about_histudy h1{top: 75vh;left: -40vw}
/* .history-title::after{left: 103%} */
.history-content{margin:0 0 0 10vw;padding-bottom: 28vh;}
.about-center img{bottom: -120%;}
}
@media(max-width:1280px){
.about_histudy h1{left: -45vw}
.about-top_left{padding-right: 4vw;}
}
@media(max-width:1200px){
.circle{width: 270px;height: 270px;} 
.circle img{height: 145px;}
.about-item{margin: 0}
.about-title p{width: 90%}

.about-text p{width: 75%}
.about_histudy h1{left: -56vw}
/* .history-text{width: 85%} */
}
@media(max-width:991px){
.about_histudy h1{display: none}
}
@media(max-width:768px){
.item_title{position: relative;}
.about-title p{width: 100%}
.fourth-slide img{width: 65%}
.about-title .title-pp{width: 90%}
.circle{margin-right: -3vh;margin-bottom: 10vh;}
.about-box{margin: 0 10vh;padding-bottom: 0}
.circle img{height: 100px;margin: 2vh auto}
.circle-title{margin: 5vh 0 4vh;}
.item_cont-text{width: 50%}
.item_cont-img {width: 35%;}
.item_cont-fl {margin-top: -2vh;}
.about-top_left{float: none;width: 100%;}
.about-top_right{width: 100%;padding-left:2vh}
.about-top_left{margin-top: 0}
.about-text p{width: 90%}
.history-content{margin: 0;padding-bottom: 10vh}
}
@media(max-width:639px){
.about-title h3{font-size: 22px;margin-bottom: 1.5vh}
.about-title p{font-size: 14px}
.about-sixth .swiper-button-prev{width: 20px;height: 20px;}
.about-sixth .swiper-button-next{width: 20px;height: 20px;}
.about-sixth_btm{display: none}
.about-box{margin: 0 auto;padding-bottom: 0;display: block}
.circle img{height: 130px;}
.circle-box {text-align: center;margin-left: 0}
.circle{float: none;margin: 0 auto 10vh}
.circle-title {margin: 5vh 0 6vh;}
.circle-center{font-size: 18px}
.circle-btm{font-size: 18px}
.about-item_title{padding: 2vh 0}
.item_title h3{font-size: 22px}
.item_title p{font-size: 18px}
.item_cont-text{width: 100%;padding: 2vh 0;margin: 0}
.item_cont-img{width: 100%}
.item_cont-text h3{font-size: 18px}
.item_cont-text p{font-size: 16px}
.pc-about{display: none}
.phone-about{display: block}
.num-list h1{font-size: 30px;}
.num-list h1 .num-text{font-size: 14px}
.about-top_left p{font-size: 12px}
.about-top_left{padding: 0 2vh}
.about-top_right .swiper-slide{margin-right: 1.5vh}
.about-top_right .swiper-pagination-custom{font-size: 30px;bottom: 0px}
.about-text h3{font-size: 18px}
.about-text p{font-size: 12px}
.about-center{padding: 10vh 0 15vh;}
.about-center_second{padding: 5vh 0}
.about-btm{padding: 5vh 0}
.history-text{/* width: 70%; */margin-left: 4vw;}
.history-text p{width: 100%}
}
@media(max-width:320px){
/* .history-text{width: 68%;} */
.history-title{width:65px;}
}

.tl-item{text-align:left!important;/* margin-left:33vh !important; */}
/* .tr-item{text-align:left!important;margin-right:33vh!important} */
.tl-item  h3 img{transform:rotate(180deg)}
.item_cont .item_cont-text img{display:inline-block;float:none;}
.item_cont .item_cont-text h3{margin-bottom:2vw}
.item_cont .item_cont-text h3 img{margin:0 2vw;}
/* @media(min-width:1000px){
   .hidden-big{display:none}
}
@media(max-width:999px){
   .hidden-small{display:none}
} */
/* .phoneList-list{border-top:1px solid #ededed} */

.left-prev{position:absolute;position: absolute;top: 5px;z-index: 10;width: 24px;left: 50%;margin-left: -12px;}
.left-next{position:absolute;position: absolute;bottom: 5px;z-index: 10;width: 24px;left: 50%;margin-left: -12px;}
@media (max-width:1000px){
.left-prev{transform: rotate(-90deg);margin-top: -6px;margin-left:0;left:0;    top: 50%;}
.left-next{transform: rotate(-90deg);margin-top: -6px;margin-left:0;right:0;    top: 50%;left:auto;bottom:auto;}
}
@media (max-width:767px){
.item_cont{display:block;}
.swiperbox{width:100%}
}
.contRight-btn .col{float:left;width:33.33%;padding:0 1vw;}
.contRight-btn{margin:0 -1vw;overflow:hidden;margin-top:2vw}
.contRight-btn a{    padding: 1.5vh 0;
    color: #999;
    background: #fff;
    text-align: center;
    font-size: 20px;
    border: 1px solid rgb(199,199,199);
    position: relative;display:block;}
.contRight-btn1{text-align:center;margin-top:2vw}
.contRight-btn1 a{display:inline-block;padding: 1.5vh 0;color: #999;background: #fff;text-align: center;display: inline-block;width: 30%;font-size: 20px;border: 1px solid rgb(199,199,199);margin:0 3%;}
.contRight-btn a:hover {
    color: #fff;
    background: #037b48;
    transition: all .3s linear;
}
.contRight-btn1 a:hover {
    color: #fff;
    background: #037b48;
    transition: all .3s linear;
}

@media (max-width:767px){
.contRight-btn1{margin-top:5vw;}
.contRight-btn{margin-top:5vw}
.contRight-btn .col{width:50%;}
.contRight-btn a{font-size:16px;margin-bottom:1.5vh}
.contRight-btn1 a{font-size:16px;width:35%;}
.about-top_left .contant-num .num-list{width:33.33333%;margin-right:0}
}

.search-container{max-width:1440px;margin:0 auto;}
 .search{background: #f4f4f4;padding:90px 0}
 .search .top{margin-bottom: 90px;}
.search .top .title{font-size: 40px;color: #333;text-align: center;padding-bottom: 36px;text-transform: capitalize;}               
.search-box{max-width: 550px;display: flex;align-items: center;padding: 0 2%;margin: 0 auto;border: 1px solid #e0e0e0;height: 58px;background-color: #fff;}
.search-box input{flex: 1;font-size: 16px;color: #333}             
.search-box button{padding: 0;background: none}
.search .item{display: flex;align-items: center;    border-bottom: 1px solid #e3e4e4;
    padding: 40px 0;}
.search-result-title span:nth-child(1){font-size: 30px;color: #333;font-weight: 600;}
.search-result-title span:nth-child(2){
	font-size: 14px;
    color: #6684f2;
    border: 1px solid #0356a6;
    padding: 5px 10px;
    border-radius: 25px;
    margin-left: 20px;
}
.search-result-title span{display: inline-block;vertical-align: middle;
}
    
.search .item img{width: 30%;margin-right: 40px}
.search .item .h1{font-size: 30px;color: #333;margin-bottom: 30px;}
.search .item .h2{font-size: 14px;color: #999;margin-bottom: 28px;}
.search .item .more{    font-size: 14px; color: #fff;background-color: #0054a5; border-radius: 25px;
    width: 140px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;}
	
@media (min-width:1000px){
.product2-content .container{position:relative;}
.product2-contLeft{position:absolute;left:0;top:0;bottom:0;}
.product2-contCenter{margin-left:7%;}
.product2-contRight{position:absolute;right:0;top:0;width:46%;}
}

@media (max-width:1440px){
.contRight-btn1 a{font-size:16px;padding:10px 0}
}

.case-nav .search-box{width:300px;padding:0 15px;}

@media (max-width:767px){
.case-nav .search-box{width:86vw;height:45px;}
}

.cart-body{display:none}
.news_tails-cont img{display:inline-block}
.news_tails-text img{display:inline-block}



#fh5co-contact {margin-top:10px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:90px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

@media (max-width: 767px) {
    #fh5co-contact {margin-top:30px;}
}

.bttn-mid {font-size: 18px;font-weight: 700;padding:10px 0px;display: inline-block;border-radius: 30px 0 30px 0;cursor: pointer;text-transform: uppercase;transition: 0.4s;font-weight:normal;color:#fff;}
.bttn-mid:hover {border-radius: 0px 30px 0px 30px;}
.btn-fill {color: #fff;background: #05a15f;margin-top:0px;}
.btn-fill:hover {background: #05a15f;color: #ffffff;}

.con_map{float:left;width:100%;border:2px solid #1e9244;}
.mapContent{float:left;width:100%;height:500px;}
/*.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}*/

.cmain {padding-top:40px;padding-bottom:40px;}
.nowTitle {float:left; width:100%;text-align:center;}
.nowTitle .div1{float:left; width:100%;text-align:center;font-size:20px;color:#05a15f;background:url(../images/dotline.jpg) no-repeat bottom center;padding-bottom:20px;}
.nowTitle .div2 {float:left; width:100%;padding:15px 10%;}
.nowList {float:left;width:100%;padding:20px 0px;}
@media (max-width: 768px){
   .nowTitle .div2 {padding:15px 0%;}
   .cmain {padding-top:40px;padding-bottom:10px;}
}


.news1con .col-sm-4{padding-bottom: .24rem;}
.news1con .row{margin:0 -.24rem}


.news2con{padding: .65rem 0 1.3rem;background: #fbfbfb}
.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem}
.news2box .contentbox img{display:inline-block;}
.news2top .h1{font-size: .34rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size: .14rem;color: #2f2f2f}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.news1con .col-sm-4{padding: .24rem;}
.news1con .row{margin:0 -.24rem}
.news1con{padding: .01rem 0 1.2rem;background: #fbfbfb; display:block;}

.news1tab{font-size: 0;text-align: center;margin-bottom: .2rem;}
.news1tab .item{display: inline-block;vertical-align: middle;font-size:.18rem;text-align: center;color: #05a15f;border:.02rem solid #05a15f;width: 2.2rem;height: .6rem;line-height: .56rem;transition: all .3s ease;margin: 0 .15rem;border-radius: .4rem}
.news1tab .item.on{background: #05a15f;color: #fff}

.news1tab2{font-size: 0;text-align: center;margin-bottom: .2rem;}
.news1tab2 .item{display: inline-block;vertical-align: middle;font-size:.16rem;text-align: center;color: #05a15f;border:.02rem solid #05a15f;padding:.12rem .35rem; transition: all .3s ease;margin: 0 .1rem;border-radius: .4rem}
.news1tab2 .item.on{background: #05a15f;color: #fff}

@media (min-width: 1000px){
  .news1tab .item:hover{background: #05a15f;color: #fff}
  .news2bottom .item:hover{background: #05a15f}
  .news2bottom .item:hover span{color: #fff}

  .news1tab2 .item:hover{background: #05a15f;color: #fff}
}

@media (max-width: 767px){
  .news1tab .item{font-size: 14px;border-width: 1px;width: 100px;height: 36px;line-height: 34px;  margin: 6px;}
  .news2box{padding:6vw}
  .news2top .h2{font-size: 12px;line-height: 1.3}
  .news2top .h1{font-size: 18px;}
  .news2bottom .item{width: 100%}
  .news2bottom .item span{font-size: 13px;}

  .news1tab2 .item{font-size: 14px;border-width: 1px; margin: 6px;}
}


/*.brand1{padding: .7rem 0 1rem;}*/
.brand1 .nav{padding: .2rem 0;border-bottom: 1px solid #e2e2e2}
.brand1 .nav .left a{color:#999;transition: all .3s}
.brand1 .nav .left a.on{color:rgb(53, 53, 53)}
.brand1 .nav .left span{color: #05a15f;font-size: .18rem;}
.brand1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brand1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.brand1 .one{display: flex;padding: .35rem 0 .3rem 0;}
.brand1 .one .left{flex: 1;/*padding-right: 3.4vw*/}
.brand1 .one .right{flex: 1;padding-left: 3.2vw;padding-top:5vw}
.brand1 .one .imgbox{position: relative;}
.brand1 .one .brandimg{width:11vw;height:8vw;position: absolute;background: #fff;top: -4vw;left: -6.6vw;box-shadow: 0px .09rem .59rem 0px rgba(0, 0, 0, 0.04);}
.brand1 .one .brandimg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand1 .one .left h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand1 .one .left h1:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#05a15f;vertical-align: middle;margin-right: .15rem}
.brand1 .one .left h2{font-size: .36rem;color: rgb(51, 51, 51);}
.brand1 .one .left .collect img{display: inline-block;}
.brand1 .one .left .collect span{font-size: .16rem;color:rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.brand1 .one .left .collect{display: inline-block;cursor: pointer;margin: .2rem 0;font-size: 0}
.brand1 .one .left p{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2;}
.brand1 .one .left .supplier .txt{font-size: .24rem;color: rgb(51, 51, 51);}
.brand1 .one .left .supplier .btn1{transition: all .3s;font-size: .18rem;color: #fff;width: .78rem;line-height: .36rem;text-align: center;background: #f2b13e;border-radius: 25px;display: block;}
.brand1 .one .left .supplier{padding: .35rem 0 .15rem;position: relative;margin-top: 3vw}
.brand1 .one .left .supplier:before{content:"";height: 4px;width: 100%;left: 0;top: 0;background: url(../images/border.png);-webkit-background-size: cover;background-size: cover;position: absolute;}
.brand1 .one .left img{width: .35rem;margin-right: .1rem;}
.brand1 .two .top{padding: .5rem 0}
.brand1 .two .top .left{font-size: 0;}
.brand1 .two .top .left .item1{margin-right: 1px;text-align: center;font-size: .24rem;color: rgb(153, 153, 153);line-height: .7rem;padding: 0 .3rem;min-width: 2.55rem;display: inline-block;transition: all .3s;background: #fff}
.brand1 .two .top .left .item1.on{padding-left: .45rem;background: #4c5562;color: #fff}
.brand1 .two .top .title{font-size: .3rem;color: rgb(51, 51, 51);}
.brand1 .two .top .title:after{content:"";width: .07rem;height: .32rem;display: inline-block;background:#05a15f;vertical-align: middle;margin-right: .15rem}
.brand1 .two .row{margin: 0 -.15rem}
.brand1 .two .col-sm-4{padding: .15rem}
.brand1 .two .item .imgbox{position: relative;}
.brand1 .two .item .imgbox img{width:100%;}
.brand1 .two .item .bottom{padding: .25rem .35rem .3rem .28rem}
.brand1 .two .item .content h1{font-size: .18rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand1 .two .item .content p{font-size: .16rem;line-height:24px;color: rgb(153, 153, 153);margin-bottom: 5px;height:72px;overflow:hidden;}
.brand1 .two .item .content p:nth-of-type(2){height:24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;background:url(../images/time.png) no-repeat left center;padding-left:25px;margin-top:10px;}
.brand1 .two .item{display: block;background: #fff;box-shadow: 0px 9px 49px 0px rgba(0, 0, 0, 0.04);transition: all .3s}
.brand1 .two .item .goimg{width: .58rem}

.brand1 .two .item2 .imgbox{position: relative;}
.brand1 .two .item2 .bottom{padding: .25rem .35rem .3rem .28rem}
.brand1 .two .item2 .content h1{font-size: .18rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align:center;}
.brand1 .two .item2 .content p{font-size: .16rem;line-height:24px;color: rgb(153, 153, 153);margin-bottom: 5px;height:72px;overflow:hidden;}
.brand1 .two .item2{display: block;background: #fff;box-shadow: 0px 9px 49px 0px rgba(0, 0, 0, 0.04);transition: all .3s}
.brand1 .two .item2 .goimg{width: .58rem}

.brand-title{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#05a15f;vertical-align: middle;margin-right: .15rem}

@media (max-width: 1600px){
	.brand1 .two .item .content{padding-right: 3vw}
	.brand1 .one{align-items: center;}
	.brand1 .two .item2 .content{padding-right: 3vw}
}
@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.brand .top .item:hover span{transform:translateX(5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}
	.brand .list .item1:hover{transform: translateY(-10px);}
	.brand .list .more:hover{transform: translateY(-10px);}       
	.brand .list .item1:hover .imgbox:after{    background: rgba(0,0,0,.1);}

    .brand1 .nav .right:hover span{color:#05a15f }
    .brand1 .two .top .left .item1:hover{padding-left: .45rem;background: #4c5562;color: #fff}
    .brand1 .two .item:hover .content h1{color:#05a15f}
    .brand1 .two .item:hover{transform: translateY(-5px);}
    .brand1 .one .left .supplier .btn1:hover{background:#05a15f;color: #fff }
    .brand2 .three .next:hover{background:#05a15f }
	.brand2 .three .prev:hover{background:#05a15f }
    .brand2 .one .video1 .play:hover{background:rgba(226,67,57,1)}
    .brand2 .one .video1 .play:hover .before{opacity: 0}
    .brand2 .one .video1 .play:hover .after{opacity: 1}
    .brandsearch .nav .right:hover span{color:#05a15f}

    .brand1 .two .item2:hover .bottom {background:#05a15f}
    .brand1 .two .item2:hover .content h1{color:#fff}
    .brand1 .two .item2:hover{transform: translateY(-5px);}
}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
.prodetails .four .imgbox{margin:15px;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}
	.brand2 .nav{display: block;}
	.brand2 .nav .right{float: right;margin-top: .1rem}
	.brand1 .one{display: block;}
	.brand1 .two .item .content h1{font-size: 18px}
	.brand1 .two .item .content p{font-size: 14px;}
	.brand1 .two .item .content p:nth-of-type(2){height:42px;line-height:42px;}
	.brand1 .one .left .collect span{font-size: 14px}
	.brand1 .one .left p{font-size: 14px}
	.brand1 .one .left{padding: 0;;padding-bottom: .3rem}
	.brand1 .one .right{padding: 0}
	.brand1 .one .left .supplier .btn1{font-size: 14px;line-height:.4rem;width: .9rem}
	.brand1 .nav .left span{font-size: 14px;}
	.brand1 .nav .right span{font-size: 14px;}
	.brand1 .two .top{display: block;}
	.brand1 .one .brandimg{display: none;}
	.brand2 .three .item p{font-size: 14px;}
	.brand1 .two .item .bottom{padding: .3rem}
	.brand2 .three .swiper-container{padding-right: .38rem}
	.brandsearch .nav{display: block;}
	.brandsearch .nav .right{float: right;margin-top: .1rem}
	.brandsearch .nav .left{font-size: 14px;}
	.brandsearch .nav .right span{font-size: 14px;}
	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.brandapply .title h2{font-size: 14px;}
	.brandapply .title h1 .txt{font-size: 16px}
	.brand .list .item{height:4rem;}
	.brand .list .item1{height:6rem;}
	.brand .top .col{width:50%}
	.brand1 .two .item .content p.intro{height:auto;}

	.brand1 .two .item2 .content h1{font-size: 18px}
	.brand1 .two .item2 .content p{font-size: 14px;}
	.brand1 .two .item2 .content p:nth-of-type(2){height:42px}
	.brand1 .two .item2 .bottom{padding: .3rem}
	.brand1 .two .item2 .content p.intro{height:auto;}
}


.pagelist a{display: inline-block;vertical-align: middle;font-size: .16rem;color: #333;width: .4rem;height: .4rem;border-radius: 50%;transition: all .3s linear;line-height: .4rem;margin: 0 .12rem;position: relative;}
.pagelist{font-size: 0;text-align: center;margin-top: .5rem;float:left;width:100%;clear:both}
.pagelist a.on{background: #05a15f;color: #fff}

@media (min-width: 1000px){
   .pagelist a:hover{background: #05a15f;color: #fff}
}
@media (max-width: 767px){
    .pagelist a{font-size: 13px;width: 30px;height: 30px;line-height: 30px;}
}


.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}

.cover2{position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;transition: all 0.4s ease 0s;background: rgba(0,0,0,.35);}
.cover2 p{text-align: center;color: white;font-size: .16rem}
.cover2 p{position: relative;}
.cover2 p:before{content: "";width: 1rem;height: 1px;background: white;position: absolute;top:-5px;left: 50%;margin-left: -.5rem;    transition: all 0.6s ease 0s;}
.cover2 p:after{content: "";width: 1rem;height: 1px;background: white;position: absolute;bottom:-5px;left: 50%;margin-left: -.5rem;    transition: all 0.6s ease 0s;}
@media (min-width: 1000px){
.cover-box:hover .cover2{opacity: 1}
.cover-box:hover .cover2 p:before{width: .2rem;margin-left: -.1rem;}
.cover-box:hover .cover2 p:after{width: .2rem;margin-left: -.1rem;}
.page2 .btn1:hover:after{border-color: #fff}
}


.iframe{padding: .01rem 0 1.2rem;}
.download{float:left;width:100%;margin-bottom:30px;background:#ececec}
.download a {float:left;}
.download img{float:left;width:100%;border:1px solid #ececec}
.download p{float:left;width:100%;color:#000;text-align:center;height:40px;line-height:20px;margin:10px 0px;overflow:hidden;}

@media (max-width: 767px){
    .iframe{padding: .2rem 0 1.2rem;}
    .iframe .col-xs-6 {width:50%;margin:0px;padding:5px;}
    .download{float:left;width:100%;margin-bottom:15px;background:#ececec}
}


/* subnav */
.wrapper{position: relative; background: #fff;}
.subnav{width: 100%; background: #fff; border-bottom: 1px solid #d7d7d7;}
.subnav.fixed{position: fixed; top: 0; left: 0; z-index: 1001; -webkit-transform: translateZ(0); transform: translateZ(0);}
.subnav .weui-cell{color: #333;}
.subnav .weui-cell__ft{position: relative; width: 20px; height: 49px;}
.subnav .weui-cell__ft::after{position: absolute; display: block; content: ""; right: 0; top: 50%; margin-top: -7px; width: 10px; height: 10px; border-top: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.subnav .weui-cell.active .weui-cell__ft::after{-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.subnav a{position: relative; display: inline-block; margin: 0 4%; padding: 25px 5px; font-size: 18px; line-height: 24px; color: #333;}
.subnav a::after{position: absolute; display: block; content: ""; left: 50%; bottom: -1px; width: 0; height: 2px; background: #05a15f; -webkit-transition: all 0.4s cubic-bezier(.23,1,.38,1); transition: all 0.4s cubic-bezier(.23,1,.38,1);}
.subnav a.active{color: #05a15f; border-color: #05a15f;}
.subnav a.active::after{width: 100%; left: 0;}
@media (min-width: 640px){
.subnav .weui-cell{display: none;}
.subnav a{margin: 0 2%;}
}
@media (min-width: 1200px){
.subnav a:hover, .subnav a.active{color: #05a15f;}
.subnav a:hover::after, .subnav a.active::after{width: 100%; left: 0;}
.subnav a{margin: 0 4%;}
}
@media (max-width: 639px){
.subnav a{display: block; padding: 10px 15px; border-bottom: 1px solid #d0d0d0;}
.subnav a:last-child{border-bottom: 0;}
.subnav .dropnav{display: none; border-top: 1px solid #d0d0d0;}
.subnav .weui-cell__bd{font-size: 18px; font-weight: normal;}
}

.bgeee{background-color: #eeeeee;}
.online-recruit-main{padding-top: .36rem;padding-bottom: 1rem;}
.online-recruit-main .row{margin-left: -.13rem; margin-right: -.13rem;}
.online-recruit-main .col-xs-12{margin: .13rem 0; padding-left: .13rem; padding-right: .13rem;}
.online-recruit-main .box{position: relative; top: 0; padding: .4rem .47rem; background: #fff; -webkit-transition: all .4s; transition: all .4s;}
.online-recruit-main .box p{margin-bottom: 5px;}
.online-recruit-main .box .box-top{position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 18px;}
.online-recruit-main .box .box-top p{font-size: 16px;color: #333;}
.online-recruit-main .box .box-top p .number{color: #05a15f;}
.online-recruit-main .box .box-bot{margin-top: 14px;}
.online-recruit-main .box .box-bot .post-duties{margin-bottom:28px;}
.online-recruit-main .box .box-bot li p{font-size: 16px;color: #999;}
.online-recruit-main .box .box-bot .post-duties>p,.online-recruit-main .box .box-bot .tenure-requir>p{margin-bottom: 20px;}
.online-recruit-main .box .box-bot p span{color: #fff;font-size: 16px;display: inline-block;background-color: #05a15f;line-height: 28px;padding: 0 17px;}
.recruit-position{padding-right: 110px;}
.recruit-number{position: absolute; right: 0; top: 0; width: 100px; text-align: right;}
@media (max-width: 991px){.online-recruit-main .box{height: auto !important;}}
@media (min-width: 1200px){
.online-recruit-main .box:hover{top: -10px; -webkit-box-shadow: 0 .25rem .6rem rgba(0,0,0,.15); box-shadow: 0 .25rem .6rem rgba(0,0,0,.15);}
}

.casebg{
	background-color:#eee;
    padding-top: 30px;
	padding-bottom: .82rem;
}
.coop-case{
	padding:35px 0.5rem;
	background-color: #fff;
}


.vItem {float:left;width:32.3333333%;margin-right:1.5%;margin-bottom:30px;cursor:pointer;}
.vItem:nth-child(3n) {margin-right:0px;}
.postimg {float:left;width:100%;}
.video-box2 {float:left;width:100%;position:relative;}
.botmPlay {float:left;width:100%;bottom:0px;height:60px;position:absolute;left:0}
.botmPlay img {max-width:100%;}
.vImg {position:relative;}
.botmPlay .ms {float:left;width:100%;height:100%;position:relative;}
.video-play{position: absolute;width:40px;height:40px;left:10px;bottom: 10px;border-radius: 50%;cursor: pointer;}
.video-play .icon{position: absolute;left: 50%;top:50%;width:.12rem;margin-top:-.07rem;margin-left:-.05rem}
.video-play .circle2{animation: rotate0 2s ease infinite;}
.botmPlay .ms .tit {height:60px;line-height:60px;font-size:16px;font-family:"GillSansMTBold";color:#fff;text-transform:uppercase;position:absolute;left:80px;}
.botmPlay .ms .jt {position:absolute;right:20px;bottom:20px;}

.video-boxM{position: fixed;top:50%;left:50%;padding-bottom: .2rem;border-radius: .1rem;background: #fff;width:55vw;display: none;z-index:15}
.video-boxM .videoclose{float: right;margin-right: .1rem;cursor:pointer;}
.video-boxM video{display: block;width: 100%}
.video-boxM .top{padding: .15rem 0}

@keyframes rotate0 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); }
}

@media (max-width: 767px){
    .vItem {float:left;width:100%;margin-right:0;margin-bottom:20px;cursor:pointer;}
    .subnav a{font-size:14px;}
}


.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3);z-index: 10;display: none;}
.video-boxM{position: fixed;top:50%;left:50%;padding-bottom: .2rem;border-radius: .1rem;background: #fff;width:55vw;display: none;z-index:15}
.video-boxM .videoclose{float: right;margin-right: .1rem;cursor:pointer;}
.video-boxM video{display: block;width: 100%}
.video-boxM .top{padding: .15rem 0}
@media (max-width: 767px){
    .video-boxM{width: 100vw;}
	.video-boxM .videoclose{width: 10px;}
}


.pcpList2 {padding:30px 0px;}


/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/

.primary-sidebar {
  margin-bottom: 0px;
  width:22%;
  float:left;
  position:fixed;z-index:3;
}
.content-area {float:right;width:73%;}
.content-area .footer__subnavSelect{float:left;width:100%;background:#FFF;height:45px;border:0;border:1px solid #bfbfbf;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#788791;padding:2px 15px 0;background-color:#FFF;background-image:url("../images/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:block;margin-top:0px;margin-bottom:20px;}

.primary-sidebar .widget {
  margin-bottom: 20px;
  background-color: #f2f4f6;
}
.primary-sidebar .widget ul {
  list-style: none;
  padding:0;
  margin:0;
}
.primary-sidebar .widget_search input {
  padding: 22px 30px;
  background-color: transparent;
  border:none;
}
.primary-sidebar .widget_search button {
  font-size: 26px;
  min-width: auto; 
  padding-left:30px; 
  padding-right: 30px; 
  line-height:26px; 
  color:#b7b7b7;
  background-color: 
  transparent;
}
.widget-title {
  color:#03132b;
  font-size:16px;
  padding:15px 30px;
  border-left:2px solid #05a15f;
  text-transform: uppercase;
  margin-bottom: 0; 
  margin-top:0px;
  /*margin-bottom:20px;*/
}

.primary-sidebar .widget_categories ul li a {
  display:block;font-size: 16px;
  line-height: 26px;
  color: #707070;
  padding: 9px 30px;
  border-top:1px solid #fff;
}
.primary-sidebar .widget_categories ul li a:hover {
  background-color: #05a15f;
  color:#fff;
  text-decoration: none;
}
.primary-sidebar .widget_categories ul li a.hover {
  background-color: #05a15f;
  color:#fff;
  text-decoration: none;
}
.primary-sidebar .widget_recent_news .thumb{
  float:left;
  margin-right:20px;
}
.recent-news li {
  padding: 30px;
  border-top:1px solid #ffffff;
}
.recent-news h4 {
  font-size:16px; 
  line-height:20px;
  color: #363636;
  margin-bottom: 6px;
}
.recent-news .entry-date {
  font-size: 14px;
  line-height: 14px;
  color:#707070;
}
.tagcloud {
  padding: 25px;
  border-top:1px solid #fff; 
  overflow-y: hidden; 
}
.tagcloud a {
  float: left; 
  font-size: 16px; 
  line-height: 24px; 
  padding: 10px 16px; 
  margin:5px; 
  background-color: #fff;
}
.tagcloud a:hover {
  color: #fff;
  background-color: #05a15f; 
  text-decoration: none;
}
.recent-tweets li {
  padding:30px; 
  border-top:1px solid #fff;
}
.tweets-logo { 
  float: left;
}
.tweets-logo i {
  font-size: 18px; 
  color: #00aeef;
}
.tweets-content {
  padding-left: 40px;
}
.tweets-content p {
  font-size: 16px; 
  line-height: 24px;
  font-weight: 500;
}
.tweets-content a {
  color: #05a15f;
}
.meta-left {
  float: left;
}
.meta-right, .meta-left {
  margin-bottom: 0;
}
.single-post {
  margin-bottom: 50px;
  float:left;width:100%;
}
.seperate-border {
  padding-bottom: 30px; 
  border-bottom: 1px solid #e1e1e1; 
  margin-bottom: 30px;
}
.meta-post {
  text-align: right;
}
.meta-left {
  float: left;
}
.meta-right, .meta-left {
  margin-bottom: 0;
}
.single-img {
  display: table;
}
.img-left {
  position: relative;
  width: 63%; 
  float: left; 
  padding-right: 15px;
}
.img-right {
  position: relative;
  width: 37%; 
  float: left; 
  padding-left: 15px;
}
.img-right img {
  margin-bottom: 30px;
}
.img-right img:last-child {
  margin-bottom: 0;
}
.img-left img, .img-right img {
  width: 100%;
}
blockquote {
  font-size: 30px;
  line-height: 38px;
  font-weight:500;
  padding:0; 
  padding-left:30px; 
  color: #05a15f;
  background-color: transparent;
  margin: 0;
}
blockquote .post-blockquote-author {
  font-size: 16px; 
  line-height: 26px; 
  color: #707070; 
  font-style: normal;
  padding-top: 94px;
}
blockquote .author-name {
  color: #252525;
}
.blockquote-post {
  margin-bottom: 40px;
}
.blockquote-post::before {
  position: absolute;
  top: 0; 
  left: 0;
  width: 2px; 
  height: 53px; 
  background-color: #05a15f;
  font-size: 0;
  content:'';
}
.tags {
  float: left;
  color: #707070;
  font-size: 16px; 
  line-height: 24px;
  font-weight: 500;
}
.tags a {
  color: #707070; 
  margin-left: 10px;
}
.tags a:hover{
  color:#05a15f;
}
.share {
  text-align: right;
  font-weight: 500;
}
.share a, .author-social a {
  color: #b7b7b7;
  font-size: 20px;
  line-height: 26px;
  margin-left: 10px;
}
.share a:hover {
  color: #05a15f;
}
.author-post {
  padding: 30px; 
  background-color: #f2f4f6;
  margin-bottom: 30px;
}
.author-img {
  float: left;
}
.author-desc {
  padding-left: 130px;
}
.author-social a:first-child{
  margin-left: 0;
}
.comments-area {
  padding-top: 20px;
}
.comments-area ol, .comments-area ul {
  list-style: none; 
  padding-left: 0;
}
.comment-list li {
  padding-bottom: 60px;
}
.comment-list li:last-child {
  padding-bottom: 30px;
}
.gravatar {
  float: left;
}
.comment-content {
  padding-left: 80px;
}
.comment-author {
  display: inline-block;
  font-size: 16px;
  color: #03132b;
  margin-bottom: 10px;
}
.comment-time {
  color: #b7b7b7;
}
.comment-content p {
  margin-bottom: 10px;
}
.btn.comment-reply-link {
  font-size: 12px;
  line-height: 24px;
  padding: 0 18px;
  color: #707070; 
  background-color: #f2f4f6;
  min-width: auto; 
  min-height: auto; 
}
.btn.comment-reply-link:hover {
  color: #fff;
  background-color: #05a15f;
  text-decoration: none;
}
.comment-list .children {
  padding-left: 55px;
}
.comment-form input {
  margin-bottom: 30px; 
  width: 100%;
}
.comment-form textarea {
  margin-bottom: 20px;
}
p.form-submit {
  margin-bottom: 0;
}
p .btn-submit {
  font-size: 16px;
  color: #fff;
  padding: 18px 30px; 
  width: auto;
  margin-bottom: 0;
}
.entry-header h4{margin-top:20px;float:left;width:100%;}

@media (max-width: 767px){
    .content-area {width:100%;}
}

.site-main .pd_list_dl {float:left;width:23.875%;background:#f5f5f5;margin-bottom:30px;border-radius:20px;padding:12px;margin-right:1.5%;}
.site-main .pd_list_dl:nth-child(4n) {margin-right:0px;}
.pd_list_dl a {float:left;}
.pd_list_dl a img{float:left;width:100%;}
.pd_list_dl:hover img{opacity:0.8;filter(alpha=80)}
.pd_list_dl div {float:left;width:100%;text-align:center;padding:10px 0px 0px 0px;line-height:24px;font-size:16px;}
.pd_list_dl div a{float:left;width:100%;display:block;color:#666;height:48px;overflow:hidden;display:block;}

@media (max-width: 1600px){

}
@media (max-width: 1440px){
    .site-main .pd_list_dl {float:left;width:32%;background:#f5f5f5;margin-bottom:30px;border-radius:20px;padding:12px;margin-right:2%;}
    .site-main .pd_list_dl:nth-child(4n) {margin-right:2%;}
    .site-main .pd_list_dl:nth-child(3n) {margin-right:0%;}
}
@media (max-width: 1360px){
    .site-main .pd_list_dl {float:left;width:32%;background:#f5f5f5;margin-bottom:30px;border-radius:20px;padding:12px;margin-right:2%;}
    .site-main .pd_list_dl:nth-child(4n) {margin-right:2%;}
    .site-main .pd_list_dl:nth-child(3n) {margin-right:0%;}
}
@media (max-width: 1199px){
    .site-main .pd_list_dl {float:left;width:32%;background:#f5f5f5;margin-bottom:30px;border-radius:20px;padding:12px;margin-right:2%;}
    .site-main .pd_list_dl:nth-child(4n) {margin-right:2%;}
    .site-main .pd_list_dl:nth-child(3n) {margin-right:0%;}
}
@media (max-width: 992px){
    .site-main .pd_list_dl {float:left;width:32%;background:#f5f5f5;margin-bottom:30px;border-radius:20px;padding:12px;margin-right:2%;}
    .site-main .pd_list_dl:nth-child(4n) {margin-right:2%;}
    .site-main .pd_list_dl:nth-child(3n) {margin-right:0%;}
}
@media (max-width: 768px) {
    .pd_list_dl div {line-height:24px;font-size:12px;}
    .site-main .pd_list_dl {width:49%;margin-right:2%;}
    .site-main .pd_list_dl:nth-child(2n) {margin-right:0px;}
}


.pcpList2 {padding:30px 0px;}


.project-item {
    position: relative;
    overflow: hidden;
    margin-bottom:30px;
    cursor:pointer;
}

    .project-item img {
        width: 100%;
        border:1px solid #e5e5e5;
    }

.project-inner {
    position: relative;
    overflow: hidden;
}

    .project-inner:before {
        background: linear-gradient(to bottom,rgba(36,127,251,0) 0%,#05a15f 100%);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(50%);
        transition: all .3s ease;
    }

.project-item:hover .project-inner:before {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.project-inner h3 {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    bottom: 30px;
    display: block;
    color: #fff;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    transition: all .3s ease;
    transition-delay: .2s;
}

.project-item:hover h3 {
    transform: translateY(0);
    visibility: visible;
    transition-delay: .2s;
    opacity: 1;
}

.project-inner h3 a {
    color: #fff;
    font-size:20px;
}

.project-inner h3 span {
    width:100px;
    height:22px;
    background:url(../images/logoIcon.png);
    margin-bottom:8px;
    display:block;
    background-size:contain;
}
.gzbt {display:block;float:left;width:100%;padding:10px 5px;width:100%;}
.gzbt a {display:block;height:20px;line-height:20px;overflow:hidden;}

@media (max-width: 768px) {
    .site-main .col-sm-6 {width:48%;padding:0px;float:left;}
    .site-main .col-sm-6:nth-child(2n) {margin-left:4%}
    .project-inner h3 a {color: #fff;font-size:16px;}
    .project-item {
        margin-bottom: 5px;
    }
    .gzbt a {height:40px;}
}


.prodetails{background: #f4f5f6;padding-bottom: .6rem}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #05a15f;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .3rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #05a15f}

.prodetails .one{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .one .btn-box a{font-size: .24rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #05a15f;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #05a15f}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 25%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #05a15f}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}


.about5 .four{display: flex;margin-bottom: .5rem}
.about5 .four .swiper-container{width:69%;margin: 0 1.25%;}
.about5 .four .swiper-btn{width: 14.25%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.about5 .four .swiper-container img{width: 100%}
.about5 .four video{width:100%;height:100%;object-fit:cover;}
/*.about5 .four .prev{background: url(../images/prevbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.about5 .four .next{background: url(../images/nextbg.jpg) center;-webkit-background-size: cover;background-size: cover;}*/
.about5 .four .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
.about5 .four .swiper-page{position: absolute;right: .3rem;bottom: .2rem;z-index: 10;color: #fff;font-size: .18rem}
.about5 .four .swiper-page .current{font-size: .3rem;line-height: 1;margin-right: 2px}
.about5 .four .swiper-page span{float: left;}

.about5 .four .next:hover img{transform:translateX(8px)}
.about5 .four .prev:hover img{transform:translateX(-8px)}

@media (max-width: 767px){
	.about5 .four{display: block;position: relative;}
	.about5 .four .swiper-container{width: 100%;margin: 0}
	.about5 .four .swiper-btn{position: absolute;z-index: 10;background: none}
	.about5 .four .prev{left: 0;top: 0;bottom: 0;}
	.about5 .four .next{right: 0;top: 0;bottom: 0;}
}

.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;}

	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}

	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}


.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #666 !important; border-left:1px solid #666 !important; border-spacing:0; table-layout:fixed;margin-top:20px;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #666 !important; border-bottom:1px solid #666 !important; font-size:14px;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.con {float:left;width:100%;overflow-x:scroll}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .con {float:left;width:100%;overflow-x:hidden;}
}

.pcp_ML {float:left;width:100%;display:none}


.case-list-main{background-color: #eee; padding-top: 0.4rem;}
.case-list-main .case-items .col-xs-12{margin-bottom: .3rem;}
.case-items{margin-top: .45rem;}
.case-items .imgbox{position: relative; background: #fff url(../images/load.gif) no-repeat center center;}
.case-items .box .foot{background-color: #fff;padding: .2rem .6rem .2rem .3rem;font-size: .28rem; line-height: .4rem; color: #333333;position: relative;}
.case-items .box .foot::after{content: ""; position: absolute; border-left:6px solid #333333; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: .3rem; top: 50%; margin-top: -6px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.case-items .box .foot::before{content: ""; position: absolute; width: 26px; height: 2px; right: .32rem; top: 50%; margin-top: -1px; background-color: #333333; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
@media (min-width: 1200px){
.case-items .box a:hover{-webkit-box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2); box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2);}
.case-items .box a:hover .imgbox img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.case-items .box a:hover .foot{color: #9f0d09}
.case-items .box a:hover .foot::after{border-left-color: #9f0d09;}
.case-items .box a:hover .foot::before{background-color: #9f0d09; width: 14px;}	
}
@media (max-width: 639px){
.case-items .box .foot::before{width: 14px;}
.case-items .box .foot{padding-top: .3rem; padding-bottom: .3rem; font-size: 18px;}
}

.case-left{
	width: 20%;
	float: left;
}
.case-left ul li{
	text-align: center;
	font-size: 16px;
	padding: 3px 0;
	cursor: pointer;
    line-height:20px;
}
.case-left ul li:hover{
	color: #05a15f;
}
.case-right{
	width: 80%;
	padding: 0 2%;
	float: right;
	border-left: 1px solid #cccccc;
}

.case-right .item{
	border-bottom: 1px solid #cccccc;
	padding: 20px 0;
}
.case-right .item .col-md-4{
	font-size: 14px;
	padding: 10px 0;
}
.minglu-box{
	background: white;
    padding: 50px 0;
	margin: 0 5%;
	color:rgb(100, 100, 100);
}

.case-right .item h1{
	font-size: 20px;
	margin-top: 0;
}


.case-left.fixed{
	position: fixed;
	top: 100px;
}
@media (max-width: 639px){
    .case-list-main .container {margin:0px;}
	.minglu-box{margin: 0}
	.case-right .item .col-md-4{text-align: center;}
  .case-left{width:25%}
  .case-right{width:75%}
   .case-right .col-md-4 {width:100%;}
  .case-left ul li{font-size:13px;line-height:18px;}
    .minglu-box {margin:0px;}
    .case-right .item h1{
	font-size: 16px;
	margin-top: 0;
}
}


.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #f1f1f1; border-top: 2px solid #e5e5e5;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px;color:#05a15f}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#05a15f}
.mobMenu>.foot_nav.active>a>i.iconfont{ color: #05a15f;}


.idx6 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*֮ǰʇease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}



