html, body {
	position: relative;
	height: 100%;
	background:#fff;
	font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;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:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-style:normal;}
body{font-size:14px; line-height:1.6em;position:relative;*overflow-x:hidden; color:#000; 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;display:block; margin:0px; padding:0px;}
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:#000;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:#0d438d;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:visited {color:#000;}
a:active {color:#000;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#0d438d; color:#fff; } ::-moz-selection { background:#0d438d; color:#fff;  } ::-webkit-selection { background:#0d438d; color:#fff;  }
.wrap{ margin:0 auto; padding:0px; position:relative; width:1200px; max-width:1920px;}
.w1400{ margin:0 auto; padding:0px; position:relative; width:1400px; max-width:1920px;}
.clearfix:after{content: " ";
  display: block;
  clear: both;
  height: 0;}
 pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    } 

.head{ z-index:100; height:90px; transition: all .8s ease;
    -moz-transition: all .8s ease; /* Firefox 4 */
    -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */
    -o-transition:all .8s ease; /* Opera */}

.logo{ position:absolute; left:0px; top:30px;z-index:2;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.logo img{ width:auto; height:30px;transition: all .8s ease;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.search{ position:absolute; right:0px; height:24px; line-height:24px; top:33px;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.search ul li:nth-child(1){ background:url(../images/tel.png) no-repeat left 3px; background-size:auto 22px; padding-left:30px; color:#666; padding-right:16px; position:relative;}
.search ul li:nth-child(1):after{ content:""; position:absolute; right:0px; top:8px; height:12px; background:#333; width:1px;}
.search ul li:nth-child(1) i{ font-family:'BEBAS'; font-size:18px; color:#e7200f; font-style:normal;}
.search ul li{ float:left; padding-left:15px;}
.search ul li a{ width:24px; height:24px;display:block; font-size:16px; }
.search ul li a:hover{ color:#e7200f;}

.search_tab{ width:24px; height:24px; position:relative;}
.search_tab span{ display:block; width:24px; height:24px; background:url(../images/search.png) no-repeat center center; cursor:pointer;}
.search_tab .search_infos{ position:absolute; right:0px; top:32px; width:300px; padding:15px; background:#fff; border-radius:5px; z-index:100; display:none;}
.search_tab .search_infos .search_txt{ float:left; width:210px; border:1px solid #eee; height:30px;}
.search_tab .search_infos .search_txt input{ text-indent:10px; color:#666; height:28px; width:210px;}
.search_tab .search_infos .search_btn{ float:right; width:80px; text-align:center; height:30px; line-height:30px;}
.search_tab .search_infos .search_btn input{ background:#ddd; color:#333; border:none;width:80px;height:30px; cursor:pointer;}


.menu{ padding-left:330px;}
.menu ul li{ display:inline-block;margin:0px 20px; position:relative;}
.menu ul li a{ display:block; position:relative; line-height:90px; color:#333; font-size:16px;}
.menu ul li.hover a{color:#0d438d;}
.menu ul li.action a{ color:#0d438d;}
.menu ul li a:hover{ color:#0d438d;}
.menu ul li a:after{ position:absolute; bottom:16px; left:0px; content:""; height:3px; width:0px; left:50%; background:#0d438d;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:after{ width:40%; left:30%;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 ul{ position:absolute; z-index:10; left:-20px; top:85px; background-color:rgba(255,255,255,0.9); width:160px;transition: all 0.5s ease-out .1s;
	-webkit-transition: all 0.5s ease-out 0.1s;
	-moz-transition: all 0.5s ease-out 0.1s;
	-ms-transition: all 0.5s ease-out 0.1s;
	opacity: 0;
	-webkit-transform: translate(0px,30px);
	-moz-transform: translate(0px,30px);
	-ms-transform: translate(0px,30px);
	transform: translate(0px,30px);
	height:0px;
	overflow:hidden;
	border:1px solid #eee;
}
.menu ul li.hover ul{ opacity: 1; height:auto;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);}
.menu ul li ul li{ margin:0px; display:block; text-align:left; padding:0px 10px;}
.menu ul li ul li a{ line-height:24px; padding:10px 0px; font-size:14px; border-bottom:1px solid #ddd;}
.menu ul li.hover ul li a{color:#666;}
.menu ul li.hover ul li a:hover{color:#e7200f;}
.menu ul li ul li a:after{ display:none;}
.menu ul li ul li:last-child a{ border-bottom:0px;}


.banner{ margin:0 auto;width:100%; max-width:1920px; position:relative;}
.banner img{ width:100%;}
.banner-container{ overflow:hidden; width:100%;}

.foot{ padding:40px 0px; min-height:100px; background:#373c40; overflow:hidden;}
.f_menu{ padding-top:20px;}
.f_menu ul li{ float:left; padding-right:80px;}
.f_menu ul li a{ color:#d1d0d5;font-size:18px;}
.f_menu ul li a:hover{ color:#e7200f;}
.f_menu ul li ul{ padding-top:15px;}
.f_menu ul li ul li{ float:none;padding:3px 0px;}
.f_menu ul li ul li a{font-size:14px; }
.f_logo{ display:block;position:relative; height:110px; background:url(../images/logo.jpg) no-repeat left 22px;color:#fff; font-size:20px; font-weight:bold;}
.copyright{color:#999;  text-align:center; padding-top:20px; line-height:30px; border-top:1px solid #575b5e; margin-top:50px;}
.copyright a{ color:#999;}
.copyright a:hover{color:#e7200f;}
.f_infos{ position:absolute; right:0px; top:20px; width:300px; color:#d1d0d5;}
.f_infos h4{ font-size:18px; padding-bottom:18px;}


.search_key b{ font-size:18px; color:#e7200f;}
.searchlist{ padding-top:30px;}
.searchlist ul li{ }
.searchlist ul li a{ display:block; padding-left:20px;border-bottom:1px solid #ddd; line-height:40px; position:relative;}
.searchlist ul li a:after{font-family: "iconfont" !important;  font-size: 14px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\e64a"; position:absolute; left:0px; top:0px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.searchlist ul li a:hover{ color:#0d438d;}


.paging{ margin:0 auto; width:1120px; padding-bottom:40px;}
.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;}



.GoTop-box{ cursor:pointer;}