@charset "utf-8";
/* CSS Document */
*{
	font-family: "微软雅黑";
	font-weight: normal;
}
body{
	margin: 0;
	padding: 0;
	
}
ul,li,dd,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
ul,li,dd,dl{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
img{
	border: none;
/*	display: block;*/
}
input{
	border: none;
}
textarea{
	border: none;
	resize: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
.clearfix:after{
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.top{
	width: 100%;
	height: 125px;
	background: url('../images/14.jpg') no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.top-line{
	width: 100%;
	height: 7px;
	background: url('../images/15.jpg') no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.top-fw{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.logo{
	height: 100px;
	float: left;
	margin-top: 12.5px;
	overflow: hidden;
}
.logo img{
	height: 100%;
}
.nav-list{
	width: 768px;
	float: right;
	overflow: hidden;
}
.nav-list li{
	width: 118px;
	height: 125px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	padding-top:42px;
	box-sizing: border-box;
}
.nav-list li h2{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #3c3c3c;
	margin-bottom: 8px;
}
.nav-list li h3{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #737373;
}
.nav-list li.on{
	background: url('../images/1.jpg') no-repeat;
	background-size: 100% 100%;
}
.nav-list li.on h2{
	color: #9b0b0b;
}
.nav-list li:hover{
	background: url('../images/1.jpg') no-repeat;
	background-size: 100% 100%;
}
.nav-list li:hover h2{
	color: #9b0b0b;
}
.banner{
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 48px;
	margin-top: 20px;
	box-shadow: 0 0 20px #c5c5c5;
}
.swiper-slide img{
	display: block;
	width: 100%;
}
.index{
	width: 100%;
	overflow: hidden;
}
.next0.swiper-button-next{
	background-image: url("../images/3.png");
	right:20px;
}
.prev0.swiper-button-prev{
	background-image: url("../images/2.png");
	left:20px;
}
.next0.swiper-button-next, .prev0.swiper-button-prev{
	position: absolute;
	top:50%;
	width: 30px;
	height:40px;
	margin-top: -20px;
	z-index: 5;
	cursor: pointer;
	-moz-background-size: 30px 40px;
	-webkit-background-size: 30px 40px;
	background-size: 30px 40px;
	background-position: center;
	background-repeat: no-repeat;
}
.zhong{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.main{
	width: 50%;
	float: left;
	min-height: 285px;
	background: url('../images/11.jpg') no-repeat;
	background-size: 100% 100%;
}
.main-bt{
	width: 100%;
	overflow: hidden;
	margin-bottom: 14px;
	font-size: 18px;
	color: #9b0b0b;
	font-weight: bold;
	padding-left: 15px;
	box-sizing: border-box;
	position: relative;
}
.main-bt::before{
	content: '';
	position: absolute;
	left: 0px;
	top:50%;
	width: 5px;
	height: 16px;
	margin-top: -8px;
	background: url('../images/16.jpg') no-repeat;
	background-size: 100% 100%;
}
.main-lei{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.main-lei a{
	display: block;
	float: left;
	font-size: 14px;
	color: #9b0b0b;
	padding-bottom: 8px;
	box-sizing: border-box;
	border-bottom: 1px solid #9b0b0b;
	margin-right: 18px;
}
.main-lei a:last-child{
	border: none;
}
.main-lbt{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	color: #0b0c0d;
	font-weight: bold;
	margin-bottom: 25px;
}
.main-list{
	width: 100%;
	overflow: hidden;
}
.main-list li{
	width: 50%;
	float: left;
	overflow: hidden;
	padding-right: 15px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	height: 96px;
}
.main-list li a{
	color: #777777;
}
.main-list li::before{
	content: '';
	position: absolute;
	left: 0px;
	top:8px;
	width: 7px;
	height: 7px;
	background-color: #9b0b0b;
}
.red{
	color: #9b0b0b;
}
.product{
	width: 50%;
	float: left;
	min-height: 285px;
	background: url('../images/12.jpg') no-repeat;
	background-size: 100% 100%;
	padding-left: 24px;
	padding-right: 15px;
	box-sizing: border-box;
	position: relative;
}
.product-js{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #777777;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 18px;
}
.main-bt a{
	display: block;
	float: right;
	font-size: 12px;
	color: #9b0b0b;
	border-bottom: 1px solid #9b0b0b;
	padding-bottom: 4px;
	box-sizing: border-box;
}
.product-bot{
	width: 100%;
	overflow: hidden;
}
.product-swi{
	width: 410px;
	margin: 0 auto;
}
.product-one{
	width: 100%;
	overflow: hidden;
}
.product-one img{
	display: block;
	margin: 0 auto;
	width: 173px;
	height: 180px;
	overflow: hidden;
	margin-bottom: 5px;
}
.product-one h4{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #666666;
	text-align: center;
}
.next1.swiper-button-next{
	background-image: url("../images/5.png");
	right:18px;
}
.prev1.swiper-button-prev{
	background-image: url("../images/4.png");
	left:26px;
}
.prev1.swiper-button-prev:hover{
	background-image: url("../images/7.png");
}
.next1.swiper-button-next:hover{
	background-image: url("../images/6.png");
}
.next1.swiper-button-next, .prev1.swiper-button-prev{
	position: absolute;
	top:62%;
	width: 34px;
	height:34px;
	margin-top: -17px;
	z-index: 5;
	cursor: pointer;
	-moz-background-size: 34px 34px;
	-webkit-background-size: 34px 34px;
	background-size: 34px 34px;
	background-position: center;
	background-repeat: no-repeat;
}
.jie{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 66px;
}
.jie-bot{
	width: 100%;
	overflow: hidden;
}
.one{
	width: 490px;
	float: left;
	overflow: hidden;
	margin-right: 50px;
}
.one img{
	width: 182px;
	height: 156px;
	float: left;
	overflow: hidden;
}
.one-nr{
	width: 280px;
	float: right;
	overflow: hidden;
}
.one-bt{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	color: #0b0c0d;
	margin-bottom: 20px;
}
.one-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	color: #777;
	margin-bottom: 12px;
}
.one-more{
	width: 66px;
	line-height: 30px;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #9b0b0b;
}
.two{
	width: 250px;
	float: left;
	overflow: hidden;
}
.two-list{
	width: 100%;
}
.two-list li{
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 24px;
	box-sizing: border-box;
	margin-bottom: 20px;
	height: 72px;
	overflow: hidden;
	color: #333;
	padding-left: 16px;
	box-sizing: border-box;
	position: relative;
}
.two-list li:last-child{
	border: none;
}
.two-list li a{
	color: #333;
}
.two-list li::before{
	content: '';
	position: absolute;
	left: 0px;
	top:6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #a0a0a0;
}
.two-list li:hover a{
	color: #9b0b0b;
}
.two-list li:hover::before{
	background-color: #9b0b0b;
} 
.three{
	width: 254px;
	float: right;
	overflow: hidden;
}
.three-list{
	width: 100%;
	overflow: hidden;
}
.three-list li{
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #777777;
	line-height: 48px;
	background-color: #f1f1f1;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:0 5px;
	box-sizing: border-box;
	margin-bottom: 6px;
}
.three-list li:last-child{
	margin-bottom: 0px;
}
.three-list li a{
	color: #777777;
}
.three-list li.on{
	background-color: #9b0b0b;
}
.three-list li.on a{
	color: #fff;
}
.bottom{
	width: 100%;
	overflow: hidden;
	background-color: #0b0c0d;
}
.bottom-fw{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding:43px 0;
	box-sizing: border-box;
}
.bot-nav{
	width: 570px;
	float: left;
	overflow: hidden;
}
.bot-nav li{
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.bot-nav li:last-child{
	margin-right: 0px;
}
.bot-nav li h5{
	display: block;
	text-align: left;
	font-size: 18px;
	color: #c2c2c2;
	font-weight: bold;
	margin-bottom: 18px;
}
.bot-nav li h5:hover{
	color: #fff;
}
.nav-la{
	display: block;
}
.nav-la dd{
	display: block;
	text-align: left;
	font-size: 14px;
	color: #c2c2c2;
	margin-bottom: 12px;
	overflow: hidden;
}
.nav-la dd a{
	color: #c2c2c2;
}
.nav-la dd:hover a{
	color: #fff;
}
.ma{
	width: 180px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	border-left: 1px solid #494a4b;
	border-right: 1px solid #494a4b;
}
.ma-zi{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #c2c2c2;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}
.ma-zi:hover {
	color: #fff;
}
.ma img{
	width: 98px;
	height: 98px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
}
.address{
	width: 320px;
	float: right;
	overflow: hidden;
	padding-left: 30px;
	box-sizing: border-box;
}
.tel{
	width: 100%;
	overflow: hidden;
	font-size: 30px;
	font-weight: bold;
	color: #c2c2c2;
	line-height: 44px;
	margin-bottom: 15px;
}
.tel img{
	width:44px ;
	height: 44px;
	float: left;
	margin-right: 10px;
}
.address-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #c2c2c2;
	line-height: 24px;
}
.chan{
	width: 1100px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom: 50px;
	box-sizing: border-box;
}
.pic{
	width: 100%;min-height: 280px;
	position: relative;
	box-shadow: 0 0 20px #e1d1d1;
}
.wei{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 33px;
	padding:0 15px;
	box-sizing: border-box;
	font-size: 14px;
	color: #050834;
	line-height: 50px;
}
.red{
	color: #9b0b0b;
}
.pic-dw{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top:30%;
	padding-left: 70px;
	box-sizing: border-box;
}
.pic-dw h5{
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	font-size: 42px;
	margin-bottom: 10px;
}
.pic-dw h6{
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	line-height: 32px;
}
.big{
	font-size: 26px;
}
.chan-tab{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 28px;
}
.chan-tab li{
	display: inline-block;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-right: 6px;
	padding:0 25px;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	background-color: #2c2c2c;
	color: #fff;
}
.chan-tab li a{
	color: #fff;
}
.chan-tab li.on{
	background-color: #9b0b0b;
}
.chan-tab li:hover{
	background-color: #9b0b0b;
}
.chan-tab li:hover a{
	color: #fff;
}
.chan-list{
	width: 100%;
	overflow: hidden;
}
.chan-list li{
	width: 538px;
	background-color: #f9f9f8;
	border: 1px solid #ddd;
	float: left;
	padding:20px 15px;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 40px;
}
.chan-list li:nth-child(odd){
	float: left;
}
.chan-list li:nth-child(even){
	float: right;
}
.chan-list li img{
	width: 173px;
	height: 180px;
	float: left;
	overflow: hidden;
}
.chan-nr{
	width: 300px;
	float: right;
	padding-top:18px;
	box-sizing: border-box;
	overflow: hidden;
}
.chan-h1{
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	height: 25px;
	color: #333333;
}
.chan-h2{
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	height: 115px;
	color: #333333;
}
.chan-list li:hover .chan-h1{
	color: #9b0b0b;
}
.page{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.page a{
	display: inline-block;
	font-size: 14px;
	line-height: 38px;
	border:1px solid #ddd;
	padding:0 15px;
	box-sizing: border-box;
	margin: 0 5px;
	color: #555;
}
.page a.select{
	background-color: #f8f8f8;
	color: #9b0b0b;
}
.page a:hover{
	background-color: #f8f8f8;
	color: #9b0b0b;
}
.product-details{
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.pro-left{
	width: 760px;
	float: left;
	overflow: hidden;
}
.pro-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 38px;
}
.pro-pic{
	width: 258px;
	height: 258px;
	float: left;
	overflow: hidden;
	border:1px solid #ddd;
	color:#000;
}
.pro-pic img{
	width: 100%;
	height: 100%;
}
.pro-nr{
	width: 465px;
	float: right;
	overflow: hidden;
}
.pro-bt{
	width: 100%;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 24px;
}
.pro-lp{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 22px;
	color: #333333;
}
.pro-red{
	width: 100%;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
}
.red2{
	color: #9b0b0b;
	font-weight: bold;
}
.pro-xq{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 38px;
}
.xq-bt{
	display: inline-block;
	font-size: 18px;
	color: #333333;
	line-height: 34px;
	background-color: #e6e6e6;
	padding:0 32px;
	box-sizing: border-box;
	font-weight: bold;
}
.pro-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.pro-p img{
	max-width: 100%;
}
.cu{
	font-weight: bold;
	font-size:18px;
	color:#000;
}
.pro-right{
	width: 290px;
	float: right;
	overflow: hidden;
	background-color: #f5f5f5;
	padding:25px 15px;
	box-sizing: border-box;
}
.p-bt{
	width: 100%;
	overflow: hidden;
	padding-left:45px;
	box-sizing: border-box;
	font-size: 23px;
	color: #666666;
	margin-bottom: 26px;
	line-height: 34px;
}
.p-bt img{
	width:34px ;
	height: 34px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.pro-list{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.pro-list li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-left: 20px;
	box-sizing: border-box;
	margin-bottom: 15px;
	position: relative;
}
.pro-bbt{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
}
.pro-list li::before{
	content: '';
	position: absolute;
	left: 0px;
	top:7px;
	width: 6px;
	height: 6px;
	background-color: #9b0b0b;
}
.pro-list li:hover .pro-bbt{
	color: #9b0b0b;
}
.advatage-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 20px;
}
.advatage-p img{
	max-width: 100%;
}
.sol-list{
	width: 100%;
	margin-bottom: 20px;
}
.sol-list li{
	width: 535px;
	float: left;
	overflow: hidden;
	box-shadow: 0 0 20px #e1e1e1;
	border:1px solid #ddd;
	background-color: #f9f9f8;
	margin-bottom: 30px;
	padding:24px 16px;
	box-sizing: border-box;
}
.sol-list li:nth-child(odd){
	float: left;
}
.sol-list li:nth-child(even){
	float: right;
}
.sol-list li img{
	width: 174px;
	height: 172px;
	float: left;
	overflow: hidden;
}
.sol-nr{
	width: 300px;
	float: right;
	overflow: hidden;
	padding-top:15px;
	box-sizing: border-box;
}
.sol-bt{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	height: 48px;
	color: #333;
}
.sol-list li:hover .sol-bt{
	color: #9b0b0b;
}
.sol-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	height: 72px;
	margin-bottom: 14px;
}
.sol-jian{
	width: 30px;
	height: 14px;
	background: url('../images/25.png') no-repeat;
	background-size: 100% 100%;
	float: right;
	overflow: hidden;
}
.sol-llbt{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 44px;
}
.sol-ppp{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 20px;
}
.sol-ppp img{
	max-width: 100%;
	overflow: hidden;
}
.contanct{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.map{
	width: 620px;
	height: 300px;
	float: right;
	overflow: hidden;
}
.map img{
	width: 100%;
	height: 100%;
}
.con-left{
	width: 440px;
	float: left;
	margin-left: 15px;
	overflow: hidden;
}
.con-bt{
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	color: #333;
	font-size: 24px;
	margin-bottom: 24px;
}
.con-p{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 24px;
}
.con-ma{
	width: 100%;
	overflow: hidden;
}
.con-ma img{
	width: 90px;
	height: 90px;
	float: left;
	overflow: hidden;
	margin-right: 15px;
}
.con-right{
	display: block;
	float: left;
	overflow: hidden;
	padding-top:15px;
	box-sizing: border-box;
}
.con-h1{
	display: block;
	font-size: 21px;
	color: #333;
	margin-bottom: 10px;
	overflow: hidden;
}
.con-h2{
	display: block;
	font-size: 16px;
	color: #333;
	overflow: hidden;
}
.news{
	width: 100%;
	overflow: hidden;
	margin-bottom: 45px;
}
.news-one{
	width: 100%;
	overflow: hidden;
	padding-bottom: 35px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.news-one img{
	width: 183px;
	height: 155px;
	float: left;
	overflow: hidden;
}
.news-nr{
	width: 890px;
	float: right;
	overflow: hidden;
}
.news-bt{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	color: #0b0c0d;
	margin-bottom: 28px;
}
.news-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #777777;
	line-height: 20px;
	height: 40px;
	margin-bottom: 30px;
}
.news-more{
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	border-radius: 7px;
	overflow: hidden;
	padding:0 15px;
	box-sizing: border-box;
	background-color: #9b0b0b;
}
.news-list{
	width: 100%;
	overflow: hidden;
}
.news-list li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.news-h1{
	width: 840px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
	line-height: 60px;
	position: relative;
	padding-left: 22px;
	box-sizing: border-box;
}
.news-h1::before{
	content: '';
	position: absolute;
	left: 0px;
	top:50%;
	width: 6px;
	height: 6px;
	background-color: #ccc;
	border-radius: 50%;
	margin-top: -3px;
}
.news-list li:hover .news-h1{
	color: #9b0b0b;
}
.news-list li:hover .news-h1::before{
	background-color: #9b0b0b;
}
.news-h2{
	width: 200px;
	float: right;
	overflow: hidden;
	font-size: 14px;
	color: #777777;
	line-height: 60px;
	text-align: right;
}
.news-details{
	width: 100%;
	overflow: hidden;
}
.news-llbt{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
	font-weight: bold;
}
.news-time{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #333333;
	margin-bottom: 50px;
}
.n-p{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 20px;
}
.n-p img{
	max-width: 100%;
}