body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background:#fff;-webkit-user-select: none;user-select: none;color: black;overflow: auto}
body,input,select,textarea{font:12px "Microsoft YaHei","宋体",sans-serif;}
div,p{font-family: "dort";}
@font-face {
    font-family: "dort";
    src:url('BVBCopy-Regular.woff2'), 
       url('BVBCopy-Regular.woff'),
       url('BVBCopy-Regular.otf');
}



body.no_scroll {
  overflow: hidden;
}
.color_bar{position: relative;height: 17vw;background: #fee602;}
.header{height: 60px;background: black;position: relative;}
.header .logo{position: absolute;left: 50px;height: 55px;top: 50%;margin-top: -27px;}
.header .language{position: absolute;right: 3.7%;top: 0;height: 100%}
.header .language .holder{position: relative;padding-right: 25px;background: url(../img/arrow.png) right center no-repeat;background-size: 10px auto;height: 100%;cursor: pointer;}
.header .language .holder .icon{height: 16px;display: block;padding-top: 23px}
.header .language .option{position: absolute;left: -10px;top: 60px;z-index: 2;background: rgba(51, 51, 51, 0.6);padding: 0 10px;opacity: 0;visibility: hidden;transition: all 0.1s linear}
.header .language .option .opt{display: block;height: 16px;padding: 7px 0;cursor: pointer;}
.header .language.show .option{opacity: 1;visibility: visible;}
.header .bar{position: absolute;right: 0;top: 0;height: 60px;}

.copyright{text-align: center;padding: 0 30px 20px 30px;color: #ffe800;font-size: 1vw;background: black;line-height: 2vw;margin-top: -100px;position: relative;}
.copyright a{color: #ffe800;}


.top_link{position: absolute;left: 0;top: 40vw;width: 100%;height: 64vw;background: rgba(245,245, 254, 0);}
.top_link .title1{position: absolute;left: 30.5vw;top: 0vw;font-size: 1.6vw;color: white}
.top_link .title1.on{color: #ffd900}
.top_link .title2{position: absolute;left: 30.5vw;top: 47.5vw;font-size: 1.6vw;color: white}
.top_link .title2.on{color: #ffd900}
.top_link .links .top{position: absolute;left: 1.2vw;bottom: 2vw;font-size: 0.9vw;color: white}
.top_link .links .detail{position: absolute;left: 1.2vw;bottom: 0.8vw;font-size: 0.9vw;color: white}
.top_link .links.big .top{bottom: 1.5vw;}
.top_link .links.big .detail{bottom: 0.6vw;}
.top_link .links:hover .top{color: #ffd900}
.top_link .links:hover .detail{color: #ffd900}



.mb {display: none !important;}
.container{position: relative;}
.container .bg{display: block;width: 100%}
.links{position: absolute;background: rgba(256, 256, 256, 0);cursor: pointer;width: 9.65vw;}
.links .sm{display: block;width: 100%;position: relative;}
.links .off{position: absolute;left: -0.125vw;top: -0.125vw;width: 10.2vw;opacity: 1;}
.links .on{position: absolute;left: -0.268vw;top: -0.268vw;width: 10.15vw;opacity: 0;}
.links:hover .off{opacity: 0}
.links:hover .on{opacity: 1}
.links.active .off{opacity: 0}
.links.active .on{opacity: 1}
.home_link1{left: 30.6vw;top: 4.3vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link2{left: 43.7vw;top: 4.3vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link3{left: 56.9vw;top: 4.3vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link4{left: 30.6vw;top: 16vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link5{left: 43.7vw;top: 16vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link6{left: 56.9vw;top: 16vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link7{left: 30.6vw;top: 27.8vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link8{left: 43.7vw;top: 27.8vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link9{left: 56.9vw;top: 27.8vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link10{left: 30.6vw;top: 52.5vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}
.home_link11{left: 43.85vw;top: 52.5vw;width: 11.1vw;height: 9.6vw;background: rgba(256, 256, 256, 0);}

.bottom_link{position: absolute;left: 0;top: 113vw;width: 100%;height: 45vw;background: rgba(245,245, 254, 0);}
.bottom_link .row1{position: absolute;left: 30vw;top: 9.3vw;width: 40vw;}
.bottom_link .row2{position: absolute;left: 30vw;top: 23.8vw;width: 40vw;}
.bottom_link .row3{position: absolute;left: 30vw;top: 34.3vw;width: 40vw;}
.bottom_link .row4{position: absolute;left: 30vw;top: 50.8vw;width: 40vw;text-align: center;}

.bottom_link .row .title1{position: absolute;left: 0;top: -2vw;width: 100%;text-align: center;color: white;font-size: 1.2vw}
.bottom_link .row.active .title1{color: #ffd900}
.bottom_link .row .float_link{float: left;width: 6.5vw;margin-right: 0.1vw;margin-bottom: 0.5vw}
.bottom_link .row .float_link.clear{clear: both}

.bottom_link .row .mid_link{display: inline-block;width: 6.5vw;margin-right: 0.1vw;}
.bottom_link .row .spe_link{width: 2vw;margin-right: 0.5vw;}

.bottom_link .row .mid_link.clear{clear: both}

.footer_link .icon{display: block;width: 100%;filter: grayscale(100%);}
.footer_link:hover .icon{filter: grayscale(0%);}
.footer_link1{left: 30vw;top: 1.2vw;width: 12vw;}
.footer_link2{left: 48Vw;top: 0.5vw;width: 6.1vw;}
.footer_link3{left: 59.8vw;top: 1.4vw;width: 9.5vw;}


.footer_link4{left: 56.8%;top: 71.35%;width: 8.2%}
.footer_link5{left: 40.2%;top: 77.3%;width: 3.475%}
.footer_link6{left: 45.3%;top: 77.55%;width: 3.525%}
.footer_link7{left: 46.4%;top: 77.3%;width: 7.65%}
.footer_link8{left: 51.3%;top: 77.4%;width: 2.45%}
.footer_link9{left: 56%;top: 77.8%;width: 5.425%}

.footer_link10{left: 31.9%;top: 79.8%;width: 4.7%}
.footer_link11{left: 38.3%;top: 79.8%;width: 8.325%}
.footer_link12{left: 48.1%;top: 79.65%;width: 3.5%}
.footer_link13{left: 52.7%;top: 79.65%;width: 6.6%}
.footer_link14{left: 61.5%;top: 79.7%;width: 4.875%}

.footer_link15{left: 62.95%;top: 79.85%;width: 5.125%}
.footer_link16{left: 46.8%;top: 85.3%;width: 6.35%}
.footer_link17{left: 46.3%;top: 85.5%;width: 7.25%}
.footer_link18{left: 48.3%;top: 90.8%;width: 3.125%}
.footer_link19{left: 54.6%;top: 90.876%;width: 2.275%}
.footer_link20{left: 60.3%;top: 90.55%;width: 1.975%}
.footer_link21{left: 40.8%;top: 90%;width: 2.45%}
.footer_link22{left: 48.8%;top: 89.6%;width: 2.225%}
.footer_link23{left: 55.2%;top: 90.5%;width: 5.075%}

.pop_alert{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: none}
.pop_alert .inner{position: absolute;left: 50%;top: 50%;width: 80%;max-width: 380px;height: 110px;background: white;transform: translate(-50%,-50%);border-radius: 10px}
.pop_alert .inner .msg{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;transform: translate(0,-50%);font-size: 16px;color: black;line-height: 30px;}





@media screen and (max-width: 768px) {
.pc{display: none !important}
.mb {display: block !important;}
.header{height: 45px;background: black;position: relative;}
.header .logo{position: absolute;left: 3.7vw;height: 8.26vw;top: 50%;margin-top: -4.13vw;}
.header .language{right: 7%}
.header .language .holder .icon{height: 14px;padding-top: 15px}
.header .language .option{top: 45px;}
.header .language .option .opt{height: 14px;padding: 8px 0;}


.top_link{top: 54vw;height: 124vw;}
.top_link .title1{left: 8vw;top: 0vw;font-size: 4vw;}
.top_link .title2{left: 8vw;top: 88.2vw;font-size: 4vw}
.top_link .links .top{position: absolute;left: 2.2vw;bottom: 4.5vw;font-size: 1.8vw;color: white}
.top_link .links.big .top{bottom: 4.5vw}
.top_link .links .detail{position: absolute;left: 2.2vw;bottom: 1.6vw;font-size: 2vw;color: white}
.top_link .links.big .detail{bottom: 1.6vw}

.home_link1{left: 8.3%;top: 8.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link2{left: 37.6%;top: 8.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link3{left: 67.4%;top: 8.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link4{left: 8.3%;top: 33.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link5{left: 37.6%;top: 33.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link6{left: 67.4%;top: 33.7vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link7{left: 8.3%;top: 58.4vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link8{left: 37.6%;top: 58.4vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link9{left: 67.4%;top: 58.4vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link10{left: 8.3%;top: 97.6vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.home_link11{left: 37.6%;top: 97.6vw;width: 24.5vw;height: 21.2vw;background: rgba(256, 256, 256, 0);}
.links .off{left: -0.752vw;top: -0.752vw;width: 37.467vw;}
.links .on{left: -0.948vw;top: -0.948vw;width: 37.467vw;}

.bottom_link{position: absolute;left: 0;top: 190vw;width: 100%;height: 118vw;background: rgba(245,245, 254, 0);}
.bottom_link .row1{position: absolute;left: 16vw;top: 23.5vw;width: 68vw;}
.bottom_link .row2{position: absolute;left: 16vw;top: 50.8vw;width: 68vw;}
.bottom_link .row3{position: absolute;left: 16vw;top: 70.3vw;width: 68vw;}
.bottom_link .row4{position: absolute;left: 16vw;top: 102.4vw;width: 68vw;}
.bottom_link .row .title1{top: -5vw;font-size: 2vw}
.bottom_link .row .float_link{width: 11.3vw;margin-right: 0;margin-bottom: 0.8vw}
.bottom_link .row .mid_link{display: inline-block;width: 11.3vw;margin-right: 0;}
.bottom_link .row .spe_link{width: 5vw;margin-right: 0.5vw;}

.footer_link1{left: 14.4%;top: 2.6vw;width: 21%;}
.footer_link2{left: 45%;top: 0.3%;width: 13.5%;}
.footer_link3{left: 68%;top: 2.3%;width: 18.5%;}
.footer_link4{left: 57%;top: 69.2%;width: 23.5%;height: 2%}
.footer_link5{left: 35%;top: 75.3%;width: 10.5%;height: 1.4%}
.footer_link6{left: 54%;top: 75.3%;width: 10.5%;height: 1.4%}
.footer_link7{left: 56.5%;top: 75.3%;width: 20.5%;height: 1.4%}
.footer_link8{left: 22%;top: 77.2%;width: 9.5%;height: 1.7%}
.footer_link9{left: 43%;top: 77.2%;width: 14.5%;height: 1.7%}
.footer_link10{left: 67%;top: 77.2%;width: 10.5%;height: 1.7%}
.footer_link11{left: 23%;top: 79%;width: 22%;height: 1.5%}
.footer_link12{left: 49.5%;top: 79%;width: 8%;height: 1.5%}
.footer_link13{left: 61%;top: 79%;width: 16%;height: 1.5%}
.footer_link14{left: 42.5%;top: 80.6%;width: 15%;height: 2%}
.footer_link15{left: 51.5%;top: 80.6%;width: 17%;height: 2%}

.footer_link16{left: 37.5%;top: 86%;width: 26%;height: 3%}
.footer_link17{left: 39.5%;top: 86.4%;width: 21%;height: 2.5%}
.footer_link18{left: 44.5%;top: 92%;width: 10%;height: 2.5%}
.footer_link19{left: 58%;top: 92%;width: 10%;height: 2.5%}
.footer_link20{left: 73%;top: 92%;width: 10%;height: 2.5%}

.footer_link21{left: 24.5%;top: 90%;width: 10%;height: 3%}
.footer_link22{left: 43.5%;top: 90%;width: 10%;height: 3%}
.footer_link23{left: 59.5%;top: 90%;width: 16%;height: 3%}
.copyright{font-size: 12px;line-height: 20px;padding: 0 15px 20px 15px;margin-top: -10px;}
.footer_link .btm{opacity: 0 !important}
.footer_link .top{opacity: 0 !important}
}