html, body {
	position: relative;
	height: 100%;
	font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial;font-style:normal;
}


 /*base*/
@font-face {
        font-family: 'BEBAS';
        src: url('../fonts/BEBAS.eot');
        src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
             url('../fonts/BEBAS.woff2') format('woff2'),
             url('../fonts/BEBAS.woff') format('woff'),
             url('../fonts/BEBAS.ttf') format('truetype'),
             url('../fonts/BEBAS.svg#BEBAS') format('svg');
    }
	
@font-face {
        font-family: 'CenturyGothic';
        src: url('../fonts/CenturyGothic.eot');
        src: url('../fonts/CenturyGothic.eot') format('embedded-opentype'),
             url('../fonts/CenturyGothic.woff2') format('woff2'),
             url('../fonts/CenturyGothic.woff') format('woff'),
             url('../fonts/CenturyGothic.ttf') format('truetype'),
             url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    }

/* CSS Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,textarea, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial;font-style:normal;font-size:14px;line-height:2em;}
body{font-size:14px;line-height:2em;position:relative;*overflow-x:hidden; color:#333;max-width:1920px;margin:0 auto;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img{ border:none;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#333;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 
a:hover{color:#000082;text-decoration:none;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 
p{ padding:1.2em 0;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#000082; color:#fff; } ::-moz-selection { background:#000082; color:#fff;  } ::-webkit-selection { background:#000082; color:#fff;  }
.wrap{ width:1200px; margin:0 auto; padding:0px; position:relative;}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

.top{}
.logo{ float:left; height:52px; padding:20px 0px;}
.logo img{ height:52px;}
.t_other{ position:absolute; right:0px; height:30px; line-height:30px; top:31px; width:30px;}
.t_other .lang{ float:left; width:30px;}
.t_other .lang a{ display:inline-block; width:30px; line-height:30px; height:30px;  color:#fff; text-align:center; border-radius:50%;background:#333;}
.t_other .lang a:hover{background:#000082; color:#fff;}

.menu{ float:right; margin-right:80px;}
.menu ul li{ float:left; position:relative;}
.menu ul li a{ display:block; height:92px; font-size:16px; padding:0px 30px; font-weight:bold; color:#555; line-height:92px; position:relative;}
.menu ul li a:before{ content:""; height:3px; position:absolute; top:0px; left:50%; width:0px; background:#000082;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.menu ul li a:hover{ color:#000082;}
.menu ul li a:hover:before{ left:0%; width:100%;}
.menu ul li.sel a{color:#000082;}
.menu ul li a:hover:before,.menu ul li.sel a:before{
	width:60%;
	left:20%;
}
.menu ul li ul{ position:absolute; left:0px; top:90px; z-index:100; background:rgba(255,255,255,0.85); display:none;}
.menu ul li ul li{ float:none; width:120px;}
.menu ul li.sel ul li a{color:#333; background:none;}
.menu ul li.sel ul li a:hover{color:#fff; background:#000082;}
.menu ul li ul li a{ line-height:22px; height:auto; padding:12px 10px; font-size:14px; display:block; text-align:center;}
.menu ul li ul li a:before{ display:none;}


.index{}

.foot{ background:#d9d9f6; padding:50px 0px; overflow:hidden;}
.f_logo{ float:left; width:120px;}

.f_infos{ float:left; margin-top:0px; margin-left:190px; width:400px;}
.f_infos p{ line-height:26px; text-indent:25px; padding:0px;}
.f_infos p#qq{ background:url(../images/qq.png) no-repeat left 5px;}
.f_infos p#tel{ background:url(../images/tel.png) no-repeat left 5px;}
.f_infos p#wechat{background:url(../images/wechat.png) no-repeat left 5px;}
.f_infos p#email{background:url(../images/email.png) no-repeat left 5px;}
.f_infos p#add{background:url(../images/add.png) no-repeat left 5px;}
.f_infos p#website{background:url(../images/website.png) no-repeat left 5px;}

.f_menu{ position:absolute; right:0px; top:0px;}
.f_menu ul{ margin-right:-10px;}
.f_menu ul li{ float:left; padding:0px 10px;}

.f_copyright{ position:absolute; top:30px; right:0px; color:#888;}


.copyright{ border-top:1px solid #283e57; height:50px; line-height:50px; color:#8a8d90; text-align:center;}

@media only screen and (max-width: 980px) {
		.wrap{width:100%;margin:0 auto;padding:0px;position:relative;}
}