html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong,
sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article,
aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio,
video,input,select,button {margin:0;padding:0;font-family:'PingFang SC', 'Microsoft Yahei', Arial, Helvetica, sans-serif;-webkit-tap-highlight-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;}
html,body {height:100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.en {font-family: "Monospaced Number","Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif}
/*去除默认样式*/
ul,ol,li{list-style:none;}
/*表格边框合并，边框距零*/
table{border-collapse:collapse;border-spacing:0;}
/*继承父元素的字体系列样式*/
input,select,textarea,button{font-family:inherit;}
/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.cf{zoom:1;}
.cf:after{content:"";display:table;clear:both;overflow:hidden;}
/*a链接*/
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
/*去掉苹果的默认UI来渲染按钮*/
/* input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;} */
/*placeholder文本颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
/*html5标签*/
header,footer,section,article,aside,nav,figure{display:block;}
/*长英文字母 数字 换行*/
/* p{word-break:break-all;word-wrap:break-word;} */
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;}
fieldset, img{border:none;}
/*去除长按a链接弹框*/
html,body{-webkit-touch-callout:none;font-size:62.5%;}

/* 侧滑导航 */
#container {width: 100%;}
body.modal-open {position: fixed;width: 100%;}

.mask {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;display: none;}
.maskBox{position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);display: none;}
.maskBox div{position: absolute;width:100%;top:50%;text-align: center;}
.maskBox div img{width:20rem;height:20rem;}
.maskBox div p{margin-top:1rem;color:#fff;font-size: 1.4rem;}
.sidebar{position: fixed;z-index: 100000;width: 60%;height: 100%;top: 0;bottom: 0;display: inline-block;margin: 0px;left:-60%;overflow-y: scroll;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;background:rgb(0, 0, 0);}
.sidebar ul{width:100%;}
.sidebar ul li{width:100%;line-height:4rem;border-bottom:1px solid rgba(255,255,255,.08); overflow: hidden;}
.sidebar ul li a{width:100%;height: 100%;display: block;padding:0 2.2rem 0 1.8rem;}
.sidebar ul li a span{font-size: 1.4rem;color:rgba(255,255,255,1);}
.sidebar ul li a img{margin-top:1.7rem;}
.list{height:0;background:rgb(0, 0, 0);transition: height .5s;-moz-transition: height .5s;-webkit-transition: height .5s;-o-transition: height .5s;}
.list li{height:45px;}
.list li:last-child{border-bottom:0;}
.list li a span{color:rgba(255, 255, 255,0.5) !important;}
.rotate0 {transform:rotate(0deg);-webkit-transform: rotate(0deg);transition-delay: 0s;-webkit-transition-delay: 0s;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari 和 Chrome */transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
.rotate180 {transform:rotate(180deg);-webkit-transform: rotate(180deg);transition-delay: 0s;-webkit-transition-delay: 0s;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari 和 Chrome */transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
.slideLeft{transform: translate(0,0px);-webkit-transform: translate(0,0px);transition-delay: 0s;-webkit-transition-delay: 0s;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari 和 Chrome */transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
.slideRight{transform: translate(0px,0px);-webkit-transform: translate(100%,0);transition-delay: 0s;-webkit-transition-delay: 0s;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari 和 Chrome */transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
/* 导航 */
.nav{width:100%;height:4rem;position: absolute;top:0;z-index: 999;overflow: hidden;}
.nav a:nth-child(1){display: inline-block;padding:1.2rem 3rem 1rem 1.6rem;}
.nav a:nth-child(2){display: inline-block;padding:1.2rem 1.6rem 1rem 1.6rem;}
.nav a .logo{ width: 107px;  display: inline-block;}
.nav .menu{ width: 16px; display: inline-block;}
.nav.whiteNav{background:rgba(255,255,255,1);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.09);}
/* 底部申请咨询 */
.footerApply{width:100%;height:12rem;background:url(../../images/index/contact@2x.png) no-repeat;background-size: 100% 12.1rem;overflow: hidden;}
.footerApply p{font-size: 1.4rem;text-align: center;color:rgba(255,255,255,1);margin-top:2rem;}
.footerApply a{display: block;width:19rem;height:4rem;line-height: 4rem;border:1px solid #fff;border-radius: 2px ;margin:0 auto;margin-top:1.9rem;color:rgba(255,255,255,1);font-size: 1.6rem;text-align: center;}
/* 底部 */
.footer{width:100%;background:#000106;padding:0 25px;}

.footer img {
    margin-top: 25px;
}
.footer p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
}
.footer .add {
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* .footer .add a {
    line-height: 55px;
    display: block;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 35px;
    background: url(../../images_new/add.svg) left center no-repeat;
    background-size: 20px;
} */
/* .footer span {
    display: inline-block;
    padding-top: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    font-weight: 200;
} */


.footer .add ul li a{
    line-height: 55px;
    display: block;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 35px;
    background: url(../../images_new/add.svg) left center no-repeat;
    background-size: 20px;
}

.footer .add ul .list2 {
    display: none;
    transition: 0.3s;
}

.footer .add ul .list2 a {
    color: #646464;
    background-image: none;
}

.footer .copyRight span{
    font-size:12px;
    display: block;
    padding: 10px 0
}

/* 悬浮电话 */
.suspendPhone{width:5.4rem;height:5.4rem;background:rgba(110,127,148,.7);text-align: center;position: fixed;top:77%;right:1rem;margin-top:-2.7rem;display: none;}
.suspendPhone img{margin-top:1.3rem;}
/*二级页面头部*/
.topBox{width:100%;height:15rem;text-align: center;position: relative;overflow: hidden;}
.height230{height: 23rem;}
.height230 .title24{margin-top: 7.6rem;}
.topBox .topImg{width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;}
.title24{width: 100%;height:3.3rem;font-size:2.4rem;color:rgba(255,255,255,1);line-height:3.3rem;margin-top: 6.4rem;float: left;}
.title14{width: 100%;font-size: 1.4rem;color:rgba(255,255,255,1);line-height:2.5rem;padding: 0 1.6rem;float: left;margin-top: 0.4rem;  }
.title16{font-size:1.6rem;margin-top: 1.4rem;}
.center{text-align: center;}
.bolder{font-weight: bolder}
/*共用样式*/
/*字体大小*/
.ft12{font-size: 1.2rem;}
.ft14{font-size: 1.4rem;}
.ft16{font-size: 1.6rem;}
.ft18{font-size: 1.8rem;}
.ft20{font-size: 2rem;}
/*背景颜色*/
.bgColor248{background:rgba(248,250,255,1);}
.bgColorfff{background:#fff;}
.bgColorF8{background:#F8F8F8}
/*字体颜色*/
.ftColor00A0E9{color:#00A0E9;}
.ftColorfff{color:#fff;}
.ftColor555556{color:#555556;}
.ftColor373D41{color:#000;}
.ftColor333{color:#333333;}
.ftColor0695DA{color:#0695DA;}

.swiper-wrapper{height:auto;}
.swiper-pagination-bullet{width:3rem; height:0.2rem; margin:0 5px; background:rgb(0, 0, 0); border-radius: 0.3rem ;}
.swiper-slide a{display: block;position: relative;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

/*产品体验*/
.onlineask .experiencePage{width: 100%;height:270px;background:url(../../images/bg/productexperience_picture@2x.png) center no-repeat; background-size: cover}
.buynowBox{width: 100%;height:5.2rem;position: fixed;bottom:0;left:0;}
.buy1{background:#fff;width: 44.5%;height:100%;border-top: 1px solid rgba(178,178,178,.3);line-height: 5.2rem;color:rgba(52, 164, 215, 1);font-size: 1.6rem; }
.buy1 span{color: #6C6C6C;font-size: 1.2rem;}
.buy2{width: 55.5%;height:100%;background: #00A0E9;line-height: 5.2rem;}
.buy2 a{color: #fff;}
.zhuyi{background:#fff;width:100%;height:4rem;line-height:1.7rem;position: fixed;left:0;bottom:5.2rem;font-size: 1.2rem;color:rgba(52, 164, 215, 1);padding-left: 2rem;}
.experienceCon{padding-left: 2.5rem;margin-top: 1.6rem;}
.experienceCon .con{color: #6C6C6C;line-height: 2rem;margin-right: 2.5rem;}
.experienceCon .tb{color:rgba(52, 164, 215, 1);font-size: 1.8rem;font-weight: bolder;}
.onlineask .experiencePage p {color: #fff; font-size: 30px; line-height: 215px;}
.success {padding: 50px;}

.title1{line-height: 2.8rem;font-weight: bolder;margin-top: 2rem;margin-bottom: 1.5rem;}
.title2{margin-bottom: 2.5rem;}
.title2 a{color: #00A0E9;}
.btn{display: block;width: 100%;height: 4rem;line-height: 4rem;}
.continue{color: #00A0E9;}
.return{background:rgba(0,160,233,1);border-radius: 2px ;color: #fff;}

/*在线咨询*/
/* input,textarea{  -webkit-appearance: none;  } */
.onlineask .topBox{height: 18rem;position: relative;}
.onlineask .title24{margin-top:5rem}
.onlineask .title14{padding: 0;}
.onlineask .topBox .back{display: block;width: 3.2rem;height:3.2rem;background: rgba(216, 216, 216, 0.43);position: absolute;top:1rem;left:1.4rem;border-radius: 50%;}
.onlineask .topBox .back img{width: 0.9rem;margin-top: 0.8rem;margin-left: -0.1rem;}
.formList label.label {display: block;margin-top: 1.6rem;line-height: 2rem; font-size: 16px;}
.formList label.label span{color:#E8541E}
#messageForm{padding: 1rem 2.7rem 2.7rem 3rem;border-top:1px solid #fff;}
.formList input {width: 100%;height: 3.8rem;border-radius: 2px;border: 1px solid #D9D9D9;margin: 11px 0 0;padding-left: 1rem;box-sizing: border-box;line-height: 2.8rem;font-size: 1.4rem;}
.formList input::placeholder,.formList textarea::placeholder{color: #999;font-size: 1.4rem;}
.formList input::-webkit-input-placeholder,.formList textarea::-webkit-input-placeholder { /* WebKit browsers */
    font-size:1.4rem;color:rgb(212, 212, 212);
}
.formList input:-moz-placeholder,.formList textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:1.4rem;color:rgb(212, 212, 212);
}
.formList input::-moz-placeholder,.formList textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:1.4rem;color:rgb(212, 212, 212);
}
.formList input:-ms-input-placeholder,.formList textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:1.4rem;color:rgb(212, 212, 212);
}
.check{position: relative;padding-bottom:1rem;padding-top: 5px;}
.check span.t {font-size: 14px; margin-right: 15px;}
.check .checkBox {line-height: 30px; font-size:14px;display: inline-block;width: 2.2rem;height: 2.2rem;background: rgba(255,255,255,1);border-radius: 2px;box-sizing: border-box;margin-top: 2px;}
.formList input[type=checkbox] {width:18px;height: 18px;margin: 0;}
.check p{margin-top: 1.3rem;}
/* form input:focus,form textarea:focus {border-color: #00A0E9;outline: none;}
.checkBox.active {background-image: url(../../images/finance/choice.svg);border: none;background-size: 100%;} */
.formList textarea {width: 100%;height:18rem;max-width: 100%;border-radius: 2px;border: 1px solid #D9D9D9;margin: 11px 0 0;}
.submit {border: none;width: 100%;height: 4.2rem;line-height: 4.2rem;background: rgba(0,160,233,1);border-radius: 2px;display: block;margin-top: 2.4rem;font-size: 1.6rem;color: rgba(255,255,255,1);transition: .35s;}
form input.error, form textarea.error { border-color: #EE3F15;}
form label.error {color: #EE3F15;font-size: 1.2rem;}
#product-error{position: absolute; z-index:1;top:27px;left:0px;}