/*common*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:'微软雅黑';vertical-align:baseline;}
body{background:#FFF; -webkit-text-size-adjust:none; font-size:12px;}
html,body{height:100%;}
blockquote,q{quotes:none;}
li{list-style-type:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
a{color:#333;text-decoration:none;}
a:hover{color: #000;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/*common use*/
body{
	background: #fff;
	font-family: "Microsoft Yahei","Helvetica"; 
}

img{
	max-width: 100%;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.clear{
	clear:both;
}

.wrap{
	width: 100%;
	margin:0px auto;
}

.head{
	height: 144px;
	margin:16px 0px  14px 0px;
}

.logo{
	width: 144px;
	height: 144px;
	margin:0px auto;
	background: url(../images/logo.png) no-repeat;
}

.nav{
	width: 100%;
	height:48px;
	background:#c30d23;
	font-size: 18px;
	line-height: 48px;
	color: #fff;
	overflow: hidden;
}

.content{
	max-width: 1200px;
	margin:0px auto;
}

.nav li{
	float: left;
	width: 165px;
}

.nav li a{
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.nav span{
	font-size: 17px;
}

.nav li a:hover , .nav .active{
	background: #e80c19;
}

.nav .news{
	width: 120px !important;
}

.language{
	padding-right: 15px;
}

.language a{
	color: #fff;
	font-size: 15px;
	padding-right: 10px
}

.banner{
	width: 100%;
}

.banner img{
	width: 100%;
	height: 100%;
}

.footer{
	width: 100%;
	/*height: 203px;*/
	background: #c30d23;
	overflow:hidden;
}

.footerlogo{
	float: left;
	width: 114px;
	height: 158px;
	background: url(../images/footerlogo.png) no-repeat 0px 44px;
}

.footernav{
	float: left;
	margin-left: 90px;
	padding-top: 35px;
}

.footernav li{
	float: left;
}

/*伪元素的应用*/
.footernav li:nth-child(1){
	width: 190px;
}

.footernav li:nth-child(2){
	width: 245px;
}

.footernav li:nth-child(3){
	width: 180px;
}

.footernav li:nth-child(4){
	width: 200px;
}
/******************************/

.footernav li a{
	display: block;
	color: #fff;
	overflow: hidden;
}

.footernav li .tit{
	font-size: 18px;
	padding-bottom: 15px;
}

.footernav li ul{
	text-transform: uppercase;
	font-size: 12px;
}

.footernav li ul li{
	float: none; 
	width: auto !important;
}

.footernav li ul li a{
	padding-bottom: 6px
}

.link{
	width: 145px;
	height: 145px;
	margin-right: 20px;
	margin-top: 30px;
	padding-bottom:28px;
}

.link li{
	float: left;
	width: 66px;
	height: 66px;
	display: block;
}

.link li a{
	width: 66px;
	height: 66px;
	display: block;
	text-indent: -9999px;

}


/*伪元素应用*/
.link li:nth-child(2n){
	float: right;
}

.link li:nth-child(1){
	margin-bottom: 16px;
	background: url(../images/facebook.png); 
}

.link li:nth-child(2){
	margin-bottom: 16px;
	background: url(../images/twritter.png); 
}

.link li:nth-child(3){
	background: url(../images/carmer.png); 
}

.link li:nth-child(4){
	background: url(../images/youtube.png); 
}

.copyright{
	background: #910b1b;
	height: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
}


/*banner css delete*/
#bannerroll .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	width: 23px;
	height: 40px;
	background: url(../images/next.png);
}

#bannerroll .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	width: 23px ;
	height: 40px;
	background: url(../images/pre.png);
}

#bannerroll .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background:url(../images/point.png);
	opacity: 1;
}

#bannerroll .swiper-pagination-bullet-active{
	width: 15px;
	height: 15px;
	background: url(../images/pointon.png);
}

.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 20px !important;
}

.swiper-container{
	width: 100% !important;
}


/*index*/
.name{
	width: 100%;
	height: 100px;
	margin:0 auto;
	text-align: center;
	background: url(../images/name.jpg) no-repeat center;
	padding:100px 0;
}

.name .tit{
	width: 100%;
	font-size: 30px;
	text-transform: uppercase;
	color: #343c4a;
}

.tit_small{
	width: 100%;
	font-size: 20px;
	text-transform: uppercase;
	color: #242b38;
	padding-top: 20px;
}


/*about*/
.contentposition{
	position: relative;
}

.banner .tit{
	position: absolute;
	font-size: 40px;
	color: #fff;
	bottom: 52px;
}

.banner .tit_link{
	position: absolute;
	bottom: 62px;
	color: #fff;
	right: 0px;
	font-size: 16px;
}

.banner .tit_link a{
	float: left;
	color: #fff;
}

.banner .tit_link span{
	float: left;
	padding:0px 4px;
}

.mian{
	float: left;
	width: 100%;
}

/*********tab**********/
.tab_title ,.do_title{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.tab_title li ,.do_title li{
	float: left;
	width: 165px;
	height: 50px;
	line-height: 50px;
	background: #c30d23;
	margin-right: 8px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.tab_title li:hover{
	background: #e80c19;
}

.do_title li{
	width: auto;
	padding: 0 15px;
	font-size: 18px;
	margin-bottom:10px;
}

.tab_content ,.do_content{
	float: left;
	width: 100%;
	min-height: 500px;
	font-size: 16px;
	color: #8b8b8b;
	line-height: 26px;
	padding-bottom: 40px;
}

.tab_content_list{
	display: none;
}

.do_content_list{
	float: left;
	width: 100%;
}

.on{
	background: #e80c19 !important;
}

.tab_title_pro{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 35px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 22px;
}

.tab_title_pro li{
	float: left;
	font-size: 25px;
	color: #262626;
	margin-right: 20px;
	height: 40px;
}

.tab_title_pro li:hover,.onli{
	background: url(../images/solid.jpg) no-repeat 0px 39px;
}

.do_title li:hover{
	background: #e80c19;
}

/***********do ************/
.dotit{
	width: 100%;
	font-size: 25px;
	color: #868686;
	padding-bottom: 20px;
}

.productlist{
	width: 100%;
	float: left;
	padding-top: 20px;
	margin:0 -12px;
	padding-bottom: 20px;
}

.productlist li{
	float: left;
	padding: 0px 12px;
}

.productlist li img{
	width: 376px;
	height: 229px;
}

.productlist li p{
	font-size: 16px;
	color:#969696;
	text-align: center;
	padding:2px 0 20px 0;
}

.pages{
	float: left;
	padding:0 40%;
}

.pages li{
	float: left;
	width: 26px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #9d9d9d;
	border:1px solid #dddddd;
	border-left:none;
	text-align: center;
}

.pages li a{
	display: block;
	color: #9d9d9d;
}

.pages li a:hover,.pages li .active
{
        display: block;
	color: #fff;
	background: #c30d23;
}

.pages li:nth-child(1){
	border:1px solid #dddddd;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.pages li:nth-last-child(1){
	border:1px solid #dddddd;
	border-left: none;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

.leftsider{
	width: 516px;
	padding-bottom: 40px;
}

.imgleft{
	width: 516px;
	height: 315px;
}

.imgleft img{
	width: 100%;
	height: 100%;
}

.rightsider{
	width: 640px;
	padding-bottom: 40px;
}

.protit{
	width: 640px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	color: #272727;
}

.prodetail{
	padding-top: 15px;
	line-height: 28px;
	color: #9e9e9e;
}

/********news**********/
.newsnav{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.newsnav li{
	float: left;
	width:204px;
	height: 50px;
	line-height: 50px;
	background: #c30d23;
	margin-right: 8px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.newsnav li:hover{
	background: #e80c19;
}

.newslist{
	width: 1190px;
	float: left;
	margin:0 5px;
	margin-bottom: 60px;
}

.newslist li{
	height: 235px;
	margin-bottom: 30px;
	overflow: hidden;
}

.left{
	width: 270px;
	height: 235px;
}

.left img{
	width: 100%;
	height: 100%;
}

.right{
	width: 895px;
	color: #858585;
}

.newstit{
	font-size: 18px;
	color: #000;
	padding-bottom: 20px;
}

.newstit a{
	color: #000;
}

.date{
	width: 550px;
	height: 43px;
	border-radius: 5px;
	background: #f6f6f6;
	padding-left: 15px;
	line-height: 43px;
	font-size: 16px;
	color: #858585;
	margin-bottom: 20px;
}

.red{
	color: #c30d23;
}

.paddingleft{
	padding-left: 10px;
}

.newsdetail{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	padding-bottom: 20px;
	max-height: 80px;
	color: #858585;
	line-height: 26px;
}

.more{
	color: #c30d23;
	font-size: 18px;
}

.more a{
	color:  #c30d23;
}

.paadingbottom{
	margin-bottom: 50px;
	padding:0 30%;
}

.newsimg{
	width: 865px;
	height: 525px;
	padding-bottom: 25px;
}

.newsimg img{
	width: 100%;
	height: 100%;
}

.datedetail{
	width: 850px;
}

.heightauto{
	max-height: none;
}

.gray{
	color: #474444;
}

/***********contact****************/
.contact_tit{
	width:100%;
	text-align: center;
	color: #c30d23;
	font-size: 50px;
	padding:25px 0;
}

.contactus{
	width: 100%;
	padding-top: 35px;
}

.contact_left{
	margin-left: 22px;
	width: 572px;
	font-size: 16px;
	margin-bottom: 75px;
}

.contact_left input[type="text"]{
	width:550px;
	height:40px;
	border: 1px solid #d9d9d9;
	background: #fafcfc; 
	outline: none;
	padding-left: 20px; 
	line-height: 40px;
	margin-bottom: 30px;
}

.contact_left textarea{
	font-size: 16px;
	width: 530px;
	padding: 20px;
	height: 140px;
	outline: none;
	border: 1px solid #d9d9d9;
	background: #fafcfc;
	margin-bottom: 35px;
}

.contact_left #BtnSubmit{
	width: 88px;
	height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #c30d23;
	outline: none;
	border: none;
}

.contact_left #BtnSubmit:hover{
cursor: pointer;
}

.contact_right{
	width: 575px;
}

.c_tit{
	position: relative;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: url(../images/cbg.jpg) no-repeat left bottom;
	color: #505558;
	font-size: 30px;
}

.line{
	padding-top: 5px;
	width: 520px;
	color: #939fa6;
	font-size: 16px;
	color: #939fa6;
}

.line li{
	padding:12px 0 12px 50px;
}


.line li:nth-child(1){
	background: url(../images/icon1.jpg)no-repeat 0px 15px;
}

.line li:nth-child(2){
	background: url(../images/icon2.jpg)no-repeat 0px 6px;
}
.line li:nth-child(3){
	background: url(../images/icon3.jpg)no-repeat 0px 6px;
}
.line li:nth-child(5){
	background: url(../images/icon4.jpg)no-repeat 0px 6px;
}
.line li:nth-child(4){
	background: url(../images/icon5.jpg)no-repeat 0px 6px;
}

/***********nav top*************/
.navtop{
	width: 100%;
	height:48px;
	background:#c30d23;
	font-size: 18px;
	line-height: 48px;
	color: #fff;
	position: fixed;
	top:0px;
	z-index: 99999;
	display: none;
}

.navtop li{
	float: left;
	width: 165px;
}

.navtop li a{
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.navtop span{
	font-size: 17px;
}

.navtop li a:hover , .navtop .active{
	background: #e80c19;
}