@charset "UTF-8";
*{margin: 0;padding: 0;font-family: Arial,"微软雅黑",'Microsoft YaHei',"宋体";}
body{margin: 0; font-size: 16px;}
a img{border:none;}
img:focus,a:focus,*:focus{border: none ;outline: none !important;}
*:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,ol{list-style: none;}
b,h2,h3,h4{font-weight: normal;}
a{text-decoration: none;color: #666666;}
em{font-style: normal;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.clearfix{}
.clearfix::after{content: ""; display: block;clear: both;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}
.left-bar{background: url(../images/lbar.jpg) ;background-repeat: repeat-x;background-size: auto 100%;position: fixed;left: 0;top: 0;height: 100vh;width: 1.5%;z-index: 2;}
body{box-sizing: border-box;background: url(/images/tbg.jpg) top center #f8faff no-repeat;background-size: 100% auto;}

.mob{display: none;}
.box{width: 1450px;max-width: 90%;margin: 0 auto;}
.b-fff{background: #fff;}
.b-r6{border-radius: 6px;overflow: hidden;} 

@media screen and (max-width: 1024px){
    body{font-size: 16px;}
    .box{max-width: 94%;}

}

@media screen and (max-width: 640px){
    body{font-size: 3.8vw;padding: 0;}
    .box{max-width: 92%;}
    .mob{display: block !important;}
    .pc{display: none;}
}