@charset "utf-8";




.video-item {width:100%;position:relative;overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.video-item img {width:100%}
.item-shadow {position:relative}
.item-shadow:before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%)}
.video-item .link-arrow {position:absolute;z-index:2;color:#fff;left:3rem;bottom:2.3rem;-webkit-transition:none;-o-transition:none;transition:none}
.video-hover {position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;padding:1rem 2rem;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}
.video-title {color:#fff;margin:0;font-size:16px;text-align:left;margin-right:85px;}
.video-hover .video-title {position:absolute;bottom:1rem;}
.video-description {text-align:left;opacity:0;margin-top:6%;line-height:1.71;margin-right:70px;color:#fff;-webkit-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateY(-1rem)}
.video-item:hover .video-hover {background-color:rgba(0,0,0,.85)}
.video-item:hover .video-hover .video-title {position:relative;color:#fff;bottom:1.5rem;-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);-o-transform:translateY(2rem);transform:translateY(2rem);-webkit-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease}
.video-item:hover .video-hover .video-description {text-align:left;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateY(0);-webkit-transition:all .4s .2s ease;-o-transition:all .4s .2s ease;transition:all .4s .2s ease}
.video-item:hover .link-arrow {color:#fff}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}




.pst-item {width:100%;position:relative;overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pst-item img {width:100%}
.item-shadow {position:relative}
.item-shadow:before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%)}
.pst-item .link-arrow {position:absolute;z-index:2;color:#fff;left:3rem;bottom:2.3rem;-webkit-transition:none;-o-transition:none;transition:none}
.pst-hover {position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;padding:1rem 2rem;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}
.pst-title {color:#fff;margin:0;font-size:16px;text-align:left;margin-right:20px; width:100%;  }
.pst-hover .pst-title {position:absolute;bottom:0rem; }
.pst-description {text-align:left;opacity:0;margin-top:6%;line-height:1.71;margin-right:20px;color:#fff;-webkit-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateY(-1rem)}
.pst-item:hover .pst-hover {background-color:rgba(0,0,0,.85)}
.pst-item:hover .pst-hover .pst-title {position:relative;color:#fff;bottom:1.5rem;-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);-o-transform:translateY(2rem);transform:translateY(2rem);-webkit-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease; }
.pst-item:hover .pst-hover .pst-description {text-align:left;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateY(0);-webkit-transition:all .4s .2s ease;-o-transition:all .4s .2s ease;transition:all .4s .2s ease}
.pst-item:hover .link-arrow {color:#fff}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}





























.jzl-carousel {

}

.jzl-item {
	width:100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.jzl-item img {
	width: 100%
}

.item-shadow {
	position: relative
}

.item-shadow:before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%)
}

.jzl-item .link-arrow {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 2.3rem;
	bottom: 2.3rem;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.jzl-hover {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 3.85rem 2.3rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}



@media (max-width: 768px) {
	
	.jzl-item {
	width:100%;
	height: 60%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	 
}
	
.jzl-hover {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 3.85rem 3rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
	
	
	
	}


.jzl-title {
	color: #fff;
	margin: 0;
	font-size:16px;
	width:80%;
}

.jzl-hover .jzl-title {
	position: absolute;
	bottom: 5.5rem
}

.jzl-description {
	opacity: 0;
	margin-top: 5%;
	line-height: 1.71;
	color: #fff;
	overflow:auto;
	height:211px;
	-webkit-transform: translateX(-1rem);
	-ms-transform: translateX(-1rem);
	-o-transform: translateX(-1rem);
	transform: translateY(-1rem)
}

.jzl-item:hover .jzl-hover {
	background-color: rgba(0,0,0,.85)
}

.jzl-item:hover .jzl-hover .jzl-title {
	position: relative;
	color: #fff;
	bottom: 2rem;
	width:100%;
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition: transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease
}

.jzl-item:hover .jzl-hover .jzl-description {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateY(0);
	-webkit-transition: all .4s .2s ease;
	-o-transition: all .4s .2s ease;
	transition: all .4s .2s ease
}

.jzl-item:hover .link-arrow {
	color: #fff
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}











 

 
 
/*====================
	common
====================*/
#main.init-bn {padding-top:100px;}

.swp-dots-style1 {width:auto !important; position:absolute; bottom:30px !important; left:50% !important; z-index:3; margin:auto; font-size:0; 
-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
}
.swp-dots-style1>span {display:inline-block; vertical-align:middle; width:10px; height:10px; background-color:transparent; border:1px solid #fff; margin:0 5px !important; opacity:1; border-radius:50%; outline: none;}
.swp-dots-style1 .swiper-pagination-bullet-active {background-color:#fff;}

.swp-prev-style1 {left:4.5%; margin-left:-25.5px; background:url(../images/jt1-left.png) no-repeat center;}
.swp-next-style1 {right:4.5%; margin-right:-25.5px; background:url(../images/jt1-right.png) no-repeat center;}
.swp-prev-style1,.swp-next-style1 {position:absolute; top:50%; width:51px; height:51px; cursor:pointer; background-size:auto 100%; margin-top:-25.5px; z-index:2;}

.mask {position:fixed; top:0; left:0; z-index:110; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}
.mask.on {display:block !important;}
.pop_limit {position:fixed; top:0; left:0; right:0; height:0; margin:auto; z-index:111;}


.paging {text-align:center; font-size:0;} 
.paging>span:not(.ellipsis),.paging>a {display:inline-block; vertical-align:middle; width:35px; height:35px; line-height:35px; border-radius:0; margin:0 5px; text-align:center;}
.paging .prev,.paging .next {position:relative;}
.paging .prev:before,.paging .next:before {content:""; display:block; width:10px; height:10px; border-top:1px solid #051033; position:absolute; top:0; bottom:0; margin:auto;}
.paging .prev:before {border-left:1px solid #051033; left:5px; right:0;
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.paging .next:before {border-right:1px solid #051033; right:5px; left:0;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.paging .prev:hover,.paging .next:hover {background-color:#e6e7ea; cursor:pointer;}
.paging .prev:hover:before,.paging .next:hover:before {border-color:#051033;}
.paging a {font-size:14px; color:#051033;}
.paging a:hover,.paging a.on {background-color:#e6e7ea; color:#051033;} 

.pagingMin a {display:inline-block; vertical-align:middle; color:#051033; margin:0 60px; position:relative;}
.pagingMin a:after {content:""; display:block; width:0; height:1px; background-color:#051033; position:absolute; bottom:0; left:0;
-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.pagingMin a:hover:after {width:100%;}

.pos {color:#051033;}


.innerBanner .ui_bg {padding-bottom:44.4444%; max-height:640px; position:relative;}
.innerBanner .ui_txt {position:absolute; top:50%; left:0; right:0; color:#fff;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}
.innerBanner .p2 {padding:0.5rem 0;}
.innerBanner .p3 {max-width:428px;}
.innerBanner .more {width:156px; height:46px; border:0.075rem solid #fff; font-weight:bold; margin-top:1rem;}



/*====================
	index
====================*/


.idxIp2 {padding:0px 60px 50px 60px;}

.idxIp2 .v-item {display:block; padding-bottom:51.282%; position:relative;}
.idxIp2 .v-item:before {content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,.1);
}
.idxIp2 .ui_txt {position:absolute; bottom:0; left:0; z-index:3; width:100%; max-height:100%; padding:30px 120px 30px 30px; color:#fff;}
 
.idxIp2 .ui_txt:after {content:""; display:block; position:absolute; bottom:30px; right:30px; width:60px; height:60px; background:url(../images/play.png) no-repeat center; background-size:100% 100%;
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .3s;transition: all .2s;
}
.idxIp2 .ui_txt:hover:after {
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
}
#video_pop {position:absolute; top:0; left:0; right:0; width:100%; height:100vh; margin:auto; display:none;}
body.v-open #video_pop {display:flex;}
body.v-open .mask {display:block;}
#video_pop .pop_wrp {width:100%; height:100vh;}
#video_pop .v_area {position:relative;}
#video_pop video {max-width:100vw; max-height:100vh; background-color:#000;/*width:1080px; max-width:calc(100vw - 52px); max-height:calc(100vh - 52px); margin:26px;*/}
#video_pop iframe {max-width:100vw; max-height:100vh;/*width:1080px; height:607px; max-width:calc(100vw - 52px); max-height:calc(100vh - 52px); margin:26px;*/}
#video_pop .Prompt {padding:40px; font-size:1.1rem; font-weight:bold; color:#fff;}
#video_pop .close-v {display: block; position: absolute; top:-27px; right:-27px; z-index: 2; width: 27px; height: 27px; background:url(../images/close.png) no-repeat center; cursor: pointer;}