*{box-sizing: border-box;margin: 0;padding: 0}
a{outline: none;text-decoration: none;transition: all ease .5s;color:#555;}
a:hover{text-decoration: none;}
a:visited { }
ul,li,ol{list-style: none;}
img {border: 0; vertical-align: middle;}
@font-face {font-family: "PingFang";src:url('PingFangReg.woff') format('woff'); /* iOS 4.1- */
}
html{     font-size:16px;text-indent: 0;color:#555;font-family: PingFang, 微软雅黑, arial, sans-serif; }

@media screen and (max-width: 1680px) {
    html {  font-size: 14px;  }
}
@media screen and (max-width: 1440px) {
    html {  font-size: 12px;  }
}
ul li{list-style-type: none}
input,button{outline:none;}
.wrap{width:1200px;margin:0 auto;}
/*复选框样式*/
input[type=checkbox]{
   /* -webkit-appearance: none;*/
    vertical-align:middle;
    margin-top:0;
    width:13px;
    height:13px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    outline: none;
    position: relative;
}
input[type=checkbox]:checked::after{
    content: '✓';
    top: -1px;
    left: -1px;
    color: white;
    line-height: 13px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    background: #378ED9;
    /*background: url("/static/images/checked.png");*/
    background-size: 16px 16px;
    width: 13px;
    height: 13px;
}
/*单选框样式*/
input[type=radio]{
    -webkit-appearance: none;
    vertical-align:middle;
    margin-top:0;
    width:13px;
    height:13px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(204,204,204,1);
    outline: none;
    border-radius: 50%;
    position: relative;
}
input[type=radio]:checked::after{
    content: '●';
    top: -1px;
    left: -1px;
    border-radius: 50%;
    color: white;
    line-height: 13px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    background: #378ED9;
    /*background: url("/static/images/checked.png");*/
    background-size: 16px 16px;
    width: 13px;
    height: 13px;
}
/*去掉 input[type="number"] 的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.hoverBig{  transition: ease .5s;transform: scale(1);}
.hoverBig:hover{ transform: scale(1.1);}
.animateImg .animateItem{ opacity: 0;  }
.animateImg.animate .animateItem{ opacity: 0; animation: animatedUp 1s forwards; }
.animateImg.animate .animateItem:nth-of-type(1){  animation-delay: .1s;}
.animateImg.animate .animateItem:nth-of-type(2){  animation-delay: .2s;}
.animateImg.animate .animateItem:nth-of-type(3){  animation-delay: .3s;}
.animateImg.animate .animateItem:nth-of-type(4){  animation-delay: .4s;}
.animateImg.animate .animateItem:nth-of-type(5){  animation-delay: .5s;}
.animateImg.animate .animateItem:nth-of-type(6){  animation-delay: .6s;}
.animateImg.animate .animateItem:nth-of-type(7){  animation-delay: .7s;}
.animateImg.animate .animateItem:nth-of-type(8){  animation-delay: .8s;}
/*.animateImg.animateDone  img{ animation:none;opacity: 1;}*/

.hoverBigImg img {  transition: ease .5s;transform: scale(1); display: inline-block;}
.hoverBigImg img:hover{ transform: scale(1.1)!important; animation: none ; opacity: 1 ;}

.fontBlue{color: #1373ec}
.fontGray{color: #999}
.swiper-pagination .swiper-pagination-bullet{background: #aaa}
.swiper-pagination .swiper-pagination-bullet-active{background: #1373ec}

.maskBox{ background: #000; position: relative; overflow: hidden}
.maskBox .font{position: absolute; color: #fff;transition: ease .5s; font-size: 1.5rem; width: 100%; top:45%; z-index: 1}
.maskBox .img{ opacity: .5;transition: ease .5s;}
.maskBox:hover .font{transform:   translateY(10px)}
.maskBox:hover .img{ opacity: .3;transform: scale(1.1)}

/*活动大图居中样式*/
.centerBox{position:relative;width:100%;min-width: 990px; overflow:hidden;height: 480px}
.centerBoxContent{margin: 0 -365px; text-align: center;position: relative;}
/*form 控件以及 加载 loading*/

.formErrInput{border:solid 1px red;}
.formBtnLoading{position:relative}
.formBtnLoading:after{content: "";left: 0;top: 0;position: absolute;width: 0;height: 100%;background: rgba(0, 0, 0, .1);-webkit-animation: formBtnLoading 2s infinite;}
.formErrTip{color:#b00!important; position: absolute; margin-left: 10px;}
@-webkit-keyframes formBtnLoading{50%{left:0%;width:100%;} 100%{left:100%;width:0%;}}


.animatedShake{ animation: animatedShake .2s ;animation-iteration-count:5;  }
@keyframes animatedShake { 0% {transform:translateX(2px) ;} 33% {transform:translateX(-2px) ;} 66% {transform:translateX(2px) ;} 100% {transform:translateX(0) ;}
}

/* Btn */
.brownBtn, .grayBtn, .redBtn, .blueBtn { cursor: pointer;display: inline-block;margin: 5px;padding:8px 15px; }
.brownBtn:visited ,  .redBtn:visited , .blueBtn:visited  {color:#fff;}
.brownBtn { background:#d67c00; color:#fff;}
.blueBtn { background:#1373ec; color:#fff;}
.brownBtn:hover {background: linear-gradient(to bottom,#d67c00 0px,#b56900 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:#b56900;box-shadow: 0 1px 1px 0 #a55900 inset;}
.blueBtn:hover  {background: linear-gradient(to bottom,#3282c4 0px,#2272b4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background:#3282c4;box-shadow: 0 1px 1px 0 #1262a4 inset;}
.brownBtn:active,.blueBtn:active {box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.6) inset;}
.redBtn {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: linear-gradient(to bottom,#c10 0px,#c00000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#df2606;border-color:#ff5555#bb3311#aa0000;border-image: none;border-style: solid;border-width: 1px;color:#fff;}
.redBtn:hover {background: linear-gradient(to bottom,#b10 0px,#b00000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: 0 1px 1px 0#f55 inset;}
.redBtn:active {box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.6) inset;}
.grayBtn {background: linear-gradient(#ffffff,#ebebeb) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#eee;border: 1px solid#b5b5b5;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;color:#0085cc;}
.grayBtn:hover {background: linear-gradient(#ffffff,#d7d7d7) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.redBtn.disabled,.brownBtn.disabled{color: #aaa; background: #f5f5f5; border: solid 1px #eee;}
.redBtn.loading,.brownBtn.loading{color: #fff; background: #aaa; border: solid 1px #999;}

/*图片鼠标经过效果*/
.operation a{display: block; height: 100%; position: relative; overflow: hidden;}
.operation a::before,.operation a::after{
    opacity: 0;
    content: "";
    width: 50px;
    height: 100%;
    overflow: hidden;
    transform: skewX(-25deg);
    position: absolute;
    top: 0;
    left: -150px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
}
.operation-col a::before, .operation-col a::after { left: 50%; margin-left: -40px; }
.operation a:hover::before,
.operation a:hover::after { -webkit-animation: light 1s ease-out; animation: light 1s ease-out; }
.operation a:hover::before { -webkit-animation-name: light2; animation-name: light2; }
@-webkit-keyframes light { 100% { opacity: 1; left: 125%; } }
@keyframes light { 100% { opacity: 1; left: 125%; } }
@-webkit-keyframes light2 { 100% { opacity: 1; left: -150px; } }
@keyframes light2 { 100% { opacity: 1; left: -150px; } }

/*返回顶部*/
.goTopImg{display: none;position: fixed;bottom: 400px;width: 40px;height: 40px;left: 50%;margin-left: 600px;cursor: pointer;}
@media screen and (max-width: 1190px){
    .goTopImg{margin-left: 500px}
}


.actCenterBox{width:100%;min-width:1190px;text-align:center;overflow:hidden;}
.actCenterBoxContent{margin:0 -365px;}


.location{ padding:2em 0;}
.contentTitle{   position: relative; margin: 2.1em 0 2em; font-size: 3rem;   }
.contentTitle:after{content: ''; position: absolute; left:50%; width: 1.4em; top:140%; margin-left: -.7em; height: .13em; background:#1373ec }
.contentTitle.noLine{   margin: 2em 0 1em;    }
.contentTitle.noLine:after{ display: none }

.contentNav{ margin-bottom:2em; border:solid #ddd; border-width: 1px 0;}
.contentNav a{ display:inline-block;padding:2em; position:relative; font-size:14px;}
.contentNav a.cur:after{content:'';background:#5994c4; height:3px;width:4.4em; left:50%;margin-left:-2.2em; bottom:0;position:absolute;}

.contentBanner{ height:200px; color:#fff;  text-align:center; padding-top:3em;}
.contentBanner .t{ font-size:2em;font-weight:bold; line-height:2em;}
.contentBanner .c{ padding:1em; font-size:14px; }

.bannerS1{position:relative;}
.bannerS1 .desc{position:absolute; top:35%; left:5%;}
.bannerS1 .desc .t{position:relative; font-weight:bold;font-size:2em;margin-bottom:1em; }
.bannerS1 .desc .c{font-size:1.2em; width:21em;}
.bannerS1 .desc .t:after{ background:#5994c4;width:2em;content:'';height:3px; position:absolute; bottom:-.5em;left:0}





.tryOutList{ text-align:center;}
.tryOutList a{ display:inline-block; width:270px; margin:0 1%;position:relative;}
.tryOutList .icon{ background:#ebf3f9;padding:33px 0;}
.tryOutList .name{ background:#d67c00;line-height:3em;color:#fff; font-size:1.5em; }
.tryOutList a .qrCode{display:none;position:absolute;height:0 ; opacity:0;    transition: all ease .5s;}
.tryOutList a:hover .qrCode{display:block ;height:280px;opacity:1;transition: all ease .5s;}

.pageBox a{width:26px;text-align:center; margin:0 .5em; line-height:26px;border:1px solid rgba(217,217,217,1); display:inline-block; cursor:pointer;background:#fff;}
.pageBox a.disable{opacity:.5;cursor:default;}
.pageBox select{border:1px solid rgba(217,217,217,1); height:26px;margin:0 1em;}
.pageBox .dot:after{content:" ... "}
.pageBox .cur{color: #fff; background: #333}

.animatedUp,.animatedUp0,.animatedUp1,.animatedUp2,.animatedUp3,.animatedUp4,.animatedUp5,.animatedUp6,.animatedUp7,.animatedUp8,.animatedUp9{opacity:0;}
.animateZoom,.animateZoom0,.animateZoom1,.animateZoom2,.animateZoom3,.animateZoom4,.animateZoom5,.animateZoom6,.animateZoom7,.animateZoom8,.animateZoom9{opacity:0;}

.animate .animatedDown,.animate2 .animatedDown2,.animate3 .animatedDown3{animation: animatedDown 1s ;}
.animate .animatedLeft,.animate2 .animatedLeft2,.animate3 .animatedLeft3{animation: animatedLeft 1s ;}
.animate .animatedUp,.animate0 .animatedUp0,.animate1 .animatedUp1,  .animate2 .animatedUp2,  .animate3 .animatedUp3,
.animate4 .animatedUp4,.animate5 .animatedUp5,  .animate6 .animatedUp6,  .animate7 .animatedUp7,  .animate8 .animatedUp8,  .animate9 .animatedUp9
{animation: animatedUp .8s forwards; }
.animate .animateZoom,.animate0 .animateZoom0,.animate1 .animateZoom1,  .animate2 .animateZoom2,  .animate3 .animateZoom3,
.animate4 .animateZoom4,.animate5 .animateZoom5,  .animate6 .animateZoom6,  .animate7 .animateZoom7,  .animate8 .animateZoom8,  .animate9 .animateZoom9
{animation: animateZoom .8s forwards; }
.animateDone{opacity:1;}
@keyframes animatedDown { 0% {transform:translateY(-100px) ; opacity:0.2;} 100% {transform:translateY(0) ; opacity:1;} }
@keyframes animatedLeft { 0% {transform:translateX(100px) ;opacity:0.2;} 100% {transform:translateX(0) ;opacity:1;} }
@keyframes animatedUp { 0% {transform:translateY(100px) ;opacity:0.2;} 100% {transform:translateY(0) ;opacity:1;} }
@keyframes animateZoom { 0% {transform:scale(0.1) ;opacity:0.2;} 100% {transform:scale(1);opacity:1;} }

.bannerBox{ height:797px; padding-top:100px; font-size: 2em; text-align:center; color:#fff; background-position:center;}
.bannerBox h1{font-size:2em;padding:3em 0 .5em;}

.pageNav{ box-shadow:0 0 5px rgba(0,0,0,.5)  ;  position:absolute;
    width: 100%;
    background: #fff;
   }
.pageNav a{ font-size:16px; display:inline-block; padding:1em 3em;}
.pageNav a.cur{background:#2d50ca;color:#fff;}
.pageNav a:hover{background:#05c1e2;color:#fff;}
.pageNav.fixed{top: 0;position:fixed}

.cTitle{ font-size: 3rem; margin:1em 0 1em; padding-top: 1em; text-align: center; font-weight: bold}
.cTitle .en{font-size:.7em; color:#ABABAB; font-weight: normal}
.cContent{font-size:1.7em; line-height:1.6;color:#8d8d8d;}
.cContent p{margin-bottom: 1em;}

.cTitle2{width:100%; text-align:center;padding:.6em 1em; position:relative; font-weight:normal; font-size:24px;}
.cTitle2:after{content:'';width:2.2em; top:100%; left:50%;margin-left:-1.1em; height:4px; background:#2d50ca;position:absolute;}