@charset "utf-8";

#banner{ width: 100%; min-width: 1200px; overflow: hidden; position: relative; top: -70px; background-color: #000;}
	.banner .video-box{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: #000;
	}
	.banner .video-box video{
		position: absolute;
		width: auto;
		height: auto;
		max-width: 100%;
		min-width: 100%;
		max-width:  calc(100%+1px);
		min-width: calc(100%+1px);
		object-fit:fill;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
#banner a img{width: 100%; display: block;}
#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8); position: relative; height: auto !important;}
#banner .swiper-button-prev,#banner .swiper-button-next{margin-top: 30px;}
#banner .swiper-button-prev{left: 0;}
#banner .swiper-button-next{right: 0;}
#banner .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#banner .swiper-pagination-bullet-active{background-color: #D70021;}
#banner .banner-con{text-align: center; position: absolute; width: 90%; left: 5%; top: 50%; transform: translate(0,-50%); color: #fff;}
#banner .banner-con h2{font-size: 48px; font-weight: lighter; letter-spacing: 10px; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con h4{font-size: 12px; font-weight: lighter; letter-spacing: 5px; position: relative; top: -2px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con h5{font-size: 12px; font-weight: lighter; letter-spacing: 6px; position: relative; margin-top: 40px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con span{width: 30px; height: 1px; display: block; margin: 10px auto; background-color: #fff; opacity: .8; box-shadow: 0 0 3px rgba(0,0,0,.4);}
#banner .banner-con h3{font-size: 16px; font-weight: lighter; letter-spacing: 4px; position: relative; text-shadow: 0 0 3px rgba(0,0,0,.4);}

.module-title{padding:50px 0 40px 0; display: block; display: flex; position: relative;}
.module-title h2{color: #333333;font-size: 21px; display: inline-block; vertical-align: middle;}
.module-title span{height: 19px; position: relative; top: 5px; border-left: 6px solid #d70021; border-right: 4px solid #333; margin:0 5px 0 8px; width: 12px;display: inline-block; vertical-align: middle;}
.module-title h3{color: #888;font-size: 25px; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; font-weight: lighter; display: inline-block; vertical-align: middle;}
.module-title .more{ position: absolute; right: 0; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #000000; width: 110px; padding-left: 18px; line-height: 26px; height: 28px;  border: solid 1px #707070; border-radius: 20px; transition: all 0.4s ease-in-out;	background: #fff no-repeat left -15px center;}
.module-title .more:hover{
	background: #D70021 url(../images/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	color: #fff;
	width: 130px;
}

.module-1{ background: #fff; margin-top: -70px;}
.module-1 .slideProBox{overflow: hidden;}
.module-1 .slideProBox .hd{width: 240px; height: 702px; float: left; overflow: hidden; background-color: #f1f1f1;}
.module-1 .slideProBox .hd ul li{height: 117px; line-height: 117px; display: block; margin: 0 -100px; text-align: center; vertical-align: middle; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.08);transition: all 0.4s ease-in-out; letter-spacing: 3px; overflow: hidden;}
.module-1 .slideProBox .hd ul li:first-child{border-top: 1px solid rgba(0,0,0,0.08);}
.module-1 .slideProBox .hd ul li span{display: inline-block; position: relative; vertical-align: middle; margin: 0 20px; opacity: 0; height: 4px; width: 23px; border-top: 1px solid #D70021; border-bottom: 1px solid #D70021; transition: all 0.4s ease-in-out;}
.module-1 .slideProBox .hd ul li span.left{ left: -40px;}
.module-1 .slideProBox .hd ul li span.right{ right: -40px;}
.module-1 .slideProBox .hd ul li.on{background-color: #222; color: #fff; letter-spacing: 1px;}
.module-1 .slideProBox .hd ul li.on span.left{opacity: 1; left: 0;}
.module-1 .slideProBox .hd ul li.on span.right{opacity: 1;right: 0;}
.module-1 .slideProBox .bd{margin-left: 240px; position: relative; overflow: hidden; height: 702px;}
.module-1 .slideProBox .bd .pro-1,
.module-1 .slideProBox .bd .pro-2,
.module-1 .slideProBox .bd .pro-3,
.module-1 .slideProBox .bd .pro-4,
.module-1 .slideProBox .bd .pro-5,
.module-1 .slideProBox .bd .pro-6,
.module-1 .slideProBox .bd .pro-7,
.module-1 .slideProBox .bd .pro-8{opacity: 0; position: absolute; width: 100%; height: 700px; top: 0; left: 0;transition: all 0.4s ease-in-out;}
.module-1 .slideProBox .bd .on{opacity: 1;}
.module-1 .swiper-slide{position: relative;}
.module-1 .box-bg{height: 702px; background-size: cover; background-position: center;}
.module-1 .box-con{position: absolute; width: 25%; max-width:350px; min-width: 240px; height: 500px; border: 2px solid rgba(0,0,0,0.5); padding: 5px; right: 120px; top: 100px; }
.module-1 .box-con .box-con-1{position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); background-color: rgba(0,0,0,0.7); }
.module-1 .box-con .box-con-1 .box-border{ position: absolute; width: 100%; top: 50%; padding: 0 20px; transform: translate(0,-50%);}
.module-1 .box-con h2{font-size: 32px;font-weight: normal;line-height: 42px;letter-spacing: 7px;color: #ffffff; text-align: center;}
.module-1 .box-con span{ display: block; margin: 15px auto 30px; height: 3px; background: #fff; width: 53px;}
.module-1 .box-con div{color: #fff; text-align: center; line-height: 2.6em;}
.module-1 .box-con i{text-transform: uppercase; display: block; margin: 30px auto 0; text-align: left; box-sizing: border-box; font-size: 12px; color: #fff; width: 90px; padding-left: 22px; line-height: 26px; height: 28px;  border: solid 1px #fff; font-style: normal; transition: all 0.4s ease-in-out; background: no-repeat left -15px center;}
.module-1 .box-con i:hover{
	background: #D70021 url(../images/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	color: #fff;
	width: 110px;
}
.module-1 .swiper-button-prev{left: 10px;}
.module-1 .swiper-button-next{right: 10px;}
.module-1 .swiper-button-prev:after{font-size: 28px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.module-1 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 28px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}

.module-2{background-position: center; overflow: hidden; background-size: cover; padding-bottom: 40px;}
.module-2 .left-box{width: 270px; position: relative; z-index: 2;}
.module-2 .left-box .list-01,
.module-2 .left-box .list-02,
.module-2 .left-box .list-03,
.module-2 .left-box .list-04{ width: 270px; height: 115px; position: relative; padding: 30px 0 0 30px; border: 1px solid #f6f6f6; margin-bottom: 10px; background-color: #fff; transition: all 0.3s ease-in-out;}
.module-2 .left-box .list-04{margin-bottom: 0;}
.module-2 .left-box .icon{ border: 2px solid #eee; background-color: #eee; position: relative; box-sizing: content-box; border-radius: 100%; width: 52px; height: 52px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat;  transition: all 0.3s ease-in-out;}
.module-2 .left-box .line-left{position: absolute; bottom: -1px; left: 0; width: 33%; height: 2px; background-color: #333; transition: all 0.3s ease-in-out;}
.module-2 .left-box .line-right{position: absolute; bottom: -1px; right: 0; width: 67%; border-left: 2px solid #fff; height: 2px; background-color: #D70021; transition: all 0.6s ease-in-out;}
.module-2 .left-box .on .line-left{position: absolute; bottom: -1px; left: 0; width: 0%; height: 2px; background-color: #333;}
.module-2 .left-box .on .line-right{position: absolute; bottom: -1px; right: 0; width: 0%; border: 0; height: 2px; background-color: #fff;}
.module-2 .left-box .on .icon{ border: 2px solid #fff; background-color: #D70021; top: 0; left: 0;  }
/* .module-2 .left-box .on .icon{ border: 2px solid #fff; background-color: #D70021; top: 0; left: 0; animation: flip .8s forwards;} */
@keyframes flip{
	0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
.module-2 .left-box .list-01 .icon{background-image: url(../images/icon-01.png);}
.module-2 .left-box .list-01.on .icon{background-image: url(../images/icon-01a.png);}
.module-2 .left-box .list-02 .icon{background-image: url(../images/icon-02.png);}
.module-2 .left-box .list-02.on .icon{background-image: url(../images/icon-02a.png);}
.module-2 .left-box .list-03 .icon{background-image: url(../images/icon-03.png);}
.module-2 .left-box .list-03.on .icon{background-image: url(../images/icon-03a.png);}
.module-2 .left-box .list-04 .icon{background-image: url(../images/icon-04.png);}
.module-2 .left-box .list-04.on .icon{background-image: url(../images/icon-04a.png);}
.module-2 .left-box .list-title{display: inline-block; vertical-align: middle; padding-left: 15px; }
.module-2 .left-box .list-title h2{ font-size: 18px; font-weight: normal;}
.module-2 .left-box .list-title p{ font-size: 12px; color: #888;}
.module-2 .left-box .on{background-color: #D70021; color: #fff; border: 1px solid #D70021;}
.module-2 .left-box .on p{color: #fff;}
.module-2 .right-box {top: 0; left: 0; z-index: 1; width: 100%; position: absolute; height: 100%;}
.module-2 .right-box .con-01,
.module-2 .right-box .con-02,
.module-2 .right-box .con-03,
.module-2 .right-box .con-04{opacity: 0; width: 100%; position: absolute; top: 0; left: 280px; height: 100%; transition: all 0.3s ease-in-out;}
.module-2 .right-box .on{opacity: 1;}
.module-2 .right-box .con-box{position: relative; height: 490px; }
.module-2 .right-box .con-box-bg{position: absolute; opacity: 0; width: 60%; top: 0; left: 0; background: no-repeat left center; background-size: cover; height: 100%; transition: all 0.6s ease-in-out;}
.module-2 .right-box .on .con-box-bg{opacity: 1;}
.module-2 .right-box .con-title{position: absolute; z-index: 1; width: 40%; min-width: 400px; right: 280px; top: 50%; height: 320px; transform: translate(30%,-50%); background-color: rgba(255,255,2558,.95); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.16); padding: 40px 35px; transition: all 0.5s ease-in-out;}
.module-2 .right-box .on .con-title{ transform: translate(0,-50%);}
.module-2 .right-box .con-title>h2{ font-size: 20px; font-weight: normal;}
.module-2 .right-box .con-title>h3{ font-size: 14px; font-weight: normal; color: #888;}
.module-2 .right-box .con-title>span{display:block; margin: 10px 0 20px; width: 33px;height: 3px;background-color: #d70021;}
.module-2 .right-box .con-title>div{line-height: 1.5em;}
.module-2 .right-box .con-title>div .more{ text-transform: uppercase; display: block; margin: .2rem 0 0 0;  transform: translate(30%,0); transition: all 1s ease-in-out; box-sizing: border-box; font-size: 12px; color: #000000; width: 80px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #707070; border-radius: 20px; transition: all 0.4s ease-in-out; background: #fff no-repeat left 15px center;}
.module-2 .right-box .con-title>div .more:hover{
	background: #D70021 url(../images/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	padding-left: 15px;
	color: #fff;
	width: 95px;
}
.module-2 .right-box .on  .con-title>div .more{transform: translate(0,0);}


.module-3{background:#f1f1f1;}
.module-3 .main-box{padding-bottom: 40px;}
	.hot-news{ width:50%; float: left; overflow:hidden; position:relative; margin-bottom: .3rem;}
	.news-img{ height:4.78rem; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
	.news-img img{ display:block; width:100%; opacity: 0; filter: alpha(opacity=0);}
	.hot-news .hot-news-con{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); height:90px; background:url(../images/more-2.png) 92% center #fff no-repeat; background-size: .22rem; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
	.hot-news .hot-news-con .news-title{display:table; width:100%; height:100%; overflow:hidden;}
	.hot-news .title{ padding-right:25%; padding-left:.3rem; margin-top:.25rem; line-height:.32rem; color:#000; font-size: 18px; overflow:hidden;}
	.hot-news:hover .news-img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
	.hot-news:hover .hot-news-con{background:url(../images/more-2.png) 95% center #fff no-repeat; background-size: .22rem;}
	.hot-news:hover .title{ color:#D70021; font-weight: bold; transition:all 0.3s;}

	.news-list-r{ width:50%; float: left; text-align:left; padding-left:.15rem;}
	.news-list-r li{ display:block; width: calc(100% + .1rem); position: relative; left: 0; height:1.54rem; background-color:#fff; margin-bottom:.08rem; transition:all 0.3s;}
	.news-list-r li:hover{box-shadow: 0 3px 20px rgba(0,0,0,0.2); transform:scale(1.02, 1.02);}
	.news-list-r li a{ display:block; overflow:hidden; color:#666;}
	.news-list-r .list-time{ display: block; border-right: 1px solid #eee; padding-right: .2rem; height:1.2rem; position: relative; left: .3rem; width: .90rem; float: left; overflow:hidden; text-align:left; transition:all 0.3s; margin-top: .2rem; padding-top: .1rem;}
	.news-list-r .list-time em,.news-list-r .list-time b{ display:block;}
	.news-list-r .list-time b{ display:block;  color:#333; font-size:38px; height:.35rem; line-height:.35rem; font-weight:normal; border-bottom: 1px solid #eee; margin-bottom:.1rem; padding-bottom: .2rem;}
	.news-list-r .list-time em{ font-style:normal; height:.2rem; line-height:.2rem; font-size:14px; color: #888;}
	.news-list-r li a:hover .list-time{border-right:0; }
	.news-list-r li a:hover .list-time em,.news-list-r a:hover .list-time b{color: #fff;}
	.news-list-r li a:hover .list-time b{ border-bottom: 1px solid rgba(255,255,255,.2);}
	
	.news-list-r .list-title{ margin-top:.25rem; height: 1.05rem; position: relative; padding-left: .5rem; padding-right: .2rem; overflow:hidden; display:block; background-size: .22rem; transition:all 0.3s;}
	.news-list-r .list-title b{ color:#333; display:block; height:.32rem; line-height:.32rem; overflow:hidden; letter-spacing:1px; font-size:18px; font-weight:normal;}
	.news-list-r .list-title span{ display:block; color: #888; line-height:1.5em; height:3em; overflow:hidden; margin-top:.1rem; font-size:14px; display: -webkit-box;　-webkit-box-orient: vertical;
　　-webkit-line-clamp: 2;　overflow: hidden;}
	.news-list-r li a{position: relative;}
	/* .news-list-r li:hover .list-title { padding-left: .4rem;} */
	.news-list-r li:hover .list-title b{ color:#D70021; }
	.news-list-r li .list-bg{position: absolute; opacity: 0; left: 0; top: 0; height: 100%; width: 1.2rem; background-color: #D70021; transition:all 0.3s;}
	.news-list-r li:hover .list-bg{opacity: 1; }
	
	.news-list-r li .line-left{position: absolute; z-index: 2; bottom: 0; left: 0; width: 0; height: 2px; background-color: #333; transition: all 0.3s ease-in-out;}
	.news-list-r li .line-right{position: absolute; z-index: 1; bottom: 0; right: 0; width: 0; border-left: 2px solid #fff; height: 2px; background-color: #D70021; transition: all 0.5s ease-in-out;}
	.news-list-r li .line-left{position: absolute; bottom: 0; left: 0; width: 1.2rem; height: 2px; background-color: #333;}
	.news-list-r li .line-right{position: absolute; bottom: 0; right: 0; width: calc( 100% - 1.2rem); height: 2px; background-color: #D70021;}
	.news-list-r li:hover .line-left{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #fff;}
	.news-list-r li:hover .line-right{position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background-color: #D70021;}

.module-4{padding-bottom: 50px;}
.module-4 .list-01,
.module-4 .list-02,
.module-4 .list-03{height: 280px; overflow: hidden; position: relative; background: #f1f1f1; display: inline-block; white-space: nowrap; width: 225px; transition:all 1.4s;}
.module-4 .list-01,
.module-4 .list-02{ margin-right: 10px;}

.module-4 .main-box .icon-box{width: 225px; position: absolute; left: 0; top: 0;}
.module-4 .main-box .icon{ width: 70px; margin: 50px auto 0; height: 70px; border-radius: 100%; background-color: #fff; background-position: center; background-repeat: no-repeat; transition:all 0.5s;}

.module-4 .main-box .con{display: none;}
.module-4 .main-box .on .con{opacity: 1;}

.module-4 .main-box .icon-box .title-box{position: relative; padding-top: 20px;}
.module-4 .main-box .icon-box .title-box h2{font-size: 18px; text-align: center; font-weight: normal; transition:all 0.5s;}
.module-4 .main-box .icon-box .title-box h3{font-size: 12px; text-align: center; font-weight: normal; position: absolute; width: 100%; color: #888; text-align: center; top: 70px;}
.module-4 .main-box .icon-box .title-box span{width: 30px; height: 3px; display: block; margin: 10px auto; background-color: #D70021;}

.module-4 .main-box .on{width: calc(100% - 479px);}
.module-4 .main-box .on .icon-box{display: none;}

.module-4 .main-box .pic{width: 225px; opacity: 0; height: 280px; transition:all 0.8s; background-size: cover; background-position: center; display: inline-block; vertical-align: middle;}
.module-4 .main-box .on .pic{opacity: 1; width: 36%; min-width: 280px; height: 280px;}
.module-4 .main-box .con{display: inline-block; vertical-align: middle; width: 64%;}
.module-4 .main-box .con .title-box{position: relative; padding-left: 30px; padding-top: 40px;}
.module-4 .main-box .con .title-box h2{text-align: left; font-size: 18px; font-weight: normal; transition:all 0.5s;}
.module-4 .main-box .con .title-box h3{font-size: 12px; text-align: center; font-weight: normal; position: absolute; width: 100%; color: #888; top: 70px;text-align: left;}
.module-4 .main-box .con .title-box span{width: 30px; height: 3px; display: block; background-color: #D70021; margin: 40px 0 30px;}
.module-4 .main-box .con .describe{display: block; width:7rem; padding: 0 0 0 30px; white-space: normal;}
.module-4 .main-box .con .more{display: block; text-transform: uppercase; margin: 20px 30px; text-align: left; box-sizing: border-box; font-size: 12px; color: #fff; width: 90px; padding-left: 22px; line-height: 26px; height: 28px;  border: solid 1px #D70021; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background:  #D70021 no-repeat left 15px center;}
.module-4 .main-box .con .more:hover{
	background: #D70021 url(../images/icon-more.png) no-repeat right 15px center;
	padding-left: 16px;
	border-color: #D70021;
	color: #fff;
	width: 105px;
}

@media screen and (max-width: 768px) {
	
	#banner{ width: 100%; min-width: 100%; overflow: hidden; position: relative; top: 0px; background-color: #000;}
		.banner .video-box{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.banner .video-box video{
			position: absolute;
			width: auto;
			height: auto;
			max-width: 100%;
			min-width: 100%;
			max-width:  calc(100%+1px);
			min-width: calc(100%+1px);
			object-fit:fill;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
		}
	#banner a img{width: 100%; display: block;}
	#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8); position: relative; height: auto !important;}
	#banner .swiper-button-prev,#banner .swiper-button-next{display: none;}
	#banner .swiper-pagination{bottom: 0px;}
	#banner .swiper-pagination-bullet-active{background-color: #D70021;}
	#banner .banner-con{text-align: center; position: absolute; width: 90%; left: 5%; top: 50%; transform: translate(0,-50%); color: #fff;}
	#banner .banner-con h2{font-size: .48rem; font-weight: lighter; letter-spacing: 2px; line-height: 1.2em; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h4{font-size: 12px; font-weight: lighter; letter-spacing: 1px; position: relative; top: -2px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h5{font-size: 12px; font-weight: lighter; letter-spacing: 2px; position: relative; margin-top: 10px; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con span{width: 30px; height: 1px; display: block; margin: 5px auto; background-color: #fff; opacity: .8; box-shadow: 0 0 3px rgba(0,0,0,.4);}
	#banner .banner-con h3{font-size: 14px; font-weight: lighter; letter-spacing: 4px; position: relative; text-shadow: 0 0 3px rgba(0,0,0,.4);}
	
	.module-title{padding:.5rem 0 .4rem 0; display: block; display: block; position: relative; text-align: center;}
	.module-title h2{color: #333333; font-size: .32rem; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; position: relative;}
	.module-title h2::after{content: ""; width: 2px; height: 2px; border-left: .4rem solid #D70021; border-right: 4px solid #000; position: absolute; top: .2rem; left: -.65rem;}
	.module-title h2::before{content: ""; width: 2px; height: 2px; border-right: .4rem solid #D70021; border-left: 4px solid #000; position: absolute; top: .2rem; right: -.65rem;}
	.module-title span{display: none;}
	.module-title h3{color: #888; font-size: .12rem; padding-top: 2px; letter-spacing: 2px; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; text-align: center; font-weight: lighter; display: block; vertical-align: middle;}
	.module-title .more{ position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0;}
	
	.module-1{ background: #fff; margin-top: 0px;}
	.mobile-box{width: 6rem; margin-bottom: .5rem; padding-left: .3rem;}
	.module-1 .list{
		display: block;
	}
	.module-1 .list .pic{
		position: relative;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 3rem;
	}
	.module-1 .list .title{
		position: relative;
		margin-top: -.5rem;
		padding: .2rem 0 .15rem;
		background-color: #fff;
		box-shadow: 0 0 15px rgba(0,0,0,0.06);
		text-align: center;
		width: 60%;
		margin-left: 20%;
	}
	.module-1 .list .title h2{
		font-size: .28rem;
		line-height: 1.2em;
		font-weight: normal;
		letter-spacing: 2px;
	}
	.module-1 .list .title span{
		font-size: .16rem;
		line-height: 1.2em;
		top: -.05rem;
		position: relative;
		color: #888;
		font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; 
	}
	
	
	.module-2{background-position: center; overflow: hidden; background-size: cover; padding-bottom: 40px;background-image:linear-gradient(#f5f5f5, #fff 50%) !important;}
	.module-2 .left-box{width: 100%; position: relative; z-index: 2; display: flex; justify-content: space-around; margin-bottom: .3rem;}
	.module-2 .left-box a{ width: 1.3rem; display: flex; flex-direction: column; align-items: center; height:auto; position: relative; padding:0px; border: 0; background: none; transition: all 0.3s ease-in-out;}
	.module-2 .left-box .icon{ border: 2px solid #eee; margin-bottom: .1rem; background-color: #fff; box-shadow: 0 10px 15px rgba(0,0,0,0.06); position: relative; box-sizing: content-box; border-radius: 100%; width: 1.1rem; height: 1.1rem; border-radius: 100%; display: block; vertical-align: middle; background-position: center; background-repeat: no-repeat;  transition: all 0.3s ease-in-out;}
	.module-2 .left-box a:nth-child(1) .icon{background-image: url(../images/icon-01.png);}
	.module-2 .left-box a:nth-child(2) .icon{background-image: url(../images/icon-02.png);}
	.module-2 .left-box a:nth-child(3) .icon{background-image: url(../images/icon-03.png);}
	.module-2 .left-box a:nth-child(4) .icon{background-image: url(../images/icon-04.png);}
	.module-2 .left-box .list-title{display: block; vertical-align: middle; text-align: center; padding-left: 0; }
	.module-2 .left-box .list-title h2{ font-size: .26rem; font-weight: normal;}
	.module-2 .left-box .list-title p{ font-size: .16rem; color: #888; display: none;}
	
	.module-2 .right-box {top: 0; left: 0; z-index: 1; width: 100%; position: relative; height: 100%;}
	.module-2 .right-box .con{opacity: 1; width: 100%; position: relative; top: 0; left: 0; height: auto; transition: all 0.3s ease-in-out;}
	.module-2 .right-box .con-box{position: relative; height: auto; }
	.module-2 .right-box .con-box-bg{position: relative; opacity: 1; width: calc(100% - .6rem); top: 0; left: .3rem; background: no-repeat left center; background-size: cover; height: 3rem; transition: all 0.6s ease-in-out;}
	.module-2 .right-box .con-title{position: relative; z-index: 1; width: 100%; min-width: auto; right: 0; top: 0; height: auto; padding: .3rem; transform: translate(0); background-color: #fff; box-shadow: none; transition: all 0.5s ease-in-out;}
	.module-2 .right-box .con-title>div{line-height: 1.5em;}
	
	
	.module-3{background:#fff;border-top: 10px solid #f5f5f5;}
	.module-3 .list-box{
		margin: 0 .3rem .1rem;
	}
	.module-3 .list-box .list{
		display: flex;
		padding: .2rem 0;
		flex-direction: row-reverse;
		border-top: 1px solid #f1f1f1;
	}
	.module-3 .list-box .list .box-bg{
	}
	.module-3 .list-box .list img{
		width: 25vw;
		height: 15vw;
		background-size: cover;
		background-position: center;
		margin-left: .2rem;
	}
	.module-3 .list-box .list .box-con{
		flex: 1;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.module-3 .list-box .list .box-con h2{
		font-size: .28rem;
		font-weight: normal;
	}
	.module-3 .list-box .list .box-con .list-info{
		color: #999;
		font-size: .2rem;
		padding: .03rem 0 0 .3rem;
		background: url(../images/icon-19.png) no-repeat left center;
		background-size: .2rem;
	}
	.module-3 .list-box .list .box-con p{
		display: none;
	}
	
	
	.module-4{background-image:linear-gradient(#f5f5f5, #fff 50%);}
	.module-4 .list-01,
	.module-4 .list-02,
	.module-4 .list-03{height: auto; display: flex; margin: 0 .3rem .5rem; overflow: hidden; position: relative; background: none; white-space: nowrap; width: calc(100% - .6rem); transition:all 1.4s;}
	
	.module-4 .main-box .icon-box{width: 1.2rem; height: 1.2rem; border: 2px solid #f1f1f1; border-radius: 100%; position: relative; left: 0; top: 0;}
	.module-4 .main-box .icon{ width: 100%; margin: 0; height: 100%; border-radius: 100%; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: .5rem; transition:all 0.5s;}
	
	.module-4 .main-box .con{display: none;}
	.module-4 .main-box .on .con{opacity: 1;}
	
	.module-4 .main-box .icon-box .title-box{ display: none;}
	
	.module-4 .main-box .on{width: calc(100% - .6rem);}
	.module-4 .main-box .on .icon-box{display: block;}
	
	.module-4 .main-box .pic{display: none;}
	.module-4 .main-box .on .pic{display: none;}
	.module-4 .main-box .con{display: block; vertical-align: middle; padding-left: .3rem; width: auto; flex: 1;}
	.module-4 .main-box .con .title-box{position: relative; padding-left: 0rem; padding-top: 0px;}
	.module-4 .main-box .con .title-box h2{text-align: left; font-size: .3rem; font-weight: normal; transition:all 0.5s;}
	.module-4 .main-box .con .title-box h3{font-size: .2rem; text-align: center; font-weight: normal; position: absolute; width: 100%; color: #888; top: 25px; text-align: left;}
	.module-4 .main-box .con .title-box span{width: 30px; height: 3px; position: relative; display: block; background-color: #D70021; margin: .5rem 0 .2rem;}
	.module-4 .main-box .con .describe{display: block; font-size: .24rem; width:auto; padding: 0 0 0 0px; white-space: normal;}
	.module-4 .main-box .con .more,
	.module-4 .main-box .con .more:hover{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; margin: 0;}
}