/* banner */
.banner_fo {position:relative;}
#banner{width: 100%;height: 100vh;}.text-content table td
#banner .swiper-pagination{left:auto;right:1rem;top: 75%;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 .swiper-slide a {width:100%;height:100%;display:block;}

#banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center bottom;}
#banner .swiper-slide a {width:100%;height:100%;display:block;}

@media (max-width: 767px){
    #banner{width: 100%;height: 26vh;margin-top:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    #banner{width: 100%;height: 40vh;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    #banner{width: 100%;height: 75vh;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    #banner{width: 100%;height: 68vh;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    #banner{width: 100%;height: 95vh;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    #banner{width: 100%;height: 85vh;}
}


.fourButton {float:left;width:100%;position:absolute;left:0;bottom:0;z-index:14}
.fourButton .item {float:left;width:25%;text-align:center;}
.fourButton .item a{float:left;width:100%;display:table-cell;height:100%;padding:29px 0;border-top: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);position:relative}
.fourButton .item a:before {width:0;height:100%;position:absolute;left:0;top:0;background:#df317a;content:" ";z-index:-1;transition:width 0.5s;  -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;}
.fourButton .item:last-child a{border-right:none}
.fourButton .item a img {float:left;margin-right:10px;transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;}
.fourButton .item a > div {display:table;margin:0 auto;}
.fourButton .item a div.d2 {float:left;;position:relative;padding-top:10px;padding-right:20px;}
.fourButton .item a div.d2 p {font-size:36px;color:#fff;font-family:"Microsoft YaHei UI"}
.fourButton .item a div.d2 label {position:absolute;right:0;top:0;color:#fff;font-size:20px;}
.fourButton .item a span {float:left; font-size:18px;color:#fff;margin-left:.1rem;line-height:.47rem;}
.fourButton .item a:hover:before {width:100%;}
.fourButton .item a:hover img {transform:translateY(15px);}

@media (max-width: 767px){
    .fourButton .item a {padding:10px 0}
    .fourButton .item a img {width:20px;}
    .fourButton .item a span {margin-left:10px;font-size:13px;display:none}
    .fourButton .item a div.d2 {display:none}
    .fourButton .item a:hover img {transform:translateY(0px);}
}
@media (min-width: 768px) and (max-width: 991px){
    .fourButton .item a {padding:15px 0}
    .fourButton .item a img {width:30px;}
    .fourButton .item a div.d2 p {font-size:32px;}
    .fourButton .item a span {margin-left:10px;font-size:13px;display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .fourButton .item a {padding:15px 0}
    .fourButton .item a img {width:30px;}
    .fourButton .item a div.d2 p {font-size:26px;}
    .fourButton .item a span {margin-left:10px;font-size:12px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .fourButton .item a {padding:20px 0}
    .fourButton .item a img {width:40px;}
    .fourButton .item a span {margin-left:10px;font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .fourButton .item a img {width:50px;}
    .fourButton .item a div.d2 p {font-size:32px;}
    .fourButton .item a span {font-size:16px;}
}


/*��Ʒ*/
.divSm1{float:left;width:100%;background:url(../images/yf01.jpg) no-repeat top center;background-size:cover;padding-bottom:.72rem;}
.divSm1 .divSInfo {float:left;width:100%;}
.divSm1 .divSInfo .item{float:left;width:100%;display:none}
.divSm1 .divSInfo .item:first-child {display:block;}

.divSm1 .dl {float:left;width:50%;padding:.73rem 1.2rem 0 .38rem;}
.divSm1 .dl .div1 {float:left;width:100%;line-height:16px;height:16px;background:url(../images/hot.png) no-repeat 10px 0px;padding-left:30px;font-family:"Microsoft YaHei UI";font-weight:bold;color:#df317a;font-size:16px;}
.divSm1 .dl .div2 {float:left;width:100%;padding:.43rem 0 .32rem;}
.divSm1 .dl .div2 strong {float:left;font-size:.72rem;font-family:"DINBold"}
.divSm1 .dl .div2 label {float:left;font-size:18px;font-family:"Microsoft YaHei UI";color:#a9a7b5;background:#e4e9ec;height:40px;line-height:40px;font-weight:normal;padding:0 30px;border-radius:20px;margin-left:30px;}
.divSm1 .dl .div3 {float:left;width:100%;font-size:.48rem;color:#216aa1;line-height:.7rem;font-family:"MiSansSemibold"}
.divSm1 .dl .div3 span {font-family:"MiSansSemibold";color:#333}
.divSm1 .dl .div4 {float:left;width:100%;color:#7e8998;line-height:30px;margin-top:30px;}
.divSm1 .dr {float:left;width:50%;}
.divSm1 .dr a{float:left;width:100%;display:block;}
.divSm1 .dr a img{float:left;width:100%;}

.divSm1 .divSTab{float:left;width:100%;height:130px;box-shadow: 0px 2px 30px 0px rgba(35,107,162,.17);background:#fff;}
.divSm1 .divSTab a {float:left;width:calc(100% / 3);display:block;padding:15px .6rem;display:flex;align-items:center;position:relative}
.divSm1 .divSTab a:after {width:2px;height:100px;background:#ebebeb;content:"";position:absolute;right:0;top:15px;}
.divSm1 .divSTab a:last-child:after {display:none}
.divSm1 .divSTab a img {float:left;width:115px;}
.divSm1 .divSTab a span {float:left;font-size:20px;color:#666;margin:0;width:calc(100% - 140px);margin-left:25px;font-family:"MiSansSemibold"}
.divSm1 .divSTab a:hover {background:url(../images/team.jpg) no-repeat bottom center #216aa1}
.divSm1 .divSTab a:hover span {color:#fff;}
.divSm1 .divSTab a:hover:after {display:none}

.divSm1 .divSTab a.hover {background:url(../images/team.jpg) no-repeat bottom center #216aa1}
.divSm1 .divSTab a.hover span {color:#fff;}
.divSm1 .divSTab a.hover:after {display:none}
@media (max-width: 767px){
    .divSm1 .dl {float:left;width:100%;padding:20px 0 0 0;}
    .divSm1 .dl .div2 strong {font-size:32px;}
    .divSm1 .dl .div2 label {font-size:16px;height:30px;line-height:30px;padding:0 20px;border-radius:20px;margin-left:20px;}
    .divSm1 .dl .div3 {font-size:22px;}
    .divSm1 .dl .div4 {line-height:24px;margin-top:20px;}
    .divSm1 .dr {float:left;width:100%;}

    .divSm1 .divSTab {margin-top:0px;height:85px;}
    .divSm1 .divSTab a {padding:15px 20px;}
    .divSm1 .divSTab a:after {height:50px;top:15px;}
    .divSm1 .divSTab a img {height:55px;width:auto;}
    .divSm1 .divSTab a span {display:none}

}
@media (min-width: 768px) and (max-width: 991px){
    .divSm1 .dl {width:55%;padding:.73rem .5rem 0 .38rem;}
    .divSm1 .dl .div2 label {font-size:16px;height:40px;line-height:40px;padding:0 30px;border-radius:20px;margin-left:30px;}
    .divSm1 .dl .div3 {font-size:26px;}
    .divSm1 .dl .div4 {display:none}
    .divSm1 .dr {width:45%;}
    .divSm1 .divSTab {margin-top:30px;height:105px;}
    .divSm1 .divSTab a {padding:15px 20px;}
    .divSm1 .divSTab a:after {height:70px;top:15px;}
    .divSm1 .divSTab a img {height:75px;width:auto;}
    .divSm1 .divSTab a span {font-size:14px;width:calc(100% - 100px);}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm1 .dl {width:55%;padding:.73rem .5rem 0 .38rem;}
    .divSm1 .dl .div2 label {font-size:16px;height:40px;line-height:40px;padding:0 30px;border-radius:20px;margin-left:30px;}
    .divSm1 .dl .div3 {font-size:26px;}
    .divSm1 .dl .div4 {display:none}
    .divSm1 .dr {width:45%;}
    .divSm1 .divSTab {margin-top:30px;height:105px;}
    .divSm1 .divSTab a {padding:15px 20px;}
    .divSm1 .divSTab a:after {height:70px;top:15px;}
    .divSm1 .divSTab a img {height:75px;width:auto;}
    .divSm1 .divSTab a span {font-size:14px;width:calc(100% - 100px);}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm1 .dl .div2 label {font-size:16px;height:40px;line-height:40px;padding:0 30px;border-radius:20px;margin-left:30px;}
    .divSm1 .dl .div3 {font-size:.4rem;}
    .divSm1 .divSTab {margin-top:30px;}
    .divSm1 .divSTab a span {font-size:16px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm1 .dl .div2 label {font-size:16px;height:40px;line-height:40px;padding:0 30px;border-radius:20px;margin-left:30px;}
    .divSm1 .dl .div3 {font-size:.4rem;}
    .divSm1 .divSTab {margin-top:30px;}
    .divSm1 .divSTab a span {font-size:18px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm1 .dl .div3 {font-size:.42rem;}
    .divSm1 .divSTab {margin-top:30px;}
    .divSm1 .divSTab a span {font-size:18px;}
}

/*��*/
.divSm2 {float:left;width:100%;height:860px;background:url(../images/chuan.jpg) no-repeat center;position:relative}
.divSm2 .container {height:860px;position:relative;}
.divSm2 .item {width:200px;position:absolute;}
.divSm2 .item .quan {float:left;width:175px;height:175px;background:rgba(33,106,161,.4);border-radius:50%;margin-left:12px;}
.divSm2 .item .quan .icon {float:left;width:142px;height:142px;background:#216aa1;border-radius:50%;margin-left:16px;margin-top:16px;}
.divSm2 .item .icon img {float:left;width:100px;height:100px;margin-left:21px;margin-top:21px;}
.divSm2 .item p {float:left;width:100%;text-align:center;color:#fff;line-height:22px;margin-top:10px;font-family:"Microsoft YaHei UI";font-size:16px;}
.divSm2 .item.i1 {left:45px;top:273px;}
.divSm2 .item.i2 {left:285px;top:105px;}
.divSm2 .item.i3 {right:285px;top:105px;}
.divSm2 .item.i4 {right:45px;top:273px;}
@media (max-width: 767px){
    .divSm2 {float:left;width:100%;height:auto;background:url(../images/ship.jpg) no-repeat center;position:relative;padding:50px 0;background-size:100%;}
    .divSm2:before {width:100%;height:100%;background:rgba(0,0,0,.3);content:"";left:0;top:0;display:block;position:absolute;}
    .divSm2 .container {height:auto;}
    .divSm2 .item {width:130px;position:static;float:left;width:50%;}
    .divSm2 .item .quan {width:115px;height:115px;margin-left:0;float:none;display:table;margin:0 auto;}
    .divSm2 .item .quan .icon {width:85px;height:85px;margin-left:16px;margin-top:16px;}
    .divSm2 .item .icon img {width:60px;height:60px;margin-left:10px;margin-top:10px;}
    .divSm2 .item p {line-height:22px;margin-top:10px;font-size:14px;height:66px;overflow:hidden;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm2 {height:550px;}
    .divSm2:before {width:100%;height:100%;background:rgba(35,107,162,.3);content:"";left:0;top:0;display:block;position:absolute;}
    .divSm2 .container {height:550px;}
    .divSm2 .item {width:130px;}
    .divSm2 .item .quan {width:115px;height:115px;margin-left:12px;}
    .divSm2 .item .quan .icon {width:85px;height:85px;margin-left:16px;margin-top:16px;}
    .divSm2 .item .icon img {width:60px;height:60px;margin-left:10px;margin-top:10px;}
    .divSm2 .item p {line-height:22px;margin-top:10px;font-size:14px;}
    .divSm2 .item.i1 {left:0px;top:273px;}
    .divSm2 .item.i2 {left:185px;top:65px;}
    .divSm2 .item.i3 {right:185px;top:65px;}
    .divSm2 .item.i4 {right:0px;top:273px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm2 {height:550px;}
    .divSm2:before {width:100%;height:100%;background:rgba(35,107,162,.3);content:"";left:0;top:0;display:block;position:absolute;}
    .divSm2 .container {height:550px;}
    .divSm2 .item {width:130px;}
    .divSm2 .item .quan {width:115px;height:115px;margin-left:12px;}
    .divSm2 .item .quan .icon {width:85px;height:85px;margin-left:16px;margin-top:16px;}
    .divSm2 .item .icon img {width:60px;height:60px;margin-left:10px;margin-top:10px;}
    .divSm2 .item p {line-height:22px;margin-top:10px;font-size:14px;}
    .divSm2 .item.i1 {left:0px;top:273px;}
    .divSm2 .item.i2 {left:185px;top:65px;}
    .divSm2 .item.i3 {right:185px;top:65px;}
    .divSm2 .item.i4 {right:0px;top:273px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm2 {height:600px;}
    .divSm2 .container {height:600px;}
    .divSm2 .item {width:160px;}
    .divSm2 .item .quan {width:135px;height:135px;margin-left:12px;}
    .divSm2 .item .quan .icon {width:102px;height:102px;margin-left:16px;margin-top:16px;}
    .divSm2 .item .icon img {width:70px;height:70px;margin-left:15px;margin-top:15px;}
    .divSm2 .item p {line-height:22px;margin-top:10px;font-size:14px;}
    .divSm2 .item.i1 {left:0px;top:273px;}
    .divSm2 .item.i2 {left:185px;top:65px;}
    .divSm2 .item.i3 {right:185px;top:65px;}
    .divSm2 .item.i4 {right:0px;top:273px;}
}


/*����*/
.divSm3 {float:left;width:100%;margin-top:.55rem;}
.divSm3 .dl {float:left;width:50%;position:relative;}
.divSm3 .dl .dian {width:2.3rem;height:1.21rem;background:url(../images/dian.jpg) no-repeat center;background-size:cover;position:absolute;left:-.77rem;bottom:72px;z-index:-1}
.divSm3 .dl .v-play {float:left;width:100%;height:50px;margin-top:42px;}
.divSm3 .dl .v-play a {float:left;}
.divSm3 .dl .v-play a img{float:left;}
.divSm3 .dl .v-play a span{float:left;font-size:30px;color:#333;line-height:43px;margin-left:10px;}

.divSm3 .dr {float:left;width:50%;}
.divSm3 .dr .title{float:left;width:100%;background:url(../images/yff02.jpg) no-repeat left center;height:120px;background-size:contain;line-height:120px;font-size:.24rem;color:#333;}
.divSm3 .dr .title span {font-family:"MiSansSemibold"}
.divSm3 .dr .title2 {float:left;width:100%;font-size:30px;color:#333;line-height:70px;}
.divSm3 .dr .con {float:left;width:100%;font-size:16px;color:#7e8998;line-height:36px;margin-bottom:.6rem;}
.divSm3 .dr a {float:left;display:block;height:54px;line-height:54px;background:#df317a;color:#fff;font-size:18px;padding:0 35px;border-radius:30px;}
.divSm3 .dr a span {float:left;}
.divSm3 .dr a i{float:left;width:20px;height:20px;line-height:20px;display:block;text-align:center;background:#e9ecf3;color:#df317a;border-radius:50%;margin-left:15px;margin-top:15px;font-size:14px;}
.divSm3 .dr a:hover {background:#236ba2}


.about-detail{position: relative;width:100%;height:540px; float:left;overflow:hidden;margin-top:-400px;z-index:-2}
.about-detail .img {position:absolute;left:0;top:0;z-index:-1}
.about-detail .main {float:left;width:100%;padding-top:450px}
.about-detail .item{float:right;margin-left:1.22rem}
.about-detail .item strong{float:left;font-size:18px;color:#333;font-weight:bold;position:relative;}
.about-detail .item .shu{float:left; width:.83rem;height:2px;background:#e0e0e0;display:block;margin-left:15px;margin-right:15px;margin-top:10px;}
.about-detail .item .num{float:left;margin-top:-5px;}
.about-detail .item .num span{float:left;font-size:.36rem;color:#df317a;font-family:"Montserrat"}
.about-detail .item .num i{float:left;font-size:18px;color:#000;font-weight:bold;margin-left:10px;}
.about-detail .item .num b{float:left;font-size:12px;color:#000;margin-left:5px;margin-top:10px;}
.about-detail .item:nth-child(2) span {color:#236ba2}
@media (max-width: 767px){
    .divSm3 .dl {width:100%;}
    .divSm3 .dl .v-play a span{font-size:24px;line-height:43px;margin-left:15px;}
    .divSm3 .dr {float:left;width:100%;}
    .divSm3 .dr .title{height:70px;line-height:70px;font-size:18px;}
    .divSm3 .dr .title2 {font-size:16px;line-height:36px;}
    .divSm3 .dr .con {font-size:14px;line-height:26px;margin-bottom:.6rem;margin-top:.3rem;}
    .about-detail .item {margin-left:0;float:left;width:100%;margin-bottom:15px;}

    .divSm3 .dr a {height:45px;line-height:45px;font-size:16px;padding:0 30px;border-radius:30px;}
    .divSm3 .dr a i{margin-top:12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm3 .dl .imgBig{width:85%;}
    .divSm3 .dr .title{height:70px;background-size:contain;line-height:70px;font-size:18px;}
    .divSm3 .dr .title2 {font-size:16px;line-height:58px;}
    .divSm3 .dr .con {font-size:15px;line-height:34px;margin-bottom:.6rem;}
    .about-detail .item:last-child{margin-left:0}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm3 .dl .imgBig{width:85%;}
    .divSm3 .dr .title{height:110px;background-size:contain;line-height:110px;font-size:.3rem;}
    .divSm3 .dr .title2 {font-size:24px;line-height:58px;}
    .divSm3 .dr .con {font-size:15px;line-height:34px;margin-bottom:.6rem;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm3 .dl .imgBig{width:80%;}
    .divSm3 .dr .title{height:110px;background-size:contain;line-height:110px;font-size:.32rem;}
    .divSm3 .dr .title2 {font-size:26px;line-height:64px;}
    .divSm3 .dr .con {font-size:15px;line-height:34px;margin-bottom:.6rem;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm3 .dl .imgBig{width:80%;}
    .divSm3 .dr .title{height:110px;background-size:contain;line-height:110px;font-size:.32rem;}
    .divSm3 .dr .title2 {font-size:26px;line-height:64px;}
    .divSm3 .dr .con {font-size:15px;line-height:34px;margin-bottom:.6rem;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm3 .dl .imgBig{width:80%;}
    .divSm3 .dr .title{height:110px;background-size:contain;line-height:110px;font-size:.32rem;}
    .divSm3 .dr .title2 {font-size:26px;line-height:64px;}
    .divSm3 .dr .con {font-size:15px;line-height:34px;margin-bottom:.6rem;}
}

/*��Ʒ*/
.divSm4 {float:left;width:100%;background:url(../images/yf03.jpg) no-repeat top center #216aa1;height:470px;padding-top:95px;}
.divSm4 .dl {float:left;width:50%;padding-left:25px;}
.divSm4 .dl .div1{float:left;width:100%;font-family:"Montserrat";color:#fff;font-size:16px;}
.divSm4 .dl .div2{float:left;width:100%;height:60px;background-size:contain;line-height:60px;font-size:.26rem;color:#fff;}
.divSm4 .dl .div2 span {font-family:"MiSansSemibold"}
.divSm4 .dl .div3{float:left;width:100%;color:#9fc7e5;font-size:18px;line-height:34px;margin-top:10px;}
.divSm4 .dr {float:left;width:50%;padding-top:30px;}
.divSm4 .dr div{float:left;width:100%;color:#9fc7e5;line-height:24px;margin-bottom:72px;}
.divSm4 .dr a {float:left;display:block;height:54px;line-height:54px;color:#fff;font-size:18px;padding:0 35px;border-radius:30px;border:2px solid #fff;}
.divSm4 .dr a span {float:left;}
.divSm4 .dr a i{float:left;width:20px;height:20px;line-height:20px;display:block;text-align:center;background:#e9ecf3;color:#6596bd;border-radius:50%;margin-left:15px;margin-top:15px;font-size:14px;}
.divSm4 .dr a:hover {background:#fff;color:#666}

.divSm5 {float:left;width:100%;margin-top:-50px;padding-bottom:1.35rem;}
.divSm5 .container{background:#fff;height:500px;padding:30px}
.divSm5 .item {float:left;width:100%;}
.divSm5 .item a{float:left;width:100%;display:block;position:relative}
.divSm5 .item a .new {width:59px;height:27px;line-height:27px;background:#216aa1;border-radius:13px;color:#fff;text-align:center;position:absolute;left:23px;top:25px;}
.divSm5 .item a .ic {width:.56rem;height:1.28rem;position:absolute;top:13px;right:18px;}
.divSm5 .item a .ic div {float:left;width:.56rem;height:.57rem;margin-bottom:.07rem;}
.divSm5 .item a .ic div.d1 {background:url(../images/d1.png) no-repeat top center;background-size:contain}
.divSm5 .item a .ic div.d2 {background:url(../images/d2.png) no-repeat top center;background-size:contain}
.divSm5 .item a img{float:left;width:100%;}
.divSm5 .item a .title{float:left;width:100%;margin-top:20px;padding:0 15px;font-size:18px;color:#7e8998;font-family:"MiSansMedium"}
.divSm5 .item a:hover .ic div.d1{background:url(../images/d1h.png) no-repeat top center;background-size:contain}
.divSm5 .item a:hover .title{color:#333}
.divSm5 .swiper-container {padding-bottom:80px;}
.divSm5 .swiper-container .swiper-pagination-bullet{width:10px;height:10px;background:#cbcbcb;opacity:1}
.divSm5 .swiper-container .swiper-pagination-bullet-active{background:#216aa1}
@media (max-width: 767px){
    .divSm4 {height:620px;padding-top:30px;}
    .divSm4 .dl {width:100%;padding-left:0;}
    .divSm4 .dl .div1{font-size:14px;}
    .divSm4 .dl .div2{font-size:18px;line-height:24px;}
    .divSm4 .dl .div3{font-size:16px;line-height:30px;}
    .divSm4 .dr {float:left;width:100%;padding-top:30px;}
    .divSm5 {padding-bottom:0;}
    .divSm5 .container{background:#fff;height:auto;padding:30px;padding-bottom:0;}
    .divSm5 .swiper-container {padding-bottom:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm4 .dl .div2{font-size:18px;}
    .divSm4 .dl .div3{font-size:16px;}
    .divSm5 {margin-top:-200px;padding-bottom:.35rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm4 .dl .div2{font-size:.32rem;}
    .divSm5 {padding-bottom:0;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm5 {padding-bottom:.5rem;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divSm5 {padding-bottom:.7rem;}
}

/*����*/
.divSm6{float:left;width:100%;background:url(../images/news.jpg) no-repeat left 0rem;padding:0 0 .72rem;}
.divSm6 .div1 {float:left;width:3.75rem;}
.divSm6 .div1 h3{float:left;font-size:.36rem;color:#333;font-weight:bold;width:100%;margin-top:.5rem;}
.divSm6 .div1 .newsLink {float:left;width:100%;margin-top:.9rem;padding-left:20px;}
.divSm6 .div1 ul {float:left;padding:0;margin-top:1.4rem;margin-left:.65rem}
.divSm6 .div1 ul li{float:left;width:100%;}
.divSm6 .div1 ul li a{float:left;line-height:50px;font-size:18px;font-weight:bold;color:#080808;border-bottom:2px solid #d2d2d2}
.divSm6 .div2 {float:left;width:calc(100% - 3.75rem);}
.topNews {float:left;width:100%;position:relative;}
.topNews .item{float:left;width:100%;}
.topNews .item .il{float:left;width:76%;}
.topNews .item .il img{float:left;width:100%;border-radius:10px}
.topNews .item .il .title{float:left;width:100%;margin-top:.4rem;background:url(../images/new.jpg) no-repeat 12px 10px;}
.topNews .item .il .title a {float:left;display:block;padding-left:75px;width:100%;padding-right:25%;background:url(../images/learn1.jpg) no-repeat right 0}
.topNews .item .il .title a strong {font-size:.28rem;color:#333;line-height:.4rem;margin-bottom:10px;float:left;width:100%;}
.topNews .item .il .title a p {font-size:14px;color:#7e8998;line-height:24px;float:left;width:100%;}
.topNews .item .ir{float:left;width:24%;}
.topNews .item .ir .iTime {float:right;margin-right:40px;width:113px;margin-top:25px;}
.topNews .item .ir .iTime p {font-family:"Montserrat";color:#7e8998}
.topNews .item .ir .iTime .p1 {float:left;width:100%;font-size:12px;}
.topNews .item .ir .iTime .p2 {float:left;width:100%;font-size:24px;padding-bottom:15px;margin-bottom:15px;border-bottom:2px solid #d2d2d2}
.topNews .item .ir .iTime .p3 {float:left;width:100%;font-size:14px;}
.topNews .item .ir .iTime .p4 {float:left;width:100%;font-size:24px;}

.botNews {float:left;width:100%;margin-top:.6rem;}
.botNews .item {float:left;width:calc((100% - .93rem) / 2);margin-right:.93rem}
.botNews .item:last-child {margin-right:0;}
.botNews .item a{float:left;width:100%;display:block;}
.botNews .item a h4{float:left;width:100%;font-size:18px;color:#333;font-weight:bold}
.botNews .item a p{float:left;width:100%;font-size:14px;color:#7e8998;line-height:24px;margin:15px 0}
.botNews .item a span{float:left;width:100%;font-size:14px;color:#333;font-family:"Montserrat";}
.botNews .item a div {float:left;width:100%;height:1px;background:#e8e8e8;margin:.38rem 0}
.botNews .item a i {float:left;width:25px;height:25px;display:block;background:url(../images/lm1.jpg)}
.botNews .item a:hover i {background:url(../images/lm2.jpg)}

.caseBtnSlider {position:absolute;right:110px;top:210px;width:43px;z-index:2}
.caseBtnSlider .btnSlider {float:left;width:43px;height:43px;border-radius:50%;border:1px solid #868d96;cursor:pointer;text-align:center;margin-bottom:20px;}
.caseBtnSlider .btnSlider:before {line-height:43px;height:43px;color:#7f8690}
.caseBtnSlider .btnSlider:hover {background:#236ba2;border:1px solid #236ba2}
.caseBtnSlider .btnSlider:hover:before {color:#fff;}
.caseBtnSlider .btnSliderCon {float:left;width:100%;height:1.2rem;line-height:1.2rem;text-align:center;color:#000;font-family:"Montserrat";font-size:24px;}

@media (max-width: 767px){
    .divSm6{background:url(../images/news.jpg) no-repeat left 1.37rem;background-size:80%; padding:0 0 20px;}
    .divSm6 .div1 .newsLink {display:none}
    .divSm6 .div1 ul {display:none}
    .divSm6 .div2 {width:100%;margin-top:20px;}
    .topNews .item .il{float:left;width:100%;}
    .topNews .item .il .title{background:none;}
    .topNews .item .il .title a {padding-left:0px;width:100%;padding-right:0%;background:none}
    .topNews .item .il .title a strong {font-size:16px;}
    .topNews .item .ir{display:none}
    .caseBtnSlider {position:static;float:left;width:100%;display:none;}
    .caseBtnSlider .btnSlider {margin-bottom:0px;}
    .botNews {float:left;width:100%;padding-top:0px;border-top:1px solid #e8e8e8}
    .botNews .item {width:100%;margin-right:0;margin-top:30px;}
    .botNews .item a h4{font-size:16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm6{background:none; padding:35px 0 20px;}
    .divSm6 .div1 .newsLink {display:none}
    .divSm6 .div1 ul {display:none}

    .divSm6 .div2 {float:left;width:100%;margin-top:20px;}
    .topNews .item .il .title a {padding-right:100px}
    .topNews .item .ir .iTime {margin-right:0px;}
    .caseBtnSlider {position:absolute;right:60px;top:210px;width:43px;z-index:2}    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm6{background:none;padding-top:30px}
    .divSm6 .div1 {width:2.75rem;}
    .divSm6 .div1 .newsLink{padding-left:0;}
    .divSm6 .div1 .newsLink img{width:120px}
    .divSm6 .div1 ul {margin-top:1.4rem;margin-left:.25rem}
    .divSm6 .div2 {float:left;width:calc(100% - 2.75rem);}
    .topNews .item .ir .iTime {margin-right:0px;}
    .caseBtnSlider {position:absolute;right:60px;top:210px;width:43px;z-index:2}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .divSm6{background-size:25%;}
}

/*֤��*/
.divSm7 {float:left;width:100%;height:295px;background:url(../images/ce.jpg) no-repeat top center #20425d;display:none}
.divSm7 .dl {float:left;background:url(../images/quote.png) no-repeat left top;width:250px;margin-top:70px;padding-top:40px;padding-left:10px;}
.divSm7 .dl .d1 {float:left;width:100%;font-size:.36rem;color:#fff;font-family:"MiSansSemibold";line-height:.5rem;}
.divSm7 .dl .d2 {float:left;width:100%;font-size:.36rem;color:#fff;font-family:"MiSansRegular";line-height:.5rem;}
@media (max-width: 767px){
    .divSm7 {display:none}
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm7 .dl {margin-top:40px;}
    .divSm7 {float:left;width:100%;height:225px;background-size:90%;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .divSm7 .dl {margin-top:40px;}
    .divSm7 {float:left;width:100%;height:225px;background-size:90%;}
}

/*��������*/
.htmlTXT {float:left;height:40px;line-height:40px;border-bottom:1px solid #8eb0e3;background:transparent;color:#beb7f3;font-size:16px;width:100%;}
.htmlTXT:focus {border-bottom:1px solid #b92c48}
.conFeed {float:left;width:100%;position:relative;}
.conFeed:after {width:100%;height:1.05rem;background:#394147;content:" ";position:absolute;left:0;bottom:0;z-index:-1}
.divSm15 {float:left;width:100%;height:272px;background:#236ba2;border-radius:20px;padding:0 .5rem}
.divSm15 .title {float:left;font-size:.3rem;color:#fff;line-height:.4rem;background:url(../images/mail.png) no-repeat top left;padding-top:.45rem;margin-top:.4rem;width:275px;}
.divSm15 .title span {font-size:16px;color:#8eb0e3}
.divSm15 .con {float:right;width:calc(100% - 300px)}
.divSm15 .con .inp {float:left;width:calc(100% - 250px);margin-top:120px;}
.divSm15 .con .inp > div {width:27%;padding-right:.43rem;float:left;}
.divSm15 .con .inp > div:last-child {width:46%;}
.divSm15 .con .sub {float:left;width:250px;margin-top:1rem}
.divSm15 .con .sub a {float:left;font-size:.24rem;border-radius:50px;height:.82rem;line-height:.82rem;background:#fff;width:100%;}
.divSm15 .con .sub a span {float:left;margin:0 .4rem;color:#537188;letter-spacing:1px;color:#df317a;font-weight:bold}
.divSm15 .con .sub a i {width:.62rem;height:.62rem;float:right;margin-top:.1rem;line-height:.62rem;text-align:center;color:#537188;border-radius:50%;margin-right:.1rem;background:#df317a;color:#fff;}
@media (max-width: 767px){
    .divSm15 {height:auto;padding-bottom:30px;}
    .divSm15 .title {float:left;width:100%;background:url(../images/mail.png) no-repeat left center;padding-top:0;padding-left:45px;}
    .divSm15 .title br{display:none}
    .divSm15 .title span{float:left;width:100%;}
    .divSm15 .con {float:left;width:100%;}
    .divSm15 .con .inp {float:left;width:100%;margin-top:0px;}
    .divSm15 .con .inp > div {width:100%;padding-right:0;float:left;margin:10px 0}
    .divSm15 .con .inp > div:last-child {padding-right:0;width:100%;}
    .divSm15 .con .sub {float:left;width:100%;margin-top:30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm15 {height:240px;}
    .divSm15 .title {float:left;width:100%;background:url(../images/mail.png) no-repeat left center;padding-top:0;padding-left:45px;}
    .divSm15 .title br{display:none}
    .divSm15 .con {float:left;width:100%;}
    .divSm15 .con .inp {float:left;width:100%;margin-top:30px;}
    .divSm15 .con .inp > div:last-child {padding-right:0;}
    .divSm15 .con .sub {float:left;width:100%;margin-top:30px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm15 {height:202px;padding:0 .3rem}
    .divSm15 .title {width:195px;font-size:24px;}
    .divSm15 .con {width:calc(100% - 200px)}
    .divSm15 .con .inp {width:calc(100% - 140px);margin-top:80px;}
    .divSm15 .con .inp > div {padding-right:15px;}
    .divSm15 .con .sub {width:140px;margin-top:1rem}
    .divSm15 .con .sub a {height:.6rem;line-height:.6rem;width:100%;}
    .divSm15 .con .sub a span {margin:0;width:100%;text-align:center;}
    .divSm15 .con .sub a i {display:none}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divSm15 {height:242px;padding:0 .3rem}
    .divSm15 .con {width:calc(100% - 290px)}
    .divSm15 .con .inp {width:calc(100% - 260px);margin-top:100px;}
    .divSm15 .con .sub {width:200px;margin-top:.9rem}
}

/*�ײ�*/
.foot {float:left;width:100%;background:#394147;padding-top:.95rem;position:relative;}
.sm1 {float:left;width:13%;padding-left:30px;}
.sm1 h3{float:left;width:100%;font-size:16px;color:#fff;}
.sm1 ul{float:left;width:100%;padding:0;margin:0;margin-top:30px;}
.sm1 ul li {float:left;width:100%;line-height:36px;}
.sm1 ul li a{color:#6f808c;}
.sm1 ul li a:hover {color:#236ba2}
.sm1 ul li a:hover:before {content:"- ";}

.sm2 {float:left;width:23%;}
.sm2 h3{float:left;width:100%;font-size:16px;color:#fff;}
.sm2 ul{float:left;width:100%;padding:0;margin:0;margin-top:30px;}
.sm2 ul li {float:left;width:100%;line-height:36px;}
.sm2 ul li a{color:#6f808c;}
.sm2 ul li a:hover {color:#236ba2}
.sm2 ul li a:hover:before {content:"- ";}

.sm3 {float:right;width:50%;}
.sm3 a {color:#6f808c}
.dmLogo {float:left;}
.topM1 {float:left;width:100%;border-bottom:1px solid #48535a;padding-bottom:25px;}
.dmLogo {float:left;}
.dmTel {float:right;background:url(../images/1_06.jpg) no-repeat 0 4px;padding-left:35px;color:#fff;margin-right:1rem;line-height:30px}
.dmTel span {color:#708192;font-weight:bold}
.dmMail {float:right;background:url(../images/1_07.jpg) no-repeat  0 4px;padding-left:35px;color:#fff;line-height:30px}
.dmMail a {color:#708192;font-weight:bold}
.topM2 {float:right;margin-top:55px;padding-bottom:.45rem;} 
.topM3 {float:right;}

.foot .dm2 {float:left;width:100%;padding-bottom:.3rem;color:#6c7e85;}
.foot .dm2 .dpage {float:left;width:100%;background:url(../images/line.jpg) repeat-x 0px 70px;}
.foot .dm2 .il {float:left;padding:.25rem .3rem;background:#49545c;border-radius:10px;margin-top:20px;align-items: center;display: flex;}
.foot .dm2 .il .tongle {float:left;border-right:1px solid #4d5961;padding-right:.44rem;margin-top:10px;}
.foot .dm2 .il .inj {float:left;margin-left:.45rem;}
.foot .dm2 .il .inj span{float:left;line-height:.39rem;font-size:14px;color:#6f808c;text-transform:uppercase;font-family:"Montserrat";}
.foot .dm2 .il .inj img{float:left;margin-left:.3rem}
.foot .dm2 .ir {float:right;}
.foot .dm2 .ir ul{margin-top:50px;padding:0;}
.foot .dm2 .ir ul li{float:left;margin-left:10px;}
.foot .dm2 .ir ul li a{font-size:.18rem;color:#6f808c;width:.45rem;height:.45rem;line-height:.45rem;text-align:center;background:#49545c;display:block;border-radius:50%;}
.foot .dm2 .ir ul li a:hover{color:#6c88a1}
.foot .copy {float:left;width:100%;font-size:14px;margin-top:.1rem;text-align:right;color:#6c7e85}
.foot .copy a {color:#6c7e85}

@media (max-width: 767px){
    .foot {padding:20px 0px}
    .sm1 {width:100%;padding-left:0}
    .sm1 ul{display:none}
    .sm1 h3{display:none}
    .sm2 {width:100%;}
    .sm2 ul{display:none}
    .sm2 h3{display:none}

    .footer__subnavSelect {display:block;margin:10px 0}
    .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;}
    .dmLogo {float:left;width:100%;display:none}
    .dmLogo img{display:table;margin:0 auto;}
    .dmMail {float:left;width:100%;margin-left:0;margin-top:10px;}
    .topM1 {border-bottom:none}
    .topM2 {float:left;width:100%;display:none}
    .topM2 img{display:table;margin:0 auto;}

    .foot .dm2 {padding:0}
    .foot .dm2 .dpage {background:none}
    .foot .dm2 .il {float:left;padding:.1rem .2rem;border-radius:20px;margin-top:0px;width:100%;}
    .foot .dm2 .il img {height:20px;}
    .foot .dm2 .ir {float:left;width:100%;}
    .foot .dm2 .ir span{font-size:18px;color:#94a8bc;margin-left:0px;width:100%;text-align:center;display:block;line-height:60px;}
    .foot .dm2 .ir ul{display:table;margin:0 auto;margin-top:15px;}
    .foot .dm2 .il .tongle {padding:.15rem .37rem .15rem .37rem}
    .foot .copy {font-size:13px;margin-top:20px;text-align:center;padding-bottom:60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .sm1 {width:20%;}
    .sm2 {width:60%;}
    .dmTel {margin-left:70px;}
    .sm3 {display:none}
    .foot .dm2 {padding:0;margin-top:20px;}
    .foot .dm2 .dpage {background:none}
    .foot .dm2 .il {float:left;padding:.1rem .2rem;border-radius:20px;margin-top:0px;width:100%;}
    .foot .dm2 .il img {height:20px;}
    .foot .dm2 .ir {float:left;width:100%;}
    .foot .dm2 .ir span{font-size:18px;color:#94a8bc;margin-left:0px;width:100%;text-align:center;display:block;line-height:60px;}
    .foot .dm2 .ir ul{display:table;margin:0 auto;margin-top:15px;}
    .foot .dm2 .il .tongle {padding:.15rem .37rem .15rem .37rem}
    .foot .copy {font-size:13px;margin-top:20px;text-align:center;padding-bottom:60px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .sm1 {width:20%;}
    .sm2 {width:60%;}
    .sm3 {display:none}
    .dmTel {margin-left:150px;}
    .topM2 {display:none}
}
@media (min-width: 1200px) and (max-width: 1280px){
    .sm1 {width:11%;}
    .sm2 {width:28%;}
    .sm3 {width:45%;}
    .dmTel {margin-left:40px;}
    .dmLogo{display:none}
    .dmLogo img{width:100%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .sm1 {width:12%;}
    .sm3 {width:48%;}
    .dmTel {margin-left:20px;margin-right:20px;}
    .dmLogo{width:170px}
    .dmLogo img{width:100%;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .sm1 {width:12%;}
    .sm3 {width:48%;}
    .dmTel {margin-left:30px;margin-right:30px;}
    .dmLogo{width:200px}
    .dmLogo img{width:100%;}
}

.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #f1f1f1;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:13px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont1{display:block;padding:3px 0 0 0;font-size:18px;line-height:28px;color:#999}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#999}


/*��ǰλ��*/
.breadcrumbs {float:left;width:100%;background:url(../images/location.png) no-repeat left center;position:relative;color:#000;margin-bottom:.3rem;font-size:16px;}
.breadcrumbs a{text-decoration:underline;color:#000}
.breadcrumbs a:hover{color:#236ba2}
@media (max-width: 767px){
    .breadcrumbs {font-size:12px;margin-top:0;margin-bottom:10px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec;margin-top:-10px;color:#000}
    .breadcrumbs a{color:#000}
}


.news1tab{font-size: 0;text-align: center;margin-bottom: .8rem;float:left;width:100%;}
.news1tab .item{display: inline-block;vertical-align: middle;font-size:.18rem;text-align: center;color: #666;width: 1.8rem;height: .38rem;line-height: .38rem;transition: all .3s ease;margin: 0 .15rem;border-radius: .4rem;background:#ececec}
.news1tab .item.on{background: #236ba2;color: #fff}
@media (min-width: 1000px){
  .news1tab .item:hover{background: #236ba2;color: #fff}
} 
@media (max-width: 767px){
  .news1tab{margin-bottom:20px;}
  .news1tab .item{font-size: 14px;border-width: 1px;width: calc(50% - 12px);height: 36px;line-height: 34px; margin: 6px; float:left;}
}


/*�����б�*/
.newsinfo-box2{padding:1.2rem 0 .5rem}
.brand-list li a,.sinceimg,.error-img,.providefix li,.seo-data,.apply-item,.advantage-wraps,.coopecate-in1 figure,.coopecate-in figure,.serves-process-wrap,.city-list-item,.city-dit-content,.city-serve-images,.multivariate-list li,.serviceli li,.vide-pop{
    border-radius: 12px;
    overflow: hidden;
}
.brand-list {padding:0;}
.brand-list li{ width: 33.3333%; float: left; margin-bottom: 100px;}
.brand-list li a{ display: block;position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.brand-list li a figure{ display: block; line-height: 0; padding-bottom: 75%; position: relative; height: 0; overflow: hidden;}
.brand-list li a figure:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/shabox4.png) left bottom repeat-x; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s;}
.brand-list li a:hover figure img{ -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.brand-list li a:hover figure:before{ opacity: 1; visibility: visible;}
.brand-list li a:hover .brand-text:before{ opacity: 0; visibility: hidden;}
.brand-list li a:hover .brand-text{ background: #236ba2;}
.brand-list li a:hover .brand-text strong{ font-weight: bold; color: #fff; -webkit-transition:all 0.4s 0s,font-size 0.4s 0.3s; -o-transition:all 0.4s 0s,font-size 0.4s 0.3s; -moz-transition:all 0.4s 0s,font-size 0.4s 0.3s; transition:all 0.4s 0s,font-size 0.4s 0.3s;}
.brand-list li a:hover .brandtt{ top: -45px;}
.brand-list li a:hover .brandtt:before{ width: 70px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}
.brand-list li a:hover .brand-down{ border-color: #fff; border-color: rgba(255,255,255,0.2);}
.brand-list li a:hover .brand-down b{ color: #fff;}
.brand-list li a:hover .brand-down p{ color: #fff;}
.brand-list li a:hover .brand-down span{ color: #fff;}

.brand-list li a figure img{ display: block; width: 100%; height: auto; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s;}
.brand-text{ position: relative; padding: 0 25px; z-index: 3; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-radius: 0 0 12px 12px;}
.brand-text:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: -1; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s; border-radius: 0 0 12px 12px;}
.brandtt{ height: 122px; position: relative; top: 0; padding-top: 25px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.brand-text strong{ position: relative; display: block; color: #666; font-size: 22px; line-height: 1.4; font-weight: normal; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brandtt:before{ content: ""; width: 0; height: 6px; background: #fff; position: absolute; left: -25px; top: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.brand-down{border-top: 1px solid #E8D9D5;padding: 15px 0 10px;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;}
.brand-down b{display: block;float: left;line-height: 20px;color: #236ba2;max-width: 64%;height: 40px;font-size: 14px;margin-right: 14px;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.brand-down p{ float: left; color: #666; font-size: 14px; line-height: 20px; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.brand-down span{ display: block; float: right; color: #666; font-size: 20px; line-height: 20px; font-weight: bold; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}


.brands li a figure{ padding-bottom: 48.52%;}
.brands .brand-text strong{ font-size: .18rem;}
.brand-down .time{ display: block; float: left; color: #666; font-size: 14px; line-height: 20px; padding-left: 22px; position: relative; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.brand-down .time i{ display: inline-block; color: #E2C2B8; font-size: 16px; font-style: normal; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -10px; -webkit-transition: 0.36s; -o-transition: 0.36s; -moz-transition: 0.36s; transition: 0.36s;} 
.brands li a:hover .brand-down .time{ color: #fff;}
.brands li a:hover .brand-down i{ color: #fff;}
.newslist li{ width:calc((100% - 330px) / 4); margin-right:110px;}
.newslist li:nth-child(4n){margin-right:0px;}

@media (max-width: 767px){
    .newslist li{ width:100%; margin-right:0px;margin-bottom:30px;}
    .newslist li:nth-child(4n){margin-right:0px;}
    .brands .brand-text strong{ font-size: 14px;}
    .brandtt{ height: 82px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .newslist li{ width:calc((100% - 50px) / 2); margin-right:50px;margin-bottom:60px;}
    .newslist li:nth-child(4n){margin-right:0px;}
    .newslist li:nth-child(2n){margin-right:0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .newslist li{ width:calc((100% - 60px) / 3); margin-right:20px;margin-bottom:30px;}
    .newslist li:nth-child(4n){margin-right:20px;}
    .newslist li:nth-child(3n){margin-right:0px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .newslist li{ width:calc((100% - 180px) / 3); margin-right:60px;margin-bottom:50px;}
    .newslist li:nth-child(4n){margin-right:60px;}
    .newslist li:nth-child(3n){margin-right:0px;}
}



/*��������ҳ*/
.about-more{display:block;width:1.625rem;height:.5rem;line-height:.5rem;color:#236ba2;font-size:.2rem;border-radius:4px;border:2px solid #236ba2;text-align:center;transition:all .3s}
.news-view{width:78.125%;margin:0 auto}
.newsinfo-box{padding:2.3rem 0 2.2rem}
.newsinfo-view{width:72.9%;margin:0 auto}
.newsinfo-box .tit-box{padding-bottom:.36rem;border-bottom:1px solid #d1d1d1}
.newsinfo-box .tit{font-size:.3rem;line-height:.35rem;color:#000}
.newsinfo-box .share-box{margin-top:.5rem;font-size:0}
.newsinfo-box .bshare-custom{font-size:0}
.newsinfo-box .bshare-custom a,.newsinfo-box .bshare-custom span{display:inline-block;*display:inline;zoom:1;font-size:16px;color:#666;margin:0;padding:0;vertical-align:middle;line-height:20px}
.newsinfo-box .bshare-custom span{margin-right:.2rem}
.newsinfo-box .bshare-custom a{width:25px;height:20px;background-repeat:no-repeat;background-position:center;background-size:100%;margin-right:.16rem}
.newsinfo-box .bshare-custom .bshare-weixin{background-image:url("../images/wechat.svg")}
.newsinfo-box .bshare-custom .bshare-sinaminiblog{background-image:url("../images/weibo.svg")}
.newsinfo-box .orign,.newsinfo-box .bshare-custom,.newsinfo-box .time{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
.newsinfo-box .divide{display:inline-block;*display:inline;zoom:1;width:1px;height:.16rem;margin:0 .4rem;background-color:#cbcbcb;vertical-align:middle}
.newsinfo-box .orign{font-size:16px;line-height:20px;color:#666}
.newsinfo-box .time{font-size:16px;line-height:20px;color:#666}
.newsinfo-box .con{margin-top:.56rem;font-size:16px;line-height:.36rem;color:#666}
.newsinfo-box .con img{max-width:100%;display:block;margin:0 auto}
.newsinfo-box .ctrl-box{padding-top:.5rem;border-top:1px solid #ccc;margin-top:.9rem}
.newsinfo-box .ctrl{float:left;width:70%}
.newsinfo-box .ctrl-box .item{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;font-size:0}
.newsinfo-box .ctrl-box .item a{display:inline-block;*display:inline;zoom:1;font-size:15px;line-height:22px;color:#000;transition:all .3s}
.newsinfo-box .ctrl-box .back-btn{float:right;transition:all .3s}
@media (max-width:1366px){}
@media (max-width:1024px){.newsinfo-box{padding:1.58rem 0}.newsinfo-box .left .bshare-custom{display:none}.newsinfo-box .time{float:none}.news-view{width:auto;padding:0 5%}}
@media (max-width:992px){}
@media (max-width:767px){.newsinfo-box{padding:1.51rem 0}
.newsinfo-box .left,.newsinfo-box .right{float:none;width:100%}
.newsinfo-box .right .once{height:.4rem;line-height:.4rem}
.newsinfo-box .right .once span{font-size:13px;line-height:.4rem;background-size:10px}
.newsinfo-box .left .tit{font-size:.3rem;line-height:.5rem}
.newsinfo-box .left .tit-box{padding-bottom:.4rem}
.newsinfo-box .time{font-size:.24rem;line-height:.4rem}
.newsinfo-box .left .share-box{margin-top:.3rem}
.newsinfo-box .left .con{font-size:.24rem;line-height:.5rem;margin-top:.4rem}
.newsinfo-box .left .buttons{margin-top:.5rem;height:1rem;padding:0 .3rem}
.newsinfo-box .left .buttons a{font-size:.24rem;line-height:.4rem}
.newsinfo-box .left .buttons .prev,.newsinfo-box .left .buttons .next{margin-top:.3rem}
.newsinfo-box .right .tit{font-size:.3rem;line-height:.4rem}
.newsinfo-box .right .list{margin-top:.3rem}
.newsinfo-box .right .list a{font-size:.24rem;padding:.3rem .7rem .3rem .3rem}
.newsinfo-box .right .list a:before{right:.3rem;width:.0875rem;height:.1625rem}
.newsinfo-box .divide{margin:0 .3rem}
.newsinfo-box .divide:nth-child(4){display:none}
.newsinfo-box .orign{font-size:.24rem;line-height:.4rem}
.newsinfo-box .ctrl-box{margin-top:.5rem;padding-top:.5rem}
.newsinfo-box .ctrl{float:none;width:100%}
.newsinfo-box .ctrl-box .item{margin-bottom:.2rem}
.newsinfo-box .ctrl-box .item a{font-size:12px;line-height:20px}
.newsinfo-box .ctrl-box .back-btn{float:none;display:block;margin:.4rem auto 0}
}@media (min-width:1025px){.newsinfo-box .ctrl-box .back-btn:hover{background-color:#236ba2;color:#fff}.newsinfo-box .ctrl-box .item a:hover{color:#236ba2}}

.bsBox {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

/*��������*/
.culture-container{padding:1rem 0 .6rem}
.duty-tit-box{font-size:0;text-align:center}
.duty-tit{display:inline-block;*display:inline;zoom:1;font-size:.33rem;line-height:.35rem;color:#1a1a1a;padding-bottom:18px;border-bottom:1px solid rgba(112,112,112,.3)}
.duty-tit2{display:inline-block;*display:inline;zoom:1;font-size:16px;line-height:.35rem;color:#1a1a1a;padding-bottom:16px;margin-top:30px;}
.duty-tit-box .img{margin:.44rem auto 0;width:1.5rem}
.duty-tit-box .img img{position:relative;width:100%;animation:imgfd 1.5s linear infinite alternate;-moz-animation:imgfd 1.5s linear infinite alternate;-webkit-animation:imgfd 1.5s linear infinite alternate;-o-animation:imgfd 1.5s linear infinite alternate}
@keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-moz-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-webkit-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-o-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}.ban-duty{margin-top:.44rem;border-radius:8px;overflow:hidden;background-repeat:no-repeat;background-position:right center;background-size:cover;height:4.46rem}
.ban-duty img{width:100%}
.culture-top{padding:.7rem 0 .4rem;text-align:center;position:relative}
.culture-top .tit{font-size:.4rem;line-height:.44rem;color:#1a1a1a}
.culture-top .line{width:.8rem;height:2px;background-color:#236ba2;margin:.3rem auto 0}
.culture-top .yin{width:34px;margin:.94rem auto 0}
.culture-top .con{font-size:18px;line-height:.36rem;margin:.44rem auto 0;width:47.159%}
.culture-top .img{width:5.8rem;position:absolute;left:50%;margin-left:-2.9rem;bottom:0;transform:translateY(50%)}
.culture-top .img img{width:100%;animation:circle linear 20s infinite}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}.culture-round{float:left;width:100%;height:1.8rem}
.about2{padding:1.8vw 0 3.5vw;}
.about2box .col-sm-3{padding:0 .5vw}
.about2box .row{margin:0 -.5vw}
.about2box .item{padding:1.2vw 1.6vw 1.6vw;background:#f4f4f6;height:2.5rem}
.about2box .item img{width:.48rem}
.about2box .item .h1{font-size:.2rem;color:#333;line-height:.6rem;position:relative;margin-top:.75vw;font-weight:bold}
.about2box .item .h1:after{content:"";width:.14rem;height:.02rem;background:#236ba2;position:absolute;bottom:0;left:0}
.about2box .item p{font-size:.18rem;color:#333;line-height:1.556;margin-top:.1rem;word-break:break-all}
@media (max-width:767px){.about2{padding:8vw 0 6.5vw}
.about2box .col-sm-3{padding:1.5vw}
.about2box .row{margin:-1.5vw}
.about2box .item{padding:15px;height:2.8rem}
.about2box .item img{width:30px}
.about2box .item .h1{font-size:14px;margin-top:.1rem}
.about2box .item p{font-size:13px}
.about2box .item .h1:after{height:1px}
.culture-top .img{width:100%; overflow:hidden;}
}
.sub-container{float:left;width:100%;margin-top:0.9rem}
.talk-tab-box{position:relative}
.talk-tab-box .talk-tit{text-align:center;font-size:0}
.talk-tab-box .talk-tit .tit{display:inline-block;*display:inline;zoom:1;font-size:.38rem;line-height:.38rem;color:#000;position:relative}
.talk-tab-box .talk-tit .txt{position:relative}
.talk-tab-box .talk-tit .txt:before{content:"";position:absolute;left:0;bottom:5px;width:100%;height:6px;z-index:-1;background-color:#df0024}
.talk-tab-box{padding:.2rem 0 1rem}
.talk-tab-box .bimg-box{margin-top:.4rem;position:relative}
.talk-tab-box .bimg-tab{overflow:hidden;position:relative}
.talk-tab-box .bimg-tab .swiper-slide{width:52.67%;margin:0 2%;cursor:pointer}
.talk-tab-box .bimg-tab .swiper-slide .img{position:relative}
.talk-tab-box .bimg-tab .swiper-slide .img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.68;filter:alpha(opacity=68)}
.talk-tab-box .bimg-tab .swiper-slide .text{font-size:.22rem;line-height:.26rem;color:#1a1a1a;text-align:center;margin-top:.45rem;opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .bimg-tab .swiper-slide-active{cursor:default}
.talk-tab-box .bimg-tab .swiper-slide-active .img:before{opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .bimg-tab .swiper-slide-active .text{opacity:1;filter:alpha(opacity=100)}
.talk-tab-box .simg-tab{width:48.4375%;margin:.3rem auto 0;padding-top:.78rem;border-top:1px solid #231f20;overflow:hidden}
.talk-tab-box .simg-tab .swiper-slide{width:12.8371%;margin-right:1.7%;position:relative;border-radius:4px;overflow:hidden}
.talk-tab-box .simg-tab .swiper-slide:last-child{margin-right:0}
.talk-tab-box .simg-tab .swiper-slide:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50);transition:all .3s}
.talk-tab-box .simg-tab .swiper-slide img{width:100%}
.talk-tab-box .simg-tab .swiper-slide.cur:before{opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .prev,.talk-tab-box .next{position:absolute;top:50%;width:.4rem;height:.4rem;margin-top:-.42rem;background-repeat:no-repeat;background-position:center;background-size:.08rem;background-color:#236ba2;border-radius:100%;z-index:3}
.talk-tab-box .prev{background-image:url("../images/talk-prev.png");left:1%}
.talk-tab-box .next{background-image:url("../images/talk-next.png");right:1%}
.talk-tab-box .swiper-button-disabled{display:none}
.live-tab-box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f5f5f5;z-index:-1}
@media (max-width:767px){
.culture-top .yin{width:17px;margin-top:20px}
.culture-top .tit{font-size:20px;line-height:24px}
.culture-top .con{width:100%;font-size:14px;line-height:24px;margin-top:20px}
}
.profile-wrap{margin-top:.38rem;background-color:#f5f5f5;background-repeat:no-repeat;background-position:bottom center;background-size:100%;padding:.7rem 0 1.3rem}
.profile-wrap .icon{width:.75rem;margin:0 auto}
.profile-wrap .text{margin-top:.3rem;text-align:center}
.profile-wrap .text .tit{display:inline-block;*display:inline;zoom:1;padding-bottom:16px;border-bottom:1px solid rgba(149,149,149,.3);font-size:.44rem;line-height:.48rem;color:#236ba2}
.profile-wrap .text .pub-con{margin-top:.56rem;line-height:.36rem;font-size:16px;padding:0 30px;}
.profile-wrap .num-box{width:71%;margin:1rem auto 0;background-color:#fff;border:1px solid #f0f0f0}
.profile-wrap .num-box .item{padding:.6rem 0;text-align:center;position:relative}
.profile-wrap .num-box .item:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#f0f0f0}
.profile-wrap .num-box .item:last-child:before{display:none}
.profile-wrap .num-box .num-txt{font-size:0;color:#236ba2}
.profile-wrap .num-box .unit,.profile-wrap .num-box .num{display:inline-block;*display:inline;zoom:1;vertical-align:bottom}
.profile-wrap .num-box .unit{font-size:.5rem;line-height:.5rem}
.profile-wrap .num-box .num{font-size:.4rem;line-height:.56rem;font-family:'Montserrat'}
.profile-wrap .num-box .txt{font-size:17px;line-height:20px;color:#4c4c4c;margin-top:14px}
@media (max-width:1024px){.profile-wrap .num-box{width:90%}
}@media (max-width:767px){.ban-duty{margin-top:23px;height:3rem;background-position:60% center}
.talk-tab-box .bimg-tab .swiper-slide{width:100%}
.talk-tab-box{padding:.3rem 0 .2rem}
.talk-tab-box .talk-tit .tit{font-size:24px;line-height:.6rem}
.talk-tab-box .simg-tab{display:none}
.talk-tab-box .bimg-box{margin-top:.4rem}
.talk-tab-box .bimg-box img{width:100%}
.talk-tab-box .bimg-tab .swiper-slide .text{font-size:.24rem;line-height:.4rem;margin-top:.2rem;opacity:1;filter:alpha(opacity=100)}
.talk-tab-box .prev,.talk-tab-box .next{width:.6rem;height:.6rem;margin-top:-.4rem}
.talk-tab-box .prev{left:3%}
.talk-tab-box .next{right:3%}
.talk-tab-box .bimg-tab .swiper-slide .img:before{display:none}
.profile-wrap{margin-top:30px;padding:.41rem 0}
.profile-wrap .icon{width:43.7px}
.profile-wrap .text{margin-top:17.48px}
.profile-wrap .text .tit{font-size:24px;line-height:30px;padding:0 18px 18px}
.profile-wrap .text .pub-con{margin-top:18px;padding:0 18px}
.profile-wrap .text .pub-con{line-height:30px}
.profile-wrap .num-box{margin-top:18px}
.profile-wrap .num-box .item{padding:30px 0;border-bottom:1px solid #f0f0f0}
.profile-wrap .num-box .item:nth-child(3),.profile-wrap .num-box .item:nth-child(4){border-bottom:none}
.profile-wrap .num-box .num{font-size:35px;line-height:40px}
.profile-wrap .num-box .unit{font-size:18px;line-height:24px}
.profile-wrap .num-box .txt{font-size:14px;line-height:24px;margin-top:12px}
.profile-wrap .text .pub-con{margin-top:.56rem;line-height:27px;font-size:14px;padding:0 15px;text-align:left;}
}


/*�����б�*/
.brand-list-two{overflow:hidden;float:left;width:100%}
.brand-list-two{padding:0}
.brand-list-two li{float:left;position:relative;margin-right:2%;margin-bottom:30px;width:32%;border-radius:12px;overflow:hidden}
.brand-list-two li:nth-child(3n+3){margin-right:0}
.brand-list-two li a{display:block;border-radius:12px;overflow:hidden}
.brand-list-two li figure{position:relative;display:block;line-height:1;border-radius:14px;padding-bottom:58.8888%;border-radius:12px;overflow:hidden}
.brand-list-two li figure img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover;-webkit-transition:0.65s;-o-transition:0.65s;-moz-transition:0.65s;transition:0.65s}
.brand-list-two li:hover figure img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}
.brand-list-two li:hover .brand-infos:before{opacity:1;visibility:visible}
.brand-list-two li:hover .brand-infos1 .applet{opacity:1;visibility:visible}
.brand-list-two li:hover .brand-wrs strong,.brand-list-two li:hover .brand-wrs i{opacity:1;visibility:visible;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
.brand-list-two li:hover .brand-wrs i{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}
.brand-infos{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;border-radius:12px;overflow:hidden}
.brand-infos:before{position:absolute;left:0;top:0;z-index:-1;content:"";width:100%;height:100%;border-radius:14px;background:rgba(0,0,0,0.4);opacity:1;visibility:visible;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.brand-sj{position:absolute;left:22px;right:22px;bottom:28px;z-index:5}
.brand-sj strong{display:block;position:relative;padding-bottom:8px;line-height:1.3;color:#fff;font-size:22px;font-weight:normal}
.brand-sj strong:before{position:absolute;left:0;bottom:0;content:"";width:10px;height:1px;background:#fff}
.brand-sj p{margin-top:8px;color:#fff;font-size:14px}
@media screen and (max-width:1450px){.brand-sj{bottom:18px;left:18px;right:18px}
.brand-sj strong{font-size:18px}
.brand-sj p{font-size:12px}
}@media screen and (max-width:861px){.brand-list-two li{width:48.5%;margin-right:3%}
.brand-list-two li:nth-child(3n+3){margin-right:3%}
.brand-list-two li:nth-child(2n+2){margin-right:0%}
}@media screen and (max-width:641px){.brand-list-two li{margin-bottom:14px}
.brand-list-two li{margin-right:0;width:100%}
.brand-sj{bottom:14px}
.brand-sj strong{font-size:16px}
}





 /*��ϵ����*/
.slick-list { overflow: hidden; width: 100%; height: 100%; }
.contact{ margin:40px 0 0 0; position: relative;}
.contact-map{ margin-right: 340px; height: 760px; position: relative;}
.eq{ position: absolute; right: 30px; bottom: 16px; z-index: 4;}
.eq img{ display: block; padding: 8px; background: #fff; width: 102px; border-radius: 12px;}
.eq span{ display: block; text-align: center; line-height: 1; color: #FFFFFF; font-size: 14px; margin-top: 10px; line-height: 1.2; font-weight: bold;} 
.maps{ height: 100%; border-radius: 16px 0 0 16px;}
.anchorBL{ display: none !important;}
.BMap_mask{ background: rgba(65,196,166,0.2) !important;}
.contact-text{ width: 340px; height: 100%; position: absolute; right: 0; top: 0; background: #fff; filter:alpha(opacity=50); background: rgba(255,255,255,0.5); z-index: 2; border-radius: 0 16px 16px 0;}
.contactwr{ padding: 0 30px;}
.office{ position: relative; padding: 31px 0 16px; border-bottom: 1px solid #E2C2B8; border-bottom: 1px solid rgba(226,194,184,0.4);}
.office:before{ content: ""; width: 32px; height: 1px; background: #666; position: absolute; left: 0; bottom: -1px;}
.office i{ display: block; float: left; color: #666; font-size: 16px; font-style: normal; margin-right: 15px; line-height: 1;}
.office small{ display: block; float: left; color: #666; font-size: 14px; text-transform: uppercase; line-height: 16px;}
.contact-btn{ padding-top: 39px; margin-bottom: 50px;}
.contact-btn span{ display: block; float: left; margin-right: 18px; cursor: pointer; -webkit-transition: 0.38s; -o-transition: 0.38s; -moz-transition: 0.38s; transition: 0.38s; font-weight: bold; color: #666; font-size: 14px;}
.contact-btn span:hover,.contact-btn span.active{ color: #666;}
.cbanner{ position: relative;}
.oitem{ float: left; position: absolute; left: 0; top: 0; opacity: 0;}
.oitem.slick-current{ position: relative;}
.oitem h4{ color: #666; font-size: 18px; font-weight: bold; margin-bottom: 28px; line-height: 1.2; position: relative;}
.oitem h4:before{ content: ""; width: 64px; height: 6px; background:#666; position: absolute; left: -78px; top: 50%; margin-top: -3px; z-index: 16;}
.citem{ margin-bottom: 24px;}
.citem b{ display: block; line-height: 1; color: #666; font-size: 16px; font-weight: normal; float: left; margin-top: 6px;}
.citem p{ color: #666; font-size: 14px; margin-left: 28px;}
.recuites{ margin-left: 28px;}
.recuites a{ display: block; float: left; margin-right: 15px;}
.recuites a img{ display: block; width: 32px; height: auto; border-radius: 4px; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.recuites a:hover img{ -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);}
@media screen and (max-width:1450px) {
    .contact-map{ height: 600px;}
	.contact{ margin: 60px 0 0 0;}
	.data-item strong{ font-size: 34px;}
	.datas{ padding: 50px 0 50px 35px;}
	.intext strong{ font-size: 50px;}
}
@media screen and (max-width:1024px) {
    .contact-map{ height: 500px;}
	.contact-btn{ padding-top: 28px; margin-bottom: 38px;}
	.contact{ margin: 0px 0% 0;}
}
@media screen and (max-width:768px) {
    .contact {margin-top:40px}
    .contact-map{ width: 100%; height: 350px;}
	.contact-text{ -moz-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%;}
	.contactwr{ padding:0;}
	.oitem h4:before{ display: none;}
	.contact-btn{ padding-top: 20px; margin-bottom: 30px;}
	.oitem h4{ margin-bottom: 20px;}
	.citem{ margin-bottom: 16px;}
	.ser-data{ margin-right: 30px;}
	.ser-data strong{ font-size: 28px;}
	.ser-data p{ margin-top: 2px;}
	.sermore{ margin-top: 0;}
	.maxitem .pfix{ position: relative; left: 0; top: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; opacity: 1; visibility: visible; -ms-transform: none; -o-transform: none; transform: none; -webkit-transform: none; -moz-transform: none;}
	.proceduli{ display: block;}
	.proceitem{ width: 100%; display: -moz-box; display: -ms-flexbox; display: flex; display: -webkit-flex; margin-bottom: 22px; -moz-box-sizing: border-box; box-sizing: border-box;}
	.proceitem span{ width: auto; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0; text-align: center;}
	.vide-pop{ position: relative; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; left: 0; top: 0; margin: 0;}
	.multivariate{ padding-top: 50px;}
	.multivariate-list li{ width: 20%;}
	.polye-thress{ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.polye-thress li{ margin-top: 30px; width: 48%; margin-right: 4%;}
	.polye-thress li:nth-child(2n+2){ margin-right: 0;}
	.maps{ border-radius: 16px 16px 0 0;}
	.contact-text{ border-radius: 0 0 16px 16px;}
	.datas{ border-radius: 0 0 16px 16px;}
	.since{ border-radius: 16px;}
	.pbanner{ border: 16px 16px 0 0;}
	.ptext{ border-radius: 0 0 16px 16px;}
	.page-gingko{ width: 90%;}
	.page-revs{ left: 5%; right: 5%;}
	.page-gingko strong{ font-size: 28px;}
	.so-love-title{ display: none;}
    .gradual:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/sbg.png) center no-repeat; -o-background-size: cover; background-size: cover; background: -webkit-linear-gradient(135deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF) left center/400% 400%; background: -moz-linear-gradient(135deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF) left center/400% 400%; background: -o-linear-gradient(135deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF)left center/400% 400%; background: linear-gradient(135deg, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF) left center/400% 400%; -webkit-transform: translateZ(0);}
}
@media screen and (max-width:641px) {
    .contact{ margin-top: 28px;}
	.intext strong{ font-size: 24px;}
	.intext p{ font-size: 14px;}
}

.slideflex img {max-width:initial}
.slideflex{ position: fixed; right: 15px; bottom: 0; z-index: 99; padding-bottom: 150px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.slideflex.fdown{ padding-bottom:40px;}
.slideflex.fdown .relate li.backtop{ opacity: 1; visibility: visible; -webkit-transition: 0.5s 0.2s; -o-transition: 0.5s 0.2s; -moz-transition: 0.5s 0.2s; transition: 0.5s 0.2s;}
.slideflex.fdown .mouse{ opacity: 0; visibility: hidden; bottom: -134px;}
.relate{padding:0; padding-bottom: 10px;}
.relate li{ margin-bottom: 10px; position: relative;}
.relate li.backtop{ position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.35s 0s; -o-transition: 0.35s 0s; -moz-transition: 0.35s 0s; transition: 0.35s 0s;}
.relate li >a{ display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff; box-shadow: 0px 12px 24px rgba(65,196,166,0.2); text-align: center; line-height: 48px; color: #236ba2; font-size: 20px; position: relative; z-index: 3;}
.relate li >a i{ display: block; width: 16px; height: 16px; border-radius: 50%; text-align: center; line-height: 16px; color: #fff; font-size: 12px; font-family: arial; background: #FD758F; position: absolute; right: 4px; top: 7px; -webkit-animation: scolltops 2.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}
.relate li >a:before{ content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient(315deg, #F5D9FF, #FDFDD0, #DFFAF8, #F5D8D8, #F8D4D4) left center/400% 400%; background: -moz-linear-gradient(315deg, #F5D9FF, #FDFDD0, #DFFAF8, #F5D8D8, #F8D4D4) left center/400% 400%; background: -o-linear-gradient(315deg, #F5D9FF, #FDFDD0, #DFFAF8, #F5D8D8, #F8D4D4) left center/400% 400%; background: linear-gradient(135deg, #F5D9FF, #FDFDD0, #DFFAF8, #F5D8D8, #F8D4D4) left center/400% 400%; -o-animation: move 10s infinite; animation: move 10s infinite; -webkit-animation: move 10s infinite; -moz-animation: move 10s infinite; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: 0.38s; -o-transition: 0.38s; -moz-transition: 0.38s; transition: 0.38s;}
.relate li:hover >a:before{ opacity: 1; visibility: visible;}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox{ opacity: 1; visibility: visible; right: 100%;}
.telbox{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.relate li.networkBg{ opacity: 0; visibility: hidden; transition: 0.5s; transform: scale(0);}
.relate li.networkBg >a{ font-size: 22px; font-weight: bold;}
.relate li.networkBg.show{ opacity: 1; visibility: visible; transform: scale(1);}
.telbox span{ display: block; padding: 20px 0 20px 27px; background: #fff; color: #666; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px;}
.telbox span:before{ content: ""; width: 5px; height: 16px; background: #236ba2; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after{ content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.eqbox{ padding-right: 22px; position: absolute; right: 150%; top: 50%; margin-top: -80px; opacity: 0; visibility: hidden; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.eqbox:before{ content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img{ display: block; width: 160px; padding: 20px; background: #fff; border-radius: 12px;}
.searbtn{ width: 56px; text-align: center; padding: 19px 0 9px; background: #236ba2; background: rgba(65,196,166,0.5); color: #fff; font-size: 18px; cursor: pointer; position: absolute; right:84px; bottom: 0; z-index: 10; border-radius: 28px 28px 0 0; -webkit-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);} 
.searbtn:hover{ padding-bottom: 19px;}
.searchs{ width: 400px; position: absolute; left: 50%; margin-left: -200px; z-index: 10; opacity: 0; visibility: hidden; bottom: 0px; -webkit-transition: 0.58s; -o-transition: 0.58s; -moz-transition: 0.58s; transition: 0.58s;}
.searchs.show{ opacity: 1; visibility: visible; bottom: 50px;}

.searchs input.text{ padding-left: 24px; width: 376px; border: none; height: 56px; line-height: 56px; color: #FFFFFF; font-size: 14px; border-radius: 28px; color: #fff; font-size: 14px; background: #55968A; filter:alpha(opacity=50); background: rgba(85,150,138,0.5);}
.searchs input.text::-webkit-input-placeholder{
	color:#fff;
}
.searchs input.text::-moz-placeholder{   
	color:#fff;
}
.searchs input.text:-moz-placeholder{   
	color:#fff;
}
.searchs input.text:-ms-input-placeholder{ 
	color:#fff;
}
.searchs input.text:focus::-webkit-input-placeholder{ opacity: 0; visibility: hidden;}
.searchs .sub{ width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; line-height: 56px; color: #fff; font-size: 18px; position: absolute; right: 0; top: 0; background: #236ba2; filter:alpha(opacity=20); background: rgba(65,196,166,0.2); -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.searchs .sub:hover{ background: rgba(65,196,166,0.4);}


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

.contMain {float:left;width:100%;background:#fff;padding:20px;margin-top:.25rem;border-radius:20px}
.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:24px;margin:.2rem 0}

.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;margin-top:0;padding-top:0;padding:0}
    .contMain .top2 {float:left;width:100%;margin-top:0px;}
    .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:#236ba2;text-align:center;color:#fff;}
}



/*��Ʒҳ��*/
.topContent{float:left;width:100%;margin-top:10px;}
.topContent h3{float:left;width:100%;font-size:26px;}
.topContent p{float:left;width:100%;font-size:15px;margin:.15rem 0 .3rem;line-height:28px;}

.topSlider {float:left;width:100%;}
.topSlider .item {float:left;}
.topSlider a {display:block;padding:.52rem 0;width:100%;text-align:center;background:#fff;}
.topSlider a h3 {width:100%;text-align:center;font-size:16px;color:#333;margin:22px 0;line-height:16px;overflow:hidden;}
.topSlider a p {font-size:10px;color:#b5b5b5;background:url(../images/icoBG.png) no-repeat center}
.topSlider a:hover {background:#e7e7e7}
.topSlider a:hover img{background:url(../images/quan.png)no-repeat center;background-size:contain}
.topSlider .item.on a {background:#e7e7e7}
.topSlider .item.on a img{background:url(../images/quan.png)no-repeat center;background-size:contain}

.portalResProduct_category {float:left;width:280px; margin-top:30px;}
.p_problemCategory {float:left;width:100%;text-align:center;background:#236ba2;color:#fff;height:50px;line-height:50px;margin-bottom:0px;cursor:pointer;}
.pcpCate {float:left;width:100%;background:#fff;padding:18px;background:#236ba2}
.pcpCate p {float:left;width:100%;color:#fff;font-weight:bold;font-size:20px;margin:15px 0}
.pcpCate ul {float:left;width:100%;margin:0;padding:0;background:#fff;}
.pcpCate ul li{float:left;width:100%;margin:0;padding:0;border-bottom:1px solid #f3f3f3;line-height:1.6;overflow:hidden;}
.pcpCate ul li a{color:#666;padding:0.1rem 15px;display:block;width:100%;height:100%;background:#fff; display:flex;}
.pcpCate ul li a i {float:left;width:0px;height:2px;background:#236ba2;display:block;margin-top:.1rem;-webkit-transition: all 1s; transition: all 1s;}
.pcpCate ul li a span {float:left;}
.pcpCate ul li a:hover{background:#f3f3f3;color:#333;}
.pcpCate ul li a:hover i {width:15px;margin-right:5px;}
.pcpCate ul li.on a{background:#f3f3f3;color:#333;}
.pcpCate ul li.on i{width:15px;margin-right:5px;}

@media (max-width: 767px){
    .topContent{margin-top:20px;}
    .topContent h3{font-size:18px;}
    .topContent p{font-size:14px;margin:.4rem 0 .5rem;line-height:24px;margin-bottom:20px}

}

#ulBrother {display:none}

.portalResProduct_list {float:right;width:calc(100% - 310px);margin-top:30px;}
.listPosi {float:left;width:100%;background:#f5f5f5;height:60px;line-height:60px;padding:0 20px;}
.listPosi h2{float:left;font-size:18px;line-height:60px;}
.listPosi .div {float:right;background:url(../images/location.png) no-repeat left center;padding-left:28px;position:relative;color:#000;font-size:14px;}
.listPosi .div a{text-decoration:underline;color:#000}
.listPosi .div a:hover{color:#236ba2}
@media (max-width: 767px){
    .listPosi {display:none}
    .listPosi .div {font-size:12px;margin-top:0;margin-bottom:10px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec;margin-top:-10px;color:#000}
    .listPosi .div a{color:#000}
}

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

.pcpItem {float:left;width: calc((100% - 75px) / 4); margin-right:25px;margin-bottom:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
.pcpItem:nth-child(4n) {margin-right:0;}
.pcpItem a {width:100%;display:block;}
.pcpItem .img {float:left;width:100%;overflow:hidden;}
.pcpItem .img img {transition: all 1s;_transition: all 1s;}
.pcpItem .txtBox {float:left;width:100%;padding:20px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem .txtBox .proTitle {float:left;width:100%;margin:10px 0}
.pcpItem .txtBox .proTitle h3{float:left;width:calc(100% - 30px);font-size:14px;line-height:30px;height:30px;overflow:hidden;color:#666}
.pcpItem .txtBox .proTitle span{float:left;width:30px;height:30px;display:block;background:url(../images/eye.png);background-position:30px 0px;}
.pcpItem .txtBox .line {width:30px;float:right;border-bottom:1px solid #999;margin-top:5px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem a:hover .img img{transform: scale(1.1);}
.pcpItem a:hover .txtBox{background:#236ba2}
.pcpItem a:hover .txtBox h3{color:#fff;}
.pcpItem a:hover .txtBox span{background:url(../images/eye.png);background-position:0px 0px;}
.pcpItem a:hover .line{width:100%;border-bottom:1px solid #fff;}

.pcpCate2 {margin-top:.3rem;}
.iCon {float:left;width:100%;padding:18px;background:url(../images/tel.png) no-repeat left center;padding-left:63px;border-bottom:1px solid #f8f8f8} 
.iCon strong{font-size:18px;float:left;width:100%;} 
.iCon p{font-size:14px;float:left;width:100%;line-height:24px;color:#707070;word-break:break-all} 
.portalResProduct_category .iCon:last-child {background:url(../images/email.png) no-repeat left center;}

@media (max-width: 767px){
    .pcpMain {padding:22px 15px;}
    .portalResProduct_category {float:left;width:100%;display:none}
    .portalResProduct_list {float:left;width:100%;margin-top:0;}
    .pcpCate {display:none}
    .pcpCate2 {display:none}

    .pcpItem {float:left;width: calc((100% - 12px) / 2); margin-right:12px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:12px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:0}
    .pcpItem .txtBox .proTitle h3{float:left;width:100%;font-size:14px;line-height:20px;height:40px;overflow:hidden;}
    .pcpItem .txtBox .proTitle span {display:none}
    .pcpItem .txtBox .line {width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .portalResProduct_category {float:left;width:100%;display:none}
    .portalResProduct_list {float:left;width:100%}
    .pcpCate p {font-size:18px;margin:15px 0}

    .pcpCate ul li a:hover i {width:0px;margin-right:0px;}
    .pcpCate ul li.on i{width:0px;margin-right:0px;}

    .pcpItem {float:left;width: calc((100% - 20px) / 2); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:20px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcpItem {float:left;width: calc((100% - 30px) / 2); margin-right:30px;margin-bottom:20px;}
    .pcpItem:nth-child(2n) {margin-right:0;}

    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .pcpItem {width: calc((100% - 40px) / 3);margin-right:20px;}
    .pcpItem:nth-child(4n) {margin-right:20px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}

    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .pcpItem {width: calc((100% - 40px) / 3);margin-right:20px;}
    .pcpItem:nth-child(4n) {margin-right:20px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}

    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .pcpItem {width: calc((100% - 50px) / 3);}
    .pcpItem:nth-child(4n) {margin-right:25px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}
}




.prodetails{}
.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: #236ba2;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: .24rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;margin:.2rem 0}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #236ba2}

.prodetails .one{background: #fff;margin-bottom: .2rem;}
.prodetails .one .btn-box a{font-size: .2rem;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: #236ba2;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #236ba2}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .28rem;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: 60%;padding-bottom:0}
.prodetails .one .swiperbtn{width: 20%;}
.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: #236ba2}
.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{background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}
}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;line-height:20px;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%}

	.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 0;}
    .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 10px !important; text-align:left; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:14px; }
.text-content table td:nth-child(1){ width:140px;}
.text-content table td p{display:block; margin:0;word-break:break-all;width:100%;}
.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}
/*.text-content p {word-break:break-all;}*/
.text-content .con img {max-width:100%;}
.text-content > p > span > strong {font-size:18px;color:#548dd4;margin-bottom:5px;}

@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
}

@media (max-width: 767px){
    .text-content table{width:810px !important; }
}

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

.dlm {float:left;width:70%;}
.dlr {float:left;width:29%;padding-left:1%;}
.dlr .p1 {float:left;width:100%;font-size:.26rem;font-weight:bold;margin-top:.3rem;border-bottom:1px solid #ececec;padding-bottom:.2rem;margin-bottom:.2rem}
.dlr .p2 {float:left;width:100%;font-size:16px;line-height:.32rem}
.dlr .p3 {float:left;width:100%;margin-top:20px;}


@media (max-width: 767px){
    .dlm {float:left;width:100%;}
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-6 {padding:0;}
    #fh5co-contact .row {margin:0;}
}
@media (min-width: 768px) and (max-width: 991px){
    .dlm {float:left;width:100%;}
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-6 {padding:0;}
    .dlr {display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
    
}
@media (min-width: 1200px) and (max-width: 1280px) {
    
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .dlr {float:left;width:28%;padding-left:2%;}
    .dlr .p2 {font-size:14px;}   
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .dlr {float:left;width:28%;padding-left:2%;}
    .dlr .p2 {font-size:14px;}
}


.divXG {float:left;width:100%;}
.divXG .pcpItem{float:left;width:100%;margin:0}


@media screen and (max-width: 860px) {
    .pcshow{display: none!important;}
    .mbshow {display: block!important;}
}

.about-detail{position: relative;width:100%;height:580px; float:left;overflow:hidden;margin-top:-400px;z-index:-2}
.about-detail .img {position:absolute;left:0;top:0;z-index:-1}
.divSm10 {padding-top:450px;}
.divSm10 .dl{float:left;}
.divSm10 .dl .item{float:left;margin-right:1.22rem}
.divSm10 .dl .item strong{float:left;font-size:18px;color:#333;font-weight:bold;position:relative;}
.divSm10 .dl .item .shu{float:left; width:.83rem;height:2px;background:#e0e0e0;display:block;margin-left:15px;margin-right:15px;margin-top:10px;}
.divSm10 .dl .item .num{float:left;margin-top:-20px;}
.divSm10 .dl .item .num span{float:left;font-size:.36rem;color:#236ba2;font-family:"Montserrat"}
.divSm10 .dl .item .num i{float:left;font-size:18px;color:#000;font-weight:bold;margin-left:10px;}
.divSm10 .dl .item .num b{float:left;font-size:12px;color:#000;margin-left:5px;margin-top:20px;}
.divSm10 .dl .item:nth-child(2) span {color:#fd6845}

.divSm10 .dr{float:right;margin-top:-10px;}
.divSm10 .dr a{float:left;font-size:.3rem;color:#333;background:url(../images/vp.jpg) no-repeat left center;background-size:contain; padding-left:60px;}


@media (max-width: 767px){
    .divSm10 .dr{display:none}
    .divSm10 .dl .item{float:left;margin-right:0;width:100%;margin-bottom:20px;}
    .divSm10 .dl .item .num{float:left;margin-top:-10px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm10 .dl .item{float:left;margin-right:0;width:100%;margin-bottom:20px;}
    .divSm10 .dr{float:right;margin-top:-70px;}
    .divSm10 .dl .item .num{float:left;margin-top:-10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .divSm10 .dl .item:nth-child(2) {margin-right:0;}
   .divSm10 .dl .item{float:left;margin-right:.55rem}
   .divSm10 .dl .item .num{float:left;margin-top:-15px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
   .divSm10 .dl .item .num{float:left;margin-top:-15px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
   .divSm10 .dl .item .num{float:left;margin-top:-15px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
   .divSm10 .dl .item .num{float:left;margin-top:-15px;}
}


.divSm9 {float:left;width:100%;}
.divSm9 .divFm1 {float:left;width:38.5%;padding-left:8%;}
.divSm9 .divFm1 .dmTit {float:left;width:100%;margin-top:1.3rem}
.divSm9 .divFm1 .dmTit .p1 {font-size:16px;color:#9b9b9b;font-family:"Montserrat";letter-spacing:5px;line-height:.5rem;text-transform:uppercase}
.divSm9 .divFm1 .dmTit .p2 {font-size:.52rem;color:#236ba2;line-height:.52rem;}
.divSm9 .divFm1 .dmCon {float:left;width:100%;margin-top:1.2rem}
.divSm9 .divFm1 .dmCon .sl {float:left;}
.divSm9 .divFm1 .dmCon .divVideo {float:left;width:100%;margin-top:.5rem} 

.divSm9 .divFm2 {float:left;width:61.5%;background:url(../images/104.jpg) no-repeat;background-size:cover;}
.divSm9 .divFm2 div.Con {float:left;background:#fff;width:80%;font-size:16px;color:#666;line-height:36px;padding:.65rem 1.08rem .8rem 1.05rem;margin-top:2.8rem}

@media (max-width: 767px) {
    .divSm9 .divFm1 {float:left;width:100%;padding:0px 15px;}
    .divSm9 .divFm1 .dmTit {margin-top:20px}
    .divSm9 .divFm1 .dmCon {margin-top:20px}
    .divSm9 .divFm1 .dmTit .p2 {font-size:30px;}
    .divSm9 .divFm2 {width:100%;background:url(../images/104.jpg) no-repeat;background-size:cover;margin-top:20px;}
    .divSm9 .divFm2 div.Con {width:100%;font-size:14px;line-height:28px;padding:0 15px;margin-top:0px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm9 .divFm1 .dmCon .divVideo img{width:100%;} 
    .divSm9 .divFm1 {float:left;width:100%;padding:0px 15px;}
    .divSm9 .divFm1 .dmTit {margin-top:20px}
    .divSm9 .divFm1 .dmCon {margin-top:20px}
    .divSm9 .divFm2 {width:100%;background:url(../images/104.jpg) no-repeat;background-size:cover;margin-top:20px;}
    .divSm9 .divFm2 div.Con {width:100%;font-size:14px;line-height:28px;padding:0 15px;margin-top:0px}
    .divSm9 .divFm2 div.Con {float:left;background:#fff;width:80%;font-size:14px;color:#666;line-height:30px;padding:.45rem 0.58rem .2rem 0.35rem;margin-top:1.8rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm9 .divFm2 div.Con {float:left;background:#fff;width:80%;font-size:14px;color:#666;line-height:30px;padding:.45rem 0.58rem .2rem 0.35rem;margin-top:1.8rem}
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .divSm9 .divFm2 div.Con {font-size:14px;line-height:30px;padding:.75rem 1rem .3rem 1rem;margin-top:2.8rem}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divSm9 .divFm2 div.Con {line-height:32px;padding:.75rem 1rem .3rem 1rem;margin-top:2.8rem}
}


/*����*/
.divCE {float:left;width:100%;margin-top:.3rem;padding-bottom:.5rem;}
.divCE .item a{float:left;width:100%;height:100%;display:block;background:url(../images/ceTitle.png) no-repeat top center #f5f5f5;}
.divCE .item a img {float:left;width:100%;padding:1.15rem .6rem 0 .6rem}
.divCE .item a p {float:left;width:100%;text-align:center;font-size:18px;color:#333;line-height:.78rem;height:.78rem;overflow:hidden;padding:0 15px;}
@media (max-width: 767px){
    .divCE {padding-bottom:35px;}
    .divCE .title{font-size:20px;line-height:1.2rem;height:1.2rem;}
    .divCE .item a img {padding:30px 15px 0 15px}
    .divCE .item a p {font-size:14px;}
}


.themelist {padding:0;float:left;width:100%;}
.themelist li { width:calc((100% - 60px) / 4); float: left; margin-right:20px; margin-bottom: 30px;}
.themelist li:nth-child(4n+4) { margin-right: 0; }
.themeimg { position: relative; overflow: hidden; }
.themeimg img { display: block; width: 100%; height: auto; line-height: 0; transition: 0.68s; }
.themeimg span { display: block; line-height: 1.4; padding: 8px 25px; text-align: center; position: absolute; left: 0; top: 0; z-index: 5; background: #666; color: #fff; font-size: 14px; font-weight: bold; }

.themeimg mark { display: block; width: 200%; height: 100%; position: absolute; left: -250%; top: 0; z-index: 3; background: #4c5b70; filter: alpha(opacity=90); background: rgba(76, 91, 112,0.9); transition: 0.76s cubic-bezier(.215,.61,.355,1); -webkit-transition: 0.76s cubic-bezier(.215,.61,.355,1); transform: skewX(45deg); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); }
.themeimg b { display: block; width: 100%; text-align: center; line-height: 1; color: #fff; font-size: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; z-index: 5; font-weight: normal; opacity: 0; visibility: hidden; transition: 0.4s; }
.themedown { padding: 32px 19px 10px; background: #fff; }
.themedown strong { display: block; line-height: 1; color: #323232; font-size:16px; line-height:24px;height:48px;overflow:hidden; font-weight: normal;text-align: center; font-weight: normal; }
.themedown p { color: #646464; font-size: 14px; text-align: center; line-height: 1.2; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; white-space: nowrap; overflow: hidden; margin-bottom: 16px; }
.themedown time { display: block; text-align: center; color: #969696; font-size: 13px; line-height: 1; text-transform: uppercase }
.themelist li:hover .themeimg mark { left: -50%; }
.themelist li:hover .themeimg b { opacity: 1; visibility: visible; }
.themelist li:hover .themeimg img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.theme-mobileNav { background-color: #a0a0a0; text-align: center; overflow-y: auto; line-height: 0; -webkit-overflow-scrolling: touch; display: none; }
.theme-mobileNav ul { display: inline-flex; -webkit-display: inline-flex; float: left; }
.theme-mobileNav li a { display: block; color: #ffffff; font-size: 14px; position: relative; height: 50px; line-height: 50px; padding: 0 20px; white-space: nowrap; }
.theme-mobileNav a.active { background: #1367be; transition: 0.58s 0.2s; }