/* banner */
ul {list-style:none}
li {list-style:none}
#banner{width: 100%;height: 100vh;}
#banner .swiper-pagination{left:auto;right:1rem;top: 70%;bottom: auto;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: 20px 0;}
#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;*/margin-top:20%;}
#banner .banner-info >div{padding: 50px 20px;}
#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{-webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;width:100%;text-align:left;}
#banner .cn img {max-width:50%;}
#banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}*/
/*@media (max-width: 639px){#banner .banner-info >div{padding-bottom: 1.5rem;}#banner  .cn img {max-width:90%;}}*/
#banner .swiper-buttonGu {position:absolute;width:51px;height:51px;bottom:47px;z-index:10;cursor:pointer}
#banner .swiper-prevG {background:url(../images/scLeft.png);right:1.7rem}
#banner .swiper-nextG {background:url(../images/scRight.png);right:1rem}

@media (max-width: 767px){
    #banner .swiper-pagination{right:30px;top: 70%;}
    #banner{width: 100%;height: 30vh;margin-top:60px;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;}
    #banner .swiper-buttonGu {display:none}
    #banner .page {display:none}
}
@media (min-width: 768px) and (max-width: 991px){
    #banner{width: 100%;height: 45vh;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;}
    #banner .page {display:none}
    #banner .swiper-buttonGu {display:none}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
    #banner{width: 100%;height: 85vh;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    #banner{width: 100%;height: 80vh;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    #banner{width: 100%;height: 90vh;}
}


/*第一块*/
.divSm1 {float:left;width:100%;background:#fff;}
.divSm1 .item {float:left;width:33.333333333%;text-align:center;border-right:1px solid #ececec;position:relative;}
.divSm1 .item:after {width:0%;height:7px;background:#bf2c37;display:block;content:" ";position:absolute;bottom:0;-webkit-transition: all 0.5s; transition: all 0.5s;}
.divSm1 .item a{float:left;width:100%;padding:.6rem;display:block;}
.divSm1 .item a h3 {font-size:24px;color:#0f0f0f;line-height:60px}
.divSm1 .item a p {font-size:16px;color:#999;line-height:24px}
.divSm1 .item:last-child {border-right:none}
.divSm1 .item:hover:after {width:100%;}
@media (max-width: 767px){
    .divSm1 .item {width:100%;display:none}
    .divSm1 .item a{padding:.4rem;}
    .divSm1 .item:after {width:100%;height:1px;}
    .divSm1 .item a h3 {font-size:18px;line-height:40px}
    .divSm1 .item a p {font-size:14px;line-height:18px}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm1 .item {width:33.3333333%;}
    .divSm1 .item a{padding:.4rem;}
    .divSm1 .item:after {width:100%;height:1px;}
    .divSm1 .item a h3 {font-size:18px;line-height:40px}
    .divSm1 .item a p {font-size:14px;line-height:18px}
}
@media (min-width: 1001px) and (max-width: 1199px){

}
@media (min-width: 1200px) and (max-width: 1366px) {

}
@media (min-width: 1367px) and (max-width: 1440px) {

}
.divSm2 {float:left;width:100%;background:#fff;margin-top:25px;}
.divSm2 .Title {float:left;width:100%;padding:.5rem;text-align:center;}
.divSm2 .Title h3 {font-size:36px;color:#0f0f0f;line-height:70px}
.divSm2 .Title p {font-size:18px;color:#999;line-height:30px}
.divSm2 .Contents {float:left;width:100%;position:relative;}
.divSm2 .Contents .item {float:left;width:100%;position:relative;}
.divSm2 .Contents .item .pmp{float:left;width:100%;display:block;}
.divSm2 .Contents .item .ItemInfo {position:absolute;right:0;bottom:0;width:50%;height:1.4rem;background:#bf2c37;padding:.35rem .5rem;color:#fff;}
.divSm2 .Contents .item .ItemInfo .icon {float:left;width:1rem;height:.7rem;border-right:1px solid #fff;padding-right:.3rem}
.divSm2 .Contents .item .ItemInfo .icon img {width:80%;margin-top:10%;}
.divSm2 .Contents .item .ItemInfo .tit {float:left;width:70%;padding-left:.3rem}
.divSm2 .Contents .item .ItemInfo .tit h3{float:left;width:100%;font-size:.25rem;line-height:.45rem}
.divSm2 .Contents .item .ItemInfo .tit p{float:left;width:100%;font-size:18px;}
.divSm2 .dmPager {position:absolute;right:55px;bottom:.4rem;z-index:3}
.divSm2 .dmPager .swiper-buttonGu {width:51px;height:51px;bottom:47px;cursor:pointer}
.divSm2 .dmPager .swiper-prevG {background:url(../images/iLeft.png);float:left;margin-right:32px;}
.divSm2 .dmPager .swiper-nextG {background:url(../images/iRight.png);float:left;}

.pagerButton {position:absolute;left:64px;top:100px;z-index:3;width:217px;}
.itemS {width:387px;height:100px;position:relative;cursor:pointer}
.itemS .dsName {width:100%;height:38px;line-height:38px;background:#5f5f5f;border-radius:30px;color:#fff;font-size:16px;padding-left:90px;margin-top:0; overflow:hidden;}
.itemS .dsQiu {width:77px;height:77px;background:#0f0f0f;position:absolute;left:0;top:-20px;border: 6px solid rgba(255,255,255,0);border-radius:50%;}
.itemS .dsQiu img {width:45px;height:45px;margin:10px}
.itemS:hover .dsName{color:#565656;background:#fff;}
.itemS:hover .dsQiu{background:#bf2c37;border: 6px solid rgba(255,255,255,.3)}

.itemS.hover .dsName{color:#565656;background:#fff; overflow:hidden;}
.itemS.hover .dsQiu{background:#bf2c37;border: 6px solid rgba(255,255,255,.3)}

@media (max-width: 767px){
   .divSm2 {margin-top:0px;} 
   .divSm2 .Title {padding:.3rem;}
   .divSm2 .Title h3 {font-size:18px;line-height:40px}
   .divSm2 .Title p {font-size:14px;line-height:18px}
   .divSm2 .Contents .item .ItemInfo {position:initial;width:100%;padding:15px;}
   .divSm2 .dmPager {right:10px;bottom:.4rem;z-index:3}
   .divSm2 .dmPager .swiper-buttonGu {width:20px;height:20px;bottom:47px;background-size:contain}
   .divSm2 .dmPager .swiper-prevG {margin-right:10px;}
   .pagerButton {display:none}
}
@media (min-width: 768px) and (max-width: 991px){
       .divSm2 {margin-top:0px;} 
   .divSm2 .Title {padding:.3rem;}
   .divSm2 .Title h3 {font-size:18px;line-height:40px}
   .divSm2 .Title p {font-size:14px;line-height:18px}
   .divSm2 .Contents .item .ItemInfo {position:initial;width:100%;padding:15px;}
   .divSm2 .dmPager {right:10px;bottom:.4rem;z-index:3}
   .divSm2 .dmPager .swiper-buttonGu {width:20px;height:20px;bottom:47px;background-size:contain}
   .divSm2 .dmPager .swiper-prevG {margin-right:10px;}
   .pagerButton {display:none}
}
@media (min-width: 1001px) and (max-width: 1199px){
    .pagerButton {display:none}
    .divSm2 .Contents .item .ItemInfo {height:1.2rem;padding:.25rem .3rem;}
    .divSm2 .Contents .item .ItemInfo .icon {width:.8rem;height:.5rem;}
    .divSm2 .Contents .item .ItemInfo .tit h3{font-size:.2rem;line-height:.3rem}
    .divSm2 .Contents .item .ItemInfo .tit p{font-size:16px;}
    .divSm2 .dmPager {right:3px;bottom:.3rem;}
    .divSm2 .dmPager .swiper-buttonGu {width:30px;height:30px;bottom:37px;}
    .divSm2 .dmPager .swiper-prevG {margin-right:15px;background-size:contain}
    .divSm2 .dmPager .swiper-nextG {background-size:contain}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .pagerButton {top:30px;}
    .itemS {width:217px;height:90px;}    
    .divSm2 .Contents .item .ItemInfo .tit h3{font-size:24px;line-height:35px}
    .divSm2 .Contents .item .ItemInfo .tit p{font-size:16px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .pagerButton {top:50px;}
    .itemS {width:217px;height:90px;}
    .divSm2 .Contents .item .ItemInfo .tit h3{font-size:24px;line-height:35px}
    .divSm2 .Contents .item .ItemInfo .tit p{font-size:16px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .pagerButton {top:50px;}
    .itemS {width:217px;height:90px;}
}


.divSm3 {float:left;width:100%;padding:1.15rem 0 .72rem;background:#fff;margin-bottom:1.1rem}
.divSm3 .GuL {float:left;width:44%;}

.divSm3 .GuR {float:left;width:56%;background:url(../images/1_02.jpg) no-repeat top center;padding:.4rem 1rem 0 1.5rem}
.divSm3 .GuR .dm1 {float:left;width:100%;font-size:18px;color:#333;text-transform:uppercase}
.divSm3 .GuR .dm1:before {width:30%;display:block;content:" ";border-bottom:1px solid #343434;float:left;margin-right:30px;margin-top:10px;}
.divSm3 .GuR .dm1 p {float:left;}
.divSm3 .GuR .dm2 {float:left;width:100%;font-size:24px;color:#333;line-height:36px;padding-right:20%;margin-top:.8rem}
.divSm3 .GuR .dm3 {float:left;width:100%;font-size:14px;color:#999;line-height:36px;margin-top:.2rem;letter-spacing:2px;}
.divSm3 .GuR .dm4 {float:left;width:100%;margin-top:.65rem}
.divSm3 .GuR .dm5 {float:left;width:calc(100% + 1rem);margin-top:.9rem}
.divSm3 .GuR .dm5 .ptp {border:2px solid #f1f1f1;margin-right:10px;}
.divSm3 .GuR .dm5 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

@media (max-width: 767px){
    .divSm3 {padding:15px;margin-bottom:20px}
    .divSm3 .GuL {width:100%;}
    .divSm3 .GuR {width:100%;padding:15px}
    .divSm3 .GuR .dm1 {font-size:16px;}
    .divSm3 .GuR .dm1:before {width:50px;margin-right:20px;}
    .divSm3 .GuR .dm2 {font-size:18px;line-height:28px;padding-right:0;margin-top:15px}
    .divSm3 .GuR .dm4 {margin-top:20px}
    .divSm3 .GuR .dm5 {float:left;width:100%;margin-top:20px}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm3 {padding:15px;margin-bottom:20px}
    .divSm3 .GuL {width:100%;}
    .divSm3 .GuR {width:100%;padding:15px}
    .divSm3 .GuR .dm1 {font-size:16px;}
    .divSm3 .GuR .dm1:before {width:50px;margin-right:20px;}
    .divSm3 .GuR .dm2 {font-size:18px;line-height:28px;padding-right:0;margin-top:15px}
    .divSm3 .GuR .dm4 {margin-top:20px}
    .divSm3 .GuR .dm5 {float:left;width:100%;margin-top:20px}
}
@media (min-width: 1001px) and (max-width: 1199px){
    .divSm3 .GuR {padding:.4rem .3rem 0 .6rem}
    .divSm3 .GuR .dm2 {font-size:22px;line-height:32px;padding-right:15%;margin-top:.6rem}
    .divSm3 .GuR .dm3 {line-height:30px;margin-top:.2rem;letter-spacing:2px;}
    .divSm3 .GuR .dm4 {margin-top:.35rem}
    .divSm3 .GuR .dm5 {float:left;width:calc(100% + .3rem);margin-top:.6rem}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .divSm3 .GuR {padding:.4rem .3rem 0 .6rem}
    .divSm3 .GuR .dm2 {font-size:22px;line-height:32px;padding-right:15%;margin-top:.6rem}
    .divSm3 .GuR .dm3 {line-height:30px;margin-top:.2rem;letter-spacing:2px;}
    .divSm3 .GuR .dm4 {margin-top:.35rem}
    .divSm3 .GuR .dm5 {float:left;width:calc(100% + .3rem);margin-top:.6rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm3 .GuR {padding:.4rem .3rem 0 .8rem}
    .divSm3 .GuR .dm2 {font-size:22px;line-height:32px;padding-right:15%;margin-top:.6rem}
    .divSm3 .GuR .dm4 {margin-top:.35rem}
    .divSm3 .GuR .dm5 {float:left;width:calc(100% + .3rem);margin-top:.6rem}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm3 .GuR {padding:.4rem .3rem 0 .8rem}
    .divSm3 .GuR .dm2 {font-size:22px;line-height:32px;padding-right:15%;margin-top:.6rem}
    .divSm3 .GuR .dm4 {margin-top:.35rem}
    .divSm3 .GuR .dm5 {float:left;width:calc(100% + .3rem);margin-top:.6rem}
}

.divSmCon {float:left;width:100%;background:url(../images/1_03.jpg) no-repeat top center;}
.divSm4 {float:left;width:100%;}
.divSm4 .dmCate {float:left;width:100%;height:1rem;margin-top:.83rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.divSm4 .dmCate h1 {float:left;font-size:.36rem;color:#fff;line-height:1rem;}
.divSm4 .dmCate ul {float:right;padding:0;margin:0}
.divSm4 .dmCate ul li{float:left;margin-left:.7rem;}
.divSm4 .dmCate ul li:first-child {margin-left:0}
.divSm4 .dmCate ul li a{float:left;display:block;line-height:calc(1rem - 6px);color:#c6c6c6;font-size:.24rem;}
.divSm4 .dmCate ul li a:after {width:0;height:6px;background:#bf2c37;display:block;content:" ";-webkit-transition: all 0.5s; transition: all 0.5s;}
.divSm4 .dmCate ul li a:hover:after {width:100%;}
.divSm4 .dmCon {float:left;width:100%;margin-top:32px;}

.divSm4 .pcpItem {float:left;width:31%;margin-right:2%; margin-bottom:2%; height:580px;position:relative;overflow:hidden;}
.divSm4 .pcpItem:last-child {margin-right:0}
.divSm4 .pcpItem a {float:left;width:100%;height:100%; display:block;padding:.5rem .4rem;background:#f0f0f0;}
.divSm4 .pcpItem .divHot {width:32px;height:40px;background:url(../images/hot1.png);position:absolute;right:40px;top:48px;}
.divSm4 .pcpItem .divImg {position:absolute;right:10%;width:80%;bottom:160px;-webkit-transition: all 1s; transition: all 1s;}
.divSm4 .pcpItem .divImg img {width:100%;}
.divSm4 .pcpItem .divName {width:100%;text-align:center;position:absolute;left:0px;bottom:40px;-webkit-transition: all 1s; transition: all 1s;}
.divSm4 .pcpItem .divName h1{width:100%;float:left;font-size:30px;color:#0f0f0f;}
.divSm4 .pcpItem .divName p{width:100%;float:left;font-size:18px;color:#999999;line-height:60px;}
.divSm4 .pcpItem .divMore {width:100%;left:0;bottom:-100px;position:absolute;-webkit-transition: all 1s; transition: all 1s;}
.divSm4 .pcpItem .divMore img {display:table;margin:0 auto;}
.divSm4 .pcpItem a:hover {background:#8c8c8c}
.divSm4 .pcpItem a:hover .divHot{background:url(../images/hot2.png);}
.divSm4 .pcpItem a:hover .divName {width:auto;text-align:left;left:45px;top:110px}
.divSm4 .pcpItem a:hover .divName h1{color:#000;font-weight:bold;}
.divSm4 .pcpItem a:hover .divName p{color:#fff;}
.divSm4 .pcpItem a:hover .divImg {bottom:0%;right:0%;width:100%}
.divSm4 .pcpItem a:hover .divMore {bottom:58px}


@media (max-width: 767px){
    .divSm4 .dmCate {height:auto;margin-top:0px;padding:0 15px;padding-bottom:15px;}
    .divSm4 .dmCate ul li{float:left;margin-left:0;width:33%;background-color:rgba(191,44,55,0.7);margin-right:1px;margin-bottom:1px;}
    .divSm4 .dmCate ul li a {color:#fff;display:block;text-align:center;width:100%;line-height:40px;}
    .divSm4 .dmCate ul li a:after {display:none}
    .divSm4 .dmCon {margin-top:0px;}

    .divSm4 .pcpItem .divHot {right:20px;top:28px;}
    .divSm4 .pcpItem {float:left;width:100%;margin-right:0; height:520px;position:relative;overflow:hidden;margin-bottom:20px;}
    .divSm4 .pcpItem a {padding:20px 15px;}

    .divSm4 .pcpItem .divImg {position:absolute;right:15%;width:70%;bottom:120px;}
    .divSm4 .pcpItem .divName {bottom:20px;}
    .divSm4 .pcpItem .divName h1{font-size:24px;}
    .divSm4 .pcpItem .divName p{font-size:16px;line-height:40px;}

    .divSm4 .pcpItem a:hover .divName {left:25px;top:70px}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm4 .dmCate {height:auto;margin-top:0px;padding:0 15px;padding-bottom:15px;}
    .divSm4 .dmCate ul li{float:left;margin-left:0;width:33%;background-color:rgba(191,44,55,0.7);margin-right:1px;margin-bottom:1px;}
    .divSm4 .dmCate ul li a {color:#fff;display:block;text-align:center;width:100%;line-height:40px;}
    .divSm4 .dmCate ul li a:after {display:none}
    .divSm4 .dmCon {margin-top:0px;}

    .divSm4 .pcpItem .divHot {right:20px;top:28px;}
    .divSm4 .pcpItem {float:left;width:100%;margin-right:0; height:750px;position:relative;overflow:hidden;margin-bottom:20px;}
    .divSm4 .pcpItem a {padding:20px 15px;}

    .divSm4 .pcpItem .divImg {position:absolute;right:15%;width:70%;bottom:120px;}
    .divSm4 .pcpItem .divName {bottom:20px;}
    .divSm4 .pcpItem .divName h1{font-size:24px;}
    .divSm4 .pcpItem .divName p{font-size:16px;line-height:40px;}

    .divSm4 .pcpItem a:hover .divName {left:25px;top:70px}
}
@media (min-width: 1001px) and (max-width: 1199px){
    .divSm4 .dmCate {height:.8rem;margin-top:.63rem;}
    .divSm4 .dmCate h1 {font-size:.3rem;color:#fff;line-height:.8rem;}
    .divSm4 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}
    .divSm4 .pcpItem {height:450px;}
    .divSm4 .pcpItem .divImg {bottom:120px;}
    .divSm4 .pcpItem .divName {bottom:20px;}
    .divSm4 .pcpItem .divName h1{font-size:16px;}
    .divSm4 .pcpItem .divName p{font-size:14px;line-height:40px;}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .divSm4 .dmCate {height:.8rem;margin-top:.63rem;}
    .divSm4 .dmCate h1 {font-size:.3rem;color:#fff;line-height:.8rem;}
    .divSm4 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}
    .divSm4 .pcpItem {height:550px;}
    .divSm4 .pcpItem .divImg {bottom:120px;}
    .divSm4 .pcpItem .divName {bottom:40px;}
    .divSm4 .pcpItem .divName h1{font-size:16px;}
    .divSm4 .pcpItem .divName p{font-size:14px;line-height:40px;}
}
@media (min-width: 1281x) and (max-width: 1366px) {
    .divSm4 .dmCate {height:.8rem;margin-top:.63rem;}
    .divSm4 .dmCate h1 {font-size:.3rem;color:#fff;line-height:.8rem;}
    .divSm4 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}
    .divSm4 .pcpItem {height:650px;}
    .divSm4 .pcpItem .divName {bottom:40px;}
    .divSm4 .pcpItem .divName h1{font-size:26px;}
    .divSm4 .pcpItem .divName p{font-size:16px;line-height:50px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm4 .dmCate {height:.8rem;margin-top:.63rem;}
    .divSm4 .dmCate h1 {font-size:.3rem;color:#fff;line-height:.8rem;}
    .divSm4 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}
    .divSm4 .pcpItem {height:650px;}
    .divSm4 .pcpItem .divName {bottom:40px;}
    .divSm4 .pcpItem .divName h1{font-size:26px;}
    .divSm4 .pcpItem .divName p{font-size:16px;line-height:50px;}
}



.divSm5 {float:left;width:100%;}
.divSm5 .dmCate {float:left;width:100%;height:1rem;margin-top:.76rem;border-bottom: 1px solid #cbcbc9;}
.divSm5 .dmCate h1 {float:left;font-size:.36rem;color:#333;line-height:1rem;}
.divSm5 .dmCate ul {float:left;padding:0;margin:0;margin-left:1.5rem}
.divSm5 .dmCate ul li{float:left;margin-left:.7rem;}
.divSm5 .dmCate ul li a{float:left;display:block;line-height:calc(1rem - 6px);color:#333333;font-size:.24rem;}
.divSm5 .dmCate ul li a:after {width:0px;height:6px;background:#bf2c37;display:block;content:"";-webkit-transition: all 0.5s; transition: all 0.5s;}
.divSm5 .dmCate ul li a:hover:after {width:100%;}
.divSm5 .dmCate ul li a.hover:after {width:100%;}
.divSm5 .dmCate .lm {float:right;height:.51rem;margin-top:.25rem}

.divSm5 .dmCon {float:left;width:calc(100% + 6.3%);margin-top:.5rem;padding-left:.8rem;cursor:w-resize;background:#fff;}
.divSm5 .dmCon .item {float:left;border-right:1px solid #eaeaea;}
.divSm5 .dmCon .item .nTime {float:left;width:100%;padding:.5rem 0}
.divSm5 .dmCon .item .nTime strong{float:left;width:100%;font-size:38px;color:#bf2c37;}
.divSm5 .dmCon .item .nTime p{float:left;width:100%;font-size:14px;color:#999999;font-weight:bold}
.divSm5 .dmCon .item .nTitle {float:left;width:100%;font-size:24px;border-bottom:1px solid #eaeaea;padding-bottom:30px;padding-right:20px;}
.divSm5 .dmCon .item .nTitle a{color:#444;display:block;line-height:40px;height:80px;overflow:hidden;}
.divSm5 .dmCon .item .nViewMore {float:left;width:100%;padding-right:20px;}
.divSm5 .dmCon .item .nViewMore a{float:left;color:#999999;display:block;width:100%;height:100px;line-height:100px;font-size:14px;background:url(../images/jt.jpg) no-repeat right center}
.divSm5 .dmCon .item .nImg {float:left;width:100%;overflow:hidden;}
.divSm5 .dmCon .item .nImg img{float:left;width:100%;-webkit-transition: all 1s; transition: all 1s;}
.divSm5 .dmCon .item:hover .nTitle a{color:#bf2c37}
.divSm5 .dmCon .item:hover .nViewMore a{color:#bf2c37}
.divSm5 .dmCon .item:hover .nImg img {transform: scale(1.3);}

.divSm5 .swiper-container {padding-bottom:1.5rem;}
.divSm5 .swiper-pagination-progress .swiper-pagination-progressbar {background:#bf2c37;height:4px;margin-top:-2px;}
.divSm5 .swiper-container-horizontal > .swiper-pagination-progress {top:auto;bottom:.75rem;height:1px;background:#d3d3d3}
@media (max-width: 767px){
    .divSm5 .dmCate {height:auto;margin-top:0px;padding:0 15px;padding-bottom:15px;}
    .divSm5 .dmCate ul{display:none}
    .divSm5 .dmCate .lm {}
    .divSm5 .dmCate .lm img{height:35px;}
    .divSm5 .dmCon {float:left;width:100%;margin-top:0;padding:0 15px;}
    .divSm5 .dmCon .item {border-right:0}
    .divSm5 .dmCon .item .nTime {padding:20px 0}
    .divSm5 .dmCon .item .nTime strong{font-size:30px;}
    .divSm5 .dmCon .item .nTime p{font-size:14px;}
    .divSm5 .dmCon .item .nTitle {font-size:18px;padding-bottom:20px;padding-right:0px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;overflow:hidden;}
    .divSm5 .dmCon .item .nViewMore {padding-right:0px;}
    .divSm5 .dmCon .item .nViewMore a{height:60px;line-height:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm5 .dmCate {height:auto;margin-top:0px;padding:0 15px;padding-bottom:15px;}
    .divSm5 .dmCate ul{display:none}
    .divSm5 .dmCate .lm {}
    .divSm5 .dmCate .lm img{height:35px;}
    .divSm5 .dmCon {float:left;width:100%;margin-top:0;padding:0 15px;}
    .divSm5 .dmCon .item {border-right:0}
    .divSm5 .dmCon .item .nTime {padding:20px 0}
    .divSm5 .dmCon .item .nTime strong{font-size:30px;}
    .divSm5 .dmCon .item .nTime p{font-size:14px;}
    .divSm5 .dmCon .item .nTitle {font-size:18px;padding-bottom:20px;padding-right:0px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;overflow:hidden;}
    .divSm5 .dmCon .item .nViewMore {padding-right:0px;}
    .divSm5 .dmCon .item .nViewMore a{height:60px;line-height:60px;}
}
@media (min-width: 1001px) and (max-width: 1199px){
    .divSm5 .dmCate .lm {float:right;height:40px;margin-top:.25rem}
    .divSm5 .dmCate .lm img{height:40px;}
    .divSm5 .dmCate {height:.8rem;margin-top:.66rem;}
    .divSm5 .dmCate h1 {font-size:.3rem;color:#333;line-height:.8rem;}
    .divSm5 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}

    .divSm5 .dmCon {width:calc(100% + 6.8%);}
    .divSm5 .dmCon .item .nTime strong{font-size:30px;}
    .divSm5 .dmCon .item .nTitle {font-size:18px;padding-bottom:20px;padding-right:15px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;}
    .divSm5 .dmCon .item .nViewMore {padding-right:15px;}
    .divSm5 .dmCon .item .nViewMore a{height:80px;line-height:80px;}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .divSm5 .dmCate .lm {float:right;height:40px;margin-top:.25rem}
    .divSm5 .dmCate .lm img{height:40px;}
    .divSm5 .dmCate {height:.8rem;margin-top:.66rem;}
    .divSm5 .dmCate h1 {font-size:.3rem;color:#333;line-height:.8rem;}
    .divSm5 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}

    .divSm5 .dmCon {width:calc(100% + 6.8%);}
    .divSm5 .dmCon .item .nTime strong{font-size:30px;}
    .divSm5 .dmCon .item .nTitle {font-size:18px;padding-bottom:20px;padding-right:15px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;}
    .divSm5 .dmCon .item .nViewMore {padding-right:15px;}
    .divSm5 .dmCon .item .nViewMore a{height:80px;line-height:80px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm5 .dmCate {height:.8rem;margin-top:.66rem;}
    .divSm5 .dmCate h1 {font-size:.3rem;color:#333;line-height:.8rem;}
    .divSm5 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}

    .divSm5 .dmCon {width:calc(100% + 6.6%);}
    .divSm5 .dmCon .item .nTime strong{font-size:38px;}
    .divSm5 .dmCon .item .nTitle {font-size:20px;padding-bottom:25px;padding-right:15px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;}
    .divSm5 .dmCon .item .nViewMore {padding-right:15px;}
    .divSm5 .dmCon .item .nViewMore a{height:80px;line-height:80px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm5 .dmCate {height:.8rem;margin-top:.66rem;}
    .divSm5 .dmCate h1 {font-size:.3rem;color:#333;line-height:.8rem;}
    .divSm5 .dmCate ul li a{line-height:calc(.8rem - 6px);font-size:.22rem;}

    .divSm5 .dmCon {width:calc(100% + 6.6%);}
    .divSm5 .dmCon .item .nTime strong{font-size:38px;}
    .divSm5 .dmCon .item .nTitle {font-size:20px;padding-bottom:25px;padding-right:15px;}
    .divSm5 .dmCon .item .nTitle a{line-height:30px;height:60px;}
    .divSm5 .dmCon .item .nViewMore {padding-right:15px;}
    .divSm5 .dmCon .item .nViewMore a{height:80px;line-height:80px;}

}

/*底部*/
.foot {float:left;width:100%;background:#333;padding-top:.7rem}
.sm1 {float:left;width:15%;}
.sm1 h3{float:left;width:100%;font-size:14px;color:#fff}
.sm1 ul{float:left;width:100%;padding:0;margin:0;margin-top:20px;}
.sm1 ul li {float:left;width:100%;line-height:36px;}
.sm1 ul li a{color:#999999;}
.sm1 ul li a:hover {color:#bf2c37}
.sm1 ul li a:hover:before {content:"- ";}

.sm2 {float:left;width:18%;margin-right:7%;}
.sm2 h3{float:left;width:100%;font-size:14px;color:#fff}
.sm2 ul{float:left;width:100%;padding:0;margin:0;margin-top:20px;}
.sm2 ul li {float:left;width:50%;line-height:36px;}
.sm2 ul li a{color:#999999}
.sm2 ul li a:hover {color:#bf2c37}
.sm2 ul li a:hover:before {content:"- ";}
.sm3 {float:right;width:45%;}
.sm3 a {color:#c7c7c7}
.topM1 {float:left;width:100%;border-bottom:1px solid #9e9e9e;padding-bottom:25px;}
.dmLogo {float:left;}
.dmTel {float:left;background:url(../images/1_06.jpg) no-repeat left top;padding-left:35px;color:#c7c7c7;margin-left:1rem;line-height:30px}
.dmMail {float:right;background:url(../images/1_07.jpg) no-repeat left top;padding-left:35px;color:#c7c7c7;line-height:30px}
.topM2 {float:right;margin-top:28px;padding-bottom:20px;}
.copy {float:left;width:100%;border-top:1px solid #9e9e9e;padding:20px 0 25px;margin-top:50px;color:#999}
.copy a {color:#999}
.copy .left {float:left}
.copy .right {float:right}

@media (max-width: 767px){
    .foot {padding:20px 15px}
    .sm1 {width:100%;}
    .sm1 ul{display:none}
    .sm1 h3{display:none}
    .footer__subnavSelect {display:block;margin:10px 0}
    .sm2 {width:100%;margin-right:0;}
    .sm2 ul{display:none}
    .sm2 h3{display:none}
    .sm3 {float:left;width:100%;}
    .dmLogo {float:left;width:100%;display:none}
    .dmLogo img{display:table;margin:0 auto;}
    .dmTel {float:left;width:100%;margin-left:0;margin-top:10px;}
    .dmMail {float:left;width:100%;margin-left:0;margin-top:10px;}
    .topM2 {float:left;width:100%;display:none}
    .topM2 img{display:table;margin:0 auto;}
    .copy {text-align:center;margin-top:0;line-height:30px;padding-bottom:50px;}
    .copy .right {display:none;}
}
@media (min-width: 768px) and (max-width: 991px){
    .sm1 {width:28%;}
    .sm2 {width:40%;margin-right:4%;}
    .sm3 {width:100%; margin-top:30px;}
    .dmTel {margin-left:70px;}
}
@media (min-width: 1001px) and (max-width: 1199px){
    .sm1 {width:28%;}
    .sm2 {width:40%;margin-right:4%;}
    .sm3 {width:100%; margin-top:30px;}
    .dmTel {margin-left:150px;}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .sm1 {width:11%;}
    .sm2 {width:16%;margin-right:4%;}
    .sm3 {width:58%;}
    .dmTel {margin-left:40px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .sm1 {width:13%;}
    .sm2 {width:18%;margin-right:4%;}
    .sm3 {width:52%;}
    .dmTel {margin-left:40px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .sm1 {width:13%;}
    .sm2 {width:18%;margin-right:4%;}
    .sm3 {width:52%;}
    .dmTel {margin-left:40px;}
}

.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #f1f1f1; /*border-top: 2px solid #e5e5e5;*/}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px;color:#999}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#999}


/*内页*/
.nBanner {float:left;width:100%;height:480px}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;height:300px;margin-top:60px;}
}



.iframe2 {float:left;width:100%;position:relative;padding:40px 0px 0px 0px}
.ui-decor {position: absolute;top: -1px;right: 0;left: 9%;display: block;height: 1px;background: #fff;}
@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor {height: 52px;-webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);clip-path: polygon(0 0, 100% 0, 96% 100%);}
}
@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0))) {
  .ui-decor_mirror {-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);clip-path: polygon(0 0, 100% 0, 4% 100%);}
}
.bg-primary{background-color: #bf2c37;}
@media (max-width:991px) {.ui-decor {height: 30px;}}
@media (max-width:767px) {.ui-decor {height: 20px;left: 0;}}


.gTitle {float:left;width:100%;}

.ui-title-logo {margin-bottom: -40px;font: 700 80px/1 HELVETICA;color: #f4d7db;text-transform: uppercase;}
.ui-title {margin-bottom: 15px;font: 700 40px/1.3 calibri;color: #222;}

@media (max-width: 767px){
    .ui-title-logo {margin-bottom: -20px;font-size: 40px;}
    .ui-title {font-size: 28px;}
}

.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: #bf2c37;text-align: center;line-height:55px;margin:0 auto;}
.contMain .grid .dizhi img {float:left;margin-left:13px;margin-top:15px;}
.contMain .grid h1{font-size: 16px;text-align: center;color:#333;margin-top:30px;line-height:20px;height:88px;}
.contMain .grid h1 a{color:#333;}

.contMain .grid .divConm {float:left;width:100%;margin-top:30px;font-size:16px;}
.dml {float:left;width:30%;text-align:right;}
.dmr {float:right;width:70%;text-align:left;}
@media (max-width: 767px){
.dml {float:left;width:20%;text-align:right;}
.dmr {float:right;width:80%;text-align:left;}
}


.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:#bf2c37;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#bf2c37}

.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:#bf2c37;text-align:center;color:#fff;}
}

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



.subnav{width: 100%; border-bottom: 1px solid #e6e6e6;}
.subnav.fixed{position: fixed; top: 0; left: 0; z-index: 1001; -webkit-transform: translateZ(0); transform: translateZ(0);}
.subnav .weui-cell{padding: 13px 0;}
.subnav .weui-cell__bd{font-size: 18px; line-height: 24px; color: #333;}
.subnav .weui-cell__ft{position: relative; width: 20px; height: 24px;}
.subnav .weui-cell__ft::after{position: absolute; display: block; content: ""; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-top: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.subnav .weui-cell.active .weui-cell__ft::after{-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.subnav ul{/*display: none;*/ margin: 0; padding: 0; text-align: center; border-top: 1px solid #dbdbdb;}
.subnav ul li a{position: relative; display: block; padding: 10px 5px; font-size: 16px; line-height: 28px; color: #212121; border-bottom: 1px solid #dbdbdb;}
.subnav ul li:last-child a{border-bottom: 0;}
.subnav ul li a::after{position: absolute; display: block; content: ""; left: 50%; bottom: -1px; width: 0; height: 2px; background: #bf2c37; -webkit-transition: all 0.4s cubic-bezier(.23,1,.38,1); transition: all 0.4s cubic-bezier(.23,1,.38,1);}
.subnav ul li.on a::after{left: 0; width: 100%;}
@media (max-width: 767px){.subnav-wrap{height: auto !important;}}
/*@media (min-width: 768px){
.subnav ul{display: block !important; border-top: 0;}bf2c37
.subnav ul li{display: inline-block; margin: 0 4%;}
.subnav ul li a{padding: .2rem 5px; border-bottom: 0;}
.subnav ul li a::after{bottom: 0;}
.aboutus .subnav ul li{margin: 0 1.5%;}

}*/
.subnav ul{display: block !important; border-top: 0;}
.subnav ul li{display: inline-block; margin: 0 4%;}
.subnav ul li a{padding: .2rem 5px; border-bottom: 0;}
.subnav ul li a::after{bottom: 0;}
.aboutus .subnav ul li{margin: 0 1.5%;}
@media (min-width: 1200px){
.subnav ul li{margin: 0 5.7%;}
.subnav ul li a:hover::after{left: 0; width: 100%;}
.aboutus .subnav ul li{margin: 0 3%;}
}
/*@media (min-width: 1400px){.aboutus .subnav ul li{margin: 0 4%;}}*/
@media (min-width: 1400px){.aboutus .subnav ul li{margin: 0 3.5%;}}



@media (max-width: 767px){
    .iframe2 .container {margin:0 15px;}
    .news1con .container {margin:0 15px;}
}


.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;font-size:15px;min-height:300px;}
.news2box .contentbox img{display:inline-block; width:70%; text-align:center;}
.news2top .h1{font-size: .28rem; text-align:center; color: #2f2f2f;margin-bottom: .25rem;line-height:30px;}
.news2top{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;}


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

  .news1tab2 .item:hover{background: #035399;color: #fff}
}

@media (max-width: 767px){
  .news1tab .item{font-size: 14px;border-width: 1px;width: 150px;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;}
}


.mouseover-1 {position: relative;display: block;overflow: hidden;display: block;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.mouseover-1 img {display: block;width: 100%;height: auto;transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);-webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}
.mouseover-1 img:nth-child(1) {opacity: .7;}
.mouseover-1 img:nth-child(2) {position: absolute;left: 0;top: 0;}
.mouseover-1:hover img:nth-child(1) {transform: scale(1.2);-webkit-transform: scale(1.2);}
.mouseover-1:hover img:nth-child(2) {transform: scale(.9);-webkit-transform: scale(.9);}


.gDesc {float:left;width:100%;text-align:center;margin-bottom:.3rem;font-size:16px;padding:0px 10%;}
.pmsList {float:left;width:100%;padding-bottom:.7rem;}
.pmsList .item{float:left;width:23.5%;margin-right:2%;margin-bottom:35px;}
.pmsList .item:nth-child(4n){margin-right:0%}
.pmsList .item img {float:left;}
.pmsList .item p{float:left;height:35px;line-height:35px;color:#666;font-size:15px;}
.pmsList .item p:before {width:0px;border-bottom:1px solid #666;display:block;content:" ";float:left;margin-top:18px;margin-right:10px;-webkit-transition: all 1s; transition: all 1s;}
.pmsList .item:hover p:before{width:50px;}

@media (max-width: 767px) {
    .gDesc {font-size:14px;padding:0px 0%;}
    .pmsList .item{float:left;width:100%;margin-right:0%;margin-bottom:15px;}
    .pmsList .item:nth-child(4n){margin-right:0%}
}
@media (min-width: 768px) and (max-width: 991px) {
    .gDesc {font-size:14px;padding:0px 5%;}
    .pmsList .item{float:left;width:48%;margin-right:4%;}
    .pmsList .item:nth-child(4n){margin-right:0%}
    .pmsList .item:nth-child(2n){margin-right:0%}
}
@media (min-width: 992px) and (max-width: 1440px) {
    .pmsList .item{float:left;width:32%;margin-right:2%;}
    .pmsList .item:nth-child(4n){margin-right:2%}
    .pmsList .item:nth-child(3n){margin-right:0%}
}

.citybox-cover{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #fff;}
@-webkit-keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
@keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
.scaleCover {
  -webkit-animation-name: scaleCover;
  animation-name: scaleCover;
}





.about-content {float:left;width:100%;}
.about-top{padding: 6vh 0}
.about-top_left{width: 50%;float: left;padding-left: 5vw;margin-top: 3vw;padding-right:4vw}
.about-top_left h3{font-size: 24px;color: #e62129;margin-top: 0;margin-bottom: 1.6vw;font-weight: bold}
.about-top_left p{font-size: 14px;color: #999;line-height: 2.5}
.about-top_left .contant-num{width: 100%;margin-top: 8vh}
.about-top_right .swiper-slide{width: 85%;margin-right: 4.5vh}
.about-top_right .swiper-pagination-custom{font-size:.45rem;color: #e62129;font-weight: bold;text-align: right;right: 145px;bottom: 0px;left: auto}

@media (max-width: 767px) {
    .about-top{padding: 3vh 0}
    .about-top_left h3{font-size: 16px;}
    .about-top_left{padding-left:15px;margin-bottom:15px;}
    .about-top_left p{line-height:2}
}
@media (min-width: 768px) and (max-width: 991px) {
    .about-top{padding: 3vh 0}
    .about-top_left{padding-left:15px;margin-bottom:15px;}
    .about-top_left p{line-height:2}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .about-top_left{width: 55%;float: left;margin-top: 0vw;}
    .about-top_left p{line-height: 1.8}
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .about-top_left{width: 55%;float: left;margin-top: 0vw;}
    .about-top_left p{line-height: 1.8}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .about-top_left{padding-left: 5vw;margin-top: 0vw;}
    .about-top_left p{line-height: 2}
}

@media(max-width:1500px){
.about-top_left .contant-num{margin-top: 0}
}
@media(max-width:1280px){
.about-top_left{padding-right: 4vw;}
}
@media(max-width:768px){
.about-top_left{float: none;width: 100%;}
.about-top_right{width: 100%;padding-left:2vh}
.about-top_left{margin-top: 0}
}


.idx-title{text-align: center;}

.about-btm{padding: 20vh 0}
.about-btm img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-text{text-align: center;position: relative;}
.about-text h3{font-size: 24px;color: #fff;margin-top: 0;margin-bottom: 3.5vh;text-align: center}
.about-text p{text-align: center;font-size: 14px;color: #fff;line-height: 2;width: 50%;margin: auto}

@media(max-width:1200px){
.about-text p{width: 75%}
}
@media(max-width:639px){
.about-top_right .swiper-slide{margin-right: 1.5vh}
.about-top_right .swiper-pagination-custom{font-size: 30px;bottom: 0px}
.about-text h3{font-size: 18px}
.about-text p{font-size: 12px}
}




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

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

  .news1tab2 .item:hover{background: #bf2c37;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;}
}


.probox2 .row{margin: -.16rem;}
.probox2 .col-sm-4{padding: .16rem}
.probox2 .item{padding:.1rem;display: block;background: #fff;transition: all .3s ease;padding-bottom: .05rem;margin-bottom:20px;}
.probox2 .item .imgbox{position: relative;}
.probox2 .item .imgbox .img1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 90%;max-height: 90%;transition: all .3s ease}
.probox2 .item .imgbox .img2{width: .38rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all .3s ease}
.probox2 .item .h1{transition: all .3s;font-size: .15rem;color: #1f1f1f;font-weight: bold;/*white-space: nowrap;*/  text-overflow: ellipsis;margin-bottom: .1rem;}
.probox2 .item p{transition: all .3s;font-size: 12px;color: #333;line-height: 2}
.probox2 .item .content{padding: .2rem 0 0 0;transition: all .3s ease;position: relative;height:55px}
.probox2 .item .content:before{content:"";height: 1px;background: #e0e0e0;position: absolute;top: 0;left: 0;right: 0;transition: all .3s ease}

@media (min-width: 1000px){

    .probox2 .item:hover .img1{transform:scale(1.1)}
	.probox2 .item:hover{background: rgba(0,0,0,.2);}
	.probox2 .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox2 .item:hover .img2{opacity: 1;}
    .probox2 .item:hover .content:before{opacity: 0;}
    .probox2 .item:hover .h1{color: #fff}
    .probox2 .item:hover p{color: #fff}

}
@media (max-width: 1000px){
	.probox2 .item .content{height:50px}
}
@media (max-width: 767px){
	.probox2 .col-sm-4{padding: 5px}
	.probox2 .item .h1{font-size: 13px}
	.probox2 .row{margin: -5px}
	.probox2 .item .content{height:50px}
	.probox2 .item p{line-height: 1.6}
}



.pro_main {float:left;width:100%;}

/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 345px;border: 1px solid #ebebeb;border-bottom: 0px;}
.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: 52px;display: block;padding: 0px 40px 0px 60px;color:#666}

.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.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}
.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: #bf2c37;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: #bf2c37;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%;}
    .pro_list_box .col-sm-3 {padding-right:5px;padding-left:5px;}
}



.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: #bf2c37;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:#bf2c37;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:30px;}
.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:#bf2c37;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;color:#bf2c37}
.brand1 .two .item .content p{font-size: .16rem;line-height:24px;color: rgb(153, 153, 153);margin-bottom: 5px;height:72px;overflow:hidden;word-break:break-all;}
.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: .24rem;color: rgb(51, 51, 51);margin-bottom: .2rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#bf2c37;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:#bf2c37 }
    .brand1 .two .top .left .item1:hover{padding-left: .45rem;background: #4c5562;color: #fff}
    .brand1 .two .item:hover .content h1{color:#bf2c37}
    .brand1 .two .item:hover{transform: translateY(-5px);}
    .brand1 .one .left .supplier .btn1:hover{background:#bf2c37;color: #fff }
    .brand2 .three .next:hover{background:#bf2c37 }
	.brand2 .three .prev:hover{background:#bf2c37 }
    .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:#bf2c37}

    .brand1 .two .item2:hover .bottom {background:#bf2c37}
    .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;}
}


.prodetails{background: #f4f5f6;padding-bottom: .6rem}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #bf2c37;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: #bf2c37}

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

.prodetails .four .imgbox { width:90%;}

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

}

@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-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)}

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

	.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;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:14px;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.text-content .con {float:left;width:100%;overflow-x:scroll}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
	    .text-content .const {float:left;width:70%;overflow-x:hidden;}

}

#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

.divCategory {float:left;width:100%;color:#fff;margin-bottom:20px;padding:15px;position:relative;background:#bf2c37;cursor:pointer}
.divCategory:after {width:20px;height:20px;content:"V";color:#fff;position:absolute;display:block;right:20px;top:15px;}