*{-webkit-text-size-adjust: none}
body,dd,div,form,h1,h2,h3,h4,html,img,input,p{margin:0 auto;padding:0;font-family:Segoe UI,Arial,Segoe,Tahoma,sans-serif;color:#222;line-height:160%;font-weight:400}
body{font-size:62.5%;overflow-x:hidden}
p{line-height:20px}
dd,dl,dt{margin:0;padding:0}
ul{margin:0;padding:0;list-style:none}
li{margin:0;list-style:none;padding:0}
img{border:none}
.clearfloat::after{content:"";display: block;clear:both;overflow: hidden;visibility: hidden;height: 0;}
.clearfloat{zoom:1;}
.flex-box{display: flex;display:-webkit-box;display:-webkit-flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;-webkit-flex-direction: row;-webkit-justify-content: space-around;-webkit-flex-wrap: wrap;}
a,a:link,a:visited{text-decoration:none;color:#222}
a:active,a:hover{text-decoration:underline;color:#222}
input{font-size:1.2em;float:left}
table{border-collapse:collapse}
dd,dl,dt{text-align:left}
.container{max-width:1200px;overflow:hidden;clear:both;position: relative;}
#header{width:100%;height:72px;position:relative;clear:both}
#header .container{overflow:visible}
#logo{width:20%;float:left;margin-top:22px}
.menu{z-index:90;float:right;margin-top:25px}
.menu ul{margin-right:20px}
.menu li{float:left;text-align:center;font-size:16px;z-index:1;color:#222;font-family:Arial,Helvetica,sans-serif;height:50px}
.menu li a{display:block;float:left;z-index:0;zoom:1;line-height:20px;height:26px;padding:3px 15px 0 10px}
.menu li.sale:hover,.menu li.store:hover{background:0 0}
.menu ul li ul.submenu{max-width:1200px;width:100%;left:50%;margin-left:-50%;max-height:310px;position:absolute;top:72px;z-index:100;font-size:15px;display:none;background:#fff;padding:1% 0 4% 0;margin-right:0;border-top:#d1d1d1 3px solid;border-bottom:#d1d1d1 1px solid}
#submenu_container{width:100%;background-color: #fff;position: absolute;left:0;right:0;top:72px;margin:auto;z-index:99;}
#submenu_container.active{border-top:#d1d1d1 3px solid;border-bottom:#d1d1d1 1px solid;}
#submenu_container ul.submenu{display:none;max-width:1200px;width:100%;margin:0 auto;max-height:310px;font-size:15px;background:#fff;padding:1% 0 4% 0;}
#submenu_container ul.submenu.active{display: block;}
#submenu_container ul.submenu li.version span{background:url(/style/index/version.png) no-repeat 0 0}
#submenu_container ul.submenu li.version.mac span{background-position:0 -59px}
#submenu_container ul.submenu li.version span.resouce{background:url(/style/index/version-resource.png) no-repeat 0 0}
#submenu_container ul.submenu li.version.mac span.resouce{background-position:0 -59px}
#submenu_container ul.submenu li.category a{width:20%}
#submenu_container ul.submenu:before{width:200%;background:#fff;content:"";position:fixed;top:-3px;left:-35%;z-index:-1;border-top:#d1d1d1 3px solid}
#submenu_container ul.submenu li{float:left;text-align:left;width:49%;height:35px;font:400 12px/40px arial,sans-serif!important;color:#999;margin:0;background-color: #fff;}
#submenu_container ul.submenu li span{color:#f44647;font-size:24px;line-height:30px;padding-left:30px}
#submenu_container ul.submenu li.mac{padding-left:0}
#submenu_container ul.submenu li a.first{border-top:1px #f44647 solid}
#submenu_container ul.submenu li a.more{color:#f44647;font-size:14px;text-decoration:underline}
#submenu_container ul.submenu li img{vertical-align:top;max-width:28px}
#submenu_container ul.submenu li a{float:left;line-height:35px;font-size:15px;color:#666;display:inline-block;width:49%;padding:0;white-space:nowrap;text-indent: 0;text-align: left;}
#submenu_container ul.submenu li.version span{background:url(/style/index/version.png) no-repeat 0 0}
#submenu_container ul.submenu li.version.mac span{background-position:0 -59px}
#submenu_container ul.submenu li.version span.resouce{background:url(/style/index/version-resource.png) no-repeat 0 0}
#submenu_container ul.submenu li.version.mac span.resouce{background-position:0 -59px}
#submenu_container ul.submenu li.category a{width:20%}
.menu ul li:hover ul.submenu{display:block}
.menu ul li ul.submenu li.version span{background:url(/style/index/version.png) no-repeat 0 0}
.menu ul li ul.submenu li.version.mac span{background-position:0 -59px}
.menu ul li ul.submenu li.version span.resouce{background:url(/style/index/version-resource.png) no-repeat 0 0}
.menu ul li ul.submenu li.version.mac span.resouce{background-position:0 -59px}
.menu ul li ul.submenu li.category a{width:20%}
.menu ul li:hover ul.submenu{display:block}
.menu ul li ul.submenu:before{width:200%;background:#fff;content:"";position:fixed;top:-3px;left:-35%;z-index:-1;border-top:#d1d1d1 3px solid}
.menu ul li ul.submenu li{text-align:left;width:50%;height:35px;font:400 12px/40px arial,sans-serif!important;color:#999;margin:0}
.menu ul li ul.submenu li span{color:#f44647;font-size:24px;line-height:30px;padding-left:30px}
.menu ul li ul.submenu li.mac{padding-left:0}
.menu ul li ul.submenu li a.first{border-top:1px #f44647 solid}
.menu ul li ul.submenu li a.more{color:#f44647;font-size:14px;text-decoration:underline}
.menu ul li ul.submenu li img{vertical-align:top;max-width:28px}
.menu ul li ul.submenu li a{line-height:35px;font-size:15px;color:#666;display:inline-block;width:50%;padding:0;white-space:nowrap}
.menu ul li:hover ul.submenu{display:block}
.menu ul li ul.submenu li.version span{background:url(/style/index/version.png) no-repeat 0 0}
.menu ul li ul.submenu li.version.mac span{background-position:0 -59px}
.menu ul li ul.submenu li.version span.resouce{background:url(/style/index/version-resource.png) no-repeat 0 0}
.menu ul li ul.submenu li.version.mac span.resouce{background-position:0 -59px}
.menu ul li ul.submenu li.category a{width:20%}
#submenu_container ul.submenu.online li.version{height: 40px;line-height: 40px;padding-bottom: 5px;}
#submenu_container ul.submenu.online li.version span{padding-left: 55px;height: 40px;line-height: 40px;display: block;background: url(/style/images/book.png) no-repeat;}
#submenu_container ul.submenu.online li.version.mac span{background: url(/style/images/online.png) no-repeat;}
#lookfor{float:right;margin-top:3px}
.toggle-nav{display:none}
.container h1{font-size:40px;text-align:center;margin-top:50px;line-height:45px;display:block;clear:both}
.container h1 span{font-size:16px}
.pro{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row}
.container.pro.pro-container{overflow: visible;}
.mid1{float:left;background:url(/style/index/recovery.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:50px}
.mid2{float:left;background:url(/style/index/video-converter.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:50px}
.mid3{float:left;background:url(/style/index/slideshow-creator.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:50px}
.mid4{float:left;background:url(/style/index/dvd-creator-bg.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:100px}
.mid5{float:left;background:url(/style/index/mobiesync.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:100px}
.mid6{float:left;background:url(/style/index/total-video-converter-bg.jpg) no-repeat 50% 0;max-width:400px;width:40%;margin-top:100px}
.title1,.title2{max-width:400px;margin:62% 0 0 12px}
.title1 a{font-size:20px;color:#fff}
.title2 a{font-size:20px;color:#222}
.mid1 p,.mid2 p,.mid3 p,.mid4 p,.mid5 p,.mid6 p{font-size:14px;margin:55px 0 0 12px;line-height:25px}
.pro-container{margin:50px auto;overflow:visible}
.margin-right{margin-right:22px}
.pro-container .pro-item{display:inline-block;margin:10px 21px 10px 0;box-shadow:0 0 10px 0 rgba(0,103,173,.19);padding-top:40px;width:383px;height:488px;box-sizing:border-box;color:#222;position:relative;padding-bottom:80px}
.pro-container .pro-item:nth-child(3),.pro-container .pro-item:nth-child(6){margin-right: 0;}
.off{position:absolute;right:0;top:0}
.pro-container .pro-item>a{display:block;margin:0 auto 15px;max-width:224px}
.pro-container .pro-item>a:hover{color:#21b3e4}
.pro-container .pro-item>a:hover>p{color:#21b3e4}
.pro-container .pro-item>a>img:hover{transform:scale(1.1);transition:all .4s linear}
.pro-container .pro-item>a img{transition:all .4s linear}
.pro-item>a img{display:block;margin:0 auto;margin-bottom:30px}
.pro-item>a p{margin-top:15px;font-size:20px;text-align:center}
.pro-container .pro-item>p{display:block;margin-bottom:32px;padding:0 30px;font-size:16px;line-height:24px;text-align:center}
.pro-item>div{text-align:center}
.pro-item>div>span{position:relative;display:inline-block;margin:0 10px;width:158px;height:50px;line-height:50px;font-size:16px;text-align:center;background-color:#0282d9;border-radius:5px;color:#fff}
.pro-item>div>a{position:relative;display:inline-block;margin:0 8px;width:158px;height:50px;line-height:50px;font-size:16px;text-align:center;background-color:#0282d9;border-radius:5px;color:#fff}
.btn{border-radius:5px;border:#000 1px solid;max-width:213px;height:30px;margin:18px 0 0 12px;text-align:center}
.btn a{font-size:14px;color:#222}
.btn a.mac{border-right:#222 1px solid;padding:0 38px}
.btn-1 a.mac{border-right:#222 1px solid;padding:0 10% 0 0}
.btn-1{border-radius:5px;border:#000 1px solid;max-width:225px;height:30px;margin:18px 0 0 12px;text-align:center}
.btn-1 a{font-size:14px;color:#222}
.btn .left,.btn-1 .left{width:50%;height:30px}
.btn-1 .left{width:33%}
.btn-1{max-width:340px}
.btn .left a,.btn-1 .left a{line-height:30px}
h2{font-size:36px}
.left{width:64%;float:left}
.arti{width:45%;float:left;overflow:hidden;margin-left:3%}
.arti .pic{float:left;max-width:136px;margin-top:37px}
.arti .pic img{width:100%;max-width:136px;transition:all .3s ease-out}
.arti .pic img:hover{transform:scale(1.05);transition:all .3s ease-out}
.text{float:left;margin:37px 10px 0 0;width:57%}
.text p.author{font-size:12px;color:#999}
.text p.author a{color:#25b2e3}
.text p.title{font-size:16px;margin-bottom:15px}
.text p.title a{color:#222}
.text p.title a:hover{color:#25b2e3;text-decoration:none}
.text p.content{font-size:14px;color:#222;padding:15px 0}
.right{width:33%;float:left;margin-left:2%}
.right p.pro-name a{background-color:#191b1b;color:#fff;display:block;font-size:20px;height:56px;padding-left:10px;line-height:50px}
.right .right-bot{min-height:304px;max-width:375px;position:relative;margin-top:25px;overflow:hidden}
.right .right-bot p.author{font-size:12px;color:#999;padding-top:20px;width:90%}
.right .right-bot p.author a{color:#999}
.right .right-bot p.title{font-size:18px;color:#191b1b;line-height:25px;width:80%;font-weight:700;margin-top:25px}
.right .right-bot p.content{font-size:14px;color:#222;width:80%;padding:15px 0 40px 0}
.right .right-bot img{height:304px;float:right}
.right-distance{max-width:338px;width: 100%;}
.pro-item .right-distance span{margin:0;}
.right-distance span:hover{border-radius:5px 5px 0 0}
.right-distance span:hover div{display:block}
.right-distance span div{width:158px;position:absolute;top:100%;height:50px;background:#fff;border-radius:0 0 5px 5px;display:none;border:1px solid #0382da;box-sizing:border-box}
.right-distance span div a img{display:block}
.right-distance span div a{padding-top:9px;color:#0382da;font-size:14px;width:50%;display:inline-block;float:left;line-height:16px}
.right-distance span:last-child>a{display: block;width: 100%;height: 100%;border-radius: 5px;color:#0382da}
.right-distance span:last-child>div a{color:#fff}
.right-distance span:last-child>div{left:-1px;background:#0382da}
.right-distance span:last-child{padding-right:14px;background:#fff url(/style/index/more.png) 114px 10px no-repeat;color:#0382da;border:1px solid #0382da;box-sizing:border-box}
.right-distance span img{vertical-align:middle;margin-top:-5px}
.div_hover i{position:absolute;width:1px;height:75%;background:#89b3d9;top:15%;left:85px;}
.buy-hover.active div{display:block}
.rela-arti{margin-top:40px;margin-left:1%}
.rec-arti{margin-top:15px;width:90%}
.rec-arti .author{font-size:12px;color:#999;padding-top:20px;width:90%}
.rec-arti .author a{color:#999}
.rec-arti p.content{font-size:16px;color:#222;margin-bottom:5px}
.rec-arti .author span{color:#222;margin-left:-11px;padding-right:3px;font-size:16px}
.left-top{min-height:304px;max-width:768px;position:relative;margin-top:25px}
a.category-tag{color:#fff;font-size:14px;padding:6.5px 20.5px;border-radius:50px;background-color:rgba(79,150,207,1);margin-top:20px;display:inline-block;margin-left:20px;float:left;position:absolute}
a.category-tag:hover{text-decoration:none;background-color:rgba(79,150,207,.8)}
.left-top-text{background-color:rgba(0,0,0,.5);width:43%;float:left;clear:both;padding:28px 20px;position:absolute;bottom:0}
a.text-title{font-size:24px;color:#fff;line-height: 28px;}
.right-top-text a.text-title,p.des{color:#fff;font-size:16px;margin:15px auto 10px auto;line-height:25px}
.left-top-text p.time-author,.right-top-text p.time-author{color:#b0b0b0}
p.time-author{color:#606060;font-size:14px}
.right-top-text a.text-title:hover,a.text-title:hover,p.time-author a{color:#21b3e4}
.right-top-text a.text-title:hover,a.text-title:hover{text-decoration:none}

.top{margin:80px auto;}
p.time{font-size:12px;color:#606060}
.right-top-text{clear:both;position:absolute;bottom:0;padding:0 20px 28px 20px}
.right-top-text a.text-title{display:block}
.second-arti{margin-left:7%}
.artis{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row}
.botlink{width:100%;background-color:#333;padding:25px 0}
.botlink .container{padding:30px 10px 40px;overflow:hidden;max-width:1200px}
.botlink-box{width:20%;float:left;margin-right:3%}
.botlink-box a{display: block;}
.botlink .botlink-box >a:nth-of-type(1){width: 144px;margin-bottom: 20px;}
.botlink .botlink-box >a:nth-of-type(2){margin-bottom: 14px;box-sizing: border-box;width: 160px;height: 36px;border:1px solid #2ab0f5;border-radius:3px;font-size:14px;line-height: 36px;text-align: center;padding-left: 20px;color:#2ab0f5;background: url(/style/index/download.png) 4px 2px no-repeat;}
.botlink .botlink-box >a:nth-of-type(3){box-sizing: border-box;width: 160px;height: 36px;border:1px solid #2ab0f5;border-radius:3px;font-size:14px;line-height: 36px;text-align: center;padding-left: 20px;color:#2ab0f5;background: url(/style/index/buy.png) 4px 2px no-repeat;}
.botlink-box img{margin-top:20px}
.botlink-company{width:25%;float:left;border-left:#464646 1px solid;padding-left:20px;height:149px}
.botlink-support{width:17%;border-left:#464646 1px solid;padding-left:20px}
.botlink-social{width:20%;border-left:#464646 1px solid;padding-left:20px;height:149px}
.botlink h3{font-size:18px;margin:20px auto;color:#fff}
.botlink h3.cooper{margin-top:20px}
.botlink p{font-size:14px}
.botlink a:link,.botlink a:visited,.botlink p{color:#fff}
.botlink ul li{line-height:16px;margin:11px 0;font-size:14px}
.botlink-sns{width:100%}
.botlink-sns a{margin-right:5px;width:40px;height:40px;display:inline-block}
.botlink-sns a img{max-width:48px}
.botlink-sns a.facebook{background:url(/style/images/share-sns.png) no-repeat 0 0}
.botlink-sns a.twitter{background:url(/style/images/share-sns.png) no-repeat -57px 0}
.botlink-sns a.youtube{background:url(/style/images/share-sns.png) no-repeat -111px 0}
.botlink-sns a.google{background:url(/style/images/share-sns.png) no-repeat -162px 0}
#footer{clear:both;background:#292929;width:100%}
#footer p{color:#fff;text-align:center;margin:15px auto 10px}
#footer p a{text-align:center;color:#fff;font-size:14px}
#footer span.copyright{margin:0 auto 25px;color:#7c7c7c}
span.copyright{text-align:center;font-size:14px;padding-left:10px}
p.copyright{color:#7c7c7c;text-align:center;font-size:14px;padding-left:10px}
#footer p.copyright{color:#7c7c7c}
a#subscribe{background:url(/images/subscribe.png) no-repeat;width:264px;height:28px;display:block;color:#fff;font-size:14px;padding:10px 0 0 25px}
a#subscribe:hover{text-decoration:none;background:url(/images/subscribe.png) no-repeat 0 -38px}
ul.why-choose{overflow:hidden}
ul.why-choose li{float:left;width:24.5%;border:none;margin-bottom:55px}
ul.why-choose img{text-align:center;display:block;margin-bottom:15px}
ul.why-choose dt{font-size:16px;text-align:center}
.bottom-ads{position:relative;cursor:pointer}
.ad-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/system/mid-sale-top1.jpg) no-repeat 50% 0;z-index:2}
.ads{background: url(/images/system/mid-sale-top.png) no-repeat 50% 0;height:40px;display:block;z-index:2;position:relative}
.bottom-ads img{position:absolute;right:0;top:5px;cursor:pointer;z-index:9}
.slidingDiv{clear:both;z-index:10000;position:absolute;top:72px;background-color:#fff;width:100%;padding:20px 0;height:45px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.show_hide{background:#fff url(/style/images/search-logo.jpg) no-repeat 0 center;height:18px;float:left;width:17px;cursor:pointer}
#search{max-width:1000px;width:95%;margin:0 auto;overflow:hidden}
#search-container{width:100%}
#search-container input#q{width:80%;height:40px;border:1px solid #d3d8dc;border-radius:5px 0 0 5px;font-size:18px;padding-left:5px;color:#CCC}
#search-container input#q,#search-container input#search_btn{float:left}
#search-container input#search_btn{width:60px;height:42px;border-radius:0 5px 5px 0;cursor:pointer;border:1px solid #222;border-left:none;background-color:#222;color:#fff}
#search-container input#search_btn:hover{background-color:#222;color:#fff}
.topic_wrap h1{background-color:#504e4f;font-size:24px;color:#fff;height:50px;border-radius:5px;line-height:50px;padding-left:19px;max-width:1000px;width:100%}
#search_result{height:1250px}
#exclusive_discount{line-height:14px;margin-top:10px;color:#7c7c7c}
ul.intro{display:none;overflow:visible;position:absolute;top:72px;font-size:14px;background:#fff;padding-top:1%;z-index:10000;border-top:#d1d1d1 3px solid;padding-bottom:10px}
ul.intro li a{display:block;width:110px;color:#666;font-size:16px}
ul.intro li{float:left;height:35px}
.menu li#resorce:hover ul.intro{display:block}
.unslider{margin:0;padding:0;clear:both;position:relative}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:0;z-index:2;cursor:pointer;display:none}
.unslider-arrow.next{left:auto;right:0}
.unslider-nav{margin:30px auto 0;display:block}
.unslider-nav ol{list-style:none;text-align:center}
.unslider-nav ol li{display:inline-block;float:none;width:15px;height:15px;margin:0 4px;border-radius:100px;overflow:hidden;text-indent:-999em;cursor:pointer;background-image:url(/style/images/pagination.png);background-position:0 0}
.unslider-nav ol li.unslider-active{cursor:default;background-position:0 -15px}
.automatic-slider ul li.a-bg{background:url(/images/system/banner.jpg) no-repeat center;height:491px;width:100%;overflow:hidden;background-position:50%;display:inline-block}
.automatic-slider ul li.b-bg{background:url(/images/system/banner-vcu.jpg) no-repeat center;height:491px;width:100%;overflow:hidden;background-position:50%;display:inline-block}
.automatic-slider ul li.c-bg{background:url(/images/system/new-fonelab.jpg) no-repeat center;height:491px;width:100%;overflow:hidden;background-position:50%;display:inline-block}
.automatic-slider ul li.d-bg{background:url(/images/system/banner-2.jpg) no-repeat center;height:491px;width:100%;overflow:hidden;background-position:50%;display:inline-block}
.automatic-slider{overflow:hidden}
.usernotice_pop{display:table;width:280px;padding:7px;position:fixed;bottom:20px;right:5px;background:rgba(0,0,0,.55);z-index:1000;text-align:center;color:#fff;border-radius:5px;transition:all .3s ease;font-size:12px}
.usernotice_pop a{color:#fff;text-decoration:underline}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px}
.container-arti{margin:60px auto 70px;overflow:visible}
.container-arti h2{text-align:center}
/* header */
#header{width:100%;height:72px;position:relative;clear:both}
#header .container{overflow:visible}
#logo{width:20%;float:left;margin-top:22px}
.header>div *{margin: 0;padding: 0;font-family: Segoe UI,Arial,Segoe,Tahoma,sans-serif;}
.header>div{align-items: center;overflow: visible;justify-content: space-between;}
.header li{display: inline-block;}
.header div>div>ul:nth-child(1){margin-top: 18px;margin-bottom: 15px;}
.header div>div>ul:nth-child(1) li{margin-right: 40px;line-height: 28px;}
.header div>div>ul:nth-child(1) li:nth-child(1) i{width: 18px;height: 18px;background: url(/style/images/store.png);display: inline-block;margin-right: 10px;vertical-align: -4px;}
.header div>div>ul:nth-child(1) li:last-child{margin: 0px;vertical-align: -7px;}
.header div>div>ul:nth-child(1) li a{font-size: 16px;color: #222;}
.header #searchcontainer{overflow: visible;position: relative;vertical-align: -4px;}
.header #search-container input#q{width: 0px;height: 26px;outline: none;font-size: 18px;border-radius: 60px;padding-left: 0px;border: 1px solid transparent;-webkit-transition:width .2s linear;transition:width .2s linear;margin-right: -10px;color: #333;}
.header #search-container input#q.active{padding-left: 15px;width: 222px;border: 1px solid #d3d8dc;}
.header #search-container input#search_btn{margin-top: 5px;background: url(/style/images/search-new.png) no-repeat;width: 20px;height:20px;border: none;outline: none;margin-left: -20px;-webkit-transition: all .2s linear;transition: all .2s linear;cursor: pointer;}
.header div ul{text-align: right;}
.header div ul:nth-child(2){margin-bottom: 22px;position: relative;}
.header div ul:nth-child(2) li{display: inline-block;font-size: 18px;color:#333;font-weight: 550;margin-right: 32px;}
.header div ul:nth-child(2) li>span>i{width: 12px;height: 6px;background: url(/style/index/arrow-down-up.png);display: inline-block;margin-left: 8px;vertical-align: 2px;}
.header div ul:nth-child(2) li:last-child{margin-right: 0px;}
.header div ul:nth-child(2) li::after{clear: both;content: "";width: 100%;height: 25px;background: transparent;position: absolute;top: 20px;left: 0px;display: none;}
.header div ul:nth-child(2) li.active>span{color: #0067e7;text-decoration: none;cursor: pointer;}
.header div ul:nth-child(2) li.active div{display: block;}
.header div ul:nth-child(2) li.active:after{display: block;}
.header div ul:nth-child(2) li.active>span>i{background-position-y: -6px;}
.header div ul:nth-child(2).header_nav li:hover div{display: block;}
.header div ul:nth-child(2).header_nav li:hover>span{color: #0067e7;text-decoration: none;cursor: pointer;}
.header div ul:nth-child(2).header_nav li:hover:after{display: block;}
.header div ul:nth-child(2).header_nav li:hover>span>i{background-position-y: -6px;}
.header div ul:nth-child(2) li div{position: absolute;top: 41px;right: 0px;background: #fff;z-index: 10;padding: 51px 87px 40px;border-radius: 0 0 8px 8px;box-shadow: 0 10px 15px rgba(0,0,0,.1);width: 880px;box-sizing: border-box;display: none;}
.header div ul:nth-child(2) li div{overflow: hidden;}
.header div ul:nth-child(2) li div dl{width: 294px;text-align: left;display: block;float: left;}
.header div ul:nth-child(2) li div dl:nth-child(1){margin-right: 104px;}
.header div ul:nth-child(2) li div dl dt{font-size: 20px;color: #222;border-bottom: 1px solid #d1d1d1;width: 100%;padding-bottom: 13px;margin-top: 0px;font-weight: 550;}
.header div ul:nth-child(2) li div dl dd{display: block;line-height: 14px;margin-top: 22px;margin-right: 0px;}
.header div ul:nth-child(2) li div dl dd>img{vertical-align: -2px;margin-right: 8px;}
.header div ul:nth-child(2) li div dl dd a{font-size: 14px;color: #222;font-weight: normal;position: relative;position: relative;-webkit-transition: all .2s linear;transition: all .2s linear;overflow: hidden;}
.header div ul:nth-child(2) li div dl dd img{margin-left: 12px;}
.header div ul:nth-child(2) li div dl dt img{margin: 0px;margin-right: 8px;vertical-align: -5px;}
.header div ul:nth-child(2) li div dl dd a::after{width: 0px;clear: both;content: "";position: absolute;bottom: -1px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 1px;background: #2674e9;-webkit-transition: all .2s linear;transition: all .2s linear;max-width: 100%;}
.header div ul:nth-child(2) li div dl dd a:hover::after{width: 100%;}
.header div ul:nth-child(2) li div dl dd a:hover{color: #2674e9;text-decoration: none;}
.header div ul:nth-child(2) li:nth-last-child(2) div,.header div ul:nth-child(2) li:nth-last-child(1) div{width: 1200px;padding: 51px 55px 40px;}
.header div ul:nth-child(2) li:nth-last-child(2) div dl:nth-child(2),.header div ul:nth-child(2) li:nth-last-child(1) div dl:nth-child(2){margin-right:104px;}
.header .toggle{display: none;}
.header_bg{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;top: 0px;left: 0px;z-index: 1;display: none;}
@media screen and (max-width:1180px){.menu ul li ul.submenu li a.second{padding-left:0}
.arti{margin-left:1%}
.text{width:49%}
.pro-container .pro-item>a>img:hover{transform:scale(1);transition:all .4s linear}
.header div>div{display: flex;flex-direction: column;}
.header div>div>ul:nth-child(1){order: 2;margin: 0 !important;}
.header div>div>ul:nth-child(2){order: 1;}
.header div>div>ul:nth-child(1){display: block;}
.header div>div>ul:nth-child(1) li{display: none !important;}
.header div>div>ul:nth-child(1) li:last-child{display: block !important;}
.header .toggle{font-size: 30px;color: #222;display: block;width: 26px;height: 22px;background: url(/images/article/toggle-left.png);}
.header .toggle.active{background: url(/style/images/close.png) no-repeat 7px;}
.header{position: relative;height: 60px;align-items: center;background: #fff;z-index: 4;}
.header>div{height: 100%;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
.header div>div{position: absolute;left:0px;top: 60px;z-index: 2;width: 100%;background: #fff;display: none;}
.header div>div.active{display: flex;}
.header div>div ul>li{display: block !important;text-align: left;padding-top: 15px;padding-bottom: 15px;border-top: 1px solid #eee;margin: 0px !important;}
.header div ul:nth-child(2) li div dl dd{border: none;}
.header div>div ul>li span,.header div ul:nth-child(2) li div dl dd{padding-left:10px;padding-right:10px;box-sizing: border-box;}
.header div>div ul>li span{display: flex;justify-content: space-between;align-items: center;}
.header div ul:nth-child(2) li div dl dt{border: none;padding-bottom: 20px;padding-top: 25px;border-bottom: 1px solid #eee;}
.header div ul:nth-child(2) li div{position: static;box-shadow: 0 0 0;width: 100% !important;padding: 0px !important;margin: 0 !important;}
.header div ul:nth-child(2) li div dl{display: block;float: none;width: 100%;}
.header div ul:nth-child(2) li:hover:after{display: none !important;}
.header div ul:nth-child(2){margin-bottom: 0px;}
.header div ul:nth-child(2) div li:last-child{padding-bottom: 0px;}
.header div>div>ul:nth-child(1) li{width: 100%;padding-left:10px;padding-right: 10px;box-sizing: border-box;}
.header #search-container input#q{padding-left: 5px;width: 100%;border: 1px solid #d3d8dc;box-sizing: border-box;}
.header #searchcontainer{overflow: hidden;}
.header #search-container input#search_btn{margin-top: 4px;}
.header div ul:nth-child(2) li div dl dt{font-size: 16px;padding-left: 10px;}
.header div ul:nth-child(2) li div dl dd{padding-left: 44px;}
.header div ul:nth-child(2) li div dl dd:hover a{color: #2674e9;}
.header_bg{z-index: 3;}
}
@media screen and (max-width:1118px){h2{font-size:47px}
.bg{background-position:485px -7px}
.left-top-text{padding:29px 20px;position:absolute;bottom:0}
.pro-container{display:flex;margin-top:50px;padding:10px 0;flex-wrap:wrap;justify-content:center;flex-direction:row;overflow:hidden}
.pro-container .pro-item{margin:0 35px 20px!important}
.pro-container .pro-item{width:358px;height:auto}
}
@media screen and (max-width:1024px){
.automatic-slider ul li.a-bg{background:url(/images/system/banner-pad.jpg) no-repeat 50% 0;width:100%;height:460px;}
.automatic-slider ul li.b-bg{background:url(/images/system/banner-vcu-pad.jpg) no-repeat 50% 0;width:100%;height:460px;}
.automatic-slider ul li.c-bg{background:url(/images/system/new-fonelab-pad.jpg) no-repeat 50% 0;width:100%;height:460px;}
.automatic-slider ul li.d-bg{background:url(/images/system/pro-pad-sr.jpg) no-repeat 50% 0;width:100%;height:460px;}
.unslider-arrow{display: none!important;}
}
@media screen and (max-width:956px){
#lookfor{float:left;margin-right:10px;margin-top:30px}
.toggle-nav{display:inline-block}
.toggle-nav{padding:28px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px}
a.toggle-nav{color:#222}
.toggle-nav .active,.toggle-nav:hover{text-decoration:none}
.menu{position:relative;display:inline-block;float:right;margin-top:0}
.menu ul.active{display:none}
.submenu_container ul.submenu.active{display: none;}
.menu ul{position:absolute;top:100%;right:0;padding:10px;box-shadow:0 1px 1px rgba(0,0,0,.15);background:#222;border:1px solid #222;opacity:.8}
.menu li{margin:0;float:none;display:block}
.menu li a{padding:15px 15px 0;color:#fff}
#header .menu{z-index:1000px}
#header .menu li a,#header .menu li p{margin-top:0}
#header .menu li a:hover,#header .menu li:hover,#header .menu li:hover a{color:#fff}
#header .menu li:hover .submenu{display:none}
.menu li#resorce:hover ul.intro{display:none}
ul.intro{display:none}
.product-advantage .advantage>div{margin:0;}
}
@media screen and (max-width:850px){.mid1,.mid2,.mid3,.mid4,.mid5,.mid6{margin-left:0}
.left,.right{width:100%}
.right{margin-left:0;margin-top:20px}
.footer-box,.footer-company,.footer-social,.footer-support,.botlink-company{width:100%}
.new-footer .container.clearfloat .footer-support,.new-footer .container.clearfloat .footer-social,.new-footer .container.clearfloat .botlink-company{padding-left: 0;border-left: 0;}
}
@media screen and (max-width:798px){.ads{background:url(/images/system/mid-sale-top-pad.png) no-repeat 50% 0;height:35px;display:block;position:relative;z-index:9}
h2{height:40px;font-size:26px;line-height:40px;font-weight:700}
.botlink-box,.botlink-company,.botlink-social,.botlink-support{width:100%}
.btm ul li{width:45%;height:263px}
.automatic-slider ul li.a-bg{background:url(/images/system/banner-pad.jpg) no-repeat 50% 0;width:100%;max-width:800px}
.automatic-slider ul li.b-bg{background:url(/images/system/banner-vcu-pad.jpg) no-repeat 50% 0;width:100%;max-width:800px}
.automatic-slider ul li.c-bg{background:url(/images/system/new-fonelab-pad.jpg) no-repeat 50% 0;width:100%;max-width:800px}
.automatic-slider ul li.d-bg{background:url(/images/system/pro-pad-sr.jpg) no-repeat 50% 0;width:100%;max-width:800px}
.bg{background-position:269px -7px}
.right .right-bot{max-width:768px}
.arti{width:48%}
.showoff h2{margin:80px auto 30px;font-size:36px;line-height: 40px;}
.showoff .unslider-nav{margin:30px auto 50px;}
}
@media screen and (max-width:740px){
.title1,.title2{margin-top:72%}
.product-advantage{height:unset;background: #454e6b;}
p.copyright,span.copyright{display:block}
}
@media screen and (max-width:650px){.mid1,.mid2,.mid3,.mid4,.mid5,.mid6{width:100%}
.title1,.title2{margin-top:66%}
.mid5,.mid6{margin-top:50px}
}
@media screen and (max-width:480px){.ads{background:url(/images/system/mid-sale-top-pad.png) no-repeat 50% 0;height:24px;display:block}
#search-container input#q{width:75%}
.botlink-box,.botlink-company,.botlink-social,.botlink-support{width:100%}
.btm ul li{width:100%;height:auto;padding:20px 0 20px 5px}
.btm ul li dl dd{padding:0 10px}
#search_result{height:1850px}
.text a.title{font-size:24px}
.container h1{font-size:24px}
.automatic-slider ul li.a-bg{background:url(/images/system/banner-phone.jpg) no-repeat 50% 0;width:100%;max-width:500px;height:300px;}
.automatic-slider ul li.b-bg{background:url(/images/system/banner-vcu-phone.jpg) no-repeat 50% 0;width:100%;max-width:500px;height:300px;}
.automatic-slider ul li.c-bg{background:url(/images/system/new-fonelab-phone.jpg) no-repeat 50% 0;width:100%;max-width:500px;height:300px;}
.automatic-slider ul li.d-bg{background:url(/images/system/pro-phone-sr.jpg) no-repeat 50% 0;width:100%;max-width:500px;height:300px;}
.container h1{margin-top: 10px;}
.left-top-text{width:90%}
.arti,.rec-arti{width:99%}
.text{width:58%}
.pro-container .pro-item>div>span:nth-of-type(1){margin-bottom:20px}
.pro-item>div>span{display:block;margin:auto!important}
.pro-container .pro-item>div>span:nth-of-type(1){margin-bottom:70px!important;border-radius:5px 5px 0 0}
.pro-container .pro-item>div>span:nth-of-type(1) div{display:block}
.product-advantage h2{margin:40px auto 20px;font-size:30px;line-height: 40px;}
.showoff h2{margin:30px auto 50px;font-size:30px;line-height: 40px;}
.showoff .unslider-nav{margin:20px auto 30px;}
.product-advantage .advantage{justify-content: center;}
.new-footer .container.clearfloat .footer-support,.new-footer .container.clearfloat .footer-social,.new-footer .container.clearfloat .botlink-company{padding-left: 0;border-left: 0;}
.language div ul{left: 50%;}
}
@media screen and (max-width:400px){
    .pro-container .pro-item{height:auto;}
    .pro-container .pro-item>div>span:nth-of-type(1){margin-bottom:20px}
    .language div ul{left: 0;margin: 0 auto!important;}
}
@media screen and (max-width:350px){.title1,.title2{margin-top:77%}
.text{width:50%}
}