@import "http://www.jq22.com/demo/fullpage20160724/css/movement.css";
.item-1 .container{background:url(../images/main/main-bg.jpg) no-repeat center center;-webkit-background-size:cover;background-size:cover;position:relative;}
.item-1 i.img{display: inline-block;margin-left:200px;margin-top:140px;-webkit-animation:fadeInDownBig 2s ease;animation:fadeInDownBig 2s ease}
.container{height:100vh;position:relative;overflow-y:auto;}
.container > *{float:left;width:50%;}
.container::-webkit-scrollbar{width: 10px;height:10px;background-color: #F5F5F5;}
.container::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.container::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);background-color: #555;}
.container .left-box{position:relative;text-align:left;-webkit-background-size:cover;background-size:cover;opacity:0;animation:bounceInLeft 2s linear forwards;-webkit-animation:bounceInLeft 2s linear forwards}
.container .left-box .box{padding:0 80px;-webkit-animation:p-fly 1s ease;animation:p-fly 1s ease;}
.container .left-box .box > h3{font-size:32px;font-weight:600;margin-bottom:10px;color:#fff;}
.container .left-box .box > p{font-size:16px;color:#fff;}
.container .right-box{padding:30px 0;height:calc(100% - 60px);text-align:center;opacity:0;animation:bounceInRight 2s linear forwards;-webkit-animation:bounceInRight 2s linear forwards;-webkit-animation-delay:2s;margin-right: 90px;width: calc(50% - 91px);}
.container .right-box .tit-box{margin-top:1vh;text-align:left;padding:0 2vw;}
.container .right-box .tit-box > *{display: table-cell;vertical-align:middle;}
.container .right-box .tit-box h3.tit{margin-top:2px;font-size:28px;font-weight:600;padding-left:10px;}
.container .right-box .tit-box .tit_en{font-size: 20px;font-weight: 600;}
.container .right-box .tit-box .icon{display:none;}
.container .right-box .main-container{padding:0 2vw;}
.container .right-box .main-container .txt{margin-top:2vh;text-align: left;font-size:14px;}
.container .right-box .main-container .list-box{display:table;width:100%;margin-top:2vh;}
.container .right-box .main-container .list-box > dl{display:table-cell;}
.container .right-box .main-container .list-box > dl:nth-child(1){padding-right:1.5vw;}
.container .right-box .main-container .list-box > dl + dl{border-left:1px solid #000;padding-left:1.5vw;}
.container .right-box .main-container .list-box > dl > dd{text-align:center;margin-top:10px;}/*20200730*/
.container .right-box .main-container .img-box{margin-top:30px;}
.container .right-box .main-container .img-box img{max-width:445px;}

/* .item-2 .container .green-bg{content: "";height:100vh; width:50%;background:#506852;position:fixed;z-index:-1;left:0;bottom:0;height:100%;} */
.item-2 .container .icon-infomation {height:100%; background:#506852;}
.item-2 .container .left-box{overflow: auto;}
.item-2 .container .left-box .img-box{position:relative;background:url(../images/main/owl-img-bg.gif) no-repeat;background-size:100% 100%;padding-bottom:30px;}
.item-2 .container .left-box .owl-img-box img{width:100%;}
.item-2 .container .left-box .img-box > .img6-box{position:absolute;top:0;left:0;width:100%;}
.item-2 .container .left-box .img-box > .img6-box > p{display:table;width:100%;}/*2020-08-10*/
.item-2 .container .left-box .img-box > .img6-box > p > *{display:table-cell;vertical-align: top;}/*20200810*/
.item-2 .container .left-box .owl-img-box{text-align:center;padding-bottom:80px;}
.item-2 .container .left-box .owl-img-box ul{display:table;width:100%;}
.item-2 .container .left-box .owl-img-box ul > li{display:table-cell;vertical-align: top;}
.item-2 .container .left-box .owl-img-box a{display:block;position:relative;overflow: hidden;}
.item-2 .container .left-box .owl-img-box a:before{display:table-cell;content: "";position:absolute;overflow: hidden;height:20px;width:20px;text-align:center;border-radius:20px;background:#fff;color:#fff;font-size:15px;top:50%;left:50%;z-index:2;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);vertical-align:middle;line-height: 20px;}
.item-2 .container .left-box .owl-img-box a.img1:before{content: "";}
.item-2 .container .left-box .owl-img-box a.img2:before{content: "";}
.item-2 .container .left-box .owl-img-box a.img3:before{content: "";}
.item-2 .container .left-box .owl-img-box a.img4:before{content: "";}
.item-2 .container .left-box .owl-img-box a.img5:before{content: "";}
.item-2 .container .left-box .owl-img-box a.img6:before{content: "";}
.item-2 .container .left-box .owl-img-box a:after{content: "";display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/owl-img-bg.png) repeat;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;-moz-transition-property: transform;-o-transition-property: transform;transition-property: transform}
.item-2 .container .left-box .owl-img-box  a:hover:after,.item-2 .container .left-box .owl-img-box a.on:after{top:-100%;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.item-2 .container .left-box .owl-img-box  a:hover:before,.item-2 .container .left-box .owl-img-box a.on:before{background:rgba(255,255,255,0.4);}/*20200818*/

#fp-nav{position: fixed;z-index: 100;top: 50%;right: 0;width: 56px;text-align: center;}
#fp-nav ul{position: relative;}
#fp-nav ul li{margin-top: 50px;}
#fp-nav ul li a{display: inline-block;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display: block;height: 18px;width: 18px;border:2px solid #506852 !important;background:#fff !important;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a span{background:#506852 !important;}
#fp-nav ul li a.active .fp-tooltip{display: block;}

@media screen and (max-width: 1024px){
	body, html{width:auto !important;}
	.main-container #header{background:url(../images/main/owl-img-bg.png) repeat;position: fixed;top:0;left:0;z-index: 2;}
	.section{height: auto !important;}
	.container .right-box{height:auto;}
	.owl-carousel .owl-stage-outer{overflow:static;}
	.item-2 .container{display:block;}
	.item-3 .container{display:block;}
	.fp-tableCell{height: auto !important;}
	.container{height:auto;}
	.container > *{float:none;height:auto;width:100%;opacity:1 !important;animation:none !important;-webkit-animation:none !important;}
	.container .left-box{background:#506852;}
	.container .left-box .box{padding:80px;position: static;opacity:1 !important;animation:none !important;-webkit-animation:none !important;}
	.item-1 .container{padding:150px 10px;text-align:center;padding-bottom:60px;}
	.item-1 i.img{margin-left:0;margin-top:0;padding:40px;background:rgba(255,255,255,.5);border-radius:20px;}
	.item-2 .container .left-box .owl-img-box{padding-bottom:0;}
	.item-2 .container .left-box img{width:100%;}
	.item-2 .container .right-box{position: relative;overflow-y:initial;width: auto;margin-right: 0;}
	.container .right-box .main-container .txt{text-align:left;padding:10px 20px;}
	.owl-nav{top: -200px !important;height: 43px;}
	.item-2 .container .right-box .owl-carousel.owl-drag .owl-item{height:auto;overflow-y:initial;padding:0;}


	.container .right-box .tit-box{border-bottom:1px solid #e7e7e7;text-align:left;padding:10px 20px;margin-bottom:20px;}
	.container .right-box .tit-box h3.tit{font-size:30px;color:#333333 !important;font-weight:600;}
	.container .right-box .tit-box .location span:nth-child(1){margin-left:0;}
	.item-2 .container .green-bg{display:none;}
	#fp-nav{display:none;}
	.container .right-box .main-container .img-box img{max-width:100%;/*2020-07-30*/}

}

@media screen and (max-width: 768px){
	.owl-nav{left:20px !important;top:-150px !important;}
	.container .left-box .box{padding:60px 20px 20px 20px;}

}

@media screen and (max-width: 500px){
	.container .right-box .main-container .list-box{display:block;}
	.container .right-box .main-container .list-box > dl{display:block;text-align:center;}
	.container .right-box .main-container .list-box > dl:nth-child(1){padding-right:0;}
	.container .right-box .main-container .list-box > dl + dl{padding-right:0;border-left:0;margin-top:20px;border-top:1px solid #000;padding-top:20px;}
	.container .right-box .main-container .list-box > dl > dd{text-align:center;}
	.container .right-box .tit-box h3.tit{font-size:24px;}
}