/*css*/
@import "grid.css";
@import "alimaofade.css";
@import "swiper.css";
/* Header */
header{width:100%;z-index:2000;position:relative; background:#fff;-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2)}
.stuck_container{position:fixed; left:0; top:0; right:0; margin:0 auto; z-index:30000;animation: fadeInDown 1s;-moz-animation: fadeInDown 1s;webkit-animation: fadeInDown 1s;-o-animation: fadeInDown 1s}
.stuck_container h1,.stuck_container #logo,.stuck_container nav{margin:5px 0}
#topad{margin:0 auto; width:100%; position:relative}
#topad .close,.message .close{width:31px; height:31px; position:absolute; top:10px; right:30px; background:url(../images/close.png) no-repeat; display:inline-block;transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
#topad .close:hover,.message .close:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
header h1,#logo{position:relative;z-index:9;float:left;margin-top:20px; margin-bottom:10px; width:160px;display:inline-block}
header h1 a.logo,#logo a.logo{display:block}
/* Menu */
nav{position:relative;float:right;margin-top:20px; display:inline-block}
.sf-menu > li {float:left;text-align:center; margin:0 15px}
.sf-menu a {padding:15px 10px;display:block}
.sf-menu > li a:hover,.sf-menu .current > a,.sf-menu .current > span a{color:#1898f1}
.sf-menu > li > ul{opacity:0;visibility:hidden;background:rgba(0,0,0,0.8);position:absolute;top:60px;left:0; padding:30px 20px 20px;z-index:1; text-align:left; width:100%;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s;}
.stuck_container .sf-menu > li > ul{top:58px}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0}
.sf-menu ul > li{float:left; margin:0; width:260px}
.sf-menu li ul li:first-child{border-right:1px solid #b5b5b5; width:219px; margin-right:40px}
.sf-menu li ul ul li:first-child{border:0; width: inherit; margin:0}
.sf-menu ul li span a{color:#fe8c01; padding:0 10px 20px; font-size:18px}
.sf-menu ul li span a:hover{color:#fff}
.sf-menu ul ul a{color:#fff; font-size:12px; display:inline-block; padding:5px 10px; font-weight:normal}
.sf-menu ul ul a:hover{color:#fe8c01}
.searchbar{position:relative; padding-top:15px}
#search_icon{width:18px; height:18px; cursor:pointer; margin-right:10px; background:url(../images/search_a.png) no-repeat;display:inline-block}
#cse-search-results{position:absolute; display:none; width:220px; top:62px; right:0;overflow:hidden;border:none;border-radius: 2px;box-shadow:0 1px 3px 1px #ddd inset;background:#fff}
#cse-search-results input{background:#fff; margin:5px;border-radius: 2px; border:none;font-family:Verdana; padding:3px 0 0 10px; color:#999; outline:none; position:relative;float: left;width:140px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#cse-search-results .search-btn{width:18px;height: 18px; display: inline-block; padding:0; float: right; margin-top:5px; margin-right:10px; background: url('../images/search_a.png') no-repeat 0 -18px}
#cse-search-results .search-btn:hover{background-position:0 0; cursor:pointer}
/*public*/
a.rotate img{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
a.rotate:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.ico_a_black:before,.ico_w_black:before,.ico_m_black:before,.ico_a_white:before,.ico_win_white:before,.ico_Windows_white:before,.ico_mac_white:before,.ico_Mac_white:before{content:""; width:20px; height:32px; vertical-align: middle; margin-right:10px; display:inline-block; background:url(../images/icon_01.png) no-repeat -8px -56px}
.ico_a_white:before{background-position:-52px -56px}
.ico_mac_white:before{background-position:-52px -10px}
.ico_win_white:before{background-position:-52px -105px}
.ico_Mac_white:before{background-position:-52px -10px}
.ico_Windows_white:before{background-position:-52px -105px}
.ico_a_black:before{background-position:-8px -56px}
.ico_w_black:before{background-position:-8px -105px}
.ico_m_black:before{background-position:-8px -10px}
.shadow-bar{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2)}
.text-bar{padding:20px 15px}
.button{margin-left:-10px}
.button a{display:inline-block; width:114px; font-size:14px; text-align:center; background:#b6b5b5; color:#fff; border-radius:3px; margin-left:10px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.button a:hover{background:#fe8c01}
.button .ico_mac_white:before{background-position:-130px -7px}
.button .ico_win_white:before{background-position:-130px -103px}
.button .ico_Mac_white:before{background-position:-130px -7px}
.button .ico_Windows_white:before{background-position:-130px -103px}
/*pic_show*/
.pic_show{position:relative; overflow:hidden;}
.pic_show a{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0); z-index:1;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s; display:block}
.pic_show a:hover{background:rgba(0,0,0,0.5)}
.pic_show a i{position:absolute;margin:auto;width:68px;height:67px; opacity:0; display:inline-block; left:0; right:0; top:-300px; bottom:0;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;}
.pic_show a:hover i{top:0; opacity:1}
.pic_show span img{transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;}
.pic_show:hover span img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/*banner*/
.banner{position:relative;background:#33a6dc}
.banner .swiper-slide{margin: 0 auto;height:600px; overflow:hidden}
.slider_bg{background:url(../images/banner_large.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_large.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_large.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_large.jpg) no-repeat center}
.banner .banner-bar,.banner .banner3-bar{margin:0 auto; width:100%;position:absolute; bottom:0; z-index:1}
.shadow{text-shadow: 2px 3px 5px rgba(0,0,0,0.3)}
.banner1-button a{padding:10px 40px; border:1px solid #fff; border-radius:3px; color:#fff;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.banner1-button a.b_down{background:#fd9d27; border:1px solid #fd9d27; background-image:url(../images/icon_down.png); background-repeat:no-repeat; background-position:20px center; padding:10px 30px 10px 50px; margin-right:5px;}
.banner1-button a:hover,.banner1-button a.b_down:hover{background-color:#1552a0;border:1px solid #1552a0}
.banner .grid_7,.banner .grid_6{position:relative}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text{position: absolute;left:80px; top:100px; z-index:2}
.banner .grid_5{position:relative; display:inline-block}
.banner_text h2{line-height:32px}
.banner1_text{position: absolute; left:0; top:30px; margin-left:-220px; text-align:right; z-index:2}
.banner1_text .banner1-button a{padding:10px 35px}
.banner1_text .banner1-button a.curr{background:#fe8c01; border:1px solid #fe8c01}
.banner .banner3-bar{bottom:80px}
.slider_bg_3 .grid_5{min-height:460px}
.banner3_img1,.banner3_img2{position:absolute; left:0; top:0; z-index:1}
.banner3_text{position: absolute; left:0; top:80px; margin-left:-60px;z-index:2}
.banner3_text .banner1-button a{padding:10px 25px; display:inline-block}
/*first*/
.first{margin-top:60px}
.first .container{padding-bottom:20px;overflow:hidden}
.sort-tab{text-align:center; padding-bottom:7px; overflow:hidden}
.sort-tab li{float:left; width:50%; background:#eaeaea; font-size:16px; cursor:pointer; display:inline-block; }
.sort-tab li.curr{background:#fe8c01; color:#fff;position:relative}
.sort-tab li.curr:after{width:14px; height:7px; display:block; position:absolute; content:""; background:url(../images/srot-bar-li-icon.png) no-repeat; left:50%; margin-left:-7px}
.sort-tab li span.ico_a_white:before{background-position:-8px -56px}
.sort-tab li.curr span.ico_a_white:before{background-position:-52px -56px}
.sort-tab li.curr span.ico_m_black:before{background-position:-52px -10px}
.sort-tab span{line-height:44px; display:inline-block}
.text-bar h4{font-size:14px; color:#000}
.text-bar p{font-size:12px; color:#666; min-height:60px; margin-top:5px; line-height:18px}
.pro_list > .row{ position:relative; left:0; top:0; z-index:1;}
.pro_list .grid_6{margin-top:20px; padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_list .pic_show{ max-height:220px}
/*second*/
.second{margin-top:40px}
.superiority{background-color:#5c5f63; background-image:url(../images/superiority_bg.jpg); padding-bottom:80px; color:#fff}
.superiority h3{text-align:center; font-size:30px; padding-top:80px}
.superiority .grid_6{margin-top:50px}
.superiority-box{padding:0 80px}
.superiority .superiority-icon{float:left;display:inline-block; padding:20px; border:1px solid #fff; border-radius:10px;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;}
.superiority .superiority-icon:hover{background:#fe8c01; border:1px solid #fe8c01}
.superiority .text{margin-left:20px; width:300px;display:inline-block}
.superiority p{padding-top:10px;color:#fff}
/*third*/
.third{margin-top:80px}
.third h3{text-align:center; font-size:30px}
.news-list{margin-top:50px;padding:0 3px 50px; position:relative;overflow:hidden}
.news-list .swiper-wrapper{ margin-left:-28px}
.news-list .swiper-slide{width:270px; margin-left:28px}
.newsbar .text-bar{padding:10px; overflow:hidden}
.newsbar h4{font-size:14px; margin-top:10px; color:#000; line-height:14px}
.newsbar .swiper-slide p{min-height:60px; margin-top:10px; font-size:12px; line-height:18px;}
.newsbar .swiper-slide time{padding-left:20px;display:block;color:#fe8c01;float:right; font-size:10px; background:url(../images/time_icon.png) no-repeat 0 4px}
.newsbar .swiper-slide .gray{transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.newsbar .swiper-slide:hover .gray{background:#fe8c01; color:#fff}
.newsbar .swiper-slide:hover p,.newsbar .swiper-slide:hover h4 a{color:#fff}
.newsbar .swiper-slide:hover time{background-position:0 -22px;color:#fff}
/* Footer */
footer{ margin:0 auto; margin-top:50px;color:#fff;background-color:#414141; background-image:url(../images/footer_bg.png); background-repeat:repeat; padding-top:40px}
footer .grid_3{float:right}
.f_list {margin-top:20px}
.f_list li{padding-top:5px}
.f_list li a{color:#949494}
.f_list li a:hover{ color:#fff}
#subscribe{position:relative; width:100%;}
#subscribe input{background:#fff; width:100%; border:none; height:26px; padding:5px 0 0 10px;font-family:Verdana; font-size:13px;color:#666; outline:none; display:block;box-shadow:0 1px 3px 1px #ddd inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#subscribe a{position:absolute; top:0; right:0; width:48px; height:26px; line-height:26px; background:#fe8c01; text-align:center; color:#fff;}
#subscribe .empty{display:none; color:#fe8c01}
#subscribe .proper,#subscribe .presence{clear:both;display: none; margin-top:5px; color:#a9e26a}
#subscribe i{display:none}
.copyright{margin-top:60px;padding:10px 0; text-align:center; font-size:12px; color:#949494;background:#414141;display:block}
/*message*/
.message {display: none;position:fixed;width:100%; height:100%; overflow:hidden; margin:0 auto; left:0; right:0; bottom:0; z-index:50001; background:rgba(0,0,0,0.8)}
.message .grid_9{float:none;margin:0 auto;position: relative; z-index:1; max-height:660px; top:100px; background:#fff;overflow-y:auto}
.message h2{padding:15px 0;background:#04dcfc; font-size:36px; color:#fff; text-align:center}
.message h2 span{margin-left:20px; font-size:18px}
.message p{ margin-top:20px;padding:0 20px; font-size:16px}
.message .grid_6{float:none; margin:0 auto; padding-bottom:30px; margin-top:20px}
.message label{margin-bottom:10px}
.message input{width:100%;text-indent:2em;color:#999; margin-top:15px;height:34px; border:1px solid #bbb; background:url(../images/message_icon.png) no-repeat 5px 10px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message .upload input {
    text-indent: 0em;
    width: 40%;
    float: left;
}
.filetype-tag {
    color: #aaaaaa;
    float: left;
    margin-top: 15px;
    line-height: 34px;
    margin-left: 10px;
}
.filetype-tag:hover {
    color: #aaaaaa;
}
.message textarea{width:100%;text-indent:2em;color:#999; font-size:13px !important;height:158px;border:1px solid #bbb; font-family:Verdana; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message select{width:100%;height:34px; margin:15px 0;border:1px solid #bbb;color:#999}
.message .fblv2group{margin-top: 0px;margin-bottom: 15px;}
.message textarea#saytext{background:url(../images/message_icon.png) no-repeat 5px -120px}
.message .empty,.empty1{display:none; color:red}
.message .submit{text-align:center}
.message .submit a{ padding:6px 30px; color:#fff; border-radius:3px; text-align:center; font-size:16px; display:inline-block;background:#fe8c01;margin-top: 15px;}
.message .close{top:15px; right:20px}
/*To top*/
#side-button{position:fixed;right:0; z-index:1999}
.message_write,#toTop{position:relative;right:-78px; width:120px; height:42px; line-height:42px; background:rgba(0,0,0,0.8);color:#fff; font-size:14px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.message_write img{width:22px}
.message_write span{display:inline-block; margin-left:10px}
.message_write:hover{right:0; cursor:pointer; opacity:1; background:#fe8c01}
#toTop{display:none; position:absolute;width:42px;text-align:center; margin-top:2px;overflow:hidden;right:0}
#toTop img{width:32px;}
#toTop:hover{background:#fe8c01;cursor:pointer}
#toTop:active, #toTop:focus {outline:none}
/***************Page*****************/
.location{text-align:left; color:#777; padding:5px 0}
.location a{margin-right:5px;color:#777}
.location a:hover{color:#ff0000}
.banner1-button span{vertical-align:inherit}
.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 30px;right: 30px; z-index:1;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}
.pic_show:hover .hover_line::before,.pic_show:hover .hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.pic_show a{text-align:center; color:#fff}
/*store*/
.store .row{ margin-top:40px}
.store .grid_6{margin-bottom:30px}
.store .pic_show h3{font-size:32px; position:relative; left:0; top:45%;}
.store .banner1-button a{display:inline-block;background:#1898f1; border:0; font-size:14px; border-radius:3px; margin-right:8px; padding:3px 20px}
.store .banner1-button a:last-child{background:#fe8c01}
.store .banner1-button a:hover,.store .banner1-button a:last-child:hover{background:#414141}
.selling-point .grid_3{background:#1898f1; padding:20px 0 0; text-align:center}
.selling-point p{font-size:13px; line-height:16px; height:30px; color:#fff; margin-top:10px}
.selling-point p span{color:#fcdb00; vertical-align:inherit}
.goods-show {margin-top:50px}
.goods-show .grid_4{border:1px solid #ddd; padding:30px 0; text-align:center}
.goods-show .parameter h1{font-size:30px; line-height:36px; border-bottom:1px solid #ddd; padding-bottom:10px}
.goods-show .parameter p{padding:10px 0}
.goods-show .voucher{border-bottom:1px solid #ddd; padding-bottom:15px}
.goods-show .price span{background:#eee; padding:10px; font-size:14px}
.goods-show .price span em{font-size:20px; color:red; font-weight:bold; margin:0 5px}
.goods-show .price span em.del{text-decoration: line-through; font-weight:normal; font-size:18px}
.goods-show .multibuy {margin-left: 10px;font-size: 12px;}
.goods-show .multibuy a{cursor: pointer;padding: 5px 10px;}
.goods-show .multibuy a:hover{color: #333;}
.goods-show .multibuy .actived{border: 1px solid #fe8c01;}
.goods-show .multibuy .deactived{border: 1px solid #d4d4d4;}
.buy_button{ margin-top:20px}
.buy_button a{font-size:16px; color:#fff; background-color:#fe8c01; padding:10px 15px 10px 45px; background-image:url(../images/icon_buy.png); background-repeat:no-repeat; background-position: 15px 12px; display: inline-block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.buy_button a:hover{background-color:#1898f1}
.store_buy .note h4{background: url(../images/buy_note_bg.png) no-repeat; height:36px; line-height:36px; padding-left:10px; color:#fff; margin-bottom:20px}
.store_buy .note a{color:#3399CC;}
.packages{margin-top:50px}
.packages h2{font-size:30px}
.packages .row{margin-top:30px}
.packages span,.packages em{ vertical-align: top}
.packages .goods-pic{border:1px solid #ddd;}
.packages h4{font-size:13px; line-height:14px; margin-top:10px; height:30px}
.packages .row{ margin-left:-60px}
.packages .grid_2,.packages .grid_4{position:relative; margin-left:60px;}
.packages .grid_2 i:after,.packages .grid_4 i:after{content:"+"; font-size:36px; color:#999; position: absolute; left:-45px; top:70px}
.packages .grid_4{width:200px; margin-left:90px}
.packages .grid_4 i:after{content:"="; font-size:42px; color:#333; left:-60px}
.package-price{margin-top:20px}
.groups{margin-top:10px}
.groups span{ font-size:14px; font-weight:bold; color:red}
.groups span.check{width:20px; height:20px; margin-left:0; display:inline-block; background:url(../images/icon_check.png) no-repeat 0 0}
.groups span{margin-left:10px}
.groups span.del{text-decoration:line-through}
.total-price{ font-weight:bold; font-size:14px}
.total-price span{ font-size:16px}
.preferential{ display:inline-block; width:100px; background:#000; color:#fff; padding-bottom:0; text-align:center; line-height:22px}
.packages .buy_button{margin-top:0}
.selected .groups span.check{background-position:0 -20px}
.packages .selected i:after{color:#fe8c01}
/*products*/
.products .row{margin-top:30px; margin-bottom:50px}
.products .grid_6{margin-bottom:80px; height:300px}
.products .grid_6:nth-child(4n+1){float:right}
.products h3{font-size:30px; margin-top:50px; margin-bottom:30px}
.products p{font-size:12px; line-height:20px; color:#666}
.products .banner1-button{ margin-top:30px}
.products .banner1-button a{display:inline-block;background:#1898f1; border:0; font-size:16px; border-radius:0; margin-right:8px; padding:5px 25px}
.products .banner1-button a:hover{background:#fe8c01}
.pro_banner{background-color:#414141; color:#fff; padding:80px 0;background-image:url(../images/footer_bg.png); background-repeat:repeat}
.pro_banner h1{font-size:30px; margin:20px 0}
.pro-button{margin-top:10px}
.pro-button a{width:130px; height:58px; border-radius:5px; color:#fff; font-size:18px; line-height:18px; display:inline-block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; overflow:hidden}
.pro-button a span{display:block;padding-top:10px;}
.pro-button a small{font-size:10px; line-height:12px}
.pro-button a.down,.pro-button a.buy{background-color:#fe8c01; padding-left:50px;background-image:url(../images/icon_down1.png); background-repeat:no-repeat; background-position:10px center;}
.pro-button a.buy{background-color:#1898f1;background-image:url(../images/icon_buy1.png)}
.pro-button a:hover{background-color:#0f56a6;}
.pro-button > span{margin-left:10px;}
.pro-button del{margin-right:5px}
.pro_banner span.p_b1,.pro_banner span.p_b2{font-size:12px; height:22px; line-height:22px; padding-left:25px; background:url(../images/pro_banner_icon.png) no-repeat; margin-top:5px; display:inline-block}
.pro_banner span.p_b2{ background-position:0 -30px; margin-left:20px}
.down-num{display:inline-block}
.pro_number span{ padding:2px 5px; background:#eee; color:#000; border-radius:2px; margin-left:5px;}
.pro-tab{background:#eee; margin-bottom:30px; overflow:hidden}
.pro-tab li{float:left;display:inline-block}
.pro-tab li a{line-height:56px; padding:0 30px; font-size:14px; color:#000; display:block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.pro-tab li a:hover,.pro-tab li.curr a{background:#1898f1; color:#fff}
.pro-tab-top{position:fixed;z-index:29999; width:100%; background:#1898f1; left:0; -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2)}
.pro-tab-top li a{line-height:36px; color:#fff;}
.pro-tab li a:hover,.pro-tab li.curr a{background:#fe8c01; color:#fff}
.tab-menu{display:none}
.go-related{float:right; margin-top:12px;}
.go-related a{padding:0 15px; background:#fe8c01; border-radius:5px; display:inline-block; color:#fff;}
.go-related a span.ico_win_white:before{background-position:-52px -103px;}
.go-related a span.ico_mac_white:before{background-position:-52px -7px;}
.go-related a span.ico_Windows_white:before{background-position:-52px -103px;}
.go-related a span.ico_Mac_white:before{background-position:-52px -7px;}
.pro-tab-top .go-related{margin-top:2px}
#pro-content{padding-top:20px}
#pro-content h3{font-size:16px; line-height:18px; font-weight:bold; margin-bottom:15px;}
#pro-content p{color:#666; margin-bottom:10px}
#pro-content .grid_6 ul {
list-style-image: url("/skin/default/images/icon1.gif") !important;
padding-left: 15px;
color: #666;
}
#pro-content a{color:#1898f1}
#pro-content a:hover{color:#ff0000}
#pro-content .grid_6{margin-bottom:50px; position:relative}
#pro-content .grid_6 p{line-height:auto;}
#pro-content .grid_6 span img{ margin:auto; left:0; right:0; top:0; bottom:0; position: absolute;display:inline-block}
#pro-content .grid_6:nth-child(4n+1){float:right}
#pro-content table{border:1px solid #ddd;border-right:0;border-bottom:0; width:100%;}
#pro-content td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:32px; padding-left:10px}
#screenshots{clear:both;background:#f2f2f2; margin-top:50px; padding:30px 0;}
#screenshots .grid_9,#screenshots .grid_6,#screenshots .grid_5{float:none; margin:0 auto}
#screenshots .grid_9{position:relative}
#screenshots .grid_6{overflow:hidden}
#screenshots .grid_6{width:600px !important;}
#screenshots .screenshot .swiper-wrapper{min-height:450px}
#screenshots .alm-pagination {position:relative; margin-top:20px}
#screenshots .alm-pagination span{margin:0 5px}
#screenshots .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #777;margin: 0 3px;cursor: pointer;}
#screenshots .swiper-active-switch {background: #fe8c01}
#screenshots .swiper-pagination-bullet{ width:12px; height:12px}
#screenshots .video{text-align:center; margin-top:50px}
#video-view {margin:0 auto;width:100%; height:100%; position:fixed;left:0; top:0; z-index:30001;background:rgba(0,0,0,0.8);display:none; opacity:0 }
#video-view div{position:fixed;width:100%; height:100%;left:0; top:0;}
#video-view video{width:800px;position:relative;top:-400px; left:50%; margin-left:-400px;z-index:30002; display:none}
#product-show .swiper-button-next,#product-show .swiper-button-prev{position: absolute;top: 50%;margin-top: -20px; z-index:1;width:25px; height:41px; background:url(../images/controls.png) no-repeat; background-size: auto}
#product-show .swiper-button-prev{left:10px}
#product-show .swiper-button-next{background-position:-50px 0;right: 10px}
.pro-review{margin-top:50px; padding:50px 0; overflow:hidden}
.pro-review-title p{font-size:18px}
.pro-review-title h3{font-size:24px}
.pro-review .grid_10,.pro-review .grid_8{float:none; position:relative; margin:0 auto; overflow:hidden}
.pro-review .grid_8{ margin-top:50px;}
.pro-review .grid_8 .swiper-wrapper{min-height:200px}
.pro-review .al-pagination {position:relative; margin-top:20px; text-align:center}
.pro-review .al-pagination span{margin:0 5px}
.pro-review .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #777;margin: 0 3px;cursor: pointer;}
.pro-review .swiper-active-switch {background: #fe8c01}
.pro-review .swiper-pagination-bullet{ width:12px; height:12px}
.portrait{text-align:center; margin-bottom:10px}
.portrait img{display:inline-block}
.pro-review .swiper-slide p{color:#666}
.techspec table{width:100%; margin-bottom:20px}
.techspec table caption{border:1px solid #ddd; background:#eee;padding-left:10px; border-bottom:0; height:36px; line-height:36px; font-weight:bold; text-align: left}
.techspec tr{border:1px solid #ddd;border-left:0; width:100%;}
.techspec th{width:20%; text-align: center}
.techspec td,.techspec th{border-left:1px solid #ddd; height:32px; padding-left:10px}
/*review*/
.review{margin-top:50px;}
.review .grid_10{float:none; margin:0 auto;}
.review .grid_10 .row{margin-left:-32px}
.review-write{background:#eee; padding:10px;border:1px solid #ddd; margin-top:20px; overflow:hidden}
.review-write span{ font-size:16px; line-height:32px; font-weight:bold}
.review-write a{display:inline-block; background:#fe8c01; color:#fff; padding:5px 20px; font-size:14px; float:right}
.review-list{border-top:0; padding-top:30px; position:relative}
.review-list .grid_2{margin-left:0}
.review .grid_8{padding-right:30px; margin-left:28px}
.review .grid_8 p{color:#666}
.review .grid_8 .like{text-align:right;}
.review .grid_8 .like span{margin-left:10px}
.review .divider{ margin:20px 10px; clear:both; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.pagenext{margin:20px 10px}
.pagenext span strong{padding:3px 5px; background:#c1c1c1; color:#fff; margin-right:5px; font-weight:normal}
.pagenext span a{padding:3px 5px;vertical-align:inherit;background:#fe8c01;margin-right:5px;color:#fff}
.review-from{padding:10px 10px 20px;}
.review-from h4{margin-bottom:30px; background:#1898f1; padding:5px 10px; color:#fff}
.review-from [class*="grid_"]{margin-left:0}
.review-from .grid_7 label{display:block; margin-bottom:10px; overflow:hidden}
.review-from .grid_7 input{background:#fff; border:1px solid #ddd; height:32px; padding-left:5px;font-family:Verdana;color:#666; outline:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.review-from #key{height:22px; margin-right:5px}
.avater{cursor:pointer}
.avater input{width:0; height:0; border:0; display:block; overflow:hidden}
.avater img{border:1px solid #ddd; padding:5px}
.avaterbar{position:relative}
.avater_pic{width:290px; max-height:260px; border:1px solid #ddd; display:none; left:0; top:0;overflow-y:auto; position:absolute; background:#fff;}
.avater_pic span{width:86px; cursor:pointer; display:inline-block}
.review-from .star{clear:both;margin-bottom:10px; display:block}
.review-from .star span{display:inline-block; margin-right:10px; height:18px;}
.review-from .star input{vertical-align: middle; display:inline-block}
.review-from .grid_8{clear:both; margin-top:20px; float:none;display:block}
.review-from textarea{min-height:120px; border:1px solid #ddd; color:#666; font-family:Verdana}
.review-from .empty{display:none; color:red}
.review-from #remark{display:block; margin-bottom:10px}
.sub-but{ border:0; background:#fe8c01; padding:8px 25px; color:#fff; font-size:14px; margin-right:5px}
.sub-but:hover{background:#1898f1; cursor:pointer}
#remark{ font-size:12px}
/*resource*/
.resource{margin-top:50px}
.resource .grid_4{margin-bottom:30px}
.resource .grid_4 > div{padding:40px 20px; text-align:center}
.resource .grid_4 h3{margin-top:10px; font-size:20px}
.resource .grid_4 ul{margin-top:20px; height:164px; display:block; overflow:hidden;text-align:left; list-style: inside disc}
.resource .grid_4 li{font-size:14px; padding:3px 0}
.resource .grid_4 li a{color:#666}
.resource .grid_4 li a:hover{color:#ff0000}
.resource .button a{line-height:36px; background:#fe8c01}
.resource .button a:hover{background:#1898f1}
.resource-list .grid_8 p{font-size:14px}
.resource-list h2{text-align:center; padding-bottom:20px; font-size:32px; border-bottom:1px solid #ddd}
.resource-list h3{font-size:24px; margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:10px}
.resource-list h4{margin:10px 0}
.resource-list .grid_6 > div{padding:10px;color:#666}
.infolist {margin-top:30px}
.infolist li{border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:20px}
.infolist li h5 a{font-size:16px;color:#1898f1}
.infolist li h5 a:hover{color:#ff0000}
.infolist li span{float:left; width:60px; height:66px; background:#eee; text-align:center; margin-right:10px; display:inline-block}
.infolist li span big{display:block; font-size:24px; height:40px; line-height:40px; background:#919191; color:#fff}
.infolist li span small{ display:block; font-size:13px; color:#666; line-height:24px;}
.infolist li p{ color:#666}
.resource-list .pagenext{margin:20px 0}
.resource-list .pagenext span a{background:#1898f1}
.resource-list .pagenext span a:hover{background:#fe8c01}
.news-read{margin-top:30px;}
.news-read h1{ font-size:32px; line-height:32px; margin-bottom:30px}
.news-read article .date{background:#eee; padding:5px; overflow:hidden}
.news-read article .date .author{float:left; width:40px; height:40px; border:3px solid #fff; display:inline-block}
.news-read article .date span{margin:0 5px; color:#666}
.news-read article .date a{color:#1898f1}
.news-read article .date a:hover{color:#ff0000; text-decoration:underline}
.news-read article .content h3,.news-read article .content h3 a{font-size:22px;margin:10px 0}
.news-read article .content a{color:#1898f1}
.news-read .content h2 {margin:15px auto 15px auto;}
.news-read .content p em {font-style: italic;}
.news-read table {margin-bottom: 20px;}
.news-read tr {border: 1px solid #ddd; border-left: 0;}
.news-read td {border-left: 1px solid #ddd;}
aside > div{padding:10px;}
aside h3{background:#1898f1; padding-left:10px; color:#fff; height:36px; line-height:36px;padding-bottom:5px}
.topic-list li{margin-bottom:5px}
.topic-list li a{padding:5px 15px;background:#eee; display:inline-block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.topic-list li.curr a{ background:#fe8c01; color:#fff}
.topic-list li a:hover{padding-right:40px; padding-left:20px}
.related-articles-list{list-style: inside disc}
.related-articles-list li{ line-height:16px; margin-bottom:10px}
.newsearchbar{padding:0; padding-top:20px}
#newsearchform{overflow:hidden;border:1px solid #c2c1c1;background:#fff;width:100%;}
#newsearchform input{margin:0;font-size:13px; border:none; color:#736c67; padding:7px 0px 0 12px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;float: left;width:220px;}
#newsearchform a{width:35px;height: 31px; display: block; float: left; background: url('../images/search_a.jpg') no-repeat;}
#newsearchform a:hover{background-position:0 -31px;}
/*downloads*/
.downloads .banner1-button{margin-top:10px;}
.downloads .banner1-button a{background:#1898f1; border:0; font-size:14px; display:inline-block; border-radius:3px; margin-right:8px; padding:8px 15px}
.downloads .banner1-button a:last-child{background:#fe8c01}
.downloads .banner1-button a:hover,.downloads .banner1-button a:last-child:hover{background:#414141}
.downloads .grid_6{margin-bottom:50px}
.downloads .grid_6 > div{padding:40px 20px;overflow:hidden}
.downloads .grid_6 h3{font-size:24px}
.downloads .grid_6 p{ margin-top:10px; font-size:12px; height:80px; color:#666; line-height:22px}
.downloads .grid_6 img{float:left;display:inline-block; margin-right:20px}
/*support*/
.support h2{text-align:center; font-size:32px; padding-bottom:15px; border-bottom:1px solid #ddd}
.support .grid_4{margin-bottom:20px}
.support .grid_4 p{font-size:12px; color:#666; line-height:18px; margin-top:5px}
.support-list aside h3{font-size:16px; height:32px}
.support-list aside h3:hover{cursor:pointer}
.support-list aside h3:before{content:"-"; font-size:18px; width:12px; text-align:center; display:inline-block; font-weight:bold;  margin-right:10px}
.support-list aside h3.curr:before{content:"+"; font-size:14px}
.support-list article h2,.support-list article h3{font-size:30px; line-height:30px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px}
.list1{padding:15px 0; border:1px solid #eee}
.list1 li{padding:8px 0 8px 25px; background-image:url(../images/check-dot.png); background-repeat:no-repeat; background-position:12px 16px; line-height:18px}
.list1 li:hover,.list1 li.curr{ background-color:#f5f5f5}
.list1 li a{display:block}
.list1 li.curr a{ color:#ff0000}
.faq-li {margin-top:5px; border:1px solid #eee}
.faq-li h4{height:32px; line-height:32px; cursor:pointer; font-size:14px; background:#eee; padding-left:10px}
.faq-li h4:before{content:"+"; font-size:14px; width:12px; height:12px;  font-weight:bold;  margin-right:10px}
.faq-li.curr h4{ background:#414141; color:#fff}
.faq-li.curr h4:before{content:"-"; font-size:16px}
.faq-li .faq-text{padding:5px 20px; margin-top:10px; color:#666; display:none}
/*company*/
.company .grid_9 h2{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px}
/*get free key*/
.key_banner{height:340px; padding:70px 0}
.key_banner h2{font-size:36px; margin-bottom:20px}
.key_banner p{font-size:16px}
.key_banner .grid_4{ margin-top:30px}
#freekey {margin-top:10px; display:block}
#freekey label{display:block; margin-bottom:10px}
#freekey label span{display:none}
#freekey input{background:#fff; width:80%; border:none; height:32px; padding-left:10px;font-family:Verdana; font-size:13px;color:#666; outline:none; display:block;box-shadow:0 1px 3px 1px #ddd inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#freekey a{margin-top:10px; padding:8px 30px; font-size:16px; background:#fe8c01; color:#fff; display:inline-block}
#freekey a:hover{background:#414141}
.key-show{margin-top:20px;display:none}
.key-show h5{font-size:24px; margin-bottom:20px}
.key-show span{ font-size:16px;background:#FFD600;padding:5px 10px; color:#ff0000}
.commentary{margin-top:40px}
.commentary h2{ border-bottom:1px solid #ddd; font-size:30px; padding-bottom:15px; margin-bottom:60px}
.commentary .grid_4{margin-bottom:30px; display:inline-block}
.commentary .grid_4 h4{ margin-top:10px}
.commentary .grid_4 p{margin-top:10px;line-height:18px; height:80px; overflow:hidden}
/*errors*/
.errors h2{ margin:20px 0; padding-bottom:5px; border-bottom:1px solid #ddd; font-size:24px;}
.errors h3{ margin-bottom:20px; font-size:20px;}
.errors .grid_4 > ul > li span{font-size:14px; margin-bottom:5px; font-weight:bold}
.errors .grid_4 li{padding:3px 0}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 980px) and (max-width: 1199px) {
/*superiority*/
.superiority-box{padding:0 30px}
.superiority .text{width:290px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:220px; margin-left:18px}
/*store*/
.packages .row{ margin-left:-40px}
.packages .grid_2{margin-left:40px;}
.packages .grid_2 i:after,.packages .grid_4 i:after{left:-35px; top:60px}
.packages .grid_4{margin-left:60px}
.packages .grid_4 i:after{left:-45px}
.groups span{margin-left:0; line-height:20px}
.groups span.del{margin-right:5px}
/*products*/
.products .grid_6{margin-bottom:10px}
.products h3{font-size:30px; margin-top:10px}
/*pro-read*/
#screenshots .grid_6{width:600px}
#screenshots .grid_5{width:500px}
/*resource*/
#newsearchform input{width:170px}
/*downloads*/
.downloads .grid_6{margin-bottom:30px}
.downloads .grid_6 > div{padding:30px 20px}
.downloads .grid_6 h3{font-size:18px}
.downloads .grid_6 p{height:90px;line-height:18px}
.downloads .grid_6 img{ width:120px;margin-right:10px}
/*review*/
.review .grid_10 h2{ font-size:22px}
.avater_pic{width:240px; max-height:220px; left:-20px; top:0; z-index:999;}
.avater_pic span{width:76px; cursor:pointer; display:inline-block}
/*get free key*/
.key_banner{height:300px; padding:40px 0}
.key_banner h2{font-size:28px; margin-bottom:20px}
.key_banner .grid_4{margin-top:10px}
.key_banner .grid_4 p{padding:0}
}
@media only screen and (max-width: 1199px) {
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:420px; overflow:hidden}
.slider_bg{background:url(../images/banner_medium.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_medium.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_medium.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_medium.jpg) no-repeat center}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:50px}
.banner .grid_5 img{max-height:360px}
.banner h2.f32{font-size:24px; line-height:24px}
.banner p.f24{ font-size:18px}
.banner_icon span img{width:48px}
.banner1-button a{padding:5px 15px}
.banner1-button a.b_down{padding:5px 10px 5px 35px; background-position:10px center}
.banner1-button.m_t40{margin-top:30px}
.slider_bg_3 .grid_5{min-height:360px}
/*page*/
.hover_line::before,.hover_line::after {top: 20px;right: 20px; bottom: 20px;left: 20px}
.store .pic_show h3{font-size:22px}
.store .text-bar p{height:60px}
/*pro-read*/
.pro_banner h1{font-size:22px; margin:0 0 10px}
.pro_banner p.f18{font-size:16px}
#screenshots .grid_9{width:100%}
#video-view video{width:600px;margin-left:-300px}
/*review*/
.review .grid_10{width:100%}
.review-list .grid_2{ width:180px}
.review-list .grid_8{ width:720px}
.review .grid_7{width:556px}
.review .grid_3{width:300px}
.review .grid_1{width:80px}
/*get free key*/
.key-show{margin-top:0}
.key-show h5{font-size:20px; margin-bottom:10px}
.key-show span{clear:both; display:inline-block}
}
@media (min-width: 768px) and (max-width: 979px) {
header h1,#logo{width:140px}
.sf-menu > li{ margin:0 10px}
.sf-menu a {padding:15px 5px}
#cse-search-results{top:56px}
.sf-menu > li > ul{top:55px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.banner .swiper-slide{margin: 0 auto;height:400px; overflow:hidden}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:20px; left:0}
.banner1_text{top:0; margin-left:-180px}
.banner1_text p.f28{font-size:24px}
.banner1_text p.f20{font-size:18px}
.banner1_text .banner1-button a{ padding:6px 20px}
.banner3_text{margin-left:0}
/*superiority*/
.superiority-box{padding:0px}
.superiority .text{width:220px}
.superiority p{ padding-top:5px; line-height:16px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:236px; margin-left:18px}
/*footer*/
footer .grid_4{width:328px}
footer .grid_2{width:190px}
footer .grid_3{clear:both;float:left;width:300px; margin-top:30px; display:block}
/*message*/
.message h2{font-size:28px}
.message h2 span{font-size:16px}
/*page*/
/*store*/
.store .text-bar p{height:80px}
.goods-show .parameter h1{ font-size:22px; line-height:24px; padding-bottom:5px}
.goods-show .parameter p{padding:5px 0}
.goods-show .voucher{padding-bottom:5px}
.goods-show .price span{padding:5px}
.packages h2{font-size:24px}
.packages .row{margin-left:-25px}
.packages .grid_2{margin-left:25px}
.packages .grid_2 i:after{font-size:30px;left:-25px; top:40px}
.packages .grid_4{margin-left:40px}
.packages .grid_4 i:after{font-size:32px;left:-35px;top:40px}
.package-price{margin-top:0}
.packages h4{text-align:center; height:50px}
.groups span.check{float:left; position:absolute; z-index:1; right:5px; top:5px; text-align:center; display: inline-block}
.groups span.del{margin-left:0}
/*products*/
.products .row{margin-bottom:0}
.products .grid_6{ margin-bottom:20px; height:240px}
.products h3{font-size:24px; margin-top:0; margin-bottom:10px}
.products .banner1-button{margin-top:10px}
/*pro-read*/
.pro_banner h1{font-size:18px; margin:0 0 10px}
.pro_banner p.f18{font-size:14px; line-height:16px}
.pro_banner p{ padding-bottom:0; font-size:12px}
.pro_banner .grid_4{ margin-top:20px}
.pro-button a{width:120px; height:48px; font-size:16px; line-height:16px}
.pro-button a span{padding-top:5px}
#screenshots .grid_6,#screenshots .grid_5{width:500px}
#screenshots .screenshot .swiper-wrapper{min-height:350px}
/*resource*/
.resource .grid_4{width:364px}
.news-read .grid_9{ width:506px}
.news-read .grid_3{ width:222px}
#newsearchform input{width:170px}
/*downloads*/
.downloads .grid_6{margin-bottom:20px}
.downloads .grid_6 > div{padding:20px 10px}
.downloads .grid_6 h3{font-size:16px}
.downloads .grid_6 p{height:100px;line-height:18px}
.downloads .grid_6 img{ width:110px;margin-right:10px}
/*support*/
.support-list .grid_3{width:182px}
.support-list .grid_9{width:546px}
/*review*/
.review .grid_10 h2{ font-size:20px}
.review-list .grid_2{ width:160px}
.review-list .grid_8{ width:550px}
.review .grid_8{ padding-right:10px;}
.avater_pic{width:240px; max-height:220px; left:-70px; top:0; z-index:999;}
.avater_pic span{width:76px; cursor:pointer; display:inline-block}
/*get free key*/
.key_banner{height:220px; padding:40px 0}
.key_banner h2{font-size:24px; margin-bottom:10px}
.key_banner .grid_4{margin-top:0}
#freekey input{width:100%}
#freekey a{margin-top:0}
.key_banner .grid_4 p{padding:0}
}

@media only screen and (max-width: 979px) {
#pro-content .grid_6,#pro-content .grid_6:nth-child(4n+1){float:none; width:100%}
#pro-content .grid_6 span img{ position: inherit;display:block}
.news-read{ margin-top:20px}
.news-read h1{ font-size:24px}
/*support*/
.support-list article h2{font-size:24px; line-height:28px; margin-bottom:10px}
.support-list article h3{font-size:20px; line-height:24px}
.faq-li h4{height: auto; padding:8px 0; line-height:16px; cursor:pointer; font-size:13px; background:#eee; padding-left:10px}
}
@media only screen and (max-width: 767px) {
header h1,#logo{width:120px}
#m_menu{width:42px; height:30px; background:url(../images/menu_ico.png) no-repeat; display:inline-block}
nav{position: inherit;float:right; margin-right:0; margin-top:20px; display:inline-block}
.searchbar{padding:8px 20px}
.sf-menu{position: absolute; width:100%; margin:0; background:rgba(0,0,0,0.9); padding:30px 0; top:68px;z-index:1; left:0; display: none}
.sf-menu > li > span{display:block}
.sf-menu > li > span:after{content: "+";float: right; padding-top:5px; color:#fff; font-size:14px;font-weight: normal;margin-right: 8px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.sf-menu > li:hover > span:after{transform: rotate(45deg) scale(1.08);-webkit-transform: rotate(45deg) scale(1.08);-moz-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);-o-transform: rotate(45deg) scale(1.08); color:#fe8c01}
.sf-menu > li {float:none;text-align:left; margin:0 20px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu a {padding:8px 20px; color:#fff; display: block}
.sf-menu > li > span  a {display: inline-block}
.sf-menu > li a:hover,.sf-menu .current a{color:#fe8c01}
.sf-menu > li > ul{opacity:1;visibility: inherit;background: none;position: relative;top:0;left:0; padding:10px 0;z-index:1; text-align:left; width:100%;display:none;transition: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.sf-menu li:hover ul {opacity:1;visibility: inherit;margin:0}
.sf-menu ul > li{float:none; margin:0; width:100%;}
.sf-menu li ul li:first-child{border-right:0; width:100%; margin-right:0}
.sf-menu li ul ul li:first-child{border-right:0; width: inherit; margin:0}
.sf-menu ul li span a{color:#fe8c01; padding:0; padding-left:30px;font-size:14px}
.sf-menu ul li span a:hover{color:#fff}
.sf-menu ul ul a{color:#fff; font-size:12px; display:block; padding:5px 0; padding-left:30px;font-weight:normal}
.sf-menu ul ul a:hover{color:#fe8c01}
#search_icon{display:none}
#cse-search-results{position: relative; display: block; width:100%; top:0; right:0;overflow:hidden;border:none;border-radius: 2px;box-shadow: none;background: none;}
#cse-search-results input{background: none; margin:0;border-radius:0; border:none; padding:0; padding-bottom:5px; color:#fff; outline:none; position:relative;float: inherit;width:140px; font-size:12px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#cse-search-results input:focus{width:200px;border-bottom:1px solid #fe8c01;}
#cse-search-results a{padding:0; float:left; margin-top:5px; margin-right:5px; background-position:0 -18px;}
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:254px; overflow:hidden}
.banner .grid_7 .banner_text{top:30px}
.banner .grid_5 img{max-height:230px}
.banner .grid_6 img{max-height:200px}
.banner h2,.banner p{background:rgba(0,0,0,0.2); padding:2px 5px}
.banner h2.f32{font-size:18px; line-height:18px}
.banner p.f24{font-size:14px; line-height:16px; margin-bottom:5px; padding-bottom:0}
.banner p.f14{ font-size:12px; padding-bottom:0}
.banner_icon span img{width:35px}
.banner1-button a{padding:5px 15px}
.banner1-button a.b_down{padding:5px 10px 5px 35px; background-position:10px center}
.banner1-button.m_t40{margin-top:10px}
.banner .container{ position:relative}
.slider_bg_1 .grid_7{top:30px}
.slider_bg_1 .grid_7 img{max-height:200px}
.slider_bg_1 .grid_5{position: absolute; width:460px; left:0; top:0; margin:0; z-index:1}
.slider_bg_1 .grid_5 .banner1_text{margin-left:0; top:0}
.banner1_text .banner1-button a{padding:8px 15px}
.banner .grid_6 .banner1-button a{ background:#fe8c01; border:1px solid #fe8c01}
.banner1_text p.f28{ font-size:20px; margin-bottom:0}
.banner1_text p.f20{ font-size:16px}
.slider_bg_3 .grid_5{min-height:230px}
.slider_bg_3 .grid_7{position: absolute; width:460px; left:0; top:0; margin:0; z-index:1}
.banner3_text{ margin-left:50px;top:50px}
.banner1-button span{vertical-align: inherit}
.banner3_text .banner1-button a{ padding:5px 15px;background-color:#1552a0;border:1px solid #1552a0}
.banner3_text .banner1-button a:hover{background:#fe8c01; border:1px solid #fe8c01}
.pro_list .grid_6{width:460px}
/*superiority*/
.superiority .row{margin-left:-20px}
.superiority .grid_6{float:left; width:220px; margin-left:20px; text-align:center}
.superiority .superiority-icon{float:none}
.superiority-box{padding:0px}
.superiority .text{margin-left:0;width:100%; margin-top:10px}
#screenshots .screenshot .swiper-wrapper{min-height:250px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:218px; margin-left:18px}
/*footer*/
footer .grid_2,footer .grid_3{float:none;width:100%; margin-top:30px}
footer .grid_2 .f_list {margin-top:10px}
footer .grid_2 .f_list li{display:inline-block; margin-right:15px}
/*message*/
.message .grid_9{width:460px; max-height:520px}
.message .grid_6{width:360px; margin-top:10px;padding-bottom:10px}
.message input{margin-top:5px}
.message select{margin:5px auto;}
.message h2{font-size:22px; text-align:left; padding-left:20px}
.message h2 span{font-size:14px; margin-left:10px}
.message p{ font-size:14px; margin-top:10px}
.message .submit.m_t20{margin-top:10px}
.message textarea{height:120px}
/*page*/
/*store*/
.store .text-bar p{height:auto; margin-bottom:10px}
.goods-show .parameter h1,.packages h2{ font-size:22px; line-height:24px; padding-bottom:5px}
.selling-point{ margin-left:-20px}
.selling-point .grid_3{ float:left; width:220px; margin-left:20px; margin-bottom:20px}
.goods-show,.goods-show .parameter h1{margin-top:10px}
.packages .row{margin-left:0}
.packages .grid_2{float:left;margin-left:0; width:200px; margin-bottom:50px}
.packages .grid_2:nth-child(2),.packages .grid_2:nth-child(4){margin-left:60px}
.packages .grid_2 i:after{font-size:36px;left:-42px; top:80px}
.packages .grid_2:nth-child(3) i:after{font-size:36px;left:45%; top:-40px}
.packages .grid_4{float:left;margin-left:0; padding-left:50px; width:100%; position:relative}
.packages .grid_4 i:after{position: absolute;font-size:42px;left:0;top:40px}
.package-price{margin-top:0}
.packages h4{text-align: left; height:40px}
.groups{ margin-top:0}
.groups span{margin-left:0}
.groups span.check{float:left; position:absolute; z-index:1; right:10px; top:10px;width:20px; height:20px; text-align:center; display: inline-block}
.groups span.del{ margin-right:10px}
/*products*/
.products .row{margin-bottom:0}
.products .grid_6{margin-bottom:20px; height: auto}
.products h3{font-size:24px; margin-top:0; margin-bottom:10px}
.products .banner1-button{margin-top:10px}
/*pro-read*/
.pro_banner{padding:40px 0;}
.pro_banner h1{margin-top:20px; font-size:18px}
.pro_banner p.f18{ font-size:14px; line-height:16px}
.pro_banner p{padding-bottom:5px}
.pro-button{ margin-top:0; margin-bottom:5px}
.pro-button a{height:48px; font-size:16px; line-height:16px}
.pro-tab {overflow: inherit}
.pro-tab .container{position:relative}
.tab-menu{display:inline-block;background:#1898f1; width:150px;}
.tab-menu a{height:42px; line-height:42px; color:#fff; font-size:14px; padding:0 20px; display:inline-block}
.tab-menu span{width:17px; height:20px; margin-left:5px;display: inline-block; position:relative;}
.tab-menu span span{height:1px; background:#fff}
.tab-menu span.menuicon-top{position:absolute; z-index:1px; left:0; top:5px}
.tab-menu span.menuicon-bottom{position:absolute; z-index:2px; left:0; top:12px}
.go-related{margin-top:5px;}
.go-related a{font-size:14px}
.menuicon-in span.menuicon-top,.menuicon-in span.menuicon-bottom{top:8px}
.pro-tab ul{ position:absolute; width:100%; left:0; top:42px; z-index:999; background:rgba(0,0,0,0.9); display:none}
.pro-tab li{ float: none; margin:0 auto; width:100%; border-bottom:1px solid #414141; display:block}
.pro-tab li a{line-height:42px; padding:0 20px; color:#fff; font-size:13px}
.pro-tab li.curr a,.pro-tab li a:hover{color:#fe8c01; background:none}
#screenshots{ margin-top:50px}
#screenshots .grid_6,#screenshots .grid_5{width:360px;margin-top:0}
#screenshots .swiper-button-prev{left:0}
#screenshots .swiper-button-next{right:0}
#screenshots .screenshot .swiper-wrapper{min-height:210px}
#video-view video{width:460px;margin-left:-230px}
.pro-review{margin-top:0; padding-bottom:0}
.pro-review .grid_8{ width:100%}
.pro-review .swiper-button-prev,.pro-review .swiper-button-next{display:none}
/*resource*/
.resource .grid_4{margin-bottom:20px}
.resource .grid_4 ul{height:auto}
.infolist li h5,.infolist li p{line-height:18px}
.news-read .grid_3{margin-top:20px}
#newsearchform input{width:410px}
/*downloads*/
.downloads .m_t40{margin-top:20px}
.downloads .grid_6{margin-bottom:20px}
.downloads .grid_6 > div{padding:20px}
.downloads .grid_6 h3{font-size:16px}
.downloads .grid_6 p{line-height:18px; height:auto; padding-bottom:0}
.downloads .grid_6 img{width:150px;margin-right:10px}
.downloads .banner1-button a{margin-right:0}
/*support*/
.support-list article h2,.support-list article h3{margin-top:30px;}
.support-list article h3{font-size:18px; line-height:20px}
/*review*/
.review-from.m_t30 {margin-top:20px}
.review .grid_10 h2{ font-size:20px}
.review-list .grid_2{ width:100%}
.review-list .grid_8{ width:100%}
.review-list .grid_8{margin-left:20px}
.review-write span{ font-size:14px}
.avater_pic{max-height:240px; left:0; top:0; z-index:999px}
/*company*/
.company .m_t50{margin-top:20px}
.company .grid_3{margin-bottom:20px}
/*get free key*/
.key_banner{height:240px; padding:10px 0}
.key_banner h2{font-size:28px; margin-bottom:10px}
.key_banner .grid_4{margin-top:10px}
#freekey a{margin-top:0}
.key_banner .grid_4 p{padding:0}
.key_banner .grid_8{display:none}
.commentary .grid_4 p{height: auto}
}
@media only screen and (max-width: 479px) {
#topad .close{ width:24px; height:24px; background-size:100%}
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:260px; overflow:hidden}
.slider_bg{background:url(../images/banner_small.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_small.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_small.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_small.jpg) no-repeat center}
.banner .banner-bar, .banner .banner3-bar{bottom:30px}
.banner .grid_7 .banner_text, .banner .grid_6 .banner_text{ left:0}
.banner h2,.banner p{background:rgba(0,0,0,0.2); padding:5px 10px}
.banner p.f14{line-height:16px;}
.slider_bg_1 .grid_5,.slider_bg_3 .grid_7{width:300px}
.banner1_text p.f28{ font-size:20px; text-align:left; margin-bottom:0}
.banner1_text p.f20{ font-size:14px; text-align:left; line-height:22px}
.banner1_text .banner1-button { text-align:left}
.banner .grid_6 .banner_text, .banner .grid_6{top:0}
.slider_bg_3 .grid_5{min-height:210px}
.banner3_text{ margin-left:0; top:40px}
.pro_list .grid_6{width:300px}
.pro_list .grid_6 .pic_show span img{ position:relative; min-width:400px; min-height:160px;}
/*superiority*/
.superiority{padding-bottom:20px}
.superiority h3{font-size:32px; line-height:32px; padding-top:40px}
.superiority .row{margin-left:0}
.superiority .grid_6{float: none; margin:0 auto; width:100%; margin-left:0; margin-bottom:20px}
.superiority .superiority-icon{float:none}
.superiority .text{margin-left:0;width:100%; margin-top:10px}
.superiority .text p{padding-top:5px}
/*news*/
.third{margin-top:50px}
.news-list .swiper-wrapper{margin-left:0}
.news-list .swiper-slide{width:300px; margin-left:0; margin-right:20px}
.news-list .shadow-bar{box-shadow: none}
/*footer*/
footer .grid_2,footer .grid_3{float:none;width:100%}
/*message*/
.message .grid_9{width:320px}
.message .grid_6{width:300px}
.message input{margin-top:5px}
.message select{margin:5px auto;}
.message h2{padding:5px 0; padding-left:20px}
.message h2 span{font-size:13px; margin-left:0; display:block}
.message p{ font-size:14px; margin-top:10px}
.message .submit.m_t20{margin-top:5px}
/*page*/
/*store*/
.store .pic_show img{ min-height:140px}
.store .pic_show h3{font-size:16px; top:40%}
.selling-point{margin-left:-10px}
.selling-point .grid_3{ float:left; width:145px; margin-left:10px; margin-bottom:10px}
.selling-point p{ height:50px}
.packages .grid_2{width:130px; margin-bottom:50px}
.packages .grid_2:nth-child(2),.packages .grid_2:nth-child(4){margin-left:40px}
.packages .grid_2 i:after{left:-35px; top:50px}
/*products*/
.products h3{font-size:20px; margin-bottom:5px}
.products .banner1-button a{ padding:7px 20px}
/*pro-read*/
.pro-button a{width:95px; height:48px; font-size:14px; line-height:14px}
.pro-button a.down,.pro-button a.buy{padding-left:40px; background-position:5px 10px}
.pro-button a.buy{padding-left:40px;width:120px;}
.pro_banner span.p_b2{margin-left:0}
#screenshots{margin-top:20px}
#screenshots .grid_6,#screenshots .grid_5{width:300px;margin-top:0}
#screenshots .swiper-button-prev,#screenshots .swiper-button-next{display:none}
#video-view video{width:300px;margin-left:-150px}
.pro-review-title p{font-size:14px}
.pro-review-title h3{font-size:18px}
.pro-review .swiper-slide p{ font-size:12px; line-height:16px}
/*resource*/
#newsearchform input{width:250px}
/*support*/
.support h2{ text-align:left; font-size:22px}
/*downloads*/
.downloads .grid_6 > div{text-align:center}
.downloads .grid_6 h3{ margin-top:10px}
.downloads .grid_6 p{padding-bottom:10px}
.downloads .grid_6 img{float:none; margin:0 auto;width:150px}
/*review*/
.review .grid_10 h2{ font-size:18px; line-height:20px}
.review-write{ margin-top:10px}
.review-write span{ font-size:13px}
.review-write a{ padding:5px 15px; font-size:13px}
.review-list .grid_8{margin-left:10px}
.review-from h4{ margin-bottom:20px; font-size:14px}
.avater_pic{ width:270px;max-height:240px; left:0; top:0; z-index:999px}
}
.store_buy .selling-point p{vertical-align:bottom;}