html, body {
	position: relative;
	height: 100%;
	background:#fff;
	font-family:Arial,"寰蒋闆呴粦",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:1200px; margin:0 auto; padding:0px; position:relative;}

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

.clearfix {
}

.top{ position:relative; z-index:100;}
.main,.banner{ position:relative; z-index:80;}
.logo{ float:left; height:52px; padding:19px 0px;}
.logo img{  }
.t_other{ position:absolute; right:0px; height:24px; line-height:24px; top:33px; width:105px;}
.t_other .lang{ float:left; width:70px;}
.t_other .lang a{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:16px; font-weight:bold; height:24px; line-height:24px; width:70px;  color:#036ec4; text-align:center; border-radius:3px;}
.t_other .lang a:hover{background:#036ec4; color:#fff;}
.t_other .search{ float:right; width:24px; height:24px; position:relative;}
.t_other .search span{ display:block; width:24px; height:24px; background:url(../images/ico_search.png) no-repeat center center; cursor:pointer;}
.search .search_infos{ position:absolute; right:0px; top:24px; width:300px; padding:15px; background:#fff; border-radius:5px; z-index:100; display:none;}
.search .search_infos .search_txt{ float:left; width:210px; border:1px solid #eee; height:30px;}
.search .search_infos .search_txt input{ text-indent:10px; color:#666; height:28px; width:210px;}
.search .search_infos .search_btn{ float:right; width:80px; text-align:center; height:30px; line-height:30px;}
.search .search_infos .search_btn input{ background:#ddd; color:#333; border:none;width:80px;height:30px; cursor:pointer;}

.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 16px; height:90px;font-size:18px; color:#333; line-height:90px; position:relative;}
.menu ul li a:hover{ color:#fff; background:#036ec4;}
.menu ul li.sel a{color:#fff; background:#036ec4;}
.menu ul li a:hover: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:104px;}
.menu ul li.sel ul li a{color:#333; background:none;}
.menu ul li.sel ul li.sel a{color:#fff; background:#0077d7;}
.menu ul li.sel ul li.sel ul li a{color:#333; background:none;}
.menu ul li.sel ul li a:hover{color:#fff; background:#0077d7;}
.menu ul li.sel ul li.sel ul li a:hover{color:#fff; background:#007fe6;}
.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 ul{ left:104px; top:0px; border-left:1px solid #eee;}


.menu ul li.sel ul li.sel ul li.sel a{color:#fff; background:#007fe6;}
.menu ul li.sel ul li.sel ul li.sel ul li a{color:#333; background:none;}
.menu ul li.sel ul li.sel ul li.sel ul li a:hover{color:#fff; background:#0088f6;}
.menu ul li ul li ul li ul li{ width:280px;}
.menu ul li ul li ul li ul li a{ }


.index{ margin-bottom:30px;}

.foot{ background:#f3f3f3; padding:30px 0px;}
.f_logo{ float:left; width:150px; padding-top:20px;}
.f_logo a{ color:#999;}
.f_wechat{ float:right; width:140px;}
.f_wechat p{ float:left; width:140px; }
.f_wechat p span{ display:block; text-align:center; font-size:12px; color:#666;}
.f_wechat img{ width:140px;}
.f_infos{ float:left; margin-left:60px; width:470px;}
.f_infos p{ line-height:26px; text-indent:25px;}
.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;}


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


.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;}