*{
	box-sizing: border-box;
}
body,select,input,view,text,button,textarea{
    font-family:"Source Han Sans CN",'microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #595757; background: #fff;
	overflow-x: hidden;line-height: 1.14; font-family:"Source Han Sans CN",'microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body,html{
	overflow-x: hidden;
}
a{
	color: inherit; 
	outline:none;
    -moz-outline-style:none;
}
a:hover{
	color: #1464dc; text-decoration: none;
}
img{
	max-width: 100%;
}
.bc-gray{
	background-color: #f8f8f8;
}
.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tleft{
	text-align: left !important;
}
.tright{
	text-align: right !important;
}
.tcenter{
	text-align: center;
}
.wrapper{
	margin-left: 8.8%; margin-right: 8.8%;
}
.mnone{
	display: none;
}
.gh{
	display: none;
}

/*  */
.header{
	position: fixed; left: 0; right: 0; top: 0; z-index: 9; background-color: rgba(0,0,0,0.1);
	height: 110px; padding-left: 80px; padding-right: 60px; display: flex; justify-content: space-between;
}
.header .logo{
	height: 110px; display: flex; align-items: center; width: 65px; flex-shrink: 0;
}
.header-r{
	display: flex; align-items: flex-start; color: #fff;
}
.header .nav{
	margin-top: 25px;
}
.header .nav>li{
	display: inline-block;  margin-left: 62px; font-size: 17px; vertical-align: top; position: relative;
}
.header .nav>li>a{
	line-height: 55px;position: relative; display: block;
}
.header .nav>li>a::before{
	position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: 2px; background: #fff; 
	transition: all 0.3s; width: 0;
}
.header .nav>li>a:hover{
	color: #fff;
}
.header .nav>li:hover>a::before,
.header .nav>li.active>a::before{
	width: 100%;
	transform: skewX(1);
}
.header .subnav-box,
.header .langlist-box,
.header .searchform-box{
	position: absolute; left: 50%; margin-left: -68px; top:100%; width: 136px; padding-top: 30px;
	transition: all 0.3s ease-in-out;
	transform: scaleY(0); transform-origin: top; opacity: 0; visibility: hidden;
}
.header .langlist-box{
	width: 70px; margin-left: -35px;
}
.header .searchform-box{
	width: 630px; left: auto; right: 0; margin-left: 0; 
}
.header .nav>li:hover>.subnav-box,
.header .lang:hover .langlist-box,
.header .search:hover .searchform-box{
	transform:scaleY(1); opacity: 1; visibility: visible;
}
.header .subnav,
.header .langlist,
.header .searchform{
	background: rgba(0,0,0,0.3); border-radius: 40px 0 0 0; font-size: 17px;text-align: center; padding: 30px 0;
}
.header .searchform{
	padding-left: 70px; padding-right: 90px; padding-bottom: 35px;
}
.header .langlist{
	text-transform: uppercase;
}
.header .subnav>li>a,
.header .langlist>li>a{
	display: block; padding:12px 5px ; color: #fff;
}
.header .subnav>li>a:hover,
.header .langlist>li>a:hover{
	opacity: 0.85;
}
.header .search{
	margin-left: 55px; position: relative;
}
.header .search-btn{
	width: 42px; height: 55px; background: url(/Public/images/search.png) no-repeat left center; cursor: pointer; margin-top: 25px; position: relative; padding-right: 25px;
}
.header .search-btn::after{
	position: absolute; right: 0; top: 50%; margin-top: -10px; content: "";
	width: 20px;height: 20px; background: url(/Public/images/dropdown.png) no-repeat center;
	    
}
.header .search:hover .search-btn{
	opacity: 0.85;
}
.header .searchform-tit{
	font-size: 42px; color: #fff; margin-bottom: 25px;
}
.header .searchform-info{
	display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px;
}
.header .searchform-info .text{
	width: 430px; color: #fff; height: 45px; border: 0; border-bottom: 1px solid #fff; background: transparent; font-size: 15px;
}
.header .searchform-info .text::placeholder{
	color: #fff; font-size: 15px;
}
.header .searchform-info .btn{
	width: 35px; height: 35px; background: url(/Public/images/search.png) no-repeat center; border: 0; cursor: pointer;
}
.header .searchform-info .btn:hover{
	opacity: 0.85;
}
.header .searchform-txt{
	text-align: left;
}
.header .searchform-txt a{
	margin-right: 28px;font-size: 12px; line-height: 1.8; color: #fff;
}
.header .searchform-txt a:hover{
	opacity: 0.85;
}
.header .lang{
	 height: 55px;margin-top: 25px;margin-left: 40px; padding-top: 18px; position: relative;  
}
.header .langinfo{
	cursor: pointer;
}
.header .lang:hover .langinfo{
	opacity: 0.85;
}
.header .lang-icon{
	width: 20px; height: 20px; background: url(/Public/images/lang.png) no-repeat center; display: inline-block; vertical-align: top;
}
.header .lang .dropdown{
	width: 20px; height: 20px;background: url(/Public/images/dropdown.png) no-repeat center; display: inline-block;vertical-align: top; cursor: pointer;
}
/* .mbanner-box{
	height: 502px;
} */
.mbanner{
	/* height: 502px; */ height: 26.3vw; background-size: cover; background-position: center; padding-top: 110px; display: flex; align-items: center; justify-content: center; color: #fff;text-align: center;/* position: fixed; left: 0; right: 0; top: 0; */
}
.mbanner-info .en{
	font-size: 22px; text-transform: uppercase; font-family: 'Source Han Serif SC'; font-weight: bold;letter-spacing: 3px;
	text-transform: uppercase;text-shadow: 1px 2px 2px rgba(0,0,0,0.1);
}
.mbanner-info .cn{
	font-size: 19px;letter-spacing: 1em; padding-left: 1em; margin-top: 15px;font-family: 'Source Han Serif SC';font-weight: bold;text-transform: uppercase;text-shadow: 1px 2px 2px rgba(0,0,0,0.1);
}

.mbox{
	/* height: 1080px; */  min-height: 51vw; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; position: relative;
}
.mbox>.wrapper{
	position: relative; /* height: 100%; */ min-height: 51vw;
}
.trade-page1{
	background-image: url(/Public/images/trade01.jpg);
}
.mtit .en{
	font-size: 49px; text-transform: uppercase;font-family: 'Source Han Serif SC'; letter-spacing: 3px;  color: rgba(255,255,255,1);text-shadow: 1px 2px 2px rgba(0,0,0,0.1); font-weight: bold;
}
.mtit .line{
	 margin-top: 25px; width: 55px; height: 4px; background:  rgba(255,255,255,1); position: relative;
}
.mtit .line::after{
	position: absolute; right: -8px; top: 0;
	content: ""; width: 4px; height: 4px; background-color:  rgba(255,255,255,1); display:block;
}
.mtit .cn{
	font-size: 30px;font-family: 'Source Han Serif SC'; margin-top: 25px; letter-spacing: 2px;text-shadow: 1px 1px 2px rgba(0,0,0,0.1); font-weight: bold;
}
.mtit-blue .en,
.mtit-blue .cn{
	color: #173f8f;
}
.mtit-blue .line,
.mtit-blue .line::after{
	 background-color: #173f8f;
}
.mbox-hd{
	/* padding-top: 145px; */ padding-top: 6.5vw; display: flex; justify-content: space-between; position: relative; z-index: 1;
}
.mbox-hd.align-center{
	align-items: center;
}
.stit{
	font-size: 30px;font-family: 'Source Han Serif SC';font-weight: bold; letter-spacing: 1px; margin-top: 10px;text-align: right; line-height: 1.4;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.08);
}
.stit-blue{
	color: #173f8f;
}
.minfobox{
	position: absolute; left: 0; right: 0; /* bottom: 105px; */ bottom: 4.5vw; margin-left: 30px; margin-right: 30px;
	background-color: rgba(23,63,143,0.88); border-radius: 60px 0 0 0; display: block;text-align: center; padding: 45px 70px;
	transition: all 0.3s;
}
.minfobox:hover{
	background-color: rgba(23,63,143,1);
}
.minfobox .tit{
	font-size: 30px; margin-bottom: 26px;
}
.minfobox .desc{
	font-size: 18px; line-height: 1.8;
}
.minfobox .desc-col{
	min-width: 240px; display: inline-block;text-align: left; padding: 0 30px;
}
.trade-page2{
	display: flex;
}
.trade-page2 .item{
	width: 33.33%;text-align: center;  position: relative;
	
}

.trade-page2  .tit{
	position: relative; z-index: 1; color: #fff;padding-top: 21vw;
	font-size: 45px; margin-bottom: 30px; font-weight: bold;font-family: 'Source Han Serif SC';font-weight: bold;text-shadow: 1px 2px 10px rgba(0,0,0,0.5);
}
.trade-page2  .txt{
	position: relative; z-index: 1; color: #fff;
	font-size: 25px; height: 3em; margin-bottom: 140px;padding-left: 16%; padding-right: 16%; line-height: 1.7;text-shadow: 1px 2px 2px rgba(0,0,0,0.1);
}

.mbtn{
	position: relative; z-index: 1;
	display: inline-block; width: 160px; height: 50px;  padding: 12px 23px; color: #fff; background: #173f8f;text-align: left; border-radius: 10px; cursor: pointer; position: relative; font-size: 13px; text-transform: uppercase;
	transition: all 0.3s;
}
.mbtn::after{
	content: ""; bottom: 12px; left: 23px; background: url(/Public/images/more.png) no-repeat  ; width: 32px; height: 4px; display: block; position: absolute;transition: all 0.3s;
}
.mbtn:hover{
	background: #1464dc; box-shadow: 0 0 10px rgba(0,0,0,0.1); color: #fff;
}
.mbtn:hover::after{
	transform: scaleX(1.5);transform-origin:left;
}
.mbtn-white{
	background: #fff; color: #173f8f;
}
.mbtn-white::after{
	background-image: url(/Public/images/more-blue.png);
}
.mbtn-white:hover::after{
	background-image: url(/Public/images/more.png);
}
.mbtn-gray{
	background: #fff; color: #3f3f3f;
}
.mbtn-gray::after{
	background-image: url(/Public/images/more-gray.png);
}
.mbtn-gray:hover{
	background: #222;
}
.mbtn-gray:hover::after{
	background-image: url(/Public/images/more.png);
}
.mbtn-wait::after{
	background-image: none;
}
.mbtn .small{
	display: block; font-size: 12px; margin-top: 2px;
}
.trade-page3{
	background-image: url(/Public/images/trade05.jpg);
}
.mnum-box{
	text-align: center;
}
.mnum{
	margin-bottom: 25px;
}
.mnum li{
	display: inline-block;vertical-align: top;text-align: center; width: 150px;
	transition: all 0.5s ;
}
.mnum li:hover{
	transform: translateY(-20px);
}
.mnum-hd{
	width: 100px; height: 100px; border-radius: 50%; border: 1px solid #fff; text-align: center; font-size: 50px; font-family: 'Impact'; line-height: 98px; margin: 0 auto;text-shadow: 1px 2px 3px rgba(0,0,0,0.15);
}
.mnum-hd span{
	position: relative; display: inline-block; padding-right: 5px;
}
.mnum-hd i{
	position: absolute; right: -10px; top: 0; content: ""; font-size: 40px;  line-height: 1;
}
.mnum-hd.small{
	font-size: 35px;
}
.mnum-hd.small span{
	padding-right: 3px;
}
.mnum-hd.small i{
	font-size: 32px; top: 10px; right: -5px;
}
.mnum-bd{
	font-size: 18px; margin-top: 10px; line-height: 1.4;text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
.footer{
	background-color: #e3e3e3; padding: 60px 0;
}
.footer .wrapper{
	display: flex; justify-content: space-between; align-items: center;
}
.footer-l{
	font-size: 12px; color: #6b6b6b;
}
.footer .gotop{
	cursor: pointer;  width: 60px; height: 60px; border-radius: 50%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.08);
	display: flex; align-items: center; justify-content: center; font-size: 0;
	transition: all 0.3s;
}
.footer .gotop:hover{
	box-shadow: 0 3px 15px 2px rgba(0,0,0,0.15);
}
.footer-r{
	font-size: 12px; color: #6b6b6b;
}
.footer-r span{
	margin-left: 15px; display: inline-block;vertical-align: middle;
}
.footer-r .weixin{
	margin-left: 70px; font-size: 0; cursor: pointer; position: relative; 
}
.footer-r .weixin-qr{
	position: absolute; right: 0; top: 50%; margin-top: -35px; width: 70px; visibility: hidden;
	 opacity: 0;
}
.footer-r .weixin:hover .weixin-qr{
	visibility: visible;  opacity: 1;
}
/*  */
.team-page1{
	background-image: url(/Public/images/team01.jpg);
}
.static{
	position: static !important;
}
.team-page2{
	background-image: url(/Public/images/team02.jpg);
}
.team-page3{
	background-image: url(/Public/images/team03.jpg);
}
.minfobox-r{
	position: absolute;  right: 0; bottom: 100px; 
		background-color: rgba(23,63,143,1); border-radius: 45px 0 0 0; display: block; padding: 55px 185px 50px 90px; width: 920px;
}
.minfobox-r .tit{
	font-size: 30px; font-weight: bold;font-family: 'Source Han Serif SC';
}
.minfobox-r .dflexl{
	margin-right: 30px;
}
.minfobox-r .desc{
	font-size: 18px; line-height: 1.9;text-align: justify; margin-top:28px;
}
.minfobox-r .mbtn{
	 margin-top: 22px;
}
.minfobox-r .txt-box{
	display: flex; align-items:flex-end; justify-content: space-between;
}
.minfobox-r .txt{
	font-size: 18px; line-height: 2.8; margin-top: 20px; padding-right: 20px;
}
.minfobox-r .txt-box .mbtn{
	flex-shrink: 0; position: relative; margin-right: -20px; margin-bottom: 5px;
}
/*  */
.brand-page1{
	background-image: url(/Public/images/brand01.jpg);
}
.brand-page2{
	display: flex;
}
.brand-page2 .mtit{
	position: absolute; left: 8.8%;top: 145px; z-index: 2;
}
.brand-page2 .item{
	width: 33.33%;text-align: center;
}

.brand-page2 .item h3{
font-size: 45px; left: 0; right: 0; bottom: 90px; line-height: 102px; position: absolute;font-family: 'Source Han Serif SC';font-weight: bold; background: rgba(0,0,0,0.4); color: #fff;
}
.brand-page3{
	background-image: url(/Public/images/brand03.jpg);
}
.brand-page4{
	background-image: url(/Public/images/brand04.jpg);
}
.brand-page5{
	background-image: url(/Public/images/brand05.jpg);
}
/*  */
.life-page1{
	background-image: url(/Public/images/life01.jpg);
}
.life-page2{
	background-image: url(/Public/images/life02.jpg);
}
.life-page3{
	background-image: url(/Public/images/life03.jpg);
}
.bignum{
	font-size: 470px; font-family: 'Impact'; color: rgba(255,255,255,0.08); line-height: 1;
	position: absolute; left: -20px; bottom:60px;
}
/*  */
.overseas-page1{
	background-image: url(/Public/images/overseas01.jpg);
}
.overseas-page1 .mbox-hd{
	position: relative;
}
.overseas-page1 .mbox-hd .mnum{
	position: absolute; left: 0; right: 0; top: 145px; text-align: center;
}

.overseas-page2 .item{
	width: 33.33%; 
}

.overseas-page2 .tit{
	font-size:45px ; font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 14.5vw; color: #fff;
	text-shadow: 2px 4px 10px rgba(0,0,0,0.9); position: relative; z-index: 1; padding-top: 24vw;
}
.overseas-page3{
	background-image: url(/Public/images/overseas02.jpg);
}

/*  */
.tourism-page1{
	background-image: url(/Public/images/tourism01.jpg);
}

.mbox-page{
	padding: 0; display: flex;
}
.mbox-page .item{
	text-align: center;  position: relative; overflow: hidden;
}
.tourism-page2 .item{
	width: 25%;
}
.mbox-page .item:hover::after{
	background-color: rgba(0,0,0,0.4);
}
.mbox-page .item-img{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;background-position: center; background-size:cover; background-repeat: no-repeat;transform: scale(1.005);
	 transition: all 0.8s ease-in-out;
}
.mbox-page .item-img::after{
	position: absolute; left: 0; right: 0; bottom: 0; height: 100%;  content: ""; z-index: 1;
	 background-color: rgba(0,0,0,0.0);
	 transition: all 0.8s ease-in-out;
}
.mbox-page .item:hover .item-img{
	transform: scale(1.04);
}
.mbox-page .item:hover .item-img::after{
	background-color: rgba(0,0,0,0.4);
}
.mbox-page .item-txt{
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;
}

.mbox-page .item:hover .mbtn{
	background: #1464dc; box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.mbox-page .item:hover .mbtn::after{
	transform: scaleX(1.5);transform-origin:left;
}
.tourism-page2 .item .tit{
	font-size: 33px;font-family: 'Source Han Serif SC'; font-weight: bold;
	position: absolute; left: 0; right: 0; top: 155px; z-index: 1; color: #fff;
}
.tourism-page2 .item .ft{
	position: absolute; left: 0; right: 0; bottom: 145px; text-align: center;
}
.tourism-page3{
	background-image: url(/Public/images/tourism06.jpg); padding-bottom: 145px; height: auto; min-height: auto;
}
.tourism-page3>.wrapper{
	min-height: auto;
}
.tourism-page3 .list{
	color: #666666; position: relative; margin-top: 60px;
	display: flex; justify-content: space-between; 
}
.tourism-page3 .list .item{
	 box-shadow: 0 0 15px rgba(0,0,0,0.08); 
	width: 48.5%; position: relative;  cursor: pointer;
	transition: all 0.3s;
}
.tourism-page3 .list .item:hover{
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); 
}
.tourism-page3 .list .item:hover .btn{
	background: #1464dc;
}
.tourism-page3 .list .item.on{
	opacity: 0;
}
.tourism-page3 .list .item>a{
	 display: block;
}
.tourism-page3 .list .item .img{
	width: 100%; 
}
.tourism-page3 .list .item .img img{
	display: block;width: 100%;
}
.tourism-page3 .list .item .txt{
	position: absolute; left: 0; right: 0; top: 100px; text-align: center; color: #707070;
}
.tourism-page3 .list .item h3{
	font-size: 20px;font-family: 'Source Han Serif SC'; font-weight: bold;letter-spacing:0.6em; margin-bottom: 10px;
}
.tourism-page3 .list .item p{
	font-size: 14px;
}
.tourism-page3 .list .item .btn{
	width: 60px; height: 60px; margin: 0 auto; background-color: #173f8f; border-radius: 50%; color: #fff; text-align: center; line-height: 60px; font-size: 28px;
	position: absolute; left: 0; right: 0; bottom: 68px; cursor: pointer;
}
.tourism-page3 .list .item .txt-hd{
	margin-bottom: 22px;
}
.tourism-page3 .list .item .txt-hd h3{
	font-size: 28px; color: #333333;font-family: 'Source Han Serif SC';font-weight: bold;
}
.tourism-page3 .list .item .txt-hd  p{
	margin-top: 8px; font-size: 25px; color: #999; font-family:  Helvetica,Arial, sans-serif; line-height: 1;
}
.tourism-page3 .list .item .txt-bd{
	font-size: 12px; line-height: 1.8; width: 305px;text-align: justify;
}
.tourism-page3 .list .itemopen{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
	display: none;
}

.tourism-page3 .list .itemopen-info{
	position: relative; box-shadow: 0 20px 20px 10px rgba(0,0,0,0.4); display: inline-block; width: 80.6%; cursor: pointer;
	transition: all 0.3s;
}
.tourism-page3 .list .itemopen-info:hover{
	box-shadow: 0 20px 20px 5px rgba(0,0,0,0.4);
}
.tourism-page3 .list .itemopen-info .img img{
	display: block;width: 100%;
}
.tourism-page3 .list .itemopen-info .txt{
	position: absolute; right: 105px; top: 80px;
	width: 310px; text-align: justify; font-size: 14px; color: #666666; line-height: 1.8;
}
.tourism-page3 .list .itemopen-info .tit{
	position: absolute; left: 105px; bottom: 50px;
}
.tourism-page3 .list .itemopen-info .tit h3{
	font-size: 27px; color: #333333; font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 5px;
}
.tourism-page3 .list .itemopen-info .tit p{
	font-size: 21px; color: #666666;
}
.tourism-page3 .list .itemopen-btn{
	position: absolute; right: 0; bottom: 0; color: #fff; background: #173f8f; font-size: 22px; display: block; border-radius: 50%; width: 60px; height: 60px;text-align: center; line-height: 58px; cursor: pointer;
}
.tourism-page3 .list .itemopen:hover .itemopen-btn{
	background: #1464dc;
}
.tourism-page3 .list .itemopen2{
	text-align: right;
}
.tourism-page3 .list .itemopen2 .itemopen-info{
	text-align: left;
}
.tourism-page3 .list .itemopen2 .itemopen-btn{
	left: 0; right: auto;
}
.mt-70{
	margin-top: 70px;
}
.tourism-page4,
.tourism-page6{
	background-image: url(/Public/images/tourism07.jpg); min-height: auto; padding-bottom: 7vw;
}
.tourism-page4>.wrapper,
.tourism-page6>.wrapper{
	min-height: auto;
}
.tourism-page7{
	background-color: #ffffff;
}
.tourism-page4 .list{
	display: flex; flex-wrap: wrap; margin-top: 55px; 
}
.tourism-page4 .list li{
	width: 24.2%;  height: 177px;  background: #2056af;  margin: 5px 0.4%; position: relative; color: #666; position: relative;transition: all 0.3s;
}
.tourism-page4 .list li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.tourism-page4 .list li>a{
	display: block; height: 100%;
}
.tourism-page4 .list .img{
	position: absolute; right: 0; top: 0; bottom: 0;
	background-position: center; background-size: cover; background-repeat: no-repeat;
	 height: 100%; width: 66%; opacity: 0.4;
	 transition: all 0.3s;
}
.tourism-page4 .list li:hover .img{
	opacity: 1;
}
.tourism-page4 .list .l5 .img,
.tourism-page4 .list .l6 .img,
.tourism-page4 .list .l7 .img,
.tourism-page4 .list .l8 .img{
	left: 0; right: auto;
}
.tourism-page4 .list .txt{
	position: absolute; left: 0; top: 0; bottom: 0; width: 178px; height: 100%; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 25px; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 18px;font-family: 'Source Han Serif SC';font-weight: bold; line-height: 1.3;
}

.tourism-page4 .list .l1 .txt,
.tourism-page4 .list .l2 .txt,
.tourism-page4 .list .l3 .txt,
.tourism-page4 .list .l4 .txt{
	background-image: url(/Public/images/tourism27.png);
}

.tourism-page4 .list .l5 .txt,
.tourism-page4 .list .l6 .txt,
.tourism-page4 .list .l7 .txt,
.tourism-page4 .list .l8 .txt{
	background-image: url(/Public/images/tourism28.png); left: auto; right: 0; padding-left: 50px; padding-right: 20px; padding-top: 95px;
}

.tourism-page4 .minfobox{
	position: static; margin-top: 75px;
}
.tourism-page5{
	background-image: url(/Public/images/tourism06.jpg); min-height: auto; padding-bottom: 7vw;
}
.tourism-page5>.wrapper{
	position: relative;min-height: auto;
}
.tourism-page5 .list{
	position: relative;  width: 1226px; margin: -45px 0 0 auto;
	display: flex; flex-wrap: wrap;
}
.tourism-page5 .list .item{
	width: 555px; height: 133px;background-position: center; background-size: cover; background-repeat: no-repeat; margin: 7px 29px; border-radius: 40px 0 0 0 ;  overflow: hidden; position: relative;
	transition: all 0.3s;box-shadow: 0 0 10px 2px rgba(0,0,0,0.05);
}
.tourism-page5 .list .item:hover{
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.25);
}
.tourism-page5 .list .item a{
	display: block;
}
.tourism-page5 .list .info{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: rgba(23,63,143,0);
	padding:35px 46px 0px 46px;
	transition: all 0.3s;
}
.tourism-page5 .list .item .tit{
	font-size: 25px;font-family: 'Source Han Serif SC';font-weight: bold; color: #fff;
}
.tourism-page5 .list .item .txt{
	font-size: 18px; color: #fff;text-align: right; width: 255px;float: right;  line-height: 1.4; 
	opacity: 0; visibility: hidden;
	transition: all 0.3s;
}
.tourism-page5 .list .item:hover .info{
	background:rgba(23,63,143,1);
}
.tourism-page5 .list .item:hover .txt{
	opacity: 1; visibility: visible;
}
.morebtn{
	width: 60px; height: 60px; border-radius: 50%; background-color: #173f8f; color: #fff; font-size: 28px; display: block; text-align: center; line-height: 60px;
}
.tourism-page5 .morebtn{
	position: absolute; left: 33px; bottom: 148px;
}
.tourism-page6-box{
	display: flex; justify-content: space-between; margin-top: 50px;
}
.tourism-page6 .minfobox{
	position: static; margin: 0; width: 30.5%; 
	display: flex; align-items: center; justify-content: center; padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.tourism-page6 .list{
	display: flex; flex-wrap: wrap; justify-content: space-between; width: 65%; 
}
.tourism-page6 .list .item{
	width: 49.2%;height: 260px;background: #fff;margin: 5px 0; position: relative; color: #666; box-shadow: 0 0 10px rgba(0,0,0,0.1);overflow: hidden;
}
.tourism-page6 .list li>a{
	display: block; height: 100%;
}
.tourism-page6 .list .img{
	background-position: center; background-size: cover; background-repeat: no-repeat;
	width: 100%; height: 100%;
}
.tourism-page6 .list .title{
	position: absolute; left: 0; top: 0; bottom: 0; width: 179px; background: url(/Public/images/tourism29.png) no-repeat center; background-size:100% 100%;  color: #fff; font-size: 28px; font-family: 'Source Han Serif SC'; font-weight: bold;
	display: block; justify-content: center; padding-right: 40px; 
}
.tourism-page6 .list .title span{
	width: 35px; display: block; margin: 0 auto; padding-top: 45px;
}
.tourism-page6 .list .item3 .title,
.tourism-page6 .list .item4 .title{
	background-image: url(/Public/images/tourism30.png); left: auto; right: 0; padding-left: 40px; padding-right: 0;
}
.tourism-page6 .list .item3 .title span,
.tourism-page6 .list .item4 .title span{
	padding-top: 95px;
}
.tourism-page6 .list .txt{
	position: absolute; left: 0; top: 0; bottom: 0; width: 242px; height: 100%; background: url(/Public/images/tourism29-big.png) no-repeat center; background-size:100% 100%;  padding-top: 40px; padding-left:40px; padding-right: 80px; 
	transition: all 0.5s ease-in-out; 
	transform: translateX(-100%);
}
.tourism-page6 .list .item:hover .title{
	/* display: none; */
}
.tourism-page6 .list .item:hover .txt{
	transform: translateX(0); 
}
.tourism-page6 .list  .item3 .txt,
.tourism-page6 .list  .item4 .txt{
	transform: translateX(100%);
}
.tourism-page6 .list .tit{
	font-size: 23px; color: #fff;font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 15px;
}
.tourism-page6 .list .desc{
	font-size: 12px; color: #fff; line-height: 1.6;
}

.tourism-page6 .list .item3 .txt,
.tourism-page6 .list .item4 .txt{
	background-image: url(/Public/images/tourism30-big.png);
	left: auto; right: 0; padding-left: 80px;  padding-right: 50px; padding-top: 100px;text-align: right;
}
.tourism-page6 .list .item4 .txt .tit,
.tourism-page6 .list .item3 .txt .tit{
	margin-bottom: 0; margin-top: 15px;
}
.tourism-page7{
	height: auto; padding-bottom: 85px;
}
.tourism-page7 .list{
	position: relative; margin-top: -80px;
}
.tourism-page7 .list-row{
	display: flex;  margin-bottom: 5px;
}
.justify-end{
	justify-content: flex-end;
}
.tourism-page7 .list-col{
	width: 25%; display: flex;
}
.tourism-page7 .list-col>a{
	display: flex; height: 100%; width: 100%;
}
.tourism-page7 .list-col .txt{
	width: 46%;background: #173f8f;
	display: flex; flex-flow: column; align-items: center; justify-content: center; flex-wrap: wrap; position: relative;
}
.tourism-page7 .list-col:nth-child(2n) .txt{
	background: #3f3f3f;
}
.tourism-page7 .list-col .txt::after{
	content: ""; position: absolute; right: -12px; top: 50%; margin-top: -6px;
	width: 0; height: 0; border: 6px solid transparent; border-left: 6px solid #173f8f;
}
.tourism-page7 .list-row .list-col:nth-child(2n) .txt::after{
	content: ""; position: absolute; right: -12px; top: 50%; margin-top: -6px;
	width: 0; height: 0; border: 6px solid transparent; border-left: 6px solid #3f3f3f;
}
.tourism-page7 .list-row:nth-child(2n) .list-col .txt::after{
	content: ""; position: absolute; left: -12px; top: 50%; margin-top: -6px;
	width: 0; height: 0; border: 6px solid transparent; border-right: 6px solid #173f8f;
}
.tourism-page7 .list-row:nth-child(2n) .list-col:nth-child(2n) .txt::after{
	content: ""; position: absolute; left: -12px; top: 50%; margin-top: -6px;
	width: 0; height: 0; border: 6px solid transparent; border-right: 6px solid #3f3f3f;
}
.tourism-page7 .list-col .txt h3{
	font-size: 15px; margin-bottom: 2px; color: #fff;
}
.tourism-page7 .list-col .txt p{
	font-size: 12px; color: rgba(255,255,255,0.6);text-transform: uppercase;
}
.tourism-page7 .list-col .txt .line{
	width: 1px; height: 30px; background: rgba(255,255,255,0.6); margin: 0 auto;  visibility: hidden; height: 0;
	transition: all 0.3s;
}
.tourism-page7 .list-col .img{
	width: 54%; font-size: 0;
}
.tourism-page7 .list-col .img img{
	width: 100%;
}

.tourism-page7 .list-col:hover .txt .line{
	height: 30px; margin-top: 9px; visibility: visible;
}
.tourism-page8{
	background-image: url(/Public/images/tourism06.jpg); min-height: auto; padding-bottom: 7vw; 
}
.tourism-page8>.wrapper{
	min-height: auto;
}
.tourism-page8 .swiper-button{
	position: absolute; right: 0; top: 0; z-index: 1;
}
.tourism-page8 .swiper-button-next,.tourism-page8 .swiper-button-prev{
	width: 50px; height: 50px; background: #173f8f; border-radius: 50%; position: static; left: 0; top: 0; margin-left: 0; margin-top: 0; opacity: 1; display: inline-block; margin-left: 40px;
}
.tourism-page8 .swiper-button-prev{
	background: #173f8f url(/Public/images/btn-prev1.png) no-repeat center;
}
.tourism-page8 .swiper-button-next{
	background: #fff url(/Public/images/btn-next1.png) no-repeat center;
}
.tourism-page8 .swiper-button-next:hover,
.tourism-page8 .swiper-button-prev:hover{
	opacity: 0.85;
}
.tourism-page8 .listbox{
	padding-top: 90px; margin-top: -50px;
}
.tourism-page8 .list{
	display: flex;flex-wrap: wrap; justify-content: space-between;
}
.tourism-page8 .list .item{
	width: 49.8%; height:395px; margin-bottom: 5px; display: flex;overflow: hidden;
}
.tourism-page8 .list .item>a{
	display: flex; width: 100%; height: 100%;
}
.tourism-page8 .list .img{
	width: 55%; height: 395px; background-repeat: no-repeat; background-size: cover; background-position: center;
	transition: all 0.5s ;z-index: 1; position: relative;
}
.tourism-page8 .list .item:hover{
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
}
.tourism-page8 .list .item:hover .img{
	transform: scale(1.03);
}
.tourism-page8 .list .item:hover .mbtn-white{
	background: #1464dc;
	    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	    color: #fff;
}
.tourism-page8 .list .item:hover .mbtn-gray{
	background: #222;
	    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	    color: #fff;
}
.tourism-page8 .list .item:hover .mbtn-gray::after{
	background-image: url(/Public/images/more.png);
}
.tourism-page8 .list .item:hover .mbtn::after{
	transform: scaleX(1.5);transform-origin:left;
}
.tourism-page8 .list .item:hover .mbtn-white::after{
	background-image: url(/Public/images/more.png);
}
.tourism-page8 .list .txt{
	width: 45%;height: 395px; background: #173f8f; position: relative;text-align: center; padding-top: 105px;  z-index: 2;
}
.tourism-page8 .list .txt::after{
	position: absolute; left: -24px; top: 50%; margin-top: -12px; content: "";
	width: 0; height: 0; border: 12px solid transparent; border-right: 12px solid #173f8f;
}
.tourism-page8 .list .item2 .txt,
.tourism-page8 .list .item4 .txt{
	background: #3f3f3f;
}
.tourism-page8 .list .item2 .txt::after{
	border-right: 12px solid #3f3f3f;
}
.tourism-page8 .list .item3 .txt::after{
	left: auto; right: -12px; border-left: 12px solid #173f8f; border-right: none;
}
.tourism-page8 .list .item4 .txt::after{
	left: auto; right: -12px; border-left: 12px solid #3f3f3f; border-right: none;
}
.tourism-page8 .list .cn{
	font-size: 20px; line-height: 1.7; margin-bottom: 15px; color: #fff;
}
.tourism-page8 .list .en{
	font-size: 17px; color: rgba(255,255,255,0.5); letter-spacing: 1px; margin-bottom: 70px;
}
.tourism-page9{
	background-image: url(/Public/images/tourism56.jpg);
}
.tourism-page10{
	background-image: url(/Public/images/tourism07.jpg); min-height: auto; padding-bottom: 7vw;
}
.tourism-page10>.wrapper{
	min-height: auto; 
}
.tourism-page10 .list{
	margin-top: 45px; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.tourism-page10 .list .item{
	width: 46%; height: 285px; position: relative; margin-bottom: 20px; overflow: hidden; background: #2056af;
}
.tourism-page10 .list .item:hover{
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);
}
.tourism-page10 .list .item .img{
	 background-repeat: no-repeat; background-size: cover; background-position: center;
	 width: 100%; height: 100%; opacity: 0.4;transition: all 0.3s;
}
.tourism-page10 .list .item:hover .img{
	opacity: 1;
}
.tourism-page10 .list .title{
	position: absolute; z-index: 1; left: 0; top: 0;  height: 100%; width: 39%; background: url(/Public/images/tourism61.png) no-repeat right bottom; background-size:cover; display: flex; justify-content: center; font-size: 32px;font-family: 'Source Han Serif SC';font-weight: bold; padding-right: 32px; padding-top:8%; letter-spacing: 1px; color: #fff; line-height: 1.2;
}
.tourism-page10 .list .item:nth-child(2n) .title{
	background-image: url(/Public/images/tourism62.png);
}
.tourism-page10 .list .item .title span{
	width: 91px; margin: 0 auto; display: block;
}
.tourism-page10 .list .txt{
	position: absolute; left: 0; top: 0; z-index: 2; height: 100%;width: 60%; background: url(/Public/images/tourism63.png) no-repeat right top; background-size:cover;color: #fff; padding: 40px 20% 30px 6%;
	transition: all 0.5s ease-in-out; transform: translateX(-80%);  overflow: hidden; opacity: 0;
}
.tourism-page10 .list .item:hover .txt{
	transform: translateX(0); visibility: visible; opacity: 1;
}
.tourism-page10 .list .tit{
	font-size: 23px;color: #fff;font-family: 'Source Han Serif SC'; font-weight: bold; margin-bottom: 15px;
}
.tourism-page10 .list .desc{
	font-size: 14px; line-height: 1.5;text-align: justify;
}
.tourism-page10 .list .item:nth-child(2n) .txt{
	background-image: url(/Public/images/tourism64.png);
}
/*  */
.news-page{
	background-position: center top; background-size: cover; background-repeat: no-repeat;background-image: url(/Public/images/news01.jpg); padding-bottom: 100px;
}
.news-box{
	position: relative;
}
.news-search-box{
	width: 70%;  margin: 0 0 0 auto;
}
.news-search{
	border-bottom: 1px solid #173f8f;   width: 45%; height: 50px; position: relative; margin-bottom: 60px; z-index: 1;
}
.news-search .text{
	height: 50px; width: 100%; border: 0; font-size: 16px;color: #173f8f; background: transparent;
	text-transform: uppercase;
}
.news-search .text::placeholder{
	font-size: 16px;color: #173f8f;text-transform: uppercase;
}
.news-search .btn{
	position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; border: 0; cursor: pointer; z-index: 1;background: transparent url(/Public/images/search-blue.png) no-repeat center; margin: 0; padding: 0;
}
.news-list{
	display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;
	width: 70%;  margin: 0 0 0 auto; z-index: 1; 
}
.news-list .item{
	 position: relative;width: 45%; margin-bottom: 100px; overflow: hidden;border-radius: 40px 0 0 0 ;
	 transition: all 0.3s; height: 100%;
}
.news-list .item:hover{
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.news-list .item:nth-child(2n){
	margin-top: -200px; margin-bottom: 0;
}
.news-list .item .img{
	display: block; border-radius: 40px 0 0 0 ; width: 100%;
	transition: all 0.8s;
}
.news-list .item:hover .img{
	transform: scale(1.05);
}
.news-list .item .time{
	position: absolute; right:40px; top: 30px; color: #222; z-index: 1; font-size: 18px;
}
.news-list .item .tit{
	position: absolute; right: 40px; left: 40px; bottom: 35px;color: #222; z-index: 1; text-align: right; font-size: 18px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;background: rgba(255, 255, 255, .8);
    padding: 5px;
}
}
.news-btn{
	position: absolute; right: 0; bottom: 0; z-index: 2;padding-top: 70px;
}
.news-btn .btn{
	width: 50px; height: 50px; background-color: #fff; border-radius: 50%; display: block;  background-repeat: no-repeat; background-position: center; transition: all 0.3s;
}
.news-btn .btn:hover{
	box-shadow: 0 2px 10px 2px rgba(0,0,0,0.1);
}
.news-btn .btn-next{
	background-image: url(/Public/images/btn-next.png);background-color: #173f8f; position: absolute; left: 0; top: 0;
}
.news-btn .btn-prev{
	background-image: url(/Public/images/btn-prev.png); 
	
}
.news-linebox{
	position: absolute; left: 12%; top: 100px; bottom: 100px;
}
.news-linebox .line{
	width: 1px; height: 100%; background: #173f8f; position: relative;
}
.news-linebox .line::before,
.news-linebox .line::after{
	content: ""; width: 14px; height: 14px; background: #173f8f; border-radius: 50%;
	position: absolute; left: -7px; 
}
.news-linebox .line::before{
	top: 0;
}
.news-linebox .line::after{
	bottom: 0;
}
.news-linebox .topdot{
	width: 430px; height: 430px;  border-radius: 50%;
	position: absolute; left: 0; top: 0; background: rgba(23,63,143,0.2);  margin-left: -215px; margin-top: -215px;
}
.news-linebox .topdot::after{
	content: ""; width: 256px; height: 256px; position: absolute; left:50% ;  top: 50%; background: #fff;border-radius: 50%;  transform: translate(-50%,-50%);
}
/*  */
.about-page1{
	background-image: url(/Public/images/about01.jpg);
}
.playbtn{
	width: 80px; height: 80px; border-radius: 50%; background: #173f8f url(/Public/images/play.png) no-repeat center; display: block; margin: 150px auto 0 auto; position: relative;
}
.playbtn::after{
	width:120px ; height: 120px;border-radius: 50%; border: 2px solid rgba(255,255,255,0.5); content: "";
	position: absolute; left: 50%; top: 50%; margin-left: -61px; margin-top: -61px;
}
.about-page2{
	background-image: url(/Public/images/about02.jpg); min-height: auto; padding-bottom: 5vw;
}
.about-page2>.wrapper{
	min-height: auto;
}
.about-page2 .list{
	 position: relative; margin-top: 40px; height: auto; overflow: hidden;
	 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;
}
.about-page2 .list::after{
	position: absolute; left: 50%;  top: 0; bottom: 0; content: ""; width: 1px; background: #999999;
}
.about-page2 .list li{
	width: 44%; margin-left: 3%; position: relative; color: #666;text-align: right; position: relative;  padding: 20px 155px 25px 45px;background: #fff; float: left; margin-bottom: 60px;
	transition: all 0.3s;
} 
.about-page2 .list li:hover{
	transform: translateX(10px);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
.about-page2 .list li:nth-child(2n):hover{
	transform: translateX(-10px);
}
.about-page2 .list .tit{
	font-size: 20px; color: #173f8f;font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 5px;
}
.about-page2 .list .txt{
	font-size: 16px; color: #666; line-height: 1.6;
}
.about-page2 .list .time{
	position: absolute; right: 0; top: 0; bottom: 0; width: 100px;text-align: center;
	display: flex; align-items: center; justify-content: center;
	background: #173f8f; color: #fff; font-size: 24px;font-family: 'Source Han Serif SC';font-weight: bold;
}
.about-page2 .list .time::after{
	content: ""; position: absolute; right: -16px; top: 50%; margin-top: -8px;
	width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #173f8f;
}
.about-page2 .list li:last-child{
	margin-bottom: 0;
}
.about-page2 .list li:nth-child(2n){
	margin-top: 50px;margin-bottom: -5px; text-align: left; padding-left: 155px; padding-right: 45px; float: right;
	  margin-right: 3%;  margin-left: 0;
}
.about-page2 .list li:nth-child(2n) .time{
	right: auto; left: 0;
}
.about-page2 .list li:nth-child(2n) .time::after{
	left: -8px; right: auto; border-right: 8px solid #173f8f; border-left: 0;
}
.about-page3{
	background-image: url(/Public/images/about03.jpg);
}
.about-page3 .minfobox-r{
	bottom: 0;
}
.dflex{
	display: flex;
}
.dflex2{
	display: flex;justify-content: space-between; 
}
.align-end{
	align-items: flex-end;
}
.team1-page1{
	background-image: url(/Public/images/team04.jpg);
}
.team1-page2{
	background-image: url(/Public/images/team05.jpg);
}
.pagenum{
	position: absolute; left: 0; bottom: 95px; opacity: 0.3;
}
/*  */
.section{
	background-size: cover; background-repeat: no-repeat;background-position: center;
}
.slide{
	background-size:cover; background-position: center; background-repeat: no-repeat;text-align: center; color: #fff;
}
.slide .cn{
	font-size: 30px; letter-spacing: 2em; margin-bottom: 45px; padding-left: 2em;
	text-shadow: 1px 3px 3px rgba(0,0,0,0.5);
}
.slide .en{
	font-size: 15px;text-transform: uppercase; letter-spacing: 0.7em; padding-left: 0.7em;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}
.home1 .scroll{
	position: absolute; left:50%; margin-left: -24px; bottom:16%; z-index: 22; width: 48px;
}
.home1 .swiper-container{
	height: 100%;
 }
.home1  .swiper-slide{
	color: #fff;text-align: center; background-size:cover; background-position: center;
	display: flex; align-items: center; justify-content: center; flex-direction: column;
 }
 .home1  .swiper-slide .cn{
	 font-size: 30px; letter-spacing: 2em; margin-bottom: 45px; padding-left: 2em; 
	 text-shadow: 1px 3px 3px rgba(0,0,0,0.5);
	 transition: all 0.6s 0.4s;transform: translateY(20px); opacity: 0;
	 pointer-events: none;
 }
  .home1 .swiper-slide.swiper-slide-active .cn,
.home1 .swiper-slide.swiper-slide-active .en{
	  transform: translateY(0); opacity: 1;
  }
.home1  .swiper-slide .en{
  font-size: 15px;text-transform: uppercase; letter-spacing: 0.7em; padding-left: 0.7em;
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
  transition: all 0.8s 0.3s;transform: translateY(20px); opacity: 0;pointer-events: none;
}
.home1  .swiper-pagination{
	bottom: 50px; right: 0; display: flex; padding-left: 8%; padding-right: 8%;
 }
 .home1  .swiper-pagination-bullet{
	 text-align: left; padding: 15px 35px; display: block; width: 100%; height: auto;background: none; border-radius: 0; display: block; margin: 0;
	border-bottom: rgba(255,255,255,0.3) solid 1px; min-width: 100px;
	color: rgba(255,255,255,0.3); font-size: 24px;  opacity: 1; position: relative;
 }
  .home1 .swiper-pagination-bullet::after{
	  position: absolute; left: 0; height: 2px; bottom: -1px; display: block; background: #fff; content: ""; 
	  transition: width 0.4s ease-in-out;  width: 0;
  }
 .home1 .swiper-pagination-bullet-active{
	 color: rgba(255,255,255,1); width: 100%;
 }
 .home1 .swiper-pagination-bullet-active::after{
	 width: 100%;
 }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0;
}
.home2{
	background-image:url(/Public/images/home01.jpg) ; position: relative; background-position: center bottom; overflow: hidden; background-size: cover;
	
}
.home2-hd{
	position: absolute; right: 8.8%; top: 135px; color: #fff;text-align: right; z-index: 2;
}
.home2-hd h2{
	font-size: 53px;font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 22px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.08);
	transition: all 0.3s 0.5s; transform: translateX(-100%); opacity: 0;
}

.home2-hd  h3{
	font-size: 24px;font-family: 'Source Han Serif SC';font-weight: bold;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.08);transition: all 0.5s 0.3s; transform: translateX(-100%); opacity: 0;
}
.home2.finished .home2-hd h2,
.home2.finished .home2-hd  h3,
.home2.active .home2-hd h2,
.home2.active .home2-hd  h3{
	transform: translateX(0); opacity: 1;
}
.home2 .info{
	position: absolute; left: 0; top: 0;
}
.home2 .en{
	font-family: 'Source Han Serif SC';font-weight: bold; color: #fff;text-transform: uppercase;text-shadow: 1px 2px 2px rgba(0,0,0,0.08);
}
.home2 .cn{
	font-family: 'Source Han Serif SC';font-weight: bold; color: #fff;line-height: 1.5;text-shadow: 1px 2px 2px rgba(0,0,0,0.08);
}
.home2  .item{
	transition: all 0.3s;
}
.home2  .item:hover{
	transform: scale(1.05);
}
.home2  .item img{
	width: 100%;
}
.home2-1{
	position: absolute; left:0; bottom: 4%; width: 31.14%; 
}

.home2-1 .info{
	margin-left: 45.5%; margin-top: 46%;
}
.home2-1 .en{
	font-size: 46px; 
}
.home2-1 .cn{
	font-size: 27px; 
}
.home2-2{
	position: absolute; left: 31.25%; bottom:21%; width: 6.56%;
}
.home2-2 .info{
	margin-left: 10.5%; margin-top: 120%;
}
.home2-2 .en{
	font-size: 14px; 
}
.home2-2 .cn{
	font-size: 14px; 
}
.home2-3{
	position: absolute; left: 37.28%; bottom: 16.8%;width: 12.76%;
}
.home2-3 .info{
	margin-left: 17%; margin-top: 70%;
}
.home2-3 .en{
	font-size: 27px; 
}
.home2-3 .cn{
	font-size: 16px; 
}
.home2-4{
	position: absolute; left: 48.5%;  bottom:21%;width: 8.38%;
}
.home2-4 .info{
	margin-left: 28%; margin-top: 58%;
}
.home2-4 .en{
	font-size: 17px; 
}
.home2-4 .cn{
	font-size: 12px; 
}
.home2-5{
	position: absolute; right: 28%; bottom: 16%;width: 12.7%;
}
.home2-5 .info{
	margin-left:10%; margin-top: 65%;
}
.home2-5 .en{
	font-size: 31px; 
}
.home2-5 .cn{
	font-size: 18px; 
}
.home2-6{
	position: absolute; right: 10.5%; bottom: 10%;width: 15.41%;
}
.home2-6 .info{
	margin-left:11%; margin-top: 55%;
}
.home2-6 .en{
	font-size: 40px; 
}
.home2-6 .cn{
	font-size:24px; 
}
.home3{
	background-image:url(/Public/images/home02.jpg) ;
}
.home4{
	background-image:url(/Public/images/home03.jpg) ;
}
.homehd{
	padding-top: 110px;
}
.tabhd{
	display: flex; justify-content: space-between; color: #fff; margin-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.1); 
	transition: all 0.3s 0.5s; transform: translateY(20px); opacity: 0;
}
.finished .tabhd,
.active .tabhd{
	transform: translateY(0); opacity: 1;
}
.tabhd .item{
	cursor: pointer;padding-bottom: 45px; position: relative;
}
.tabhd .item:hover{
	opacity: 0.85;
}
.tabhd .item::after{
	position: absolute; left: 0; bottom: 0; width: 100%; content: ""; height: 2px; background: #fff; 
	transition: all 0.3s; width: 0;
}

.tabhd .item.active::after{
	width: 100%;
}
.tabhd .icon{
	display: inline-block;vertical-align: middle;
}
.tabhd .tit{
	display: inline-block;vertical-align: middle; font-size: 18px; margin-left: 15px;font-family: 'Source Han Serif SC';font-weight: bold;
}
.home3-list{
	display: flex;
}
.home3-list li{
	position: relative; width: 20%; background: #173f8f; overflow: hidden; 
	transition: all 0.3s;
}
.home3-list li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.home3-list li a{
	display: block;
}
.home3-list li .img img{
	display: block; opacity: 0.4; transform: scale(1.008); width: 100%;
	transition: all 0.3s;
}
.home3-list li .tit{
	position: absolute; left: 0; top: 0; right: 0; background: url(/Public/images/home09.png) no-repeat top left; background-size:100% 100%;  color: #fff; height: 48%; padding: 40px 20px; z-index: 1;
}
.home3-list li .titcn{
	font-size: 30px; font-family: 'Source Han Serif SC';font-weight: bold; margin-bottom: 18px;
}
.home3-list li .titen{
	font-size: 13px;text-transform: uppercase; position: relative;
}
.home3-list li .tit::after{
	content: ""; width:32px ; height: 4px; background: url(/Public/images/more.png) no-repeat center;
	display: block; margin-top: 10px;
}
.home3-list li:hover .img img{
	opacity: 1;
	transform: scale(1.03);
}
.homebd-box{
	margin-bottom: 60px;
}
.homebd-box{
	transition: all 0.8s 0.4s; opacity: 0;
}
.finished .homebd-box,
.active .homebd-box{
	 opacity: 1;
}
.homeft{
	display: flex; justify-content: space-between; color: #fff; align-items: center;
}
.homeft-l{
	font-size: 53px;font-family: 'Source Han Serif SC';font-weight: bold;
	transition: all 0.8s 0.4s; transform: translateX(100%); opacity: 0;
}
.homeft-r{
	transition: all 0.8s 0.4s; transform: translateX(-100%); opacity: 0;
}
.finished .homeft-l,
.finished .homeft-r,
.active .homeft-l,
.active .homeft-r{
	transform: translateX(0); opacity: 1;
}
.homeft-r .txt{
	text-align: right;font-size: 24px; color: rgba(255,255,255,0.5); text-transform: uppercase;font-family: 'Source Han Serif SC';font-weight: bold; padding-bottom: 5px; position: relative;
}
.homeft-r .line{
	 width: 55px; height: 4px; background: rgba(255,255,255,0.5);position: relative; margin: 10px 8px 0 auto;
}
.homeft-r .line::after{
	position: absolute; right: -8px; top: 0;
	content: ""; width: 4px; height: 4px; background-color: rgba(255,255,255,0.5); display:block;
}
.home4-list{
	display: flex; color: #fff;  justify-content: space-around;
}
.home4-list li{
	width: 300px; height: 420px; text-align: center; padding: 0 20px; border-radius: 10px; cursor: pointer;
	transition: all 0.3s;
}
.home4-list .icon{
	width: 100px; height: 100px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 98px; font-size: 0; margin: 85px auto 25px auto;
	transition: all 0.3s;
}
.home4-list .icon img{
	vertical-align: middle; display: inline-block;
}
.home4-list .tit{
	font-size: 18px; margin-bottom: 15px;
}
.home4-list .txt{
	text-align: center; font-size: 16px; line-height: 1.8;
}
.home4-list li:hover{
	background: rgba(165,201,255,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.35);
}
.home4-list li:hover .icon{
	margin-top: 50px; border: 0;
}
.home4-list  .qr{
	margin-top: 20px;text-align: center;
}
.home4-list  .qr img{
	width: 90px;
}
#fp-nav.fp-right{
	right: 2.5%;
}
#fp-nav ul li{
	position: relative;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: rgba(255,255,255,0.6); width: 6px; height: 6px; opacity: 1;margin: -3px auto auto -3px;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
	background: rgba(255,255,255,1); width: 6px; height: 6px; opacity: 1;margin: -3px auto auto -3px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
	background: rgba(255,255,255,1);width: 6px; height: 6px;margin: -3px auto auto -3px;
}
#fp-nav ul li, .fp-slidesNav ul li{
	width: 18px; height: 18px;margin: 9px auto;
}
#fp-nav ul li a,.fp-slidesNav ul li a{
	position: relative;
}
#fp-nav ul li a::after, .fp-slidesNav ul li a::after{
	position: absolute;content: "";left: 50%; top:50%; margin-left: -9px; margin-top: -9px; box-sizing: border-box !important;
	width: 18px; height: 18px;  border-radius: 50%; border: 2px solid rgba(255,255,255,0); transition: all 0.3s; transform: scale(0); opacity: 0;
}
#fp-nav ul li a.active::after,.fp-slidesNav ul li a.active::after{
	border: 2px solid rgba(255,255,255,1); transform: scale(1); opacity: 1;
}
.section.active .home2-1,
.section.finished .home2-1{
	-webkit-animation: fadeInDown .8s 0.8s both;
	animation: fadeInDown .8s 0.8s both;
	-ms-animation: fadeInDown .8s 0.8s both;
}
.section.active .home2-2,
.section.finished .home2-2{
	-webkit-animation: fadeInDown .8s 1.1s both;
	animation: fadeInDown .8s 1.1s both;
	-ms-animation: fadeInDown .8s 1.1s both;
}
.section.active .home2-3,
.section.finished .home2-3{
	-webkit-animation: fadeInDown .8s 1.4s both;
	animation: fadeInDown .8s 1.4s both;
	-ms-animation: fadeInDown .8s 1.4s both;
}
.section.active .home2-4,
.section.finished .home2-4{
	-webkit-animation: fadeInDown .8s 1.7s both;
	animation: fadeInDown .8s 1.7s both;
	-ms-animation: fadeInDown .8s 1.7s both;
}
.section.active .home2-5,
.section.finished .home2-5{
	-webkit-animation: fadeInDown .8s 2s both;
	animation: fadeInDown .8s 2s both;
	-ms-animation: fadeInDown .8s 2s both;
}
.section.active .home2-6,
.section.finished .home2-6{
	-webkit-animation: fadeInDown .8s 2.3s both;
	animation: fadeInDown .8s 2.3s both;
	-ms-animation: fadeInDown .8s 2.3s both;
}