.transition-t5{transition: all .5s;}

.col3{float:left;width:25%;color:#fff;text-align:left;padding:0px 5%}
.col3 strong{font-family:"GillSansMTBold";text-transform:uppercase}
.col3 img{margin-top:20px;margin-bottom:20px;}
.col3 ul{width:100%;margin:0;padding:0;}
.col3 ul li{width:50%;float:left;}
.col3 ul li a{font-size:12px;line-height:30px;height:30px;overflow:hidden;color:#fff;}
.col3 ul li a:hover{color:#e3573c;}

/* banner */
#banner{width: 100%;height: 100vh;}
#banner .swiper-pagination{right: .5rem;left: 3%;top: auto;bottom: 0%;width: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#banner .swiper-pagination-bullets .swiper-pagination-bullet{/*display: block;*/width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #fff;position: relative;margin: 10px 10px;}
#banner .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;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 16px;height: 16px;border: 1px solid #fff;}
#banner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center center;	}
#banner .banner-info{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-around;color: #fff;}
#banner .banner-info >div{padding: 50px 20px;}
#banner .banner-info .title{font: .68rem 'BarlowSemiCondensed-SemiBoldItalic';text-shadow: 0px 12px 13px rgba(0,0,0,0.49);-moz-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);-webkit-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);-ms-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);line-height: 1.1;text-transform: uppercase;letter-spacing: 4px;}
#banner .banner-info .info{margin-top: .3rem;font-size: .22rem;font-family: "BarlowSemiCondensed-Regular";line-height: 1.5;text-align: center;-moz-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);-webkit-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);-ms-transform: matrix( 1.22917827310176,0,0,1.22865070184818,0,0);}
#banner .page{position: absolute;z-index: 15;color: #fff;left: 50%;margin-left: -50px;width: 100px;bottom: .35rem;font-size: 22px;text-align: center;line-height: 40px;font: 600 16px/2.5 'PingFangSC';letter-spacing: 1px;cursor: pointer;}
@media (max-width: 639px){#banner .banner-info >div{padding-bottom: 1.5rem;}#banner .banner-info .title{font-size: .5rem;}#banner .page{bottom: 1.2rem;}#banner  .cn img {max-width:90%;}}
#banner .page p{position: relative;}
#banner .page p span{border: 2px solid #fff;display: inline-block;width: 24px;height: 32px;border-radius: 10px;}
#banner .page p::before{content: "";width: 2px;height: 6px;border-radius: 1px;position: absolute;left: 50%;transform: translateX(-50%);top: 8px;background: #fff;animation: move .5s infinite;}
#banner .cn{margin-top: -1rem; font-size: .5rem; text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;width:100%}
#banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

@media (min-width: 768px) and (max-width: 991px){
   .col3{padding:0px 2.5%}
}
@media (min-width: 992px) and (max-width: 1199px){
   .col3{padding:0px 2.5%}
}
@media (min-width: 1200px) and (max-width: 1360px){
   .col3{padding:0px 2.5%}
}
@media (min-width: 992px) and (max-width: 1199px){

}
@media (min-width: 992px){

}
@media (max-width: 991px){

}
@media (max-width: 639px){
    #banner{width: 100%;height: 40vh;margin-top:60px;}
    #banner .cn img {width:60%;}
    #banner .page {display:none}
}


.idx-about {padding-top: 1.45rem; padding-bottom: 1.45rem;float:left;width:100%;background:#fff;}
.idx-about .item {width:100%;float:left;}
.idx-about .item .icol {width:50%;float:left;position:relative;}
.idx-about .item .icol:before {width:55%;background:#f3f3f3;display:block;content:" ";position:absolute;top:0px;right:0px;height:100%;}
.idx-about .item .icol .coltxt {width:75%;position:absolute;padding-left:40px;padding-top:15%;}
.idx-about .item .icol div {width:100%;}
.idx-about .item .icol .coltxt p {font-size:.18rem;line-height:.35rem;color:#666;float:left;width:100%;margin-top:.3rem;background:url(../images/dm.jpg) no-repeat 0px 20px;padding-left:130px;}
.idx-about .item .icol span {position:absolute;left:40px;bottom:0px;font-size:18px;color:#070707;font-family:"Geometric415BT"}
.idx-about .item .icor {width:50%;float:left;}
.idx-about .item .icor img{width:100%;transition:all 0.4s}

.idx-about .item2 {width:100%;float:left;margin-top:1.45rem}
.idx-about .item2 .icol {width:50%;float:right;position:relative;}
.idx-about .item2 .icol:before {width:55%;background:#f3f3f3;display:block;content:" ";position:absolute;top:0px;left:0px;height:100%;}
.idx-about .item2 .icol .coltxt {width:75%;position:absolute;padding-left:0px;padding-top:15%;right:0px;}
.idx-about .item2 .icol .coltxt div {width:100%;}
.idx-about .item2 .icol .coltxt div img{float:right;}
.idx-about .item2 .icol .coltxt p {font-size:.18rem;line-height:.35rem;color:#666;float:right;width:75%;margin-top:.3rem;padding-left:0px;}
.idx-about .item2 .icol span {position:absolute;right:0px;bottom:0px;font-size:18px;color:#070707;font-family:"Geometric415BT";left:auto}
.idx-about .item2 .icor {width:50%;float:left;}
.idx-about .item2 .icor img{width:100%}

@media (max-width: 767px){
    .idx-about {padding-top: 30px; padding-bottom:30px;float:left;width:100%}
    .idx-about .item .icol {width:100%;float:left;position:relative;height:300px;}
    .idx-about .item .icol:before {width:55%;background:#f3f3f3;display:block;content:" ";position:absolute;top:0px;right:0px;height:100%;}
    .idx-about .item .icol .coltxt {width:100%;position:absolute;padding-left:0px;padding-top:5%;padding-bottom:5%;}
    .idx-about .item .icol .coltxt p {background:none;padding-left:0px;font-size:14px;padding-right:15px;}
    .idx-about .item .icol span {position:absolute;left:0px;bottom:0px;font-size:18px;color:#070707;}
    .idx-about .item .icor {width:100%;float:left;}

    .idx-about .item2 {width:100%;float:left;margin-top:30px}
    .idx-about .item2 .icol .coltxt div {width:100%;padding-left:15px;}
    .idx-about .item2 .icol .coltxt p {font-size:14px;line-height:.35rem;color:#666;float:right;width:100%;margin-top:.3rem;padding-left:15px;padding-right:0px;text-align:right;}
    .idx-about .item2 .icol span {position:absolute;right:0px;bottom:0px;font-size:18px;color:#070707;left:auto;text-align:right}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-about {padding-top: 30px; padding-bottom:30px;float:left;width:100%}
    .idx-about .item .icol {width:100%;float:left;position:relative;height:380px;}
    .idx-about .item .icol:before {width:55%;background:#f3f3f3;display:block;content:" ";position:absolute;top:0px;right:0px;height:100%;}
    .idx-about .item .icol .coltxt {width:100%;position:absolute;padding-left:0px;padding-top:5%;padding-bottom:5%;}
    .idx-about .item .icol .coltxt p {background:none;padding-left:0px;font-size:14px;padding-right:15px;}
    .idx-about .item .icol span {position:absolute;left:0px;bottom:0px;font-size:18px;color:#070707;}
    .idx-about .item .icor {width:100%;float:left;}

    .idx-about .item2 {width:100%;float:left;margin-top:30px}
    .idx-about .item2 .icol .coltxt div {width:100%;padding-left:15px;}
    .idx-about .item2 .icol .coltxt p {font-size:14px;line-height:.35rem;color:#666;float:right;width:100%;margin-top:.3rem;padding-left:15px;padding-right:0px;text-align:right;}
    .idx-about .item2 .icol span {position:absolute;right:0px;bottom:0px;font-size:18px;color:#070707;left:auto;text-align:right}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-about .item .icol .coltxt {width:85%;position:absolute;padding-left:40px;padding-top:10%;}
    .idx-about .item .icol .coltxt p {font-size:.18rem;line-height:.35rem;color:#666;float:left;width:100%;margin-top:.3rem;background:none;padding-left:0px;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-about .item .icol .coltxt {width:85%;position:absolute;padding-left:40px;padding-top:10%;}
    .idx-about .item .icol .coltxt p {font-size:.18rem;line-height:.35rem;color:#666;float:left;width:100%;margin-top:.3rem;background:none;padding-left:0px;}
}
@media (min-width: 1361px) and (max-width: 1440px){

}


.idx-products {padding-bottom:.63rem;float:left;width:100%;background:#fff;}
.idx-products .tmp1{float:left;width:100%;background:#565f6a;height:380px;padding-top:.73rem}
.idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-products .cml span {font-size:.3rem;margin-left:5px;}
.idx-products .cmr {float:right;}

.tmp2 {float:left;width:100%;margin-top:-132px;}
.fms {float:left;width:100%;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:50px 80px}
.fms ul {float:left;margin:0px;padding:0px;width:100%;}
.fms ul li{float:left;width:14.1%;text-align:center;}
.fms ul li a{float:left;width:100%;display:block;}
.fms ul li img{display:table;margin:0 auto;}
.fms .cpzx img:hover{
    transform: scaleY(20px);
    transition: all 0.5s;
}
.fms ul li strong{color:#565f6a;font-size:18px;font-weight:normal;line-height:40px;height:40px;overflow:hidden;display:block;}
.fms ul li p{color:#565f6a;font-size:8px;line-height:15px;height:15px;text-transform:uppercase; overflow:hidden;}
.fms ul li a:hover strong{color:#e3573c}
.fms ul li a:hover p{color:#e3573c}

.tmp3 {float:left;width:100%;margin-top:30px;}
.pmp1{float:left;width:40.1%}
.pmp1 img{width:100%;}
.pmp2{float:left;width:59.9%;border-bottom:1px solid #dadada}
.pmp2 .item{float:left;width:33.33333333%;border-top:1px solid #dadada;border-right:1px solid #dadada;display: block;transition: all .3s;position:relative;}
.pmp2 .item .imgbox{position: relative;}
.pmp2 .item:nth-child(3n) {border-right:none}

.dmH {width:100%;height:100%;position:absolute;left:0px;top:0px;}
.dmHot {position:absolute;left:30px;top:20px}
.dmTit {position:absolute;right:30px;bottom:20px;text-align:right;}
.dmTit strong {font-size:24px;color:#fff;line-height:30px;}
.dmTit p {font-size:14px;color:#fff;}/*6e767f*/


@media (max-width: 767px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:280px;padding-top:.73rem}
    .idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
    .idx-products .cml span {font-size:.3rem;margin-left:5px;}
    .fms {padding:20px 15px}
    .fms ul li{float:left;width:33%;text-align:center;margin-bottom:15px;}
    .fms ul li:last-child{display:none}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:14px;line-height:25px;height:25px;}
    .fms ul li p{font-size:7px;}
    .tmp3 {float:left;width:100%;margin-top:0px;padding:0px 15px;}
    .pmp1{float:left;width:100%}
    .pmp2{float:left;width:100%;border-right:1px solid #dadada;border-bottom:none}
    .pmp2 .item{float:left;width:50%;border:none; border-bottom:1px solid #dadada;border-left:1px solid #dadada;display: block;transition: all .3s;position:relative;}
    .dmHot {position:absolute;left:10px;top:10px}
    .dmTit {position:absolute;right:10px;bottom:10px;text-align:right;}
    .dmTit strong {font-size:16px;line-height:24px;}
    .dmTit p {font-size:12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:280px;padding-top:.73rem}
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
    .idx-products .cml span {font-size:.3rem;margin-left:5px;}
    .fms {padding:20px 15px}
    .fms ul li{float:left;text-align:center;margin-bottom:15px;}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:14px;line-height:25px;height:25px;}
    .fms ul li p{font-size:7px;}
    .tmp2 {float:left;width:100%;margin-top:-130px;}
    .tmp3 {float:left;width:100%;margin-top:0px;}
    .pmp1{float:left;width:100%}
    .pmp2{float:left;width:100%;border-bottom:none;border-bottom:1px solid #dadada;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:300px;padding-top:.73rem}
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .tmp2 {float:left;width:100%;margin-top:-122px;}  
    .fms {padding:20px 15px}
    .fms ul li{float:left;text-align:center;margin-bottom:15px;}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:16px;line-height:35px;height:35px;}
    .fms ul li p{font-size:9px;}

    .dmHot {position:absolute;left:10px;top:15px}
    .dmTit {position:absolute;right:30px;bottom:20px;text-align:right;}
    .dmTit strong {font-size:18px;color:#4c4e51;line-height:22px;}
    .dmTit p {font-size:14px;color:#6e767f;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:300px;padding-top:.73rem}
    .tmp2 {float:left;width:100%;margin-top:-122px;} 
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .fms {padding:30px 20px}
    .fms ul {float:left;margin:0px;padding:0px;width:100%;}
    .fms ul li{float:left;}
    .fms ul li a{float:left;width:100%;display:block;}
    .fms ul li img{display:table;margin:0 auto;}
    .fms ul li strong{color:#565f6a;font-size:16px;font-weight:normal;line-height:40px;height:40px;overflow:hidden;}
    .fms ul li p{color:#565f6a;font-size:8px;line-height:15px;height:15px;text-transform:uppercase; overflow:hidden;}  
    
    .dmH {width:100%;height:100%;position:absolute;left:0px;top:0px;}
    .dmHot {position:absolute;left:20px;top:15px}
    .dmTit {position:absolute;right:20px;bottom:15px;text-align:right;}
    .dmTit strong {font-size:18px;color:#4c4e51;line-height:26px;}
    .dmTit p {font-size:14px;color:#6e767f;}     
    .cover1 .content strong {font-size:.25rem;color:#fff;float:left;width:100%;}
}
@media (min-width: 1361px) and (max-width: 1440px){

}


.idx-video {float:left;background-position: center top;background-size: cover;background-image:url(../images/v_bg.jpg); background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:2.85rem 0px 1.4rem}
.idx-video img {float:left;}

@media (max-width: 767px){
    .idx-video  {background:none; padding:100px 0px 100px}
    .idx-video  img {width:80%;}
    .idx-video ::before {content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/v_bg.jpg) center 0 no-repeat;background-size: cover;}
}

.idx-case{float:left;width:100%;}
.idx-case .mtit{float:left;width:100%;background:#565f6a;padding:.55rem 0;color:#fff}
.idx-case .mtit .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-case .mtit .cml span {font-size:.3rem;margin-left:5px;}
.idx-case .mtit .cmr {float:right;}

.idx-case .mcon {background:#e6e6e6;position:relative;}
.idx-case .mcon .item {float:left;}
.idx-case .mcon .item img{
    padding-top: 50px;
}

.idx-case .mcon .item a{float:left;display:block;}
.idx-case .mcon .item img{float:left;width:100%;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
.idx-case .mcon .item .con{float:left;width:100%;text-align:center;padding:30px 0px 10px;}
.idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;font-weight:normal;color:#282d34;float:left;width:100%;margin-bottom:15px;}
.idx-case .mcon .item .con img {width:auto;display:table;margin:0 auto;float:none;margin-bottom:15px;}
.idx-case .mcon .item .con p {font-size:.18rem;line-height:.2rem;color:#282d34;float:left;width:100%;}
.idx-case .mcon .item a:hover{background:#d3d3d3}
.idx-case .mcon .item a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:initial;}

.swiper-Prev, .swiper-Next {position:absolute;left:0px;    top:0%; /*padding-top:50%;*/width:5.6%;height:100%;cursor:pointer;background:url(../images/l.png) no-repeat center}
.swiper-Next {right:0px;left:auto;background:url(../images/r.png) no-repeat center}
.swiper-Next:hover {background:url(../images/rh.png) no-repeat center #e3573c;height:100%;}
.swiper-Prev:hover {background:url(../images/lh.png) no-repeat center #e3573c;height:100%;}

@media (max-width: 767px){
    .idx-case .container {padding:0px;margin:0px;}
    .swiper-Prev, .swiper-Next {position:absolute;left:10px;top:0px; padding-top:50%;width:5.6%;height:100%;cursor:pointer;background:url(../images/lh.png) no-repeat center;z-index:999}
    .swiper-Next {right:10px;left:auto;background:url(../images/rh.png) no-repeat center}
    .swiper-Next:hover {background:url(../images/rh.png) no-repeat center}
    .swiper-Prev:hover {background:url(../images/lh.png) no-repeat center}
    .idx-case .mcon .item img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:initial;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-case .mtit .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-case .mtit .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}


.idx-news{float:left;width:100%;}
.idx-news .mtit{float:left;width:100%;background:#565f6a;padding:.55rem 0;color:#fff}
.idx-news .mtit .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-news .mtit .cml span {font-size:.3rem;margin-left:5px;}
.idx-news .mtit .cmr {float:right;}
.idx-news #fabj{background:url(../images/fabj.jpg) no-repeat;z-index:2; padding-top: 0.4rem;}
.idx-news .mcon {background:#f3f3f3;padding-top:.73rem;padding-bottom:.76rem;}

.idx-news .mcon .nl {float:left;width:29%;}
.idx-news .mcon .item2 {float:left;width:100%;padding:40px;padding-bottom:30px; background:#fff;}
.idx-news .mcon .item2:hover {box-shadow:0 0 15px 2px #dadada}
.idx-news .mcon .item2:hover .lm a{background:#e3573c;color:#fff;}
.idx-news .mcon .item2 .topm {float:left;width:100%;}
.idx-news .mcon .item2 .topm .tm1{float:left;width:calc(100% - 75px);overflow:hidden;padding-right:20px;}
.idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:24px;line-height:35px;height:70px;overflow:hidden;display:block;}
.idx-news .mcon .item2 .topm .tm2{float:left;width:75px;height:60px;border-left:1px solid #e4e4e4;text-align:center}
.idx-news .mcon .item2 .topm .tm2 strong {font-size:30px;}
.idx-news .mcon .item2 .topm .tm2 span {font-size:10px;color:#a0a0a0;}
.idx-news .mcon .item2 p {float:left;width:100%;height:98px;}
.idx-news .mcon .item2 .lm {float:left;width:100%;margin-top:50px;}
.idx-news .mcon .item2 .lm a{float:left;display:block;padding:8px 35px;border:1px solid #e4e4e4;border-radius:30px;}
.idx-news .mcon .item2 .lm span {font-size:14px;color:#666;float:right;margin-top:10px;}
.idx-news .mcon .item2:nth-child(2) {margin-top:50px;}

.idx-news .mcon .nr {float:right;width:68%;}
.idx-news .mcon .item {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;cursor:pointer}
.idx-news .mcon .item:hover {box-shadow:0 0 15px 2px #dadada}
.idx-news .mcon .item:hover .lm a{background:#e3573c;color:#fff;}
.idx-news .mcon .item .topm {float:left;width:100%;}
.idx-news .mcon .item .topm .tm1{float:left;width:calc(100% - 75px);overflow:hidden;padding-right:20px;}
.idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:24px;line-height:35px;height:70px;overflow:hidden;display:block;}
.idx-news .mcon .item .topm .tm2{float:left;width:75px;height:60px;border-left:1px solid #e4e4e4;text-align:center}
.idx-news .mcon .item .topm .tm2 strong {font-size:30px;}
.idx-news .mcon .item .topm .tm2 span {font-size:10px;color:#a0a0a0;}
.idx-news .mcon .item p {float:left;width:100%;font-size:.18rem;color:#666;height:.96rem;line-height:.24rem;overflow:hidden;margin-top:50px;}
.idx-news .mcon .item .lm {float:left;width:100%;margin-top:50px;}
.idx-news .mcon .item .lm a{float:left;display:block;padding:8px 35px;border:1px solid #e4e4e4;border-radius:30px;}
.idx-news .mcon .item .li {float:left;width:100%;margin-top:26px;}
.idx-news .mcon .item .li img{float:left;width:100%;}
.idx-news .mcon .item:nth-child(2) {float:right;}

@media (max-width: 767px){
    .idx-news .mcon .nl {float:left;width:100%;}
    .idx-news .mcon .item2 p {float:left;width:100%;height:0px;overflow:hidden;}
    .idx-news .mcon .item2 {float:left;width:100%;padding:20px;padding-bottom:20px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:16px;line-height:28px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:20px;}
    .idx-news .mcon .item2 .lm {float:left;width:100%;margin-top:20px;display:none;}

    .idx-news .mcon .nr {float:right;width:100%;}
    .idx-news .mcon .item {float:left;width:100%;padding:20px;margin-top:20px;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:16px;line-height:28px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item p {font-size:14px;color:#666;height:auto;line-height:22px;overflow:auto;margin-top:30px;}
    .idx-news .mcon .item .lm {float:left;width:100%;margin-top:30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-news .mcon .nl {float:left;width:100%;}
    .idx-news .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-news .mcon .item2 {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:0px;float:right;}
    .idx-news .mcon .nr {float:right;width:100%;margin-top:20px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-news .mcon .nl {float:left;width:100%;}
    .idx-news .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-news .mcon .item2 {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:0px;float:right;}
    .idx-news .mcon .nr {float:right;width:100%;margin-top:20px;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-news .mcon .item2 p {float:left;width:100%;height:28px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
}
@media (min-width: 1361px) and (max-width: 1440px){
    .idx-news .mcon .item2 p {float:left;width:100%;height:42px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
}

.idx-links {float:left;width:100%;padding:.35rem 0;background:#fff;}
/*.idx-links a img{width:100%;}*/


.foot{float:left;width:100%;background:#39404a;padding:30px 0px 30px}
.foot .container {margin: 0 5.1835%;}
.copy .container {margin: 0 5.1835%;}
.foot .s1 {float:left;width:26%;}
.foot .s1 .ilogo{float:left;margin-bottom:50px;}
.foot .s1 .itxt {float:left;width:100%;margin-top:30px;}
.foot .s1 .itxt a{color:#7e8ea4}
.foot .s1 .itxt p{float:left;width:100%;color:#fff;margin-bottom:5px;}
.foot .s1 .itxt div{float:left;width:100%;color:#7e8ea4;}
.foot .s1 .itxt img{float:left;}
.foot .s1 .itxt img:nth-child(2){margin-left:20px;}

.foot .s2 {float:left;width:18%}
.foot .s2 .item{float:left;width:100%}
.foot .s2 .item strong{float:left;width:100%;color:#fff;font-weight:bold;margin-top:60px;}
.foot .s2 .item ul{float:left;width:100%;padding-left:0px;margin-top:30px;min-height:128px;}
.foot .s2 .item ul li{float:left;width:50%;}
.foot .s2 .item ul li a{color:#7a8aa0;line-height:32px;-webkit-transition: all 1s; transition: all 1s;}
.foot .s2 .item ul li a:hover{color:#e3573c;padding-left:1px;}

.foot .s2 .item2{float:left;width:100%}
.foot .s2 .item2 strong{float:left;width:100%;color:#fff;font-weight:bold;margin-top:60px;}
.foot .s2 .item2 ul{float:left;width:100%;padding-left:0px;margin-top:30px;min-height:128px;}
.foot .s2 .item2 ul li{float:left;width:100%;}
.foot .s2 .item2 ul li a{color:#7a8aa0;line-height:32px;-webkit-transition: all 1s; transition: all 1s;}
.foot .s2 .item2 ul li a:hover{color:#e3573c;padding-left:1px;}

.foot .s3 {float:left;width:33%}

.foot .s4 {float:left;width:40%}
.foot .s4 .item{float:left;width:100%}
.foot .s4 .item strong{float:left;width:100%;color:#fff;font-weight:bold;margin-top:60px;}
.foot .s4 .item ul{float:left;width:100%;padding-left:0px;margin-top:20px;min-height:28px;}
.foot .s4 .item ul li{float:left;width:33.3333%;}
.foot .s4 .item ul li a{color:#7a8aa0;line-height:32px;-webkit-transition: all 1s; transition: all 1s;}
.foot .s4 .item ul li a:hover{color:#e3573c;padding-left:1px;}

.foot .s4 .item2{float:left;width:100%}
.foot .s4 .item2 strong{float:left;width:100%;color:#fff;font-weight:bold;margin-top:60px;}
.foot .s4 .item2 ul{float:left;width:66.666666%;padding-left:0px;margin-top:30px;min-height:128px;}
.foot .s4 .item2 ul li{float:left;width:50%;}
.foot .s4 .item2 ul li a{color:#7a8aa0;line-height:32px;-webkit-transition: all 1s; transition: all 1s;}
.foot .s4 .item2 ul li a:hover{color:#e3573c;padding-left:1px;}


.inp {position:relative;}
.l100 {float:left;width:100%;margin-top:30px;}
.l1000 {float:left;width:100%;margin-top:30px;}
.l50 {float:left;width:48%;margin-top:30px;}
.foot .s3 .l50:nth-child(3) {margin-left:4%;}
.lpName {color:#fff;float:left;width:100%;}
.lpName span{color:#44ffff;}
.txtInput {float:left;width:100%;border:none;border-bottom:1px solid #636f80;background-color:transparent;height:50px;line-height:50px;padding:0px 3px;margin-top:20px;color:#fff;}
.inp i{position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 0px; height: 1px; background: #44ffff; -webkit-transition: all 0.5s; transition: all 0.5s;}
.txtInput:focus+i{width: 100%;}

.conLay {display: flex;justify-content: center;align-items: center;width:160px;height:55px;margin-top:50px;float:left;}
.conLay a {float:left;width:160px;height:55px;line-height:55px;color:#fff;font-size:18px;text-align:center;background:#eb6100;border-radius:30px;}
.btnSubmit {text-decoration: none;position: relative;overflow: hidden;}
.btnSubmit:hover {box-shadow: 0px 0px 15px 2px rgba(48, 117, 175, 0.4);}
.btnSubmit:before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg,transparent,rgba(68, 255, 255, 0.4),transparent);transition: all 650ms;}
.btnSubmit:hover:before {left: 100%;}

.copy {float:left;width:100%;background:#272c33;padding:20px 0px;}
.copy a {color:#6a778a}
.copy .left {float:left;font-size:12px;color:#6a778a;line-height:30px;}
.copy .right {float:right;
   margin: -20px 15px;}


@media (min-width: 1361px) and (max-width: 1680px) {

}
@media (min-width: 1200px) and (max-width: 1360px) {
    .foot{float:left;width:100%;background:#39404a;padding:85px 0px 60px}
    .foot .s1 {float:left;width:20%;}
    .foot .s2 {float:left;width:21%;padding-left:1%}
    .foot .s3 {float:left;width:25%}
    .foot .s4 {float:left;width:33%}
    .copy .left {float:left;width:100%;text-align:center;line-height:20px;padding-bottom:10px;}
    .copy .right {float:left;width:100%;text-align:center}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot{padding:10px 0px 30px}
    .foot .s1 {float:left;width:100%;}
    .foot .s1 .ilogo{display:table;margin:0 auto;float:none;width:160px;}
    .foot .s1 .itxt {display:none}
    .foot .s2 {float:left;width:100%}
    .foot .s2 .item{float:left;width:48%}
    .foot .s2 .item strong{margin-top:20px;}
    .foot .s2 .item ul {display:none;}
    .footer__subnavSelect {margin-top:20px;float:left;}

    .foot .s2 .item2{float:right;width:48%}
    .foot .s2 .item2 strong{margin-top:20px;}
    .foot .s2 .item2 ul {display:none;}
    
    .foot .s4 {float:left;width:48%}
    .foot .s4 .item strong{margin-top:20px;}
    .foot .s4 .item ul {display:none;}
    .foot .s4 {float:left;width:100%}
    .foot .s4 .item2 strong{margin-top:20px;}
    .foot .s4 .item2 ul {display:none;}
    .foot .s4 .item {width:48%;}
    .foot .s4 .item2 {width:48%;float:right;}

    .foot .s4 {float:left;width:100%}
    .foot .s4 .item strong{margin-top:20px;}
    .foot .s4 .item ul {display:none;}
    .foot .s4 {float:left;width:100%}
    .foot .s4 .item2 strong{margin-top:20px;}
    .foot .s4 .item2 ul {display:none;}

    .foot .s3 {float:left;width:100%;margin-top:20px}
    .l100 {float:left;width:100%;margin-top:20px;}
    .l1000 {float:left;width:100%;margin-top:40px;}
    .l50 {float:left;width:48%;margin-top:40px;}
    .txtInput {height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
    .conLay {width:100%;height:55px;margin-top:15px;}
    .conLay a {float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}
    .copy {text-align:center}
    .copy .left{width:100%;}
    .copy .right{width:100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .foot{padding:10px 0px 30px}
    .foot .s1 {float:left;width:100%;}
    .foot .s1 .ilogo{display:table;margin:0 auto;float:none;width:160px;}
    .foot .s1 .itxt {display:none}
    .foot .s2 {float:left;width:100%}
    .foot .s2 .item{float:left;width:48%}
    .foot .s2 .item strong{margin-top:20px;}
    .foot .s2 .item ul {display:none;}
    .footer__subnavSelect {margin-top:20px;float:left;}

    .foot .s2 .item2{float:right;width:48%}
    .foot .s2 .item2 strong{margin-top:20px;}
    .foot .s2 .item2 ul {display:none;}
    
    .foot .s4 {float:left;width:48%}
    .foot .s4 .item strong{margin-top:20px;}
    .foot .s4 .item ul {display:none;}
    .foot .s4 {float:left;width:100%}
    .foot .s4 .item2 strong{margin-top:20px;}
    .foot .s4 .item2 ul {display:none;}
    .foot .s4 .item {width:48%;}
    .foot .s4 .item2 {width:48%;float:right;}

    .foot .s4 {float:left;width:100%}
    .foot .s4 .item strong{margin-top:20px;}
    .foot .s4 .item ul {display:none;}
    .foot .s4 {float:left;width:100%}
    .foot .s4 .item2 strong{margin-top:20px;}
    .foot .s4 .item2 ul {display:none;}

    .foot .s3 {float:left;width:100%;margin-top:20px}
    .l100 {float:left;width:100%;margin-top:20px;}
    .l1000 {float:left;width:100%;margin-top:40px;}
    .l50 {float:left;width:48%;margin-top:40px;}
    .txtInput {height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
    .conLay {width:100%;height:55px;margin-top:15px;}
    .conLay a {float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}
    .copy {text-align:center}
    .copy .left{width:100%;}
    .copy .right{width:100%;}

}
@media (max-width: 767px){
    .foot{padding:10px 0px 30px}
    .foot .s1 {float:left;width:100%;}
    .foot .s1 .ilogo{display:table;margin:0 auto;float:none;width:160px;}
    .foot .s1 .itxt {display:none}
    .foot .s2 {float:left;width:100%}
    .foot .s2 .item{float:left;width:100%}
    .foot .s2 .item strong{margin-top:20px;}
    .foot .s2 .item ul {display:none;}
    .footer__subnavSelect {margin-top:20px;float:left;}

    .foot .s2 .item2{float:left;width:100%}
    .foot .s2 .item2 strong{margin-top:20px;}
    .foot .s2 .item2 ul {display:none;}

    .foot .s4 {float:left;width:100%}
    .foot .s4 .item strong{margin-top:20px;}
    .foot .s4 .item ul {display:none;}
    .foot .s4 .item2 strong{margin-top:20px;}
    .foot .s4 .item2 ul {display:none;}

    .foot .s3 {float:left;width:100%;margin-top:20px}
    .l100 {float:left;width:100%;margin-top:20px;}
    .l1000 {float:left;width:100%;margin-top:40px;}
    .l50 {float:left;width:48%;margin-top:40px;}
    .txtInput {height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
    .conLay {width:100%;height:55px;margin-top:15px;}
    .conLay a {float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}
    .copy {text-align:center;padding-bottom:80px;}
    .copy .left{width:100%;}
    .copy .right{width:100%;}
}





/*内页*/
.nbanner {background-size:cover; background-repeat:no-repeat;background-position:center; background-attachment: scroll;width:100%;height:440px;margin-top:85px;}
.nbanner:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.centered {display: inline-block;vertical-align: middle;width: 99.9%;color:#fff;}
.centered .wp1 {float:left;width:33.333%;font-size:.34rem;text-align:right;letter-spacing:5px}

.centered .wp2 {float:left;width:66.666%;padding-left:50px;margin-top:10px;padding-right:50px;}
.centered .wp2:before {width:3px;height:80px;display:table;content:" ";background:#fff;float:left;}
.centered .wp2 .content {padding-left:50px;font-size:16px;line-height:28px;}
.centered .wp2 .content strong{font-family:"GillSansMTBold";}
@media (max-width: 767px){
    .nbanner {margin-top:60px;height:205px;}
    .contactus     .nbanner {margin-top:60px;height:300px;}
    .nbanner:before {content: '';display:table;height: 15%;vertical-align: middle;margin-right: -0.25em; }
    .centered .wp1 {float:left;width:100%;text-align:center;letter-spacing:5px}
    .centered .wp2 {float:left;width:100%;padding:0px;}
    .centered .wp2:before {display:none}
    .centered .wp2 .content {padding-left:0px;font-size:14px;text-align:center;}
}


.frame {float:left;width:100%;/*padding:.8rem 10%;*/}

.about-us-title{text-align: center;}
.about-us-title span{font-size: 28px;display: inline-block;vertical-align: middle;font-weight: bold;}
.about-us-title span:nth-of-type(1){color: #333;}
.about-us-title span:nth-of-type(2){color: #3a3a3a;}
.about-us-title em{display: inline-block;width: 1px;margin: 0 25px;height: 28px;background-color: #e2e2e2;vertical-align: middle;}

@media screen and (max-width: 768px){
	.about-us-title span{font-size: 24px;}
}
@media screen and (max-width: 640px){
	.about-us-title span{font-size: 22px;}
	.about-us-title em{display: none;}
	.about-us-title span{display: block;margin: 5px 0;}
}

.idx-title{text-align: center;}
.idx-title .h1{font-size: .42rem;color:#000;margin-bottom: .25rem;}
.idx-title .h2{font-size: .16rem;color: #333}
.idx-title .h2 br{display:none}
.idx1box{position: relative;margin-top: 4vw}
.idx1left{width: 51.66%;padding-right: 5vw;position: relative;}
.idx1left .content{font-size: .16rem;color: #333;line-height: 2.125;}
.index1{padding:.7rem 0 10.8vw;position: relative;}
.index1 .wavebox{position: absolute;bottom: 0;left: 0;height:1.5rem;overflow: hidden;width: 100%;}
.index1 .wavebox>div{position: absolute;width: 200%;height: 100%;background-size: 100% 100%;transform-origin: center bottom;}
.index1 .wave1{animation: move_wave 10s infinite linear;}
.index1 .wave2{animation: move_wave 15s infinite linear;}
.index1 .wave3{animation: move_wave 20s infinite linear;}

.idx1box{position: relative;margin-top: 4vw}
.idx1left{width: 51.66%;padding-right: 5vw;position: relative;}
.idx1left .content{font-size: .18rem;color: #333;line-height: 2.125;}
.index1{padding:.7rem 0 10.8vw;position: relative;}
.idx1left .countbox{margin-top:2.5vw;margin-bottom: 3.3vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.idx1left .countbox .item .num{font-size: .4rem;font-weight: bold;color: #eb6100;line-height: 1;display:inline-block}
.idx1left .countbox .item p{font-size: 12px;color: #333333;margin-top: .1rem}
.idx1left .countbox .item .numbox{font-size:0;position:relative;display:inline-block;}
.idx1left .countbox .item .txt{font-size:12px;color:#eb6100;display:inline-block;margin-left:.08rem;position:relative;z-index:2}
.idx1left .countbox .item .numbox img{position:absolute;right: -10px;bottom: -5px;width: 32px;}


.idx1left:before{content:"";width: 26vw;height: 26vw;position: absolute;background: url(../images/circle1.png);background-size: cover;left: -5vw;bottom:3vw;-webkit-animation: round1 10s linear infinite;animation: round1 10s linear infinite;}
.idx1left:after{content:"";width: 16.2vw;height: 16.2vw;position: absolute;background: url(../images/circle2.png);background-size: cover;bottom: -4.5vw;left:8.3vw;-webkit-animation: round2 10s linear infinite;animation: round2 8s linear infinite;}
.idx1right{width: 48.33%;position: absolute;top:-.75vw;right: 0}
.idx1right .item1{width:63%;border-radius: 50%;object-fit: cover;position:relative}
.idx1right .item1 .img1{width:100%;height:100%;object-fit: cover;border-radius:50%;}
.idx1right .item1 .playbtn{width:.72rem;height:.72rem;cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.idx1right .item2{width:45%;border-radius: 50%;object-fit: cover;position: absolute;top: 16%;right:-.5vw;border:.5vw solid #fff;z-index: 3;}
.idx1right .item3{width:28%;border-radius: 50%;object-fit: cover;position: absolute;right: 28%;bottom:-8%;z-index: 2;}
.idx1right .item4{width: 17.8%; border-radius: 50%;position: absolute;background: rgba(98, 177, 193,.3);right:1.3%;bottom: 0}
.idx1right .item5{width: 8.3%;border-radius: 50%;position: absolute;background: rgba(98, 177, 193,.3);right: 0;bottom: 0}

.idx2box{margin-bottom:5vw;float:left;}
.quan {display:table;margin:0 auto;width:80%;}
.idx2box .item {float:left;width:14%;margin-right:2.3%;position:relative;}
.idx2box .item:last-child {margin-right:0px}
.idx2box .item img {width:100%;border-radius:50%}
.idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.2rem;}
.idx2box .item .imgs .sInfo {float:left;width:100%;height:100%;position:relative;}
.idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.3rem;text-align:center;font-size:.18rem;}

.idx2box .item .imgs .sDesc strong{font-size:.24rem;float:left;width:100%;margin-top:.1rem}
.idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.2rem;float:left;width:100%;}


@media (min-width: 768px) and (max-width: 1199px){
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:32%;margin-right:2%;margin-bottom:30px;}
    .idx2box .item:nth-child(3n) {margin-right:0px}
}
@media (min-width: 1200px) and (max-width: 1360px){
        /*.quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:32%;margin-right:2%;margin-bottom:30px;}
    .idx2box .item:nth-child(3n) {margin-right:0px}*/
            .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {float:left;width:13.5%;margin-right:1.5%;position:relative;}
    .idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.1rem;}
    .idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.35rem;text-align:center;font-size:.18rem;}
    .idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.24rem;}
}
@media (min-width: 1361px) and (max-width: 1440px){
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {float:left;width:13.5%;margin-right:1.5%;position:relative;}
    .idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.1rem;}
    .idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.35rem;text-align:center;font-size:.18rem;}
    .idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.24rem;}
}
@media (max-width: 767px){
    .idx2box .item .imgs .sDesc strong{font-size:.24rem;float:left;width:100%;margin-top:.3rem}
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:48%;margin-right:4%;margin-bottom:30px;}
    .idx2box .item:nth-child(2n) {margin-right:0px}
}


@media (max-width:992px){
	.idx1left{width: 52%;padding-right: 2vw}
	.idx1right{width: 48%}
}
@media (max-width: 640px){
   .idx1left{width: 100%;padding-right: 0}
   .idx1right{position: relative;width: 100%;top: 0;display: none;}
   .idx1left .content{font-size: 13px;}
   .idx1left .countbox .item p{font-size: 12px;}
   .idx1left .countbox{display: block;margin: 0;font-size:0}
   .idx1left .countbox .item:nth-child(3){padding-right: 0}
   .idx1left .countbox .item{margin-top: 15px;width: 50%;display: inline-block;text-align: center;}
   .idx1left .countbox .item .num{font-size: 10vw;}

   .idx1left:before{width: 60vw;height: 60vw;bottom: 100vw;left: 0}
   .idx1left:after{width: 40vw;height: 40vw;bottom: 80vw;left: 40vw}
   .index1{padding-bottom:1.2rem}
}

.join3{padding: .6rem 0 .4rem;background: url(../images/idx3bg.jpg);background-size: cover;background-position: center;}
.join3 .idx-title .h1{margin-bottom: .8rem}

@media (max-width: 767px) {
    .join3 .idx-title .h1{margin-bottom: .5rem}
}

/*.platform .two{background: url(../images/idx3bg.jpg);background-size: cover;background-position: center;}
.platform .two .top{display: flex;}
.platform .two .top .item{transition: all .3s ease-in-out;position: relative;flex: 1;text-align: center;padding: .25rem 0;border-bottom:1px solid rgba(234, 233, 229,.3);cursor: pointer;z-index: 0}
.platform .two .top .item:not(:last-child){border-right: 1px solid rgba(234, 233, 229,.3)}
.platform .two .top .item img{margin: 0 auto;width: .6rem}
.platform .two .top .item p{color: rgba(255, 255, 255, 0.6);font-size: .18rem;margin-top: .1rem}
.platform .two .bottom{padding: .4rem 0 .55rem .9rem}
.platform .two .bottom .box{display: none;}
.platform .two .bottom h1{font-size: .3rem;color: #fff}
.platform .two .bottom p{font-size: .18rem;color: rgba(255, 254, 254, 0.7);padding-left: .05rem;margin-top: .15rem}
.platform .two .bottom p:before{content: "";display: inline-block;width: 12px;height: 4px;background: #e3573c;vertical-align: middle;margin-right: 15px;}
.platform .two .top .item:after{transition: all .3s;content:"";position: absolute;left: 0;right: 0;top: 0;bottom:0;background: #e3573c;z-index: -1;opacity: 0;}
.platform .two .top .item.on p{color: #fff}
@media (min-width: 676px){
	.platform .two .top .item.on:after{bottom: -8%;opacity: 1;}   
    .platform .two .top .item.on{padding: .35rem 0 .15rem}
}
@media (max-width: 767px){
	.platform .two .top{display: block;}
	.platform .two .top .item{width: 33.33%;float: left;}
	.platform .two .top .item.on:after{opacity: 1;}
	.platform .two .bottom{padding:.4rem}
	.platform .two .top .item p{font-size: 14px;}
	.platform .two .bottom p{font-size: 14px;}
}*/



/*.join3 .two{position: relative;}
.join3 .two .box{margin-left: 10vw;padding-left: 11vw;padding-right: 4vw;background: url(../images/supbg1.jpg);background-size: cover;padding-top: .7rem;padding-bottom: 1rem}
.join3 .two .box .content img{margin: .6rem auto 0}
.join3 .two .box .content{display: none;}
.join3 .two .tabs .item2{width:17.5vw;line-height: .88rem;text-align: center;font-size: .24rem;color: #fff;background: #eb6100;cursor: pointer;position: relative;transition: all .3s}
.join3 .two .tabs .item2:not(:first-child):before{content:"";left: .25rem;right: .25rem;top: 0;height: 1px;background: rgba(255,255,255,.2);position: absolute;}
.join3 .two .tabs .item2.on{background: #ffeabd;color: #333}
.join3 .two .tabs{position: absolute;left: 0;top: 0;z-index: 5}
.join3 .two .right-title{font-size: .3rem;color: rgb(51, 51, 51);padding: .35rem 0;float: right;position: relative;z-index: 0}
.join3 .two .right-title:before{content:"";width: .72rem;height: .72rem;border-radius: 50%;left: -.2rem;position: absolute;top: 50%;margin-top: -.36rem;background: #eb6100;z-index: -1}
.join3 .two .box h1{font-size: .24rem;color: #fff;margin-bottom: .1rem}
.join3 .two .box h2{font-size: .18rem;color: rgba(255, 255, 255, 0.6);line-height: 2;padding-bottom: .5rem;border-bottom: 1px dotted rgba(255, 255, 255, 0.18);}

@media (max-width: 767px){
	.join3 .two .tabs .item2{width:100%;}
	.join3 .one .right{padding:0;padding-top:.5rem;}
    .join3 .one .right p{font-size:14px;}
	.join3 .two .box{margin-left:0;padding:.8rem 15px 1rem}
	.join3 .two .tabs{position:static}
	.join3 .two .box h2{font-size:12px;}
}*/

.about5{padding: .8rem 0 .9rem;position: relative;background:url(../images/about6bg.jpg);background-size:cover;}
.about5 .item .imgbox{width: 3.5rem;margin: 0 auto;}
.about5 .item .imgbox img{border-radius:0%;}
.about5 .item .point{width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 0 auto;margin-top: .44rem;margin-bottom: .15rem;}
.about5 .item .year{font-size: .24rem;color: #fff;line-height: 1;margin-bottom: .2rem;}
.about5 .item p{font-size: .16rem;color: #fff;line-height: 1.5;padding: 1vw 1.5vw}
.about5 .item{text-align: center;}
.about5 .idx-title .h1{margin-bottom:.6rem;color:#fff}
.about5 .swiper-box{padding:0 3vw;}
.about5 .swiper-box{position: relative;}
.about5 .nextbtn{width:.46rem;position: absolute;right: 0;top:1.2rem;z-index: 3;cursor:pointer;transition:all .3s ease}
.about5 .prevbtn{width:.46rem;position: absolute;left:0;top:1.2rem;z-index: 3;cursor:pointer;transition:all .3s ease}
.about5 .linebox{height: 18px;background: url(../images/line1.png);background-size: cover;background-position: center;position: absolute;top: 4.72rem;left: 0;width: 100%;}

@media (max-width: 1400px){
	.about5 .item .imgbox{width: 2.2rem}
	.about5 .linebox{top:4.4rem}
}
@media (min-width: 1000px){
    .about5 .prevbtn:hover{transform:translateX(-3px)}
    .about5 .nextbtn:hover{transform:translateX(3px)}
}
@media (max-width: 767px){
    .about5 .swiper-box{padding:0 5vw;}
    .about5 .item p{padding:0 10px;}
    .about5 .item .year{font-size:16px;}
    .about5 .item p{font-size: 13px;}
    .about5 .nextbtn{right: 0}
}

.about6{padding: .8rem 0 .9rem;position: relative;background:url(../images/about3bg.jpg);background-size:cover;}
.about6 .linebox{height: 18px;background: url(../images/line1.png);background-size: cover;background-position: center;position: absolute;top: 4.72rem;left: 0;width: 100%;}
.about6 .idx-title .h1{margin-bottom: .5rem;color:#000}


.aboue-culture-list ul{float:left;margin:0px;padding:0px;width:100%;}
.aboue-culture-list ul li {float:left;width:32%;margin-right:2%;padding:50px;cursor:pointer}
@media screen and (max-width: 768px){
    .jjfa {display:none;}
    
}
@media screen and (min-width: 768px) and (max-width:992px) {
    .jjfa {
        display: none;
    }
}
.aboue-culture-list ul .fa {float:left;width:23%;margin-right:2%;padding:20px;cursor:pointer;transition:all .5s;}
.aboue-culture-list ul .fa:hover{
        border-right-style: ridge;
   transform: translateY(-10px);
    transition: all 0.5s;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
    
}
    .slbt{text-align:center;
        font-family: '微软雅黑';
        margin-bottom: 20px;
        padding: 5px 0px;
    }
    .slbt span{color:#e3573c;font-weight:600;}
    .slbt p{padding:20px;color:#999;font-size:14px}
/*解决方案背景*/
.aboue-culture-list ul .fa:nth-child(1) {background-color:#40a070;}
.aboue-culture-list ul .fa:nth-child(2) {background-color:#8fab23;}
.aboue-culture-list ul .fa:nth-child(3) {background-color:#d2b116;}
.aboue-culture-list ul .fa:nth-child(4) {background-color:#d07ed2;}
/*
.aboue-culture-list ul .fa:nth-child(1):hover {background-color:#004844;}
.aboue-culture-list ul .fa:nth-child(2):hover {background-color:#8fab23;}
.aboue-culture-list ul .fa:nth-child(3):hover {background-color:#017e78;}
*/
.aboue-culture-list ul li:nth-child(1) {background-color:#004844;}
.aboue-culture-list ul li:nth-child(2) {background-color:#8fab23;}
.aboue-culture-list ul li:nth-child(3) {background-color:#017e78;}
.aboue-culture-list ul li:last-child {margin-right:0px}
.aboue-culture-list ul li .word{width: 100%;text-align:center;margin-top:20px;}
.aboue-culture-list ul li .title{font-size: 26px;color: #fff; font-weight: bold;}
.aboue-culture-list ul li .title:after{display: block;content: '';margin:26px auto 22px; width:70%;height: 1px;background-color: #fff;}
.aboue-culture-list ul li .text{display:-webkit-box ;padding: 0 2%;font-size: 18px;color: #fff;line-height:30px; height: 76px; overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.aboue-culture-list ul li .pic {transition: 0.5s ease;
    padding-left: 13%;
}
.aboue-culture-list ul li:hover .pic{transform: scale3d(1.05,1.05,1.05); z-index: 9;}

@media screen and (max-width: 640px){
    .aboue-culture-list ul li {width:100%;margin-right:0px;margin-bottom:20px;padding:25px;}
}

.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;}
}

.partner {background:#dcdcdc}
.partner .five{display: flex;}
.partner .five .swiper-slide {height:auto;}
.partner .item{float:left;}
.partner .item a{float:left;}
.partner .item a img{float:left;border:3px solid #fff;width:100%;}
.partner .item a:hover img{border:3px solid #e3573c;}
.partner .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.partner .swiper-container{width:87.5%;margin: 0 1.25%;}
.partner .five .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.partner .five .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.partner .five{display: block;position: relative;}
	.partner .five .swiper-container{width: 100%;margin: 0}
	.partner .five .swiper-btn{position: absolute;z-index: 10;background: none}
	.partner .five .prev{left: 0;top: 0;bottom: 0;}
	.partner .five .next{right: 0;top: 0;bottom: 0;}
}

/*.team {background:#dcdcdc}*/
.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 #e3573c;}
.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;}
}

/*.team {background:#dcdcdc}*/
.workshop .seven{display: flex;}
.workshop .seven .swiper-slide {height:auto;}
.workshop .item{float:left;}
.workshop .item a{float:left;}
.workshop .item a img{float:left;border:3px solid #fff;width:100%;}
.workshop .item a:hover img{border:3px solid #e3573c;}
.workshop .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.workshop .swiper-container{width:87.5%;margin: 0 1.25%;}
.workshop .seven .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.workshop .seven .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.workshop .seven{display: block;position: relative;}
	.workshop .seven .swiper-container{width: 100%;margin: 0}
	.workshop .seven .swiper-btn{position: absolute;z-index: 10;background: none}
	.workshop .seven .prev{left: 0;top: 0;bottom: 0;}
	.workshop .seven .next{right: 0;top: 0;bottom: 0;}
}


.contactcon{padding: .6rem 0 .6rem;background:#f3f3f3}

.idx-title{text-align: center;}
.idx-title .h1{font-size: .42rem;color:#000;margin-bottom: .45rem;}
.idx-title .h2{font-size: .16rem;color: #333}
.idx-title .h2 br{display:none}

.contMain {width:100%;background:#fff;padding:48px;float:left;}
.contMain .top1 {float:left;width:100%;}

.contMain .grid {float:left;width:32%;margin-right:2%;border:1px solid #dddddd;padding:32px 20px;}
.contMain .grid:last-child {margin-right:0%;margin-bottom:0px;}
.contMain .grid .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #e3573c;text-align: center;line-height:55px;margin:0 auto;}
.contMain .grid h1{font-size: 16px;text-align: center;color:#333;margin-top:30px;line-height:24px;height:48px;}
.contMain .grid h1 a{color:#333;}

.feedItem {float:left;width:100%;margin-bottom:20px;}
.feedItem span{float:left;width:100%;font-size:14px;color:#797979}
.txtInput3 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;height:140px;}
.txtInput4 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.txtInput5 {float:left;width:50%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.btnSubmit2 {float:left;width:250px;height:42px;line-height:42px;background:#f27b64;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#e3573c}

.contMain .top2 {float:left;width:100%;margin-top:20px;}
.contMain .top2 .dl{float:left;width:60%;}
.contMain .top2 .top2Tit {float:left;width:100%;font-size:.24rem;line-height:.8rem}

.contMain .top2 .dr{float:left;width:40%;padding-left:40px;}

@media (max-width: 767px){
    .contMain .grid {float:left;width:100%;margin-right:0%;margin-bottom:20px;}
    .contMain {width:100%;background:#fff;padding:18px;float:left;}
    .contMain .top2 .dl{float:left;width:100%;}
    .contMain .top2 .dr{float:left;width:100%;padding-left:0px;}
    .txtInput5 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
    .btnSubmit2 {float:left;width:100%;height:42px;line-height:42px;background:#f27b64;text-align:center;color:#fff;}
}

.qiye{border-bottom: 1px solid #CCCCCC;}
.qiye ul{margin: 0 36px;text-align: center;}
.qiye ul li{font-size: 16px;line-height: 18px;color: #333333;display: inline-block;padding: 30px 78px;cursor: pointer;}
.qiye ul li.j_li{border-bottom: 1px solid #e3573c;color: #83c326;position: relative;}
.qiye .j_x{position: absolute;left:48%;bottom: -10px;z-index: 2;}

.lianxi .fangshi{padding:64px 20px;width: 25%;	}
.lianxi .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #e3573c;text-align: center;line-height:55px;margin:0 auto;}
.lianxi .fangshi h1{font-size: 18px;text-align: center;color:#333;margin-top:20px;}
.lianxi .fangshi .o_p{font-size: 14px;color: #333;margin-top: 12px;text-align: center;display: block;line-height: 1.5;}
.lianxi .fangshi .o_p p{font-size: 14px;color: #333;text-align: center;display: block;line-height: 1.5;}
.lianxi .fangshi span a{color: #333;}

@media (max-width: 767px){
    .lianxi .fangshi{padding:24px 20px;width: 100%;	}
    .qiye ul li{font-size: 14px;line-height: 18px;color: #333333;display: inline-block;padding: 20px 30px;cursor: pointer;}
}

.msLY {float:left;background-position: center top;background-size: cover;background-image:url(../images/main_contact_bg.jpg); background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:150px 0px 150px;margin-top:50px;}

.frame2 {background:#fff;padding:50px 5%;max-width:1260px;margin:0 auto;}
.frame2 .frameTit2 {float:left;width:100%;text-align:center;font-size:24px;}
.frame2 .frameTit2 strong {font-family:"GillSansMTBold"}
.frame2 .line {width:80%;margin:30px 10%;float:left;border-top:1px solid #EBEBEB}


.inp2 {position:relative;}
.lpName2 {color:#898989;float:left;width:100%;font-family:"GillSansMTBold"}
.lpName2 span{color:Red;}
.txtInput2 {float:left;width:100%;border:none;border-bottom:1px solid #EBEBEB;background-color:transparent;height:50px;line-height:50px;padding:0px 3px;margin-top:20px;color:#4b5461}
.inp2 i{position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 0px; height: 1px; background: #e3573c; -webkit-transition: all 0.5s; transition: all 0.5s;}
.txtInput2:focus+i{width: 100%;}

.frame2 .l50:nth-child(3) {margin-left:4%;}
.frame2 .l50:nth-child(5) {margin-left:4%;}

@media (max-width: 767px){
    .msLY {float:left;background-position: center top;background-size: cover;background-image:url(../images/main_contact_bg.jpg); background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:30px 0px 30px}
}

.con_map{float:left;width:100%;border:2px solid #e3573c;margin-top:30px;}
.mapContent{float:left;width:100%;height:500px;}
.con_map img {max-width:initial}
/*.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);}
}*/

.contact-map-focus {  position: fixed; top: 300px;  left: 15px;  width: 35px; height: 35px;  opacity: 0; background: url(../images/map_focus.png) no-repeat; background-size: 35px 35px; z-index: 1; cursor: pointer;}
.BMap_stdMpPan{ top: 88px;}
.BMap_stdMpZoom{ top: 133px !important;}
	
.BMap_bubble_content{ padding: 5%; font-size: 18px; line-height: 24px;}
.BMap_bubble_content span{ font-size: 15px; margin-top: 5px; display: block;}


.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;
/*text-align:center;*/
    
}
.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: .53rem 0 1.2rem;background: #fbfbfb}

.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: #e3573c;border:.02rem solid #e3573c;width: 2.2rem;height: .6rem;line-height: .56rem;transition: all .3s ease;margin: 0 .15rem;border-radius: .4rem}
.news1tab .item.on{background: #e3573c;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: #e3573c;border:.02rem solid #e3573c;padding:.12rem .35rem; transition: all .3s ease;margin: 0 .1rem;border-radius: .4rem}
.news1tab2 .item.on{background: #e3573c;color: #fff}

@media (min-width: 1000px){
  .news1tab .item:hover{background: #e3573c;color: #fff}
  .news2bottom .item:hover{background: #e3573c}
  .news2bottom .item:hover span{color: #fff}

  .news1tab2 .item:hover{background: #e3573c;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: #e3573c;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:#e3573c;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:#e3573c;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:#e3573c;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:#e3573c }
    .brand1 .two .top .left .item1:hover{padding-left: .45rem;background: #4c5562;color: #fff}
    .brand1 .two .item:hover .content h1{color:#e3573c}
    .brand1 .two .item:hover{transform: translateY(-5px);}
    .brand1 .one .left .supplier .btn1:hover{background:#e3573c;color: #fff }
    .brand2 .three .next:hover{background:#e3573c }
	.brand2 .three .prev:hover{background:#e3573c }
    .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:#e3573c}

    .brand1 .two .item2:hover .bottom {background:#e3573c}
    .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: .6rem;height: .4rem;border-radius: 10%;transition: all .3s linear;line-height: .4rem;margin: 0 .05rem;position: relative;}
.pagelist{font-size: 0;text-align: center;margin-top: .5rem;float:left;width:100%;clear:both}

.pagelist a.on{background: #e3573c;color: #fff}

@media (min-width: 1000px){
   .pagelist a:hover{background: #e3573c;color: #fff}
}
@media (max-width: 767px){
    .pagelist a{font-size: 13px;width: 0.7rem;height: 30px;line-height: 30px;}
}



.case-box{position: relative;padding-top:50px;padding-bottom:0px;width: 100%;height: auto;float:left;}

.case-nav{position: fixed;width: 230px;word-break: break-all;z-index: 3}
.case-nav ul{padding: 10px 0;border-right: 1px solid #dcdcdc;margin:0px;}
.case-nav ul li{position: relative;margin-bottom: 20px;}
.case-nav ul li:last-child{margin-bottom: 0px;}
.case-nav ul li a{display: block;position: relative;width: 188px;/* height: 34px; */font-size: 14px;color: #a4a4a4;text-align: center;line-height: 24px;border:1px solid #bfbfbf; padding: 5px;}
.case-nav ul li a:after{display: none;position: absolute;content: '';bottom: 0;top: 0;right: -12px;margin: auto;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 12px solid #e3573c;}
.case-nav ul li em{position: absolute;display: block;position: absolute;top: 0;right: -13px;bottom: 0;margin: auto;width: 26px;height: 26px;border-radius: 14px;border: 6px solid transparent;}
.case-nav ul li em:after{display: block;content: '';width: 14px;height: 14px;border-radius: 14px;background: #cecece}
.case-nav ul li.on a{background: #e3573c;border:1px solid #e3573c;color: #fff;}
.case-nav ul li.on a:after{display: block;}
.case-nav ul li.on em{border: 6px solid rgba(227,106,83,0.24);}
.case-nav ul li.on em:after{background: #e3573c}
.case-right{width: calc(100% - 260px);margin-left: auto;}
.case-list ul {padding:0px;margin:0px;}
.case-list ul li{position: relative;margin-bottom: 10px;}
.case-list ul li:last-child{margin-bottom: 0px;}
.case-list ul li .img img{width: 100%}
.case-list ul li .major{display: block;position: absolute;top: 0;width: 32%;padding: 4.8% 4.8% 0 4.8%;height: 100%;background: rgba(53,71,96,0.95);box-sizing: border-box;transition: 0.5s ease;}
.case-list ul li .title{font-size: 24px;color: #fff;transition: 0.5s ease; line-height: 1.65;}
.case-list ul li .title:after{display: block;margin-left: auto;margin-right: auto;content: '';margin-top: 29px;width: 60px;height: 1px;background: #fff;}
.case-list ul li .text{margin-top: 45px;font-size: 14px;color: #fff;line-height: 24px; /* text-overflow: inherit;display: block; */  height: auto; }
.case-list ul li .more{margin-top: 25px;font-size: 12px;color: #fff}
.case-list ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3}
.case-list ul li:nth-of-type(even) .major{left: 0}
.case-list ul li:nth-of-type(odd) .major{right: 0;}
.case-list ul li:hover .major{width: 73.333%}
.case-list ul li:nth-of-type(even):hover .title{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .title{text-align: right;} 
.case-list ul li:nth-of-type(even):hover .title:after{margin-left: inherit;} 
.case-list ul li:nth-of-type(odd):hover .title:after{margin-right: inherit;} 
.case-list ul li:nth-of-type(even):hover .text{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .text{text-align: right;} 
.case-list ul li:nth-of-type(even):hover .more{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .more{text-align: right;} 
.case-article{padding-top: 3.9%;padding-bottom: 1.5%;}
.case-article-head{margin-bottom: 4.1%;padding-bottom: 2%;border-bottom: 1px solid #c0c0c0;}
.case-article-head-box{position: relative;}
.case-article-head .title{padding: 4px 0;font-size: 24px;color: #333;text-align: center;}
.case-article .text p{font-size: 14px;color: #333;line-height: 24px;text-indent:2em; margin: 2% 0;}
.case-article .text img{display: block;width:100%;max-width: 100%}
.case-article-bottom{margin-top: 10%;}
@media screen and (max-width: 1024px){
    .case-list ul li:hover .major{width: 100%}
	.case-list ul li .title{font-size: 18px;}
	.case-list ul li .title:after{margin-top: 15px;}
	.case-list ul li .text{margin-top: 15px;}
	.case-list ul li .major{width: 40%;}
	.case-list ul li .more{margin-top: 15px;}
	.case-nav{display: none;}
	.case-right{width: 100%;}
    .case-list ul li .major {position: unset;width: 100%;height: auto;padding: 6% 3%;}
}

.pro_main {float:left;width:100%;padding:40px 0px;}

/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 345px;border: 1px solid #ebebeb;border-bottom: 0px;/*position:fixed;z-index:3;*/}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 52px;position: relative;background:url(../images/pro_sub_arrow_on.png) 20px center no-repeat #fff}
.pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;display: block;padding: 0px 40px 0px 60px;}

.pro_list_box {float:right;width:calc(100% - 365px);}

/*鼠标经过
.pro_main .pro_nav_box .nav_item:hover .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/
/*点击展开
.pro_main .pro_nav_box .nav_item.on .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}
*/
/*鼠标经过展开*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item:hover .sub{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF; transition:all 04s;}

/*子栏目定位*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 52px;height: 52px;line-height: 52px; position: absolute;top: 0px;right: 0px;z-index: 999; text-align: center;}

.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}

.pro_main .pro_nav_box .nav_item .sub{padding: 0px;display: none;background:#fff;margin-bottom:0px;transition:all 0.4s;}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(../images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{text-indent: 10px;font-weight: bold;color: #e3573c;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{text-indent: 10px;font-weight: bold;color: #e3573c;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}

@media only screen and (max-width:1440px ) {
	.pro_main .pro_nav_box{width: 300px;}
    .pro_list_box {float:right;width:calc(100% - 325px);}
}
@media only screen and (max-width:1200px ) {
	.pro_main .pro_nav_box{width: 280px;}
    .pro_list_box {float:right;width:calc(100% - 305px);}
}

@media only screen and (max-width:900px ) {
	.pro_main .pro_nav_box{width: 260px;}
    .pro_list_box {float:right;width:calc(100% - 280px);}
	.pro_main .pro_nav_box .nav_item .top_item{line-height: 60px;}
	.pro_main .pro_nav_box .nav_item .sub li{line-height: 35px;}
	.pro_main .pro_nav_box .nav_item .top_item .plus{width: 60px;height: 60px;line-height: 60px;font-size: 26px;}
}
@media only screen and (max-width:768px ) {
	.pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
	.pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
	.pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;}
	.pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
	
	.pro_main .pro_nav_box .nav_item .top_item a{padding: 0px 20px;}
	.pro_main .pro_nav_box .nav_item .sub li{padding: 0px;}
    .pro_main {padding:10px 0px}
    .pro_list_box {float:right;width:100%;}
}



.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(242,123,100,0) 0%,#f27b64 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: 100%;
    height: auto;
    left: 30px;
    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 {
    /*background-color: #e3573c;*/
    /*width: 100px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: block;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 8px;*/
    width:30px;
    height:41px;
    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;text-align:center;}

@media (max-width: 768px) {
    .col-sm-6 {width:48%;padding:0px;float:left;}
    .col-sm-6:nth-child(2n) {margin-left:4%}
    .project-inner h3 a {color: #fff;font-size:16px;}
    .project-item {
        margin-bottom: 5px;
    }
}


.prodetails{background: #f4f5f6;padding-bottom: .6rem}
@media (min-width: 1600px) {
    .prodetails .container {margin:0px 12%}
}
.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: #4c5479;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: #4c5479}

.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: #4c5479;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #e3573c}
.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: #4c5479}
.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}




.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;text-align:center;}
.four .imgbox img{text-align:center;}
.four .text-content p{text-align:left;display:inline-block;}

@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;}

}

#fh5co-contact {margin-top:30px;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;padding-left: 40px;}
#fh5co-contact .contact-info li i {position: absolute;top: 0em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.3);}
#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;}

.btn-primary {background:#e3573c}
.btn-primary:hover {background:#d1563e}

.prodetails .one .btn-box1 {width:100%;padding-top:30px;}
.share ul {display:table;margin:0 auto;padding:0px;}
.share li {float:left;margin:0px 15px;}
.share li a{width:auto;}


.honor-con{}
.honor-con .swiper-container{display:none;}
.honor-con .swiper-slide{text-align:center;box-sizing:border-box;padding:35px;background:#fff;}
.honor-con .swiper-slide p{font-size:14px;line-height:24px;color:#666;margin-top:28px;}
.honor-con .swiper-slide img{max-width:300px;}
.swiper-pagination.pagination2 .swiper-pagination-bullet{width:12px;height:12px;background:transparent;opacity:1;border:1px solid #b3b3b3;}
.swiper-pagination.pagination2 .swiper-pagination-bullet-active{background:#d70c25;border-color:#d70c25;}
.about-con04 .pagination2{position:relative;bottom:auto !important;margin-top:60px;}






@media (min-width: 1000px){
.index3 .roundbox{width: 6.52rem;height: 6.52rem;position: relative;margin: 0 auto;}
.index3 .linebox{width: 100%;height: 100%;border:2px solid #ccc;border-radius: 50%;position: absolute;left: 0;top: 0;z-index: 2;}
.index3 .childbox{width: 5.85rem;height: 3.78rem;background-size: cover;position: absolute;top:1.32rem;left: .14rem;z-index: 1;}
.index3 .roundbox .num{width: .8rem;height: .8rem;font-size: .44rem;font-family: "DIN";text-align: center;line-height: .8rem;border-radius: 50%;color: #fff;position: absolute;z-index: 3;}
.index3 .roundbox .num1{background: #d07ed2;left: 1.2rem;top: 0}
.index3 .roundbox .num2{background: #adcb6a;left:-.32rem;top:2.85rem}
/*.roundbox .num3{background: #f8b54d;left:-.26rem;bottom:2rem}*/
.index3 .roundbox .num3{background: #f6cb45;left:1.16rem;bottom:.14rem}
.index3 .roundbox .num4{background: #fd5b4e;right: 1.3rem;top:-1px}
.index3 .roundbox .num5{background: #8373ce;right:-.32rem;top:2.85rem}
/*.roundbox .num7{background: #75b7d1;right:-.26rem;bottom:2rem}*/
.index3 .roundbox .num6{background: #75d1b4;right:1.18rem;bottom:.14rem}
.index3 .roundbox .txt .title{width: 1rem;line-height: .3rem;text-align: center;font-size: .2rem;color: #fff;border-radius: .4rem;margin-bottom: .08rem;display: inline-block;}
.index3 .roundbox .txt p{font-size: .16rem;color: #333;line-height: 1.5;}
.index3 .roundbox .txt{position: absolute;text-align: right;opacity: 0;transform: translateY(50%); -webkit-transform: translateY(50%);transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.index3 .roundbox .txtnum{display: none;}
.index3 .roundbox .txt1 .title{background: #d07ed2}
.index3 .roundbox .txt2 .title{background: #adcb6a}
.index3 .roundbox .txt3 .title{background: #f6cb45}
.index3 .roundbox .txt4 .title{background: #fd5b4e}  
.index3 .roundbox .txt5 .title{background: #8373ce;width: 1.2rem;}
.index3 .roundbox .txt6 .title{background: #75d1b4}
.index3 .roundbox .txt7 .title{background: #75b7d1}
.index3 .roundbox .txt8 .title{background: #75d1b4}
.index3 .roundbox .txt1{width: 2.6rem;left: -1.8rem;top: .1rem;transition-delay: 2.4s;-webkit-transition-delay: 2.4s;}
.index3 .roundbox .txt2{width: 2.9rem;left: -3.4rem;top:2.98rem;transition-delay: 2.55s;-webkit-transition-delay: 2.55s;}
/*.roundbox .txt3{width: 2.9rem;left: -3.4rem;top:3.76rem;transition-delay: 2.7s;-webkit-transition-delay: 2.7s;}*/
.index3 .roundbox .txt3{width: 2.6rem;left: -1.98rem;top:5.72rem;transition-delay: 2.85s;-webkit-transition-delay: 2.85s;}
.index3 .roundbox .txt4{width: 1.96rem;right: -.98rem;top:.1rem;text-align: left;transition-delay: 3s;-webkit-transition-delay: 3s;}
.index3 .roundbox .txt5{width: 2.6rem;top: 2.98rem;right: -3.15rem;text-align: left;transition-delay: 3.15s;-webkit-transition-delay: 3.15s;}
/*.roundbox .txt7{width: 2.9rem;top:3.84rem;right: -3.45rem;text-align: left;transition-delay: 3.3s;-webkit-transition-delay: 3.3s;}*/
.index3 .roundbox .txt6{width: 4rem;top:5.72rem;right: -3.3rem;text-align: left;transition-delay: 3.45s;-webkit-transition-delay:3.45s;}
.index3 .roundbox{opacity: 0; transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);transition: transform cubic-bezier(.645,.045,.355,1) 1.2s, opacity ease 1s 0.2s;-webkit-transition: transform cubic-bezier(.645,.045,.355,1) 1.2s, opacity ease 1s 0.2s;}
.index3.on .roundbox{opacity: 1;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
.index3.on .roundbox .txt{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
}
@media (min-width: 1000px) and (max-width: 1400px){
    .roundbox{width: 5.21rem;height: 5.21rem;}
    .childbox{width: 4.68rem;height: 3.02rem;}
    .roundbox .num{width: .64rem;height: .64rem;line-height: .64rem;}
    .roundbox .num1{left: .96rem;}
    .roundbox .num2{left: -.28rem;top: 2.48rem}
    /*.roundbox .num3{left: -.21rem;bottom: 1.6rem}*/
    .roundbox .num3{left:.92rem;bottom: .11rem}
    .roundbox .num4{right:1.04rem;top:-1px}
    .roundbox .num5{right: -.28rem;top: 2.48rem}
    /*.roundbox .num7{right: -.21rem;bottom: 1.6rem}*/
    .roundbox .num6{right: .94rem;bottom:.11rem}
    .roundbox .txt1{top: .08rem;left: -2rem}
    .roundbox .txt2{top: 2.58rem;}
    /*.roundbox .txt3{top: 3rem;}*/
    .roundbox .txt3{top: 4.57rem;}
    .roundbox .txt4{top: .08rem;right:-1.2rem}
    .roundbox .txt5{top: 2.58rem;}
    /*.roundbox .txt7{top:3.07rem;}*/
    .roundbox .txt6{top: 4.57rem;}
}
@media (max-width:992px){
   .index3 .linebox{display: none;}
   .index3 .childbox{display: none;}
   .index3 .num{display: none;}
   .roundbox{margin: 0 15px;}
   .roundbox .txt1{background:#d07ed2}
   .roundbox .txt2{background:#adcb6a}
   .roundbox .txt3{background:#f8b54d}
   .roundbox .txt4{background:#f6cb45}
   .roundbox .txt5{background:#fd5b4e}
   .roundbox .txt6{background:#8373ce}
   .roundbox .txt7{background:#75b7d1}
   .roundbox .txt8{background:#75d1b4}
   .roundbox .txt1 .txtnum{color:#d07ed2}
   .roundbox .txt2 .txtnum{color:#adcb6a}
   .roundbox .txt3 .txtnum{color:#f8b54d}
   .roundbox .txt4 .txtnum{color:#f6cb45}
   .roundbox .txt5 .txtnum{color:#fd5b4e}
   .roundbox .txt6 .txtnum{color:#8373ce}
   .roundbox .txt7 .txtnum{color:#75b7d1}
   .roundbox .txt8 .txtnum{color:#75d1b4}
   .roundbox .txt{display: flex;align-items: center;padding: 10px;margin-top: 15px;border-radius: 40px;}
   .roundbox .txt .title{font-size: 16px;color: #fff;margin-bottom: 3px;}
   .roundbox .txt p{font-size: 12px;color: #fff}
   .roundbox .txtnum{font-size: 20px;font-family: "DIN";background: #fff;border-radius:50%;text-align: center;width: 40px;height: 40px;line-height: 40px;margin-right: 15px;}
}
@media (max-width: 640px){
   .roundbox .txt .title{font-size: 14px;}
}