html, body, p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, select, fieldset, fieldset, button,textarea { margin: 0; padding: 0; }
body { font-size: 14px; line-height: 24px; color: #2b2d29; font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 0; padding-top:70px; }
iframe, img { border: 0 none; vertical-align: middle; }
em, i { font-style: normal; }
 ul, li, ol { list-style: none outside none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.clearfix { *zoom: 1; }
a { color: #000; text-decoration: none; }
a:hover { color: #008cd5; text-decoration: none; }
.clear { clear: both; }
input,button,textarea{ border:none;}
input:focus,textarea:focus {outline:none}
.fr{float:right;}
.fl{float:left;}
.hide{display:none!important;}
.ml15{margin-left:15px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.main{margin:0;padding:0;overflow:hidden;width:100%;}
.mainbg{margin:0;padding:0;overflow:hidden;width:100%;background:#e6e7ea;}
.mainbgblue{margin:0;padding:0;overflow:hidden;width:100%;background:#3c83dd;}
.mainclass{margin:0;padding:0;overflow:hidden;width:100%;background:url(../images/online.jpg) center bottom no-repeat;height:600px;margin-top:40px;}

/* 公用的起点头部copy */
header { height: 70px; width: 100%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; z-index: 9999; }
.tophead{width:100%;height:70px;background-color:white;margin-top:15px;}
.header_inner { width: 1600px; height: 70px; margin: 0 auto; position:relative; }
.logo { float: left;  padding-left: 80px;}
.logo .chanel1 { position: relative; color: #008cd5; font-size: 24px; line-height: 70px; display: block; font-weight: normal; width: auto; padding: 0 0 0 20px; }
.logo a { width: 186px; height: 39px; display: block; float: left; padding: 16px 0 0 0; }
.logo a img { width: 158px; height: 30px; margin-left: 10px; }
/* 增高LOGO */
.t_logo { width: 240px; height: 99px; position: absolute; left: 0; top: 0; padding-top: 18px; z-index: 9999; }
.t_logo p { color: #eef7f2; font-size: 12px; letter-spacing: 0.8px; padding-left: 15px; }
.t_logo a{ display:inline-block; padding-left:15px; }
.nav { float: left; margin-left: 0px; }
.nav ul li { float: left; position: relative; }
.nav ul li a { font-size: 14px; padding: 6px 14px 0; height: 62px; line-height: 62px; display: block; color: #2b2d29; }
.nav ul li a:hover { color: #008cd5; }
nav ul li .nav_now { color: #008cd5; }
.nav ul li span { display: block; position: absolute; width: 0; height: 0; background: #008cd5; top: 67px; left: 50%; }
.sign_in { float: left; width: 94px; height: 24px; border-radius: 16px; border: 1px solid #008cd5; margin-top: 24px; margin-right: 10px; }
.sign_in a { padding: 0 5px; display: block; color: #008cd5; line-height: 24px; display: block; }
.fr{ float: right; }


 @media only screen and (max-width: 1520px) and (min-width: 10px){
   .logo {  padding-left: 0px;}
} 




.vip_hot {
    font-size: 9px;
    line-height: 13px;
    width: 28px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 14px;
    display: block;
}
.vip_hot > p{
    background: #ff0000;
    width: 28px;
    position: absolute;
    height: 14px;
    right: 0;
    top: 0;
    border-radius: 2px;
     animation: scaleMove 3s ease-out;
   -webkit-animation: scaleMove 1s  infinite linear;
   -moz-animation: scaleMove 2s  infinite linear;
}

@keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
 @-webkit-keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
@keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}
 @-moz-keyframes scaleMove {
    from {background: #ccc;}
    to {background: #ff0000;}
}


.vip_hot > em{
   position: relative;}



.s-header-nav { width: 108px;line-height: 73px;float: right; }
.s-header-nav img{ width: 35px; height: 35px; border: 1px solid #e2e2e2; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.s-header-nav a{ color:#666; text-align:center; }
.s-header-select ul { width: 108px;text-align: center; box-shadow: 0 2px 6px 0px #dde0e4; -webkit-box-shadow: 0 2px 6px 0px #dde0e4; -moz-box-shadow: 0 2px 6px 0px #dde0e4; border: 1px solid #f0f0f0; position: absolute; left:-1px; top:70px; display: none; }
.s-header-select{ color:#676767; position: relative;padding-left:25px; cursor:pointer; }
.s-header-select.active {
    padding-left: 25px;
    box-shadow: 0 2px 0px 1px #f0f0f0;
    -webkit-box-shadow: 0 2px 0px 1px #f0f0f0;
    -moz-box-shadow: 0 2px 0px 1px #f0f0f0;
}
.s-header-select.active:after{ content:''; width:100%; height:4px; background-color:#32b16f; position: absolute; left:0; top:0;}
.s-header-select i{ width: 12px; height: 6px; background: url(../../images/web4.0/20170615_header.png) no-repeat 0px 0px; display: inline-block; margin-left: 8px; }
.s-header-select ul li{ height: 40px; line-height:40px; background-color:#fff; }
.s-header-select ul a:hover{ color:#676767; }
.s-header-select ul li:hover{ background-color:#f5f6f8; }
.text-tc{ text-align:center; }
.h1-re{
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    /*font-weight: bold;*/
}
.h2-re{
        display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}