/******WEB����ʽ******/
html{width: 100%;height: 100%;overflow-y: auto;}
body{overflow-x: hidden;}
	html{overflow-y:auto;}
    body{background-color: #fff;overflow-x:hidden; }
	.header{width:100%;}
	.offerPos{ position:relative; height:60px;}
	.header_extend{ position:absolute;left:0;top:0;}
#newBridge {display:none;}
 @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{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{ 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;-webkit-font-smoothing: antialiased;}
    .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;}

.bg-half {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKhJREFUeNrs0QENADAIBLExG+8P/xKwQUhPwrWS9NOavgVABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRABASIgAARECACAkRAgAiIgAARECACcr0RYADN2QF/tjN/dwAAAABJRU5ErkJggg==');}

.banner{width: 100%;height: 420px;overflow: hidden;position: relative;margin-top: 0;z-index: 9;}
.banner-wrap{width: 1210px;height: 420px;margin: 0 auto;position: relative}
.banner-wrap .swiper-wrapper{width: 1920px !important;margin-left: -355px;position: absolute;}
.banner-wrap .swiper-pagination{bottom: 10px; width: auto; padding: 4px 16px; background: rgba(0,0,0,.15); border-radius: 14px; left: 50%; transform: translate(-50%, 0); opacity: 1;}
.banner-wrap:hover .swiper-pagination{ opacity: 1; }
.banner-wrap .swiper-pagination-bullet{width: 12px; height: 12px; background: rgba(255,255,255,.4); border-radius: 6px; transition: all .2s; opacity: 1;}
.banner-wrap .swiper-pagination-bullet-active{ background: rgba(255,255,255,.4); width: 30px; opacity: 1;}
.banner .swiper-button-prev,
.banner .swiper-button-next{background: url(img/left_btn.png) no-repeat center;width: 50px;height: 120px;margin-top: -70px;opacity: 0; transition: all .2s;}
.banner .swiper-button-prev{ transform: translate(-60px,0); -webkit-transform: translate(-60px,0);-moz-transform: translate(-60px,0);-ms-transform: translate(-60px,0);-o-transform: translate(-60px,0); }
.banner .swiper-button-next{transform: rotateY(180deg) translate(-60px,0); -webkit-transform: rotateY(180deg) translate(-60px,0);-moz-transform: rotateY(180deg) translate(-60px,0);-ms-transform: rotateY(180deg) translate(-60px,0);-o-transform: rotateY(180deg) translate(-60px,0);}
.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next{ opacity: 0.7; }
.banner:hover .swiper-button-prev{  transform: translate(0,0); -webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0); }
.banner:hover .swiper-button-next{transform: rotateY(180deg) translate(0,0); -webkit-transform: rotateY(180deg) translate(0,0);-moz-transform: rotateY(180deg) translate(0,0);-ms-transform: rotateY(180deg) translate(0,0);-o-transform: rotateY(180deg) translate(0,0);}

    .epower_copyright {clear:both;}
    .epower_copyright .copyright{background: #222;box-sizing: border-box; padding: 50px 0;}
    .epower_copyright .copyright .section-wrapper{width: 1210px; margin:0 auto;padding:0; border: 0;background: #222;}
    .epower_copyright .copyright .section-wrapper ul{height:206px;margin-right: -80px;}
    .epower_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;}
    .epower_copyright .copyright .section-wrapper ul li:last-child{border-right: 0;}
    .epower_copyright .copyright .section-wrapper ul li a{color: #5e6263;}
    .epower_copyright .copyright .section-wrapper ul li a:hover{color: #ccc;}
    .epower_copyright .copyright .section-wrapper ul li dl dt{color: #fff;font-size: 18px;font-weight: 400;padding-bottom: 10px;}
    .epower_copyright .copyright .section-wrapper ul li dl dd{line-height: 2.5;}
    .epower_copyright .copyright .section-wrapper ul li dl dd img{vertical-align: middle;padding-left:8px; }
    .epower_copyright .backtage{ height:1090px; position:relative; z-index:1; margin-top:60px;}
    .epower_copyright .backtage img{ display:block; margin:0 auto;}
    .epower_copyright .backtage{ height:1090px; position:relative; z-index:1;margin-top:60px;}
    .epower_copyright .backtage img{ display:block; margin:0 auto;}
    .epower_copyright .backtage_foot{ background:#181818; padding:30px 0 25px 0; position:relative;}/* z-index:105;*/
    .epower_copyright .backtage_foot .wrapper{width: 1210px; margin: 0 auto;}
    .epower_copyright .backtage_foot .wrapper>p{color: white;text-align: right;line-height: 1.8; font-size: 12px; padding:26px 20px 0 0;}
    .epower_copyright .backtage_foot .nav_copy ul{ height:auto; overflow:hidden; padding-bottom:15px;}
    .epower_copyright .backtage_foot .nav_copy ul li{ height:16px; line-height:18px; float:left;padding-right: 13px;}
    .epower_copyright .backtage_foot .nav_copy ul li a{ float:left; line-height:18px; color:#fff;}
    .epower_copyright .backtage_foot .nav_copy ul li span{ float:left; height:13px; width:1px; overflow:hidden; background:#fff; margin:3px 0 0 13px;}
    .epower_copyright .backtage_foot .nav_copy .copy{ color:#5e6263; line-height:22px; font-size:12px;}
    .epower_copyright .backtage_foot .tel dl{ height:auto; overflow:hidden;width: 280px;}
    .epower_copyright .backtage_foot .tel dl dt{ float:left; padding-right:20px;}
    .epower_copyright .backtage_foot .tel dl dd{ height:auto; overflow:hidden; padding-top:3px;}
    .epower_copyright .backtage_foot .tel dl dd h3{ font-family:arial; font-size:30px; color:#9ecc17; width:200px;}
    .epower_copyright .backtage_foot .tel dl dd p{ color:#888;width: 200px;}
    .epower_copyright .backtage_foot .nav_copy{padding-top: 10px;}
    .epower_copyright .backtage_foot .tel{padding-top: 20px;}
    .epower_copyright .backtage_foot .qq{padding: 30px 30px 0 10px;}

    .section{width: 100%;clear:both;}
    .section .section-wrapper{width: 1210px;margin: 0 auto;text-align: center;font-weight: lighter;}
    .section .title{padding-top:50px;color: #333;}
    .section .title p.blue{font-size: 28px;line-height: 50px;color: #00b194;}
    .section .title p.up{font-size: 36px;line-height: 70px;color: #434A54;}
    .section .title p.down{font-size: 16px;line-height: 180%;padding-top: 10px;color:#82939e;}
    .img-box{width: 100%;position: relative;padding-top: 60px;}
    .fl{float: left;}
    .fr{float: right;}
    .relative{position: relative;width: 100%;height: 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; line-height: 75px;font-weight: lighter;color: #434A54;}
    .section-wrapper .title p{font-size: 16px;  line-height: 28px;color:#82939e;}
    .section-wrapper .title p a{color:#82939e;}
    .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;
    }

    .btn {
		background-color:#3db6ff;
	    display: inline-block;
	    height: 50px;
    	line-height: 50px;
	    border-radius: 10px;
	    font-size: 18px;
    	padding:0 50px;
	    color: #fff;
    	border-bottom: 4px solid #11A1D0;
    }
    .btn:hover {
		background-color:#50BDFF;
		border-bottom:none;
    }
    .btn-40 {
		height: 40px;
    	line-height: 40px;
	    border-radius: 8px;
	    font-size: 16px;
    	padding:0 40px;
    }
	.btn-red {
		background-color:#F23C17;
		border-bottom-color: #C2240C;
    }
	.btn-red:hover {
		background-color:#F34F2D;
    }
    .text-center{ text-align:center;}
    .margin-t-30{ margin-top:30px;}

}


    .ecjia-pad-2{padding-top: 100px !important; padding-bottom: 80px;}
    .shopkeeper .demo-content ul li:first-child{padding-left: 120px;}
    .pr{position: relative;}
    .epower-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;}
    .epower-bgcolor-1{background-color:#fff7ec}
    .epower-bgcolor-2{background-color:#f4fce8}
    .epower-bgcolor-3{background-color:#e9fffe}
    .epower-bgcolor-4{background-color:#fbe9ff}
    .epower-bgcolor-5{background-color:#fff3f3 !important;}
    .epower-color-1{color: #ffffff; font-size: 48px;}
    .epower-color-2{color: #5fc4f4; font-size: 48px;}
    .epower-center{text-align: center !important;}
    .epower-section-14{background-color: #333;}
    .epower-pad-1{padding-bottom: 80px;}
    .b2c-pad{height: 105px !important; line-height: 105px !important;}
    .epower-net .content .section-9 .epower-lite li { height: 135px;  text-align: center;}
    .epower-net .content .section-9 .epower-lite li span{color: #fff; font-size: 16px;margin-top: 10px; display: inline-block;}
    .epower_com_list { margin:  0 auto;width: 1210px; clear: both;}
    .epower_com_list .title-color { color: #5fc4f4}
    .epower_com_list .up {font-size: 48px;line-height: 70px;color: #333; text-align: center; margin: 40px 0;}
    .epower_com_list table  { border:1px solid #ddd;background-color: #fff; border-collapse: collapse; font-size: 18px; margin-top: 20px; text-align: left; width: 1210px;}
    .epower_com_list th,.epower_com_list td{ padding: 20px; text-align: center;border: 1px solid #ddd;}
    .epower_com_list th {font-size:24px; font-weight: normal; }
    .section-12 .title p.up span{color: #56b100;}
    .epower_com_list .table-title{ font-size: 24px}
    .epower_com_list .bgc-blue { background-color: #f1fbff}
    .epower_com_list .fc-red { color: #fc8080}
    .epower_com_list .y-support {background: rgba(0, 0, 0, 0); padding-left: 68px;}
    .epower_com_list .n-support { background: rgba(0, 0, 0, 0) ;padding-left: 68px;}
    .epower_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}
    .epower_com_list .bottom-btn {text-align:center; padding: 60px 0;}
    .epower_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}
    .epower_com_list table tr td p{font-size: 14px;line-height: 25px;}
    .epower_com_list .epower-lite {font-size: 48px; padding-top: 30px; color: #333; line-height: 70px;}
    .epower-hgt{height: 110px;}
    .epower-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;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: 30;}
    .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;}


    /*===========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(img/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-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;}


.suspension {position:fixed;z-index:155;right:30px;bottom:10px;width:80px;height:204px;}
.suspension-box {position:relative;float:right;}
.suspension-box a.a {display:block;width:50px;height:50px;background-color:#B5B5B5;margin-bottom:1px;cursor:pointer;}
.suspension-box a.back_top {background-color:#797979;}
.suspension-box a.qq:hover,.suspension-box a.tel:hover,.suspension-box a.code:hover {opacity:0.8;filter:alpha(opacity=80);}
.suspension-box a.back_top:hover {background-color:#FC7878;}
.suspension-box a i {display:block;float:left;width:25px;height:25px;margin-left:15px;margin-top:15px;background-image:url(img/suspension-bg.png);background-repeat:no-repeat;text-indent:-9999px;}
.suspension-box a.qq i {background-position:0 0;}
.suspension-box a.tel i {background-position:-25px 0;}
.suspension-box a.code i {background-position:0 -25px;}
.suspension-box a.back_top i {background-position:-28px -25px;}
.suspension-box div.code {position:absolute;left:-200px;*left:-207px;top:0;display:none;width:178px;height:198px;padding-left:10px;padding-top:10px;background-color:#fff;border:1px solid #D9D9D9;}
.suspension-box div.code p {width:155px;margin-top:5px;text-align:center;}
.suspension-box div.code i {width:8px;height:15px;position:absolute;top:118px;right:-8px;background-image:url(img/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tencent {position:absolute;left:-187px;top:0px;width:177px;height:85px;display:none;background-color:#fff;border:1px solid #D7D7D7;}
.suspension-box div.tencent p.tencent-p {width:75px;float:right;margin-right:18px;margin-top:18px;font-size:16px;color:#333;}
.suspension-box div.tencent i.tencent-i {width:8px;height:15px;position:absolute;top:10px;right:-8px;text-indent:-9999px;background-image:url(img/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tencent b.tencent-b {position:absolute;left:10px;top:10px;width:62px;height:64px;background-image:url(img/circle-tencent.png);background-repeat:no-repeat;}
.suspension-box div.tencent span.tencent-span {position:absolute;left:8px;top:7px;border-radius:22px;width:45px;height:48px;text-align:center;z-index:99;overflow:hidden;}
.suspension-box div.tencent .tencent-qq {position:absolute;left:3px;top:0px;height:45px;width:39px;}
.suspension-box div.tel {position:absolute;left:-187px;top:51px;display:none;width:177px;height:85px;background-color:#fff;border:1px solid #D7D7D7;}
.suspension-box div.tel i {width:8px;height:15px;position:absolute;top:20px;right:-8px;background-image:url(img/trangle-right-suspension.png);background-repeat:no-repeat;}
.suspension-box div.tel strong {display:block;margin-left:17px;margin-top:16px;font-size:16px;font-weight:normal;}
.suspension-box div.tel p {margin-left:17px;font-size:23px;font-family:arial;color:#FD696D;}
.icon {margin-top:-5px;}
.nav a.cart-title-name {color:#000;text-decoration:none;line-height:normal;}
.nav a.cart-title-name:hover {color:#ef353d;text-decoration:underline;line-height:normal;}
.nav a font {padding:8px 15px;background:#fd7878;border-radius:5px;}
.nav a font:hover {padding:8px 15px;background:#ea5050;border-radius:5px;}
.suspension-mobile { position: fixed; z-index: 55; right: 10px; bottom: 30px; width: 50px; height: 50px;}
.suspension-mobile .suspension-box { display: none; }
.suspension-mobile .suspension-box a.a { width: 70px; height: 70px; }
.suspension-mobile .suspension-box a i { margin-left: 24px; margin-top: 25px; }
.suspension-mobile .suspension-box a.back_top { border-radius: 35px;  background: #000; opacity: 0.8}
/**
 * menu_top
 */
 .top-menu {background:#333333;height:30px;line-height:30px;font-size:12px;overflow:hidden}
 .top-menu-right {float:right;color:#ccc}
 .top-menu-right li {float:left;}
 .top-menu-right li a {color:#f2f2f2;padding:0 8px;}
 .top-menu-right li a i {font-weight:800;color:#FE4C4C;padding:0 3px;font-size:14px;}
 .top-menu-right li span {width: 1px;height: 13px;line-height: 30px;background: #555;display: inline-block;*display: inline;*zoom: 1;margin: -2px 3px;}
 .top-menu p {color:#ccc;font-size:14px;}
 .top-banner {display:block;min-width:1210px;width:100%; height:120px;position:fixed;bottom:0;z-index:10;}
 .top-banner-close-wrap {width:1210px;height:120px;position:fixed;bottom:0;margin:0 auto;}
 .top-banner-close {width:21px;height:21px;position:fixed;right:180px;bottom:90px;z-index:11;cursor:pointer}
 .top-nav{height: 70px;width: auto;overflow:hidden;position: relative;z-index: 10;min-width:1210px;background-color: #fff;box-shadow:0px 0px 6px rgba(0, 0,0, 0.3);border-bottom:1px solid #ccc}
 .top-nav .box, .top-menu .box{width: 1210px;margin: 0 auto;}
 .top-nav .box .left{width:auto;height: 70px;overflow: hidden;float: left;}
 .top-nav .box .left .l{float: left;}
 .top-nav .box .left .l img{ height: 70px; }
 .top-nav .box .left .r{float: right;position: relative;}
 .top-nav .box .left .r p{color: #666;}
 .top-nav .box .left .r p.one{font-size: 14px;line-height: 18px;margin-top:8px;}
 .top-nav .box .left .r p.two{font-size: 14px;line-height: 16px;}
 .top-nav .box .right{float: right; height: 70px;}
 .top-nav .box .right ul li a { cursor:pointer; outline: none; text-decoration: none;}
 .top-nav .box .right ul.nav_new{width:100%;height:70px}
 .top-nav .box .right ul.nav_new .hidden-box{position: absolute;width: 100%; top: 75px; background-color: #262e36;z-index: 20;padding: 30px 0;left: 0;display: none;min-width: 1210px;}
 .top-nav .box .right ul.nav_new .hidden-box div.list{float: left;width: 190px;margin-left: 50px;}
 .top-nav .box .right ul.nav_new .hidden-box div.list.last{margin-left: 0;margin-top: 10px;}
 .top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li{color: #00a2ff;font-size: 18px;text-align: left;}
 .top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li.first{padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid #888;}
 .top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li a{color: #fff;line-height: 30px;text-decoration: none;}
 .top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li a:hover{color: #00a2ff;}
 .top-nav .box .right ul.nav_new .hidden-box .con{width: 1210px;margin: 0 auto;overflow: hidden;}
 .top-nav .box .right ul.nav_new .hidden-box .con .f-r{float: right;}
 .top-nav .box .right ul.nav_new{overflow: hidden;width: 100%;height: 100%;}
 .top-nav .box .right ul.nav_new li.child{padding:0 0 0 33px;height: 100% !important;float: left;height: 100%;text-align: center; list-style:none;}
 .top-nav .box .right ul.nav_new li.child.active,
 .top-nav .box .right ul.nav_new li.child.curr{color: red;}
 .top-nav .box .right ul.nav_new li.child a{font-size: 16px;display: block;color: #333;line-height: 70px;}
 .top-nav .box .right ul.nav_new li.child.active a,
 .top-nav .box .right ul.nav_new li.child a:hover,
 .top-nav .box .right ul.nav_new li.child.curr a{color: #00a2ff;}
 .top-nav .box .right ul.nav_new li.has-child img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    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;
}
 .top-nav .box .right ul.nav_new li.has-child.active 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;
}

.section-3{ background: #fff; height: 480px; width: 100%; position: relative;}
.section-3 iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.section-3 .section-wrapper{ position: relative; z-index: 2; overflow: hidden;}
.section-3 .img{ width: 883px; height: 227px; margin: 75px auto 40px; background: url(img/index_f_3_text.png) no-repeat center;background-size: contain;}
.section-3 .img-btn{ display: block; width: 160px; height: 60px; margin: 60px auto; background: url(img/index_f_3_btn.png) no-repeat;}