@charset "utf-8";
/* CSS Document */
#banner { position: relative; overflow: hidden; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; border-radius: 50%; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: -100px; background: rgba(255, 255, 255, 0.2) url('../testimg/arrow-left.png') no-repeat center center; background-size: 50px; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: -100px; background: rgba(255, 255, 255, 0.2) url('../testimg/arrow-right.png') no-repeat center center; background-size: 50px;}
#banner .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background-color: #e7bc01;}
#banner .owl-theme .owl-dots { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#banner .owl-theme .owl-dots .owl-dot { width: 12px; height: 12px; margin: 5px; }
#banner .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; background: #fff; border-radius: 50%; opacity: 0.5;}
#banner .owl-theme .owl-dots .owl-dot.active span, #banner .owl-theme .owl-dots .owl-dot:hover span { opacity:1; }

section .title{ font-size: 36px; color: #333; line-height: 50px; text-align: center; font-weight: bold;}
.Aboutus{ padding: 100px 0;}
.Aboutus .left{ float: left; width: 42.5%; position: relative;}
.Aboutus .right{ position: relative; float: right; width: 50%; padding-bottom: 35px;}
.Aboutus .about-img2{ float: right;}
.Aboutus .about-img1{ position: absolute; right: 52%; bottom: 0; }
.about-logo{ position: absolute; left: -30px; top: 60px; z-index: 1;}
.Aboutus h2{ margin-top: 165px; position: relative; z-index: 2; font-size: 36px; color: #333; line-height: 50px; margin-bottom: 20px;} 
.Aboutus p{ font-size: 16px; color: #333; line-height: 30px; text-align: justify;}
.Aboutus .more-link{ margin-top: 50px; display: block; width: 150px; height: 50px; font-size: 16px; color: #fff; line-height: 50px; text-align: center; background-color: #edb100; border-radius: 25px; transition: all 0.3s linear;}
.Aboutus .more-link:hover{ background-color: #055ae1;}

.service-vs{ position: relative;}
.service-vs .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column; z-index: 2;}
.service-vs .text .container{  display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column; z-index: 2;}
.service-vs .text .cont{ width: 650px; height: 330px; padding: 50px; border-radius: 30px; background-color: rgba(5, 90, 225, 0.9); display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
.service-vs .text .cont h2{ font-size: 36px; color: #fff; line-height: 50px; font-weight: 500;}
.service-vs .text .cont p{ font-size: 16px; color: #fff; opacity: 0.7; text-align: center; line-height: 2; margin: 20px 0 40px;}
.service-vs .text .cont .more-link{ font-size: 16px; color: #fff; width: 150px; line-height: 46px; border-radius: 25px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.5); transition: all 0.3s linear;}
.service-vs .text .cont .more-link:hover{ background-color: #edb100; border-color: #edb100;}
.vs .left,.vs .right{ width: 50%; position: relative;}
.vs .vs-txt{ position: absolute; z-index: 1; left: 50%; bottom: 30px; font-size: 14px; color: #fff; background-color: rgba(255, 255, 255, 0.2); line-height: 28px; text-align: center; padding: 0 20px 0 40px; border-radius: 14px; }
.vs .vs-txt::before{ position: absolute; left: 20px; top: 9px; display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #edb100;}
.vs img{ width: 100%; }

.case{ padding: 100px 0;}
.case .title{ font-size: 36px; color: #333; line-height: 50px; text-align: center;}
.case-owl{ margin: 30px 0 50px; position: relative;}
.case .more-link{ display: block; margin: 30px auto 0; font-size: 16px; color: #333; width: 150px; line-height: 46px; border-radius: 25px; text-align: center; border: 2px solid rgba(0, 0, 0, 0.2); transition: all 0.3s linear}
.case .more-link:hover{ background-color: #edb100; border-color: #edb100; color: #fff;}

.partner{ background-color: #f5f7fb; padding: 100px 0;}
.partner .container{ width: 100%; }
.partnermain{ position: relative; margin-top: 40px;}
.partnermain .imgBj{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none;}
.partnermain .swiper-slide .pic{ margin: 6px 0; border-radius: 5px;}
.partnermain .list .swiper-container .swiper-wrapper{ transition-timing-function: linear; -webkit-transition-timing-function: linear;}

.activity{ display: block; position: fixed; left: 0; bottom: 0; z-index: 90; width: 100%; background:#727476 url(../testimg/banbg.png) no-repeat center; background: auto 100px;}
.activity .container{ padding: 25px 0; }
.activity .close-btn{ position: absolute; right: 0; top: 0; width: 40px; cursor: pointer;}
.activity .left{ float: left; width: 50%;}
.activity .left p{ font-size: 24px; color: #fff; line-height: 50px; text-align: left;}
.activity .right{ float: right; width: 50%;}
.activity .form-item{ float: left; border: 1px solid #fff; margin-left: 20px; border-radius: 25px; overflow: hidden;}
.activity .form-item select{ display: block; height: 48px; border: none; font-size: 16px; color: #fff; text-align: left; padding: 0 15px; width: 160px; background: rgba(114, 106, 106, 0.5); border-radius: 25px; outline: none;}
.activity .form-item .tel{ float: left; width: 240px;  display: block; padding-left: 20px;  font-size: 16px; color: #fff; line-height: 48px; background: none;}
.activity .form-item .mfyy-btn{ margin: 0; line-height: 48px; border: none;}
.activity .form-item .tel::-moz-placeholder{ color: #fff;}
.activity .form-item .tel::-ms-input-placeholder{ color: #fff;}
.activity .form-item .tel::-webkit-input-placeholder{ color: #fff;}

@media (min-width: 1200px) { 
    body{padding-top: 80px; padding-bottom: 100px;}

    #banner .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 10px; opacity: 1; filter: alpha(opacity=100); }
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 10px; opacity: 1; filter: alpha(opacity=100); }
}

@media (max-width: 1360px) {
    #banner .owl-theme .owl-dots .owl-dot { width: 10px; }
    #banner .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
}

@media (max-width: 1200px) {
    .activity .left{ width: 40%;}
    .activity .right{ width: 60%;}
    .activity .left p{ font-size: 18px;}
}

@media (max-width: 1025px) {
    .Aboutus{ position: relative; padding: 20px 0; }
    .Aboutus .left,.Aboutus .right{  width: 100%;}
    .about-logo{ left: 0; top: 0; width: 80px;}
    .Aboutus h2{ font-size: 20px; line-height: 40px; margin-bottom: 10px; margin-left: 90px; margin-top: 40px;}
    .Aboutus p{ font-size: 14px; line-height: 1.5;}
    .Aboutus .more-link{ margin-top: 20px;}
    .Aboutus .about-img1{ position: relative; margin-top: 20px; top: 0; right: 0; width: 100%;}
    .Aboutus .about-img2{ display: none;}

    .vs .left, .vs .right{ width: 100%;}
    .service-vs .text{ position: relative; }
    .service-vs .text .cont{ width: 100%; height: auto; position: relative; padding: 0; background: none;}
    .service-vs .text .cont h2{ font-size: 20px; color: #000;}
    .service-vs .text .cont p{ font-size: 12px; margin: 10px auto; color: #000; text-align: left;}
    .service-vs .text .cont .more-link{ color: #edb100; position: absolute; bottom: 0; right: 0; border: none; text-decoration: underline;}

    .service,.case,.partner{padding: 30px 0;}
    .case .title,section .title{ font-size: 20px; line-height: 1.6;}
    
    .activity { display: none; background-color: #727376;}
    .activity .container{ padding: 10px; position: relative;}
    .activity .left,.activity .right{ width: 100%;}
    .activity .left p{ font-size: 14px; line-height: 40px;}
    .activity.activity .form-item{  margin: 10px 0 0; width: 100%;}
    .activity .form-item select,.activity .form-item .tel{ line-height: 38px; height: 38px; width: 100%; font-size: 14px;}
    .activity .form-item .mfyy-btn{ width: 120px; background-position: left 10px center; position: absolute; top: 10px; right: 10px; line-height: 40px; height: 40px;}
}

@media (max-width: 800px) {

  
}

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

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

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