*{ padding: 0; margin: 0;}
html, body, ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, form, img, span, b, a, input,iframe{ margin:0; padding:0; }

body {font-family: Microsoft Yahei;font-size:14px;  color:#000;background:#d50000;background-size: 100% 100%;}

ul, dl, ol,li {list-style: none outside none;}

a, input,iframe{ outline:none; border:0;font-family: "微软雅黑";}

a {text-decoration:none; }

img{ max-width:100%}
img,.button{ border:0px none; }

.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.wrapper{width: 1100px;margin: auto;clear: both}


/*header*/
.header_bg{width: 100%;height: 33px;background: #880505;min-width: 1100px;margin: auto;}
.header_left ul li{float: left;line-height: 33px;padding: 0px 10px;border-right: 1px solid #5b0202;}
.header_left ul>li:last-child{border-right: 0;}
.header_left ul li a{color: #ffffff;font-size: 14px;}
.header_left ul li.active{background: #700202;}
.header_right{position:relative;}
.header_menucon li{position:relative;float: left;border-right: 1px solid #5b0202;line-height: 33px;}
.header_menucon li a.touch{padding:0px 20px 0px 10px;background: url(../img/xl1.png) no-repeat right;float: left;}
.header_menucon li a.touch:hover{background: url(../img/sl1.png) no-repeat right;}
.header_right li a,.header_right li a:visited{color: #ffffff;}
.header_menucon>li:last-child{border-right: 0px;}
.header_right ul li{line-height: 33px;width: 90px;text-align: center;}
.header_menucon li li{border: 0px;width: 80px;margin: 3px 2px;text-align: left}
.header_right li:hover ul li{float: left;}
.header_right li:hover ul a{color: #880505;background: url(../img/qq.png) no-repeat left top;background-size: 19px 19px;padding-left: 25px;margin: 0px 5px;}
.header_right li ul{display:none;}
.header_right li:hover ul{display:block;width: 170px;height: 70px;border: 1px solid #880505;position: absolute;top: 33px;left: 10px;}

.logo_bg{width: 100%;height: 100px;background: #ffffff;min-width: 1100px;margin: auto;}
.header2 .logo img{margin: 20px 0;}
.header_center{position:relative;width:220px; height:73px; margin-left:55px;background: url(../img/h_year.png) no-repeat;margin-top: 8px;}
.header_center span{ float:left; width:30px; height:30px;}
.header_center span.yh1{position: absolute;left: -25px;top: 10px;}
.header_center span.yh2{position: absolute;left: 80px ;top: 10px;}
.header_center span.yh3{position: absolute;right: 26px;top: 15px;}
.header_center span.yh4{position: absolute;right: -30px;width: 41px;height: 32px;top: 12px;}
.header_center span.yh5{position: absolute;left: -10px;top: 40px;}

/*nav_bg*/
.nav_bg{width: 100%;height: 40px;background: #d50000;}
.nav ul li{float: left;line-height: 40px;padding: 0px 34px;}
.nav ul li a{font-size: 16px;color: #ffffff;}
.nav ul li.active a{color: #262626;}

/*banner*/
.the_user_login{width: 1100px;margin: auto;position: relative;}
.user_login{width: 298px;height: 300px;background: #ffffff;position: absolute;right: 50px;top: 95px;z-index: 99;border-radius: 8px;}
.login_ul{width: 96%;border-bottom: 1px solid #c9c9c9;margin: auto;height: 30px;line-height: 30px;margin-top: 6px;}
.login_ul li{line-height: 30px;margin: 0px 20px;font-size: 16px;color: #000000;}
.login_ul li a{color: #737373;font-size: 14px;}
.register_con{width: 230px;margin: auto;margin-top: 10px;}
.register_form{width:230px;}
.register_form label{font-size: 16px;color: #737373;font-family: "微软雅黑";margin-right: 10px;float: left;line-height: 40px;clear: both;}
.register_form input{background: #f8f8f8;height:28px;border: 1px solid #d7d7d7;border-radius: 5px;margin: 5px 0;text-indent: .8em;font-size: 14px;float: left;}
.register_form input.user{width: 160px;}
.register_form input.verify{width: 86px;float: left;}
.register_form span{width: 80px;height: 26px;cursor: pointer;} 
.register_form span.dynamic{width: 0px;height: 0px;padding: 0px 20px;line-height: 32px} 
.register_form span img{width: 80px;height: 26px;margin-top: 16px;}
.register_form span img.yanzheng{width: 42px;height: 15px;margin-top: 12px;margin-left: 10px;}
.the_user_login .login_immediately{clear: both;margin-top: 20px;}
.the_user_login .login_immediately input{width: 102px;height: 38px;border-radius: 8px;background: url(../img/input_bg.png) repeat-x;color: #ffffff;
font-size: 16px;font-family: "微软雅黑";}
.the_user_login .login_immediately a{color: #c90400;font-size: 13.3px;background: url(../img/download.png) no-repeat left;color: #c90400;
padding-left: 26px;margin-left: 20px;}


/*banner*/
/* top_slide_wrap */
.top_slide_wrap{width:100%;height:392px;position:relative;z-index:1;margin: auto;margin-top: 10px;min-width: 1100px;overflow: hidden;margin: auto;}
.slide_box{height:420px;overflow:hidden}
.slide_box li{height:420px}
.slide_box img{width:100%;height:420px}
.slide_info{width:980px;margin:-420px auto 0}
.slide_info_card{width:420px;height:0;margin-top:171px;color:#fff;position:relative}
.slide_info_card a{color:#fff;text-decoration:none}
.slide_info_card .slide_info_card_bg{width:420px;height:200px;background:#0071c6;position:absolute;top:0;left:0;z-index:1;opacity:.8;*filter:alpha(opacity=80)}
.slide_info_card .slide_info_card_text{width:340px;height:140px;padding:30px 40px;position:absolute;top:0;left:0;z-index:2}
.slide_info_card h2{font-size:40px;padding-bottom:8px}
.slide_info_card p{font-size:15px;line-height:26px}
.slide_info_card p strong{font-size:12px;height:25px;display:inline-block;padding:0 10px;background:#095b99;border-radius:5px;color:#fff;margin-top:8px}

.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;}
.bx-wrapper img{max-width:100%;display:block;}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;width:100%}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#e5260d}
.bx-wrapper .bx-prev{left:10px;}
.bx-wrapper .bx-next{right:10px;}

/* op_btns */
.op_btns{width:1100px;margin:-530px auto 0;position:relative;z-index:3;*margin-top:-530px}
.op_btns .op_btn{ position:relative;display:block;width:34px;height:34px;cursor:pointer; overflow:hidden;position:absolute;margin-top:240px;}
.op_btns .op_prev{left:25px}
.op_btns .op_next{right:5px}
.op_btns .op_prev span,.op_btns .op_next span{ position:relative;display:block;width:14px;height:25px;cursor:pointer}
.op_btns .op_prev span{background: url(../img/left.png);}
.op_btns .op_next span{background: url(../img/right.png);}

/*content*/
.content{width: 100%;height:350px;background: url(../img/light.png) no-repeat top;background-size: 100% 350px;}
.con_principal{padding: 20px 0;}
/*关于我们*/
.about_us{width: 100%;height: 259px;background: url(../img/con_bg.png) no-repeat center;padding-top: 150px;}
.about{width: 700px;margin: auto;}
.about h5{color: #fff1c7;font-size: 22px;font-weight: 500;text-align: center;padding: 5px 0px 15px;}
.about p{line-height: 24px;color: #ffffff;font-size: 14px;}
.about a{float: right;margin-right: -50px;font-size: 14px;color: #fff1c7;}
/*系统公告、常见问题*/
.con_principal{}
.con_system{width:526px;height: 434px;border: 1px solid #e77c71;background: #ac181a;position: relative;}
.con_system img{position: absolute;top: -35px;left: 143px;}
.con_principal h4{text-align: center;font-size: 22px;color: #fff1c7;padding: 10px 0 10px;}
.con_principal ul{width: 94%;margin: auto;margin-top: 20px;}
.con_principal ul li{line-height: 40px;}
.con_principal ul li a{color: #ffffff;font-size: 16px;}
.con_principal ul li span{color: #ffffff;float: right;}
.con_principal ul li a:hover{color: #fff1c7;}
.con_principal ul li span:hover{color: #fff1c7;}
.con_principal ul li.more{float: right;margin-top: 30px;}
.con_principal ul li.more a{color: #ffbbbb;font-size: 14px;}

/*新手指南*/
.product{width: 100%;}
.product_one{width: 330px;border-bottom: 2px solid #a4171a;padding-top: 60px;height: 309px;}
.product_one ul{margin-left: 90px;padding-bottom: 65px;}
.product_one ul li{line-height: 55px;}
.product_one ul li i{float: left;background:url(../img/icon.png) no-repeat;margin-top: 8px;background-size: 100px 200px;width: 40px;height: 40px;}
.product_one ul li a{color: #ffffff;font-size: 22px;padding-left: 20px;}
.product_one ul li i.bz{background-position: -6px -45px;}
.product_one ul li i.aq{background-position: -5px -98px;}
.product_one ul li i.xz{background-position: -5px -145px;}
.product_one ul li a:hover{color: #fff1c7;}
.product_one ul li i.xs:hover{background-position:-55px 0;}
.product_one ul li i.bz:hover{background-position: -55px -45px ;}
.product_one ul li i.aq:hover{background-position: -51px -98px;}
.product_one ul li i.xz:hover{background-position: -54px -145px;}

.product_one dt{height: 228px;width: 339px;}
.product_one dt img{height: 228px;width: 339px;}
.product_one dd{line-height: 69px;}
.product_one dd p{text-align: center;color: #fff1c7;font-size: 22px;}

/*合作伙伴*/
.cooperation{width: 1100px;margin: auto;position: relative;clear: both;}
.cooperation img.con_top{position: absolute;top: 66px;left: 430px;}
.cooperation h4{text-align: center;padding-top: 120px;color: #fff1c7;font-size: 22px;}
.cooperation ul{width:1130px; margin-left:-10px;_margin-left:-20px;float: left;padding-top: 30px;padding-bottom: 90px;}
.cooperation ul li{float: left;margin: 0px 0px 30px 10px;width: 175px;height: 95px;}

/*footer*/
.footer_bg{width: 100%;background: #880505;height: 240px;clear: both;min-width: 1100px;overflow: hidden;margin: auto;}
.footer{width: 1100px;margin: auto;padding-top: 30px;}
.footer dl{width: 350px;}
.footer dl dt{float: left;width: 38px;height: 38px;}
.footer dl dt img{width: 38px;height: 38px;}
.footer dl dd{float: left;margin-left: 22px;}
.footer dl dd ul li h5{font-weight: 500;color: #ffffff;font-size: 16px;}
.footer dl dd ul li p{color: #ffffff;font-size: 14px;line-height: 35px;}
.footer dl dd ul li p a{color: #ffffff;}
.footer dl.f_service{width: 300px;} 
.footer dl.f_service ul.kefu li {float: left;margin-top: 10px;margin-right: 38px;}
.footer dl.f_service ul.kefu li a{background: url(../img/qq.png) no-repeat left;color: #ffffff;padding-left: 30px;}
.footer_right{float: right;width: 420px;}
.footer_right p.footer_copyright{width: 394px;border-bottom: 1px solid #ffffff;line-height: 40px;color: #ffffff;font-size: 16px;}
.footer_right ul{padding: 10px 0;}
.footer_right ul li{color: #ffffff;font-size: 14px;line-height: 26px;}
.footer_right ul li.icp a{color: #fff1c7;text-decoration: underline;}
.footer_right ul li.ghs img{padding-top:5px;padding-right: 10px;float: left;}
.footer_right ul li.ghs a{ color: #ffffff;font-size: 14px;line-height: 30px;}
.footer_right ul li.url p a{color: #ffffff;}
.footer_right ul li.shuwang img{margin: 5px 5px 0px;}

/*animation*/
.animation-pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity:1;
    }
    50% {
        -webkit-transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}


.animation-tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-10deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-10deg);
    }
}


.animation-floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}