@font-face{font-family:iconfont;src:url(../themes/shopqorg/assets/css/icon/iconfont.eot?t=1459491683);src:url(../themes/shopqorg/assets/css/icon/iconfont.eot?t=1459491683#iefix) format('embedded-opentype'),url(../themes/shopqorg/assets/css/icon/iconfont.woff?t=1459491683) format('woff'),url(../themes/shopqorg/assets/css/icon/iconfont.ttf?t=1459491683) format('truetype'),url(../themes/shopqorg/assets/css/icon/iconfont.svg?t=1459491683#iconfont) format('svg');}
.iconfont{font-style:normal;font-size:24px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;}
html{overflow-y:auto;width:100%;height:100%;}
body{overflow-x:hidden;}
.f_r{float:right;}
.f_l{float:left;}
.m-l-10{margin-left:10px;}
.m-l-20{margin-left:20px;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
#newBridge{display:none;}
@media screen and (min-width:641px){blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
em,i,strong,th{font-weight:400;font-style:normal;}
ol,ul{list-style-position:outside;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
div{margin-right:auto;margin-left:auto;}
a{text-decoration:none;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
body{width:auto;min-width:1210px;color:#333;font-size:14px;font-family:'MicroSoft YaHei';-webkit-font-smoothing:antialiased;}
.clearfix{display:inline-block;}
.top_nav{display:block;width:100%;height:100px;background:url(../themes/shopqorg/assets/images/index/banner_daojia_top.jpg) no-repeat top center;}
*html .clearfix{height:1%;}
.clearfix{display:block;zoom:1;}
.center{text-align:center!important;}
.disnone{display:none;}
.text-left{text-align:left!important;}
.text-right{text-align:right;}
.index_mobile,.suspension-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;}
.copyright .backtage_foot .wrapper{width:100%!important;}
.fix-nav{position:absolute;top:75px;z-index:10;width:100%;height:60px;border-bottom:1px solid #ccc;background:#fff;}
.fix-nav-top-nav{top:175px;}
.fix-nav .fix-nav-wrapper{position:relative;margin:0 auto;width:1210px;height:100%;}
.fix-nav .fix-nav-wrapper div.l{float:left;font-size:24px;line-height:60px;}
.fix-nav .fix-nav-wrapper div.l em{color:#82939e;font-size:16px;}
.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{position:relative;float:left;}
.fix-nav .fix-nav-wrapper div.r ul li a{display:block;padding:0 25px;height:100%;color:#333;}
.fix-nav .fix-nav-wrapper div.r ul li:last-child a{background:0 0;}
.fix-nav .fix-nav-wrapper div.r ul li a:hover,.fix-nav .fix-nav-wrapper div.r ul li.active a{color:#3db8f1;}
.fix-nav .fix-nav-wrapper div.r a.r-btn-a{float:right;display:block;margin-top:15px;margin-left:20px;width:110px;height:30px;background-color:#3db8f1;color:#fff;text-align:center;font-size:14px;line-height:30px;}
.fix-nav .l{overflow:hidden;}
.fix-nav .l .fl{float:left;margin-top:20px;margin-right:10px;height:40px;}
.fix-nav .l .fl img{max-height:100%;}
.fix-nav .l .fr{float:right;padding:0 10px;background:url(../themes/shopqorg/assets/images/b2b2c/xt.png) no-repeat left center;}
.fix{position:fixed;top:0;z-index:10;width:100%;height:60px;background:rgba(0,0,0,.8);}
.fix .fix-nav-wrapper{position:relative;margin:0 auto;width:1210px;height:100%;}
.fix .fix-nav-wrapper div.l{float:left;color:#fff;font-size:24px;line-height:60px;}
.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{position:relative;float:left;}
.fix .fix-nav-wrapper div.r ul li a{display:block;padding:0 25px;height:100%;background:url(../themes/shopqorg/assets/images/b2b2c/xt.png) no-repeat right center;color:#fff;}
.fix .fix-nav-wrapper div.r ul li.last a{background:0 0;}
.fix .fix-nav-wrapper div.r ul li a:hover,.fix .fix-nav-wrapper div.r ul li.active a{color:#3db8f1;}
.fix .fix-nav-wrapper div.r a.r-btn-a{float:right;display:block;margin-top:15px;margin-left:20px;width:110px;height:30px;background-color:#3db8f1;color:#fff;text-align:center;font-size:14px;line-height:30px;}
.fix .l{overflow:hidden;}
.fix .l .fl{float:left;margin-top:20px;margin-right:10px;height:40px;}
.fix .l .fl img{max-height:100%;}
.fix .l .fr{float:right;padding:0 10px;background:url(../themes/shopqorg/assets/images/b2b2c/xt.png) no-repeat left center;}
.fix .fix-nav-wrapper div.r .look-demo{float:left;margin-top:15px;margin-left:20px;width:110px;height:30px;background-color:#9ecc17;color:#fff;text-align:center;font-size:14px;line-height:30px;cursor:pointer;}
.fix .fix-nav-wrapper ul.child{position:absolute;top:60px;left:0;z-index:12;overflow:hidden;width:100%;height:0;opacity:0;}
.fix .fix-nav-wrapper div.r ul.child li{width:100%;height:35px;border-bottom:1px solid #ccc;text-align:center;line-height:35px;}
.fix .fix-nav-wrapper div.r li ul.child a{background:0 0;background-color:#f5f5f5;color:#333;font-size:14px;}
.fix .fix-nav-wrapper div.r ul.child li:last-child{border-bottom:none;}
.fix .fix-nav-wrapper div.r li ul.child a:hover,.fix .fix-nav-wrapper div.r li ul.child li.current a{background-color:#4dbaee;color:#fff;}
.fix .fix-nav-wrapper div.r ul li img{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0);}
.fix .fix-nav-wrapper div.r ul li.curr img{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}
.demo-wrapper{position:relative;width:100%;text-align:center;}
.demo-wrapper .demo-content{position:fixed;top:140px;left:0;z-index:14;overflow:hidden;width:100%;height:0;border-top:#555 1px solid;background-color:rgba(0,0,0,.8);opacity:0;}
.demo-content ul{margin:60px auto 0;width:730px;}
.demo-content ul li{display:inline-block;width:33.3%;list-style:none;}
.demo-content ul li p{padding-top:10px;color:#fff;font-size:18px;line-height:30px;}
.demo-content ul li img{width:180px;}
.fix-nav .fix-nav-wrapper div.r .look-demo{float:left;margin-top:15px;margin-left:20px;width:110px;height:30px;background-color:#38c248;color:#fff;text-align:center;font-size:14px;line-height:30px;cursor:pointer;}
.fix-nav .fix-nav-wrapper ul.child{position:absolute;top:60px;left:0;z-index:12;overflow:hidden;width:100%;height:0;opacity:0;}
.fix-nav .fix-nav-wrapper div.r ul.child li{width:100%;height:35px;border-bottom:1px solid #ccc;text-align:center;line-height:35px;}
.fix-nav .fix-nav-wrapper div.r li ul.child a{background:0 0;background-color:#f5f5f5;color:#333;font-size:14px;}
.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 a:hover,.fix-nav .fix-nav-wrapper div.r li ul.child li.current a{background-color:#4dbaee;color:#fff;}
.fix-nav .fix-nav-wrapper div.r ul li img{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0);}
.fix-nav .fix-nav-wrapper div.r ul li.curr img{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);}
.fix-nav .fix-nav-wrapper div.r ul.qrcode-list{float:none;}
.demo-sub{position:absolute;top:30px;right:0;display:none;padding-top:10px;color:#333;cursor:auto;}
.demo-sub a{color:#333;}
.demo-sub a:hover{color:#3eb8f1;}
.demo-sub .arrow{position:absolute;top:0;right:48px;width:0;height:0;border-right:6px solid transparent;border-bottom:10px solid #3dbaf7;border-left:6px solid transparent;}
.demo-sub .inner{width:800px;border:3px solid #3dbaf7;background:#fff none repeat scroll 0 0;text-align:center;}
.demo-sub .title{margin-top:20px;margin-bottom:15px;color:#333;font-size:32px;}
.demo-sub .subtitle{margin-bottom:10px;font-size:20px;}
.demo-sub .subtitle.red{color:#ec5151;}
.demo-table{margin-bottom:20px;width:100%;border-collapse:collapse;text-align:center;font-size:14px;}
.demo-table tr{border:1px solid #ddd;}
.demo-table td,.demo-table th{padding:6px 14px;text-align:center;}
.red{color:#e01d20!important;}
.demo-table-wp{padding:0 30px;}
.demo-sub .subtitle{margin-bottom:10px;font-size:20px;}
.skyblue{color:#3dbaf7!important;}
.demo-sub .qrcode-list{overflow:hidden;padding-bottom:15px;text-align:center;}
.demo-sub .qrcode-list li{display:inline-block;margin:0 10px;text-align:center;font-size:14px;}
.demo-sub .qrcode-list li img{width:120px;height:120px;}
.copyright{clear:both;background:#161719;color:#5c6166;font-size:14px;}
.copyright .copyright-c{box-sizing:border-box;padding:60px 0 0;}
.copyright .copyright-c .section-wrapper{margin:0 auto;padding:0;width:1210px;border:0;}
.copyright .copyright-c .section-wrapper ul{float:left;width:700px;height:146px;}
.copyright .copyright-c .section-wrapper ul li{float:left;box-sizing:border-box;margin-right:30px;padding-left:40px;width:208px;height:100%;text-align:left;font-size:12px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(1){padding-left:140px;width:264px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(2){width:173px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(3){width:170px;}
.copyright .copyright-c .section-wrapper ul li:first-child{border-left:1px solid #2a2b2d;}
.copyright .copyright-c .section-wrapper ul li a{color:#5e6263;}
.copyright .copyright-c .section-wrapper ul li a:hover{color:#ccc;}
.copyright .copyright-c .section-wrapper ul li dl dt{position:relative;padding-bottom:10px;color:#c2c7cc;font-weight:400;font-size:18px;}
.copyright .copyright-c .section-wrapper ul li dl dt:before{position:absolute;top:0;left:-40px;width:30px;height:30px;background:url(../themes/shopqorg/assets/images/index/bottom_icon.png) no-repeat;content:"";}
.copyright .copyright-c .section-wrapper ul li:nth-child(1) dl dt:before{background-position:0 -2px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(4) dl dt:before{background-position:-30px -3px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(2) dl dt:before{background-position:-60px -2px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(3) dl dt:before{background-position:-90px -2px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(1):hover dl dt:before{background-position:0 -32px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(4):hover dl dt:before{background-position:-30px -33px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(2):hover dl dt:before{background-position:-60px -32px;}
.copyright .copyright-c .section-wrapper ul li:nth-child(3):hover dl dt:before{background-position:-90px -32px;}
.copyright .copyright-c .section-wrapper ul li dl dd{font-size:14px;line-height:2.5;}
.copyright .copyright-c .section-wrapper ul li dl dd img{padding-left:8px;vertical-align:middle;}
.copyright .copyright-c .contact{float:left;width:300px;}
.copyright .copyright-c .contact a{display:block;margin-bottom:14px;width:124px;height:50px;background:url(../themes/shopqorg/assets/images/index/a-logo.png) no-repeat center;}
.copyright .copyright-c .contact .tel{padding-left:25px;background:url(../themes/shopqorg/assets/images/index/bottom-icon-01.png) no-repeat 0 center;color:#fff;font-size:20px;line-height:28px;}
.copyright .copyright-c .extra{float:left;width:180px;text-align:center;}
.copyright .copyright-c .extra .qrcode img{width:100px;}
.copyright .copyright-c .extra .qrcode p{line-height:2.6;}
.copyright .backtage{position:relative;z-index:1;margin-top:60px;height:1090px;background:url(../themes/shopqorg/assets/images/backstage_bj.jpg) center top no-repeat;}
.copyright .backtage img{display:block;margin:0 auto;}
.copyright .backtage{position:relative;z-index:1;margin-top:60px;height:1090px;background:url(../themes/shopqorg/assets/images/backstage_bj.jpg) center top no-repeat;}
.copyright .backtage img{display:block;margin:0 auto;}
.copyright .backtage_foot{position:relative;padding:30px 30px 25px 40px;background:#181818;}
.copyright .backtage_foot .wrapper{margin:0 auto;width:1210px;}
.copyright .backtage_foot .wrapper>p{padding:26px 20px 0 0;color:#fff;text-align:right;font-size:12px;line-height:1.8;}
.copyright .backtage_foot .nav_copy ul{overflow:hidden;margin:0 -1% 20px;padding:22px 0;height:auto;border-top:1px solid #2a2b2d;border-bottom:1px solid #2a2b2d;text-align:center;}
.copyright .backtage_foot .nav_copy ul li{float:left;width:10%;height:16px;font-size:14px;line-height:18px;}
.copyright .backtage_foot .nav_copy ul li a{color:#8a9199;line-height:18px;}
.copyright .backtage_foot .nav_copy ul li a:hover{color:#ccc;}
.copyright .backtage_foot .nav_copy ul li span{float:left;overflow:hidden;margin:3px 0 0 13px;width:1px;height:13px;background:#fff;}
.copyright .backtage_foot .nav_copy .copy{line-height:22px;}
.copyright .backtage_foot .nav_copy .copy p{float:left;}
.copyright .backtage_foot .nav_copy .copy p.last{float:right;}
.section{clear:both;width:100%;}
.section .section-wrapper{margin:0 auto;width:1210px;text-align:center;font-weight:lighter;}
.section .title{padding-top:50px;color:#333;}
.section .title p.blue{color:#00b194;font-size:28px;line-height:50px;}
.section .title p.up{color:#434a54;font-size:36px;line-height:70px;}
.section .title p.down{padding-top:10px;color:#82939e;font-size:16px;line-height:180%;}
.img-box{position:relative;padding-top:60px;width:100%;}
.fl{float:left;}
.fr{float:right;}
.relative{position:relative;width:100%;height:100%;}
.banner,.update_banner{margin-top:60px;width:100%;}
.banner .banner-mid{margin:0 auto;padding-top:0;width:1210px;height:100%;}
.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{padding:20px 0;color:#54c1ff;font-size:24px;}
.section-footer .section-wrapper .title a img{padding-bottom:3px;padding-left:8px;vertical-align:middle;}
.section-wrapper .title h2{color:#434a54;font-weight:lighter;font-size:36px;line-height:75px;}
.section-wrapper .title p{color:#82939e;font-size:16px;line-height:28px;}
.section-wrapper .title p a{color:#82939e;}
.xuanzhuan0{-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;transition:1s ease;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);}
.xuanzhuan180{-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;transition:1s ease;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.btn{display:inline-block;padding:0 50px;height:50px;border-bottom:4px solid #11a1d0;border-radius:10px;background-color:#3db6ff;color:#fff;font-size:18px;line-height:50px;}
.btn:hover{border-bottom:none;background-color:#50bdff;}
.btn-40{padding:0 40px;height:40px;border-radius:8px;font-size:16px;line-height: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;}
}
@media screen and (max-width:640px){.back_top,.index,.suspension{display:none!important;}
.suspension-mobile{display:none;}
.index_mobile{position:absolute;width:100%;height:100%;}
html{height:100%;font-size:22px;}
body{height:100%;}
body{overflow-x:hidden;margin:0;padding:0;border:0;background:#fff;color:#555;font-size:22px;font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;}
blockquote,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,img,label,li,ol,p,strong,table,td,th,ul{margin:0;padding:0;border:0;}
button,input{margin:0;vertical-align:middle;font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
dd,dt,li,span,ul{list-style-type:none;}
.clear{clear:both;visibility:hidden;margin:0;padding:0;border:0;font-size:0;line-height:0;}
em{font-style:normal;}
a{z-index:900;color:#555;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:0}
a:focus{-moz-outline-style:none}
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:400;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}
.fl{float:left}
.fr{float:right}
.tx-center{text-align:center}
.mob_menu .index-head-menu{position:fixed;top:2.7rem;background:#fff;bottom:0;width:100%;max-width:640px;z-index:100000;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);transform-origin:top;transform-style:preserve-3d;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;overflow-y:auto;overflow-x:hidden;opacity:0;font-size:1rem}
.mob_menu.active .index-head-menu{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0);opacity:1}
.mob_menu .index-head-menu .inner{margin:.3rem .65rem;border-top:1px solid #e4e4e4}
.mob_menu .index-head-menu .menu-link{display:block;padding:.7rem 0;position:relative;font-size:1.1rem}
.mob_menu .index-head-menu .menu-item-dropdown .menu-link:after{content:"";position:absolute;right:0;top:1.1rem;width:0;height:0;border:1px solid transparent;border-width:.3rem .25rem 0 .25rem;border-top-color:#333}
.mob_menu .index-head-menu .dropdown-wrap{display:none;overflow:hidden}
.mob_menu .index-head-menu .menu-item-dropdown.active .dropdown-wrap{display:block;-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;-o-animation:fadeIn .5s;animation:fadeIn .5s}
.mob_menu .index-head-menu .menu-item-dropdown.active .menu-link:after{transform:rotate(180deg)}
.mob_menu .index-head-menu .sub-menu{float:left;width:100%;line-height:2.3;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}
.mob_menu .index-head-menu .sub-menu.no-border:after{border-bottom:0 none}
.mob_menu .index-head-menu .sub-menu dt{color:#b2b2b2}
.mob_menu .index-head-menu .sub-menu dd{float:left;width:50%}
.mob_menu .index-head-menu .sub-menu dd:last-child{clear:right}
.mob_menu .index-head-menu .tag{display:inline-block;width:1.5rem;height:.7rem;margin-left:.3rem;background:url(../themes/shopqorg/assets/images/menu_icon_02.png) no-repeat center;background-size:contain;vertical-align:sub}
.mob_menu .index-head-menu .tag-new{background-image:url(../themes/shopqorg/assets/images/menu_icon_03.png)}
.footer_wrap{position:fixed;bottom:0;left:0;width:100%;overflow:hidden;z-index:10}
.footer_wrap a{float:left;width:50%;text-align:center;color:#fff;font-size:.9rem;line-height:3rem;background:#3899fd}
.footer_wrap a.ask{background:#00c64e}
.footer_wrap a i{display:inline-block;width:1.2rem;height:1.2rem;vertical-align:sub;margin-right:.4rem;background-size:contain;background-position:center center;background-repeat:no-repeat}
.footer_wrap a.ask i{background-image:url(../themes/shopqorg/assets/images/pos/mobile/message.png)}
.footer_wrap a.tel i{background-image:url(../themes/shopqorg/assets/images/pos/mobile/phone.png)}
.mobile_back{position:fixed;bottom:3.5rem;right:.5rem;z-index:2}
.mobile_back div{width:2rem;height:2rem;border-radius:50%;background-color:#000;opacity:.5;text-align:center;margin-bottom:.5rem}
.mobile_back div img{width:50%;margin-top:.5rem}
.mob_menu .mob-fix-nav{height:5em;width:100%;background-color:#fff;overflow:hidden;position:relative}
.mob_menu .mob-fix-nav .l{float:left;margin:0 .5em;margin-top:.2em;width:13%;padding:.2rem}
.mob_menu .mob-fix-nav .l img{margin-top:.7em;width:100%}
.mob_menu .mob-fix-nav .title{float:left;font-size:.8rem;padding:.4rem 0;color:#eee}
.mob_menu .mob-fix-nav .l div{font-size:1rem;display:inline-block}
.mob_menu .mob-fix-nav div.menu-title{width:45%;margin:0 auto;height:100%;color:#fff;display:inline-block;font-size:1.2em;line-height:1;text-align:left;padding-top:1em;padding-left:1em}
.mob_menu .mob-fix-nav div.menu-title .website{font-size:1.4em}
.mob_menu .mob-fix-nav .r{width:10%;height:100%;float:right;display:inline-block;padding:5% 5% 0 0;box-sizing:border-box}
.mob_menu .mob-fix-nav .r span:before{top:-12px}
.mob_menu .mob-fix-nav .r span:after{bottom:-12px}
.mob_menu .mob-fix-nav .r span{height:0}
.mob_menu .mob-fix-nav .r span,.mob_menu .mob-fix-nav .r span:after,.mob_menu .mob-fix-nav .r span:before{position:absolute;display:block;width:45px;height:3px;cursor:pointer;content:'';background-color:#ddd;border-radius:3px;-webkit-transition:transform .2s cubic-bezier(.4,.01,.165,.99);-o-transition:transform .2s cubic-bezier(.4,.01,.165,.99);transition:transform .2s cubic-bezier(.4,.01,.165,.99)}
.mob_menu .mob-fix-nav .r span{height:0}
.mob_menu .mob-fix-nav .r.open span:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.mob_menu .mob-fix-nav .r.open span:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.mob_menu .mob-fix-nav .r.open span:after,.mob_menu .mob-fix-nav .r.open span:before{top:0}
.mob_menu div.hide-nav div.line{background:url(../themes/shopqorg/assets/images/product.jpg) no-repeat center center;background-size:96%;width:100%;height:4em;margin:.2em 0}
.mob_menu div.hide-nav{top:5.5em;padding:1.9em 0;min-width:640px;font-size:.9em;box-shadow:0 4px 20px 0 #888;width:100%;background-color:#fff;position:absolute;display:none;overflow:hidden;z-index:10}
.mob_menu div.hide-nav li{float:left;width:25%;box-sizing:border-box;padding:.3em;text-align:center}
.mob_menu div.hide-nav li i{display:inline-block;background:url(../themes/shopqorg/assets/images/mob_nav_icon.png) no-repeat center;background-size:70em;width:5em;height:5em;background-position:0 0}
.mob_menu div.hide-nav li:nth-child(2) i{background-position:-5em 0}
.mob_menu div.hide-nav li:nth-child(3) i{background-position:-10em 0}
.mob_menu div.hide-nav li:nth-child(4) i{background-position:-15em 0}
.mob_menu div.hide-nav li:nth-child(5) i{background-position:-20em 0}
.mob_menu div.hide-nav li:nth-child(6) i{background-position:-25em 0}
.mob_menu div.hide-nav li:nth-child(7) i{background-position:-30em 0}
.mob_menu div.hide-nav li:nth-child(8) i{background-position:-35em 0}
.mob_menu div.hide-nav li:nth-child(9) i{background-position:-50em 0}
.mob_menu div.hide-nav li:nth-child(10) i{background-position:-45em 0}
.mob_menu div.hide-nav li:nth-child(11) i{background-position:-40em 0}
.mob_menu div.hide-nav li:nth-child(12) i{background-position:-60em 0}
.mob_menu div.hide-nav li:nth-child(13) i{background-position:-60em 0}
.mob_menu div.hide-nav li a{font-size:1.6em!important;color:#333;display:block;width:100%;height:7em}
.mob_menu div.hide-nav li p{padding-top:.5em;font-size:.8em}
.mob{padding:.8rem 0;clear:both}
.mob .title_mob{margin:.8rem 0 1rem}
.mob .title_mob h2{font-size:1.8rem;text-align:center;color:#333;padding:.2rem .8rem .5rem;font-weight:400}
.mob .title_mob p{font-size:1rem;color:#666;line-height:140%;padding:0 .8rem;margin-bottom:.6rem;text-align:center}
.mob .content_mob{font-size:1rem}
footer{text-align:center;line-height:180%;padding:1rem 0 5rem;background:#f5f5f5}
footer h4{font-size:.9rem;color:#888}
footer p{font-size:.8rem;color:#727272}
.mobile_footer_fixed{overflow:hidden;position:fixed;bottom:0;width:100%;padding:.8rem 0;background:rgba(1,1,1,.8);text-align:center;z-index:199}
.mobile_footer_fixed .mobile_left_btn{background:#1dcb35}
.mobile_footer_fixed a{display:inline-block;padding:.4rem .8rem;box-sizing:border-box;color:#fff;border-radius:.3rem;font-size:1.2rem;margin:0 .8rem}
.mobile_footer_fixed img{width:1rem;padding:.2rem .3rem 0 0}
.mobile_footer_fixed .mobile_right_btn{background:#0b94fe}
.mobile_back{position:fixed;bottom:6rem;right:.5rem;z-index:2}
.mobile_back div{width:3rem;height:3rem;border-radius:50%;background-color:#000;opacity:.5;text-align:center;margin-bottom:.5rem}
.mobile_back div img{width:50%;margin-top:.8rem}
.btn{font-size:1rem;text-decoration:none;display:inline-block;padding:.6rem 2rem;text-align:center;background:#1f98f3;margin:.5em 0;color:#fff;border-radius:8px}
.btn:hover{color:#fff}
.btn-small{font-size:.8rem;padding:.3rem 1rem;border-radius:4px}
.mob_copyright .mob{background:#222;color:#fff;text-align:center}
.mob_copyright .mob div.clearfix{width:50%;margin:0 auto;padding:2em 0}
.mob_copyright .mob div.clearfix>img{float:left;width:3em}
.mob_copyright .mob div.clearfix>p{float:right;text-align:left;color:#999;font-size:.8em}
.mob_copyright .mob div.clearfix>p a{font-size:2em;color:#75cc17}
.mob_copyright .mob>img{width:30%}
.mob_copyright .mob>p{font-size:1em;line-height:1.5}
.mob_copyright .mob-footer{background:#111;text-align:center}
.mob_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}
}
.pad-2{padding-top:100px!important;padding-bottom:80px}
.shopkeeper .demo-content ul li:first-child{padding-left:120px}
.pr{position:relative}
.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}
.bgcolor-1{background-color:#fff7ec}
.bgcolor-2{background-color:#f4fce8}
.bgcolor-3{background-color:#e9fffe}
.bgcolor-4{background-color:#fbe9ff}
.bgcolor-5{background-color:#fff3f3!important}
.color-1{color:#fff;font-size:48px}
.color-2{color:#5fc4f4;font-size:48px}
.center{text-align:center!important}
.section-14{background-color:#333}
.pad-1{padding-bottom:80px}
.b2c-pad{height:105px!important;line-height:105px!important}
.net .content .section-7.lite{background:url(../themes/shopqorg/assets/images/lite/6-bj.jpg) repeat-x}
.net .content .section-9 .lite li{height:135px;text-align:center}
.net .content .section-9 .lite li span{color:#fff;font-size:16px;margin-top:10px;display:inline-block}
.com_list{margin:0 auto;width:1210px;clear:both}
.com_list .title-color{color:#5fc4f4}
.com_list .up{font-size:48px;line-height:70px;color:#333;text-align:center;margin:40px 0}
.com_list table{border:1px solid #ddd;background-color:#fff;border-collapse:collapse;font-size:18px;margin-top:20px;text-align:left;width:1210px}
.com_list td,.com_list th{padding:20px;text-align:center;border:1px solid #ddd}
.com_list th{font-size:24px;font-weight:400}
.section-12 .title p.up span{color:#56b100}
.com_list .table-title{font-size:24px}
.com_list .bgc-blue{background-color:#f1fbff}
.com_list .fc-red{color:#fc8080}
.com_list .y-support{background:rgba(0,0,0,0) url(../themes/shopqorg/assets/images/gou.png) no-repeat scroll 35px center;padding-left:68px}
.com_list .n-support{background:rgba(0,0,0,0) url(../themes/shopqorg/assets/images/cha.png) no-repeat scroll 35px center;padding-left:68px}
.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}
.com_list .bottom-btn{text-align:center;padding:60px 0}
.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}
.com_list table tr td p{font-size:14px;line-height:25px}
.com_list .lite{font-size:48px;padding-top:30px;color:#333;line-height:70px}
.hgt{height:110px}
.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:#333;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:#333}
.func-lists li ul li{font-size:18px;line-height:30px;color:#888;padding-left:50px}
.Span08-toggle{font-size:18px;color:#888;vertical-align:top;margin-left:35px;cursor:pointer}
.Span08 .Span03Box .Span08-toggle img{margin-left:10px}
.color-1{color:#9cccfc}
.color-2{color:#888}
.color-3{color:#fff!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:#888}
@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(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
}
@keyframes zls{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
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{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(../themes/shopqorg/assets/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:#fff;font-size:30px}
.duibi dl dd,.duibi dl dt{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{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:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}
.nav-header.show img{transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:.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){.copyright .backtage_foot .wrapper{width:1210px!important}
}
@media (min-width:641px) and (max-width:1024px){body{font-family:Arial}
.top-nav .box{width:1180px!important}
}
#swiper-container-v{width:100%;height:100%}
@media (max-width:640px){body{font-size:14px}
img{max-width:100%}
body,button,html,input,textarea{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.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:.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:.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:.4}
100%{opacity:1;transform:scale3d(1.06,1.06,1.06)}
}
@keyframes myZoomIn2{0%{opacity:.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:.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:.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(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes loading{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
.loading{-webkit-animation-name:loading;animation-name: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(../themes/shopqorg/assets/images/weshop/weshop_view/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(../themes/shopqorg/assets/images/weshop/weshop_view/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);}
#array{z-index:999;z-index:999;display:block;margin:15px auto 0 auto;width:20px;height:15px;-webkit-animation:start 1.5s infinite ease-in-out;}
.index_mobile .swiper-slide>h2{margin:.4em auto .2em;width:100%;text-align:center;font-size:1.2em;line-height:1.2;}
.index_mobile .swiper-slide>p{margin:0 auto;width:97%;text-align:center;font-size:.7em;line-height:1.2;}

/**
*  PC端样式
*/

.home-page .banner{width: 100%;height: 425px;overflow: hidden;position: relative;margin-top: 0;}
.home-page .banner-wrap{width: 1210px;height: 460px;margin: 0 auto;position: relative}
.home-page .banner-wrap .swiper-wrapper{width: 1920px !important;margin-left: -355px;position: absolute;}
.home-page .banner-wrap .swiper-pagination{bottom: 50px; width: auto; padding: 4px 16px; background: rgba(0,0,0,.15); border-radius: 14px; left: 50%; transform: translate(-50%, 0); opacity: 1;}
.home-page .banner-wrap:hover .swiper-pagination{ opacity: 1; }
.home-page .banner-wrap .swiper-pagination-bullet{width: 12px; height: 12px; background: rgba(255,255,255,.4); border-radius: 6px; transition: all .2s; opacity: 1;}
.home-page .banner-wrap .swiper-pagination-bullet-active{ background: rgba(255,255,255,.4); width: 30px; opacity: 1;}
.home-page .banner .swiper-button-prev,
.home-page .banner .swiper-button-next{background: url(../themes/shopqorg/assets/images/left_btn.png) no-repeat center;width: 50px;height: 120px;margin-top: -70px;opacity: 0; transition: all .2s;}
.home-page .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); }
.home-page .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);}
.home-page .banner:hover .swiper-button-prev,
.home-page .banner:hover .swiper-button-next{ opacity: 0.7; }
.home-page .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); }
.home-page .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);}
.home-page .section-1{ background: #EFF2F6; padding: 20px 0;}
.home-page .section-1 ul{  margin-right: -20px; }
.home-page .section-1 li{ float: left; width: 285px; height: 110px; text-align: left;  margin-right: 20px; background: #fff; transition: all .2s;}
.home-page .section-1 li:hover{ box-shadow: 0 7px 39px rgba(0,0,0,.1); }
.home-page .section-1 li:last-child{ border-right: 0 none; }
.home-page .section-1 li a{ display: block; height: 110px; }
.home-page .section-1 li i{ float: left; width: 66px; height: 66px; background: no-repeat center; margin-right: 20px; margin-left: 22px; margin-top: 22px;}
.home-page .section-1 li:nth-child(1) i{ background-image: url(../themes/shopqorg/assets/images/index/banner_icon_01.png); }
.home-page .section-1 li:nth-child(2) i{ background-image: url(../themes/shopqorg/assets/images/index/banner_icon_02.png?2); }
.home-page .section-1 li:nth-child(3) i{ background-image: url(../themes/shopqorg/assets/images/index/banner_icon_03.png?2); }
.home-page .section-1 li:nth-child(4) i{ background-image: url(../themes/shopqorg/assets/images/index/banner_icon_04.png); }
.home-page .section-1 li div{ padding-top: 31px; }
.home-page .section-1 li div h3{ color: #333; transition: all .4s; font-size: 16px; margin-bottom: 4px;}
.home-page .section-1 li:hover div h3{ color: #00a2ff; } 
.home-page .section-1 li div h3 s{ background: url(../themes/shopqorg/assets/images/index_f_1.png) no-repeat 0px -66px; width: 31px; height: 15px; display: inline-block; margin-left: 10px;}
.home-page .section-1 li div p{ color: #82939e; }

.home-page .section-2-top{ height: 240px; color: #fff; 
background: rgb(41,27,210); /* Old browsers */
background: -moz-linear-gradient(left, rgba(41,27,210,1) 0%, rgba(0,167,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(41,27,210,1) 0%,rgba(0,167,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(41,27,210,1) 0%,rgba(0,167,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#291bd2', endColorstr='#00a7ff',GradientType=1 ); /* IE6-9 */ }
.home-page .section-2-top .section-wrapper{ position: relative; z-index: 2; }
.home-page .section-2-top .title h2,
.home-page .section-2-top .title p{ color: #fff; }
.home-page .section-2-top .down-btn{ width: 160px; height: 139px; background: url(../themes/shopqorg/assets/images/index/1-icon-bg.png) no-repeat center top; margin: auto;}
.home-page .section-2-top .down-btn i{animation: markerBouncer 1s infinite ease-out alternate; width: 26px; height: 29px; background: url(../themes/shopqorg/assets/images/index/1-icon2.png) no-repeat center top; position: absolute; left: 0; top: 45px; right: 0; margin: auto;}
@keyframes markerBouncer {
  from { transform: translateY(0); }
  to { transform: translateY(-7px); }
}
.home-page .section-2-top .pg-canvas{ position: absolute; }

.home-page .section-2 .section-wrapper{ width: 100%; }
.home-page .section-2 .title{ padding-top: 100px; }
.home-page .section-2 .swc-wrap{ background: #F7F8FC; margin-top: 170px; padding-top: 1px;}
.home-page .section-2 .swiper-container{ margin-top: 50px; width: 1050px; margin: -120px auto 0;}
.home-page .section-2 .swiper-container{ height: 617px;}
.home-page .section-2 .swiper-pagination{ height: 120px; position: static;}
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet{ background: transparent; border-radius: 0; height: 120px; margin: 0; opacity: 1; }
.home-page .section-2 .swiper-pagination span{ float: left; width: 20%; font-size: 16px; line-height: 40px; color: #999; cursor: pointer; position: relative;}
.home-page .section-2 .swiper-pagination span i{ width: 60px; height: 60px; display: block; margin: 0 auto; background: url(../themes/shopqorg/assets/images/index/2-icon01.png) no-repeat;}
.home-page .section-2 .swiper-pagination .b-1 i{ background-position: 0px 0px; }
.home-page .section-2 .swiper-pagination .b-2 i{ background-position: -60px 0;}
.home-page .section-2 .swiper-pagination .b-3 i{ background-position: -120px 0; }
.home-page .section-2 .swiper-pagination .b-4 i{ background-position: -180px 0; }
.home-page .section-2 .swiper-pagination .b-5 i{ background-position: -240px 0; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active.b-1 i{ background-position: 0 -60px; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active.b-2 i{ background-position: -60px -60px; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active.b-3 i{ background-position: -120px -60px; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active.b-4 i{ background-position: -180px -60px; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active.b-5 i{ background-position: -240px -60px; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active{ color: #00a2ff; }
.home-page .section-2 .swiper-pagination .swiper-pagination-bullet-active:after{ content: ""; position: absolute; width: 80%; left: 10%; bottom: 0; border-bottom: 2px solid #00a2ff; }
.home-page .section-2 .swiper-slide .left{ float: left; width: 498px; padding: 56px 0 0 0; text-align: left; }
.home-page .section-2 .swiper-slide .left h3{ font-size: 28px; margin-bottom: 15px; }
.home-page .section-2 .swiper-slide .left .info{ font-size: 16px; color: #8a9199; line-height: 1.8; margin-bottom: 30px;}
.home-page .section-2 .swiper-slide .left .spec{ overflow: hidden; margin-bottom: 20px; margin-left: -6px;}
.home-page .section-2 .swiper-slide .left .spec li{ overflow: hidden; margin-bottom: 13px;}
.home-page .section-2 .swiper-slide .left .spec li i{ width: 50px; height: 50px; float: left; background: url(../themes/shopqorg/assets/images/index/2-icon02.png) no-repeat;}
.home-page .section-2 .swiper-slide.slide-3 .left .spec li:nth-child(1) i{ background-position: 0 -150px; }
.home-page .section-2 .swiper-slide.slide-3 .left .spec li:nth-child(2) i{ background-position: -50px -150px; }
.home-page .section-2 .swiper-slide.slide-3 .left .spec li:nth-child(3) i{ background-position: -100px -150px; }
.home-page .section-2 .swiper-slide.slide-2 .left .spec li:nth-child(1) i{ background-position: 0 0; }
.home-page .section-2 .swiper-slide.slide-2 .left .spec li:nth-child(2) i{ background-position: -50px -100px; }
.home-page .section-2 .swiper-slide.slide-2 .left .spec li:nth-child(3) i{ background-position: -100px -100px; }
.home-page .section-2 .swiper-slide.slide-1 .left .spec li:nth-child(1) i{ background-position: 0 -50px; }
.home-page .section-2 .swiper-slide.slide-1 .left .spec li:nth-child(2) i{ background-position: -50px -50px; }
.home-page .section-2 .swiper-slide.slide-1 .left .spec li:nth-child(3) i{ background-position: -100px -50px; }
.home-page .section-2 .swiper-slide.slide-4 .left .spec li:nth-child(1) i{ background-position: 0 0; }
.home-page .section-2 .swiper-slide.slide-4 .left .spec li:nth-child(2) i{ background-position: -50px 0; }
.home-page .section-2 .swiper-slide.slide-4 .left .spec li:nth-child(3) i{ background-position: -100px 0; }
.home-page .section-2 .swiper-slide.slide-5 .left .spec li:nth-child(1) i{ background-position: 0 -200px; }
.home-page .section-2 .swiper-slide.slide-5 .left .spec li:nth-child(2) i{ background-position: -50px -200px; }
.home-page .section-2 .swiper-slide.slide-5 .left .spec li:nth-child(3) i{ background-position: -100px -200px; }
.home-page .section-2 .swiper-slide .left .spec li .text{ font-size: 15px; margin-left: 60px;}
.home-page .section-2 .swiper-slide .left .spec li h4{ margin-bottom: 6px; padding-top: 2px;}
.home-page .section-2 .swiper-slide .left .spec li p{ color: #8a9199; }
.home-page .section-2 .swiper-slide .left .bt{ width: 120px; height: 38px; margin-right: 10px; display: inline-block; line-height: 38px; text-align: center; font-size: 16px; color: #00a2ff; border: 1px solid #00a2ff; transition: all .2s;}
.home-page .section-2 .swiper-slide .left .bt:hover{ background: #00a2ff; color: #fff; border-color: #00a2ff; }
.home-page .section-2 .swiper-slide .left .bt-blue{ background: #00a2ff; color: #fff; border-color: #00a2ff;}
.home-page .section-2 .swiper-slide .left .bt-blue:hover{ background: #0097ed; border-color: #0097ed; }
.home-page .section-2 .swiper-slide .img{ width: 552px; height: 492px; float: right;}
.home-page .section-2 .swiper-slide.slide-1 .img{ background: url(../themes/shopqorg/assets/images/index/2-img02.jpg) no-repeat center; }
.home-page .section-2 .swiper-slide.slide-2 .img{ background: url(../themes/shopqorg/assets/images/index/2-img03.jpg) no-repeat center; }
.home-page .section-2 .swiper-slide.slide-3 .img{ background: url(../themes/shopqorg/assets/images/index/2-img04.jpg) no-repeat center; }
.home-page .section-2 .swiper-slide.slide-4 .img{ background: url(../themes/shopqorg/assets/images/index/2-img01.jpg) no-repeat center; }
.home-page .section-2 .swiper-slide.slide-5 .img{ background: url(../themes/shopqorg/assets/images/index/2-img05.jpg) no-repeat center; }
.home-page .section-3{ background: #333; color: #fff; position: relative; height: 640px; overflow: hidden; transition: all 2s; width: 100%; overflow: hidden;}
.home-page .section-3.section .title h2,
.home-page .section-3.section .title p{ color: #fff; }
.home-page .section-3 .s-bg{ position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0 }
.home-page .section-3 .s-bg .img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transform: scale(1.1); transition: all 4s;}
.home-page .section-3 .s-bg .img-1{ background: url(../themes/shopqorg/assets/images/index/3-img01.jpg) no-repeat center top;}
.home-page .section-3 .s-bg .img-2{ background: url(../themes/shopqorg/assets/images/index/3-img02.jpg) no-repeat center top;}
.home-page .section-3 .s-bg .img-3{ background: url(../themes/shopqorg/assets/images/index/3-img03.jpg) no-repeat center top;}
.home-page .section-3 .s-bg .img-4{ background: url(../themes/shopqorg/assets/images/index/3-img04.jpg) no-repeat center top;}
.home-page .section-3 .s-bg.bg-0 .img-1,
.home-page .section-3 .s-bg.bg-1 .img-2,
.home-page .section-3 .s-bg.bg-2 .img-3,
.home-page .section-3 .s-bg.bg-3 .img-4{ opacity: 1; transform: scale(1);}
.home-page .section-3 .section-wrapper{ position: relative; z-index: 2; }
.home-page .section-3 .swiper-pagination{ position: static; font-size: 20px; padding: 79px 0 70px;}
.home-page .section-3 .swiper-pagination-bullet{ width: 80px; height: auto; border-radius: 0; background: transparent; opacity: 1; border-bottom: 2px solid transparent; padding-bottom: 15px;}
.home-page .section-3 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin: 0 293px 0 0; }
.home-page .section-3 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:last-child{ margin-right: 0; }
.home-page .section-3 .swiper-pagination-bullet i{ background: url(../themes/shopqorg/assets/images/index/3-icon.png) no-repeat; width: 81px; height: 85px; display: block; margin-bottom: 15px;}
.home-page .section-3 .swiper-pagination-bullet.b-1 i{ background-position: -5px 0; }
.home-page .section-3 .swiper-pagination-bullet.b-2 i{ background-position: -92px 0px; }
.home-page .section-3 .swiper-pagination-bullet.b-3 i{ background-position: -185px 0px; }
.home-page .section-3 .swiper-pagination-bullet.b-4 i{ background-position: -274px 0px; }
.home-page .section-3 .swiper-pagination-bullet-active.b-1 i{ background-position: -5px -90px; }
.home-page .section-3 .swiper-pagination-bullet-active.b-2 i{ background-position: -92px -90px; }
.home-page .section-3 .swiper-pagination-bullet-active.b-3 i{ background-position: -185px -90px; }
.home-page .section-3 .swiper-pagination-bullet-active.b-4 i{ background-position: -274px -90px; }
.home-page .section-3 .swiper-pagination-bullet-active{ color: #02A3FE; border-bottom-color: #02A3FE }
.home-page .section-3 .swiper-slide{ text-align: left; }
.home-page .section-3 .swiper-slide .s-hd{ border-bottom: 1px solid #616161; font-size: 26px; margin-bottom: 20px; padding-bottom: 20px;}
.home-page .section-3 .swiper-slide .s-bd .text{ margin-right: 200px; color: #999; line-height: 2;}
.home-page .section-3 .swiper-slide .s-bd .s-btn{ float: right; height: 42px; line-height: 42px; text-align: center; font-size: 17px; color: #02A3FB; border: 1px solid #02A3FB; padding: 0 25px; }
.home-page .section-3 .swiper-slide .s-bd .s-btn:hover{ background: #02A3FB; color: #fff; }
.home-page .section-4{padding-bottom: 42px;}
.home-page .section-4 .list{ margin-top: 50px; }
.home-page .section-4 .list .item{ width: 562px; float: left; margin: 0 20px; padding-bottom: 40px;}
.home-page .section-4 .list .item .img{ height: 304px; position: relative; cursor: pointer; overflow: hidden;}
.home-page .section-4 .list .item .img img{ transition: all .2s; }
.home-page .section-4 .list .item:hover .img img{ transform: scale(1.1); }
.home-page .section-4 .list .item .play{ width: 50px; height: 50px; background: rgba(255,255,255,.8) url(../themes/shopqorg/assets/images/index/4-icon.png) no-repeat 21px center; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} 
.home-page .section-4 .list .item .play:hover{ background-color: rgba(255,255,255,1); }
.home-page .section-4 .list .item h3{ font-size: 20px; margin: 22px 0 13px;}
.home-page .section-4 .list .item p{ font-size: 14px; color: #8a9199; width: 430px; margin: 0 auto; margin-bottom: 15px; line-height: 1.8;}
.home-page .section-4 .list .item .bt{ font-size: 16px; color: #00a2ff; }
.home-page .section-4 .list .item .bt:hover{ color: #0d96e7 }
.home-page .section-4 .swiper-pagination-bullet{ width: 10px; height: 10px; border: 2px solid #000; background: transparent; }
.home-page .section-4 .swiper-pagination-bullet-active{ background: #02A3FE; border-color: #02A3FE; }
.home-page .section-5 {background: #F7F9FC;}
.home-page .section-5 .example-list{ margin-right: -18px; margin-top: 30px;}
.home-page .section-5 .example-list .example-item{ float: left; width: 286px; height: 315px; overflow: hidden; margin: 0 18px 18px 0; text-align: center;  background: #fff; position: relative; transition: all .2s;}
.home-page .section-5 .example-list .example-item .img{ width: 286px; height: 180px;}
.home-page .section-5 .example-list .example-item .info{ height: 135px; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; transition: all .2s;}
/*.home-page .section-5 .example-list .example-item:hover .info{ height: 315px; }*/
.home-page .section-5 .example-list .example-item .logo{ margin-top: 0px; margin-bottom: 8px; height: 80px; transition: all .2s;}
.home-page .section-5 .example-list .example-item:hover{ box-shadow: 0 7px 39px rgba(0,0,0,.1); }
/*.home-page .section-5 .example-list .example-item:hover .logo{ margin-top: 25px; }*/
.home-page .section-5 .example-list .example-item .cate{ font-size: 14px; color: #646466; margin-bottom: 35px;}
.home-page .section-5 .example-list .example-item .intro{ font-size: 14px; color: #666; padding: 0 30px; text-align: left; line-height: 1.8;}
.home-page .section-5 .example-list .example-item .links{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; padding: 50px 20px 0; opacity: 0; transition: all .2s;}
.home-page .section-5 .example-list .example-item:hover .links{ opacity: .93; }
.home-page .section-5 .example-list .example-item .qrcode{ overflow: hidden; text-align: center;}
.home-page .section-5 .example-list .example-item .qritem{ display: inline-block; margin: 0 5px; }
.home-page .section-5 .example-list .example-item .qritem img{ width: 107px; height: 107px; }
.home-page .section-5 .example-list .example-item .qritem p{ font-size: 14px; color: #666; text-align: center; margin: 5px 0 30px; }
.home-page .section-5 .example-list .example-item .bt{ width: 220px; height: 48px; line-height: 48px; color: #333; border-radius: 24px; font-size: 16px; border: 1px solid #ccc; text-align: center; display: block; margin: 0 auto;}
.home-page .section-5 .example-list .example-item .bt:hover{ color: #00a2ff; border-color: #00a2ff;}
.home-page .section-5 .list{ padding: 50px 0; }
.home-page .section-5 .list li{ float: left; width: 200px; height: 72px;  margin: 0 50px 40px 0;}
.home-page .section-5 .list li:nth-child(5n){ margin-right: 0; }
.home-page .section-5 .list li.item-1{ background: url(../themes/shopqorg/assets/images/index/5-logo01.jpg) no-repeat center; }
.home-page .section-5 .list li.item-2{ background: url(../themes/shopqorg/assets/images/index/5-logo02.jpg) no-repeat center; }
.home-page .section-5 .list li.item-3{ background: url(../themes/shopqorg/assets/images/index/5-logo03.jpg) no-repeat center; }
.home-page .section-5 .list li.item-4{ background: url(../themes/shopqorg/assets/images/index/5-logo04.jpg) no-repeat center; }
.home-page .section-5 .list li.item-5{ background: url(../themes/shopqorg/assets/images/index/5-logo05.jpg) no-repeat center; }
.home-page .section-5 .list li.item-6{ background: url(../themes/shopqorg/assets/images/index/5-logo06.jpg) no-repeat center; }
.home-page .section-5 .list li.item-7{ background: url(../themes/shopqorg/assets/images/index/5-logo07.jpg) no-repeat center; }
.home-page .section-5 .list li.item-8{ background: url(../themes/shopqorg/assets/images/index/5-logo08.jpg) no-repeat center; }
.home-page .section-5 .list li.item-9{ background: url(../themes/shopqorg/assets/images/index/5-logo09.jpg) no-repeat center; }
.home-page .section-5 .list li.item-10{ background: url(../themes/shopqorg/assets/images/index/5-logo10.jpg) no-repeat center; }
.home-page .section-5 .list li:hover{ box-shadow: 0 6px 10px rgba(99,99,99,0.1); }
.home-page .section-6{ padding-bottom: 80px; }
.home-page .section-6 .title{ margin-bottom: 40px; }
.home-page .section-6 .title p a{ color: #13a0fc; font-size: 18px;}
.home-page .section-6 .title p a i{ width: 20px; height: 20px; background: url(../themes/shopqorg/assets/images/index/a-icon.png) no-repeat left center; display: inline-block; vertical-align: -4px; margin-left: 5px;}
.home-page .section-6 .title p a:hover i{ background-position: right center; }
.home-page .section-6 .list li.item{ float: left; width: 300px; border: 1px solid #E6E8EB; border-right: 0 none; }
.home-page .section-6 .list li:first-child{ border-left: 0 none; }
.home-page .section-6 .list li .i-hd{ background: #F7F9FC; font-size: 17px; padding: 18px 0;}
.home-page .section-6 .list li .i-hd i{ width: 30px; height: 30px; background: url(../themes/shopqorg/assets/images/index/6-icon.png) no-repeat; display: block; margin: 0 auto 8px; }
.home-page .section-6 .list li.item-1 .i-hd i{ background-position: 0 0; }
.home-page .section-6 .list li.item-2 .i-hd i{ background-position: -30px 0; }
.home-page .section-6 .list li.item-3 .i-hd i{ background-position: -60px 0; }
.home-page .section-6 .list li.item-4 .i-hd i{ background-position: -90px 0; }
.home-page .section-6 .list li .i-bd ul{ padding: 14px 0; }
.home-page .section-6 .list li .i-bd li{ padding: 3px 0 3px 28px; text-align: left;}
.home-page .section-6 .list li .i-bd li a{ color: #888; line-height: 30px;}
.home-page .section-6 .list li .i-bd li a:hover{ color: #13a0fc; }
.home-page .section-6 .list li .i-bd li a:before{ content: ""; display: inline-block; width: 4px; height: 4px; background: #999; vertical-align: middle; margin-right: 10px;}
.home-page .section-6 .list li .i-bd li a:hover:before{ background: #13a0fc; }

.home-page .section-7{ background: #0076EB; color: #fff;   position: relative; overflow: hidden; }
.home-page .section-7 .flag{ width: 202px; height: 86px; background: url(../themes/shopqorg/assets/images/index_f_8_flag.png) no-repeat center top; margin: 0 auto;}
.home-page .section-7 .flag h2{ font-size: 24px; padding-top: 12px; }
.home-page .section-7 .s-bg{ position: absolute; width: 1200px; margin-left: -600px; left: 50%; top: 0; }
.home-page .section-7 .s-bg .b-1,
.home-page .section-7 .s-bg .b-2,
.home-page .section-7 .s-bg .b-3{ animation: FloatDown 2s ease-in-out infinite alternate; }
.home-page .section-7 .s-bg .b-1{ position: absolute; width: 315px; height: 315px; left: 0; top: 68px; background: url(../themes/shopqorg/assets/images/index/7-bg01.png) no-repeat;}
.home-page .section-7 .s-bg .b-2{ position: absolute; width: 315px; height: 315px; left: 970px; top: -260px; background: url(../themes/shopqorg/assets/images/index/7-bg02.png) no-repeat;}
.home-page .section-7 .s-bg .b-3{ position: absolute; width: 110px; height: 90px; left: 844px; top: 114px; background: url(../themes/shopqorg/assets/images/index/7-bg03.png) no-repeat;}
@keyframes FloatDown{
	0% { transform: translate(0,0); }
	0% { transform: translate(0,-10px); }
}
.home-page .section-7 ul{ padding: 51px 0; position: relative; z-index: 2;}
.home-page .section-7 li{ float: left; width: 25%; margin-right: 2%; text-align: left; border-right: 1px solid #2fa5ec;}
.home-page .section-7 li:nth-child(1){ width: 25%; }
.home-page .section-7 li:nth-child(2){ width: 30%; }
.home-page .section-7 li:nth-child(3){ width: 17%; }
.home-page .section-7 li:nth-child(4){ width: 19%; border-right: none;}
.home-page .section-7 li .num{ float: left; font-size: 72px; line-height: 1; margin-right: 30px; font-family: "Arial";}
.home-page .section-7 li .info{ font-size: 18px; padding-top: 8px; line-height: 28px;}
.home-page .section-7 li .info .big{ font-size: 24px; }
.home-page .section-7 .an-tr-2-5 {-moz-transition: 2.5s ease; -o-transition: 2.5s ease; -webkit-transition: 2.5s ease }
.home-page .section-7 .index-num {width: 40px; height: 54px; display: inline-block; background: url("../themes/shopqorg/assets/images/number-min.png") no-repeat; margin-top: 10px; opacity: 1; filter: alpha(opacity=100); margin-right: -15px;}
.home-page .section-7 .index-num.active {width: 40px; height: 54px; display: inline-block; background-position: 2px -660px; opacity: 0; filter: alpha(opacity=0);}
.home-page .section-7 .index-num-0 {background-position: 2px 0 }
.home-page .section-7 .index-num-1 {background-position: 2px -66px }
.home-page .section-7 .index-num-2 {background-position: 2px -133px }
.home-page .section-7 .index-num-3 {background-position: 2px -198px }
.home-page .section-7 .index-num-4 {background-position: 2px -265px }
.home-page .section-7 .index-num-5 {background-position: 2px -332px }
.home-page .section-7 .index-num-6 {background-position: 2px -399px }
.home-page .section-7 .index-num-7 {background-position: 2px -466px }
.home-page .section-7 .index-num-8 {background-position: 2px -533px }
.home-page .section-7 .index-num-9 {background-position: 2px -600px }


/*footer*/

/**
*  首页 手机端
*/
@media  (max-width: 640px) {
	html,body,input,button,textarea{ font-family: PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif; }
    body{font-size: 14px;}
    *{ box-sizing: border-box; }
    .suspension-mobile,.back_top{ display: block !important; }
    a  
	{  
	  
    tap-highlight-color: rgba(0,0,0,0);  
	focus-ring-color: rgba(0, 0, 0, 0);  
	-webkit-tap-highlight-color: rgba(0,0,0,0);  
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color: rgba(0,0,0,0);  
	-moz-focus-ring-color: rgba(0, 0, 0, 0);  
	  
	}  
	a:hover{ color: #333; }
	img{ vertical-align: top; }

	.btn{ border-radius: 0; }
}
.ov-h{ overflow: hidden; }

._mob_menu.active{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;}
/*头部菜单*/
.mob-home .index-head-menu{ position: fixed; top: 2.7rem; background: #fff; bottom: 0; width: 100%; max-width: 640px; z-index: 100000; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); transform-origin: top; transform-style: preserve-3d; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; overflow-y: auto; overflow-x: hidden; opacity: 0; font-size: 1rem;}
.mob-home ._mob_menu.active .index-head-menu{ -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}
.mob-home .index-head-menu .inner{ margin: .3rem .65rem; border-top: 1px solid #E4E4E4; }
.mob-home .index-head-menu .menu-list{  }
.mob-home .index-head-menu .menu-item{ /*border-bottom: 1px solid #f9f9f9;*/}
.mob-home .index-head-menu .menu-link{ display: block; padding: .7rem 0; position: relative; font-size: 1.1rem;}
.mob-home .index-head-menu .menu-item-dropdown .menu-link:after{ content: ""; position: absolute; right: 0; top: 1.1rem; width: 0; height: 0; border: 1px solid transparent; border-width: .3rem .25rem 0 .25rem; border-top-color: #333;}
.mob-home .index-head-menu .dropdown-wrap{ display: none; overflow: hidden;}
.mob-home .index-head-menu .menu-item-dropdown.active .dropdown-wrap{ display: block; -webkit-animation: fadeIn .5s; -moz-animation: fadeIn .5s; -o-animation: fadeIn .5s; animation: fadeIn .5s;}
.mob-home .index-head-menu .menu-item-dropdown.active .menu-link:after{ transform: rotate(180deg); }
.mob-home .index-head-menu .sub-menu{ float: left; width: 100%; line-height: 2.3; margin-bottom: 1rem; border-bottom: 1px solid #ddd; padding-bottom: .5rem;}
.mob-home .index-head-menu .sub-menu.no-border:after{ border-bottom: 0 none; }
.mob-home .index-head-menu .sub-menu dt{ color: #b2b2b2; }
.mob-home .index-head-menu .sub-menu dd{ float: left; width: 50%; }
.mob-home .index-head-menu .sub-menu dd:last-child{ clear: right; }
.mob-home .index-head-menu .tag{ display: inline-block; width: 1.5rem; height: .7rem; margin-left: .3rem; background: url(../themes/shopqorg/assets/images/menu_icon_02.png) no-repeat center; background-size: contain; vertical-align: sub; }
.mob-home .index-head-menu .tag-new{ background-image: url(../themes/shopqorg/assets/images/menu_icon_03.png); }
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
.mob-home .mob-banner{position: relative;width: 100%; height: 100%;}
.mob-home .mob-banner img{width: 100%;vertical-align: middle;display: block;}
.mob-home .mob-banner .swiper-pagination{z-index: 2;}
.mob-home .swiper-container-horizontal>.swiper-pagination{ bottom: 1.5em; }
.mob-home .swiper-pagination-bullet{ border-radius: 0; width: 2.6em; height: .3em; opacity: .3; background: #fff; }
.mob-home .swiper-pagination-bullet-active{ opacity: 1; }

.mob-home .mob {text-align: center;background: #fff;}
.mob-home .mob h2{font-weight: 100;font-size: 2.8em;color:#000;padding:1em 0 .2em;line-height: 1.3;}
.mob-home .mob p{font-size: 1.5em;line-height: 1.5;padding-bottom: 1em;width: 90%; margin:0 auto;}
.mob-home .mob1 dl{ border-top: 1px solid #D8D8D8;}
.mob-home .mob1 .dl-4{ border-bottom: 1px solid #D8D8D8; }
.mob-home .mob1 dt{ font-size: 1.5em; padding: .3em; line-height: 3em;}
.mob-home .mob1 dt i{display: inline-block; width: .8em; height: .8em; border: 1px solid #727272; border-top-color: transparent; border-right-color: transparent; vertical-align: 0.2em; margin-left: 0.7em; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .2s;}
.mob-home .mob1 .expand dt i{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); vertical-align: -0.3em;}
.mob-home .mob1 dd{ display: none; overflow: hidden; }
.mob-home .mob1 .dl-1 dd{ display: block; }
.mob-home .mob1 dd .pic{ background: #3798FD; color: #fff;  padding: 0 1em 2em; font-size: 1.5em; }
.mob-home .mob1 dd .info{ background: #F6F8F9; padding: 1.6em 1em 1em; }
.mob-home .mob1 dd .list{ overflow: hidden; margin-bottom: 1em; }
.mob-home .mob1 dd .list li{ float: left; width: 22%; background: #fff; font-size: 1.8em; border: 1px solid #E5E5E5; padding: 0.7em 0 0.7em; margin: 0 1.5%;}
.mob-home .mob1 dd .list li i{    width: 2.5em; height: 2.5em; display: block; margin: 0 auto; background: url(../themes/shopqorg/assets/images/index/h5/1f_icon01.png) no-repeat; background-size: 10em;}
.mob-home .mob1 .dl-4 dd .list li.item-1 i{ background-position: 0 0; }
.mob-home .mob1 .dl-4 dd .list li.item-2 i{ background-position: -2.5em 0; }
.mob-home .mob1 .dl-4 dd .list li.item-3 i{ background-position: -5em 0; }
.mob-home .mob1 .dl-4 dd .list li.item-4 i{ background-position: -7.5em 0; }
.mob-home .mob1 .dl-3 dd .list li.item-1 i{ background-position: 0 -2.5em; }
.mob-home .mob1 .dl-3 dd .list li.item-2 i{ background-position: -2.5em -2.5em; }
.mob-home .mob1 .dl-3 dd .list li.item-3 i{ background-position: -5em -2.5em; }
.mob-home .mob1 .dl-3 dd .list li.item-4 i{ background-position: -7.5em -2.5em; }
.mob-home .mob1 .dl-1 dd .list li.item-1 i{ background-position: 0 -5em; }
.mob-home .mob1 .dl-1 dd .list li.item-2 i{ background-position: -2.5em -5em; }
.mob-home .mob1 .dl-1 dd .list li.item-3 i{ background-position: -5em -5em; }
.mob-home .mob1 .dl-1 dd .list li.item-4 i{ background-position: -7.5em -5em; }
.mob-home .mob1 .dl-2 dd .list li.item-1 i{ background-position: 0 -7.5em; }
.mob-home .mob1 .dl-2 dd .list li.item-2 i{ background-position: -2.5em -7.5em; }
.mob-home .mob1 .dl-2 dd .list li.item-3 i{ background-position: -5em -7.5em; }
.mob-home .mob1 .dl-2 dd .list li.item-4 i{ background-position: -7.5em -7.5em; }
.mob-home .mob2 h2{ padding-top: .2em; }
.mob-home .mob2 .swiper-container{ margin-top: 1em; }
.mob-home .mob2 .swiper-slide{ position: relative; }
.mob-home .mob2 .swiper-slide .inner{ position: absolute; left: 0; right: 0; top: 0; color: #fff; text-align: left; padding-top: 4.5em;}
.mob-home .mob2 .swiper-slide .pic{ width: 7em; height: 7em; float: left; margin: -.6em 0 0 2em;}
.mob-home .mob2 .swiper-slide.slide-1 .pic{ background: url(../themes/shopqorg/assets/images/index/h5/2f_icon01.png) no-repeat center; background-size: 60%; }
.mob-home .mob2 .swiper-slide.slide-2 .pic{ background: url(../themes/shopqorg/assets/images/index/h5/2f_icon02.png) no-repeat center; background-size: 45%; }
.mob-home .mob2 .swiper-slide.slide-3 .pic{ background: url(../themes/shopqorg/assets/images/index/h5/2f_icon03.png) no-repeat center; background-size: 60%; }
.mob-home .mob2 .swiper-slide .info{ margin-left: 10em; margin-right: 1em;}
.mob-home .mob2 .swiper-slide .info h3{ font-size: 2em; font-weight: 100; margin-bottom: .8em;}
.mob-home .mob2 .swiper-slide .info .intro{ font-size: 1.8em; margin-bottom: 1em;}
.mob-home .mob2 .swiper-slide .info .list{ overflow: hidden; margin-right: -2em; margin-bottom: 2.7em;}
.mob-home .mob2 .swiper-slide .info .list li{ float: left; font-size: 1.5em; line-height: 2em; height: 2em; margin-right: .5em; border: 1px solid rgba(255,255,255,.5); padding: 0 .5em; }
.mob-home .mob2 .swiper-slide .info .btn i{ display: inline-block; width: 1em; height: 1em; background: url(../themes/shopqorg/assets/images/index/h5/2f_icon.png) no-repeat center; background-size: contain; vertical-align: middle; margin-left: .3em; }
.mob-home .mob3 h2{ padding-top: .2em; }
.mob-home .mob3 .video-item{ margin-top: 1em; }
.mob-home .mob3 .video,
.mob-home .mob4 .video{display: block; width: 100%; height: 400px;}
.mob-home .mob3 .video-item .info{ margin-bottom: 2em; }
.mob-home .mob3 .video-item h3{ font-size: 2.4em; font-weight: 100; margin: .5em 0;}
.mob-home .mob3 .video-item .intro{ font-size: 1.5em; color: #999999; margin: 0 2em; margin-bottom: .5em;}
.mob-home .mob3 .video-item .link{ font-size: 1.8em; color: #00a0fb; line-height: 2; }
.mob-home .mob4{ position: relative; padding: 0;}
.mob-home .mob4 h2{ padding-top: 2.8em; }
.mob-home .mob4 h2,
.mob-home .mob4 p{ color: #fff; }
.mob-home .mob4 img{ vertical-align: top; }
.mob-home .mob4 .inner{ position: absolute; top: .4em; bottom: .4em; left: 0; right: 0; }
.mob-home .mob4 .play{ width: 6em; height: 6em; border-radius: 50%; background: rgba(255,255,255,.1) url(../themes/shopqorg/assets/images/index/h5/4f_icon.png) no-repeat center; background-size: 2em; display: inline-block; }
.mob-home .mob5{ background: #1695E8; }
.mob-home .mob5 .list{ overflow: hidden; margin: 0 .7em;}
.mob-home .mob5 .list li{ float: left; width: 50%; text-align: center; color: #fff; padding: 1.4em 0; border: 1px solid #1ca1f1;}
.mob-home .mob5 .list li.item-1{ border-top-color: transparent; border-left-color: transparent; }
.mob-home .mob5 .list li.item-2{ border-color: transparent;}
.mob-home .mob5 .list li.item-3{ border-color: transparent;}
.mob-home .mob5 .list li.item-4{ border-bottom-color: transparent; border-right-color: transparent; margin: -1px; }
.mob-home .mob5 .list li .num{ font-size: 4em; height: 1.2em;}
.mob-home .mob5 .list li .num .sup{ display: inline-block; font-size: .4em; vertical-align: super;}
.mob-home .mob5 .list li .info{ font-size: 1.5em; }
.mob-home .mob6{ padding: 0; }
.mob-home .mob6 .demo-swiper .swiper-slide{ position: relative; }
.mob-home .mob6 .demo-swiper .swiper-slide .cover{ position: absolute; width: 100%; left: 0; top: 59%; text-align: center;}
.mob-home .mob6 .demo-swiper .swiper-slide .cover .logo img{ height: 6em; vertical-align: top; width: auto;}
.mob-home .mob6 .demo-swiper .swiper-slide .cover p{ margin: .8rem 2rem 0; font-size: 1.6em; color: #fff; line-height: 1.5; }
.mob-footer-blank{ height: 3.7rem; }
.mob-footer-service{  width: 100%; height: 3.7rem; position: fixed; left: 0; bottom: 0; background: #00C551; z-index: 99999; -webkit-transform: translateZ(0); }
.mob-footer-service a{ float: left; width: 50%; color: #fff; text-align: center; font-size: 1.7em; line-height: 3.7rem; background: #00C551;}
.mob-footer-service a.tel{ background: #3A99FB; }
.mob-footer-service a i{ display: inline-block; vertical-align: middle; margin-right: .4rem; width: 1.1rem; height: 1.1rem; }
.mob-footer-service a.ask i{ background: url(../themes/shopqorg/assets/images/index/h5/message.png) no-repeat center; background-size: contain; }
.mob-footer-service a.tel i{ background: url(../themes/shopqorg/assets/images/index/h5/phone.png) no-repeat center; background-size: contain; }

/**
 * menu_top
 */
.top-banner {display:block;background: url(../themes/shopqorg/assets/images/top_banner.jpg) no-repeat center center;min-width:1200px;width:100%; height:120px;position:fixed;bottom:0;z-index:10;}
.top-banner-close-wrap {width:1200px;height:120px;position:fixed;bottom:0;margin:0 auto;}
.top-banner-close {width:21px;height:21px;background: url(../themes/shopqorg/assets/images/cha.png) no-repeat center;position:fixed;right:180px;bottom:90px;z-index:11;cursor:pointer}
.top-nav{height: 75px;width: auto;min-width:1200px;background-color: #1A1A1A; position: relative}
.top-nav .box{width: 1200px;margin: 0 auto;}
.top-nav .box .left{width:120px;height: 50px;margin: 12px 0;overflow: hidden;float: left;}
.top-nav .box .left .l{float: left; margin-top: 4px;}
.top-nav .box .left .l img{ height: 41px; }
.top-nav .box .left .r{float: right;position: relative;}
.top-nav .box .left .r p{color: #fff;}
.top-nav .box .left .r p.one{font-size: 14px;line-height: 18px;margin-top:6px;}
.top-nav .box .left .r p.two{font-size: 16px;line-height: 22px;}
.top-nav .box .right{float: left; height: 75px;}
.top-nav .box .right ul li a { cursor:pointer; outline: none; text-decoration: none;}
.top-nav .box .right ul.nav_new{width:100%;height:75px}
.top-nav .box .right ul.nav_new .hidden-box{position: absolute;width: 100%; top: 75px; background-color: #262626;z-index: 20;padding: 24px 0;left: 0;display: none;min-width: 1200px;}
.top-nav .box .right ul.nav_new .hidden-box .i-free{ width: 33px; height: 13px; background: url(../themes/shopqorg/assets/images/index/a-tag-01.png) no-repeat; display: inline-block; vertical-align: -1px; margin-left: 4px;  }
.top-nav .box .right ul.nav_new .hidden-box .i-hot{ width: 29px; height: 12px; background: url(../themes/shopqorg/assets/images/index/a-tag-02.png) no-repeat; display: inline-block; vertical-align: -1px; margin-left: 4px;  }
.top-nav .box .right ul.nav_new .hidden-box .i-new{ width: 30px; height: 12px; background: url(../themes/shopqorg/assets/images/index/a-tag-03.png) no-repeat; display: inline-block; vertical-align: -1px; margin-left: 4px;  }
.top-nav .box .right ul.nav_new .hidden-box .box-hd{ color: #fff; font-size: 19px; text-align: left; margin-bottom: 17px;}
.top-nav .box .right ul.nav_new .hidden-box div.list{float: left;width: 23%; margin-right: 13%; margin-left: 20px;}
.top-nav .box .right ul.nav_new .hidden-box div.list:last-child{ margin-right: 0; }
.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: 16px;text-align: left;}
.top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li.first{padding-bottom: 10px; color: #ccc; font-size: 16px; margin-bottom:10px;border-bottom: 1px solid #3d3d44; width: 94%;}
.top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li a{color: #999; font-size: 14px; line-height: 28px;text-decoration: none;}
.top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li a:hover{color: #eee;}
.top-nav .box .right ul.nav_new .hidden-box div.list ul.hidden-box-child li p{ color: #666; font-size: 12px; }
.top-nav .box .right ul.nav_new .hidden-box div.list.double{ width: 50%; }
.top-nav .box .right ul.nav_new .hidden-box div.list.double ul.hidden-box-child li{ float: left; width: 50%; }
.top-nav .box .right ul.nav_new .hidden-box div.list.double ul.hidden-box-child li.first{ width: 97%; clear: both; }
.top-nav .box .right ul.nav_new .hidden-box .con{width: 1200px;margin: 0 auto 24px;overflow: hidden;}
.top-nav .box .right ul.nav_new .hidden-box .con .f-r{float: right;}
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list ul.hidden-box-child li{ overflow: hidden; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list ul.hidden-box-child li a{ float: left; width: 33%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(2) ul.hidden-box-child li a{ width: 45%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(3) ul.hidden-box-child li a{ width: 45%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(3){ margin-right: 10%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(4){ width: 26%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(4) ul.hidden-box-child li a:nth-child(1){ width: 40%; }
.top-nav .box .right ul.nav_new .hidden-box .con-2 div.list:nth-child(4) ul.hidden-box-child li a:nth-child(2){ width: 26%; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list{ margin-right: -20px; margin-top: 20px;}
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li{ width: 284px; height: 66px; background: rgba(255,255,255,.05); float: left; margin-right: 20px; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li:hover{ color: #fff; background: #3899FD; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li a{ line-height: 1.6; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li i{ width: 50px; height: 50px; float: left; background: url(../themes/shopqorg/assets/images/index/menu_icon02.png) no-repeat; margin: 6px 0 0 13px;}
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-1 i{ background-position: 0 0; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-2 i{ background-position: -50px 0; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-3 i{ background-position: -100px 0; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-4 i{ background-position: -150px 0; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-1:hover i{ background-position: 0 -50px; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-2:hover i{ background-position: -50px -50px; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-3:hover i{ background-position: -100px -50px; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li.item-4:hover i{ background-position: -150px -50px; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list .info{ text-align: left; color: #fff; padding: 11px 0 0 10px; float: left;}
.top-nav .box .right ul.nav_new .hidden-box .fangan-list .info h4{ color: #3899FD; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list .info p{ font-size: 12px; color: #666; }
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li:hover h4,
.top-nav .box .right ul.nav_new .hidden-box .fangan-list li:hover p{ color: #fff; }
.top-nav .box .right ul.nav_new{overflow: hidden;width: 100%;height: 100%;}
.top-nav .box .right ul.nav_new li.child{width: 106px;height: 100% !important;float: left;height: 100%;text-align: center; list-style:none;}
.top-nav .box .right ul.nav_new li.has-child {width: 124px;}
.top-nav .box .right ul.nav_new li.child.active,
.top-nav .box .right ul.nav_new li.child.curr{background-color: #262e36;}
.top-nav .box .right ul.nav_new li.child a{font-size: 14px;display: block;color: #fff;line-height: 75px;}
.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.child .nav_arrow{ width: 16px; height: 5px; display: inline-block;  vertical-align: middle; margin-left: 5px; background: url(../themes/shopqorg/assets/images/index/top_icon.png) no-repeat left bottom;}
.top-nav .box .right ul.nav_new li.child:hover .nav_arrow{ background-position: left top; }
.top-nav .box .right ul.nav_new li.has-child.active 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;
}

.top-nav .box .extra{ float: right; line-height: 38px; margin-top: 19px;}
.top-nav .box .extra a{ float: right; }
.top-nav .box .extra .bt{ width: 100px; height: 36px; border: 1px solid #909090; border-radius: 5px; color: #fff; line-height: 36px; height: 36px; text-align: center; margin-left: 15px; transition: all .2s;}
.top-nav .box .extra .bt:hover{ background: #00a2ff; color: #fff; border-color: #00a2ff; }
.top-nav .box .extra .lk{ color: #ccc; margin-right: 22px; }
.top-nav .box .extra .lk:hover{ color: #00a2ff;}
