*{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 { color:#555;}
ul,li,ol{list-style: none;}
img {border: 0;max-width: 100%;vertical-align: middle;}
body{     font-size:12px;text-indent: 0;color:#555;font-family:"微软雅黑", tahoma,arial,"宋体"; }
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;
}

/*活动大图居中样式*/
.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:#3282c4; 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{font-weight:bold; text-align:center;padding:0 0 1em ; font-size:2em;}
.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}




.rowTitle{ text-align:center; font-size:2em; margin:2em 0 1em; color:#5994c4; font-weight:bold;position:relative;}
.rowTitle:after{ position:absolute; left:50%; height:3px; width:1.9em; margin-left:-0.9em; bottom:-.5em; background:#5994c4; content:'';}

.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}