@import url("//www.jiaodong.net/inc/millia/millia.css");
@import url("//www.jiaodong.net/inc/millia/swiper3.4.2.css");

html {
    font-size: 100%;
}
@media (max-width:768px) {
	html {
		font-size: 100%;
	}
}
@media (max-width:540px) {
	html {
		font-size: 100%;
	}
}
@media (max-width:440px) {
	html {
		font-size: 87.5%;
	}
}
@media (max-width:340px) {
	html {
		font-size: 75%;
	}
}
.millia{width:1200px;margin:0 auto;position:relative;}
.topic{background:url(images/topic.jpg) no-repeat top center;
background-size: auto 100%;}
.topic img{
    width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
    margin: 0 auto;
}
#nav{background:#c10000;border-top:3px solid #a20101;}
#nav ul{text-align:center;font-size:0;}
#nav ul li{display:inline-block;font-size:20px;line-height:50px;position:relative;}
#nav ul a{color:#fff;display:block;padding:0 23px;cursor:pointer;font-weight:normal;transition:all .5s;}
#nav ul li img{display:inline-block;margin:10px 10px 0 0;vertical-align:top;}
#nav ul li.hover,#nav ul li a:hover{background:#a20101;text-decoration:none;}
#markbg{display:none;}

.ht01{border-top:1px solid #e3e2e2;position:relative;height:34px;line-height:34px;}
.ht01 a.amore{display:block;position:absolute;right:0;top:12px;color:#c10000;padding-left:10px;border-left:1px solid #b6b6b6;line-height:16px;font-size:14px;}
.ht01 b{font-size:22px;display:inline-block;background:url(images/htbg01.png) no-repeat left top;padding-left:30px;color:#fff;font-weight:normal;position:relative;}
.ht01 b:after{content:"";position:absolute;display:block;background:url(images/htbg01.png) no-repeat right top;right:-50px;top:0;width:50px;height:34px;}

h2{font-size:22px;padding:15px 0;}

hr{height:1px;border:none;border-top:1px dashed #cbcbcb;margin:18px 0 15px 0;*margin:14px 0 2px 0;float:none;*float:left;display:block;}
.ls01 li{background:url(images/list01.png) no-repeat left center;padding-left:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.focus .swiper-slide{width:560px;height:350px;overflow:hidden;position:relative;}
.focus .swiper-slide b{display:block;width:100%;font-size:20px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);text-align:center;padding:18px 0 45px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focus .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active{background:#c10000;width:30px;}
.focus .swiper-slide img{width:100%;height:100%;transition:all .5s;}
.focus .swiper-slide:hover img{transform:scale(1.2,1.2);}

.erInfo b{font-weight:normal;color:#ca1301;}
.erInfo a{color:#666;}
.erImg{float:left;margin-right:20px;background:url(images/erbg.png) no-repeat left top;padding:8px 20px 35px 20px;background-size:100% 100%;position:relative;}
.erImg:after{display:block;position:absolute;left:0;bottom:0;content:"ɨÃè¶þάÂë²ÎÓë´ðÌâ";width:100%;text-align:center;color:#fff;font-size:14px;line-height:28px;}

.bg01{background: url(images/bg01.jpg) top center repeat-x #f9f4f1;padding:50px 0;}

.ht02,.ht03{text-align:center;position:relative; overflow: hidden; height: 1.6rem;}
.ht02 b,.ht03 b{position:relative; display: block; z-index:2; height: 1.6rem;width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; line-height: center;}
.ht02 b img,.ht03 b img{
    height: 100%;
    width: auto;
}
.ht02 b a.more{
	position: absolute;
	right: 0;
	background: #f9f5f4;
	padding: 0 0.4rem 0 1.1rem;
	line-height: 1.6rem;
	height: 1.6rem;
	font-size: 14px;
	color: #c10000;
	font-weight: normal;
}
.ht02 b a.more::before{
	content: "";
	position: absolute;
	left: 0.4rem;
	width: 1px;
	height: 14px;
	top: 50%;
	margin-top: -7px;
	background: #c10000;
}
.ht02:before,.ht03::before,.ht02::after,.ht03::after{content:"";border-bottom:1px solid #ca1301;width:50%;position:absolute;display:block;top:0.9rem;z-index:1;}
.ht02:before,.ht03::before{
    right: 50%;
    margin-right: 5.8rem;
}
.ht02::after,.ht03::after{
    left: 50%;
    margin-left: 5.8rem;
}
.ht03::before,.ht03::after{border-bottom:1px solid #fff; top: 0.85rem;}
#scrollPic{position:relative;overflow:hidden;}
#scrollPic .rightMark{width:50%;height:100%;position:absolute;right:0;top:0;margin-right:-600px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .leftMark{width:50%;height:100%;position:absolute;left:0;top:0;margin-left:-600px;background:url(images/markbg.png) repeat;z-index:1;}
#scrollPic .swiper-slide{width:1200px;position:relative;}
#scrollPic .swiper-slide p{position:absolute;left:23%;top:-100%;background:url(images/icon02.png) no-repeat left top;padding-left:110px;color:#fff;text-shadow:1px 1px 2px #333;}
#scrollPic .swiper-slide p b{font-size:32px;font-weight:bold;padding:10px 0 15px 0;display:block;}
#scrollPic .swiper-slide img{width:100%;height:auto;}
#scrollPic .swiper-slide a{color:#fff;}
#scrollPic .swiper-button-next{width:45px;height:100px;right:50%;margin-right:-645px;}
#scrollPic .swiper-button-prev{width:45px;height:100px;left:50%;margin-left:-645px;}

.bg02{background:url(images/bg02.jpg) #b01609 no-repeat bottom center;padding:50px 0;}

.agroup{color:#fff;}
.agroup a{color:#fff;margin:0 5px;}
.agroup a:first-child{margin-left:0;}

@media screen and (max-width:640px){
.millia{width:96%;overflow:hidden;}
#nav{position:fixed;top:1%;right:1%;box-sizing:border-box;z-index:999;display:block;padding-top:50px;}
#nav span{background:url(images/navbg.png) rgba(162,0,0,.8) no-repeat center center;width:46px;height:46px;border-radius:50%;display:block;position:absolute;right:0;top:0;}
#nav ul{display:none;position:absolute;right:0;top:50px;}
#nav ul li{font-size:1.6rem;line-height:2rem;width:100%;text-align:center;border:none;margin-bottom:.1rem;background:rgba(162,0,0,.8);}
#nav ul li a{padding:.8rem 1.5rem;display:block;white-space:nowrap;color:#fff;}
#nav ul li img,#scrollPic .swiper-slide p,#scrollPic .swiper-pagination,#scrollPic .swiper-button-prev{display:none !important;}
#markbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:998;display:none;}	

h2{font-size:2rem;}
.ls01 li{font-size:1.6rem;line-height:2.8rem;padding-left:1.2rem;}
.focus .swiper-slide{width:100% !important;height:auto !important;}
.focus .swiper-slide b{padding:1rem 0;font-size:1.5rem;}
.focus .swiper-pagination{display:none;}

.erImg{float:none;background-position:top center;background-size:contain;text-align:center;margin:0 0 2rem 0;}

.ht01 b{font-size:1.8rem;}
.erInfo{font-size:1.6rem;line-height:2.8rem;}

#scrollPic .swiper-slide,#scrollPic img{width:100% !important;height:auto !important;}
#scrollPic .swiper-slide span{font-size:1.4rem;}

.bg01{padding:3rem 0 2rem;}
.agroup{font-size:1.4rem;line-height:2.4rem;}
}

.videoBox{
    width: 100%;
	position: relative;
}
.videoBox video{
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.video_play{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-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;
}
.video_play img{
	height: auto;
    width: 20%;
    max-width: 5.5rem;
}

.videoSwiper {
	width: 100%;
	position: relative;
}
.videoSwiper .swiper-container{
	overflow: hidden;
}
.videoSwiper .swiper-slide{
	height: 100%;
	position: relative;
}
.videoSwiper .swiper-slide a>img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.videoSwiper .swiper-slide:hover a>img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.videoSwiper .swiper-slide p {
	display: none;
	height: 2.6rem;
	line-height:2.6rem;
	padding:0rem 6rem 0 0.8rem;
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-size:1.1rem;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.videoSwiper .pagination {
	position: absolute;
	right: 0;
	bottom: 1rem;
	z-index: 9;
	line-height: 0;
	width: 100%;
	text-align: center;
}
.videoSwiper .swiper-pagination-bullet{
	display: inline-block;
	width: 0.45rem;
	height: 0.45rem;
	background: #ffffff;
	margin: 0 0.35rem;
	cursor: pointer;
	opacity: 1;
	border-radius: 0.25rem;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.videoSwiper .swiper-pagination-bullet-active{
	background: #c10000;
	width: 2rem;
}
@media (max-width:768px) {

}