body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul,div{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-family: Arial, Verdana,Helvetica, sans-serif; color:#222222;}
h1,h2,h3,h4,h5,h6{font-weight:400}
body{font-size:12px;color:#999;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}
.clearfloat::after{content:"";display: block;height: 0;clear:both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.flex-box{display: -webkit-box;display: -moz-box; display: -ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction: row;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.container{width: 100%;margin:0 auto;overflow: hidden;max-width: 1200px;box-sizing: border-box;}
a:hover{color:#00b1a7;}
.set_point{transform: -webkit-translateY(-20px);transform: -moz-translateY(-20px);transform: -o-translateY(-20px);transform: translateY(-20px);}
h1{font-size:38px;line-height: 58px;color:#333;text-align: center;font-weight: 550;}
h2{margin:54px 0 0;font-size:30px;line-height: 30px;color:#333;text-align: left;font-weight: 550;}
/*header*/
#header{width: 100%;position: relative;margin:0 auto;z-index: 10;height: 83px;}
#header .container{overflow: visible;}
#logo{float:left;margin:20px 0 0;width: 100%;max-width:151px;}
#logo img{display: block;width: 100%;margin:0 auto;}
.menu_list{float:right;}
.menu_list>li{float:left;margin:0 20px;font-size:18px;padding:30px 8px;border-bottom: 2px solid transparent;}
.menu_list>li:nth-child(1){padding:30px 0 30px 8px;}
.menu_list>li.active{border-bottom: 2px solid #012c43;}
.menu_list>li:hover{border-bottom: 2px solid #012c43;}
.menu_list>li:hover>a{color:#53acf8;}
.menu_list>li:nth-child(1):hover::after{background-position: 0 -6px;}
.menu_list>li a{color:#000;text-align: left;position: relative;text-decoration: none;}
.menu_list>li a:hover{color:#53acf8;}
.menu_list>li:nth-child(1)::after{content:"";display: block;float:right;margin:10px 0 0 6px;width: 17px;height: 6px;background: url(/images/article/cricle.png) no-repeat 0 0;}
.slider_down{display: none;position: absolute;width: 100%;left: 50%;top: 83px;padding:30px 0 46px;border-top: 3px solid #012c43;transform: -webkit-translateX(-50%);transform: -moz-translateX(-50%);transform: -o-translateX(-50%);transform: translateX(-50%);background-color: #fff;}
.slider_down a{line-height: 20px;font-size:14px;color:#000;}
.slider_down li{padding:4px 0;}
.slider_down li:nth-last-child(1){margin-top: 10px;padding-top: 15px;border-top: 2px solid #53acf8;color:#000;font-weight: bold;}
.language_channel{float:right;margin:30px 0 0 200px;width: 57px;height: 19px;overflow: hidden;}
.language_channel::before{content:"";display: block;float:right;margin:6px 0 0 6px;width: 17px;height: 6px;background: url(/images/article/cricle.png) no-repeat 0 0;}
.language_channel.active::before{background-position: 0 -6px;}
.language_channel.active>p{display: none;}
.language_channel p{display: block;width: 40px;height: 19px;background: url(/images/article/en.png) no-repeat 0 -19px;}
.language_channel ul{display: block;height: 19px;}
.language_channel li{margin:0 0 5px;padding: 0;}
.language_channel li a{display: block;width: 40px;height: 19px;background: url(/images/article/en.png) no-repeat 0 -57px;}
.language_channel ul li:nth-child(2) a{background-position: 0 0;}
.language_channel ul li:nth-child(3) a{background-position: 0 -19px;}
.language_channel ul li:nth-child(4) a{background-position: 0 -38px;}
.toggle-nav {padding: 28px;float: right;display: none;color: #222;font-size: 30px;border-radius: 5px;}

/*banner*/
#banner{width: 100%;margin:0 auto;padding:54px 0 40px;background: #012c43 url(/images/article/banner.jpg) center 0 no-repeat;}
#banner .title{margin:0;font-size:46px;line-height: 46px;color:#fff;font-weight: 550;}
#banner .title a{color:#fff;}
#banner .banner_info{margin:25px 0 16px;font-size:20px;line-height: 34px;color:#fff;}
#banner li{font-size:16px;line-height: 34px;color:#fff;opacity: .7;list-style-type: disc;list-style-position: inside;}
#banner .right{width: 480px;padding:26px 0 0;}
#banner .right img{display: block;width: 100%;margin:0 auto;}
#banner .buy_section{width: 100%;max-width: 500px;margin:20px 0 0;}
#banner .buy_section a{box-sizing: border-box;margin:0 0 13px;width: 240px;height: 54px;line-height: 54px;border-radius:4px;border:2px solid #00ecd9;background-color: #00ecd9;font-size:22px;color:#012c43;text-decoration: none;font-weight: 550;}
#banner .buy_section .win i{float: left;width: 32px;height: 32px;margin:10px 11px;background:url(/images/article/icon.png) no-repeat 0 0;}
#banner .buy_section .win:hover i{background-position: 0 -32px;}
#banner .buy_section .win:hover{color:#00ecd9;background-color: #012c43;}
#banner .buy_section .mac i{float: left;width: 32px;height: 32px;margin:10px 11px;background:url(/images/article/icon.png) no-repeat 0 -64px;}
#banner .buy_section .mac:hover i{background-position: 0 -96px;}
#banner .buy_section .mac:hover{color:#00ecd9;background-color: #012c43;}

/*Crumbs*/
.crumbs{width: 100%;margin:0 auto;text-align: left;padding:50px 0;}
.crumbs a{font-size:16px;line-height: 16px;color:#666;}
.crumbs span{font-size:16px;line-height: 16px;color:#666;}


/*main_article*/
.main_article{margin:0 auto;position: relative;max-width:1320px;overflow: visible;}
.main_article>.container{overflow: visible;}
.left_article{width: 200px;margin:190px 0 0;position: -webkit-sticky;position: sticky;top: 70px;left: 0;max-height: 500px;}
.left_article p{margin:0 0 4px;font-size:18px;line-height: 28px;color:#333;font-weight: bold;}
.left_article li{padding:7px 0;}
.left_article li a{font-size:16px;line-height: 24px;color:#00626e;;text-decoration: none;font-weight: 500;display: block;}
.left_article li a:hover{color:#00626e;}
.left_article li.active a{color:#00626e;;}
.left_article li.active{background-color: rgb(245, 247, 250);}
.left_article li:hover{background-color: rgb(245, 247, 250);}
.center_article{width: 800px;margin:0;padding-bottom: 20px;}
.center_article p{display: block;margin:20px 0 0;font-size:16px;line-height: 30px;color:#444;}
.center_article p a{color:#00b1a7;}
.contents{width: 100%;margin:30px 0 0;background-color: #f5f7fa;padding:22px 13px;}
.contents >p{display: block;margin: 0 0 10px;font-size: 16px;font-weight: 550;color:#012c43;}
.contents >p i{display: inline-block;width: 30px;height: 30px;background:url(/images/article/icon-tips.png) no-repeat 0 0;vertical-align: -9px;margin-right: 6px;}
.contents li{list-style-type: disc;list-style-position: inside;columns: #012c43;padding:5px 6px;font-size:16px;line-height: 24px;}
.contents li:hover{color:#00b1a7;}
.center_article .buy_section{width: 100%;max-width: 426px;margin:20px auto 0;}
.center_article .buy_section a{box-sizing: border-box;margin:0 0 13px;width: 204px;height: 50px;line-height: 44px;border:2px solid #00ecd9;border-radius:4px;background-color: #00ecd9;font-size:18px;color:#012c43;text-decoration: none;font-weight: 550;}
.center_article .buy_section .win i{float: left;width: 32px;height: 32px;margin:6px 4px 0 12px;background:url(/images/article/icon.png) no-repeat 0 0;}
.center_article .buy_section .win:hover i{background-position: 0 -32px;}
.center_article .buy_section .win:hover{color:#00ecd9;background-color: #012c43;}
.center_article .buy_section .mac i{float: left;width: 32px;height: 32px;margin:6px 4px 0 12px;background:url(/images/article/icon.png) no-repeat 0 -64px;}
.center_article .buy_section .mac:hover i{background-position: 0 -96px;}
.center_article .buy_section .mac:hover{color:#00ecd9;background-color: #012c43;}
.list_style_1{margin:20px 0;}
.list_style_1 li{position: relative;font-size:16px;line-height: 24px;color:#444;padding:4px 0 4px 15px;}
.list_style_1 li .triangle{display: block;position: absolute;width: 0;height: 0;left: 0;top: 15px;border-left:6px solid #00626e;border-right:6px solid transparent;border-bottom:4px solid transparent;border-top:4px solid transparent;transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -o-translateY(-50%);transform: translateY(-50%);}
.step_1{margin:15px 0 0;font-size:16px;line-height: 30px;color:#383838;font-weight: 550;}
.step_1>span{display: inline-block;padding:7px 12px;background-color: #012c43;color:#00ecd9;text-align: center;border-radius: 2px;margin-right: 12px;line-height: 16px;}
.step_2{margin:15px 0 0;font-size:16px;line-height: 30px;color:#383838;font-weight: 550;}
.step_2>span{display: inline-block;padding:3px 4px;background-color: #012c43;color:#00ecd9;text-align: center;border-radius: 2px;margin-right: 12px;vertical-align: -1px;line-height: 16px;}
.step_3{margin:15px 0 0;font-size:16px;line-height: 30px;color:#383838;font-weight: 550;}
.step_3>span{display: inline-block;width: 65px;height: 24px;background-color: #012c43;color:#00ecd9;text-align: center;border-radius: 2px;margin-right: 12px;vertical-align: -1px;line-height: 24px;}
h3.step_1,h3.step_2,h3.step_3{font-size:20px;}
.center_article>img{display: block;margin:25px auto 0;width: 100%;max-width:600px;}
.tips{width: 100%;margin:30px 0 40px;background-color: #ecfcf9;padding:22px 13px;}
.tips >p{display: block;margin:0;font-size: 20px;font-weight: 550;color:#333;}
.tips >p i{display: inline-block;width: 30px;height: 30px;background:url(/images/article/icon-tips.png) no-repeat 0 -30px;vertical-align: -9px;margin-right: 6px;}
.tips li{list-style-type: disc;list-style-position: inside;color: #444;padding:5px 6px;font-size:16px;line-height: 24px;}
.tips li a{color:#00b1a7}
.attantion{width: 100%;margin:30px 0 40px;background-color: #f2fbff;padding:22px 13px;}
.attantion >p{display: block;margin:0;font-size: 20px;font-weight: 550;color:#333;}
.attantion >p i{display: inline-block;width: 30px;height: 30px;background:url(/images/article/icon-tips.png) no-repeat 0 -60px;vertical-align: -9px;margin-right: 6px;}
.attantion li{list-style-type: disc;list-style-position: inside;color: #444;padding:5px 6px;font-size:16px;line-height: 24px;}
.attantion li a{color:#008bbe}
.product_recommand{width: 100%;margin:40px 0;background-color: #012c43;padding:55px 34px 11px;width: 100%;}
.product_recommand .title{display: block;margin:0;font-size:30px;line-height: 40px;color:#fff;font-weight: 550;}
.product_recommand .info{display: block;margin:12px 0 5px;font-size:20px;line-height: 28px;color:#fff;}
.product_recommand ul{margin:13px 0 2px;}
.product_recommand ul li{position: relative;font-size:16px;line-height: 24px;color:#fff;padding:4px 0 4px 15px;}
.product_recommand ul li .squre{display: block;position: absolute;width: 6px;height: 6px;left: 0;top: 13px;background-color: #11c6b7; transform: -webkit-rotate(45deg);transform: -moz-rotate(45deg);transform: -o-rotate(45deg);transform: rotate(45deg);}
.product_recommand .left{width: 390px;}
.product_recommand .right{width: 334px;padding-top: 50px;}
.product_recommand .right img{display: block;margin:0 auto;}
.product_recommand .buy_section{max-width: 460px;margin:20px 0;}
.product_recommand .buy_section a{box-sizing: border-box;margin:0 0 13px;border:0;width: 220px;height: 50px;line-height: 46px;border-radius:4px;border:2px solid #00ecd9;background-color: #00ecd9;font-size:18px;color:#012c43;text-decoration: none;font-weight: 550;}
.product_recommand .buy_section .win i,.product_recommand .buy_section .mac i{margin:7px 8px 0 16px;}

.right_article{width: 224px;margin:190px 0 0;}
.right_article .pro{margin:0 0 40px;width: 100%;border:1px solid #d2f2ff;padding:26px 15px 28px;background-color: rgba(206,228,255,.08);}
.right_article .pro img{display: block;margin:0 0 10px 46px;}
.right_article .pro .title{display: block;margin:0 auto;font-size:18px;line-height: 24px;color:#00626e;text-align: center;font-weight: 550;}
.right_article .pro .info{display: block;margin:7px auto ;font-size:16px;line-height: 22px;color:#666;text-align: center;}
.right_article .buy{display:block;margin:0 auto;width: 172px;height: 40px;line-height: 40px;color:#fff;border-radius:4px;border:2px solid #00ecd9;background-color: #00ecd9;font-size:16px;color:#012c43;text-decoration: none;text-align: left;font-weight: 550;}
.right_article .buy.win i{float: left;width: 20px;height: 20px;margin:9px 8px;background:url(/images/article/icon-s.png) no-repeat 0 0;}
.right_article .buy.win:hover i{background-position: 0 -20px;}
.right_article .buy.win:hover{color:#00ecd9;background-color: #012c43;}
.right_article .buy.mac i{float: left;width: 20px;height: 20px;margin:9px 8px;background:url(/images/article/icon-s.png) no-repeat 0 -40px;}
.right_article .buy.mac:hover i{background-position: 0 -60px;}
.right_article .buy.mac:hover{color:#00ecd9;background-color: #012c43;}
.right_article_toggle{display: none;position:fixed;right: 20px;top:100px;font-size:20px;color:#000;width: 40px;line-height: 40px;background-color: rgba(206,228,255,.08);text-align: center;}
.related_article{margin:0;}
.related_article .title{display: block;margin: 0px 0px 10px;font-size: 18px;font-weight: bold;color:#333;border-bottom: 1px solid #d2f2ff;padding-bottom: 5px;}
.related_article li{padding:7px 0;}
.related_article li a{font-size: 14px;line-height: 20px;color:#666;text-decoration: none;display: block;}
.related_article li a:hover{text-decoration: underline;}
.author_secction{text-align: center;margin:30px auto;font-size:16px;color:#666;}
.author_secction img{display: inline-block;margin-right: 12px;vertical-align: -10px;}
.center_article .author_secction a{text-decoration: none}
.center_article .author_secction a:hover{text-decoration: underline;}
.article_recommand{width: 100%;margin:0 auto;padding:66px 0 40px;background-color: #e7f8fa;-webkit-justify-content: center;justify-content: center;-webkit-box-pack: center;}
.article_recommand .items{margin:0 10px 0;width: 285px;}
.article_recommand .items img{display: block;width: 100%;margin:0 auto;margin-bottom: 20px;}
.article_recommand .items a{display: block;margin:17px auto;font-size:18px;color:#333;line-height: 30px;font-weight: 550;}


/*footer*/
#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;}
.center{max-width: 1200px;margin: 0 auto;width: 100%;}
.footer{background: #2f2f2f;font-family: Arial;}
.footer_box{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 40px;}
.footer_box ul{text-align:left;}
.footer_box .footer_down{padding-top: 58px;margin-top: 0;}
.footer_box .footer_down li:nth-child(2) a{font-size: 14px;color: #fff;border: 1px solid #fff;box-sizing: border-box;height: 38px;line-height: 38px;width: 164px;padding-left: 12px;display: block;position: relative;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i{background: url(/images/article/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;background-position-y: -24px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{background: url(/images/article/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top: 30px;margin-bottom: 18px;}
.footer_box ul{margin-top: 70px;}
.footer_box ul li:nth-child(1){font-size:18px;color: #fff;margin-bottom: 24px;font-weight: 550;}
.footer_box ul li{margin-bottom: 10px;}
.footer_box ul li a{font-size: 14px;color: #aeaeae;}
.footer_box ul:last-child li a{margin:8px 18px 0 0;display: inline-block;}
.footer_box ul:last-child li a i{width: 42px;height: 42px;display: inline-block;background: url(/images/article/social-media.png);}
.footer_box ul:last-child li a:nth-child(1) i{background-position:0 0px;}
.footer_box ul:last-child li a:nth-child(1):hover i{background-position:0 -42px;}
.footer_box ul:last-child li a:nth-child(2) i{background-position:0 -84px;}
.footer_box ul:last-child li a:nth-child(2):hover i{background-position:0 -126px;}
.footer>div:last-child{font-size:14px;color: #aeaeae;height: 68px;display: flex;align-items: center;justify-content: center;background: #272727;text-align:center;}

/*cookies*/
.usernotice_pop{display: table;width: 200px;padding: 12px;position: fixed;bottom: 20px;right: 50px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size: 12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width: 28%;}
/*go-top*/
*html { background-image:url(about:blank); background-attachment:fixed; }
.back-to { position:fixed; bottom:10px; right:30px; z-index:999; width:32px; overflow:hidden; zoom:1; -ie6-position-fixed-delay:200; }
.back-to .back-top { float: right; display:block; width:32px; height:32px; background: url(/style/images/go-top.png) no-repeat 0 0; outline:0 none; text-indent:-9999em; }
.back-to { _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:10px; }
#disqus_thread{margin:0 auto;max-width:800px;padding:40px 0 30px;}
@media screen and (max-width: 1200px){.hot-one, .hot-two{width: 50%;}
@media screen and (max-width:1280px){
  .container{padding-left: 40px;padding-right: 40px;}
  .right_article_toggle{display: block;}
  .right_article {background-color: rgba(0,0,0,.6);padding:30px 20px;width: 100%;max-width:300px;}
  .related_article .title{color:#fff;text-align: center;}
  .related_article li a{color:#fff;}
  .right_article .pro{display: none;}
  .right_article,.left_article{margin:0;}
  .right_article{position: fixed;right: 10px;top: 140px;display: none;}
  .main_article{max-width:1200px;}
}
@media screen and (max-width:1080px){
  .slider_down{display: none;}
  .language_channel{margin:30px 0 0 30px;}
  #banner .container{justify-content: center;}
  
}
@media screen and (max-width:1024px){
  .center_article{width: 100%;max-width: 1000px;}
  .crumbs{padding:30px 0;}
  .left_article{display: none;}
  .article_recommand{padding:66px 65px 40px;}
}
@media screen and (max-width:980px){
  .menu_list{display: none;position: absolute;right: 0;top: 100%;background-color: rgba(0,0,0,.6);padding:20px 0;}
  .menu_list li{float: none;padding: 10px 20px!important;text-align: center!important;}
  .menu_list>li a{color:#fff;text-align: center!important;}
  .menu_list>li:nth-child(1)::after{display: none;}
  .toggle-nav{display: block;}
  .crumbs{padding:40px 0;}
  .article_recommand{padding:66px 30px 40px;}
  .footer_box{display: block;}
.footer_box ul.footer_down li{display: block;margin-left:0;}
.footer_box .footer_down{padding-top: 30px;}
.footer_box .footer_down li:nth-child(2) a{display: inline-block;margin-right:22px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top:0px;margin-bottom:0;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2){background: #1eb8ff;border-color: #1eb8ff;}
.footer_box .footer_down li:last-child{margin-bottom: 30px;}
.footer_box ul{border-bottom: 1px solid #4f4f4f;margin-top: 25px;}
.footer_box ul li:nth-child(1){font-size:20px;display: block;margin-bottom: 20px;margin-left: 0;}
.footer_box ul li{display: none;margin-left: 15px;}
.footer_box ul li:last-child{margin-bottom: 26px;}
.footer_box ul.active li{display: block;}
.footer_box ul li:nth-child(1) i{width:15px;height:15px;background: url(/images/article/footer-icon.png);display: inline-block;background-position-y: -72px;float: right;margin-top: 4px;}
.footer_box ul.active li:nth-child(1) i{background-position-y: -86px;}
.footer_box ul:last-child{border-bottom: none;}
}
@media screen and (max-width:780px){
  .container{padding-left: 30px;padding-right: 30px;}
  #banner .buy_section{margin:16px auto 0;text-align: center;}
  #banner .banner_info{margin:20px auto 11px;}
  #banner .title{margin:0 auto;font-size:36px;line-height: 36px;text-align: center;}
}
@media screen and (max-width:680px){
  .product_recommand .right{padding: 30px 0 10px;width: 100%;max-width:334px;}
  .footer_box .footer_down li:nth-child(2) a{width: 150px;height: 38px;line-height: 38px;padding-left: 6px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i,.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{right:6px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2){margin-top: 20px;}
}
@media screen and (max-width:440px){
  .container{padding-left: 20px;padding-right: 20px;}
  .toggle-nav{padding:28px 10px;}
  #banner .buy_section{max-width: 240px;}
  .crumbs{padding:20px 0;}
  .center_article .buy_section{max-width: 204px;}
  .product_recommand{padding:40px 20px 11px;}
  .product_recommand .left{width: 100%;}
  #banner .buy_section{display: none;}
}