@charset "utf-8";.header{background:0;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 .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background-position:left center}.article_h_banner .flpic:hover .pic:after{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.2;filter:alpha(opacity=80);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .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 .5s;-moz-transition:all .5s;transition:all .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% - 0);position:relative;overflow:hidden}.article_h_banner .frpic .item_l:hover .pic:after{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.2;filter:alpha(opacity=80);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .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% - 0);position:relative;overflow:hidden}.article_h_banner .frpic .item_r:hover .pic:after{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.2;filter:alpha(opacity=80);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .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:.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}