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');
    }
	
	
@font-face {
        font-family: 'qtxmt';
        src: url('../fonts/qtxmt.woff2') format('woff2'),
             url('../fonts/qtxmt.woff') format('woff'),
             url('../fonts/qtxmt.ttf') format('truetype'),
             url('../fonts/qtxmt.svg#qtxmt') 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.6em;position:relative;*overflow-x:hidden; color:#333;}
table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}
td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}
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:#b8141d;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:#b8141d; color:#fff; } ::-moz-selection { background:#b8141d; color:#fff;  } ::-webkit-selection { background:#b8141d; color:#fff;  }
.wrap{ width:1120px; margin:0 auto; padding:0px; position:relative;}

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

.clearfix {
}
.top{}

.logo{ float:left; width:180px; height:90px; }
.logo img{padding-top:17px;}



/* 导航栏 */
.navbg { width: 100%; height: 100px; background: #42424e; }
.searchmenu { width: 26px; height: 39px; background: url(../img/icon-menu.jpg) no-repeat; float: right; margin-top: 21px; }
.icon-search { width: 19px; height: 39px; display: block; float: left; }
.icon-menu { width: 19px; height: 19px; display: block; float: right; }
.nav_home { display: inline-block; width: 76px; height:90px; line-height:90px; font-size:16px; text-align:center; float: left; margin-right: 0px; }
.nav { float: right; position: absolute; right:60px; top: 0; z-index: 10; }
.nav ul { float: left; }
.nav li { float: left; background: url(../img/nav-line.jpg) no-repeat right; }
.nav li#home{ position:relative; width:76px; height:90px; overflow:hidden; text-indent:100px;}
.nav li#home a span{ display:block; text-indent:0px; position:absolute;  left:0px; top:0px; width:76px; height:90px; text-align:center;}
.nav .current { background: none; }
.nav .prev { background: none; }
.nav .current a { color: #fff; }
.nav .last { background: none; }
.nav li a { display: block; line-height: 90px; padding: 0 13px; font-size: 15px; color: #333; transition: all .4s ease-in-out; }
.navline { position: absolute; display: block; width:76px; height:90px;  background:#db1e25;background-image: linear-gradient(#df2229,#bf0008); top: 0; left:281px; z-index: 5; }

/* 二级导航 */
.innav { position: absolute; top: 0; left: 0px; z-index: 999; width: 600px; }
.innav dd { line-height: 60px; display:inline-block;}
.innav dd a { display: block; color: #333; font-size: 14px; position:relative; padding-left:25px; padding-right:15px;}
.innav dd a:after{ position:absolute; content:""; left:10px; top:28px; height:4px; width:4px; border-radius:50%;  background:#666;}
.innav dd a:hover:after{ background:#b8141d;}
.innav dd a:hover, .innav .on a { background: rgba(184,20,29, 0.1); background: rgba(184,20,29,0.1) none repeat scroll !important;  background: #b8141d; filter: Alpha(opacity=10);  color:#b8141d; }

.navbg .suNav { display: none; overflow:hidden; }
.suNav .sNav > div { position: absolute; top: 0px; display: none; }
.suNav { height: 60px; }
.sN1{left: 357px;}
.sN1 .innav { width: 700px;}
.sN3 { left: 529px;}
.sN5 { left:auto; right:333px; }
.sN5 .innav { width: 786px; left:auto; right:0px; text-align:right; }

.pmenu{ display:none;}

.innavbg { width: 100%; height: 60px; background: rgba(255,255,255, 0.8); background: rgba(255,255,255,0.8) none repeat scroll !important;  background: #eee; filter: Alpha(opacity=80); display: block; position: absolute; top: 90px; left: 0; z-index: 999; }
.innavposit { width: 100%; height:90px; z-index: 999; }

.search{ position:absolute; right:0px; top:34px;}
.search span{ display:block; font-size:24px; width:24px; height:24px;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;}


.banner{ background:url(../images/banner.jpg) no-repeat center center; height:500px; overflow:hidden;}
.nbanner{ background-repeat:no-repeat; background-position:center; height:400px; position:relative;}
.ban_txt{ overflow:hidden;}
.ban_txt span,.ban_txt h1{ text-align:center; display:block; color:#fff; line-height:1.6em;}
.ban_txt span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:26px; padding-top:155px;}
.ban_txt h1{ font-size:50px; font-weight:bold;}

.ban_txt1{ overflow:hidden; text-align:left;}
.ban_txt1 span,.ban_txt1 h1{ display:block;color:#fff;line-height:1.6em;}
.ban_txt1 span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:26px; padding-top:135px;}
.ban_txt1 h1{ font-size:50px; font-weight:bold;}
.ban_txt1 p{ font-style:normal; color:#96b7c4; font-size:20px;}


.index{}

.foot{ background:#232323; color:#acacac; padding:20px 0px;}
.foot a{ color:#acacac;}
.foot a:hover{ color:#fff;}
.links{ padding:20px 0px; border-bottom:1px solid #444; text-align:justify; position:relative; padding-left:100px;}
.links span{ padding-right:10px; display:inline-block; font-weight:bold; position:absolute; left:0px; top:20px;}
.links a{ padding:0px 15px;display:inline-block; position:relative;}
.links a:after{ position:absolute; content:""; left:0px; width:1px; height:12px; top:5px; background:#666;}
.f_about{ width:430px; float:left;}
.f_infos{padding-top:30px; padding-bottom:10px;}
.f_others{ float:right; width:524px;}
.f_wechat{ float:left; width:84px; padding-top:5px;}
.f_wechat span{ display:block; text-align:center;}
.f_info{ float:right; width:400px;}


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

@media only screen and (max-width: 1120px){
	.hide-body{ height:0; overflow:hidden;}
	.wrap{ width:100%;}
	.show_menu{ z-index:3000; position:absolute; top:24px; left:20px; height:18px; width:26px;}
	.show_menu:before,.show_menu:after,.show_menu span{position:absolute; cursor:pointer;width:26px; height:2px; background:#666;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.show_menu:before{ content:"";left:0px; top:0px;}
	.show_menu:after{ content:"";left:0px; bottom:0px;}
	.show_menu span{left:0px; top:8px;display:inline-block;}
	.hide-body .show_menu:before{ top:8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.hide-body .show_menu:after{ bottom:8px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.hide-body .show_menu span{ display:none;}
	
	.innavposit {
		width: 100%;
		height: 65px;
		z-index: 999;
	}
	.logo{ float:none; height:65px; width:100%; text-align:center;}
	.logo img{ height:45px; padding-top:10px;}
	.search{ display:none;}
	
	.nav{ display:none;}
	.suNav{ display:none;}
	.navline{ display:none !important;}
	
	.hide-body .pmenu{ display:block;}
	.pmenu{ position:fixed;top: 0;height: 100%;overflow: hidden;overflow-y: scroll;overflow-x: hidden; left:0px; width:100%; background:#fff; z-index:2000; height:100%; display:none;}
	.pmenu_list{ padding-top:50px; width:60%; margin-left:20%;}
	.pmenu_list ul li{border-bottom:1px solid #ddd; position:relative;}
	.pmenu_list ul li i{ display:block;position:absolute; right:0px;top:18px; height:14px; width:14px; overflow:hidden;}
	.pmenu_list ul li i:before{ content:""; position:absolute; left:0px; top:6px; background:#999; width:14px; height:2px;}
	.pmenu_list ul li i:after{content:""; position:absolute; left:6px; top:0px; width:2px; height:14px; background:#999;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.pmenu_list ul li i.showsmenu:after{ content:"";-webkit-transform: rotate(90deg);transform: rotate(90deg);transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	
	.pmenu_list ul li a{ font-size:16px; margin-right:60px; display:block; padding:15px 0px; position:relative;}
	.pmenu_list ul li ul{ background:#eee; padding:15px 20px; margin-top:0px; display:none;}
	.pmenu_list ul li ul li{ border-bottom:0px; }
	.pmenu_list ul li ul li a{ font-size:14px;padding:5px 0px;}
	
	
	.nbanner{ background-position:center center; background-repeat:no-repeat; background-size:auto 100%; height:280px; position:relative;}
	.ban_txt{ overflow:hidden;}
	.ban_txt span,.ban_txt h1{ text-align:center; display:block; color:#fff; line-height:1.6em;}
	.ban_txt span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:16px; padding-top:110px;}
	.ban_txt h1{ font-size:30px; font-weight:bold;}
	
	.ban_txt1{ overflow:hidden; text-align:left;}
	.ban_txt1 span,.ban_txt1 h1{ display:block;color:#fff;line-height:1.6em; margin-left:20px;}
	.ban_txt1 span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:16px; padding-top:50px;}
	.ban_txt1 h1{ font-size:30px; font-weight:bold;}
	.ban_txt1 p{ font-style:normal; color:#96b7c4; font-size:16px; margin-left:20px;}


	
	.foot{ background:#232323; color:#acacac; padding:30px 20px;}
	.foot a{ color:#acacac;}
	.foot a:hover{ color:#fff;}
	.links{ padding:20px 0px; border-bottom:1px solid #444; text-align:justify; position:relative; padding-left:100px;}
	.links span{ padding-right:10px; display:inline-block; font-weight:bold; position:absolute; left:0px; top:20px;}
	.links a{ padding:0px 15px;display:inline-block; position:relative;}
	.links a:after{ position:absolute; content:""; left:0px; width:1px; height:12px; top:5px; background:#666;}
	.f_about{ width:430px; float:left;}
	.f_infos{padding-top:30px; padding-bottom:10px;}
	.f_others{ float:right; width:calc(100% - 500px);}
	.f_wechat{ float:left; width:84px; padding-top:5px;}
	.f_wechat span{ display:block; text-align:center;}
	.f_info{ float:right; width:400px;}
	
	
	.slick-prev {
		left: -50px;
		display:none;
	}
	.slick-next {
		right: -50px;
		display:none;
	}
}

@media only screen and (max-width: 1024px){
	.hide-body{ height:0; overflow:hidden;}
	.wrap{ width:100%;}
	.show_menu{ z-index:3000; position:absolute; top:24px; left:20px; height:18px; width:26px;}
	.show_menu:before,.show_menu:after,.show_menu span{position:absolute; cursor:pointer;width:26px; height:2px; background:#666;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.show_menu:before{ content:"";left:0px; top:0px;}
	.show_menu:after{ content:"";left:0px; bottom:0px;}
	.show_menu span{left:0px; top:8px;display:inline-block;}
	.hide-body .show_menu:before{ top:8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.hide-body .show_menu:after{ bottom:8px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.hide-body .show_menu span{ display:none;}
	
	.innavposit {
		width: 100%;
		height: 65px;
		z-index: 999;
	}
	.logo{ float:none; height:65px; width:100%; text-align:center;}
	.logo img{ height:45px; padding-top:10px;}
	.search{ display:none;}
	
	.nav{ display:none;}
	.suNav{ display:none;}
	.navline{ display:none !important;}
	
	.hide-body .pmenu{ display:block;}
	.pmenu{ position:fixed;top: 0;height: 100%;overflow: hidden;overflow-y: scroll;overflow-x: hidden; left:0px; width:100%; background:#fff; z-index:2000; height:100%; display:none;}
	.pmenu_list{ padding-top:50px; width:60%; margin-left:20%;}
	.pmenu_list ul li{border-bottom:1px solid #ddd; position:relative;}
	.pmenu_list ul li i{ display:block;position:absolute; right:0px;top:18px; height:14px; width:14px; overflow:hidden;}
	.pmenu_list ul li i:before{ content:""; position:absolute; left:0px; top:6px; background:#999; width:14px; height:2px;}
	.pmenu_list ul li i:after{content:""; position:absolute; left:6px; top:0px; width:2px; height:14px; background:#999;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.pmenu_list ul li i.showsmenu:after{ content:"";-webkit-transform: rotate(90deg);transform: rotate(90deg);transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	
	.pmenu_list ul li a{ font-size:16px; margin-right:60px; display:block; padding:15px 0px; position:relative;}
	.pmenu_list ul li ul{ background:#eee; padding:15px 20px; margin-top:0px; display:none;}
	.pmenu_list ul li ul li{ border-bottom:0px; }
	.pmenu_list ul li ul li a{ font-size:14px;padding:5px 0px;}
	
	
	.nbanner{ background-position:center center; background-repeat:no-repeat; background-size:auto 100%; height:200px; position:relative;}
	.ban_txt{ overflow:hidden;}
	.ban_txt span,.ban_txt h1{ text-align:center; display:block; color:#fff; line-height:1.6em;}
	.ban_txt span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:16px; padding-top:60px;}
	.ban_txt h1{ font-size:30px; font-weight:bold;}
	
	.ban_txt1{ overflow:hidden; text-align:left;}
	.ban_txt1 span,.ban_txt1 h1{ display:block;color:#fff;line-height:1.6em; margin-left:20px;}
	.ban_txt1 span{ font-family:'CenturyGothic',Arial, Helvetica, sans-serif; font-size:16px; padding-top:50px;}
	.ban_txt1 h1{ font-size:30px; font-weight:bold;}
	.ban_txt1 p{ font-style:normal; color:#96b7c4; font-size:16px; margin-left:20px;}


	
	.foot{ background:#232323; color:#acacac; padding:30px 20px;}
	.foot a{ color:#acacac;}
	.foot a:hover{ color:#fff;}
	.links{ padding:0px 0px 20px 0px; border-bottom:1px solid #444; text-align:justify; position:relative; padding-left:0px;}
	.links span{ padding-right:0px; display:block; font-weight:bold; position:relative; left:0px; top:0px; padding-bottom:10px; font-size:16px;}
	.links a{ padding:0px 20px 0px 0px;display:inline-block; position:relative;}
	.links a:after{ position:absolute; content:""; left:auto; right:10px; width:1px; height:12px; top:5px; background:#666;}
	.f_about{ width:100%; float:none; display:none;}
	.f_infos{padding-top:20px; padding-bottom:0px;}
	.f_others{ float:none; width:100%; position:relative;}
	.f_wechat{ float:none; padding-top:5px; position:absolute; left:0px; top:0px; width:95px;}
	.f_wechat span{ display:block; text-align:center;}
	.f_info{ float:none; width:auto; padding-left:100px;}
	
	
	.slick-prev {
		left: -50px;
		display:none !important;
	}
	.slick-next {
		right: -50px;
		display:none !important;
	}
}


