*{font-family:Meiryo,Meiryo UI,Arial,Helvetica,sans-serif;}
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}em{font-weight:400}ol,ul{list-style-type:none}a{color:#222;text-decoration:none}a:hover{text-decoration:underline;cursor: pointer;}i{font-style:normal}b{font-weight:400}cite{font-style:normal;float:right}img{border:0;-ms-interpolation-mode:bicubic;display: block;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.flex_box,.flex-box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* .header .center{position: relative;} */
.product_main_box{position: absolute;left: 0;top: 60px;width: 100%;background: #fff;padding: 32px 0px 48px;box-sizing: border-box;line-height: normal;box-shadow: 0 9px 9px rgba( 0, 0, 0, .09);display: none;overflow: hidden;z-index: 9;border-top: 1px solid #B3D1FF;}
.header>.center>ul li.active .product_main_box{display: -webkit-box;display: -webkit-flex;display: flex;}
.product_main>div>span{font-size: 18px;color: #333;line-height: 24px;margin-bottom: 24px;display: block;font-weight: normal;padding-bottom: 16px;border-bottom: 1px solid #E9E9E9;}
.product_main>div{max-width: 550px;width: 100%;}
.product_main>div>span i{width: 20px;height: 20px;background: url(/images/index/menu-icon.png);display: inline-block;vertical-align: -4px;}
.toggle_nav_box li>i{background: url(/images/index/menu-icon.png);width: 15px !important;height: 12px !important;display: inline-block;background-position-y: -122px;margin-left: 9px;}
.toggle_nav_box li>i.active{background-position-y: -132px;}
.product_main>div>span i{background: url(/images/index/system.svg);}
.product_main>div>span i.mac{background-position-y: -20px;margin-left: 8px;}
.product_main>div>span i.win{background-position-y: -0px;margin-left: 12px;}
.product_main>div.online>span i{background-position-y: -40px;margin-left: 12px;}
.product_main>div>div>div{font-size: 16px;color: #444;position: relative;max-width: 234px;width: 100%;box-sizing: border-box;margin-bottom: 10px;}
.product_main>div.online>div>div{overflow: hidden;}
.product_main div>div>div a{line-height: 24px;color: #333;font-size: 14px;display: inline-block;}
.product_main div>div>div a::after{clear: both;content: "";width: 44px;height: 44px;position: absolute;left: -52px;top: 0px;}
.product_main div>div>div p{font-size: 14px;color: #888;line-height: 18px;margin-top: 4px;font-weight: normal;text-align: left;}
.product_main div>div>div:hover p{color: transparent;}
.product_main div>div>div a:hover{color: #3888FF;}
.product_main div>div>div div{flex: 1;margin-left: 8px;}
.product_main div>div>div{align-items: flex-start;}
.product_main div>div>div:hover div{display: inline-block;}
.product_main div>div>div{position: relative;}
.product_main div>div>div .btn{margin: 0;width: 100%;position: absolute;left: 0px;top: 28px;font-size: 0;display: none;padding: 0;height: auto;}
.product_main div>div>div div div a{min-width: 52px;height: 24px;font-size: 14px;border-radius: 4px;border: 1px solid #FF7714;text-align: center;line-height: 22px;box-sizing: border-box;color: #FF7714;display: inline-block;padding-right: 10px;padding-left: 10px;background: #FFECDE;font-weight: normal;}
.product_main div>div>div div div a::after{display: none;}
.product_main div>div div a:hover{text-decoration: none;width: auto;}
.product_main div>div div.down{margin-left: 0px;}
.product_main div>div div.down a{border-color: #3888FF;color: #3888FF;background: #E2EEFF;}
.product_main div>div div.down a:hover{background: #3888FF;border-color: #3888FF;color: #fff;background: #3888FF;}
.product_main div>div div.buy a:hover{background: #f57121;border-color: #f57121;color: #fff;background: #f57121;}
.product_main div>div div.down a:active{background: #0E6BF7;border-color: #0E6BF7;background: #0E6BF7;}
.product_main div>div div.buy a:active{background: #F66700;border-color: #F66700;background: #F66700;}
.product_main .desktop>div>div{margin-bottom: 24px;}
.product_main .online>div>div{line-height: 16px;margin-bottom: 28px;}
.product_main div>div>div a i{margin-left: 8px;display: inline-block;vertical-align: -3px !important;}
.product_main div>div>div a i.hot{width: 33px;height: 16px;background: url(/images/index/hot.svg);}
.product_main div>div>div a i.ai{width: 20px;height: 16px;background: url(/images/index/ai.svg);}

.center{max-width:1200px;width:100%;margin: auto;box-sizing: border-box;}

.header{background: #fff;}
.header>.center>ul{line-height: 60px;float: right;}
.header>.center>ul>li{float: left;margin-left:40px;font-size: 14px;color: #222;font-weight: bold;}
.header>.center>ul li>a{font-size: 14px;color: #222;}
.header>.center>ul li:hover>a,.header>.center>ul li.active>a{color: #3888FF;text-decoration: none;}
.header>.center>ul li:hover>span,.header>.center>ul li.active>span{color: #3888FF;cursor: pointer;}
.header>.center>ul li img{vertical-align: -8px;}
.header>.center>ul li>i{background: url(/images/index/arrow-icon.svg);width: 12px !important;height: 12px !important;margin-left: 10px;vertical-align: -1px;}
.header>.center>ul li:hover>i,.header>.center>ul li.active>i{background-position-y: -12px;}
.search,.toggle_nav{float: right;margin-top: 18px;}
.toggle_nav{display: none;}
.header .logo{float: left;height: 60px;display: flex;align-items: center;max-width: 124px;}
.header .logo img{max-width: 100%;}

/* footer */
.footer_bg{background: url(/images/index/bg2.png) no-repeat bottom center;height: 156px;}
.footer{background-color: #212223;overflow: hidden;}
.footer .center ul{margin-top: 56px;}
.footer .center ul:first-child{margin-top: 36px;}
.footer .center ul:first-child li:nth-child(1){margin-bottom: 40px;}
.footer .center ul:first-child li:nth-child(2){margin-bottom: 12px;font-size: 0px;height: 22px;}
.footer .center ul:first-child li:nth-child(2) a{display: inline-block;margin-right: 12px;height: 22px;width: 33px;}
.footer .center ul:first-child li:nth-child(2) a i{width: 33px;height: 22px;background: url(/images/index/languages.png);}
.footer .center ul:first-child li:nth-child(2) a:nth-child(3) i{background-position:0 0px;}
.footer .center ul:first-child li:nth-child(2) a:nth-child(2) i{background-position:0 -22px;}
.footer .center ul:first-child li:nth-child(2) a:nth-child(1) i{background-position:0 -44px;}
.footer .center ul:first-child li:nth-child(2) a:nth-child(4) i{background-position:0 -66px;}
.footer .center ul:first-child li:nth-child(3){margin-bottom: 0px;}
.footer .center ul:first-child li:nth-child(3) p{display:inline-block;margin: 0;font-size:14px;line-height: 30px;color: #c8c8c8;border-bottom: 1px solid #c8c8c8;cursor: pointer;transition: all linear .2s;width: auto;}
.footer .center ul:first-child li:nth-child(3) p:hover{color: #fff;border-bottom: 1px solid #fff;}
.footer .center ul:first-child li:nth-child(3) p i{display: inline-block;width: 10px;height: 10px;margin-left: 12px;background: url(/images/index/language-more.svg);}
.footer .center ul:first-child li:nth-child(3) p.active i,.footer .center ul:first-child li:nth-child(3) p:hover i{background-position-y: -10px;}
.footer .center{padding-bottom: 60px;}
.footer .center ul li:nth-child(1){font-size: 16px;font-weight: bold;line-height: 20px;color: #fff;margin-bottom: 24px;}
.footer .center ul li:nth-child(1) i{width: 20px;height: 20px;background:url(/images/index/footer-icons.png) no-repeat 0 -20px;float: right;vertical-align: middle;
margin-top: 25px;display: none;}
.footer .center ul.active li:nth-child(1) i{background:url(/images/index/footer-icons.png) no-repeat 0 -40px}
.footer .center ul li{margin-bottom: 16px;}
.footer .center ul li a{font-size: 14px;color: #c8c8c8;line-height: 20px;}
.footer .center ul li a:hover{color: #fff;text-decoration: none;}
.footer .center ul li:last-child{margin-bottom: 0px;}
.footer>div:last-child{height: 90px;font-size: 14px;color: #c8c8c8;display: flex;line-height: 16px;align-items: center;justify-content: center;text-align: center;background: #1a1b1c;flex-direction: column;padding-bottom: 0;}
.footer div:last-child span{line-height: 14px;text-align: center;display: block;margin-top: 10px;font-size: 0px;}
.footer div:last-child a{color: #c8c8c8;font-size: 14px;line-height: 16px;}
.footer div:last-child a:hover{color: #fff;}
.footer div:last-child a:nth-child(2){border-left: 1px solid #c8c8c8;padding-left:16px;margin-left:16px;display: inline-block;}
.footer div:last-child a:nth-child(3){border-left: 1px solid #c8c8c8;padding-left:16px;margin-left:16px;display: inline-block;}
/*languages*/
.footer .languages_mask{display:none!important;position: fixed;z-index:1000;width: 100%;height: 100%!important;background-color: rgba(0,0,0,.75)!important;left: 0;top: 0;}
.footer .languages{box-sizing:border-box;position:absolute;padding:48px 0;width: 1080px;height:auto!important;border-radius:20px;background-color:#fff!important;left:50%;top: 50%;transform: -webkit-translate(-50%,-50%);transform: -moz-translate(-50%,-50%);transform: -o-translate(-50%,-50%);transform: translate(-50%,-50%);}
.footer .languages_mask.active{display: block!important;}
.footer .languages .clearfix{display: block;background-color:#fff!important;width: 100%;box-sizing: border-box;}
.footer .languages .close{display: block;position: absolute;width: 24px;height: 24px;right: 24px;top: 24px;background: url(/images/index/close.svg) no-repeat 0 0;cursor: pointer;}
.footer .languages .close:hover{transition: all .3s linear;transform: rotate(90deg);}
.footer .languages .clearfix{height: auto;padding:0 0 0 64px;width: 100%;box-sizing: border-box;}
.footer .languages h2{display: block;margin:0 auto 24px;font-size:28px;line-height: 32px;color:#333;padding: 0px;text-align: center;font-weight: bold;}
.footer .languages a{color:#333!important;font-size: 16px!important;line-height: 24px!important;margin:16px 0!important;float:left;width: 166px;text-align: left;padding: 0!important;border:0!important;}
.footer .languages a:hover{color: #3888FF!important;text-decoration: none;}

/* cookies */
.usernotice_pop{position: fixed;width: 100%;padding: 8px 2%;box-sizing: border-box;left: 0;bottom: 0px;background-color: #4a5142;background-color: rgba(74,81,78,0.9);color: #fff;text-align: center;line-height: 18px;z-index: 900;font-size: 14px;}
.usernotice_pop a{color: #fff;}
.usernotice_pop .button {background: #fff;display: inline-block;width: 70px;color: #2f2f2f;margin: 0px !important;margin-left: 20px !important;cursor: pointer;}
/* special_box */
.special_box{position: fixed;bottom: 24px;right: 24px;z-index: 2;}
.special_box .close{position: absolute;right: -24px;top: -24px;cursor: pointer;}
@media screen and (max-width:1200px){
    .center{padding: 0 20px;}
    .footer_bg{height: 140px;}
    .header{position: relative;box-shadow: 0 0 18px rgba(0, 0, 0, .09);z-index:11;}
    .header .center{position: initial;}
    .header .logo{float: none;justify-content: center;width: 106px;margin: 0;}
    .search, .toggle_nav{top: 0px;position: absolute;}
    .search{right: 40px;}
    .toggle_nav{display: block;margin-right: 20px;position: absolute;right: 0px;background: url(/images/index/arrow-icon.svg);background-position-y: -80px;width: 24px;height: 24px;}
    .toggle_nav.active{background-position-y: -56px;}
    .toggle_nav_box{float: none !important;position: absolute !important;top:60px !important;background: #fff;width: 100%;left:0;padding: 0 20px;box-sizing: border-box;display: none;border-top: 1px solid #B3D1FF;}
    .product_main>div>span{display: none;}
    .header>.center>ul li>a,.header>.center>ul>li{font-size: 16px;}
    .header>.center>ul li:hover>span{color: #222;}
    .header>.center>ul li:hover>i{background-position-y: -0px;}
    .header>.center>ul li.active>a{color: #3888FF !important;}
    .header>.center>ul li.active>span{color: #3888FF !important;}
    .header>.center>ul li.active>i{background-position-y: -12px !important;}
    .toggle_nav_box li{float: none !important;line-height: 64px !important;border-bottom: 1px solid #dadada;margin: 0 !important;}
    .toggle_nav_box li:last-child{border: none;}
    .toggle_nav_box li>i{width: 15px !important;height: 15px !important;display: inline-block;background-position-y: -94px;float: right;margin-top: 26px;}
    .toggle_nav_box li>i.active{background-position-y: -109px;}
    .product_main_box{display: none;position: initial;box-shadow: none;padding: 0;max-width: 100%;width: 100%;margin-top: -10px;border-top: none;font-weight: normal;}
    .product_main{padding-left: 16px;padding-right: 16px;}
    .product_main>div{width: 100%;}
    .product_main_box>div>span{display: none;}
    .product_main>div{max-width: 100%;}
    .product_main>div>div>div{max-width: 100%;}
    .product_main_box.active{padding-bottom: 10px;}
    .product_main .desktop>div>div img{display: none;}
    .product_main div>div>div div{margin-left: 0px;}
    .product_main div>div>div a img{display: inline-block !important;}
    .product_main div>div>div div p{display: none;}
    .product_main div>div>div div div{display: none !important;}
    .product_main div>div>div a{line-height: 24px;font-size: 16px;}
    .product_main div>div>div a::after{display: none;}
    .product_main>div>div>div{margin-bottom: 16px !important;}
	.header_bg{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;top: 0px;left: 0px;z-index: 10;display: none;}
    .special_box{zoom: .8;}
}
@media screen and (max-width:1080px){
    .footer .languages{padding:60px 0;width: 830px;}
    .footer .languages a{margin:5px 0;text-indent: 30px;}
}
@media screen and (max-width:850px){
    .footer .center{display: block;}
    .footer .center ul:first-child{margin-top: 60px;margin-bottom: 30px;}
    .footer .center ul:first-child li{padding-bottom: 20px;}
    .footer .center ul{margin-top: 0;}
    .footer .center ul.active{padding-bottom: 20px; }
    .footer .center ul li:nth-child(1){border-top: 1px solid #464854;line-height: 66px;margin-bottom: 0;display: block;}
    .footer .center ul.active li{display: block;}
    .footer .center ul li{display: none;}
    .footer .center ul:first-child li{border: none;}
    .footer .center ul:first-child li{display: block;padding: 0;}
    .footer .center ul li{padding-left: 30px;}
    .footer .center ul li:nth-child(1) i{display: block;}
    .footer .center ul li:nth-child(1){padding-left: 0;}
    .footer .center ul li:nth-child(2){margin-top: -12px;}
    .footer .center{padding-bottom: 0;}
    .footer .languages{padding:40px 0;width: 630px;}
}
@media screen and (max-width:630px){
    .toggle_nav_box{padding:0px 20px;}
    .header>.center>ul{display: none;}
    .footer_bg{height: 95px;}
    .special_box{display: none;}
}
@media screen and (max-width:440px){
    .footer{overflow: visible;padding-top: 1px;}
    .footer .center ul:first-child li:nth-child(3){position: relative;}
    .footer .languages{display:block!important;position:absolute;top: 10%;border-radius:6px;padding:40px 0 20px;max-width: 320px;width: 90%;height: 80%!important;overflow-y: auto;transform: -webkit-translate(-50%,0);transform: -moz-translate(-50%,0);transform: -o-translate(-50%,0);transform: translate(-50%,0);}
    .footer .languages h2{width: 90%;}
    .footer .languages a{width: 100px;padding-left: 20px!important;text-indent: 0;margin:10px 0!important;}
    .footer .languages .close{right: 10px;top: 10px;}
    .footer .languages .clearfix{padding:0 20px;}
}
@media screen and (max-width:410px){
    .footer div:last-child a:nth-child(3){margin-top: 5px;}
}
@media screen and (max-width:280px){
    .footer .languages{width: 280px;}
    .footer .languages .clearfix{padding:0 20px}
}