@charset "utf-8";
/*全局样式*/
body{margin:0;padding:0; background:#ececec;}
div,dl,dt,dd,td,th,ul,li,h1,h2,h3,h4,h5,h6,h7 {
	font-size:13px;
	color:#666;
	line-height:23px;
	font-family:微软雅黑, Arial, Helvetica, sans-serif;
}
form{margin:0; padding:0}
input,textarea{font-family:微软雅黑,Arial;color:#555555;}

.tLeft {text-align: center;}
.tCenter {text-align: center;}
.tRight {text-align: right;}
.right {float: right;}
.left {float: left;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;  }

ul,li{list-style:none; margin:0; padding:0}

:focus {outline: none; }
a,area {blr:expression(this.onFocus=this.blur()) }
a img{border:none}
img{vertical-align:middle}

a{
font-size:13px;
color:#454545;
font-family:微软雅黑,Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:23px;
}
a:hover{color:#b70134;}



.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}





/*页面画布*/
.wrap{z-index:1;width:1320px;margin:0 auto; text-align:left}

/* 除IE6浏览器的通用方法，悬浮固定代码 */
.ie6fixedTL{position:fixed;left:0;top:0; width:100%; z-index:2000} 
/* IE6浏览器的特有方法 */
* html .ie6fixedTL{position:absolute;top:expression(eval(document.documentElement.scrollTop))} 


.clear{
	clear: both; 
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
.hide{display:none}





#qq{position:fixed;right:0;top:150px; width:100%; z-index:2000} 
/* IE6浏览器的特有方法 */
* html #qq{position:absolute;top:expression(eval(document.documentElement.scrollTop))} 


.whitebg{ background:#fff; width:1350px; height:auto; margin:0 auto;overflow:hidden; }
.topline{ background:#b70134; height:5px; width:1350px; }


.head{ width:1280px; margin:0px 20px; height:160px;float:left;}
.logo{ background:url(../images/logo.jpg) no-repeat center; width:299px; height:150px; float:left;}
.headright{width:981px;text-align:right; height:150px; float:right;}
.headright .link{width:981px;text-align:right; height:50px; float:left;}
.headright .link a{ color:#888; font-size:12px; line-height:50px; width:auto; margin-left:5px;}
.headright .link a:hover{ color:#b70134}

.topnav{z-index:1;width:810px; margin-left:170px; height:100px; float:left;}
.topnav li { float:left; position:relative }
.topnav li a:hover,.topnav li a.act{ color:#fff;  display:block;background:#000; } 
.topnav li ul{ width:170px; position:absolute; top:100px; left:0; background:#000; z-index:99999; display:none}
.topnav li ul li{ position:relative}
.topnav li ul li a{ color:#fff; line-height:50px; height:50px; width:170px;width:150px !important; text-align:left;font-size:12px; padding:0 10px}
.topnav li ul li a:hover{color:#efefef; background:#333}
.topnav li ul li.rwdot a:hover{color:#efefef; background:url(../images/rwdot.png) no-repeat 150px center #333}
.topnav a{ color:#333; font-size:15px; line-height:100px; height:100px;width:101px; display:block; text-align:center} 
li.rwdot{ background:url(../images/rwdot.png) no-repeat 150px center}
.topnav li ul li ul{width:170px; position:absolute; top:0; left:170px}


.banner{width:100%; height:500px; position:relative; overflow:hidden}


.black18{color:#000; font-size:18px; line-height:30px;}
.hui18{color:#666; font-size:18px; line-height:40px;}
.red a{ color:#c90d0a; font-size:15px; height:40px; line-height:40px;}
.white{ color:#fff; font-size:18px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}


.indexabout{ width:1350px; height:580px;float:left;background:#b70134;}
.indexabout .content{float:left; width:1260px; margin:50px; height:auto; }
.indexabout .content .left{float:left; width:580px; height:auto; }
.indexabout .content .left .biaoti{float:left; width:580px;color:#fff; font-size:30px; line-height:80px;   height:80px;}
.indexabout .content .left .biaoti1{float:left; width:580px;color:#fff; font-size:18px; line-height:25px;   height:70px;}
.indexabout .content .left .zw{float:left; width:580px;color:#fff; font-size:14px; line-height:25px;   height:auto;}
.indexabout .content .left .more a{float:left; width:160px;color:#fff; font-size:14px; line-height:40px; border:#fff 1px solid;height:40px ; display:block; text-align:center; margin-top:15px;}
.indexabout .content .left .more a:hover{color:#ffb4c9; }

.indexabout .content .right {float:right; width:600px; height:467px; background:url(../images/pro.jpg);}




.indexnew{ width:1350px; height:580px;float:left;background:#ddd; margin-bottom:20px;}
.indexnew .content{float:left; width:1280px; margin:40px; height:auto; }
.indexnew .content .biaoti{float:left; width:1280px; color:#000; font-size:24px; line-height:70px;   height:70px }
.indexnew .content .left{ width:620px;  height:auto; float:left; background:#fff;}
.newcontent{ width:560px; margin:30px; height:auto; float:left; }
.newbiaoti a{	float:left;	width:560px;	color:#333;	font-size:16px;	margin:5px 0px;	line-height:30px;	height:30px;	text-decoration: underline}
.newbiaoti a:hover{color:#b70134; }
.newzw a{float:left; width:560px;color:#777; font-size:12px; line-height:25px;   height:25px; border-bottom:#ddd 1px solid; display:block; margin-bottom:25px;}
.newzw a:hover{color:#b70134; }
.indexnew .content .right{ width:620px;  height:auto; float:right; background:#fff;}





.indexpro{ width:1320px; height:auto; float:left;}
.indexpro .pro { width:400px; height:360px;  float:left; margin:0px 20px  20px 20px; }
.indexpro .pro .pic{ width:400px; height:311px;  float:left;}
.indexpro .pro .zi { width:400px; height:40px;text-align:center;line-height:40px;}
.indexpro .pro .zi a{ width:400px; height:40px; line-height:40px; }
.indexpro .pro .zi a:hover{ color:#b70134;}


.indexyingyong{ width:1320px; height:auto; float:left; margin:0px 20px 20px 20px;}
.indexyingyong .pic{ width:400px; height:281px;   float:left; margin:20px; }



.bottom{ background:#292929; width:1350px; height:auto;  color:#999;   float:left;}
.bottom .content{ margin:20px 20px 0px 20px; width:1320px; float:left; height:auto;}
.bottom .content .kuang{ font-size:13px; margin:20px; width:290px; height:auto; float:left; }
.bottombiaoti{ width:290px; height:35px; border-bottom:#fff 2px solid; margin-bottom:15px; line-height:35px float:left; font-size:18px; color:#fff; font-weight:bold;}
.bottomzw{ width:290px; height:auto; color:#999;  font-size:13px; float:left; line-height:25px; margin-bottom:15px;}
.bottomzw li{ float:left}
.bottomzw a{ width:270px;color:#999; font-size:13px; line-height:25px;text-decoration: underline; background:url(../images/dot1.jpg) no-repeat left; padding-left:20px ; display:block;}
.bottomzw a:hover{color:#fff;  }
.bottomnew a{ width:290px;color:#999; font-size:13px; line-height:22px;text-decoration: underline; display:block; margin-bottom:15px;}
.bottomnew a:hover{color:#fff;  }
.copy{ background:#222; width:1350px; height:80px;color:#999;   float:left; text-align:center; line-height:80px;}
.copy a{ width:auto; height:80px;color:#999; line-height:80px;text-decoration: underline;}
.copy a:hover{  color:#fff;; }



.about{ width:1350px; height:115px;float:left;background:#b70134;}
.about .biaoti{ margin-left:40px;width:1320px; height:115px;float:left; line-height:115px; font-size:30px; font-weight:bold; color:#fff;}
.main{ width:1280px; margin:50px 40px 20px 40px; height:auto;float:left;}

.partner{ width:150px; height:82px; float:left; border:#ccc 1px solid; margin:12px;}

.mainnewpic{ width:900px; height:300px; float:left; margin-bottom:30px;}
.mainnewbiaoti{ float:left;width:900px;}
.mainnewbiaoti a{width:900px;		color:#333;	font-size:16px;	line-height:40px;height:40px;text-decoration: underline; display:block;}
.mainnewbiaoti a:hover{color:#b70134;}
.mainnewdate {float:left; color:#999; font-size:14px; width:900px; height:40px; line-height:40px;}
.mainnewzw{float:left;width:900px;	}
.mainnewzw a{float:left;width:900px;	color:#666;	font-size:14px;	line-height:25px;height:auto;}
.mainnewzw a:hover{	color:#b70134;	}
.mainnewmore {float:left;width:900px; margin-bottom:40px; border-bottom:#ddd 1px solid; }
.mainnewmore a{float:left;width:900px;	color:#999;	font-size:14px;	line-height:70px;height:auto;}
.mainnewmore a:hover{	color:#b70134;	}

.mainleft{ width:600px; float:left; height:auto; }
.mainright{ width:600px; float:right; height:auto; line-height:35px;}
.mainright .biaoti{ width:600px; color:#000; font-size:18px; line-height:50px; float:left; height:50px;}
.mainright .biaodan{ width:600px; line-height:30px; float:left;}
.mainright .anniu{ width:600px;  float:left; margin-top:20px;}
.mainright .anniu .tijiao { float:left; text-align:center}
.mainright .anniu .tijiao input{ width:150px; margin-right:30px; background:#b70134; height:40px; display:block; font-size:16px; color:#fff; line-height:40px;border:0}
.mainright .anniu .chongtian { float:left; text-align:center}
.mainright .anniu .chongtian input{ width:150px;float:left; margin-right:30px; background:#212b33; height:40px; display:block;font-size:16px; color:#fff;line-height:40px; border:0}

.mainpro{ width:1320px; height:auto; float:left; margin:20px;}
.product{ width:400px; height:540px;  float:left; margin:20px; border-bottom:#ddd 1px solid;}
.product .biaoti{ width:400px; height:50px; font-size:24px; color:#000; line-height:50px; float:left; font-weight:bold;}
.product .pic{ width:400px; height:311px; float:left;}
.product .probiaoti a{ width:400px; height:40px; font-size:16px; color:#333; line-height:50px; float:left; text-decoration: underline;}

.proview{ background:#ddd; width:1350px; height:auto;}
.procontent{  margin-top:270px; width:1350px; height:530px; background:#ddd;}
.procontent .left{width:600px; height:467px; float:left; margin:30px 0px 30px 30px;}
.procontent .right{width:630px; height:auto; float:right; margin:30px 50px 30px 0px;}
.procontent .right .biaoti{
	width: 630px;
	height: 40px;
	float: left;
	line-height: 40px;
	font-size: 24px;
	color: #000;
}
.procontent .right .zw{width:630px; height:auto; float:left; line-height:25px; font-size:13px; color:#666;}

.detail{ width:1350px; height:60px; background:#b70134; float:left}
.detail .left{ width:40px;; height:60px; background:url(../images/jiantou.jpg); float:left}
.detail .right{ height:60px;float:left; text-align:center}
.detail .right li{float:left;}
.detail .right a{ width:auto; width:auto; padding:0px 15px;height:60px; line-height:60px; color:#fff; display:block;}
.detail .right a:hover,.detail .right a.act{ background:#8c012b;}
.detailbg1{ background:#ddd; padding:0 30px 30px 30px }
.detailbg2{  background:#393939; padding:0 30px 30px 30px}
.detailbg2,.detailbg2 div,.detailbg2 a,.detailbg2 td{color:#fff}
.detailbg3{  background:#fff; padding:0 30px 30px 30px}
.cs{
	font-size:18px;
	display:block;
	line-height:40px;
	padding-top:20px
}
.detail_fixed{ position:fixed; top:0}

.similar{ width:1350px; height:auto; background:#393939; float:left}
.similar .content{  margin:20px; width:1320px; height:auto; float:left;}
.similarpro{  width:620px; height:auto; float:left; margin:20px;}
.similarpro .left{  width:290px; height:204px; float:left; }
.similarpro .right{  width:290px; height:204px; float:right; }
.similarpro .right .biaoti{  width:290px; height:50; float:left; margin-bottom:5px;}
.similarpro .right .biaoti a{  width:290px; height:50; line-height:50px; color:#fff; font-size:18px;}
.similarpro .zw a{  width:290px; height:auto; float:left; font-size:13px; line-height:25px; color:#999; }
.similarpro .zw a:hover{color:#d4d4d4; }

.similarpro .more a{  width:290px; height:auto; float:left; font-size:13px; line-height:25px; color:#666; margin-top:10px; }
.similarpro .more a:hover{color:#fff; }
