/* *******************************************************
 * filename : main.css
******************************************************** */

.ms-preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    background-color: #151515;
}
#mainVisual{overflow:hidden; width:100%; height:1000px; position:relative;}	
#mainVisual.full-height{height:1030px;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}

.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img,
.main-visual-item .main-visual-m-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

.main-visual-item .main-visual-txt-con{
	position:absolute; top:50%; left:0px; width:100%;
	-ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
     transform: translateY(-50%);
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-moz-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-o-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-ms-transition:opacity 1.0s, transform 1.0s 0s;
	transition:opacity 1.0s 0s, transform 1.0s 0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:46px; font-weight:bold; line-height:1.2; color:#fff; margin-bottom:25px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:16px; line-height:1.7; color:#fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span,.main-visual-item .main-visual-txt-con .main-visual-txt2 span {color:inherit; font-size:inherit;}

.main-visual-con .video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
}

.main-visual-con video {
    object-fit: fill;
}

/* active */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}
.main-visual-item.active-item .main-visual-txt-con  .main-visual-txt2 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

@media all and ( min-width: 768px ) {

.main-visual-item .main-visual-txt-con .banmore{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-moz-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-o-transition:opacity 1.0s 0s, transform 1.0s 0s;
	-ms-transition:opacity 1.0s, transform 1.0s 0s;
	transition:opacity 1.0s 0s, transform 1.0s 0s;
}	
.main-visual-item.active-item .banmore{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}
.main-visual-item.active-item .main-visual-txt-con .banmore{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
}


.active-item .main-visual-txt-con .title-line span {
  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay:0.3s;
}
.active-item .main-visual-txt-con .title-line.main-visual-txt2 span {
  animation-delay: 0.5s;
  margin-right:4px;
}
.active-item .main-visual-txt-con .banmore {
  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay:0.7s;
}

@keyframes text-up {
  from {
    transform: translate3d(0, 150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}


/* ******************left nav ********************* */
#fp-nav.left.left { width:100px;height:100%;left:0;top:0;box-sizing:border-box;padding:85px 0 0;	}
#fp-nav.left .fp-menu-wr {display:block;position:relative;width:100%;height:100%;transition:all .3s ease}
#fp-nav.left ul {display:block;position:absolute;width:50px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}

#fp-nav.left ul li{display:block; height: auto; width: auto; overflow:hidden; }
#fp-nav.left ul li a{
	display: block;
    position: relative;
    font-size: 0;
   margin: 9px 0;
    transition: all .3s ease;
 }
#fp-nav.left ul li a span{display:none;position:relative;color:#fff;font-size:16px; letter-spacing: 2px; font-weight: 500; white-space:nowrap;transform: rotate(90deg);transition:all .3s ease}
/* #fp-nav.left ul li:nth-child(1) a.active  {padding-bottom:117px;} */
/* #fp-nav.left ul li:nth-child(2) a.active {padding-bottom:117px;}
#fp-nav.left ul li:nth-child(3) a.active {padding-bottom:117px;}
#fp-nav.left ul li:nth-child(4) a.active {padding-bottom:130px;}
#fp-nav.left ul li:nth-child(5) a.active {padding-bottom:117px}
#fp-nav.left ul li:nth-child(6) a.active {padding-bottom:117px} */

#fp-nav ul li .fp-tooltip{display:none;}
#fp-nav.left ul li a.active, .fp-slidesNav ul li a.active{border-color:#fff}
#fp-nav.left ul li a .shape {display:block;width:10px;height:10px;box-sizing:border-box;background-color: #fff; border-radius:50%;margin:0 auto;transition:all .3s ease}
#fp-nav.left ul li a.active .shape {width:14px;height:14px;border:2px solid red;background-color: rgba(0, 0, 0, 0);transform:rotate(-45deg)}
/* #fp-nav.left ul li a.active span{display:block;padding:0px 0 0 30px} */
/* #fp-nav.left ul li a.active:after {content:"";display:block;position:absolute;width:2px;height:40px;background:rgba(255, 255, 255, .3);left:24px;bottom:0;transition:all .3s ease} */


/* #fp-nav.black ul li a.active .shape{background:#0DB4D5;border: 2px solid #0DB4D5;} */
#fp-nav.black ul li a span{color:#999999;}
#fp-nav.black ul li a .shape {background-color: #D9D9D9;}
#fp-nav.black ul li a.active:after {background:rgba(224,224,224,0.5);}
/* #fp-nav.black .fp-menu-wr{border-right:1px solid rgba(194,194,194,0.4);} */
#fp-nav ul li:nth-child(n+7){display:none;}


/* ******************title********************** */

@media all and ( min-width: 801px ) {
	.main-txt-up{
		display: block;
		padding-bottom: 0.1em;
		overflow-y: hidden;
	}
	.main-txt-up span{
		position: relative;
		display: inline-block;
	}
	.active-item .main-txt-up span{
		animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both 0.2s;
	}
	.active-item .main-txt-up:nth-child(2) span{animation-delay:0.3s}
	.active-item .main-txt-up:nth-child(3) span{animation-delay:0.5s}
}


/* three */
.main-info-wrapper{position:relative; z-index:1;}

#mainInformationCon {z-index:1;position:relative;text-align:center}





@media all and ( min-width: 801px ) and ( max-width: 2200px ){
	.main-info-banner-con .main-info-banner-inner{
		clip:rect(0px,0px,200px,0);
		-webkit-transition:clip 1.2s 0.3s;
		-moz-transition:clip 1.2s 0.3s;
		-o-transition:clip 1.2s 0.3s;
		-ms-transition:clip 1.2s 0.3s;
		transition:clip 1.2s 0.3s;
	}
	.active-item .main-info-banner-con .main-info-banner-inner{
		clip:rect(0px,1000px,200px,0)
	}
}

.newindex_all{
	margin-top: 21px;
    display: flex;
    width: 100%;
    /* height: 682px; */
	/* background-color: red; */
}
.newindex_left{
    margin-right: 1.667%;
	height: 100%;
    width: 33%;
    /* background-color: #fff; */
	border-radius: 16px;
	overflow: hidden;
	background-color: #fff;
}
.newindex_right{
    width: 66%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.imag_wth{
	width: 100%;
height: 254px;
overflow: hidden;
}
.imag_wth>img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imag_box{
	padding: 20px 35px 29px 40px;
}
.ima_boxfot1 svg{
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.ima_boxfot1 span{
	color: #A7A7A7;

font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ima_boxfot1{
	margin-bottom: 20px;
	display: flex;
}
.ima_boxfot2{
	color:  #303030;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 26px;
	-webkit-line-clamp: 1;/*设置了最大显示行数为2行，超出的内容将被隐藏。*/
display: -webkit-box;/*声明将元素以flex盒子布局方式显示*/
-webkit-box-orient: vertical;/*设置了盒子的主轴方向为垂直方向*/
overflow: hidden;/*声明当内容溢出容器时进行隐藏。*/
text-overflow: ellipsis;/*声明当文本溢出容器时使用省略号表示*/
}
.ima_boxfot3{
	color:  #666;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
	-webkit-line-clamp: 2;/*设置了最大显示行数为2行，超出的内容将被隐藏。*/
display: -webkit-box;/*声明将元素以flex盒子布局方式显示*/
-webkit-box-orient: vertical;/*设置了盒子的主轴方向为垂直方向*/
overflow: hidden;/*声明当内容溢出容器时进行隐藏。*/
text-overflow: ellipsis;/*声明当文本溢出容器时使用省略号表示*/
margin-bottom: 30px;
}
.ima_go{
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}
.ima_go span{
	color: #999;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.newindex_rightever{
	width: 48.6%;
	/* height: 329px; */
	border-radius: 16px;
	padding: 30px;
	padding: 25px 28px;
	background: #fff;
	margin-bottom: 24px;
}
.newindex_tit1{
	padding: 5px 13px;
	border-radius: 8px 0px;
background:  #008AC6;
color: #FFF;
text-align: center;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;

height: 31px;

}
.newindex_rightever:nth-child(3){
	margin-bottom: 0;
}
.newindex_rightever:nth-child(4){
	margin-bottom: 0;
}
/* .newindex_tit2{
	margin-top: 38px;
	margin-bottom: 16px;
} */
.newindex_tit3{
	overflow: hidden;
color:  #303030;
text-overflow: ellipsis;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 150% */
-webkit-line-clamp: 1;/*设置了最大显示行数为2行，超出的内容将被隐藏。*/
display: -webkit-box;/*声明将元素以flex盒子布局方式显示*/
-webkit-box-orient: vertical;/*设置了盒子的主轴方向为垂直方向*/
overflow: hidden;/*声明当内容溢出容器时进行隐藏。*/
text-overflow: ellipsis;/*声明当文本溢出容器时使用省略号表示*/
margin-bottom: 20px;
}
.newindex_titxq{
	-webkit-line-clamp: 2;/*设置了最大显示行数为2行，超出的内容将被隐藏。*/
display: -webkit-box;/*声明将元素以flex盒子布局方式显示*/
-webkit-box-orient: vertical;/*设置了盒子的主轴方向为垂直方向*/
overflow: hidden;/*声明当内容溢出容器时进行隐藏。*/
text-overflow: ellipsis;/*声明当文本溢出容器时使用省略号表示*/
margin-bottom: 20px;
overflow: hidden;
color: #666;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}

.newindex_tit4{
	margin-top: 20px;
display: flex;
justify-content: space-between;


}
.newindex_tit4 span{
	color:  #999;
	font-family: Microsoft YaHei;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.newindex_rightever:nth-child(odd){
	margin-right:2.649%;
}
#footer{
	background:  #454545;
	position: relative;
}
#footer>svg{
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.02;
}
.footer_tit{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0 24px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.footer_tit>a>img{
	/* width: 122.857px; */
height: 43px;
}
.footer_tit>span{
	color: #FFF;
	font-family: Microsoft YaHei;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; 
}
.footer_conleft{
width: 30%;
padding-top: 60px;
padding-bottom: 60px;
border-right: 1px solid rgba(255, 255, 255, 0.2);

}
.footer_conright{
	width: 70%;
	
	}
	.phone{
		margin-bottom: 16px;
		display: flex;
		align-items: center;

	}
	.phone>span{
		color: #FFF;
font-family: Roboto;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 10px;
	}
	.erea{
		margin-bottom: 16px;
		display: flex;
		align-items: center;

	}
	.erea>span{
		color: #FFF;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
margin-left: 10px;
	}
.email{
	margin-bottom: 49px;
}
.select_bor{
	width: 250px;
	padding: 12px 16px;
	border-radius: 40px;
border: 1px solid #7D7D7D;
height: 48px;
cursor: pointer;
position: relative;
}.select_bortop{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;



}
.select_bortop>span{
	color: #7D7D7D;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.jt{
	transition: .3s;

}
.select_bortop:hover .jt{
	transform: rotate(180deg);
	transition: .3s;
}
.select_box{
	width: 250px;
	height: 0;
	position: absolute;
	top: 48px;
	left: 0;
	border-radius: 10px;
	background-color: #fff;
	transition: .3s;
	overflow: hidden;


}
.select_bor:hover .select_box{
	height: 300px;
	transition: .3s;
}
.select_boxitem{
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid #7D7D7D;
}
.footer_bot3{
	width: 100%;
	padding: 25px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.20);;
}
.footer_bot3>.m_container{
	display: flex;
	justify-content: space-between;
}
.footer_conright{
padding-top: 60px;
padding-left: 95px;
display: flex;
justify-content: space-between;
}
.footer_con{
	display: flex;
}
.footer_conrightqr{
	display: flex;
}
.footer_conrightqr img{
	min-width: 98px;
min-height: 98px;
width: 98px;
height: 98px;
margin-bottom: 8px;

}
.footer_conrightqr>div{
	text-align: center;
	
}
.footer_conrightqr>div:nth-child(1){
	margin-right: 32px;
}
.footer_conrighttit{
	display: flex;
}
.footer_conrighttit>div>a{
	margin-bottom: 16px;
	
}
.footer_conrighttit>div>a:nth-child(1){
	color: #FFF !important;
font-family: Microsoft YaHei;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 164.706% */
margin-bottom: 24px;
display: inline-block;
}
.footer_conrighttit>div{
	margin-right: 48px;
	display: flex;
	flex-direction: column;
	min-width: 84px;

}
.cpswiper_div{
	width: 100%;
	height: 100%;
	background-color: red;
	border-radius: 16px;
	overflow: hidden;
	height: 483px;
	background: url('/template/default/index/static/images/hangye.png');
	background-size: cover;
	padding: 28px 60px;

	
}
.cpswiper_div>img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	
}
.m_container .cpswiper {
	overflow: visible;
}
.cpswiper .swiper-pagination-bullet{
	width: 24px;
height: 6px;
border-radius: 10px;
}
.cp_box{
padding: 33px;
 width: 410.385px;
height: 427px;;
background-color: #FFF;
border-radius: 16px;
position: relative;
z-index: 1;

}
.cp_box .about_more a {
	display: inline-block;
	width: 150px;
	height: 40px;
	border: 1px solid #207DB9;
	border-radius: 30px;
	font-size: 16px;
	font-size: 16px;
	line-height: 40px;
	color: #207DB9;
	text-align: center;
	position: relative;
	overflow: hidden;
	}
	
	.cp_box .about_more a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #207DB9;
	border-radius: 30px;
	transition: all 0.3s ease;
	}
	
	.cp_box .about_more a:hover:after {
	left: 0;
	width: 100%;
	}
	
	.cp_box .about_more a i {
	font-size: inherit;
	color: inherit;
	font-style: normal;
	background-image: url(/template/default/index/static/images/aboutjt1.svg);
	background-size: 13px 8px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
	
	.cp_box .about_more a:hover {
	color: white;
	border: 0px solid;/*background: #207DB9;
	*/
	}
	
	.cp_box .about_more a:hover i {
	background-image: url(/template/default/index/static/images/filejthover.svg);
	background-size: 13px 8px;
	padding-right: 22px;
	}
	.cp_box1{
		color: #303030;
text-align: center;
font-family: Microsoft YaHei;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
	}
	.cp_box2{
		color:  #666;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
margin-top: 22px;
margin-bottom: 22px;
-webkit-line-clamp: 7;/*设置了最大显示行数为2行，超出的内容将被隐藏。*/
display: -webkit-box;/*声明将元素以flex盒子布局方式显示*/
-webkit-box-orient: vertical;/*设置了盒子的主轴方向为垂直方向*/
overflow: hidden;/*声明当内容溢出容器时进行隐藏。*/
text-overflow: ellipsis;/*声明当文本溢出容器时使用省略号表示*/
	}
	.cpswiper .swiper-button-prev {
		background: url(/template/default/index/static/images/pro_left.png);
		width: 63px;
		height: 63px;
		left: -94px;
	}
	.cpswiper .swiper-button-next {
		background: url(/template/default/index/static/images/pro_right.png);
		width: 63px;
		height: 63px;
		right: -94px;
	}
	.cpswiper .swiper-pagination{
		bottom: -60px !important;
	}<!--0.00020599365234375-->