@charset "UTF-8";
/**
 * @authors Liht
 * @email   l_haitao@qq.com
 * @date    2015-01-17 11:38:31
 * @version 1.0
 */
.zl_wrap{ background:#0777c1 url(../images/bg_01.jpg) no-repeat center top;}
.zl_wrap1{ background: url(../images/bg_02.jpg) no-repeat center 258px;}
.zl_wrap2{ background: url(../images/bg_03.jpg) no-repeat center 516px;}


.zl_main{ width: 988px; margin: 0 auto;}
.zl_header{ padding-top: 293px; width: 804px; padding-right: 20px; margin:0 auto; position: relative;}
.zl_tip{ display: none; position: absolute; left: 237px; top: 392px; width: 400px; height: 320px;}
.zl_mask{ background: #000; z-index: 0; opacity: 0.5; width: 100%; height: 100%;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.zl_close{ position: absolute; cursor: pointer; right: 10px; top: 10px; width: 30px; height: 30px; background: url(../images/btnclose.png) no-repeat center center;}
.zl_tips_cot{ width: 100%; height: 100%; text-align: center;position: absolute;left: 0;top: 53px;}

.yureDiv{  width: 1006px;height:auto; margin: 0 auto; padding-top: 477px;}
.yure{ width: 1006px; height: 296px; margin: 0 auto; position: relative;}
.yure1{ background: url("../images/yure01.jpg") 0 0 no-repeat; }
.yure2{ background: url("../images/yure02.jpg") 0 0 no-repeat; }
.yure3{ background: url("../images/yure03.jpg") 0 0 no-repeat; }
.yure4{ background: url("../images/yure04.jpg") 0 0 no-repeat; }
.yure5{ background: url("../images/yure05.jpg") 0 0 no-repeat; }
.yure6{ background: url("../images/yure06.jpg") 0 0 no-repeat; }
.yure7{ background: url("../images/yure07.jpg") 0 0 no-repeat; }
.yure8{ background: url("../images/yure08.jpg") 0 0 no-repeat; }
.yure9{ background: url("../images/yure09.jpg") 0 0 no-repeat; }
.yure .guizebtn{ width: 132px; height: 32px; background-color: transparent; display: inline-block; position:absolute; top: 237px; left: 121px; text-indent: -9999px;}
.yure .guize{ height: auto; width: 50%; position: absolute; bottom: 82px; left: 120px; -moz-border-radius:4px;
    -webkit-border-radius:4px; border-radius: 4px; padding: 20px; color: #666666; background-color: #ffffff; display: none;}
.yure .guize-icon{ background: url("../images/guize_icon.png") 0 0 no-repeat; width: 20px; height: 17px; position: absolute; bottom: -16px;}
.yure .guize h3{ font-size: 18px;  line-height: 24px; margin-bottom: 5px;}
.yure .guize p{ font-size: 14px; line-height: 24px;}
.yure .downAPP{ width: 345px; height: 56px; background-color: inherit; display: inline-block; position:absolute; top: 186px; left: 384px; text-indent: -9999px;}
.yure .erweima{ background: url("../images/618yure.png") 0 0 no-repeat; width: 163px; height: 141px; position: absolute; top: 90px; right: 110px; display: none; }
.back-home{ background: url(../images/back_home.png) no-repeat center center;height: 190px;margin-top: -20px;}

.zl_content{ padding-top: 0px;padding-bottom: 60px;}
.zl_Download{ width: 394px; height: 120px; margin: 0 auto;}
.DownloadBtns{ position: relative;}
.DownloadBtns .and,.DownloadBtns .app{text-indent:56px;background:#4189eb}
.DownloadBtns .and span,.DownloadBtns .app span{position:absolute;left:26px;top:13px;width:22px;height:22px;overflow:hidden}
.DownloadBtns .and i,.DownloadBtns .app i{position:absolute;left:0;top:-50px;width:22px;height:75px}
.DownloadBtns .app{background:#e94141}
.DownloadBtns i{background:url(../images/down.png) repeat-y}
.and:hover i,.app:hover i{-webkit-animation:slide .7s;-moz-animation:slide .7s;-ms-animation:slide .7s;animation:slide .7s}
@-webkit-keyframes slide{0%{top:-50px}
100%{top:0}
}
@-moz-keyframes slide{0%{top:-50px}
100%{top:0}
}
@-ms-keyframes slide{0%{top:-50px}
100%{top:0}
}
@keyframes slide{0%{top:-50px}
100%{top:0}
}
.btns{position:relative;width:180px;height:50px;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;line-height:50px;font-size:16px;color:#fff;overflow:hidden}
.zl_fl{ float: left; overflow: hidden;}
.zl_fr{ float: right; overflow: hidden;}
.tips{line-height:32px;text-align:center;color:#666; font-size:14px;}

.zl_list{ padding-top: 1605px;padding-bottom: 0;}
.btn_more{ font-family: 'Microsoft YaHei'; transition: background 2s; -webkit-transition: background 2s; -moz-transition: background 2s; -ms-transition: background 2s; -o-transition: background 2s; display: block; width: 300px; height: 76px; line-height: 76px; background: #fff; color: #f25e54; font-size: 30px; text-align: center; margin: 0 auto;box-shadow: -2px 0px 8px 2px #EAC947;-webkit-box-shadow: -2px 0px 8px 2px #EAC947; -ms-box-shadow: -2px 0px 8px 2px #EAC947; -o-box-shadow: -2px 0px 8px 2px #EAC947;-moz-box-shadow: -2px 0px 8px 2px #EAC947; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; }
.btn_more:hover{ background: #fff;}

.zl_list_cot{ width: 988px; margin: 0 auto; overflow: hidden;}
.zl_list_cot ul{ width: 988px;}
.zl_list_cot ul li{position: relative;}
.zl_cell a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.zl_cell{ float: left; width: 244px; height: 388px; margin-right: 4px;  margin-bottom: 8px; background:#fff;}
.zl_cell_last{ margin-right: 0;}
.zl_cell_im{ height: 210px; text-align: center;}
.zl_cell_di{ height: 37px;  font-size: 12px; color: #242424; line-height: 16px; padding: 0 8px;}
.zl_cell_erw{ width: 228px; height: 96px; margin: 0 auto;  background: #25c7af; }
.zl_cell_btn{height: 41px; margin: 0 auto;  background: #f25e54; position: absolute; bottom: 0;}
.zl_cell:hover{ box-shadow: 0 0 3px 1px #fbc903;}

.p_download{width:100%;padding-top:58px;background:#3874bd;border-top:1px solid #872626}

.DownloadBtns1{width:160px;float:left;margin-left:275px}

.DownloadBtns1 .btns{width:160px;background:#2f3f5f; height:50px;text-indent:54px}

.DownloadBtns1 span{position:absolute;left:22px;top:10px;width:23px;height:26px;background:url(../images/btns-icon.png) no-repeat}

.DownloadBtns1 .and span{background-position:0 -25px}

.DownloadBtns1 .app span{background-position:0 -58px}

.qrCode{width:140px;padding-top:140px;margin-left:465px;background:url(../images/ftwx.png) no-repeat}
.p_wrap{width: 870px;margin: 0 auto;}
.tipss{line-height:32px;text-align:center;color:#fef3e8; font-size:12px;}


/*--侧滑begin--*/
.celan{
    height:100%;
    width: 170px;
    background: #252525;
    position: fixed;
    left: -172px;
    top: 0;
    z-index: 999;
    font-family:"微软雅黑"
}
.cl_header_area{
    padding-top: 5px;
    opacity: 0;
}
.cl_header_menu{
    padding-top: 6px;
    margin: auto;
    width: 170px;
}
.cl_header_menu a{
    display: block;
    height: 44px;
    width:28px;
    margin: 0 4px;
    font-size: 12px;
    float: left;
}
.cl_header_menu .home{
    color: #ffda10;
    text-align: center;

}
.cl_header_menu .home span{
    width: 34px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-top: 3px;
}
.cl_header_img{
    position: relative;
    margin-bottom: 7px;
}
.cl_header_img span{
    border-style: solid;
    border-width: 8px;
    display: block;
    height: 0px;
    width: 0px;
    border-color: #ea544a transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 50%;
    bottom:-14px;
    margin-left:-4px;
}
.cl_header_menu .home em{
    background: url(http://img14.360buyimg.com/cms/jfs/t1027/105/522374362/3827/b9d05eaf/552cacadNe8f68ac8.png) 1px 0 no-repeat ;
    display: block;
    height: 25px;
    width: 34px;
}
.cl_header_menu .wbg{
    color: #950ffb;
    text-align: center;
    width: 38px;
}
.cl_header_menu .wbg span{
    width: 40px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-top: 3px;
}
.cl_header_menu .wbg em{
    background: url(http://img14.360buyimg.com/cms/jfs/t1027/105/522374362/3827/b9d05eaf/552cacadNe8f68ac8.png) -36px 0 no-repeat ;
    display: block;
    height: 25px;
    width: 40px;
}
.cl_header_menu .choiceness{
    color: #10a8ff;
    text-align: center;

}
.cl_header_menu .choiceness span{
    width: 27px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-top: 3px;
}
.cl_header_menu .choiceness em{
    background: url(http://img14.360buyimg.com/cms/jfs/t1027/105/522374362/3827/b9d05eaf/552cacadNe8f68ac8.png) -84px 0 no-repeat ;
    display: block;
    height: 25px;
    width: 27px;
}
.cl_header_menu .choiceness{
    color: #10a8ff;
    text-align: center;

}
.cl_header_menu .choiceness span{
    width: 27px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-top: 3px;
}
.cl_header_menu .choiceness em{
    background: url(http://img14.360buyimg.com/cms/jfs/t1027/105/522374362/3827/b9d05eaf/552cacadNe8f68ac8.png) -84px 0 no-repeat ;
    display: block;
    height: 25px;
    width: 27px;
}
.cl_header_menu .money{
    color: #ff8c10;
    text-align: center;

}
.cl_header_menu .money span{
    width: 40px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-top: 3px;
}
.cl_header_menu .money em{
    background: url(http://img11.360buyimg.com/cms/jfs/t952/310/713099783/1524/b4e772dc/553f68d1N496a8555.png) 8px 0px no-repeat ;
    display: block;
    height: 25px;
    width: 40px;
}
.cl_content{
    width: 102px;
    margin:15px auto 0;
}
.cl_content a{
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 100px;
    margin-bottom:5px;
    border:1px solid #fff;
}
.cl_content a:hover{
    border: 1px solid #ea544a;
    color:#ea544a;
}
.cl_content a.cl_content_jd_jr:hover,.cl_content a.cl_content_jd_qb:hover{
    border: 1px solid #ea544a;
    color:#ea544a;
}
.cl_content .cl_content_jd_jr,.cl_content .cl_content_jd_qb{
    color: #fff;
    border:1px solid #fff;
    height: 90px;
    text-align: center;
    font-size:12px;
    margin-bottom:5px;
}
.cl_content .cl_content_jd_jr img,.cl_content .cl_content_jd_qb img{
    padding-top: 5px;
}
.cl_content .cl_content_jd_jr p,.cl_content .cl_content_jd_qb p{
    line-height: 24px;
    height: 24px;
}
.cl_footer{
    padding-top: 20px;
    text-align: center;
}
.cl_footer img{

}
.celan_po_ab>div{
    position: relative;
}
.cl_mouse_btn_img{
    position: relative;
    margin-bottom:14px;
}
.cl_mouse_btn{
    position: absolute;
    right: -60px;
    top: 0;
    width: 58px;
    padding-top: 24px;
    margin-bottom:16px;
    height: 100%;
    background: #252525;
    text-align: center;
}
.cl_mouse_btn_img span{
    border-style: solid;
    border-width: 8px;
    display: block;
    height: 0px;
    width: 0px;
    border-color: #ea544a transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom:-14px;
    margin-left:-7px;
}
.celan_po_ab{
    height: 100%;
}
.celan_po_ab>div{
    height: 100%
}