@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, blockquote, textarea, p, th, td, table, em, b, span, samp {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑",Microsoft YaHei,Arial, Helvetica, sans-serif;
  
 
}


img {
  vertical-align: middle;
  border: none;
}

ol, ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

a:focus {
  outline: none;
  -moz-outline: none;
}

input {
  outline: none;
}
input:focus{outline:none;}

table {
  border-collapse: collapse;
}

.Arial {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.Number, .English {
  font-family: Helvetica,Microsoft YaHei, "微软雅黑",Arial, sans-serif;
}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
  font-weight: normal;
}

.clear {
  clear: both;
}


@media only screen and (max-width: 750px), only screen and (max-device-width:750px) {html,body{font-size:20px;}}
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {html,body{font-size:19.2px;}}
@media only screen and (max-width: 640px), only screen and (max-device-width:640px) {html,body{font-size:17.07px;}}
@media only screen and (max-width: 600px), only screen and (max-device-width:600px) {html,body{font-size:16px;}}
@media only screen and (max-width: 540px), only screen and (max-device-width:540px) {html,body{font-size:14.4px;}}
@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {html,body{font-size:12.8px;}}
@media only screen and (max-width: 414px), only screen and (max-device-width:414px) {html,body{font-size:11.04px;}}
@media only screen and (max-width: 400px), only screen and (max-device-width:400px) {html,body{font-size:10.67px;}}
@media only screen and (max-width: 375px), only screen and (max-device-width:375px) {html,body{font-size:10px;}}
@media only screen and (max-width: 360px), only screen and (max-device-width:360px) {html,body{font-size:9.6px;}}
@media only screen and (max-width: 320px), only screen and (max-device-width:320px) {html,body{font-size:8.53px;}}
@media only screen and (max-width: 240px), only screen and (max-device-width:240px) {html,body{font-size:6.4px;}}

html{height:100%;}
.swiper-img{width:100%;}
.clearfix:after{content:'';width:0;height:0;overflow:hidden;clear:both;display: block;}
.fl{float:left;}
.fr{float:right;}

.col-fff{color:#fff;}
.col-333{color:#333;}
.col-808080{color:#808080;}

.fon-30{font-size:1.5rem;}
.fon-36{font-size:1.8rem;}
.fon-24{font-size:1.2rem;}

.lin-46{line-height:2.3rem;}

.text-center{text-align:center;}
body{
   transition: 0.6s all;
  -webkit-transition: 0.6s all;
  -o-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
}
/* -----------------------start------------------------ */
.head{position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:999999;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}
.phone-wrap{width:34.5rem;margin:0 auto;}
.phone-logo{height:3rem;margin:1.2rem 5.95rem 1rem 11rem;}
.hori-tri{width:3.25rem;height:2.2rem;margin-top:1.5rem;position:relative;}
.hori-tri img{width:100%;height:100%;}
.phone-tog{position:fixed;width:100%;top:0;right:-137.5rem;height:100%;z-index:9999;background-color:#276aaa;}
.phone-tog{
   transition: 0.6s all;
  -webkit-transition: 0.6s all;
  -o-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
}

.head-tog{width:100%;padding-top:10rem;}
.head-tog li{list-style-type:none;width:100%;border-bottom:1px solid rgba(98,159,217,0.7);}
.head-tog li a{display:block;padding:2.5rem;line-height:1.5rem;font-size:2rem;color:#fff;text-align:center;}
.head-close{position:absolute;right:0;top:0;margin:2rem;display:block;width:2.1rem;height:2.1rem;}
.head-close img{width:100%;height:100%;}

.banner{background:url('../images/bg.png') 100% 100% no-repeat;width:100%;height:19rem;margin-top:5rem;background-size:cover;position:relative;overflow:hidden;}
.phone-earth{position:absolute;width:11.5rem;height:11.5rem;bottom:-2.5rem;left:50%;margin-left:-5.75rem;z-index:0;}
.ban-p{color:#fff;font-size:1.5rem;line-height:2.6rem;width:20rem;margin:0 auto;text-align:center;padding-top:3.6rem;}

.content-text{background-color:#fff;padding:6rem 0 4.5rem;}
.content-text h2{font-weight:normal;margin-bottom:2.9rem;}
.content-text p{margin-top:1rem;}
.more-detail{width:17.4rem;margin:3.5rem auto 0;height:3.9rem;display:block;line-height:3.9rem;text-align:center;border:1px solid #999;color:#808080;font-size:1.4rem;}
.more-detail{ 
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -o-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -ms-transition: 0.1s all;
}
.more-detail:active{
    background: #3590e6;
    color:#fff;
    border:1px solid #3590e6;
}

.lunbo-part{background-color:#f9f9f9;padding:4.5rem 0 2rem;}
.ph-main-title{font-size:1.8rem;color:#333;font-weight:normal;text-align:center;}
.lb-img{width:26rem;height:8rem;margin:3.5rem auto 2rem;}
.lb-img img{width:100%;height:100%;}
.lb-subtitle{color:#666;font-size:1.5rem;text-align:center;}
.lb-text{color:#808080;font-size:1.2rem;line-height:1.8rem;margin:0.9rem 5.9rem 3rem;text-align:center;}
.swiper-button-prev{width:1rem!important;height:2rem!important;background-image:url('../images/ar-l.png')!important;background-size:100% 100%!important;left:1.5rem!important;}
.swiper-button-next{width:1rem!important;height:2rem!important;background-image:url('../images/ar-r.png')!important;background-size:100% 100%!important;right:1.5rem!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0!important;}

.customer-part{background-color:#fff;padding:4.5rem 0;}
.cus-box{width:100%;margin-top:2.85rem;}
.cus-box .cus-unit{float:left;width:8rem;height:3.15rem;border:1px solid #ccc;margin-left:0.7rem;margin-top:0.75rem;box-sizing:border-box;}
.cus-box .cus-unit:nth-child(4n+1){margin-left:0;}
.cus-box .cus-unit img{width:100%;height:100%;}

.footer{width:100%;background-color:#0c2033;padding:4.5rem 0;}
.ft-title{color:#fff;font-size:1.8rem;font-weight:normal;text-align:center;}
.company-name{color:#fff;font-size:1.5rem;text-align:left;margin:3.5rem 0 1.8rem;}
.contact-p{font-size:1.3rem;color:#ccc;line-height:2.8rem;text-align:left;letter-spacing:-0.3px;}
.foot-tel{color:#3180cb;text-decoration:underline;}


@media screen and (orientation: portrait) {
  /*竖屏 css*/
} 
@media screen and (orientation: landscape) {
  /*横屏 css*/
  .phone-tog{height:100%;overflow:auto;}
  .head-tog{width:100%;padding-top:4rem;padding-bottom:5rem;overflow:auto;height:200px;}
  .head-tog li{list-style-type:none;width:100%;border-bottom:1px solid rgba(98,159,217,0.7);}
  .head-tog li a{display:block;padding:2rem;line-height:1.5rem;font-size:1.5rem;color:#fff;text-align:center;}
  .head-close{position:absolute;right:0;top:0;margin:1.5rem;display:block;width:1.8rem;height:1.8rem;}
  .head-close img{width:100%;height:100%;}

  .banner{background:url('../images/bg.png') 100% 100% no-repeat;width:100%;height:19rem;margin-top:5rem;background-size:cover;position:relative;overflow:hidden;}
  .phone-earth{position:absolute;width:11.5rem;height:11.5rem;bottom:-2.5rem;left:50%;margin-left:-5.75rem;z-index:0;}

}