@charset "utf-8";
/* CSS Document */
/*公共样式与首页样式*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
a{outline:none; text-decoration:none !important;} 
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}


.flex_{display: flex;}
/*两边的向两边靠*/
.flex_space-between{display: flex;justify-content:space-between;}
/*水平居中*/
.flex_justify-content{display: flex;justify-content:center;}
/*完美的平均分配*/
.flex_justify-content-around{display: flex;justify-content:space-around;}
/*垂直居中*/
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{flex-wrap:wrap;}


A {
    TEXT-DECORATION: none;
}



BODY {
    margin: 0px;
    padding: 0;
    font-family: "微软雅黑";
    background: #ffffff;
    color: #222222;
    overflow-x: hidden;
}



html{
    width:100%;
}
p, h1, h2, h3, h4, h5, h6, ul, li, input, dl, dt, dd, header, article, iframe, footer, ol, div, img {
    margin: 0px;
    padding: 0px;
}

input {
    border: 0px;
}

img {
    border: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    max-width: 100%;
    height: auto;
}

li {
    list-style: none;
}


b, label {
    font-weight: normal;
}

input, button, select, textarea {
    outline: none;
    font-family: "微软雅黑";
    font-size: 12px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
}


header{height: 90px;line-height: 90px;width: 100%;z-index: 10001;background: rgba(255,255,255,0.5);}
header.fixed{position: fixed;top:0;left: 0;}
header.white{background: #fff}
.navlist li{float: left;text-align: center;margin-left: 45px}
.navlist li a{display:block;width: 100px;font-size: 16px;color: #222222}


.bot{width: 100%;background: url('../images/bot.jpg') no-repeat center;background-size: cover}
.bot1{padding:65px 0 50px;}
.bot1_left{width: 535px;margin-right: 60px;float: left}
.bot1_tit{font-size: 30px;color: #fff;text-transform:uppercase;margin-bottom:15px}
.bot1_con{font-size: 18px;color: #fff;line-height: 45px;}

.bot1_mid{width: 472px;float: left}
.bot_link a{font-size: 18px;color: #fff;display:block;line-height: 45px;margin-right:85px;float: left}

.bot1_right{float: right;}
.bot1_right .code{float: left;width: 152px;text-align: center;margin-left: 52px}
.bot1_right .code .tit{font-size: 16px;color: #fff;margin-top: 15px}

.bot2{width: 100%;border-top:1px solid rgba(255,255,255,0.5);padding:25px 0;font-size: 16px;color: #fff}

.bot_link a:hover{font-weight: bold; }



.btn-hover{overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.btn-hover:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:0;width:0;height:110%;background:#659ff5;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.btn-hover:hover:after{width:100%}
.btn-hover a{position:relative;z-index:2;}
.btn-hover:hover a{color: #fff}


.main{width: 1600px;max-width: 90%;margin:0 auto;}