* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;}
body {margin: 0 auto;font-family: "SourceHanSansCN", "microsoft yahei", arial, helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;color: #333;}
.bold{font-family: 'SourceHanSansCN-Bold';font-weight: bold;}
::selection { color: #fff; background: #6360F7; }
img {border: none; vertical-align: middle; max-width: 100%;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
embed, video, iframe { max-width: 100%; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input, textarea, select {font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none;font-family: 'SourceHanSansCN';}
input:focus, textarea:focus, select:focus { outline: none; }
textarea { resize: none; }
.h1, .h2, .h3, h1, h2, h3{margin: 0;padding: 0;font-weight: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
a {text-decoration: none;color: #333;outline: none;display: inline-block;}
a:hover,a.active,a:focus {color: #0077C9;text-decoration: none;transition: 0.5s ease-in-out;}
a:hover {text-decoration: none;color: #0077C9;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
button {-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;text-decoration: none;background-color: transparent;border: 0;cursor: pointer;}
embed, video, iframe {max-width: 100%;}
.mar0{margin: 0 !important;}.padd0{padding: 0 !important;}
.iconfont{font-size: 20px; text-align: center; line-height: 1; }
.flo-left{float: left;}.flo-right{float: right;}.clear{clear: both;}
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.fix { *zoom: 1; }
.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.posi-rela{position: relative;}.posi-abso{position: absolute;}.posi-fix{position: fixed;}
.text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;}
.m-error { display: block; font-size: 14px;color: #FF0000;line-height: 18px;text-align: left;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.flex {display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
.block{display: block;}.inblock{display: inline-block;}

/* common */
.header { width: 100%; height: 84px; background: rgba(255, 255, 255,0); position: fixed; top: 0; left: 0; z-index: 1000;}
.header>.flex { height: 100%; align-items: center;}
.header .big-wrap{width:1280px;margin:0 auto;}
.header .header-logo { display: flex; align-items: center;}
.header .logo {display:block; height: 49px; float: left;}
.header .logo2 {display:none; height: 49px; float: left;}
.header .navbar { flex: 1; text-align: right; height: 100%;}
.header .navbar .nav-item { display: inline-block; height: 100%; position: relative;}
.header .navbar .nav-item .a1{ display: inline-block; margin: 0 5px; padding: 0 5px; height: 38px; font-size: 16px; line-height: 34px; color: #fff; position: relative; margin-top:27px;font-weight:bold;}
.header .navbar .nav-item { color: #333; }
.header .navbar .nav-item .icon { font-size: 12px; color: #333; position: absolute; right: 13px; top: 12px;}
.header .navbar .nav-item:hover>a {color:#fd6418;}
.header .navbar .nav-item.active>a {color:#fd6418;}
.header .navbar .nav-item .subnav{display:none;width:150px;background: #fff;text-align: center;position: absolute;top:70px;left:9px;padding:10px 0;border-bottom:solid 2px #1b3c79;}
.header .navbar .nav-item .subnav a{display: block;width:100%;line-height:16px;font-size:14px;padding:5px 0;}
.header .navbar .nav-item .subnav a:hover{color:#1b3c79;}
.header .navbar .nav-item .subnav2{width:150px;}
.header .navbar .lang{color:#fff;font-size:14px;margin-left:15px;}
.header .navbar .lang a{padding:0;font-size:14px;color:#fff;}
.header .navbar .lang a:hover{color:#fd6418;}
.header .navbar .sbnav-list{position:absolute;display:none;box-sizing:border-box;background: #FFFFFF;border-radius: 5px; padding: 14px 0; text-align: center;}
.header .navbar .show {display:block}
.header .navbar .sbnav-wp{box-sizing:border-box;background-color:#fff}
.header .navbar .sbnav-list1{top: 100%;left:50%;width:170px; margin-left: -85px;}
.header .navbar .sbnav-list2{top:0;left:100%;width:170px}
.header .navbar .sbnav-list3{top:0;right:100%;width:170px}
.header .navbar .sbnav-item{position:relative}
.header .navbar .sbnav-item > a{position:relative;display:block;margin-left:13px;margin-right:13px;line-height:35px;font-size:18px;font-size:1.8rem;color:#333;text-align:center}
.header .navbar .sbnav-item > a:hover,.header .sbnav-item > a.active{color:#0077C9}
.header .navbar .nav-item > a:hover+.sbnav-list{display:block}
.header .navbar .sbnav-item > a:hover+.sbnav-list{display:block}
.header .get-plan { padding: 0 21px; height: 39px;background: #0077C9;border-radius: 20px; font-size: 18px; color: #FFFFFF; line-height: 39px; margin-left: 27px; text-align: center;}
.header .search { margin-top: 42px; width: 28px;height: 36px; border-radius: 50%; color: #333; line-height: 36px; text-align: center; position: relative;}
.header .search i.icon { font-size: 18px; cursor: pointer;}
.header .search .search-box { display: none; position: absolute; top: 38px; right: 0; z-index: 999; width: 260px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); padding: 10px 10px; cursor: pointer;}
.header .search .search-box input { font-size: 14px; color: #333;}
.header .search .search-box i.icon { color: #333;}
.header2{background: rgba(255, 255, 255,1);}
.header2 .logo {display:none; height: 49px; float: left;}
.header2 .logo2 {display:block; height: 49px; float: left;}
.header2 .navbar .nav-item .a1{color:#000;}
.header2 .navbar .lang{color:#000;}
.header2 .navbar .lang a{color:#000;}
.mobile-box{display: none}
.footer{padding-top:80px;overflow:hidden;background:#1c3c79;}
.ft-inner{overflow:hidden;}
.ft-menu{float:left;width:640px;height:300px;overflow:hidden;border-right:#225f8e solid 1px;}
.ft-menu dl{float:left;width:33.33%;}
.ft-menu dt{height:28px;line-height:28px;font-size:24px;color:#fff;overflow:hidden;}
.ft-menu dt a{color:#fff;transition:all 0.5s;}
.ft-menu dt a:hover{letter-spacing:2px;}
.ft-menu dd{padding-top:40px;overflow:hidden;}
.ft-menu dd a{display:block;height:35px;line-height:35px;font-size:15px;color:#eee;}
.ft-menu dd a:hover{color:#fff;}
.ft-info{float:right;overflow:hidden;}
.ft-info .tel{padding-left:25px;text-align:left;line-height:36px;overflow:hidden;}
.ft-info .tel span{font-size:18px;color:#fff;vertical-align:middle;}
.ft-info .QRcode{margin-top:26px;overflow:hidden;}
.ft-info .QRcode .item{float:left;margin-left:20px;padding:15px;width:265px;overflow:hidden;background:#fff;}
.ft-info .QRcode .pic{float:left;padding-right:18px;width:115px;border-right:#eee solid 1px;}
.ft-info .QRcode .pic img{width:130px;}
.ft-info .QRcode .text{padding-left:16px;line-height:1.3;overflow:hidden;}
.ft-info .QRcode .text span{display:block;font-size:20px;color:#000;}
.ft-info .QRcode .text small{display:block;font-size:16px;color:#666;}
.ft-info .QRcode .text i{display:block;margin-top:8px;width:22px;height:22px;}
.ft-info .QRcode .item-1{margin-left:0;}
.ft-info .QRcode .item-1 .text i{background:url(../images/footer_icon_wx.png) no-repeat 0 center;}
.ft-info .address{padding-top:30px;padding-bottom:15px;overflow:hidden;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.ft-info .address p{padding-right:20px;line-height:30px;font-size:14px;color:#fff;background:url(../images/Common/address.png) no-repeat 0 center;}
.ft-info .address p:first-of-type{font-size:18px;}
.ft-info .ft-logo{margin:36px auto 0;width:154px;}
.ft-info .ft-logo img{display:block;width:100%;}
.copyright{margin-top:10px;padding:15px 0;line-height:25px;font-size:14px;overflow:hidden;}
.copyright .fl{color:#fff;}
.copyright .fl span{display:inline-block;}
.copyright .fl a{color:#fff;}
.copyright .fl a:hover{color:#eee;}
.flinks{padding:15px 0;line-height:25px;font-size:14px;color:#fff;overflow:hidden;border-top:#225f8e solid 1px;}
.flinks dt{float:left;}
.flinks dt a{color:#fff;}
.flinks dd{padding-left:15px;overflow:hidden;}
.flinks dd a{color:#fff;}
.flinks dd a:after{margin:0 15px;content:"|";}
.flinks dd a:last-child:after{display:none;}
.flinks dt a:hover,.flinks dd a:hover{color:#fff;}
.flinks dd a:hover:after{color:#fff;}
.ph{display:none;}
@media(max-width:960px){
  .ph{display:block;}
  .header{height:65px;}
  .header .header-logo{margin-left:10px;}
  .header .logo{height: 39px;}
  .header2 .logo2{height: 39px;}
  .navbar{display: none;}
  span.mulu{position: absolute;top:20px;right:17px;}
  .nav_ph{width:100%;position: fixed;height: 100%;top:64px;right:0;background: rgba(0,0,0,0.9);z-index: 999;display:none;}
  .nav_ph .yi{width:100%;line-height: 20px;padding:10px 5% 7px 0;border-bottom:solid 1px #999;text-align: right;}
  .nav_ph .yi a{display: block;width:100%;font-size:16px;color:#fff; }
  .nav_ph .yi .down{display:none;padding:12px 7px;}
  .nav_ph .yi .down a{display: block;width:100%;line-height:28px;font-size:14px;color:#eee;}
  .nav_ph a span{font-size:12px;}
  .banner{height: 555px !important;}
  .banner .swiper-slide a{background-size:120% auto !important;}
  .aboutus{padding:35px 7px 0 !important;}
  .wrapper{width:100% !important;}
  .wrap-title{margin-bottom:10px !important;}
  .aboutus .inner{height: auto !important;padding-bottom:30px;}
  .aboutus .menu{position:static;display: none;}
  .aboutus .video{width:100% !important;height:auto !important;}
  .aboutus .text{width:100% !important;height: auto !important;margin-top:17px !important;margin-right: 0 !important;}
  .aboutus .text:after{display: none !important;}
  .ser_ind{padding:35px 0 !important;}
  .ser_ind .ser_box .ul{margin-top:25px !important;}
  .ser_ind .ser_box dl{width:100% !important;margin-right:0 !important;margin-bottom:15px;}
  .ad_ind1,.ad_ind2{height: 386px !important;}
  .ad_ind1 a,.ad_ind2 a{background-size: 125% auto !important;}
  .footer{padding-top:0 !important;}
  .footer .ft-inner,.flinks{display: none;}

}

@media screen and (max-width: 769px) {
  .banner{height: 450px !important;}
  .ad_ind1,.ad_ind2{height: 310px !important;}

}
@media screen and (max-width: 426px) {
  .banner{height: 235px !important;}
  .ad_ind1,.ad_ind2{height: 173px !important;}

}
body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #c1c1c1;
  box-shadow: inset 0 0 5px #c1c1c1;
  background: #c1c1c1;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  border-radius: 0;
  background: rgba(193,193,193,0.1);
}