@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	line-height: 2rem;
	list-style:none;
	font-weight: normal;
	color:#333;
	font-family:Arial;
	box-sizing: border-box;
	}
html{
	font-size:62.5%;
	font-size:10px;
	}
/*字体/行高/及文字box rem控制*/
article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {
    margin:0;
    padding:0;
    display:block;	
}
@font-face {
  font-family: 'iconfont';
  src: url(../font/iconfont.eot);
  src: url(../font/iconfont.eot?#iefix) format('embedded-opentype'),
  url(../font/iconfont.woff) format('woff'),
  url(../font/iconfont.ttf) format('truetype'),
  url(../font/iconfont.svg#iconfont) format('svg');
}
.iconfont{
	 font-family: 'iconfont';
}
.clear{
	clear:both;
	}
a{
	text-decoration:none;
	}
img{
	max-width: 100%;
	padding: 0;
	margin:0;
	vertical-align: middle;
}
/*index*/
html, body{
	width:100%;
	overflow-X:hidden;
	position:relative;
	background: #fff;
	}

.w_view{
	padding: 0 3%;
}

header{
	width: 100%;
	position: fixed;
	z-index: 99;
}
.nav_top{
	width:100%;
	height: 54px;
	background: #FFF;
	padding: 8px 3%;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	position: relative;
	z-index: 9;
}
.logo{
	height: 100%;
	float: left;
}
.logo img{
	display: block;
	height: 100%;
}
.nav_btn{
	float: right;
	width:30px;
	height:100%;
	cursor: pointer;
	position:relative;
	}
.nav_btn span{
	display:block;
	width:100%;
	height:1px;
	background:#333;
	float:left;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	}
.nav_btn span:nth-of-type(2){
	margin-top: -1px;
	}
.nav_btn span:nth-of-type(1){
	margin-top:-10px;
	}
.nav_btn span:nth-of-type(3){
	margin-top:9px;
	}
.nav_btn.active span:nth-of-type(1){
	margin-top: -1px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.nav_btn.active span:nth-of-type(2){
	opacity:0;
	}
.nav_btn.active span:nth-of-type(3){
	margin-top: -1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
nav{
	position: fixed;
	min-height: 100%;
	padding-top: 54px;
	width: 50%;
	background: #FFF;
	left: -50%;
	top: 0;
	z-index: 2;
	overflow: auto;
}
.language{
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.language span{
	text-align: center;
	width: 43%;
	line-height: 50px;
	float: left;
	font-size: 12px;
	position: relative;
}
.language a:first-of-type:after span{
	content: "";
	display: block;
	height: 14px;
	width: 1px;
	background: #888;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 0;
}

.language a:last-of-type span{
	width: 14%;
}
.language span:last-of-type img{
	display: block;
	height: 14px;
	margin:auto;
	margin-top: 18px;
}
.language span.active{
	color: #e70011;
}

.search{
	padding: 15px 8%;
	position: relative;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.search input{
	display: block;
	float: left;
	padding: 0;
	margin:0;
	outline: none;
	background: none;
}
.search input[type="text"]{
	width: 100%;
	line-height: 20px;
	border-bottom: solid 1px #999;
	margin-right: 14%;
	font-size: 12px;
}
.search input[type="submit"]{
	background: #000;
	position: absolute;
	top: 15px;
	right: 8%;
	height: 21px;
	width: 21px;
	background: #fff url(../image/t_se_ico.png) no-repeat center center;
	background-size: 14px 14px;
}


nav ul li h1{
	margin:0 8%;
	font-size: 14px;
	line-height: 50px;
	border-bottom: solid 1px rgba(0,0,0,0.06);
}
nav ul li h1.active{
	color: #e70011;
}


.banner{
	width: 100%;
	height: 400px;
	position: relative;
}
.banner ul{
	width: 100%;
	height: 100%;
	position: relative;
}
.banner ul li{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.banner_btn{
	position: absolute;
	left: 50%;
	bottom: 10px;
}
.banner_btn span{
	display: block;
	width: 10px;
	height: 10px;
	margin:0 5px;
	background: #fff;
	border-radius: 50%;
	float: left;
}
.banner_btn span.btn_active{
	background: #e70011;
}

.index_prolist{
	padding-top:40px;
	padding-bottom: 40px; 
}
.index_title h2{
	text-align: center;
	font-size: 20px;
	font-family: Arial;
	color: #c5c5c5;
}
.index_title h1{
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	margin-top: 6px;
	position: relative;
}
.index_title h1:after{
	content: "";
	display: block;
	width: 30px;
	height: 3px;
	background: #e70011;
	margin:auto;
	margin-top: 8px;
}
.index_prolist ul{
	margin-top: 16px;
}
.index_prolist ul li{
	width: 48.5%;
	float: left;
	margin-left: 3%;
}
.index_prolist ul li:first-of-type{
	margin-left: 0;
}
.index_prolist ul li:nth-of-type(3){
	display: none;
}
.index_prolist ul li img{
	display: block;
	background: rgba(204,204,204,0.2);
	padding: 20px;
	border:solid 1px rgba(204,204,204,0.2);
}
.index_prolist ul li p{
	font-size: 12px;
	margin-top: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_prolist ul li p:after{
	content: "";
	display: block;
	margin-top: 4px;
	width: 100%;
	height: 2px;
	background: #ccc;
}
.index_show{
	background: url(../image/img_bg07.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}
.index_show ul{
	width: 100%;
	float: left;
	margin-top: -11%;
}
.index_show ul:nth-of-type(1){
	margin-top: 0;
}
.index_show ul li{
	width: 25%;
	float: left;
	margin-left: 12.5%;
	padding: 0.5%;
	position: relative;
}
.index_show ul:nth-of-type(2n+1) li:nth-of-type(1){
	margin-left: 18.75%;
}
.index_show ul:nth-of-type(2n) li:nth-of-type(1){
	margin-left: 0;
}
.index_show ul li h5{
	width: 100%;
	color: #FFF;
	position: absolute;
	top: 50%;
	text-align: center;
	font-size: 9px;
	margin-top: -10px;
	background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
}
.index_show ul li h6{
	width: 100%;
	color: #FFF;
	position: absolute;
	top: 50%;
	text-align: center;
	font-size: 9px;
	margin-top: -10px;
	background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
	background: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.9),rgba(0,0,0,0));
}

.index_about_box{
	padding-top: 40px;
	padding-bottom: 40px;
}
.index_about{
	width: 100%;
	height: 200px;
	background: url(../image/index_company.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.index_about_con{
	width: 80%;
	background: rgba(231,0,17,0.8);
	position: absolute;
	top: 40px;
	left: 10%;
	padding:20px;
}
.index_about_con h1{
	color: #fff;
	font-size: 16px;
	margin-bottom: 14px;
	text-align: center;
	border-bottom: solid 1px rgba(255,255,255,0.7);
	padding-bottom: 10px;
}
.index_about_con span{
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
}
.index_aboutCon{
	height: 120px;
	overflow: hidden;
}
.index_aboutCon p{
	color: #fff;
}
.index_about_con span.more{
	display: block;
	border:solid 1px #ddd;
	width: 50%;
	margin:auto;
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 0;
}

.index_new{
	padding-bottom: 40px;
}
.index_new h1{
	font-size: 16px;
	color: #e70011;
}
.index_new span{
	font-size: 14px;
}
.index_new span.more{
	float: right;
	cursor: pointer;
	color: #e70011;
}
.index_new ul{
	margin-top: 16px;
	padding-bottom: 53%;
	overflow: hidden;
	position: relative;
}
.index_new ul li{
	background:#fafafa;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.index_new ul li .img{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.index_new ul li .img img{
	max-width: none;
	width: auto;
	height: 100%;
}
.index_new ul li .txt{
	width: 50%;
	float: left;
	padding: 6% 3%;
}
.index_new ul li .txt h3{
	font-size: 12px;
	margin-bottom: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_new ul li .txt p{
	color: #888;
	height: 80px;
	overflow: hidden;
}
.index_new ul li .txt h4{
	position: absolute;
	left: 53%;
	bottom: 6%;
}
.index_new_btn span{
	display: block;
	width: 50%;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	float: left;
	background: #969696;
	color: #FFF;
}
.index_new_btn span:nth-of-type(1){
	border-right: solid 1px rgba(255,255,255,0.3);
}
.index_new_btn span.active{
	background: #e70011;
}

footer{
	background: #333;
}
.footer_contact{
	padding-top: 30px;
	padding-bottom: 14px;
}
.footer_contact h1{
	color: #FFF;
	font-size: 14px;
}
.footer_contact h2{
	color: rgba(255,255,255,0.7);
	font-size: 13px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: solid 1px rgba(255,255,255,0.1);
}
.footer_contact p{
	color: rgba(255,255,255,0.7);
	font-size: 11px;
}

.copy_right{
	background: #000;
	padding-top: 4px;
	padding-bottom: 4px;
}
.copy_right p{
	font-size: 6px;
	color: #fff;
	line-height: 26px;
}
.copy_right p span{
	float: right;
	color: #fff;
	line-height: 26px;
}

main{
	padding-top: 54px;
}
.other_nav{
	background: #b2b2b2;
	height: 34px;
}
.other_nav dl dd{
	float: left;
	padding:0 10px;
}
.other_nav dl dd h2{
	font-size: 12px;
	color: #FFF;
	line-height: 34px;
}
.other_nav dl dd.active{
	background: #000;
	height: 42px;
}
.other_nav dl dd.active:after{
	content: "";
	display: block;
	width: 40%;
	height: 1px;
	background: #fff;
	margin:auto;
}

.other_tl{
	text-align: center;
}
.other_tl h1{
	font-size: 18px;
}
.other_tl h6{
	font-size: 10px;
	color: #999;
	line-height: 10px;
	margin-top: 6px;
}
.other_tl p{
	width: 96%;
	margin:auto;
	margin-top: 20px;
	font-size: 11px;
	color: #666;
}

.about_box{
	padding-top: 40px;
}
.about_box .txt{
	width: 94%;
	margin:auto;
	margin-top: 20px;
}
.about_box .txt p{
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-top: 10px;
}
.about_box .txt p:first-of-type{
	margin-top: 0;
}
.about_img{
	width: 100%;
	height: 140px;
	background: url(../image/bc1.jpg) no-repeat center center;
	background-size: cover;
	margin-top: 30px;
}
.about_cultrue{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f1f1f1;
}
.about_cultrue ul li{
	width: 48.5%;
	float: left;
	margin-left: 3%;
	position: relative;
	margin-top: 3%;
}
.about_cultrue ul li:nth-of-type(2n+1){
	margin-left: 0;
}
.about_cultrue ul li:nth-of-type(1),.about_cultrue ul li:nth-of-type(2){
	margin-top: 0;
}
.culture_txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(231,0,17,0.6);
	color: #FFF;
	text-align: center;
	padding: 6px 0;
}
.culture_txt h2{
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
}
.culture_txt h6{
	color: #ddd;
	font-size: 10px;
}
.culture_txt p{
	color: #fff;
	font-size: 12px;
}
.culture_txt p:before{
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #fff;
	margin:auto;
	margin-top: 6px;
	margin-bottom: 6px;
}

.pro_list_box{
	padding-top: 30px;
	padding-bottom: 40px;
}
.pro_list_box dl{
	margin-top: 30px;
}
.pro_list_box dl:nth-of-type(1){
	margin-top: 0;
}
.pro_list_box dl h1{
	font-size: 14px;
	color: #333;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	padding-bottom: 2px;
}
.pro_list_box dl dd{
	width: 48.5%;
	float: left;
	margin-top: 3%;
	margin-left: 3%;
}
.pro_list_box dl dd:nth-of-type(2n+1){
	margin-left: 0;
}
.pro_list_box dl dd img{
	display: block;
	background: rgba(204,204,204,0.2);
	padding: 10px 20px;
}
.pro_list_box dl dd p{
	text-align: center;
	font-size: 11px;
	margin-top: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro_list_box dl .pro_more{
	width: 60%;
	background: #e70011;
	color: #fff;
	text-align: center;
	margin:auto;
	margin-top: 2px;
	padding-right: 6%;
	position: relative;
}
.pro_list_box dl .pro_more span{
	color: #fff;
	line-height: 24px;
	letter-spacing: 1px;
}
.pro_list_box dl .pro_more:after{
	content:"";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../image/more3_1.png) no-repeat center center;
	background-size: 10px 10px;
	position: absolute;
	top: 2px;
	right: 10%;
}

.pro_box{
	padding-top: 20px;
	padding-bottom: 16px;
}
.pro_top{
	margin-bottom: 10px;
}
.pro_top h1{
	font-size: 14px;
	float: left;
	letter-spacing: 1px;
	color: #000;
	line-height: 24px;
}
.pro_top .back_list{
	float: right;
	border:solid 1px #999;
	padding: 0 8px;
	line-height: 26px;
	height: 24px;
	color: #999;
}

.pro_img{
	border:solid 1px rgba(204,204,204,0.7);
	margin:0 3%;
	padding: 20px 5%;
}
.pro_name{
	font-size: 14px;
	text-align: center;
	color: #e70011;
	margin-top: 6px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.pro_subnav.activefixed{
	width: 100%;
	position: fixed;
	top: 54px;
	left: 0;
}
.pro_intro_list{
	padding-top: 20px;
}
.pro_intro{
	padding: 14px 0;
	margin:0 3%;
	border-top: solid 1px rgba(0,0,0,0.1);
}
.pro_intro:nth-of-type(1){
	border:none;
}
.pro_intro .title{
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
.pro_intro .title:before{
	content: "";
	display: block;
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-left: solid 6px #e70011;
	float: left;
	margin-right: 6px;
	margin-top: 4px;
}
.pro_intro .info{
	width: 100%;
}
.pro_intro .info p{
	font-size: 11px;
	text-indent: 20px;
	color: #555;
}
.pro_intro .info h2{
	color: #ed1c24;
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 4px;
}
.pro_intro .info h3{
	font-size: 11px;
	color: #555;
}

.info_imglist p{
	width: 48.5%;
	float: left;
	margin-left: 3%;
}
.info_imglist p:nth-of-type(2n+1){
	margin-left: 0;
}
.info_imglist p img{
	display: block;
	width: 100%;
}

.pro_intro .info table{
	display: block;
	width: 100%;
	border-collapse: collapse;
}
.pro_intro .info table tr td{
	text-align: center;
	background: #efeeec;
	border:solid 1px #fff;
	word-break: break-all;
}

.pro_intro .info input{
	display: block;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	width: 100%;
	font-size: 12px;
	margin-top: 8px;
	line-height: 24px;
}
.pro_intro .info textarea{
	width: 100%;
	height: 60px;
	font-size: 12px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	margin-top: 8px;
	resize: none;
}
.pro_intro .info input[type="submit"]{
	border:none;
	color: #fff;
	background: #e70112;
	line-height: 30px;
}


.news_list_box{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f9f9f9;
}
.years{
	margin-top: 20px;
}
.years dl{
	border-top: solid 1px rgba(0,0,0,0.1);
	padding-top: 16px;
}
.years dl dd{
	float: left;
	background:#999;
	margin-right: 20px;
	padding: 2px 10px;
}
.years dl dd h2{
	color: #fff;
	font-size: 12px;
}
.years dl dd.active{
	background: #e70011;
}
.news_list_box ul{
	margin-top: 14px;
}
.news_list_box ul li{
	position: relative;
	margin-top: 20px;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.news_list_box ul li:nth-of-type(1){
	margin-top:0;
}
.news_list_box ul li .time{
	position: absolute;
	background: #e70011;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 4px 6px;
}
.news_list_box ul li .time h2{
	color: #fff;
	font-size: 12px;
}
.news_list_box ul li .time h2:after{
	content: "";
	display: block;
	width: 8px;
	height: 1px;
	background: #fff;
	margin:auto;
}
.news_list_box ul li .time h3{
	color: #fff;
	font-size: 10px;
}
.news_list_box ul li .txt{
	background: #fff;
	padding: 15px;
}
.news_list_box ul li .txt h1{
	font-size: 14px;
	color: #000;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.news_list_box ul li .txt p{
	line-height: 16px;
	color: #666;
}

.news_con_box{
	padding-top: 30px;
	padding-bottom: 30px;
}
.news_tl{
	text-align: center;
}
.news_tl h1{
	font-size: 16px;
	letter-spacing: 1px;
}
.news_tl .time h2{
	display: inline-block;
	font-size: 12px;
	color: #888;
}
.news_tl .time{
	margin-top:6px;
}
.news_tl .time h3{
	display: inline-block;
	font-size: 12px;
	color: #666;
	padding-left: 4px;
}
.news_con{
	margin-top: 14px;
}
.news_con p{
	margin:3px;
}
.news_btn{
	margin-top: 30px;
	position: relative;
}
.news_btn span{
	display: block;
	width: 30%;
}
.news_btn span.prev{
	float: left;
}
.news_btn span.next{
	float: right;
	text-align: right;
}
.news_btn span.back{
	position: absolute;
	text-align: center;
	left: 50%;
	top: 0;
	margin-left: -15%;
}


.sale_box{
	padding-top: 40px;
	padding-bottom: 40px;
}
.sale_con{
	margin-top: 30px;
}

.down_box{
	padding-top: 40px;
	padding-bottom: 70px;
}
.book_box{
	margin-top: 20px;
	position: relative;
}
.book_btn{
	width: 30px;
	height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius:50%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.book_prev{
	left: 5%;
}
.book_next{
	right: 5%;
}
.book_down_btn{
	width: 36px;
	height: 36px;
	background: #e70011;
	color: #fff;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	bottom:-50px;
	left:50%;
	margin-left: -12px;
	font-size: 14px;
}
.book{
	width: 70%;
	margin:auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	overflow: hidden;
}
.book ul{
	position: relative;
}
.book ul li{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transform-origin: center left;
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.book ul li.tohide{
	-webkit-transform:rotateY(90deg);
	transform:rotateY(90deg);
}


.contact_box{
	padding-bottom: 40px;
}
#dituContent{
	width: 100%;
	height: 200px;
	margin-bottom: 30px;
}
.contact_txt{
	margin-top: 20px;
}
.contact_txt p{
	font-size: 11px;
	text-align: center;
}
.contact_txt p span{
	font-size: 11px;
}
.board{
	margin-top: 20px;
}
.board dl dd{
	text-align: center;
	background: #999;
	padding: 10px 0;
}
.board dl dd:first-of-type{
	background: #666;
}
.board dl dd h3{
	color: #fff;
	font-size: 13px;
}
.board dl dd h3:after{
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #fff;
	margin:auto;
	margin-top: 6px;
	margin-bottom: 6px;
}
.board dl dd{
	color: #fff;
	font-size: 11px;
}
.contact_message_box{
	padding-top: 30px;
}
.contact_message{
	margin-top: 12px;
	padding: 0 5%;
}
.contact_message input{
	display: block;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	width: 100%;
	font-size: 12px;
	margin-top: 8px;
	line-height: 24px;
}
.contact_message textarea{
	width: 100%;
	height: 60px;
	font-size: 12px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	margin-top: 8px;
	resize: none;
}
.contact_message input[type="submit"]{
	border:none;
	color: #fff;
	background: #e70112;
	line-height: 30px;
}