/******WEB端样式******/
@media (min-width: 1025px) {

    .index_mobile, .suspension-mobile{display: none;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
    table{ border-collapse:collapse; border-spacing:0;}
    fieldset,img{border:0;}
    em,strong,th,i{ }
    ol,ul{ list-style-type:none; list-style-position:outside;}
    caption,th{ text-align:left;}
    h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
    body{font-family:'MicroSoft YaHei'; font-size:14px;}
    div{margin-left:auto;margin-right:auto;}
    a{text-decoration:none;}
    .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
       font-size: 0;
    }
    .clearfix {display:inline-block;}
    *html .clearfix {height:1%;}
    .clearfix {display: block;}
    .clearfix {zoom: 1;}
    .f_r{float:right;_display:inline;}
    .f_l{float:left;_display:inline;}
    .center{text-align: center !important;}
    .disnone{display: none;}
    .text-left{text-align: left;}
    .text-right{text-align: right;}

/**
     * WEB端二级导航样式
     */
     /***常态***/
    .fix-nav{width: 100%;height: 60px;background: #f7f7f7;z-index: 10;border-top: 1px solid #ececec;}
    .fix-nav .fix-nav-wrapper{width: 1210px;height: 100%;margin: 0 auto;position: relative;}
    .fix-nav .fix-nav-wrapper div.l{float: left;font-size: 24px;line-height: 60px; color:#333;}
    .fix-nav .fix-nav-wrapper div.r{float: right;font-size: 16px;line-height: 60px;}
    .fix-nav .fix-nav-wrapper div.r ul{float: left;}
    .fix-nav .fix-nav-wrapper div.r ul.fa li{float: left;position: relative;}
    .fix-nav .fix-nav-wrapper div.r ul li a{display: block;height: 100%; padding: 0 25px;background: url(../images/xt.png) no-repeat right center;color:#333;}
    .fix-nav .fix-nav-wrapper div.r ul li.last a{background: none;}
    .fix-nav .fix-nav-wrapper div.r ul li a.active,
    .fix-nav .fix-nav-wrapper div.r ul li a:hover{color: #3db8f1;}
    .fix-nav .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #2a8cef;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
    .fix-nav .l{overflow: hidden;}
    .fix-nav .l .fl{float: left;height:40px;margin-top: 20px;margin-right: 10px;}
    .fix-nav .l .fl img{max-height: 100%;}
    .fix-nav .l .fr{float: right;padding: 0 10px;background: url(../images/xt.png) no-repeat left center;}
    /****改变后***/

    .fix {width: 100%;height: 60px;background: rgba(0,0,0,.8);z-index: 10;position:fixed;top: 0px;}
    .fix .fix-nav-wrapper{width: 1210px;height: 100%;margin: 0 auto;position: relative;}
    .fix .fix-nav-wrapper div.l{float: left;font-size: 24px;line-height: 60px;color: #fff;}
    .fix .fix-nav-wrapper div.r{float: right;font-size: 16px;line-height: 60px;}
    .fix .fix-nav-wrapper div.r ul{float: left;}
    .fix .fix-nav-wrapper div.r ul.fa li{float: left;position: relative;}
    .fix .fix-nav-wrapper div.r ul li a{display: block;height: 100%; padding: 0 25px;background: url(../images/xt.png) no-repeat right center;color:#fff;}
    .fix .fix-nav-wrapper div.r ul li.last a{background: none;}
    .fix .fix-nav-wrapper div.r ul li a.active,
    .fix .fix-nav-wrapper div.r ul li a:hover{color: #3db8f1;}
    .fix .fix-nav-wrapper div.r a.r-btn-a{float: right;display: block;background-color: #3db8f1;color: #fff;font-size: 14px;width: 110px;height: 30px;line-height: 30px;text-align: center;margin-top:15px;margin-left: 20px;}
    .fix .l{overflow: hidden;}
    .fix .l .fl{float: left;height:40px;margin-top: 20px;margin-right: 10px;}
    .fix .l .fl img{max-height: 100%;}
    .fix .l .fr{float: right;padding: 0 10px;background: url(../images/xt.png) no-repeat left center;}
    .fix .fix-nav-wrapper div.r .look-demo{float: left;width:110px;height:30px;margin-top:15px;margin-left: 20px; line-height:30px; font-size:14px; background-color: #9ecc17;color: #fff; text-align:center; cursor:pointer;}
    .fix .fix-nav-wrapper ul.child{position: absolute;left: 0;top: 60px;z-index: 12;width: 100%;overflow: hidden;height: 0; opacity: 0;filter: alpha(opacity=0);}
    .fix .fix-nav-wrapper div.r ul.child li{width: 100%;text-align: center;height:35px;line-height: 35px;border-bottom:1px solid #ccc;}
    .fix .fix-nav-wrapper div.r li ul.child a{font-size: 14px;color: #333;background: none;background-color: #f5f5f5;}
    .fix .fix-nav-wrapper div.r ul.child li:last-child{border-bottom: none;}
    .fix .fix-nav-wrapper div.r li ul.child li.current a,
    .fix .fix-nav-wrapper div.r li ul.child a:hover{background-color: #4dbaee;color: #fff;}
    .fix .fix-nav-wrapper div.r ul li img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /*Safari 和 Chrome*/
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .fix .fix-nav-wrapper div.r ul li.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /*Safari 和 Chrome*/
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    /**
     * WEB端二级导航查看演示样式
     */
    .demo-wrapper{width:100%; position:relative; text-align: center; } 
    .demo-wrapper .demo-content{width:100%;background-color: rgba(0,0,0,0.8); position:fixed;left:0;top:140px;opacity:0; z-index:14;height:0;overflow: hidden;border-top: #555 1px solid;}
    .demo-content ul{width: 730px; margin: 60px auto 0;}
    .demo-content ul li{width:33.3%; float:left; list-style:none}
    .demo-content ul li p{color: #fff; font-size: 18px; line-height:30px; padding-top:10px;}
    .demo-content ul li img{width:180px;}
    .fix-nav .fix-nav-wrapper div.r .look-demo{float: left;width:110px;height:30px;margin-top:15px;margin-left: 20px; line-height:30px; font-size:14px; background-color: #9ecc17;color: #fff; text-align:center; cursor:pointer;}
    .fix-nav .fix-nav-wrapper ul.child{position: absolute;left: 0;top: 60px;z-index: 12;width: 100%;overflow: hidden;height: 0; opacity: 0;filter: alpha(opacity=0);}
    .fix-nav .fix-nav-wrapper div.r ul.child li{width: 100%;text-align: center;height:35px;line-height: 35px;border-bottom:1px solid #ccc;}
    .fix-nav .fix-nav-wrapper div.r li ul.child a{font-size: 14px;color: #333;background: none;background-color: #f5f5f5;}
    .fix-nav .fix-nav-wrapper div.r ul.child li:last-child{border-bottom: none;}
    .fix-nav .fix-nav-wrapper div.r li ul.child li.current a,
    .fix-nav .fix-nav-wrapper div.r li ul.child a:hover{background-color: #4dbaee;color: #fff;}
    .fix-nav .fix-nav-wrapper div.r ul li img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /*Safari 和 Chrome*/
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .fix-nav .fix-nav-wrapper div.r ul li.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /*Safari 和 Chrome*/
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }

    /**
     * WEB端通用底部
     */
    .backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backstage_bj.html) center top no-repeat; margin-top:60px;}
    .backtage img{ display:block; margin:0 auto;}
    .backtage_foot{ background:#202223; padding:30px 30px 25px 40px; position:relative;}/* z-index:105;*/
    .backtage_foot .logo{ padding:20px 45px 0 0;}
    .backtage_foot .nav_copy{}
    .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
    .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left; padding-right:13px;}
    .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
    .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
    .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px;}
    .backtage_foot .tel dl{ height:auto; overflow:hidden;}
    .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
    .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
    .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#0687c2; width:280px;}
    .backtage_foot .tel dl dd p{ color:#888;}

    /**
     * WEB端常用样式
     */
    .section{width: 100%;}
    .section .section-wrapper{width: 1210px;margin: 0 auto;text-align: center;}
    .section .title{padding-top:50px;color: #333;}
    .section .title p.blue{font-size: 30px;line-height: 50px;color: #00b194;}
    .section .title p.up{font-size: 36px;line-height: 52px;color: #000;}
    .section .title p.down{font-size: 16px;line-height: 28px;padding-top: 10px;color:#888;}
    .img-box{width: 100%;position: relative;padding-top: 60px;}
    .fl{float: left;}
    .fr{float: right;}
    .relative{position: relative;width: 100%;height: 100%;}
    .banner, .update_banner{width: 100%;}
    .banner .banner-mid{width: 1210px;height: 100%;margin: 0 auto;padding-top: 0;}
    .banner_tsld, .update_banner{width: 100%;margin-top: 60px;}
    .banner_tsld .banner-mid{width: 1210px;height: 100%;margin: 0 auto;padding-top: 0;}

    .section-footer .section-wrapper .title{padding:0;padding-bottom: 60px; text-align: center;}
    .section-footer .section-wrapper .title h2{font-size: 36px !important;}
    .section-footer .section-wrapper .title a{color:#54c1ff;font-size: 24px ;padding: 20px 0;}
    .section-footer .section-wrapper .title a img{vertical-align: middle;padding-left: 8px;padding-bottom: 3px;}
    .section-wrapper .title h2{font-size: 48px; line-height: 75px;font-weight: lighter;color: #434A54;}
    .section-wrapper .title p{font-size: 18px;  line-height: 32px;color:#656D78;}

    .xuanzhuan0{
    transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
    }
    .xuanzhuan180{
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
    }
}



/* 手机端样式 */
@media (max-width: 640px) {
      .index, .suspension,.back_top{display: none !important;}
    .suspension-mobile{display: none;}
    .index_mobile{ position:absolute; height:100%; width:100%;}
    html{ height:100%;}
    body{ height:100%;}
    body{ margin:0; padding:0; border:0; font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; font-size:22px; color:#555; background:#fff; }
    h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{ margin:0; border:0; padding:0;}
    input,button{margin:0;font-size:12px;vertical-align:middle;}
    table{border-collapse:collapse;border-spacing:0;}
    ul,li,dt,dd ,span{list-style-type:none;}
    .clear{ margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both; visibility: hidden; border:0;}
    em{ font-style:normal;}
    a{color:#555; text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */}
    a:hover{ color:#e84028; border:0;}
    .f30{font-size:30px;}
    #bady{width:100%; min-width: 640px; margin:0 auto; background:#f7f7f7; overflow: hidden;}
    .i-1j{padding:80px 50px 0 50px;text-align: center;}
    .i-1j img{margin-top: 60px;}
    .i-bt-h2{font-size: 48px;font-weight: normal;text-align: center;}
    .i-nr{width:100%; float:inherit; line-height:36px; margin-top:20px;text-align: center;}
    .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
       font-size: 0;
    }
    .fr{float: right;}
    /**
     * 手机端以及导航样式
     */
    .mob-fix-nav{width: 100%;height: 5em;background-color: #333;overflow: hidden;}
    .mob-fix-nav .l{float: left;margin-left: 1.5em;margin-top: .2em;}
    .mob-fix-nav .l img{margin-top: 25px;float: left;}
    .mob-fix-nav .l .top div{color: #fff;font-size: 1.8em;float: left;margin-top: 24px;margin-left: 20px;}
    .mob-fix-nav .r{float: right;height: 100%;width: 100px; text-align: center;margin-right: 1.5em; cursor: pointer;}
    .mob-fix-nav .r img{margin-top:37px;}
    ul.hide-nav{width: 100%;border-top: 1px solid #ccc;background-color: #333;position: absolute;top:5em;padding: 1em 0;display: none;overflow: hidden;z-index: 10;}
    ul.hide-nav a{font-size: 1.8em;line-height: 20px;color: #9d9d9d;display: block;width: 100%;padding: 1em 1.5em;}
    ul.hide-nav a:hover{color: #fff;}

    /**
     * 手机端底部
     */
    .mob_footer{width: 100%;background-color: #16192d;padding: 35px 0;color: #fff;}
    .mob_lite_footer{width: 100%;background-color: #222;padding: 35px 0;color: #fff;text-align: center;}
    .mob_lite_footer .row{margin: 0 40px;overflow: hidden;}
    .mob_footer .row{margin: 0 40px;overflow: hidden;}
    .mob_footer .l{float: left;width: 30%;}
    .mob_lite_footer .r{font-size: 34px;line-height: 110px;color: #ccc;}
    .mob_footer .r{float: right;width: 67%;font-size: 34px;line-height: 110px;}
    .mob_footer .l img{width: 100%;}
    .index_mobile .banner{margin-top: 6em;}
    .index_mobile .banner img{width: 100%;}
    .index_mobile .mob h2{ padding: 1em .4em .4em;font-size: 3em;line-height: 1.5; font-weight: lighter;}
    .index_mobile .mob p{font-size: 1.4em;line-height: 1.8;}
    .index_mobile .mob img{width: 30em;}

}
    .wechat_func .banner,.wechat .update_banner{
    background: url(../images/wechat/wechat_func_banner.html) no-repeat center;
    height: 650px;
    }
    .wechat_func .section .section-wrapper{width: 1210px;}
    .wechat_func .pr{position: relative;}
    .wechat_func .section{padding-top: 80px;border-bottom: #f1f1f1 1px solid;margin:0 !important;}
    .wechat_func .section span{padding-left: 30px;}
    .wechat_func .section img{vertical-align:bottom}
    .wechat_func .section p{position: absolute; width: 520px;text-align: left;line-height: 1.8;}
    .wechat_func .section-1 p{position: absolute;top: 0; right: 20px;}
    .wechat_func .section-4 p{position: absolute;top: 0; right: 60px;}
    .wechat_func .section-2 p{position: absolute;top: 0; left: 10px;}
    .wechat_func .section-3 p{position: absolute;top: -90px; left: 0px; width: 560px;}
    .wechat_func .section-3{padding-top: 160px;}
    .wechat_func .section-3 img{margin-left:30px;vertical-align:bottom}
    .wechat_func .section-4 img{padding-left: 120px;}
    .wechat_func .section-5 p{position: absolute;top: -50px; right: 0; }
    .wechat_func .section-6{border: none;padding-top: 210px;}
    .wechat_func .section-6 p{position: absolute;top: -160px; left: 10px; width: 720px; }
    .ecjia-pad-2{padding-top: 100px !important; padding-bottom: 80px;}
    .wechat_func .demo-content ul li:first-child{padding-left: 240px;}
    .shopkeeper .demo-content ul li:first-child{padding-left: 120px;}
    /*******尾部表格公用部分*******/
    .pr{position: relative;}
  
    .ecjia-pos{width: 120px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;text-align: center;position: absolute;left: 0;top: 0;background-color: #fc8080;}
    .ecjia-bgcolor-1{background-color:#fff7ec}
    .ecjia-bgcolor-2{background-color:#f4fce8}
    .ecjia-bgcolor-3{background-color:#e9fffe}
    .ecjia-bgcolor-4{background-color:#fbe9ff}
    .ecjia-bgcolor-5{background-color:#fff3f3 !important;}
    .ecjia-color-1{color: #ffffff; font-size: 48px;}
    .ecjia-color-2{color: #5fc4f4; font-size: 48px;}
    .ecjia-center{text-align: center !important;}
    .ecjia-section-14{background-color: #333;}
    .ecjia-pad-1{padding-bottom: 80px;}
    .b2c-pad{height: 105px !important; line-height: 105px !important;}
    .ecjia-net .content .section-7.ecjia-lite { background:url("../images/ecjia_lite/6-bj.html") repeat-x }
    .ecjia-net .content .section-9 .ecjia-lite li { height: 135px;  text-align: center;}
    .ecjia-net .content .section-9 .ecjia-lite li span{color: #fff; font-size: 16px;margin-top: 10px; display: inline-block;}
    .ecjia_com_list { margin:  0 auto;width: 1210px; clear: both;}
    .ecjia_com_list .title-color { color: #5fc4f4}
    .ecjia_com_list .up {font-size: 48px;line-height: 70px;color: #333; text-align: center; margin: 40px 0;}
    .ecjia_com_list table  { border:1px solid #ddd;background-color: #fff; border-collapse: collapse; font-size: 18px; margin-top: 20px; text-align: left; width: 1210px;}
    .ecjia_com_list th,.ecjia_com_list td{ padding: 20px; text-align: center;border: 1px solid #ddd;}
    .ecjia_com_list th {font-size:24px; font-weight: normal; }
    .section-12 .title p.up span{color: #56b100;}
    .ecjia_com_list .table-title{ font-size: 24px}
    .ecjia_com_list .bgc-blue { background-color: #f1fbff}
    .ecjia_com_list .fc-red { color: #fc8080}
    .ecjia_com_list .y-support {background: rgba(0, 0, 0, 0) url("../images/gou.png") no-repeat scroll 35px center; padding-left: 68px;}
    .ecjia_com_list .n-support { background: rgba(0, 0, 0, 0) url("../images/cha.html") no-repeat scroll 35px center;padding-left: 68px;}
    .ecjia_com_list .btn-blue{background-color: #42b8f1;border-radius: 5px;    color: #fff;    display: block;    font-size: 16px; height: 40px; line-height: 40px; text-align: center;    padding: 0 18px}
    .ecjia_com_list .bottom-btn {text-align:center; padding: 60px 0;}
    .ecjia_com_list .bottom-btn a {background-color: #94cb35;border-radius: 5px; color: #fff;display: inline-block;font-size: 24px; height: 70px; line-height: 70px; text-align: center; padding: 0 60px}
    .ecjia_com_list table tr td p{font-size: 14px;line-height: 25px;}
    .ecjia_com_list .ecjia-lite {font-size: 48px; padding-top: 30px; color: #333; line-height: 70px;}
    .ecjia-hgt{height: 110px;}
    .ecjia-pad{padding-top:60px;}

    /*****Update_Log******/

    .com-pad{padding-top: 80px;}
    .com-pad-1{padding-left: 20px;}
    .com-pad-2{padding-left: 50px;}
    .section-index-5{padding-bottom: 80px;}
    .section-index-5 .section-wrapper{position: relative;}
    .section-index-5 .box{width: 1100px;border-left: 5px solid #9cccfc;border-right: 5px solid #9cccfc;padding: 0 50px 10px;}
    .section-index-5 .box .func-lists{list-style-type: none;padding:0;}
    .section-index-5 .box-wrap{border-bottom: 1px solid #9cccfc;padding-bottom: 10px;}
    .section-index-5 .box-wrap.last{border-bottom: none;padding-top: 20px;}
    .section-index-5 .update{font-size: 48px;text-align: left;position: absolute;left: 0;top: 50px;}
    .section-index-5 .gif-img-l{position: absolute;left: 40px;top: 120px;}
    .section-index-5 .gif-img-r{position: absolute;right: 30px;top: 10px;}
    .t-al-r{text-align: right;}
    .t-al-l{text-align: left;}
    .t-al-c{text-align: center;}
    .Span-box-h3{font-size: 36px;line-height: 40px;color: #333333; padding-top: 10px;}
    .func-lists{list-style-type:circle;text-align: left;padding: 30px 25px;}
    .func-lists li{font-size: 24px;line-height: 50px;color: #333333;}
    .func-lists li ul li{font-size: 18px;line-height: 30px;color: #888888; padding-left: 50px;}
    .Span08-toggle{font-size: 18px;color: #888888;vertical-align: top;margin-left: 35px;cursor: pointer;}
    .Span08 .Span03Box .Span08-toggle img{margin-left: 10px;}
    .color-1{color: #9cccfc;}
    .color-2{color: #888888;}
    .color-3{color:#ffffff;}
    .color-4{color: #2ab6ed}
    .fsize-1{font-size: 18px;}
    .fsize-2{font-size: 24px;}
    .fsize-3{font-size: 36px;}
    .fsize-4{font-size: 14px; line-height: 2;}
    .fsize-48{font-size: 48px;}

    .func-lists li.color-1{color: #888888;}
   
    /****转轮动画***/
    @keyframes zlb{
                from{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
                to{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
            }
    @keyframes zls{
                from{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
                to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
            }
    .zl-1{position: absolute;top: 10px; right: 30px;animation: zlb 3s linear 0s infinite;-webkit-animation:zlb 3s linear 0s infinite;-moz-animation:zlb 3s linear 0s infinite;-ms-animation:zlb 3s linear 0s infinite;-o-animation:zlb 3s linear 0s infinite;}
    .zl-2{position: absolute;top: 130px; right: 160px;animation: zls 3s linear 0s infinite;-webkit-animation:zls 3s linear 0s infinite;-moz-animation:zls 3s linear 0s infinite;-ms-animation:zls 3s linear 0s infinite;-o-animation:zls 3s linear 0s infinite;}

    /*****app_duibi******/

    .app_duibi{background-color: #464646;}
    .app_duibi .title p{color: #fff !important;}
    .app_duibi ul{width: 1140px;overflow: hidden;margin: 0 auto;padding: 50px 0;}
    .app_duibi ul li span{
            color: #fff;
            display: inline-block;
            font-size: 16px;
            margin-top: 10px;
        }
    .app_duibi ul li{float: left;width: 100px;height: 100px;margin-right: 30px;}
    .app_duibi ul li.last{margin-right: 0;}
    .android11{ width:1100px; text-align:center;}
    .android_eleven{ background:#272727;padding:100px 0;}
    .android12 dl dd{ line-height:22px;color:#bababa; line-height:25px;margin-top:20px;}
    .android13{ width:1098px; background:url(../images/a_bg.html) no-repeat center top;margin-top:70px;}
    .android13 .duibi{ width:240px;}
    .android13 .ysapp{width:429px;}
    .android13 .hhapp{ width:429px;}
    .android13 dl dt{height:104px; line-height:104px;color:white; font-size:30px;}
    .duibi dl dt,.duibi dl dd{ text-align:center;}
    .duibi dl dd{ height:85px; line-height:85px;color:#333; font-size:18px;}
    .ysapp dl dd{ height:85px; text-align:left;}
    .ysapp dl dd p{padding:15px 15px 0 15px; line-height:25px;}
    .ysapp dl dd p span{color:#2d9b1e;}

    .hhapp{color:#888;}
    .hhapp dl dd{ height:85px; text-align:left;}
    .hhapp dl dd p{padding:15px 15px 0 15px; line-height:25px;}
    .hhapp dl dd p span{color:#2d9b1e;}

    /****wechat****/

    /****特色功能****/

    .nav-wrapper{width: 100%;height: 80px;background-color: #666; z-index: 100;}
    .nav-wrapper ul{width: 1210px;height: 100%;margin: 0 auto;}
    .nav-wrapper ul li{ float: left; width: 50%; height: 100%;position: relative;text-align: center;}
    .nav-wrapper ul li img{position: absolute;left: 50%;margin-left: -12px;bottom: -15px;z-index: 2;display: none;}
    .nav-wrapper ul li a{display: block;width: 100%; height: 100%;font-size: 24px; color: #fff;line-height: 80px;}
    .nav-wrapper ul li.active{background-color: #41a7fd;}
    .nav-wrapper ul li.active img{display: block;}

    /****fast nav****/

    .fast-nav{width: 180px;border: 1px solid #ccc;position: absolute; right: 20px;top: 850px;z-index: 11;}
    .nav-header{height: 35px;line-height: 35px;font-size: 14px;background-color: #f2f2f2;text-align: center;cursor: pointer;border-bottom: 1px solid #bbb;}
    .nav-header img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /*Safari 和 Chrome*/
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .nav-header.show img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg);/* Safari 和 Chrome*/
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .nav-body{padding: 15px 0 15px 30px;background-color: #fff;border-bottom: 1px solid #bbb;}
    .nav-body li{line-height: 30px;text-align: left;padding-left: 20px;position: relative;border-left: 1px solid #bbb;cursor: pointer;}
    .nav-body li .r{width: 11px;height: 11px; border-radius: 50%;background-color: #bbb;position: absolute;left: -6px;top: 50%;margin-top: -5px;}
    .nav-body li .t-l{width: 1px;height: 8px;border: 1px solid #fff;position: absolute;left: -1px;top: 0;}
    .nav-body li .b-l{width: 1px;height: 8px;border: 1px solid #fff;position: absolute;left: -1px;bottom: 0;display: block;}
    .nav-body li.active .b-l{display: none;}
    .nav-body .fa-li.active{color: #15b7ff;}
    .nav-body .fa-li.active .r{background-color: #15b7ff;}
    .nav-body .child-ul{ display: none;}
    .nav-body .child-ul.show{display: block;}
    .nav-body .child-li{font-size: 12px;line-height: 30px;background-color: #fff;}
    .nav-body .child-li.curr{background-color: #44c5ff;color: #fff;}
    .nav-footer{padding: 20px 30px;text-align: center;background-color: #fff;}
    .nav-footer a{ width: 120px;height: 30px;line-height: 30px; font-size: 14px;display: block;border-radius: 5px;margin-top: 10px;border: 1px solid #bbb;}
    .nav-footer a img{margin-right: 5px;}
    .nav-footer a.kf{color: #84cb1f;margin-top: 20px;}
    .nav-footer a.go-to-top{color: #999;margin-bottom: 5px;}
    .nav-footer a.pre-update{color: #44c5ff;}
    .version{ width: 1210px; height: 100px;font-size: 48px;line-height: 100px;margin: 15px auto 0;border-bottom: 1px dashed #15b7ff; position: relative;padding-top: 50px;}
    .wechat .version-bdr{border: none; padding-top: 0;}
    .wechat .version-bdr .r{margin-top: 0;}
    .version .r{width: 12px;height: 12px;border-radius: 50%;background-color: #15b7ff;position: absolute;left: 0;top: 50%;margin-top: 20px;}
    .version p{padding-left: 30px;}
    .version span{color: #15b7ff;}
    .b-p{text-align: center;font-size: 24px;margin: 50px 0 30px;}
    a.b-a{display: block;text-align: center;width: 240px;height: 70px;line-height: 70px;margin: 0 auto 60px;font-size: 24px;color: #fff;background-color: #15b7ff;border-radius: 5px;}
    .wechat .btn-updatel{display: block;text-align: center;width: 220px;height: 60px;line-height: 60px; margin: 40px auto;font-size: 24px;color: #fff;background-color: #15b7ff;border-radius: 5px;}
    /*****mobile meau_top *****/
    .mob-b2c-nav,
    .mob-lite-nav,
    .mob-watch-nav,
    .mob-wechat-nav{width: 100%;background-color: #fff; position: absolute;top: 5em;overflow: hidden;border-bottom: 1px solid #ddd;z-index:6;}
    .mob-b2c-nav .l{float: left;width: 33%; height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-wechat-nav .l,
    .mob-lite-nav .l{ width: 33%;float: left;height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-watch-nav .l{ width: 40%;float: left;height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-b2c-nav .r{float: right; width: 67%;height: 3em;line-height: 4em;font-size: 1.6em;overflow: hidden;}
    .mob-lite-nav .r,
    .mob-wechat-nav .r{float: right;width: 65%; height: 3em;line-height: 3em;font-size: 2em;overflow: hidden;}
    .mob-watch-nav .r{float: right;width: 60%; height: 3em;line-height: 3em;font-size: 2em;overflow: hidden;}
    .mob-b2c-nav ul,
    .mob-lite-nav ul,
    .mob-watch-nav ul,
    .mob-wechat-nav ul{width: 100%;overflow: hidden;}
    .mob-b2c-nav  ul a,
    .mob-lite-nav  ul a,
    .mob-watch-nav  ul a,
    .mob-wechat-nav ul a{display: block;width: 100%;height: 100%;-webkit-tap-highlight-color:transparent;}
    .mob-b2c-nav ul.nav li{float: left;text-align: center;width: 33.33%;font-size: 1.2em;line-height: 3;}
    .mob-wechat-nav ul.nav li,
    .mob-watch-nav ul.nav li,
    .mob-lite-nav ul.nav li{float: right;text-align: center;width: 33.3%;}
    .mob-b2c-nav ul.nav li.active a,
    .mob-wechat-nav ul.nav li.active a,
    .mob-lite-nav ul.nav li.active a{color: #3db8f1;}
    .mob-b2c-nav ul.nav li img,
    .mob-lite-nav ul.nav li img,
    .mob-wechat-nav ul.nav li img{vertical-align: middle;width:10%;}
    .mob-b2c-nav .have-child img,
    .mob-lite-nav .have-child img,
    .mob-wechat-nav .have-child img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg);/* Safari 和 Chrome */
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .mob-b2c-nav .have-child.curr img,
    .mob-lite-nav .have-child.curr img,
    .mob-wechat-nav .have-child.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .view-wrap,.fa-wrap{position: fixed;width: 100%; top:3em;z-index:8;}
    .view-wrap .view-nav-child,ul.nav-child{ width:100%; background-color: #fff; position: absolute; left: 0; top: 8.06em;display:none;z-index: 8;overflow: hidden;}
    .view-wrap .view-nav-child li,ul.nav-child.show{z-index: 9;}
    .view-wrap .view-nav-child li,ul.nav-child li{height: 3em;line-height: 3em; font-size: 1.5em;border-bottom:1px solid #ddd;}
    .view-wrap .view-nav-child li a,ul.nav-child li a{display: block;height: 100%;width: 90%;padding-left: 10%;text-decoration: none;}

    /****mobile meau_top end****/


    /* 20170314 add*/
.container {width: 1200px;margin: 0 auto;}
.head {height: 90px;}
.head .hd { height: 90px; margin:0 auto;background-color: #fff;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.head .logo {float: left;padding: 10px 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.head .logo img {height: 70px;width: auto;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.head .menu {float: right;}
.head .menu li {float: left;}
.head .menu li a {line-height: 90px;display: block;font-size: 18px;color: #3d3d3d;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;padding: 0 20px;}
.head .menu li a:hover,.head .menu li.active a {color: #298cef;}
.head .menu li.hover {background: url(../images/navArrow.png) no-repeat center bottom;}
.minNavFixed {height: 94px;}
.head .menu li.hover a {color: #298cef;}
.minNavFixed .hd {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;border-bottom: 1px solid #e3e3e3;height: 70px;}
.minNavFixed .logo {padding: 5px 0;}
.minNavFixed .logo img {height: 60px;}
.minNavFixed .menu li a {line-height: 70px;}

.subNav{position: relative;padding: 30px 0;text-align: center;background: #3d3d3d;background:rgba(61,61,61,.9);z-index: 1000;display: none;}
.subNav .row{display: none}
.normalNav ul,.proNv ul{text-align: center}
.normalNav ul li,.proNv ul>li{display: inline-block;margin: 0 30px}
.normalNav ul li,.proNv ul>li{*display: inline}
.normalNav ul li a{padding-bottom: 8px;color: #fff;font-size: 16px;}
.normalNav ul li a:hover{border-color: #298cef;color:#298cef}

/* 底部广告 */
.width1000 {position:relative;width:1000px;margin:0 auto;padding-bottom:1px;}
.asideBanner {z-index:9999;position:fixed;bottom:0;left:0;width:20px;height:133px;}
.asideBanner .asideBannerIcon {position:absolute;top:29px;left:0%;width:120px;height:105px;background:url('../images/min.png') no-repeat bottom;cursor:pointer;}
.asideBanner .foorterBanner {position:absolute;top:0;left:-100%;width:100%;height:134px;background:url('../images/bg.png') no-repeat bottom;}
.asideBanner .foorterBanner div {height:134px;background:url('../images/footer_ad.png') no-repeat center;}
.asideBanner .foorterBanner a {position:absolute;top:29px;left:0;width:951px;height:133px;font-size:25px;color:#fff;line-height:52px;text-align:center;background:none;cursor:pointer;}
.asideBanner a.a2 {right:89px;}
.asideBanner .foorterBanner div>i {position:absolute;top:29px;right:0;width:41px;height:38px;background:#fa9c29 url('../images/close.png');cursor:pointer;}
