@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
}
a{ text-decoration:none; color:#333;transform: translate(0, 0);
transition:all .3s ease-in 0s;}
a:hover{transition: 0.3s;text-decoration:none;}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.swiper-wrapper{ height:400px;}
.swiper-slide img{ display:block; width:100%;}
.top{
	width:100%;
	max-width:1200px;
	margin:auto;
	height:102px;
}
.top img{
	float:left;
	margin-top:15px;
}
.top ul{
	width:600px;
	float:right;
}
.top ul li{
	width:100px;
	text-align:center;
	float:left;
	height:100px;
}
.top ul li a{
	display:block;
	font-site:16px;
	color:#333333;
	text-decoration:none;
	line-height:100px;
}
.top ul li a:hover{
	background:#a61c1c;
	color:#ffffff;
}
.zlm{
	position:relative;
	z-index:999;
	width:100px;
	background:#ffffff;
	display:none;
}
.top ul li .zlm a{
	color:#333;
	font-size:14px;
	display:block;
	line-height:40px;
	text-align:center;
}
.top ul li .zlm a:hover{
	color:#fff;
	font-size:14px;
	display:block;
	line-height:40px;
}

.pro{
	width:100%;
	max-width:1200px;
	margin:20px auto;
}
.pro h1{
	text-align:center;
	font-size:30px;
	color:#a71b1c;
	font-weight:300;
}
.pro h1 span{
	font-size:20px;
	color:#000;
	display:block;
	font-weight:300;
	line-height:40px
}
.bgcc{
	background:#f2f2f2;
}
.gy{
	width:100%;
	background:url(image/csbg.jpg) top center no-repeat #f9f9f9;
	padding-bottom:30px;
}
.about{
	width:100%;
	max-width:1200px;
	margin:auto;
}
.ser{
	width:100%;
	height:160px;
}
.ser h2{
	color:#ffffff;
	text-align:right;
	line-height:50px;
	font-weight:300;
	padding-right:40px;
	padding-top:30px;
}
.ser table{
	float:right;
	margin-right:40px;
	}
.ser table td .input{
	padding:0px 10px;
	border:1px solid #ffffff;
}
.ser table td .input:focus{outline:none;}
.neirong{
	width:90%;
	background:#ffffff;
	padding:30px 5%;
}
.neirong h2{
    color:#093285;
	font-size:18px;
}
.neirong h2 span{
    color:#333;
	font-size:14px;
	margin-left:10px;
}
.neirong p{
	font-size:14px;
	color:#333333;
	line-height:25px;
}
.neirong img{
	float:right;
	margin-left:30px;
}
.nonr{
	width:100%;
	margin:20px 0;
}
.nonr li{
	width:30%;
	margin:10px 1.6%;
	float:left;
	color:#333333;
	font-size:12px;
}
.nonr li h2{
	margin:0px;
	line-height:40px;
}
.nonr li img{
	float:left;
	margin-right:10px;
}
.foot{
	width:100%;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	background:#b4000b;
	line-height:30px;
}
.hedd{
	background:#f6f6f6;
	border-bottom:1px solid #d8d8d8;
	height:40px;
	font-size:14px;
	line-height:40px;
}
.hedd div{
	width:1200px;
	margin:auto;
}
.hedd div span{
	float:right;
}
.hedd div img{
	margin:0px 5px;
}
.hedd div span strong{
	color:#F00;
	font-size:16px;
	font-weight:300;
}
.cplist{
	width:100%;
}
.cplist dl{
	margin:0px;
	width:100%;
	text-align:center;
	height:510px;
	overflow:hidden;
}
.cplist dl dt{
	margin:auto;
}
.cplist dl dt img{
	display:block;
	margin:auto;
}
.cplist dl dd{
	z-index:11;
	width:1100px;
	margin:auto;
	text-align:right;
	position:relative;
	margin-top:-80px;
	padding-right:50px;
}
.redd{
	background:#cf000d;
	color:#ffffff;
	border-radius:4px;
	text-decoration:none;
	padding:0px 50px;
	margin:5px;
	line-height:37px;
	display:block;
	float:right;
}
.redd:hover{
	background:#94030c;
}
.zx{
	background:#ffffff;
	border:1px solid #cf000d;
	color:#cf000d;
	border-radius:4px;
	text-decoration:none;
	margin:5px;
	text-align:center;
	line-height:35px;
	display:block;
	float:right;
	padding:0px 30px 0px 20px;
}
.zx img{
	float:left;
	margin-right:10px;
}

.about{
	background:url(image/aboutbg.jpg);
	height:455px;
	margin:30px  auto;
}
.about img{
	float:left;
	margin-right:40px;
}
.about h2{
	text-align:center;
	font-size:30px;
	color:#a71b1c;
	font-weight:300;
	margin:0px;
	padding-top:120px;
}
.about p{
	padding:30px 50px;
	font-size:16px;
	line-height:30px;
}
.snew{
	width:1200px;
	margin:auto;
}
.snew nav{
	text-align:center;
	padding:20px 0;
}
.snew nav a{
	background:#dddddd;
	color:#333;
	padding:10px 30px;
	margin:10px;
}
.snew nav a:hover{
	color:#ffffff;
	background:#a61c1c;
}
.snew nav .on{
	color:#ffffff;
	background:#a61c1c;
}
.snew ul{
	padding:20px 0;
	height:300px;
}
.tab-pane ul li{
	width:48%;
	margin:5px 1%;
	border-bottom:1px solid #dcdcdc;
	color:#999;
	font-size:12px;
	padding:10px 0;
	float:left;
}
.tab-pane ul li a{
	display:block;
	color:#000;
	font-size:14px;
	margin-bottom:5px;
	text-decoration:none;
}
.tab-pane ul li a:hover{
	display:block;
	color:#a71b1c;
	font-size:14px;
	margin-bottom:5px;
	padding-left:10px;
	text-decoration:none;
}
.nav{
	width:400px;
	text-align:center;
	margin:auto;
}
.contff{
	color:#FFF;
	background:#cf000d;
	padding:20px;
	text-align:center;
	font-size:16px;
}
.tab .nav-tabs { border-bottom: none; position: relative; }
.tab .nav-tabs li { margin-right: 60px; z-index: 1; }
.tab .nav-tabs li:after { content: ""; width: 100%; border: 1px solid #ccc6c6; position: absolute; top: 50%; right: -60%; z-index: -1; }
.tab .nav-tabs li:last-child:after { border: none; }
.tab .nav-tabs li a { display: block; padding: 15px 20px; background: #fff; font-size: 15px; font-weight: 600; color: #a61c1c; text-transform: uppercase; border-radius: 0; margin-right: 0; border: 2px solid #a61c1c; position: relative; overflow: hidden; z-index: 1; transition: all 0.3s ease 0s; }
.tab .nav-tabs li.active a, .tab .nav-tabs li a:hover { color: #fff; border: 2px solid #a61c1c; }
.tab .nav-tabs li a:after { content: ""; display: block; width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s; }
.tab .nav-tabs li.active a:after, .tab .nav-tabs li a:hover:after { height: 100%; background: #a61c1c; }
.tab .tab-content { padding: 20px 10px; margin-top: 0; font-size: 14px; color: #999; line-height: 26px; }
.tab .tab-content h3 { font-size: 24px; margin-top: 0; }

@media only screen and (max-width: 767px) {
.tab .nav-tabs li { margin: 0 25px 0 0; }
}

@media only screen and (max-width: 479px) {
.tab .nav-tabs li { width: 100%; text-align: center; margin: 0 0 10px 0; }
.tab .nav-tabs li:after { width: 0; height: 100%; top: auto; bottom: -60%; right: 50%; }
}
.nrk{
	width:100%;
	max-width:1200px;
	margin:20px auto;
}