@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	list-style:none; font-family:微软雅黑; font-size:15px;
}
body {
	margin: 0px; color:#666;
}
ul,li{list-style:none;}
em,i{ font-style: normal;}
a{ color:#333; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;color:#333;}
.topBar { padding:5px 0; position: absolute; z-index: 9999999999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: url(../head/topnavbg.png); width: 100%; min-width: 1600px; -moz-box-shadow: -1px -4px 9px #333333; -webkit-box-shadow: -1px -4px 9px #333333; box-shadow: -1px -4px 9px #333333; z-index: 99999999999999999999 }

/*.topBar { padding: 0px 0; position: fixed; z-index: 9999999999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: url(../head/topnavbg.png); width: 100%; min-width: 1600px; -moz-box-shadow: -1px -4px 9px #333333; -webkit-box-shadow: -1px -4px 9px #333333; box-shadow: -1px -4px 9px #333333; z-index: 99999999999999999999 }*/
.topBar2 { padding:5px 0; z-index: 9999999999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: url(../head/topnavbg.png); width: 100%; min-width: 1600px; -moz-box-shadow: -1px -4px 9px #333333; -webkit-box-shadow: -1px -4px 9px #333333; box-shadow: -1px -4px 9px #333333; z-index: 99999999999999999999 }

.nav2{

	margin:0px auto;
	overflow:hidden;
}
.nav2 li {
	width:11%;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.banner {height: 800px;position: relative;background: url(../images/aboutvideo.jpg) no-repeat center / cover;}
.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: #e62022;border-color: #e62022;}
.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-pagination {display: none;}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}



.pro {
	overflow:hidden;
}
.pro li {
	width:45%;
	float:left;
	height:400px;
	margin-left:25px;
	margin-bottom:20px;
	border:0px solid #ccc;border-radius:20px; overflow:hidden;box-shadow: 1px 1px 5px 5px #ccc; margin-top:10px;
}
.pro li .pic {
	text-align:center;
}
.pro li .pic img {
	height:350px;
	width:100%;
}
.pro li .tit {
	background:#f2f2f2;
	text-align:center;
	height:50px;
	line-height:50px; 
}
.pro a:hover li {
	width:45%;
	float:left;
	height:400px;
	margin-left:25px;
	margin-bottom:20px;
	border:0px solid #c00;box-shadow: 1px 1px 5px 5px #999;
}
.pro a:hover li .tit {
	background:#c00;
	text-align:center;
	height:50px;
	line-height:50px; color:#FFF; font-size:20px; font-weight:800;
}
.fenlei {
	overflow:hidden;
}
.fenlei li {
	border:1px solid #ccc;
	margin-bottom:6px;
	box-shadow: inset 10px 10px 10px #ccc;
	text-indent:2em;
	padding:18px 0px;
	font-size:18px;
	border-left:8px solid #C00; background:#FFF;
}
.fenlei a:hover li {
	box-shadow: inset 10px 10px 10px #aa0707;
	border-left:8px solid #aa0707;
	color:#FFF;
	background: #C00;
	font-weight:700;
}
.shipin {
	width:1600px;
	margin:0px auto;
	overflow:hidden;
}
.shipin li {
	width:300px;
	height:300px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.shipin li .pic {
	width:300px;
	height:200px;
	overflow:hidden;
}
.shipin li .pic img {
	width:300px;
	height:200px;
}
.shipin li .tit { text-align:center; 

}
.fahuo {
	width:1600px;
	margin:0px auto;
	overflow:hidden;
}
.fahuo li {
	width:380px;
	height:300px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.fahuo li .pic {
	width:380px;
	height:250px;
	overflow:hidden;
}
.fahuo li .pic img {
	width:380px;
	height:250px;
}
.fahuo li .tit { text-align:center; color:#FFF;

}
.news{ width:1600px; margin:0px auto; overflow:hidden;}
.news li{ width:22%; float:left;  height:500px; margin-left:15px; margin-right:15px;  background:#FFF;}
.news li .tit{ font-size:16px; padding:10px 20px 10px 20px; height:50px; font-weight:700; text-align:center; color:#333;}
.news li img{ max-width:100%;}
.news li .info{ width:90%; margin:0px auto; padding-top:20px; border-top:1px solid #ccc; font-size:15px; color:#999;}
.news li .date{  font-size:14px; color:#999;}
.fl{ overflow:hidden;}
.fl li{ width:45%; float:left; color:#f2f2f2;}
.content2{ width:1600px; margin:0px auto; overflow:hidden;}
.content2 .left2{ width:300px; float:left; overflow:hidden; padding:10px;}
.content2 .right2{ width:1280px; float:right; overflow:hidden;}
.pro2 {
	overflow:hidden;
}
.pro2 li {
	width:31%;
	float:left;
	height:350px;
	margin-left:25px;
	margin-bottom:20px;
	border:0px solid #ccc;border-radius:20px; overflow:hidden;box-shadow: 1px 1px 5px 5px #ccc; margin-top:10px;
}
}
.pro2 li .pic {
	text-align:center;
}
.pro2 li .pic img {
	height:300px;
	width:100%;
}
.pro2 li .tit {
	background:#f2f2f2;
	text-align:center;
	height:50px;
	line-height:50px; 
}
.pro2 a:hover li {

float:left;
	height:350px;
	margin-left:25px;
	margin-bottom:20px;
	border:0px solid #c00;box-shadow: 1px 1px 5px 5px #999;
}
.pro2 a:hover li .tit {
	background:#c00;
	text-align:center;
	height:50px;
	line-height:50px; color:#FFF;  font-weight:800;
}
.border-bottom{ border-bottom:1px solid #ddd;}
.fs-20{ padding:15px; font-size:20px;}
.protit{ border-bottom:1px solid #ccc; font-size:40px; font-weight:700; padding:20px 0px; text-align:center; margin-bottom:20px;}
.xw{ padding:10px; overflow:hidden;}
.xw li{ background:url(images/xw.png) no-repeat left top; border-bottom:1px dashed #ccc; line-height:30px; text-indent:2em;}

.content3{ width:1400px; margin:0px auto; overflow:hidden; }
.chukou {
	overflow:hidden;
}
.chukou li {
	width:30%;
	float:left;
	height:350px;
	margin-right:20px; margin-left:25px;
	margin-bottom:20px;
	border:1px solid #ddd;box-shadow: 0px 5px 5px #ccc;border-radius:0px 0px 10px 10px;
}
.chukou li .pic {
	text-align:center;
}
.chukou li .pic img {
	height:300px;
	width:100%;
}
.chukou li .tit {
	
	text-align:center;
	height:50px; line-height:50px;

}
.chukou a:hover li {

	border:1px solid #ddd;box-shadow: 0px 5px 5px #ccc;
}
.chukou a:hover li .tit {

}
.news-list02{ padding-top:70px; background: url(images/news-font02.png) no-repeat top 10px center;}
.news-list02 ul{ clear: both; overflow: hidden; padding-bottom: 20px; border-radius: 10px; background-color: #FFF; box-shadow: 0 0 12px rgba(46,55,98,0.4); -webkit-box-shadow: 0 0 12px rgba(46,55,98,0.4); -moz-box-shadow: 0 0 12px rgba(46,55,98,0.4); border:1px solid #EEEEEE\0;}
.news-list02 li{ float: left; width: 42%; margin:0 4%; padding: 40px 0 30px; border-bottom: 1px dashed #C0C0C0;}
.news-list02 li h3{ font-size: 18px; overflow: hidden; font-weight:700;}
.news-list02 li:hover h3 a{ color: #000;}
.news-list02 li p{ color: #666; font-size: 16px; line-height: 30px; height: 60px; margin: 22px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news-other{ height: 30px; line-height: 30px;}
.news-other span{ color: #666; font-size: 16px; padding-left: 26px; background: url(images/news-time.png) no-repeat left center; }
.news-other a{ float: right; color: #666; font-size: 16px; }
.news-list02 li:hover .news-other a{ color: #EFBD45; font-weight: bold; }
.news-list02 li:last-child, .news-list02 li:nth-last-child(2){ border-bottom: none;}
.pro-list{ margin-top:100px;}
.pro-tit{ line-height: 72px; text-align: center;}
.pro-tit span{ float: left; color: #003366; font-size: 16px; width: 200px; padding-left: 36px; background: url(images/tit-ico01.png) no-repeat left center;}
.pro-tit .tit-more{ float: right; width: 200px; text-align: right;}
.tit-more a{ color: #6774B8; font-size: 16px; padding-right: 42px; background: url(images/tit-more01.png) no-repeat right center;}
.tit-more a:hover{ font-weight: bold;}
.pro-tit h2{ display: inline-block; width: 427px; height: 72px; line-height: 70px; background: url(images/tit-bg.png) no-repeat right center;}
.pro-tit h2 a{ display: inline-block; color:#FEFEFE; font-size: 30px; font-weight: normal; padding: 0 40px;}
.news-show{ margin-top: 70px;}
.news-main{ clear: both; overflow: hidden; margin-top: 40px;}
.news-main table{ margin-bottom: 20px;}
.main-fl{ float: left; width: 70%;}
.main-fr{ float: right; width: 25%; border-left: 1px solid #E6E6E6;} 
.main-fl h2{ color: #333; font-size: 25px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}
.main-fl h3{ color: #333; font-size: 24px; line-height: 47px; padding-left: 20px; margin-bottom: 20px; background: url(../images/news-name.png) no-repeat left center;}
.main-fl p{ color: #333; font-size: 16px; line-height: 30px; text-indent: 2em; margin-bottom: 12px;}
.main-fl p img, .main-fl p video{ max-width: 100%; height: auto; margin-left: -2em; margin-bottom: 10px;}
.main-fl p a, .main-fl p span{ color: #DA251D; cursor: pointer; }
.main-fl table td{ padding: 5px 2px; word-break: break-all;}