.index .topbar-wrap, .index .footer{background: -webkit-linear-gradient(left,#2d71d6,#153f7d);  
background: -o-linear-gradient(left,#2d71d6,#153f7d);  
background: -mos-linear-gradient(left,#2d71d6,#153f7d);  
background: -moz-linear-gradient(left,#2d71d6,#153f7d);  
background: linear-gradient(left,#2d71d6,#153f7d);}
.index .topbar-icon, .index .search-box input[type="submit"]{background-image: url(../images/icon/topbar_white.png);}
.index .search-box .topbar-icon{display: none;} 
.index .search-box input[type="text"]{color: #fff;}
.index .search-box{margin-right: 10px; background: rgba(255,255,255,.5);}
.index .search-box input[type="text"]{width: 82% !important; padding: 10px 5px 10px 15px !important;}
@media (max-width: 1460px){
.search-box.show input[type="text"]{width: 75%;}
.index .search-box input[type="text"]{width: 75% !important;}
}
@media (max-width: 1300px){
.search-box.show input[type="text"]{width: 70%;}
.index .search-box input[type="text"]{width: 70% !important;}
}
@media (max-width: 1199px){
.search-box.show input[type="text"]{width: 80%; padding-left: 5px;}
.index .search-box input[type="text"]{width: 80% !important; padding-left: 5px !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
.topbar-wrap >.weui-cell .weui-cell__ft{width: 40px;}
}
@media (max-width: 991px){
.index .topbar-wrap{background: none;}
.index .search-box{background: #f3f3f3;}
.index .search-box input[type="text"]{width: 92% !important; color: #2e2e2e;}
.index .topbar-icon, .index .search-box input[type="submit"]{background-image: url(../images/icon/topbar_gray.png);}
}
@media (max-width: 639px){.index .search-box input[type="text"]{width: 80% !important;}}

.idx-banner-swiper .weui-cell{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.idx-banner-swiper h2{position: relative; margin: 0 0 40px; padding: 10px 0; max-width: 50%; display: inline-block; line-height: 1.2; color: #fff; font-size: 3.125vw; font-weight: bold; text-shadow: 0 9px 16px rgba(0,0,0,.14);}
.idx-banner-swiper h2::after{position: absolute; display: block; content: ""; left: 0; right: 0; bottom: 0; height: 3px; background: #fff; -webkit-box-shadow: 0 9px 16px rgba(0,0,0,.14); box-shadow: 0 9px 16px rgba(0,0,0,.14); -webkit-transition: all .3s; transition: all .3s;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: auto; top: 50%; left: 5.7%; margin-top: 3.125vw; padding-left: 10px; width: auto;}
@media (max-width: 1199px){
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets{left: 6.5%;}
.idx-banner-swiper h2{font-size: 5vw;}
}
@media (max-width: 991px){.idx-banner-swiper h2{max-width: 100%;}}
.idx-banner .swiper-pagination-bullet{width: auto; height: auto; background: none; color: #fff; opacity: .5; font-size: 18px;}
.idx-banner .swiper-pagination-bullet-active{opacity: 1;}
.idx-banner .swiper-pagination::before{position: absolute; display: block; content: ""; left: 0; top: 50%; width: 10px; height: 2px; background: #fff;}

.idx-news{position: absolute; z-index: 11; right: 2.4%; top: 0; width: 21.703%; color: #fff;}
.idx-news-cont{padding: .3rem .35rem 0; background: rgba(0,0,0,.32);}
.idx-news-tab{height: 30px;} 
.idx-news-tab a{display: inline-block; margin-right: 15px; font-size: 14px; line-height: 30px; color: #fff;}
.idx-news-tab a.on{font-size: 16px; font-weight: bold;}
.idx-news-item{padding: 8px; display: block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.2) !important; color: #fff; font-size: 14px; line-height: 30px;}
.idx-news-item h6{margin: 0; font-size: 16px; color: #fff; line-height: 30px;}
.idx-news-item .weui-cell__hd{width: 60px; font-size: 16px; color: #fff;}
.idx-news-ft svg{position: absolute; left: 0; top: 0;}
.idx-news-ft a{position: relative; display: block; margin: .2rem auto .3rem; width: 30px; height: 30px; font-size: 16px; color: #fff; text-align: center; line-height: 30px; background: rgba(255,255,255,.08); -webkit-border-radius: 10px; border-radius: 10px;}
.idx-news-ft a::before, .idx-news-ft a::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; background: #fff; -webkit-transition: all .3s; transition: all .3s;}
.idx-news-ft a::before{width: 9px; height: 1px; margin-left: -4px;}
.idx-news-ft a::after{width: 1px; height: 9px; margin-top: -4px;}
@media (min-width: 992px) and (max-width: 1400px){.idx-news-item:nth-of-type(8),.idx-news-item:nth-of-type(7),.idx-news-item:nth-of-type(6){display: none;}}
@media (min-width: 992px) and (max-width: 1199px){.idx-news{width: 35%; margin-right: 50px;}}
@media (max-width: 991px){
.idx-news{position: static; width: 100%; background: #fff;}
.idx-news-tab{margin-bottom: 10px;}
.idx-news-tab a{color: #333; font-size: 16px;}
.idx-news-tab a.on{font-size: 18px;}
.idx-news-cont{margin-top: 0 !important; background: none;}
.idx-news-item{float: left; width: 50%; border-bottom: 1px solid rgba(0,0,0,.1) !important;}
.idx-news-item:nth-of-type(2n-1){padding-right: 15px;}
.idx-news-item:nth-of-type(2n){padding-left: 15px;}
.idx-news-item .weui-cell__hd{color: #666;}
.idx-news-item h6{color: #666;}
.idx-news-ft svg{display: none;}
.idx-news-ft a{margin-top: 30px; margin-bottom: 40px; background: rgba(0,0,0,.1);}
.idx-news-ft a::before, .idx-news-ft a::after{background: #666;}
}
@media (max-width: 639px){.idx-news-item{float: none; width: 100%; padding: 8px !important;}}
@media (min-width: 1200px){
.idx-news-item:hover{opacity: .5;}
.idx-news-ft a:hover::before, .idx-news-ft a:hover::after{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}

.subnav{padding: .15rem 15px; background: #2c61b7;}
.subnav a{display: inline-block; padding: 8px .25rem; line-height: 20px; font-size: 16px; font-weight: normal; color: #fff; opacity: .5; -webkit-transition: all .3s; transition: all .3s;}
.subnav a.on{opacity: 1;}
.subnav.spec a{padding-left: .1rem; padding-right: .1rem;}
.subnav.spec span{color: #fff; opacity: .5;}
@media (min-width: 1200px){.subnav a:hover{opacity: 1;}}
@media (max-width: 414px){.subnav a{padding-left: .1rem; padding-right: .1rem;}}

/* about */
.bgimg .cover{top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center center; background-size: cover;}
.about-title::before{position: absolute; display: block; content: "";}
.about-title h2 span{display: block; font-family: "PingFang"; font-size: .48rem; font-weight: lighter;}
.about-title p{font-family: "PingFang SC"; font-size: 24px; font-weight: bold;}
.citybox{margin: 4.5vw 0;}
.citybox-cover{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #fff;}
@-webkit-keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
@keyframes scaleCover{
0%{-webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
100%{-webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;}
}
.scaleCover {
  -webkit-animation-name: scaleCover;
  animation-name: scaleCover;
}
@media (max-width: 1400px){.about-title p{font-size: 16px;}}
.aboutus{position: relative; overflow: hidden;} 
.aboutus .article{margin-bottom: 3.2vw; padding: 10px 0; font-size: 14px; line-height: 32px;}
.aboutus .article h4{margin-bottom: 1.5vw; font-family: "PingFang SC"; font-weight: bold; line-height: 36px;}
.about1 .container-fluid{padding-top: 6vw; padding-bottom: 8vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.about1 .bgimg{top: 0; right: 0; bottom: 0; left: 0;}
.about1 .about-title::before{left: -15px; top: .25rem; width: 22%; height: 1px; }
.about1 .anchor a{display: block; padding: .1rem 0; color: #fff; font-size: 16px; line-height: 30px;}
.about1 .anchor a i{top: -5px; display: inline-block; margin-right: 12px; width: 13px; height: 1px; background: #fff;}
.about1 .anchor a i::after{position: absolute; right: 0; top: 50%; margin-top: -5px; display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.about2{padding: 8vw 0;}
.about2 .bgimg{top: 0; bottom: 0; left: 0; width: 27.74%;}
.about2 .about-title{left: -4%;}
.about2 .ff-din{font-size: .48rem;}
.about2 .weui-flex{padding: 3.2vw 0;}
.about2 .weui-flex i{position: absolute; display: block; width: 107%; height: 1px; background: #8f8f8f;}
.about2 .weui-flex i:nth-of-type(1){left: -25%; top: 0;}
.about2 .weui-flex i:nth-of-type(2){right: -40%; bottom: 0;}
.about3{padding: 6vw 15px; background: #f5f5f5;}
.about3 .bgimg{top: 0; bottom: 0; right: 0; width: 29.322%;}
.about3 .about-title{background: #f6f6f6; padding: 10px 0;}
.about3 .article{margin-top: 10px; font-size: 16px; line-height: 36px;}
.about4{padding-top: 7vw;}
.about4 .article{margin-bottom: 0; padding-top: 3vw; font-size: 16px; line-height: 36px;}
@media (min-width: 640px){
.about3{padding: 12vw 0 ;}
.about3 .row >.col-xs-12:nth-of-type(2){left: -6%;}
.about3 >i{position: absolute; display: block; content: ""; top: 0; left: 6%; bottom: 0; width: 2px; background: #dbdbdb;}
}
@media (min-width: 992px){.about3 >i{left: 9.8%;}}
@media (min-width: 1200px){
.about1 .anchor a:hover i{width: 26px;}
.about3 .row >.col-xs-12:nth-of-type(2){width: 37%;}
}
@media (max-width: 639px){
.citybox >img{max-width: none; width: 200%; margin-left: -50%;}
.about4 .col-sm-10{padding: 15px 30px;}
}

/* recruit */
.recruit .about-title{padding: 5vw 0 3.3vw;}
.recruit .swiper-slide{width: 4.12rem; height: 6.74rem; cursor: pointer;}
.recruit .weui-cell{z-index: 1; margin-top: .8rem; margin-left: .25rem; margin-right: .25rem; height: 4.92rem; padding: .4rem; background: #eff1f4; color: #333;}
.recruit dl{margin: 0 0 .4rem 0; padding: 0;}
.recruit dt, .recruit dd, .recruit .weui-cell__bd >h3, .recruit .seemore i, .recruit .seemore a{-webkit-transition: all .3s; transition: all .3s;}
.recruit .weui-cell__bd >h3{margin-bottom: .7rem; font-size: .36rem;}
.recruit dt{font-size: 14px; color: #999;}
.recruit dd{margin-bottom: .28rem; font-size: 18px;}
.recruit .seemore i{position: absolute; left: -.4rem; top: 50%; right: 35%; height: 1px; background: #d1d8dd;}
.recruit .seemore a{position: relative; display: inline-block; letter-spacing: 2px; line-height: 30px; font-size: 14px; color:  #b6bfc7;z-index: 11;}
.recruit .blur{margin: -.15rem 9% 0; height: .3rem; background: rgba(0,0,0,.1);}
.recruit .swiper-slide-active{width: 4.74rem;}
.recruit .swiper-slide-active .weui-cell{margin-top: 0; height: 6.44rem; background: #569aff; color: #fff;}
.recruit .swiper-slide-active .weui-cell__bd >h3{margin-bottom: 1.1rem; font-size: .48rem;}
.recruit .swiper-slide-active dt, .recruit .swiper-slide-active dd, .recruit .swiper-slide-active .weui-cell__bd >h3, .recruit .swiper-slide-active .seemore a{color: #fff;}
.recruit .swiper-slide-active dl{margin-bottom: .6rem;}
.recruit .swiper-slide-active .seemore i{right: 30%; background: #8dc3ff;}

/* speech */
.speech .about-title::before{width: 8%;}
.speech .row{width: 100%;}
.speech-box .article{font-size: 16px; line-height: 36px;}
.speech-box div.text-right img{display: inline;}
.speech-box .col-lg-7{margin-top: 4vw;}
.speech-box .col-lg-4{margin-top: -15%;}
@media (min-width: 1200px){.speech-box .col-lg-7{width: 54%;}}
@media (max-width: 991px){
.speech-box .col-lg-7{width: 100%;}
.speech-box .col-lg-4{width: 100%; margin-top: 0;}
}

/* contact */
.query{position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 22.7%; height: 100%; background: #fff;}
.query-hd{height: 50%;}
.query-hd::after{position: absolute; display: block; content: ""; left: 36px; right: 45px; bottom: 0; height: 1px; background: #dedede;}
.query-hd .about-title{margin-top: 3vw;}
.query-hd .article h4{margin-top: 4vw; margin-bottom: 18px;}
.query-hd .article p{font-size: 14px; line-height: 24px; color: #666;}
.query-box{position: absolute; left: 0; right: 0; bottom: 0; top: 50%; height: 50%;}
.query-box .item, .query-hd{padding: 10px 45px 0 36px;}
.query-box .item h6{color: #000; font-size: 16px; font-weight: bold;}
.query-box .item p{margin-top: 8px; margin-bottom: 13px; color: #666; font-size: 14px; line-height: 24px;}
.query-box .item:first-child{padding-top: .4rem;}
.map{height: 88vh;}
.map img{display: inline; max-width: none;}
.anchorBL{display: none;}
@media (max-width: 1500px){.query{width: 33%;}}
@media (max-width: 1366px){.map{height: 92vh;}}
@media (max-width: 1199px) and (min-height: 1024px) {.map{height: 77vh;}}
@media (max-width: 1199px) and (min-height: 1200px) {.map{height: 60vh;}}
@media (max-width: 1199px){.query{width: 40%;}}
@media (max-width: 767px){
.query{position: static; height: auto; width: 100%;}
.query-hd{height: auto;}
.query-box{position: static; height: 40vh;}
.map{height: 40vh;}
}

/* news */
.news-title{padding-top: .4rem; padding-bottom: .2rem; border-bottom: 1px solid #dedede;}
.news-title h1{margin-bottom: 18px; font-size: .36rem; line-height: 1.2;}
.news-title p{font-size: 18px;}
.news-article{margin: .5rem 17.5%; font-size: 18px; line-height: 36px; color: #444;}
.news-article img{margin: 0 auto;}
@media (max-width: 1199px){.news-article{margin-left: 10%; margin-right: 10%;}}
@media (max-width: 991px){.news-article{margin-left: 5%; margin-right: 5%;}}
@media (max-width: 639px){.news-article{font-size: 16px; line-height: 30px;}}
.industry .about-title::before{left: auto; right: -45px; top: .3rem;}
.industry a{margin-top: 1.8vw; margin-bottom: 1.8vw; display: block; color: #fff; line-height: 22px;}
.industry .weui-cell__hd{width: 1.2rem; font-size: 16px;}
.industry h5{height: 22px; margin-top: 0; font-size: 16px; line-height: 22px;}
.industry p{opacity: .5; height: 44px;}
.industry .swiper-button-white, .group .swiper-button-black{position: relative; top: auto; right: auto; left: auto; display: inline-block; margin-left: 20px; margin-top: 20px; width: .6rem; height: .6rem; border: 1px solid #fff; background-size: .11rem .19rem;}
.industry .swiper-button-white::before, .group .swiper-button-black::before{position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.industry .swiper-button-white::after, .group .swiper-button-black::after{position: absolute; display: block; content: ""; margin-top: -.06rem; top: 50%; left: 50%; width: .12rem; height: .12rem; border-top: 1px solid #2c61b7; border-right: 1px solid #2c61b7; opacity: 0; -webkit-transition: all .3s; transform: all .3s;}
.industry .swiper-button-prev::after, .group .swiper-button-prev::after{margin-left: -.02rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.industry .swiper-button-next::after, .group .swiper-button-next::after{margin-left: -.08rem; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.group{background: #ededed;}
.group .about-title{margin-top: 7.4vw;}
.group .about-title::before{width: 46%;}
.group .swiper-button-black{margin-left: 0; margin-right: 20px; border-color: #858585;}
.group .swiper-button-black::before{background: rgba(133,133,133,0);}
.group .swiper-button-black::after{border-color: #fff;}
.group .swiper-slide::before{position: absolute; display: block; content: ""; top: 0; left: 0; bottom: 0; width: 1px; background: #dedede;}
.group-item{padding: 7.4vw .52rem 9.4vw;}
.group-item .day{margin-bottom: .4rem; font-size: .6rem;}
.group-item .date{font-size: 18px;}
.group-item .line2{line-height: 24px; height: 48px;}
.group-item .linellae{margin-top: .23rem; margin-bottom: .25rem;}
.group-item .seemore{display: block; margin-top: .9rem; padding-left: 0; color: #131313;}
@media (max-width: 991px){.industry .about-title{top: -.2rem;}}
@media (max-width: 767px){
.about1 .industry{display: block;}
.industry .col-24x{margin-left: 0; margin-right: 0;}
.industry .weui-cell__hd{width: 1.6rem;}
.industry .about-title::before{top: .25rem; width: 36%;}
.industry .col-xs-12 .text-right{width: 100%; text-align: center;}
.industry .col-xs-12 .about-title::before{display: none;}
.industry .swiper-button-white{margin: 40px 10px 0;}
.group .about-title{margin-bottom: 20px; text-align: center;}
.group .about-title::before{width: 36%;}
.group .swiper-button-black{margin: 40px 10px;}
}
@media (min-width: 992px){
.industry a{width: 48%;}
.industry a:nth-of-type(2n){margin-left: 4%;}
.industry .about-title::before{top: .55rem; width: 35%;}
}
@media (min-width: 1200px){
.industry a{width: 42.5%;}
.industry a:nth-of-type(2n){margin-left: 15%;}
.industry .col-md-offset-2{margin-left: 19.666667%;}
.industry .about-title::before{top: .5rem; width: 30%;}
.industry .swiper-button-white:hover, .group .swiper-button-black:hover{opacity: 1;}
.industry .swiper-button-white:hover::before, .group .swiper-button-black:hover::before{background: rgba(255,255,255,1); -webkit-transform: scale(1); transform: scale(1);}
.group .swiper-button-black:hover::before{background: rgba(133,133,133,1)}
.industry .swiper-button-white:hover::after, .group .swiper-button-black:hover::after{opacity: 1;}
.group-item .seemore:hover{padding-left: 10px; color: #2c61b7;}
.group .col-md-3{width: 28%;}
.group .col-md-9{width: 72%;}
}


/* society */
.partner{padding-top: 5vw;}
.partner ul{margin: 0; padding: 2.5vw 15px 8.4vw;}
.partner ul li{float: left; padding: 10px 0; width: 14.28%;}
.partner ul li img{margin: 0 auto; width: 160px;}
.society1 .about-title{margin-top: 4.5vw;}
.society1 .about-title::before{left:  auto; right: -14%; margin-right: -45px; width: 76%;}
.society1 >.col-sm-4 .article{margin-top: 3.5vw; margin-bottom: 20px; padding-right: 5%; font-size: 18px; line-height: 32px;}
.society1 .swiper-container-vertical>.swiper-pagination-bullets{left: auto; right: .27rem; top: .4rem; bottom: auto; width: auto; -webkit-transform: translate(0); transform: translate(0);}
.society1 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display: block; margin: .14rem; background: #fff; width: .12rem; height: .12rem; -webkit-transition: all .3s; transition: all .3s;}
.society1 .swiper-slide{height: 100%; background: no-repeat center center; background-size: cover;}
.society2-hd{position: absolute; left: 0; top: 0; width: 43%; height: 14.7vw; background: #3892e6;}
.society2-hd h6{margin-top: 2.5vw; font-size: .48rem; font-weight: lighter;}
.society2-hd p{font-size: 18px;}
.society2{position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex;}
.society2 .about-title, .society4 .about-title{padding-top: 5.4vw; padding-bottom: .2rem;}
.society2 .about-title::before, .society4 .about-title::before{left: 5%; top: 0; width: 1px; height: 5vw;}
.society2 .col-sm-7{margin-top: 0; background: #2f485f;}
.society2 .f78{font-size: .78rem; font-weight: lighter;}
.society2 .f30{position: relative; top: -.45rem; margin-left: 3px; font-size: .3rem; font-weight: lighter;}
.society2 .weui-flex{height: 100%; padding: 0.7vw 8% 0;}
.society2 .weui-flex__item >div{display: inline-block; text-align: left;}
.society2 .weui-flex__item p{font-size: .24rem; font-weight: lighter;}
.society3{z-index: 1;}
.society3 h2, .society4 h2{font-size: .48rem; font-weight: lighter; line-height: 1.4; color: #333;}
.society3 h2{padding-bottom: .2rem;}
.society3 .article, .society4 .article{font-size: 18px; line-height: 32px;}
.society3 .col-sm-offset-1{padding: 3vw 0 3.8vw;}
.society3 .article{max-height: 84%; padding-right: 5%; overflow-y: auto;}
.society3 h4{margin-top: .4rem; color: #333; font-weight: bold;}
.society3 .imgbox img{max-width: none; width: 110%; margin-left: -10%;}
.society3 .imgbox i{position: absolute; display: block; left: -10%; top: 0; width: 10%; background: #3892e6;}
.society3 .article::-webkit-scrollbar-track, .society1 >.col-sm-4 .article::-webkit-scrollbar-track{background-color: rgba(0,0,0,.1); -webkit-border-radius: 3px; border-radius: 3px;}
.society3 .article::-webkit-scrollbar, .society1 >.col-sm-4 .article::-webkit-scrollbar{width: 3px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgba(0,0,0,.1);}
.society3 .article::-webkit-scrollbar-thumb, .society1 >.col-sm-4 .article::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2); -webkit-border-radius: 3px; border-radius: 3px;}

@media (max-width: 1700px){.society3 .article{max-height: 70%;}}
@media (max-width: 1199px){
.partner ul li img{width: 80px;}
.society1 >.col-sm-4 .article, .society3 .article, .society4 .article{font-size: 16px;}
.society1 >.col-sm-4 .article{max-height: 96px; overflow-y: auto;}
.society2-hd h6{font-size: .4rem; margin-top: 1.5vw;}
.society4 .about1{width: 72%;}
}
@media (max-width: 991px){
.society1 >.col-sm-4 .article{max-height: 64px;}
.society1 .about-title::before{width: 60%;}
.society2-hd h6{font-size: .3rem;}
.society2-hd p{font-size: 14px;}
.society3 .article{max-height: 56%;}
}
@media (max-width: 767px){
.society1 .about-title::before{width: 86%;}
.society1 >.col-sm-4 .article{max-height: none;}
.society2{display: block;}
.society2 .about-title, .society4 .about-title{padding-top: 12vw;}
.society2 .about-title::before, .society4 .about-title::before{height: 12vw;}
.society2 .col-sm-7{margin-top: 0;}
.society2-hd{height: auto; width: 50%;}
.society2-hd h6{margin-bottom: 5px; font-size: 22px;}
.society2 .weui-flex{padding: 25vw 15px 10vw;}
.society2 .f78{font-size: .6rem;}
.society2 .f30{top: -.3rem;}
.society3 .col-sm-offset-1{height: auto !important;}
.society3 .article{max-height: auto;}
.society3 .imgbox img{max-width: 100%; width: auto; margin-left: auto;}
.society3 h2, .society3 .article, .society4 h2, .society4 .article{padding-left:15px; padding-right: 15px;}
.society4 .about1{padding-left: 0; padding-right: 0; width: 100%;}
.society4 .about-title::before{margin-left: 15px;}
}
@media (min-width: 1200px){
.society1 .about1{margin-left: 14%; width: 74%;}
.society2 .about1{margin-left: 12%; width: 74%;}
.society3 .col-sm-offset-1{margin-left: 12%; width: 74%;}
.society4 .about1{margin-left: 12%; width: 64%;}
}

/* coreteam */
.coreteam{
	width: 80%;
}

.coreteam .col-md-4{
	margin-top: 30px;
}
.core-item{
	background: #f2f2f2;
	padding: .2rem;
	height: 5.2rem;
}
.core-head img{
	width: 1.9rem;
	height: auto;
	margin: 0 auto;
}
.core-name{
  font-size: .22rem;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  text-align: center;
  margin-top: .2rem;
  margin-bottom: .1rem;
}
.core-content p{
  font-size: .14rem;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  text-align: left;
}
@media (max-width: 767px){
	.coreteam{width: 91.2%;}
}

/* join */
.join-box .about-title{padding: 5vw 0 3.3vw;}
.left-blue{
	width: 2.62rem;
	height: 100%;
	position: absolute;
	left: 0;
	background: #2c61b7;
}


.join-box .container .col-md-6{
	height: 7.44rem;
}
.join-content{
	padding-right: 2.6rem;
	padding-left: .5rem;
	margin-top: 2.4rem;
}
.join-content h2{
	position: relative;
  font-size: 36px;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  text-align: right;
  margin-bottom: 40px;
}
.join-content p{
  font-size: 14px;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  text-align: left;
    line-height: 2.286;
}
.join-content h2:after{
   content: "";
   width: 1px;
   height: 2.05rem;
   background: #6a6a6a;
   position: absolute;
   right: 90px;
   top: -2.6rem;
}

.bottom-blue{
	position: absolute;
	right: 0;
	bottom: 1rem;
	background: #2c61b7;
	width: 5rem;
	height: .16rem;
}

.join-prev,.join-next{
	position: absolute;
	top: 40%;
	z-index: 100;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.joinswiper{
	padding-top: 0.6rem;
}
.join-prev{left: 0;background:url(../images/joinprev.png)}
.join-next{right: 0;background:url(../images/joinnext.png)}
.joinimg{
	margin: 0 auto;
}
@media  (max-width: 767px){
	.join-content h2{text-align: center;}
	
}
@media  (max-width: 991px){
	.join-content h2:after{display: none;}
}
@media  (max-width: 1200px){
	.join-content{padding: 0;}
}

@media (min-width: 1201px) and (max-width: 1600px){
	.join-content{padding-right: 1.2rem;}
}

/*video*/
.video-box .about-title{padding: 5vw 0 3.3vw;}
.video-box .container{width: 73%;}
.video-title h2{
  font-size: .3rem;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
}
.video-box .container .col-md-4{
	padding: 0;
}
.video-title p{
 position: relative;
  font-size: .18rem;
  font-family: "PingFangSC";
  color: rgb(153, 153, 153);
}

.video-title p:after{
	 content: "";
	width: 1.2rem;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #d3d8dd;
	height: 1px;
	-webkit-transition: all 0.35s linear; transition: all 0.35s linear;
}


.video-content{
	margin-top: 0.2rem;
}
.video-content p{
  font-size:.16rem;
  font-family: "PingFangSC";
  color: rgb(182, 191, 199);
    line-height: 1.5;
}
.video-item{
	padding: 10px;
	padding-bottom: .5rem;
}

@media  (max-width: 1200px){
	.video-box .container{width: 86%;}
}
.videobtn{
	text-align: center;
}
.videobtn>div{display: inline-block;}
.videobtn .swiper-button-prev,.videobtn .swiper-button-next{
    width: 32px!important;
	height: 20px!important;
	position: relative!important;
}
.videobtn .swiper-button-prev{
	background: url(../images/videoprev.png) 0 0 no-repeat!important;
	cursor: pointer;
}
.videobtn .swiper-button-next{
	background: url(../images/videonext.png) 0 0 no-repeat!important;
	cursor: pointer;
}

.video-box .pagination {
    position: relative;
    display: inline-block;
    width: 100px;
    font-size: 22px;
    color:#cccccc;
    margin: 0;
    bottom: 4px;
}

.video-box .swiper-pagination-current {
    color: black;
}

.play-video{
	cursor: pointer;
}


.layout-video{
	    display: none;
    position: fixed;
    z-index: 1000000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.layout-video-close{
	    position: fixed;
    z-index: 10;
    right: 25%;
    top: 8%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.layout-video-cont {
    position: fixed;
    left: 25%;
    top: 15%;
    width: 50%;
    height: 70%;
    background: #000;
    overflow: hidden;
}

.layout-video-close::before, .layout-video-close::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-left: -13px; width: 26px; height: 2px; background: #fff;}
.layout-video-close::before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.layout-video-close::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.layout-video-cont{position: fixed; left: 25%; top: 15%; width: 50%; height: 70%; background: #000; overflow: hidden;}
.layout-video-close:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
@media (max-width: 1199px){
.layout-video-close{right: 15%;}
.layout-video-cont{left: 15%; width: 70%;}
}
@media (max-width: 639px){
.layout-video-close{right: 0; top: 15px;}
.layout-video-cont{left: 0; top: 0; width: 100%; height: 100%;}
}

 .video-box1 .video-item{
position:relative;top:0;}

 .video-box1 .video-item:hover{
top:-10px;   
}
/*customer*/
.customer .video-item:hover p:after{
	width: 100%;
	background: #5ba6f5;
	height: 3px;
}
.customer .video-item:hover .show-hide{
	background:rgba(0,0,0,0.4)
}
.customer .video-item:hover .show-hide p{
	opacity: 1;
}
.show-hide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
}
.customer .video-item .show-hide p{
	padding: 0 25px;
 opacity: 0;
  font-size: .16rem;
  font-family: "PingFangSC";
  color: rgb(255, 255, 255);
  line-height: 1.5;
  position: absolute;
  bottom: 32%;
  left: 0;
  right: 0;
  margin: auto;
}

.customer .video-item .imgbox img{margin: 0 auto;}

/*customer-detail*/
.detail-box .container{
	width: 72%;
	padding: 0.5rem 0;
}

.detail-left img{
	margin: 0 auto;
}
.detail-right{
	padding-top:.2rem;
	padding-left: .4rem;
}
.detail-right h2{
  font-size: .36rem;
  font-family: "SourceHanSansCN";
  color: rgb(69, 70, 73);
  font-weight: bold;
  line-height: 2.291;
  /*margin-bottom: .4rem;*/
}

.detail-right h4{
  font-size: .163rem;
  font-family: "PingFangSC";
  color: rgb(153, 153, 153);
  line-height: 1.2;
  margin-top: .7rem;
  margin-bottom: .5rem;
}

.detail-right p{
  font-size: .16rem;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  line-height: 1.5;
}

@media  (max-width: 1200px){
	.detail-right{padding: 0;}
	.detail-box .container{width: 90%;}
}

/*shareholder*/
.title-content{
	width: 70%;
	margin: 1rem auto;
  font-size: .16rem;
  font-family: "PingFangSC";
  color: rgb(68, 68, 68);
  line-height: 2.25;
  text-align: center;
  font-weight: normal!important;
}
.shareholder .about-title{padding: 5vw 0 3.3vw;}
.shareholder-body,.holder-name{
	background:#f2f2f2;
}
.shareholder-body .detail-right h4{
  font-size: .18rem;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
}

.shareholder-body .detail-right p{
  font-size: .16rem;
  font-family: "SourceHanSansCN";
  color: rgb(102, 102, 102);
    line-height: 2.25;
}

.shareholder .container{
	width: 72%;
}
.shareholder .holder-item{
	padding: 1rem 0;
}
.shareholder .holder-item:not(:last-child){
	border-bottom: 1px solid #b3b3b3;
}
.shareholder .ourteam p{
  font-size: 3.65rem;
  font-family: "SourceHanSansCN";
  color: rgba(234, 239, 241, 0.6);
  font-weight: bold;
}

.holder-swiper-item:hover .show-hide{
	opacity: 1;
}

.holder-swiper-item:hover .holder-name{
	opacity: 0;
}
.holder-img img{
	width: 100%;
}
.holder-name{
	margin-top: 10px;
	padding: 10px;
	position: relative;
	z-index: 100;
}
.holder-name span:nth-of-type(1){
  font-size: .18rem;
  font-family: "SourceHanSansCN";
  color: rgb(68, 68, 68);
  font-weight: bold;
}
.holder-name span:nth-of-type(2){
  font-size: .14rem;
  font-family: "SourceHanSansCN";
  color: rgb(68, 68, 68);

}
.holder-name img{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	cursor: pointer;
}
.holder-swiper-item{
	position: relative;
}
.holder-swiper-item .show-hide{
	background:rgba(44,97,183,0.8);
	opacity: 0;
	z-index: 105
}

.holder-swiper .col-md-6{
	margin-top: 20px;
}
.holder-swiper .swiper-button-next,.holder-swiper .swiper-button-prev{
	width: 46px;
	height: 29px;
}
.holder-swiper .swiper-button-next{
	background: url(../images/holder-next.png) no-repeat;
	right:-50px;
}

.holder-swiper .swiper-button-prev{
	background: url(../images/holder-prev.png) no-repeat;
	left:-50px;
}
.holder-swiper-item .show-hide h2{
  font-size: .24rem;
  font-family: "SourceHanSansCN";
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.holder-swiper-item .show-hide p{
  font-size: .14rem;
  font-family: "SourceHanSansCN";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 2.286;
}

.holder-swiper-item .show-hide p:nth-of-type(1){
	margin-bottom: .3rem;
}
.holder-swiper-item .show-hide{padding: .35rem .35rem 0;}
.holder-swiper-item .show-hide img{
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	margin: auto;
}
.holder-pagination{
	position: relative!important;
	width: 100%;
	margin: .5rem 0;
}
.holder-pagination .swiper-pagination-bullet{
	border-radius: 0;
	width: 30px;
	height: 4px;
	margin: 10px;
}

@media (max-width: 1700px){

    .holder-swiper-item .show-hide{
    	padding: 0;
    }

    .holder-swiper-item .show-hide p:nth-of-type(1){
    	margin-bottom: .1rem;
    }
}


/*map*/
.mapdiv{
	background:#f2f2f2;
	padding: 1rem 0;
}
.mapdiv .container .map-item{
	background: white;
	margin-bottom: .3rem;
	padding: .4rem;
	cursor: pointer;
}

.mapdiv .container .map-item:hover{
	box-shadow: 1px 1px 1px 1px;
}
/*.mapdiv .container{
	width: 80%;

}*/
.map-item .map-content h2{
  font-size: .35rem;
  font-family: "PingFangSC";
  color: rgb(51, 51, 51);
  margin-bottom: .2rem;
}
.map-item .map-content p{
  font-size: .14rem;
  font-family: "PingFangSC";
  color: rgb(102, 102, 102);
  line-height: 1.714;
  text-align: left;
}

.zongbu{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(0,0,0,0.8);
	 color: rgb(255, 255, 255);
	 padding: .5rem;
	 padding-right: 2rem;
}

.zongbu h2{
  font-size: .35rem;
  font-family: "PingFangSC";
  margin-bottom: 30px;
}

.zongbu p{
  font-size: .16rem;
    font-family: "PingFangSC";
}

/* @media  (max-width: 639px){

	.mapdiv{
		padding: .2rem 0;
	}
	.zongbu{padding: 0;}
} */

@media  (min-width: 639px){

.mapdiv .col-md-6 .col-sm-5 img{height:2.22rem;margin:0 auto}
}

@media (min-width:992px) and (max-width:1140px){
.detail-right h2{line-height:1;margin-top:0;}
}
@media  (max-width: 639px){
.shareholder .container{width:90%;}
.title-content{width:96%;text-indent:2em;text-align:left;}
.detail-right h4{margin:.2rem 0;}
.detail-right h2{line-height:1}
}