@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0; vertical-align: middle;}
li { vertical-align: middle;}
em { font-style:normal; font-weight: bold;} s {text-decoration: none;}
ol, ul, li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, button, select, textarea, a { outline:none;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a { background: transparent; text-decoration: none; color: #666; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover { outline: 0;}

.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}
.o8:hover { filter:alpha(opacity=80); opacity:0.8;}
div,p{max-height: 10000rem;}
::selection {color:#fff; background-color: #061034;} ::-moz-selection {color:#fff; background-color: #061034;}


.cer8{ max-width: 1620px; margin:0 auto; padding: 0 30px;}
.cer60{ padding: 0 60px;}

.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}



::-webkit-input-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-ms-input-placeholder{ color:#999;}



li:hover .pic101 img{ -webkit-transform: scale(1.01); -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);  -o-transform: scale(1.01); transform: scale(1.01);}
li:hover .pic102 img{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);  -o-transform: scale(1.02); transform: scale(1.02);}
li:hover .pic104 img{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);  -o-transform: scale(1.04); transform: scale(1.04);}
@media screen and (max-width:380px) {}
 
img.scale104{ -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition:  .5s;}
img.scale104:hover{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);  -o-transform: scale(1.04); transform: scale(1.04);}

.btn{ padding: 0; cursor: pointer; text-align: center; border: none; color:#fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
 	transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}







@media screen and (min-width:1024px){
	html{ min-width: 1200px;}
}
html,body{ height: 100%;}
body.locked{ overflow: hidden;}

/* 头部 */
.head{ width: 100%; min-width: 480px; height: 90px; position: fixed; z-index: 40; top:0;
	background-color: transparent;}
.head>div{ height: 100%; position: relative;}
.headin{ position: relative; z-index: 7; height: 100%;}

.head a.logo{ position: absolute; left: 0; top:0; z-index: 1;
	 height: 100%; font-size: 0; line-height: 90px; opacity: 1;}
.head a.logo img{ max-height: 100%;width: 62%;}
.head .logo2{ position: absolute; left: 0; top:0; z-index: 1; 
	height: 100%; font-size: 0; line-height: 90px; opacity: 0;}
.head .logo2 img{ max-height: 100%; width: 62%;}
.special.head .logo,.special2.head .logo,.nvact.head .logo{ opacity: 0;}
.special.head .logo2,.special2.head .logo2,.nvact.head .logo2{ opacity: 1;}

.headshadow{ width: 100%; height: 90px; display: none;}
.special2.headshadow{ display: block;}
.special.head,.special2.head,.nvact.head{ }



.head .lang{ position: absolute; width: 95px; height: 50px; top:20px; right:30px; z-index: 3;
	font-size: 16px; color: #fff; line-height: 50px; text-align: center; text-transform: uppercase;}
.head .lang:hover{ text-decoration: underline;}
.special.head .lang,.special2.head .lang,.nvact.head .lang{ color: #333;}





.nav{ position: absolute; right:125px; top:0; z-index: 5; height: 100%;}
.nav>li{ float: left; height: 100%; position: relative; z-index: 1;}
.nav>li>a{ display: block; padding: 0 25px; height: 100%; position: relative;
	font-size: 16px; color: #fff; line-height:90px; text-align: center;}
.nav>li.on>a,.nav>li:hover>a{ color: #0f7bff;}
.nav>li>a:after{ left:0; position: absolute; top: 50%; content: " "; width:0; height: 1px; display: none;
   background-color: #0f7bff; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
/*.nav>li:hover>a{ padding: 0 35px;}
.nav>li:hover>a:after{ width: 25px;}*/
.special .nav>li>a{ color: #333;}
.special .nav>li.on>a,.special .nav>li:hover>a{ color: #0f7bff;}
.special2 .nav>li>a{ color: #333;}
.special2 .nav>li.on>a,.special2 .nav>li:hover>a{ color: #0f7bff;}
.nvact .nav>li>a{ color: #333;}
.nvact .nav>li.on>a,.nvact .nav>li:hover>a{ color: #0f7bff;}


.nav.active li{-webkit-transform:translateY(-110%);transform:translateY(-110%);}
.nav li:nth-child(1){-webkit-transition:all 0.5s ease-out 0.1s;-moz-transition:all 0.5s ease-out 0.1s;
	-ms-transition:all 0.5s ease-out 0.1s;-o-transition:all 0.5s ease-out 0.1s;transition:all 0.5s ease-out 0.1s;}
.nav li:nth-child(2){-webkit-transition:all 0.5s ease-out 0.15s;-moz-transition:all 0.5s ease-out 0.15s;
	-ms-transition:all 0.5s ease-out 0.15s;-o-transition:all 0.15s ease-out 0.5s;transition:all 0.5s ease-out 0.15s;}
.nav li:nth-child(3){-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s;
	-ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;}
.nav li:nth-child(4){-webkit-transition:all 0.5s ease-out 0.25s;-moz-transition:all 0.5s ease-out 0.25s;
	-ms-transition:all 0.5s ease-out 0.25s;-o-transition:all 0.5s ease-out 0.25s;transition:all 0.5s ease-out 0.25s;}
.nav li:nth-child(5){-webkit-transition:all 0.5s ease-out 0.3s;-moz-transition:all 0.5s ease-out 0.3s;
	-ms-transition:all 0.5s ease-out 0.3s;-o-transition:all 0.5s ease-out 0.3s;transition:all 0.5s ease-out 0.3s;}
.nav li:nth-child(6){-webkit-transition:all 0.5s ease-out 0.35s;-moz-transition:all 0.5s ease-out 0.35s;
	-ms-transition:all 0.5s ease-out 0.35s;-o-transition:all 0.5s ease-out 0.35s;transition:all 0.5s ease-out 0.35s;}


dl.navtwo{ width: 114px; display: none; position: absolute; top: 110%; left:50%; z-index: 1; padding-top: 15px; margin-left: -57px;
	-webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s;
	-o-transition: top 0.3s; transition: top 0.3s;}
dl.navtwo.on{ top:90%;}
dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; 
    background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}

dl.navtwo dd{ height: 36px; line-height: 36px; text-align: center;}
dl.navtwo dd>a{ display: block; height: 100%; color: #666; letter-spacing: 0; overflow: hidden;}
dl.navtwo dd:hover>a{ color: #0f7bff; letter-spacing: 2px; background-color: #e1e1e1;}

dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none;
   border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}



.navvtwo{ width: 100%; position: fixed; top:90px; height: 550px; left:0; z-index: 2; display: none;}
.navvtwoin{ width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; z-index: 1;
	background: url('../images/nvbg.jpg') center no-repeat;}
.navvtwoin { transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); transition: transform .3s 0s;}
.navvtwo.on .navvtwoin{ transform: perspective(0px) rotateX(0deg); -webkit-transform: perspective(0px) rotateX(0deg);
    transition: transform .5s .1s;}
.navvtwobg{width: 100%; position: fixed; top:90px; bottom:0; left:0; z-index: 4;
	 background-color: rgba(0,0,0,0.7); display: none;}
.navvtwoin .inner{ width: 1200px; margin: 0 auto; padding: 0 20px; overflow: hidden;}




/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:90px; bottom: 0; left:-100%; z-index: 20;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s; background-color: #333;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333;
	position: absolute; top:0; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 80px; text-align: center; line-height: 80px; 
	font-size: 22px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background-color: #666;}

.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; }
.navsjtwo>li + li{border-top: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 70px; font-size: 20px; color: #432a23;
	position: relative; z-index: 1; background-color: #ada; text-align: center;
	background: url('../images/nav-jtr1.png') 73% center no-repeat;}

.navsjthree{ width: 100%; display: none;}
.navsjthree dd{ width: 100%; height: 60px; line-height: 60px; text-align: center; border-top: 1px solid #fff;}
.navsjthree dd>a{ display: block; font-size: 18px; height: 100%; 
	background-color: #e1e1e1; color: #1d6bdd; overflow: hidden;}



.navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 80px; height: 80px;
	display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}




#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background:url('../images/op0-60.png'); cursor: pointer;}

.navbtn{position: absolute; right:40px; top:20px; z-index: 20; width: 50px; height: 50px; opacity: 0;
	-moz-transition: 0.4s 0.5s; -ms-transition: 0.4s 0.5s; -webkit-transition: 0.4s 0.5s;
	-o-transition: 0.4s 0.5s; transition: 0.4s 0.5s;}
.navbtn.active{ opacity: 1;}

.navbtn s{ position: absolute; left: 30%; display: block; width: 40%; height: 4%; background-color: #fff;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.navbtn>s:nth-child(1){top: 34%;}
.navbtn>s:nth-child(2){top: 48%; left:38%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 62%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.special .navbtn s,.special2 .navbtn s,.nvact .navbtn s{ background-color: #000;}



.navbtn2{ position: absolute; right: 0; top:0; z-index: 20; width: 90px; height: 90px; display: none;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}

.navbtn2 s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #1d6bdd;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn2>s:nth-child(1){top: 32%;}
.navbtn2>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn2>s:nth-child(3){top: 64%;}
.navbtn2.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn2.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn2.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}

@media screen and (max-width:1350px){
	.cer60{ padding-left: 30px;}
	.navbtn{ right: 10px;}
	.head .lang{ right: 0;}
	.nav{ right:95px;}
}
@media screen and (max-width:1100px){
	.nav>li>a{ padding: 0 15px;}
}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
}
@media screen and (max-width:1023px){
	.nav{ display: none;}
	.navbtn2{ display: block;}
	.navsjout{ display: block;}
	.navbtn{ display: none!important;}
	.head .lang{ right: 30px;}
}
@media screen and (max-width:1023px){
	.head .logo{ opacity: 0;}
	.head .logo2{ opacity: 1;}
	.head{ background-color: #fff; border-bottom-color: #e8e8e8;
		box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);}

	.head .lang{ color: #333;}
	.navbtn s{ background-color: #000;}
	.nav>li>a{ color: #333;}
	.nav>li.on>a,.nav>li:hover>a{ color: #0f7bff;}
}










.footer{ position: relative; background: url('../images/footbg.jpg') center/cover no-repeat;}
.footer video{ position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 3;
	background-color: #000; object-fit: cover;}
.footer1{ position: relative; z-index: 10;}
.footer1>div{ overflow: hidden; position: relative; padding-top: 65px; height: 334px;}

.footnav{ float: left; overflow: hidden;}
.footnav li{ float: left; position: relative; width: 140px;}
.footnav li:last-child{ width: 70px;}
.footnav li dt{ height: 32px; font-size: 16px; line-height: 32px; color: #fefefe; margin-bottom: 14px;}
.footnav li dt a{ color: #fefefe; position: relative;}
.footnav dt a:after{ left:100%; position: absolute; bottom: -2px; content: " "; width: 0;
   border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}
.footnav dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

.footnav li dd{ line-height: 26px; color: #96a2b3;}
.footnav li dd a{ color: #96a2b3; letter-spacing: 0;}
.footnav li dd a:hover{ color: #ddd; letter-spacing: 1px;}



.fright{ float: right;}
.fright dd{ line-height: 32px; font-size: 16px; color: #fefefe; text-align: right; margin-bottom: 14px;}
.flxbtnout{ height: 36px; font-size: 0; text-align: center; position: relative; z-index: 1;}
.flxbtnout a{ display: inline-block; width: 32px; height: 32px; margin-left: 16px; vertical-align: top;
	text-align: center; line-height: 32px; border: 2px solid #96a2b3; border-radius: 50%;}
.flxbtnout a>img{ transition: 1s;}
.flxbtnout a:hover>img{ transform: rotateY(360deg);}

.footwx{ position: relative;}
.footwx .bigewm{ position: absolute; width: 120px; height: 120px; top: 0; 
	right: 38px; z-index: 1; display: none; line-height: 120px;
	background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}



.footinfo{ float: left; width: 38%; color: #96a2b3; line-height: 26px;}
.footinfo span{ margin-left: 18px;}
.footlogo{ width: 100%; margin-bottom: 34px;}
.footlogo img{ max-width: 100%; opacity: 0.8;}
.footewm{ position: absolute; right:0; top:65px; z-index: 1; width: 120px;}
.footewm img{ display: block; width: 100%;}
.footewm p{ font-size: 12px; color: #8e8e8e; line-height: 34px;}


.footer2{ position: relative; z-index: 10; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer2>div{ font-size: 14px; color: #96a2b3; line-height: 30px; height: 30px; overflow: hidden;}
.footer2 .l{}
.footer2 span{ word-break: normal;}
.footer2 a{ color: #96a2b3;}
.footer2 a:hover{ color: #ddd;}
.footer2 a.beian{ display: inline-block; padding: 0 20px; border-radius: 15px;
	 background-color: rgba(0,0,0,0.1);}
.footer2 a.beian:hover{ background-color: rgba(0,0,0,0.3);}
.footer2 img.jw{ margin-top: -2px; margin-left: 5px;}
.footer2 img.cnzz{ margin-left: 5px;}
@media screen and (max-width:1400px){
	.footinfo{ width: 24%; margin-right: 60px;}
	.footnav li{ width: 120px;}
}
@media screen and (max-width:1200px){
	.footer2{ text-align: center;}
	.footer2>div{ height: auto; line-height: 2em;}
	.footer2 .l,.footer2 .r{ float: none; display: block; width: 100%;}
	.footer2 span{ margin: 0 5px;}
}
@media screen and (max-width:1100px){
	.footinfo{ width: auto; margin-right: 0;}
	.footnav{ display: none;}
}
@media screen and (max-width:1023px){
	.footer video{ display: none!important;}
}
@media screen and (max-width:660px){
	.footer1>div{ height: auto; padding-bottom: 65px;}
	.fright{ display: none;}
	.footinfo{ float: none;}
}



.pic_lb li{ margin-bottom: 5%; transition: 0.5s;}
.pic_lb li .img{display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; text-align: center; overflow: hidden;}
.pic_lb li .img img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
.pic_lb li .img1{display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; text-align: center; overflow: hidden;}
.pic_lb li .img1 p{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; border: 1px solid #efefef; text-align: center; transition: 0.3s;}
.pic_lb li .img1 p img{  max-width: 100% !important; height: 100%;}
.pic_lb li .img .font{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; padding: 23% 5% 0; background: rgba(0,0,0,0.1); opacity: 1; text-align: left; overflow: hidden; transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
.pic_lb li .img .font i{ width:0; height:1px; background-color:rgba(255,255,255,0.4); margin: 5px 0; transition:width 0s 0.3s;}
.pic_lb li .img .font .text-style1 div{transition:transform 0s 0.3s;}
.pic_lb li .img .font .text1{font-size:18px; overflow: hidden;}
.pic_lb li .img .font .text1 div{transform:translateY(101%);}
.pic_lb li .img .font .text2{opacity:0.6; overflow: hidden;}
.pic_lb li .img .font .text2 div{transform:translateY(-104%);}

.pic_lb li .img1 .font{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; padding: 23% 5% 0; background: rgba(0,0,0,0.6); opacity: 0; text-align: center; overflow: hidden; transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
.pic_lb li .img1 .font i{ width:0; height:1px; background-color:rgba(255,255,255,0.4); margin: 5px 0; transition:width 0s 0.3s;}
.pic_lb li .img1 .font .text-style1 div{transition:transform 0s 0.3s;}
.pic_lb li .img1 .font .text1{font-size:18px; overflow: hidden;}
.pic_lb li .img1 .font .text1 div{transform:translateY(101%);}
.pic_lb li .img1 .font .text2{opacity:0.6; overflow: hidden;}
.pic_lb li .img1 .font .text2 div{transform:translateY(-104%);}

.pic_lb li:hover .font .text-style1 div{ transform:translateY(0%); transition:transform 0.5s 0.5s;}

.pic_lb li:hover .img .font i{opacity:1;width:100%;transition:width 0.5s 0.3s;-webkit-transition:width 0.5s 0.3s}

.pic_lb li:hover .img1 .font{ opacity: 1;}
.pic_lb li:hover .img1 .font i{opacity:1;width:100%;transition:width 0.5s 0.3s;-webkit-transition:width 0.5s 0.3s}

.pic_lb li .tit{ width: 100%; padding: 4%; background: #fff; transition: all 0.5s;}
.pic_lb li .tit p{ width: 80%; color: #333; font-size: 15px; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.pic_lb li .tit span{ display: block; width: 50px; height: 50px; text-align: center; border-radius: 100%; line-height: 50px; background: #fff; transition: 0.3s;}
.pic_lb li .tit span i{ transform:rotate(-45deg); font-size: 20px; transition: 0.5s;}
.pic_lb li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.pic_lb li:hover .pic img{ transform: scale(1.1);}
.pic_lb li:hover .tit span{ background: var(--theme-bg);}
.pic_lb li:hover .tit span i{ color: #fff; transform:rotate(0deg);}
.pic_lb li:hover .tit{ background: #fff;}
.pic_lb li:hover  .tit p{ color:#0056b3;}

@media screen and (max-width:991px){
    .pic_lb li .img .font .text1{ font-size: 14px;}
    .pic_lb li .title p{ font-size: 14px;}
}
.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}