@charset "utf-8";
/* CSS Document */
.header{ background:none; position:absolute;}
.tc_bg{ opacity:0;}
@media (max-width: 979px) {
	.header{ background:#000; position:static;}
}

.article_h_banner{width:100%; height:500px; height:calc(100vh - 350px);}
.article_h_banner .flpic{float:left;width:46%;height:100%; position:relative; overflow:hidden;}
.article_h_banner .frpic{float:left;width:54%;height:100%;}
.article_h_banner .pic {position:relative; z-index:2; width:100%; height:100%; background-color:#000; background-repeat:no-repeat; background-size:cover;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;background-position:left center;}
.article_h_banner .flpic:hover .pic:after{content:""; position:absolute; width:100%; height:100%; background:#000; opacity:0.2;filter:alpha(opacity=80);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.article_h_banner .flpic:hover .pic {transform:scale(1.05,1.05)}
.article_h_banner .info{color:#fff; position:absolute;bottom:0;right:0;display:block; z-index:3;padding-bottom:50px;padding-bottom:5vh;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.article_h_banner .info .name{ font-size:36px;color:#fff; font-weight:600; line-height:1.2em;text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);}
.article_h_banner .info .desc{text-shadow:0 2px 4px rgba(0, 0, 0, 0.5);margin-top:5px;}
.article_h_banner .flpic .info{width:40%;padding-left:60%;}
.article_h_banner .frpic .info{width:90%;padding:0 5%;padding-bottom:20px;padding-bottom:2vh;}
.article_h_banner .flpic:hover .info{border-bottom:5px solid #0febc0;}
.article_h_banner .frpic .item_l{float:left;width:34%;height:250px; height:calc(50% - 0px);position:relative; overflow:hidden;}
.article_h_banner .frpic .item_l:hover .pic:after{content:""; position:absolute; width:100%; height:100%; background:#000; opacity:0.2;filter:alpha(opacity=80);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.article_h_banner .frpic .item_l:hover .pic {transform:scale(1.05,1.05)}
.article_h_banner .frpic .item_l:hover .info{border-bottom:5px solid #0febc0;}
.article_h_banner .frpic .item_r{float:left;width:66%;height:250px; height:calc(50% - 0px);position:relative; overflow:hidden;}
.article_h_banner .frpic .item_r:hover .pic:after{content:""; position:absolute; width:100%; height:100%; background:#000; opacity:0.2;filter:alpha(opacity=80);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.article_h_banner .frpic .item_r:hover .pic {transform:scale(1.05,1.05)}
.article_h_banner .frpic .item_r:hover .info{border-bottom:5px solid #0febc0;}
@media (max-width: 1930px) {
	.article_h_banner .flpic .info{width:60%;padding-left:40%;}
}
@media (max-width: 1690px) {
	.article_h_banner .flpic .info{width:70%;padding-left:30%;}
}
@media (max-width: 1610px) {
	.article_h_banner {height:calc(100vh - 300px);}
}
@media (max-width: 1450px) {
	.article_h_banner .flpic .info{width:80%;padding-left:20%;}
}
@media (max-width: 1367px) {
	.article_h_banner {height:calc(100vh - 200px);}
	.article_h_banner .flpic .info{width:87%;padding-left:13%;}
}
@media (max-width: 1290px) {
	.article_h_banner {height:calc(100vh - 300px);}
}
@media (max-width: 1100px) {
	.article_h_banner{width:auto;height:650px;}
	.article_h_banner .flpic{float:none;width:auto;height:250px;}
	.article_h_banner .flpic .info{width:100%;padding-left:0; text-align:center;}
	.article_h_banner .frpic{float:none;width:auto;height:400px;}
}
@media (max-width: 800px) {
	.article_h_banner{width:auto;height:850px;}
	.article_h_banner .frpic .info{width:100%;padding:0; text-align:center;padding-bottom:30px;padding-bottom:3vh;}
	.article_h_banner .frpic .item_l,
	.article_h_banner .frpic .item_r{float:none;width:auto;height:150px;}
}
@media (max-width: 330px) {
	.article_h_banner .info .name{ font-size:30px;}
}

.article_h_cont{padding:100px 0;padding:10vh 0;}
.article_h_cont h2{ font-size:36px; line-height:1.2em; font-weight:300;color:#301d5b;}
.article_h_cont .list .item{float:left;width:46%;margin-left:8%;margin-top:50px;margin-top:5vh;}
.article_h_cont .list .item:nth-of-type(2n+1){margin-left:0; clear:both;}
.article_h_cont .list .item h3{ font-size:24px; font-weight:600;color:#000; line-height:1.2em;padding-bottom:10px;border-bottom:1px solid #e0e0e0;}
.article_h_cont .list .item .cont{margin-top:15px;}
.article_h_cont .list .item .icon{float:left;}
.article_h_cont .list .item .text{padding-left:90px;}
.article_h_cont .list .item .text li{padding:3px 0;}
.article_h_cont .list .item .text .more{margin-top:5px;}
.article_h_cont .list .item .text .more a{color:#0febc0;}
@media (max-width: 800px) {
	.article_h_cont{padding:60px 0;padding:6vh 0;}
	.article_h_cont h2{ font-size:3.6vh;}
}
@media (max-width: 767px) {
	.article_h_cont .list .item{float:none;width:auto;margin-left:0;margin-top:30px;margin-top:3vh;}
	.article_h_cont .list .item h3{ font-size:20px;}
}
@media (max-width: 320px) {
	.article_h_cont .list .item .icon{display:none;}
	.article_h_cont .list .item .text{padding-left:0;}
}

.btm_pro{ background:#f5f5f5;padding:100px 0;padding:10vh 0;}
.btm_pro .item{float:left;width:41%;padding:30px 3%;padding:3vh 3%;margin:0 1.5%; background:#fff;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2);margin-top:2vh;border-top:5px solid #0febc0;}
.btm_pro .item:nth-of-type(2){border-top:5px solid #00a8ec;}
.btm_pro .item .boximg{float:left; text-align:center;}
.btm_pro .item .text{padding-left:170px;margin-top:10px;margin-top:1vh;}
.btm_pro .item .text h3{padding-bottom:10px;padding-bottom:1vh;}
.btm_pro .item .text h3 a{ font-size:20px;color:#000; font-weight:600; line-height:1.2em;}
.btm_pro .item .text h3 a:hover{color:#0febc0;}
.btm_pro .item .text .btmbtn{margin-top:20px;margin-top:2vh;position:relative;}
.btm_pro .item .text .btmbtn:after{display:block; position:absolute; content:"";background-color:#cacaca;width:2px;height:25px;left:49.5%;top:50%;margin-top: -12.5px;}
.btm_pro .item .text .btmbtn .btn{float:left;margin-left:40px;}
.btm_pro .item .text .btmbtn .btn:first-child{margin-left:0;}
.btm_pro .item .text .btmbtn .btn .price{padding-bottom:5px;padding-bottom:0.5vh; text-align:center;}
.btm_pro .item .text .btmbtn .btn .price big{ font-size:24px; line-height:1.2em; font-weight:800;color:#000;}
@media (max-width: 1200px) {
	.btm_pro .item .boximg{float:none;}
	.btm_pro .item .text{padding-left:0;margin-top:30px;margin-top:3vh; text-align:center;}
	.btm_pro .item .text .btmbtn{width:305px;margin:0 auto;margin-top:20px;margin-top:2vh;}
	.btm_pro .item .text .btmbtn:after{display:none;}
	.btm_pro .item .text .btmbtn .btn{margin-left:20px;}
}
@media (max-width: 767px) {
	.btm_pro{padding:60px 0;padding:6vh 0;}
	.btm_pro .item{float:none;width:auto;margin:0;margin-top:3px;margin-top:3vh;}
}

.info_banner{ background-color:#f2f2f2; background-position:right center; background-repeat:no-repeat;padding:9px 0;padding:9vh 0;}
.info_banner .info{width:80%;margin:0 auto; text-align:center;}
.info_banner .info .title{ font-size:44px; line-height:1.2em;color:#301d5b; font-weight:300;padding-bottom:20px;}
.info_banner .info .describe{ font-size:18px;color:#000;}
.info_banner .info .link{margin-top:30px;margin-top:3vh;}
@media (max-width: 979px) {
	.info_banner .info{width:auto;}
}
@media (max-width: 767px) {
	.info_banner{padding:60px 0;padding:6vh 0;}
	.info_banner .info{width:auto;}
	.info_banner .info .title{ font-size:5vh;}
	.info_banner .info .describe{ font-size:16px;}
}

.article_main{padding:100px 0;padding:10vh 0;}
.article_main .sidebar{float:left;width:21%;}
.article_main .sidebar .list{ background:#fff;border-top:5px solid #0febc0;padding:30px 20px;padding:3vh 2vh;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2);color:#000;}
.article_main .sidebar .list h3{ font-size:24px; line-height:1.2em;border-bottom:1px solid #cbcbcb;padding:10px;margin-bottom:15px; font-weight:600;}
.article_main .sidebar .list ul{padding:10px;}
.article_main .sidebar .list li{padding:7px 0;}
.article_main .sidebar .list li a{ font-size:16px;color:#000; font-weight:600;}
.article_main .sidebar .list li.curr a,
.article_main .sidebar .list li a:hover{color:#0febc0;}
.article_main .frbox{float:right;width:74%;}
.article_main .frbox h2{ font-size:36px; font-weight:300; line-height:1.2em;color:#301d5b;}
.article_main .frbox .piclist{margin-top:20px;margin-top:2vh;}
.article_main .frbox .piclist .item{float:left;width:20%;margin:0 1%;margin-top:30px;margin-top:3vh;padding:15px 1.5%;background:#fff;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2); text-align:center;border-top:5px solid #0febc0;}
.article_main .frbox .piclist .item:nth-of-type(2){border-top:5px solid #00a8ec;}
.article_main .frbox .piclist .item:nth-of-type(3){border-top:5px solid #301d5b;}
.article_main .frbox .piclist .item:nth-of-type(4){border-top:5px solid #0febc0;}
.article_main .frbox .piclist .item h3{padding:15px 0; line-height:1.4em;text-align:left;}
.article_main .frbox .piclist .item h3 a{ font-size:14px; font-weight:600;color:#000;}
.article_main .frbox .piclist .item h3 a:hover{color:#0febc0;}
.article_main .frbox .adbox{padding:40px 0;padding:4vh 0;}
.article_main .frbox .list{margin-top:20px;margin-top:2vh;}
.article_main .frbox .list .item{padding:30px 0;padding:3vh 0;border-bottom:1px solid #e0e0e0;}
.article_main .frbox .list .item .pic{float:left;width:140px; text-align:center;}
.article_main .frbox .list .item .text{padding-left:160px;}
.article_main .frbox .list .item .text h4 a{ font-size:24px;color:#000; font-weight:600; line-height:1.2em;}
.article_main .frbox .list .item .text p{margin-top:8px;}
.article_main .frbox .list .item .text .link{margin-top:15px;}
.article_main .frbox .list .item .text .link span{float:right;}
.article_main .frbox .list .item .text .link a{color:#0febc0;}
@media(max-width:768px){
	.article_main{padding:60px 0;padding:6vh 0;}
	.article_main .sidebar{float:none;width:auto;}
	.article_main .sidebar .list li{display:inline-block;padding:7px 5px;}
	.article_main .frbox{float:none;width:auto;margin-top:50px;margin-top:5vh;}
	.article_main .frbox .piclist .item{width:44%;}
}
@media(max-width:767px){
	.article_main .frbox h2{ font-size:3.6vh;}
	.article_main .frbox .piclist .item h3{ text-align:center;}
	.article_main .frbox .piclist .item h3 a{ font-size:16px;}
}
@media(max-width:479px){
	.article_main .frbox .piclist .item{float:none;width:auto;margin:0;margin-top:30px;padding:15px;min-height:auto;}
	.article_main .frbox .list .item .pic{display:none;}
	.article_main .frbox .list .item .text{padding-left:0;}
}

.article_title{ background-color:#f2f2f2; background-position:right center; background-repeat:no-repeat;padding:70px 0;padding:7vh 0;}
.article_title .info{width:80%;margin:0 auto; text-align:center;}
.article_title .info .title{ font-size:44px; line-height:1.2em;color:#301d5b; font-weight:300;}
@media (max-width: 979px) {
	.article_title .info{width:auto;}
}
@media (max-width: 800px) {
	.article_title .info .title{ font-size:4vh;}
}
@media (max-width: 767px) {
	.article_title{padding:50px 0;padding:5vh 0;}
	.article_title .info{width:auto;}
}

.crumb{padding:20px 0;padding:2vh 0;vertical-align:middle; font-size:14px;color:#000; line-height:1.2em;}
.crumb i{ font-size:18px;}
.crumb a{color:#000;}
.crumb a:hover{color:#0febc0; text-decoration:none;}
.crumb .md_container{width:1000px;}
@media (max-width: 1030px) {
	.crumb .md_container{width:auto; padding:0 15px;}
}

.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.fix_side {position:absolute; z-index:3; top:360px; left:50%; margin-left:-740px; width:198px; background:#fff; color:#000;border-bottom:0;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2); border-top:5px solid #0febc0;padding:10px 0 0 0;}
.fix_side a {color:#000;}
.fix_side a:hover {text-decoration:underline; color:#0febc0;}
.fix_side a.actived{color:#0febc0;font-weight: 600;}
.fix_side .title {margin:0; padding:10px; font-size:24px; line-height:1.2em; font-weight:600;border-bottom:1px solid #cbcbcb;}
.fix_side .title a {color:#fff;}
.fix_side .title a:hover {color:#fff;}
.fix_side dl {margin:0; padding:0;}
.fix_side dl dt {line-height:1.2em; font-size:14px; font-weight:600;padding:10px 25px 10px 10px; cursor:pointer; position:relative; z-index:1;}
.fix_side dl dt:after{display:block;font-family:'globalIconfont';font-size:12px; line-height:1.2em; font-weight:normal; vertical-align:middle;content:'\e904'; position:absolute;right:10px;top:50%;margin-top:-7px;}
.fix_side dl dt.curr {color: #0febc0;}
.fix_side dl dt.curr:after{content:'\e902';color:#0febc0;}
.fix_side dl dd {margin:0; padding:10px 0; display:none;}
.fix_side dl dd ol {margin:0; padding:0 10px;list-style:none;}
.fix_side dl dd ol li {margin:0; padding:5px 0; font-size:12px; line-height:1.2em;}
.fix_side dl dd ol li a {color:#000;}
@media (max-width: 1440px) {
	.fix_side {width:170px;margin-left:-680px;}
}
@media (max-width: 1360px) {
	.fix_side {width:160px;margin-left:-670px;}
}
@media (max-width: 1300px) {
	.fix_side {position:fixed;}
	.fix_side_togg {width:50px; left:0; margin-left:0; overflow:hidden;}
	.fix_side_togg2 {left:0; margin-left:0;border-radius:0 5px 5px 0; overflow:hidden;}
	.fix_side_togg .title {font-size:14px; position:relative; text-indent:-9999px;}
	.fix_side_togg .title:after{display:block; content:"";background:url(images/art_menu.png) no-repeat;width:20px;height:14px; position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-12px;}
	.fix_side_togg dl {display:none;}
}
@media (max-width: 767px) {
	.fix_side {display:none;}
}

hr{background:#f3f3f3;height: 2px;width:100%;margin:80px auto;margin:8vh auto;}
@media (max-width: 767px) {
	hr{margin:50px auto;margin:5vh auto;}
}

.article_body{padding:40px 0 90px 0;padding:4vh 0 9vh 0;}
.article_body .md_container{width:1000px;margin:0 auto;}
@media (max-width: 1030px) {
	.article_body .md_container{width:auto; padding:0 15px;}
}

.art_cont .name{ line-height:1.4em;padding-bottom:10px;padding-bottom:1vh;}
.art_cont a{color:#0febc0;}
.art_cont p{margin-top:20px;margin-top:2vh; font-size:15px; line-height:1.6em;color:#000;}
.art_cont .list{border:1px solid #cacaca; border-radius:3px;padding:2vh 2.5%;margin-top:40px;margin-top:4vh;}
.art_cont .list:after{display:block; content:""; clear:both;}
.art_cont .list li{float:left;width:50%;padding:3px 0;}
.art_cont .title{ font-size:44px; line-height:1.2em;color:#301d5b; font-weight:300;padding-bottom:30px;padding-bottom:3vh;}
.art_cont h2{ font-size:30px; line-height:1.2em;color:#301d5b;margin-top:50px;margin-top:5vh;}
.art_cont h3{ font-size:24px; line-height:1.2em; font-weight:600;color:#301d5b;margin-top:50px;margin-top:5vh;}
.art_cont h4{ font-size:18px; line-height:1.4em; font-weight:600;color:#000;margin-top:40px;margin-top:4vh;}
.art_cont .img{margin-top:40px;margin-top:4vh;padding-bottom:20px;padding-bottom:2vh;}
.art_cont .img img{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.art_cont .video{margin-top:40px;margin-top:4vh;padding-bottom:20px;padding-bottom:2vh;}
.art_cont .pro_sty1{margin-top:40px;margin-top:4vh;}
.art_cont .pro_sty1 .pic{float:right;width:39%;}
.art_cont .pro_sty1 .pic img{box-shadow:0 15px 20px #333;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.art_cont .pro_sty1 .text{float:left;width:58%;}
.art_cont .pro_sty1 .text p{margin-top:0;}
.art_cont .pro_sty1 .text .btn{margin-top:20px;margin-top:2vh;}
.art_cont .pro_sty1 .text .btn a{margin:0 5px;}
.art_cont .pro_sty1 .text h4{ font-size:18px;color:#000; line-height:1.4em; font-weight:600;padding:20px 0;padding:2vh 0;margin-top:0;}
.art_cont .pro_sty1 .text li{ list-style:disc;margin-left:20px;color:#000;padding:3px 0;}
.art_cont .info_sty1{margin-top:40px;margin-top:4vh;}
.art_cont .info_sty1 .pic{float:right;width:49%;}
.art_cont .info_sty1 .text{float:left;width:46%;}
.art_cont .info_sty1 .text p{margin-top:0;}
.art_cont .info_sty1 .text p strong{display:block;margin-top:25px;margin-top:2.5vh;}
.art_cont .tab_sty1{margin-top:40px;margin-top:4vh;}
.art_cont .tab_sty1 .tabStyle{border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.art_cont .tab_sty1 .tabStyle th,
.art_cont .tab_sty1 .tabStyle td{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:1.5vh; line-height:1.4em; text-align:center;color:#000;}
.art_cont .pro_sty2{padding:4vh 4%;background:#fff;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2);margin-top:50px;margin-top:5vh;border-top:5px solid #0febc0;}
.art_cont .pro_sty2 .boximg{float:left; text-align:center;}
.art_cont .pro_sty2 .text{padding-left:190px;}
.art_cont .pro_sty2 .text h3{padding-bottom:10px;margin-top:0;}
.art_cont .pro_sty2 .text h3 a{ font-size:36px;color:#301d5b; font-weight:300; line-height:1.2em;}
.art_cont .pro_sty2 .text h3 a:hover{color:#0febc0;}
.art_cont .pro_sty2 .text li{ list-style:disc;margin-left:20px;}
.art_cont .pro_sty2 .text .btn{margin-top:30px;margin-top:3vh;}
.art_cont .pro_sty2 .text .btn a{margin:0 5px;}
.art_cont .piclist{margin-top:20px;margin-top:2vh;}
.art_cont .piclist .item{float:left;width:20%;margin:0 1%;margin-top:30px;margin-top:3vh;padding:15px 1.5% 5px;background:#fff;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2); text-align:center;border-top: 5px solid #0febc0;}
.art_cont .piclist .item:nth-of-type(2){border-top:5px solid #00a8ec;}
.art_cont .piclist .item:nth-of-type(3){border-top:5px solid #301d5b;}
.art_cont .piclist .item:nth-of-type(4){border-top:5px solid #0febc0;}
.art_cont .piclist .item h3{padding:15px 0 0 0;text-align:left;margin-top:0;font-size:14px; line-height:1.2em; min-height: 70px;}
.art_cont .piclist .item h3 a{ font-size:14px; font-weight:600;color:#000;}
.art_cont .piclist .item h3 a:hover{color:#0febc0;}
.art_cont .piclist .item .pic {height: 130px;overflow: hidden;}
.art_cont .piclist .item .pic span {display: table;height: 100%;}
.art_cont .piclist .item .pic a {display: table-cell;vertical-align: middle;}
.art_cont .disqus_sty{margin-top:50px;margin-top:5vh;}
@media(max-width:800px){
	.art_cont .title{font-size:40px;font-size:4vh;}
}
@media(max-width:767px){
	.art_cont .list li{float:none;width:auto;}
	.art_cont h2{ font-size:3vh;}
	.art_cont h3{ font-size:2.4vh;}
	.art_cont .pro_sty1 .pic{float:none;width:auto;}
	.art_cont .pro_sty1 .text{float:none;width:auto;margin-top:30px;margin-top:3vh;}
	.art_cont .info_sty1 .pic{float:none;width:auto;}
	.art_cont .info_sty1 .text{float:none;width:auto;margin-top:30px;margin-top:3vh;}
	.art_cont .pro_sty2 .boximg{float:none; text-align:center;}
	.art_cont .pro_sty2 .text{padding-left:0;margin-top:30px;margin-top:3vh;}
	.art_cont .pro_sty2 .text h3 a{ font-size:3.6vh;}
	.art_cont .piclist .item h3{ text-align:center;}
	.art_cont .piclist .item h3 a{ font-size:16px;}
}
@media(max-width:479px){
	.art_cont .piclist .item{float:none;width:auto;margin:0;margin-top:30px;padding:15px;min-height:auto;}
}

.article_topic{padding:100px 0;padding:10vh 0;}
.article_topic h2{padding:0;}
.article_topic ul{margin-top:50px;margin-top:5vh;}
.article_topic ul:after{display:block; content:""; clear:both;}
.article_topic li{float:left;width:16.66%;padding:5px 0;}
@media (max-width: 767px) {
	.article_topic{padding:60px 0;padding:6vh 0;}
	.article_topic li{width:33.3%;}
}
@media (max-width: 320px) {
	.article_topic li{width:50%;}
}

.article_banner{ background-size:cover;background-position:center 0; background-repeat:no-repeat; min-height:325px;}
.article_banner .info{padding-top:14vh;}
.article_banner .info .text{float:left;width:80%;}
.article_banner .info .text .name{ font-size:24px; line-height:1.2em; font-weight:600; color:#0febc0;}
.article_banner .info .text ul{margin-top:15px;}
.article_banner .info .text li{ list-style:disc;color:#fff;margin-left:20px; font-size:18px;padding:3px 0; font-weight:300;}
.article_banner .info .btn{float:right;width:15%;}
.article_banner .info .btn a{margin:5px 0;}
@media (max-width: 1200px) {
	.article_banner .info .btn{width:20%;}
}
@media (max-width: 979px) {
	.article_banner .info{padding-top:80px;padding-top:8vh;}
	.article_banner .info .text{float:none;width:auto; text-align:center;}
	.article_banner .info .text li{ list-style:none;margin-left:0;}
	.article_banner .info .btn{float:none;width:auto; text-align:center;margin-top:30px;argin-top:3vh;}
	.article_banner .info .btn a{margin:0 8px;}
}
@media (max-width: 767px) {
	.article_banner .info{padding:70px 0;padding:7vh 0;}
	.article_banner .info .text li{ font-size:16px;}
}
@media (max-width: 375px) {
	.article_banner .info .btn a{margin:5px 0;}
}

.topscoll_header{display:none;border-top:5px solid #0febc0;padding:15px 0;box-shadow:0 5px 10px #333;box-shadow:0 5px 10px rgba(53,49,50,.2);}
.topscoll_header .title{float:left;width:70%; font-size:20px; font-weight:600;color:#000; line-height:1.2em;margin-top:3px;}
.topscoll_header .btn{float:right;}
.topscoll_header .btn a{margin:0 3px;}
.topscoll_header .btn .btn_win_g,
.topscoll_header .btn .btn_mac_g{ font-size:14px;padding:5px 40px 5px 15px;width:auto;}
.topscoll_header .btn_win_g:after,
.topscoll_header .btn_mac_g:after{ font-size:18px;right:12px;margin-top:-9px;}
.headerFixed{display:block;}