html, body {
	position: relative;
	height: 100%;
	background:#fff;
	font-family:"CenturyGothic", "微软雅黑",Microsoft YaHei !important;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, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;}
body{font-size:14px; line-height:1.8em;position:relative;*overflow-x:hidden; color:#333;}
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:#036ec4;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;} 

a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#036ec4; color:#fff; } ::-moz-selection { background:#036ec4; color:#fff;  } ::-webkit-selection { background:#036ec4; color:#fff;  }
.wrap{ width:1140px; margin:0 auto; padding:0px; position:relative;}

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

.clearfix {
}

.top{ position:fixed; width:100%; top:0px; left:0px; z-index:100;}
.fix{ background:rgba(255,255,255,0.8); box-shadow:#999 0px 0px 20px;}
.main,.banner{ position:relative; z-index:80;}
.logo{ float:left;padding-top:5px;}
.logo img{}

.head_lang{ position:absolute; right:0px; top:31px;}
.head_lang a{ display:inline-block; width:60px; border-radius:15px; height:30px; line-height:30px; }
.head_lang a.cn{ background:#fff url(../images/ico_en.png) no-repeat 10px 3px; padding-left:42px; background-size:26px 26px;}




.p_menu{ display:none;}
.menu{ float:right; margin-right:120px;}
.menu ul li{ float:left; position:relative;}
.menu ul li a{ display:block; padding:0px 20px; height:90px;font-size:14px; font-weight:bold; color:#fff; line-height:90px; position:relative;}
.menu ul li a:hover{ color:#ffb51f;}
.menu ul li.sel a{color:#ffb51f;}
.menu ul li a:hover:before{
	width:60%;
	left:20%;
}
.menu ul li ul{ position:absolute; left:-20px; top:70px; z-index:100; background:rgba(255,255,255,0.85); display:none;}
.menu ul li ul li{ float:none; width:112px;}
.menu ul li.sel ul li{margin-left:0px;}
.menu ul li.sel ul li a{color:#333; background:none;}
.menu ul li.sel ul li.sel a{color:#fff; background:#ffb51f;}
.menu ul li.sel ul li a:hover{color:#fff; background:#ffb51f;}
.menu ul li ul li a{ line-height:22px; height:auto; padding:12px 10px; display:block; text-align:center;}

.fix .menu ul li a{ color:#333;}
.fix .menu ul li a:hover{ color:#ffb51f;}



.foot{ background:#1f222c; padding:60px 0px; color:#fff;}
.f_contact{}
.f_c_tit{ font-weight:bold; font-size:18px; padding-bottom:20px;}
.f_c_info,.f_c_info a{ color:#999; }

.f_c_infos{ display:flex;flex-wrap:wrap; gap:20px;}

.f_c_info{width:calc(33% - 20px);}
.f_c_info p{ padding-left:30px;}
.f_c_info h4{ padding-top:15px; font-weight:bold;}
.f_c_info p:nth-child(1){ background:url(../images/ico_add.png) no-repeat left 5px; background-size:18px 18px;}
.f_c_info p:nth-child(4){ background:url(../images/ico_tel.png) no-repeat left 5px;background-size:18px 18px;}
.f_c_info p:nth-child(2){ background:url(../images/ico_email.png) no-repeat left 5px;background-size:18px 18px;}
.f_c_info p:nth-child(3){ background:url(../images/ico_web.png) no-repeat left 5px;background-size:18px 18px;}

.f_msg{ margin-top:40px;}
.msg_txt{ padding-top:40px;}
.msg_txt input{ height:40px; margin:0px; padding:0px 10px; border:none; line-height:40px; margin-left:10px; color:#333; opacity:0.8;}
.msg_txt input:nth-child(1){ width:180px;}
.msg_txt input:nth-child(2){ width:220px;}
.msg_txt input:nth-child(3){ width:687px;}
.msg_text{ padding:20px 0px 0px 10px}
.msg_text textarea{ width:calc(100% - 20px); padding:10px;color:#333; opacity:0.8;}
.msg_btn{ margin-top:20px; text-align:center;}
.msg_btn input{ width:200px; height:42px; border:none; letter-spacing:10px; background:#f1a60f; cursor:pointer; color:#fff;}
.copyright{ text-align:center; line-height:50px; border-top:1px solid #343947; background:#1f222c; color:#999;}


.paging .pagination{ margin-top:20px;}
.paging ul li{ float:left; margin-right:5px;}
.paging ul li.disabled{background:#eee; color:#999; padding:5px 15px; border:1px solid #eee;}
.paging ul li.active{ background:#036ec4; color:#fff; padding:5px 15px; border:1px solid #036ec4;}
.paging ul li a{ padding:5px 15px; display:block; border:1px solid #ddd;}




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