@charset "utf-8";
html, body {font-size:16px;}

.public_box {width:75rem;margin:0 auto;padding:5rem 0;overflow:hidden;}
.public_box h1, .public_box h2, .box_gray h1, .box_gray h2 {text-align:center;font-size:1.87rem;color:#000b4a;padding:0 0 1.25rem 0; margin:0;}
.public_box h3, .box_gray h3 {text-align:center;font-size:1.12rem;color:#26324b;padding:2.5rem 0 1.25rem 0; margin:0;}

.public_box .articles { float:left; width:79%; padding-left:1rem;}
.public_box .articles h2 { font-size:1.5rem; font-weight:normal; float:left; color:#009cff; width:100%; text-align:left; padding:0; margin:0 0 2.5rem 0;}
.public_box .articles h4 { font-size:1.12rem; font-weight:normal; color:#000; text-align:left; line-height:1.25rem; padding:0 0 0.31rem 0; margin:0;}
.public_box .articles p {color:#999; line-height:1.25rem; font-size:0.87rem;}
.public_box .articles .hot li { float:left; width:27%; margin:0; box-shadow:0px 3px 10px 3px rgba(0, 0, 0, 0.08); padding:2%; margin:0 0 3% 0; line-height:1.25rem; list-style:none;}
.public_box .articles .hot li.margin { margin:0 3%;}
.public_box .articles .latest li {border-bottom: 1px  dashed #e5e5e5; margin-bottom:3.12rem; clear:both; padding:0 0 4% 0; list-style:none;}
.public_box .articles .latest img { float:left; padding:0 1.25rem 0 0; }
.public_box .articles .latest li > a {float:left;}
.public_box .articles .tips { padding-top:1.87rem;}
.public_box .articles .tips li {padding:0 0 0.62rem 0;line-height:1rem; border-bottom: 1px  dashed #e5e5e5; margin-bottom:1.87rem; list-style:none;}

.public_box .menulist {float:right; width:16%; }
.public_box .menulist {border: 1px solid #eaeaea;margin-bottom: 1.5rem;padding:0;color: #666;}
.public_box .menulist p { padding:0 1.25rem 1.25rem 1.25rem; color:#413e3f; font-size:0.87rem; line-height:1.25rem;}
.public_box .menulist a {color: #413e3f; }
.public_box .menulist a:hover {color:#009cff;text-decoration:underline;}
.public_box .menulist h2 {margin:0;margin-bottom: 0.93rem;background-color: #f8f8f8;padding:0.62rem 0.93rem;font-size:0.87rem;color:#413e3f;text-align:left;}
.public_box .menulist ul {margin: 0.93rem;list-style: none;}
.public_box .menulist ul li {padding:0 0 1.25rem 0.62rem; font-size:0.87rem; line-height:1rem;background:url("/images/css/icon_item1.gif") no-repeat 0 0.31rem;}

.hot_color1 {border-top: 5px solid #5998ff;}
.hot_color2 {border-top: 5px solid #766cfe;}
.hot_color3 {border-top: 5px solid #3fc2ff;}
.img-responsive {display: inline-block;height:auto;max-width:100%;}

.box_three li p span.button_orange, .product_three li p span.button_green {margin:1.25rem 0 0 0;text-align:center;height:3.12rem;line-height:2.5rem;}
.box_three li p span.button_orange a {border-radius:5px;color:#FFF;font-size:1.25rem;height:3.12rem;line-height:3.12rem;background-color:#ff9900;display:block;text-shadow:none;margin:0 15%;text-align:center;}
.box_three li p span.button_orange a:hover {border-radius:5px;color:#FFF;font-size:1.25rem;height:3.12rem;line-height:3.12rem;background-color:#ff7e00;text-decoration:none;}
.box_three li p span.button_green a {border-radius:5px;color:#FFF;font-size:1.25rem;height:3.12rem;line-height:3.12rem;background-color:#00d171;display:block;text-shadow:none;margin:0 15%;text-align:center;}
.box_three li p span.button_green a:hover {border-radius:5px;color:#FFF;font-size:1.25rem;height:3.12rem;line-height:3.12rem;background-color:#00b834;text-decoration:none;}

.fadeback{width:96%; padding:10px 10px 10px 10px; border-top-color:rgb(218, 215, 215); border-top-width:1px; border-top-style:solid; float:left; margin-top:10px;}
.fadeback .ta-input{padding:5px; border-radius:4px; border:1px solid rgb(218, 215, 215); border-image:none; width:96%; height:6rem; line-height:1.125rem; font-size:0.75rem; margin-left:0; display:block;}
.fadeback .sub-btn {width:5.75rem; height:1.6rem; text-align:center; line-height:1.125rem; margin-top:6px; margin-right:1.5rem; float:right; display:block;}
.fadeback .chose{padding-top:10px; padding-bottom:10px;}
.fadeback .fademsg .fbno {display: none;}
.fadeback .fademsg .sub-btn-box {display: none;}

.more_info, .soft_down {text-align:center;font-size:1.25rem;float:left; }
.more_info {line-height:2.87rem; width:11rem; height:2.87rem; margin:0 0 0 0.62rem;}
.soft_down {width:11.25rem; height:3.12rem; line-height:3.12rem;}
.more_info a, .soft_down a {display: block;text-decoration:none;border-radius:3px; color:#fff;}
.more_info a {border:2px solid #fff;}
.soft_down a {background-color:#ff5300;}
.more_info a:hover {color:#009cff; background-color:#fff;text-decoration:none;}
.soft_down a:hover {color:#fff; background-color:#f30;text-decoration:none;}

.article_sart {color:#fff; overflow:hidden; padding:0 0 1.25rem 0;}
.article_sart .box {width:65.62rem; margin:0 auto;}
.article_sart h1 {text-align:left;font-size:2.25rem; line-height:2.50rem;color:#009cff; padding:1.87rem 0 0.62rem 0; width:59.3rem;}
.article_sart ul {padding:0 0 1.25rem 0; margin:0; height:1.87rem; line-height:1.87rem;}
.article_sart ul li {list-style-type: none; display:inline-block;position:relative;font-size:1rem; float:left; color:#c0c8dd;}
.article_sart ul li img { vertical-align:middle; padding:0 0 0 0.62rem;}
.article_sart ul li span { width:1.75rem; height:1.75rem; float:left;}
.article_sart ul li span {margin:0 0 0 1rem;}
.article_sart .box ul li span.shareone {background: url("/images/css/share-facebook.png") no-repeat;}
.article_sart .box ul li span.sharetwo {background: url("/images/css/share-twitter.png") no-repeat;}

.detail {width:65.6rem; margin:0 auto; overflow:hidden; padding:2.5rem 0 5rem 0;}
.box_left { float:left; width:80%; color:#333;}
.box_right {float:right; width:16%; }
.box_left img { padding:0; margin:0;}
.box_left ul {margin:0;list-style: none;}
.box_left ul>li {padding:0.43rem 0 0.49rem 0.62rem; line-height:1.4rem;background:url("/images/css/icon_item.gif") no-repeat 0 0.8rem;}
.box_left ol>li {padding:0.43rem 0 0.49rem 0.12rem; line-height:1.4rem;}
.box_left ul.art_list li {width:47%;float:left;}
.box_left h1 {font-size:1.87rem; color:#000b4a; padding:0 0 1.0rem 0; text-align:left;}
.box_left h2 {font-size:1.5rem; color:#010e5a; padding:0.5rem 0 0.3rem 0; text-align:left;}
.box_left h3 {font-size:1.25rem; color:#000b4a; padding:0.5rem 0 0.3rem 0; margin:0; text-align:left;}
.box_left h4 {font-size:1.0rem; color:#000; padding:0.5rem 0 0.3rem 0; margin:0; text-align:left;}
.box_left p { font-size:1.0rem; color:#1b1d22; line-height:1.5rem; padding-bottom:0.2rem;}
.box_left b {color:#000; }
.box_left .button { clear:both; margin:0 0 0 3.25rem;}
.box_left .button li { float:left; background-image:none;}
.box_left .button li.win {margin:0 auto;text-align:center;font-size:1rem;line-height:2.87rem;float:left;}
.box_left .button li.win a {width:12.81rem;height:2.87rem;color:#fff;display:block;text-decoration:none;border-radius:3px;background:#009cff url("/images/css/icon-buy.png") no-repeat 0.62rem 0.75rem; padding:0 0 0 2.18rem; }
.box_left .button li.win a:hover {background-color:#0072ff;}
.box_left .button li.mac {margin:0 auto;text-align:center;font-size:1rem;line-height:2.87rem;border-radius:3px; float:left}
.box_left .button li.mac a {width:12.56rem;height:2.87rem;color:#009cff;display: block;text-decoration:none;border-radius:3px;border:2px solid #009cff; padding:0 0 0 2.18rem; background: url("/images/css/icon-buy.png") no-repeat 0.75rem -12.81rem;}
.box_left .button li.mac a:hover {color:#0072ff; border:2px solid #0072ff;}

.box_right .module {border: 1px solid #eaeaea;margin-bottom: 1.5rem;padding: 0;color: #666;}
.box_right .module p { padding:0 1.25rem 1.25rem 1.25rem; color:#413e3f; font-size:0.87rem; line-height:1.25rem;}
.box_right .module a {color: #413e3f; }
.box_right .module a:hover {color:#009cff;text-decoration:underline;}
.box_right .module h2 {margin:0;margin-bottom: 0.93rem;background-color: #f8f8f8;padding: 0.62rem 0.93rem;font-size:0.87rem;color: #413e3f; text-align:left;}
.box_right .module ul {margin: 0.93rem;list-style: none;}
.box_right .module ul li {padding:0 0 1.25rem 0.62rem; font-size:0.87rem; line-height:1rem;background:url("/images/css/icon_item1.gif") no-repeat 0 0.31rem;}

.banner_public .botton { text-align:center; margin:0 auto; width:26.8rem; padding:1.87rem 0 0 0;}
.banner_public {color:#fff; overflow:hidden; padding:0 0 5rem 0; background-color:#185194; clear:both;}
.banner_public .instructions {text-align:center;font-size:1rem;color:#e3eff5;line-height:1.5rem; width:50rem; margin:0 auto; }
.banner_public h1 {text-align:center;font-size:1.87rem; line-height:1.87rem;color:#009cff;padding:4.37rem 0 1.25rem 0;margin:0;}

.pageguide { margin: 1rem 0; border-left:4px solid #005af0;}
.pageguide span { font-size: 0.87rem; line-height: 1.3rem; padding:0.1rem 0 0.1rem 1.25rem; color: #5f6368; margin: 0;}
.pageguide dl { margin: 0; }
.pageguide dt {position: relative; padding:0.1rem 0 0.1rem 2rem; margin: 0; font-size:0.87rem; line-height:1.3rem; }
.pageguide dt:before {content: '';position: absolute;width: 0;height: 0;border-top:0.25rem solid transparent;border-left:0.4375rem solid #005af0;border-bottom:0.25rem solid transparent;}
.pageguide dt:before {left:1.25rem;top:0.5rem;}
.pageguide1 {margin:1rem 0;border-left:4px solid #005af0;}
.pageguide1 dt {font-size:0.87rem;line-height:1.3rem;padding:0.1rem 0 0.1rem 1.25rem;color:#5f6368; margin:0;}
.pageguide1 dd {position:relative;padding:0.1rem 0 0.1rem 2rem;margin:0;font-size:0.87rem;line-height:1.3rem;}
.pageguide1 dd:before {content:'';position:absolute;width:0;height:0;border-top:0.25rem solid transparent;border-left:0.4375rem solid #005af0;border-bottom:0.25rem solid transparent;}
.pageguide1 dd:before {left:1.25rem;top:0.5rem;}

.modular_box{background:#fff;box-shadow:0 .25rem .35rem 0 rgba(32,66,133,.2);margin:1.5rem 0 1rem 0;border:.025rem solid #c6d9ff;padding:.7rem .5rem .5rem 1.25rem;position:relative;}
.modular_box:after{content:".";display:block;height:0;clear:both;overflow:hidden}
.modular_box .icon{position:absolute;top:-1.37rem;left:1.25rem;}
.modular_box .word{float:left;width:60%}
.modular_box .t{margin:0!important;margin-bottom:.9rem!important}
.modular_box .t a{font-size:1.12rem;line-height:1.35rem;color:#0087fd}
.modular_box .t:hover a{color:#0087fd;font-weight:700;text-decoration:none}
.modular_box .d{margin:0!important;line-height:1.25rem;font-size:0.87rem}
.modular_box .img{float:right;width:33%;text-align:center;padding-left:5%}
@media(max-width:769px)
{
.modular_box .word,.modular_box .img{width:auto;float:none}
.modular_box .t{font-size:1.12rem;line-height:1.35rem}
.modular_box .t a{font-size:.75rem;line-height:1rem}
.modular_box .d{font-size:.87rem;line-height:1.25rem}
.modular_box .img{display:none}
}
@media (max-width: 1220px) {
.banner_public .instructions, .banner_public h2, .public_box{ width:98%;}
}
@media (max-width: 1100px) {
.article_sart .box, .detail { width:98%;}
.article_sart h1 {padding:2.5rem 0 0.62rem 2%;}
.article_sart ul {padding:0 0 0 2%;}
.detail {padding:1.87rem 0 5rem 2%;}
}
@media (max-width: 1024px) 
{
.banner_public h2, .banner_public .instructions, .public_box, .article_sart h1, .article_sart .box, .detail{ width:96%;}
.box_left { float:left; width:79%;}
.box_right {float:right; width:18%; }
.public_box .articles { float:left; width:76%;}
.public_box .menulist {float:right; width:19%; }
}
@media (max-width: 980px){
.article_sart h1 { width:96%;}
}
@media (max-width: 930px){
.box_left{ width:100%;}
.box_right {display:none;}
.public_box .articles { float:left; width:73%;}
.public_box .menulist {float:right; width:21%; }
}
@media (max-width: 855px) {
.banner_public h2, .banner_public .instructions, .public_box, .article_sart .box, .detail, .article_sart h1{width:94%;}
.article_sart h1 {text-align:left;font-size:1.87rem; line-height:2.5rem;padding:1.25rem 0 0.62rem 0;}
.box_left .button {margin:0; padding:0;}
.public_box .articles {float:none; width:99%;padding-left:0.1rem;}
.public_box .menulist {display:none;}
}
@media (max-width: 800px) {
.box_left ul.art_list li {width:97%;}
}
@media (max-width: 576px) {
banner_public h2, .banner_public .instructions, .public_box, .article_sart .box, .detail {width:94%;}
.banner_public .botton, .article_sart h1{width:90%;}
.soft_down, .more_info {width:90%;}
.more_info {margin:1rem 0 0 0;}
}