/******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{ 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;}
    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;}

    /**
     * WEB端二级导航样式
     */
	 .header{width:100%; height:60px; background:#353739; overflow:hidden; line-height:60px; position:fixed;top:0; z-index:103;}
	.header div.f_l{margin:0 0 0 20px;}
	.header div.f_l ul li{float:left; font-size:16px;padding:0 25px;}
/*	.header div.f_l ul li img{margin-top:16px;}
*/	.header div.f_l ul li a{color:#818181;}
	.header div.f_l ul li a:hover{color:white;}
	.header div.f_l ul li.active a{color:#fff;}
	.header div.f_r{margin-right:80px;color:#fff; font-size:16px;}
	
	.nav{display:block;width:600px;height:60px;float:left;padding-left:300px;}
	.nav ul li{display:block;width:25%;float:left;}
	.nav ul li a{color:#fff;font-size:16px;text-align:center;}
	.nav ul li a:hover{color:#42d1d4}
	 
	 
    .fix-nav{width: 100%;height: 60px;background: #fff;position: absolute;top: 80px;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;color: #333;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/b2b2c/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.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/b2b2c/xt.png) no-repeat left center;}

    /**
     * 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:11;height:0;overflow: hidden;}
    .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.jpg) 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: 48px;line-height: 70px;}
    .section .title p.down{font-size: 18px;line-height: 35px;padding-top: 10px;}
    .img-box{width: 100%;position: relative;padding-top: 60px;}
    .fl{float: left;}
    .fr{float: right;}
    .relative{position: relative;width: 100%;height: 100%;}
    .banner{width: 100%;margin-top: 60px;}
    .banner .banner-mid{width: 1210px;height: 100%;margin: 0 auto;padding-top: 0;}
}



/* 手机端样式 */
@media (max-width: 1024px) {
    .index, .suspension,.back_top{display: none;}
    .suspension-mobile .suspension-box{display: block;}
    .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;}

    /**
     * 手机端以及导航样式
     */
    .mob-fix-nav{width: 100%;height: 5em;background-color: #333;position: absolute;top:0;overflow: hidden;}
    .mob-fix-nav .l{float: left;margin-left: 1.5em;}
    .mob-fix-nav .l img{margin-top: 25px;float: left;}
    .mob-fix-nav .l .top div{color: #fff;font-size: 30px;float: left;margin-top: 35px;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: 1em;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_footer .row{margin: 0 40px;overflow: hidden;}
    .mob_footer .l{float: left;width: 30%;}
    .mob_footer .r{float: right;width: 67%;font-size: 34px;line-height: 110px;}
    .mob_footer .l img{width: 100%;}
    .index_mobile .banner{margin-top: 242px;}
    .index_mobile .banner img{width: 100%;}
}

    /*******尾部表格公用部分*******/
    .pr{position: relative;}
    .jzphp_lite_feature_list table tr td p{font-size: 14px;line-height: 25px;}
    .jzphp-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;}
    .jzphp-bgcolor-1{background-color:#fff7ec}
    .jzphp-bgcolor-2{background-color:#f4fce8}
    .jzphp-bgcolor-3{background-color:#e9fffe}
    .jzphp-bgcolor-4{background-color:#fbe9ff}
    .jzphp-bgcolor-5{background-color:#fff3f3}
    .jzphp-color-1{color: #ffffff; font-size: 48px;}
    .jzphp-color-2{color: #5fc4f4; font-size: 48px;}
    .jzphp-center{text-align: center !important;}
    .jzphp-section-14{background-color: #333;}
    .jzphp-hgt{height: 110px;}
    .jzphp-pad{padding:80px;}
    .jzphp-pad-1{padding-bottom: 80px;}
    .b2c-pad{height: 105px !important; line-height: 105px !important;}
    .jzphp-net .content .section-7.jzphp-lite { background:url("../images/jzphp_lite/6-bj.jpg") repeat-x }
    .jzphp-net .content .section-9 .jzphp-lite li { height: 135px;  text-align: center;}
    .jzphp-net .content .section-9 .jzphp-lite li span{color: #fff; font-size: 16px;margin-top: 10px; display: inline-block;}
    .jzphp_lite_feature_list { margin:  0 auto;width: 1210px; clear: both;}
    .jzphp_lite_feature_list .title-color { color: #5fc4f4}
    .jzphp_lite_feature_list .up {font-size: 48px;line-height: 70px;color: #333; text-align: center; margin: 40px 0;}
    .jzphp_lite_feature_list table  { border:1px solid #ddd;background-color: #fff; border-collapse: collapse; font-size: 18px; margin-top: 20px; text-align: left; width: 1210px;}
    .jzphp_lite_feature_list th,.jzphp_lite_feature_list td{ padding: 20px 30px; text-align: center;border: 1px solid #ddd;}
    .jzphp_lite_feature_list th {font-size:24px; font-weight: normal; }
    .jzphp_lite_feature_list .table-title{ font-size: 24px}
    .jzphp_lite_feature_list .bgc-blue { background-color: #f1fbff}
    .jzphp_lite_feature_list .fc-red { color: #fc8080}
    .jzphp_lite_feature_list .y-support {background: rgba(0, 0, 0, 0) url("../images/gou.png") no-repeat scroll 35px center; padding-left: 68px;}
    .jzphp_lite_feature_list .n-support { background: rgba(0, 0, 0, 0) url("../images/cha.png") no-repeat scroll 35px center;padding-left: 68px;}
    .jzphp_lite_feature_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}
    .jzphp_lite_feature_list .bottom-btn {text-align:center; margin: 40px 0;}
    .jzphp_lite_feature_list .btn-green {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}

    /*****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;}
    .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;}