@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg') format('svg');
}
.iconfont{
    font-family: "iconfont" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/******WEB端样式******/
html{width: 100%;}
body{overflow-x: hidden;}
 @media screen and (min-width: 641px){
    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{ font-weight:normal; font-style:normal;}
    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;}
    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;
    }
    body{font-family:"Microsoft YaHei", "微软雅黑", "黑体"; font-size:14px;width: auto;min-width: 1210px;color: #333;}
    .clearfix {display:inline-block;}
	
    *html .clearfix {height:1%;}
    .clearfix {display: block;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 !important;}
    .text-right{text-align: right;}
   /* .suspension-mobile,.index_mobile{display: none;}*/
    .content{overflow: hidden;}
    .suspension-box{display: block;}
    .fix-nav{width: auto; min-width: 1210px;}
    .fix-nav .fix-nav-wrapper{width: 1180px !important;}
    .fix .fix-nav-wrapper{width: 1180px !important;}
    .quanjing_copyright .backtage_foot .wrapper{width: 100% !important;}
    /**
     * WEB端二级导航样式
     */
     /***常态***/
    .fix-nav{width: 100%;height: 60px;background: #fff;position: absolute;z-index: 10;border-bottom: 1px solid #ccc;}
    .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;}
    .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-child a{background: none;}
    .fix-nav .fix-nav-wrapper div.r ul li.active a,
    .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: #3db8f1;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.active a,
    .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);
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -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);
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -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);
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -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);
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }

    /**
     * WEB端通用底部
     */
    .quanjing_copyright .copyright{background: #222;box-sizing: border-box; padding: 50px 0;}
    .quanjing_copyright .copyright .section-wrapper{width: 1210px; margin:0 auto;padding:0; border: 0;background: #222;}
    .quanjing_copyright .copyright .section-wrapper ul{height:206px;margin-right: -80px;}
    .quanjing_copyright .copyright .section-wrapper ul li{float: left; height: 100%;text-align: left;font-size: 12px;width: 242px;box-sizing: border-box;margin-right: 80px;border-right: #474747 solid 1px;}
    .quanjing_copyright .copyright .section-wrapper ul li:last-child{border-right: 0;}
    .quanjing_copyright .copyright .section-wrapper ul li a{color: #5e6263;}
    .quanjing_copyright .copyright .section-wrapper ul li a:hover{color: #ccc;}
    .quanjing_copyright .copyright .section-wrapper ul li dl dt{color: #fff;font-size: 18px;font-weight: 400;padding-bottom: 10px;}
    .quanjing_copyright .copyright .section-wrapper ul li dl dd{line-height: 2.5;}
    .quanjing_copyright .copyright .section-wrapper ul li dl dd img{vertical-align: middle;padding-left:8px; }
    .quanjing_copyright .backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backstage_bj.jpg) center top no-repeat; margin-top:60px;}
    .quanjing_copyright .backtage img{ display:block; margin:0 auto;}
    .quanjing_copyright .backtage{ height:1090px; position:relative; z-index:1; background:url(../images/backstage_bj.jpg) center top no-repeat; margin-top:60px;}
    .quanjing_copyright .backtage img{ display:block; margin:0 auto;}
    .quanjing_copyright .backtage_foot{ background:#181818; padding:30px 30px 25px 40px; position:relative;}/* z-index:105;*/
    .quanjing_copyright .backtage_foot .wrapper{width: 1210px; margin: 0 auto;}
    .quanjing_copyright .backtage_foot .wrapper>p{color: white;text-align: right;line-height: 1.8; font-size: 12px; padding:26px 20px 0 0;}
    .quanjing_copyright .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
    .quanjing_copyright .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left;padding-right: 13px;}
    .quanjing_copyright .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
    .quanjing_copyright .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
    .quanjing_copyright .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px;}
    .quanjing_copyright .backtage_foot .tel dl{ height:auto; overflow:hidden;width: 280px;}
    .quanjing_copyright .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
    .quanjing_copyright .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
    .quanjing_copyright .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#9ecc17; width:200px;}
    .quanjing_copyright .backtage_foot .tel dl dd p{ color:#888;width: 200px;}
    .quanjing_copyright .backtage_foot .nav_copy{padding-top: 10px;}
    .quanjing_copyright .backtage_foot .tel{padding-top: 20px;}
    .quanjing_copyright .backtage_foot .qq{padding: 30px 30px 0 10px;}
    /**
     * WEB端常用样式
     */
    .section{width: 100%;}
    .section .section-wrapper{width: 1210px;margin: 0 auto;text-align: center;}
    .section .title{padding-top:60px;color: #333;}
    .section .title p.blue{font-size: 30px;line-height: 50px;color: #00b194;}
    .section .title p.up{font-size: 48px;line-height: 70px;color: #434A54;}
    .section .title p.down{font-size: 18px;line-height: 35px;padding-top: 10px;color:#656D78;}
    .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;}
    .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: 36px; color: #333; padding-bottom: 20px;}
    .section-wrapper .title p{font-size: 20px;  line-height: 32px;color:#666;}
    .section-wrapper .title p a{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 screen and (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; overflow-x: hidden;}
    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;}
    /**
     * 手机端导航样式
     */
    .ecjia_mob_menu .mob-fix-nav{height: 2em;width: 100%;background-color: #333;overflow: hidden;position: relative}
    .ecjia_mob_menu .mob-fix-nav .l{float: left;margin: 0;width: 30%;color: #fff;height: 100%;}
    .ecjia_mob_menu .mob-fix-nav .l img{width: 50%;display: inline-block;margin-top: 9%;margin-left: 7%;}
    .ecjia_mob_menu .mob-fix-nav div.menu-title{width: 45%;margin: 0 auto;height: 100%;text-align: center;line-height: 2.4em;color: #fff;font-size: .8em;display: inline-block;}
    .ecjia_mob_menu .mob-fix-nav .r{width: 10%;height: 100%;float: right;display: inline-block;padding: 5% 5% 0 0;box-sizing: border-box;}
    .ecjia_mob_menu .mob-fix-nav .r span:before{top: -6px;}
    .ecjia_mob_menu .mob-fix-nav .r span:after{bottom: -6px;}
    .ecjia_mob_menu .mob-fix-nav .r span,
    .ecjia_mob_menu .mob-fix-nav .r span:before,
    .ecjia_mob_menu .mob-fix-nav .r span:after{position: absolute;display: block;width: 25px;height: 2px;cursor: pointer;content: '';background-color: #ddd;border-radius: 1px;
        -webkit-transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -o-transition:transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }
    .ecjia_mob_menu .mob-fix-nav .r span{height: 0;}
    .ecjia_mob_menu .mob-fix-nav .r.open span:before{-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
    .ecjia_mob_menu .mob-fix-nav .r.open span:after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .ecjia_mob_menu .mob-fix-nav .r.open span:before,
    .ecjia_mob_menu .mob-fix-nav .r.open span:after {top: 0;}
    .ecjia_mob_menu div.hide-nav div.line{background: url(../images/product.jpg) no-repeat center center;background-size: 96%;width: 100%;height: 1em;margin: .2em 0;}
    .ecjia_mob_menu div.hide-nav{top: 2em;padding: .4em 0;box-shadow: 0 4px 20px 0px #888;width: 100%;background-color: #fff;position: absolute;display: none;overflow: hidden;z-index: 10;}
    .ecjia_mob_menu div.hide-nav li{ float: left;width: 25%;box-sizing: border-box;padding: .3em;text-align: center;}
    .ecjia_mob_menu div.hide-nav li i{display: inline-block;background: url(../images/ecjia_mob_nav_icon.png)no-repeat center;background-size: 70em;width: 5em;height: 5em;background-position: 0 0}
    .ecjia_mob_menu div.hide-nav li:nth-child(2) i{background-position: -5em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(3) i{background-position: -10em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(4) i{background-position: -15em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(5) i{background-position: -20em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(6) i{background-position: -25em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(7) i{background-position: -30em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(8) i{background-position: -35em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(9) i{background-position: -40em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(10) i{background-position: -45em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(11) i{background-position: -50em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(12) i{background-position: -55em 0;}
    .ecjia_mob_menu div.hide-nav li:nth-child(13) i{background-position: -60em 0;}
    .ecjia_mob_menu div.hide-nav li a{font-size: .55em;color: #333;display: block;width: 100%;height: 7em;}
    .ecjia_mob_menu div.hide-nav li p{padding-top: .5em;font-size: .8em;}

    /**
     * 手机端底部
     */
    .mob_ecjia_copyright .mob{background:#222;color: #fff;text-align: center;}
    .mob_ecjia_copyright .mob div.clearfix{width: 50%;margin: 0 auto;padding: 2em 0;}
    .mob_ecjia_copyright .mob div.clearfix>img{float: left;width: 3em;}
    .mob_ecjia_copyright .mob div.clearfix>p{float: right;text-align: left;color: #999;font-size: .8em;}
    .mob_ecjia_copyright .mob div.clearfix>p a{font-size: 2em;color: #75cc17;}
    .mob_ecjia_copyright .mob>img{width: 30%;}
    .mob_ecjia_copyright .mob>p{font-size: 1em;line-height: 1.5;}
    .mob_ecjia_copyright .mob-footer{background:#111;text-align: center;}
    .mob_ecjia_copyright .mob-footer .copyright{padding:2em 0;color: #999;font-size: .8em;line-height: 1.8;}
    .index_mobile .back-top{position: fixed;z-index: 10;width: 14%;bottom: 3%;right: 3%;display: block;}
    .index_mobile .back-top img{width: 100%;max-width: 100%;opacity: .8;}
    #load {position: relative;z-index: 100;}}
    .ecjia-pad-2{padding-top: 100px !important; padding-bottom: 80px;}
    .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/6-bj.jpg") 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.png") 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;}
    .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 !important;}
    .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.png) 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;}

    /****特色功能****/

    .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); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -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); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-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;}
    .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;}

    @media (min-width: 1211px){.quanjing_copyright .backtage_foot .wrapper{width: 1210px !important;}    }

    /*===========ipad横屏兼容字体============*/
    @media (min-width: 641px) and (max-width: 1024px){body{font-family: "Arial";}.top-nav .box{width: 1180px !important;} }
/**H5动画公用样式*/

#swiper-container-v {width: 100%;height: 100%;}
@media (max-width: 640px) {
body{font-family: "Arial"	}
img{/* width: 100%; */ max-width: 100%}
.suspension-mobile{display: none;}}
.swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .4;}
.swiper-pagination-bullet-active {	opacity: 1;}
@-webkit-keyframes start {	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}	60% {opacity: 1;-webkit-transform: translate(0,0);}	100% {opacity: 0;-webkit-transform: translate(0,-8px);}}
@-moz-keyframes start {0%,30% {opacity: 0;-moz-transform: translate(0,10px);}60% {opacity: 1;-moz-transform: translate(0,0);}100% {opacity: 0;-moz-transform: translate(0,-8px);}}
@keyframes start {0%,30% {opacity: 0;transform: translate(0,10px);}60% {opacity: 1;transform: translate(0,0);}100% {opacity: 0;transform: translate(0,-8px);}}
@-webkit-keyframes myZoomIn1 {0% {opacity: 0.4;-webkit-transform: scale3d(.4, .4, .4) translate3d(0, 30%, 0);transform: scale3d(.4, .4, .4) translate3d(0, 30%, 0);}100% {opacity: 1;}}
@keyframes myZoomIn1 {0% {opacity: 0.4;-webkit-transform: scale3d(.4, .4, .4) translate3d(0, 30%, 0);transform: scale3d(.4, .4, .4) translate3d(0, 30%, 0); }100% {opacity: 1;  }}
.myZoomIn1 {-webkit-animation-name: myZoomIn1;animation-name: myZoomIn1;}
@-webkit-keyframes myZoomIn2 {
  0% {opacity: 0.4;}100% {	opacity: 1;transform: scale3d(1.06, 1.06, 1.06) ;  }}
@keyframes myZoomIn2 {0% {opacity: 0.4;}100% {opacity: 1;transform: scale3d(1.06, 1.06, 1.06) ;}}
.myZoomIn2 {-webkit-animation-name: myZoomIn2;animation-name: myZoomIn2;}
@-webkit-keyframes myFlip {0% {opacity: 0.4;-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);}100% {opacity: 1;}}
@keyframes myFlip {0% {opacity: 0.4;transform: rotateY(360deg);  }100% {opacity: 1;  }}
.myFlip { -webkit-animation-name: myFlip;animation-name: myFlip;}
@-webkit-keyframes myrotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-250deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,-250deg) scale3d(.3,.3,.3);opacity:0;}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}
@keyframes myrotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-250deg) scale3d(.3,.3,.3);-ms-transform:rotate3d(0,0,1,-250deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,-250deg) scale3d(.3,.3,.3);opacity:0;}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;}}
.myrotateIn{-webkit-animation-name:myrotateIn;animation-name:myrotateIn}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
.loading{-webkit-animation-name:loading;animation-name:loading}
/*loading*/
.poster_wrap.load {height:100%;background: #e84c3d;z-index: 100;background: -webkit-linear-gradient(top,#595aa0 0,#5d7fd4 30%,#678fe4 53%,#7ba2de 70%,#afcfc8 100%);}
.poster_wrap {-webkit-transform: translate3d(0,0,0);-webkit-transition: -webkit-transform .3s linear,opacity .3s linear;}
.p_loading {position: absolute;top: -40px;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 150px;}
.p_loading_logo {display: block;width: 100px;height: 100px;background: url(../images/zp_loading_new.png) center top no-repeat;background-size: 100%;margin: 0 auto;-webkit-animation: loading 3s linear infinite;animation: loading 3s linear infinite;}
.p_loading_tip {color: #fff;font-size: 15px;text-align: center;line-height: 25px;margin-top: 25px;text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#swiper-container-h{position:absolute;width:100%;top:70px;bottom:110px;overflow:visible;}
.posit_arrow_bot {position: absolute;bottom: -4px;height: 4px;width: 100%;background: url(../images/posit_bottom_new.png) repeat-x;background-size: 248px auto;}
.arrow-box{position: absolute;bottom: -45px;left: 0;right: 0;margin: 0 auto;width: 50%;height: 90px;border-radius: 100%;background: rgba(255,255,255,.18);z-index: 900;}
#array{z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;display:block;margin: 15px  auto 0 auto;width: 20px;height: 15px;z-index: 999;}
.index_mobile .swiper-slide>h2{width: 100%;font-size: 1.2em;margin: .4em auto .2em;text-align: center;line-height: 1.2;}
.index_mobile .swiper-slide>p{width: 97%;margin: 0 auto;font-size: .7em;text-align: center;line-height: 1.2;}


.xs-main-nav{
    height: 60px;
    line-height: 60px;
    background: #f1f4f8;
    min-width: 1200px;
}
.xs-main-list{
    font-size: 0;
    width: 1200px;
    margin: auto;
}
.xs-main-list-item{
    width: 200px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #090a0b;
    cursor: pointer;
}
.xs-main-list-item a{
    color: #090a0b;
}
.xs-main-list-item.active,
.xs-main-list-item:hover{
    background: #fff;
	color: #090a0b;
}
.xs-main-content{
    width: 1200px;
    margin: auto;
}
.main-content-title{
    margin-top: 70px;
    height: 24px;
    padding: 0 13px;
    line-height: 24px;
    border-left: 3px solid #5481fe;
    margin-bottom: 64px;
}
.main-content-title-cn{
    font-size: 24px;
    color: #333;
    margin-right: 10px;
}
.main-content-title-en{
    font-size: 18px;
    color: #9797a1;
}