*,body{margin:0; padding:0;}
body{-webkit-text-size-adjust:none; margin:0px;-webkit-text-size-adjust:none;  color:#333;font-family:  Arial,'Microsoft Yahei', Helvetica, sans-serif; font-size:14px; background:#434343;}
h1,h2,h3,h4,h5{ font-weight:normal;}
input,textarea{font-family: Arial,'Microsoft Yahei', Helvetica, sans-serif;}
td{ padding-left:10px;}
img{ border:none}
ul,li{ list-style:none}
em,i{font-style:normal;}
a{ color:#333; text-decoration:none;outline-style: none;  }
a:hover,.rilie a:hover,.footer a:hover{ color:#ea1818; }
.clear{ clear:both}
.clearfix:after {content:"\20";display:block;height:0;clear:both;} .clearfix {*zoom:1} 
.hide{overflow: hidden;}
.left{float:left;}.fl{ float:left} .fr{ float:right}
.right{float:right}.w1200{width:1200px; margin:auto; clear:both;}
.none{display: none;}
.com-width{
	margin:0 auto;
	width:1200px;
}
.c-width{
	width:1118px;
	margin:0 auto;
}
.header{
	background: #434343;
}
.logo{
	padding-left:68px;
}
.logo-left{
	float:left;
	padding-top:8px;
}
.tel{
	font-size:26px;
	color:#fbfbfb;
	float:left;
	padding-left:84px;
	padding-top:56px;
}
.nav{
	font-size:16px; height:60px; line-height:60px;
	padding-left:70px; overflow:hidden; color:#f8efef;
}
.nav ul li{
	float:left;
	margin:0 70px;
}
.nav a{
    color:#f8efef; text-transform:uppercase;
}
.nav a:hover{
	color:#c32e0e;
}
.nav .first-li{
	margin-left:0;
}
.nav .switch{
	font-size:12px;
}

.main{
	position:relative;
	height:600px;
	overflow:hidden;width: 100%;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.product-list{
    font-size:18px;
    color:#fff;
    margin-top:42px;
}
.product-title{
	text-align:center;
}
.title-chinaese{
	font-size:22px;
	display:block;
	color:#fff; line-height:35px;
}
.title-English{
	color:#fff;
	font-size:18px;
}
.list{
	padding-top:37px;
}
.list a{
	color:#fff; display:block;
}
.list ul li{
	list-style:none;
	float:left;
	width:20%;
	text-align:center;
}
.list span{
	display:block; text-align:center; padding-top:10px;
	
}
.list ul li i{
	font-size:14px;
	font-style:normal; line-height:25px;
}
.list ul li a:hover{ color:#ccc;}
.Company-In{
	padding-top:70px;
}
.Company-main{
	padding-top:55px;
}
.Company-content{
	width:625px;
	color:#fff;
	font-size:16px;
	line-height:30px;
}
a.see-details{ display:block; margin-top:50px;
	width:110px;
	height:41px;
	background:#c9250c;
	color:#fff;
	font-size:18px;
	text-align:center;	
	line-height:41px;
	cursor:pointer;
}
a:hover.see-details{ color:#ccc;}
.prduct-display{
	padding-top:70px;
}
.product-img-display{
	padding-top:48px;
}
.product-main-img{
    width:390px;
    height:565px;position:relative; background:#fff;
}
.product-main-img img{ margin-top:78px;}
.product-img{ width:810px;}
.product-img li{ width:250px; height:275px; margin:0px 0 15px 15px; float:left;position:relative;}
.product-img li p,.product-main-img p{display:block; float:left;width:210px; height:235px; padding:20px;  filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity:0; top:0px; position:absolute;background-color:#000;color:#FFF; left:0px;vertical-align:middle; line-height:235px;}
.product-img li span,.product-main-img span{ display:block; border:1px solid #fff;font-size:22px; height:100%; 
 	color:#fff;
    text-align:center;
   }
.product-img li a:hover p,.product-main-img a:hover p{ opacity:0.8;}
.product-main-img p{width:350px;height:525px; vertical-align:middle; line-height:525px;}



 .about-us{
 	margin-top:37px;
    position:relative;
    height:400px;
 }
 .about-opaicty{
  
    background:url("../images/contact.jpg") no-repeat center;
    height:400px;
    position:absolute;
    width:100%;
    z-index:-1;
 }
 .about-title{
 	padding-top:60px;
 }
.contact-us span{
    display:inline-block;
}
.adress-contact{
	background:url("../images/address.png") no-repeat;
	width:55px;
	height:75px;
}
.tel-contact{
	background:url("../images/tel.png") no-repeat;
	width:64px;
	height:70px;
}
.web-contact{
	background:url("../images/IE.png") no-repeat;
	width:76px;
	height:80px;
	margin-top:-7px;
}
.email-contact{
	background:url("../images/email.png") no-repeat;
	width:86px;
	height:64px;
}
.contact-us ul {
	margin-top:47px;
}
.contact-us ul li{
	list-style:none;
	float:left;
	width:25%;
	text-align:center;
}
.contact-us ul li a{
	color:#fff;
	font-size:16px;
}
.adress{
	margin-top:60px;
}
.tel-phone{
	margin-top:64px;
}
.web{
	margin-top:60px;
}
.email{
	margin-top:69px;
}
.footer{
	background:#34495e;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:25px;
	padding-top:26px;
	padding-bottom:13px;
}

/*other.html begin*/
.hide{overflow: hidden;}
.center-cont{width:100%;max-width: 1200px;margin:0 auto;padding:50px;}


.left_l{
	float: left;
	width: 315px; border:1px solid #ccc; border-radius:10px;
}
.left_l h4{
	font-size:18px;
	line-height:45px;
	color: white;
	margin-bottom: 10px;
	padding-left: 30px;
	background:#444 url(../images/tb.jpg)  no-repeat 270px center;  border-radius:8px 8px 0 0;
}
#menu{ padding:0px 15px 30px;}
#menu ul li{ border-bottom:1px solid #ddd;}
#menu ul li a{padding: 13px 0px 13px 5px; display:block;font-size:14px; text-decoration:none;}
#menu ul li ul {display:none; margin-bottom:10px;} 

#menu ul li ul li{  margin-top:0px; border:0px;}
#menu ul li ul li a{ font-size:13px; padding:8px 0px 8px 25px; }

#menu ul li#end { 
background-color:#FFF; 
} 
#menu ul.off { 
display:block; 
} 


.left .kefu1{
	display: block;
	font-size:16px;
	line-height:40px;
	color: white;
	padding-left: 30px;
	background:#02509a url(../images/le.jpg)  no-repeat 270px center;
	margin-bottom: 10px;
}
.left a:hover.kefu1{ color:#ccc; text-decoration:none;}
/**/
.right_r{
	float: right;
	width: 855px;
}
.mian{
	border-bottom: 1px solid #C1C1C1;
	line-height: 45px;
	height: 45px;
	margin-bottom: 10px;
}
.mian  .bao{
	float: right;
}
.mian .title{
	font-size:20px;
	line-height:45px;
	color: #5e5c5c;
	text-align: center;
}	
.mian .title b{ font-weight:normal;}
.lizhan{
	overflow: hidden; margin-top:30px;
}
.lizhan li{
	float: left;
	text-align: center;
	margin:0 8px;	font-size:14px;
	width: 265px;
}

.lizhan li img{
	width: 265px;
	height: 292px;border:1px solid #CCCCCC;
}
    .lizhan li a { display:block;
    }
.lizhan li p a{	line-height:52px;

	color: #4e4e4e;
}
.column_life1{padding:10px 10px 20px; line-height:28px; }
.time{ float:right;}
.news_li li{ height:30px; border-bottom:1px dashed #ccc; line-height:30px; overflow:hidden;}
.news_li li a{background:url(../images/jt.jpg) no-repeat left; padding-left:15px; }
.news_title{ width:100%; height:50px; text-align:center; margin-top:10px;}
.news_title h3{ height:40px; line-height:40px; font-size:14px;}
.news_title p span{ padding-left:50px;}
.news_content{margin:auto; line-height:25px; padding-top:20px;}
#inquiry_form{clear:both;width:830px;padding:5px;font-size:12px;color: #000000;margin:10px auto;}
#inquiry_form table{
    width: 100%;
}
#inquiry_form table td, #inquiry_form table th{
    padding: 2px;
}
#inquiry_form table td.filed_name, #inquiry_form table th.filed_name {
    padding-right: 10px;
    text-align: right;
    width: 130px;
}
#inquiry_form .I_input, #inquiry_form .textarea {
    border: 1px solid #CCCCCC;
}
#inquiry_form .I_input {
    height: 30px; line-height:30px;
}
#inquiry_form fieldset {
    border: 1px solid #CCCCCC;
    margin: 5px 0;padding-bottom:8px;
}

#inquiry_form fieldset legend {
    margin-left: 65px;
    font-weight: bold;
    padding: 0 5px;
}
 .btns{ border:1px #ccc solid;  cursor:pointer;}
.ta,.btn{ border:1px #Dfdfdf solid; height:25px; line-height:25px;}
.btn{ width:50px; cursor:pointer;}
textarea{border:1px #Dfdfdf solid;}

#right_in{ width:auto; height:auto; overflow:hidden;}
#at_text_in{  height:auto; overflow:hidden; padding:0 0 10px; min-height:300px;}
.fltext{ float:left; display:inline; width:390px; margin-top:10px;}
#proBigPic{ width:390px; height:410px; overflow:hidden;  float:left; display:inline;border:1px solid #ccc; }
#proBigPic dl{}
#proBigPic dl dt{  width:390px; height:410px; overflow:hidden;  text-align:center;}
#bigpic{ width:390px; height:410px; }
#proBigPic dl dd{ color:#6b6b6b;}
#proBigPic dl dd .red { color:#FF0000; font-size:12px;  text-decoration:underline;}
#proDetail{ width:400px; min-height:300px;overflow:hidden; float:right; display:inline;margin-left:10px;}
.pro_detail{  height:auto; clear:both; margin-top:20px;line-height:23px; }
    .pro_detail td { padding-left:5px;
    }
.pro_detail_ti{height:28px; line-height:28px; font-size:16px;border-bottom:1px solid #ccc; margin-bottom:20PX;}
.procont{line-height:22px; padding-top:10px; height:320px; overflow:auto;}
.proName{  overflow:hidden; border-bottom:1px dotted #ccc; line-height:30px; font-size:14px; font-weight:bold; color:#393939; padding:10px 0 10px 0px;}
.proSN2{ overflow:hidden;border-bottom:1px dotted #ccc;line-height:45px;}
.pro{ padding:5px;}
.qqrig{width:auto; height:371px; width:62px; text-align:right; right:0px; top:170px; position:fixed; _position:absolute; _top:expression(documentElement.scrollTop+170)}
.check_inp{ width:200px; height:18px; padding:2px; line-height:18px; border:1px solid #ccc;}
#oTransContainer {
	DISPLAY: block; MARGIN: 0px auto;  width:390px; height:410px; 
}


.jqzoom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 0px; POSITION: relative
}
DIV.zoomdiv {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: none; Z-INDEX: 100;  LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 100px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100px; TEXT-ALIGN: center
}
DIV.jqZoomPup {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; Z-INDEX: 10; BACKGROUND: #ffffff; FILTER: alpha(Opacity=50); LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 50px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 50px; opacity: 0.5; moz-opacity: 0.5; khtml-opacity: 0.5
}
.xiangxism {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 400px
}
.xiangxism .zwconttab {
	OVERFLOW: hidden; BORDER-BOTTOM: #c1c1c1 1px solid; HEIGHT: 310px
}
.zwconttab BLOCKQUOTE {
	FONT-SIZE: 12px
}
.xundan{ text-align:center; margin-top:20px;}
.xundan a{ padding:8px 45px; color:#fff; background:#444; line-height:30px; font-size:16px;}
.xundan a:hover{ background:#ea1818;}

.img_show{ width:100%; margin:5px auto; clear:both; }
.img_show li{ width:220px; text-align:center; height:180px; margin:7px 7px;overflow:hidden; background:#ccc; padding:8px 8px 0px; float:left; display:inline;}
.img_show li:hover{background:#02509a; color:#fff;}
.img_show li img{ vertical-align:middle;max-width:220px;*max-width:210px; line-height:150px; max-height:150px;width: expression(this.width > 220 && this.width > this.height ? 150 : true);*width: expression(this.width > 210 && this.width > this.height ? 150 : true);height: expression(this.height > 150 ? 150 : true); margin: 0 auto;}
.img_show li span{color:#000; display:block; height:30px; line-height:30px; text-align:center;  font-weight:bold; }
.img_show li a{  width:220px;  height:150px; display: table-cell; vertical-align:middle;text-align:center;*display: block; *font-size:125px;*width:210px;}
.img_show li a:hover,.img_show li:hover span{ color:#fff; }

.img_show2{ width:100%; margin:5px auto; clear:both; }
.img_show2 li{ width:155px; text-align:center; height:230px; margin:7px 8px;overflow:hidden; background:#ccc; padding:8px 8px 0px; float:left; display:inline;}
.img_show2 li:hover{background:#02509a; color:#fff;}
.img_show2 li img{ vertical-align:middle;max-width:155px;*max-width:155px; line-height:200px; max-height:200px;width: expression(this.width > 155 && this.width > this.height ? 200 : true);*width: expression(this.width > 155 && this.width > this.height ? 200 : true);height: expression(this.height > 200 ? 200 : true); margin: 0 auto;}
.img_show2 li span{color:#000; display:block; height:30px; line-height:30px; text-align:center;  font-weight:bold; }
.img_show2 li a{  width:155px;  height:200px; display: table-cell; vertical-align:middle;text-align:center;*display: block; *font-size:125px;*width:155px;}
.img_show2 li a:hover,.img_show li:hover span{ color:#fff; }