/**************************************/
/*************[公用start]**************/
/**************************************/
@font-face{
	font-family:"pr";
	/*src:url("../fonts/Poppins-Regular.ttf");*/
	src:url("../fonts/MiSans-Regular.ttf");
}
@font-face{
	font-family:"psb";
	/*src:url("../fonts/Poppins-SemiBold.ttf");*/
	src:url("../fonts/MiSans-Demibold.ttf");
}

/*主站变灰*/
/*html {
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
* {
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: gray;
}*/
/*主站变灰*/

/*淘宝变灰*/
/* body, html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }*/

/*淘宝变灰*/

/*百度百科變灰*/


/*body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
*/


/*百度百科變灰*/

body{
	font-family:"pr";
}





div.clear{
	clear: both;
	height: 0;
	width: 0;
}




a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}
.tver{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/

	overflow: hidden;
}

.img-box img{
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a{
	position:relative;
	padding-bottom: 100%;
	overflow:hidden;
	display: block;
}

.imgbox_a>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.imgbox_hover>img{
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}
.imgbox_hover:hover>img{
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	height: 150px;
	padding: 0 30px;
}

#header .container-fluid{padding-left: 0;padding-right: 0;}

.logo{
	width: 224px;
	margin-top: 56px;
}




.logo a,.logo img{
	display: block;
	width: 100%;
}

.logo img.imgCur{
	display: none;
}

.language{
	width: 125px;
	padding-left: 10px;
	background-image: url(../images/lan.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-top: 50px;
	position: relative;
}
.language:hover .language-a{
	display: block;
}
.language-a{
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.15);
	display: none;
}
.language-a a{
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	color: #333;
	text-align: center;
	transition: .3s;
}
.language-a a:hover{
	color: #fff;
	background-color: #020916;
}
.language>span{
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding-right: 15px;
	background-image: url(../images/jiao.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	cursor: pointer;
}
.nav{
	margin-left: 85px;
}
.nav ul{
	margin:0;
}


.nav>ul>li{
	float: left;
	
}
.nav>ul>li+li{
	margin-left: 35px;
}
.nav>ul>li>a{
	display: flex;
	height: 150px;
	align-items: center;
	font-size: 18px;
	color: #fff;
}
.nav>ul>li:hover>a{
	color: #0154a4!important;
}
.downMenu{
	background-color: #f3f3f3;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	z-index: 30;
	display: none;
}

.downMenu-dl{
	width: 387px;
	min-height: 468px;
	padding: 30px 0 60px 84px;
}

.downMenu-dl dl{
	margin:0;
}
.downMenu-dl dd>a{
	display: block;
	font-size: 16px;
	color: #333;
	padding: 15px;
	line-height: 1.5;
	transition: .3s;
}
.downMenu-dl dd.cur>a{
	background-color: #313b4f;
	color: #fff;
}


.downMenu1-pic-wp{
	position: absolute;
	left: 387px;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.downMenu1-pic{
	height: 100%;
	display: none;
}

.downMenu1-pic:first-child{
	display: block;
}

.downMenu1-pic>a{
	display: block;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.downMenu2 .downMenu1-pic-wp{
	left: 759px;
}

.downMenu1-pic-wp_box{display: none;height: 100%;}
.downMenu1-pic-wp_box:first-child{display: block;}


.downMenu2::before{
	position: absolute;
	width: 372px;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #fff;
	content:"";
	left: 387px;
	z-index: 1;
}
.downMenu-dl2{
	width: 372px;
	position: relative;
	z-index: 15;
}

.downMenu-dl2 dl{
	margin:0;
	display: none;
}
.downMenu-dl2 dl:first-child{
	display: block;
}
.downMenu-dl2 dd>a{
	display: block;
	font-size: 16px;
	color: #333;
	padding: 35px 15px 35px 25px;
}
.downMenu-dl2 dd{
	border-bottom: 2px solid #f3f3f3;
	position: relative;
}

.downMenu-dl2 dd::after{
	position: absolute;
	width: 0;
	left: 0;
	height: 2px;
	background-color: #ffae00;
	content:"";
	bottom: -2px;
	transition: width .5s;
}

.downMenu-dl2 dd.cur::after{
	width: 100%;
}


#header.cur{
	background-color: #fff;
}

.cur .logo img{display: none;}
.cur .logo img.imgCur{display: block;}


#header.cur .nav>ul>li>a{color: #333;}

#header.cur .language>span{background-image: url(../images/jiaoh.png);color:#333;}
#header.cur .language{background-image: url(../images/lanh.png);}







/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{

}

.banner{
	height: 100vh;
}

.fafa,.fafa .slides,.fafa .slides>li{
	height: 100%;
}

.fafa .slides>li{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}


.fafa .flex-direction-nav a{
	position: absolute;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	transition: color .3s,padding .3s;
	margin-top: 0;
	background-image: none!important;
	width: auto;
	height: auto;
}


.fafa .flex-direction-nav a::before{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	content:"";
	transition:background-color .3s;
}

.fafa .flex-direction-nav a::after{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	background-color: #fff;
	content:"";
	margin-top: -1px;
	transition:background-color .3s,width .3s;
}
.fafa .flex-direction-nav a.flex-prev{
	left: 25px;
	padding-left: 78px;
}
.fafa .flex-direction-nav a.flex-prev::before{
	left: 0;
}
.fafa .flex-direction-nav a.flex-prev::after{
	left: 20px;
}
.fafa .flex-direction-nav a.flex-next{
	right: 25px;
	padding-right: 78px;
}
.fafa .flex-direction-nav a.flex-next::before{
	right: 0;
}
.fafa .flex-direction-nav a.flex-next::after{
	right: 20px;
}

.fafa .flex-direction-nav a.flex-prev:hover{
	padding-left: 118px;
	color: #feb900;
}
.fafa .flex-direction-nav a.flex-prev:hover::before{
	background-color: #feb900;
}
.fafa .flex-direction-nav a.flex-prev:hover::after{
	background-color: #feb900;
	width: 80px;
}

.fafa .flex-direction-nav a.flex-next:hover{
	padding-right: 118px;
	color: #feb900;
}
.fafa .flex-direction-nav a.flex-next:hover::before{
	background-color: #feb900;
}
.fafa .flex-direction-nav a.flex-next:hover::after{
	background-color: #feb900;
	width: 80px;
}


.fafa .flex-control-paging li a{
	width: 18px;
	height: 18px;
}
.fafa .flex-control-paging li a.flex-active{
	background-image: url(../images/arrow-b2-h.png);
}
.fafa .flex-control-nav{
	height: 0;
	bottom: 80px;
}
.fafa .flex-control-nav li{
	margin:0 6px;
}


.fafa-wen{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 35;
	left: 0;
	bottom: 0;
	padding-bottom: 120px;
}

.fafa-wen1{
	font-size: 60px;
	color: #fff;
	font-family: "psb";
	line-height: 1;
	transform: translateX(150px);
	opacity: 0;

}


.fafa-wen2{
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	transform: translateX(-150px);
	opacity: 0;

}

.flex-active-slide .fafa-wen1{
	transform: translateX(0%);
	opacity: 1;
	transition: 0.8s;
}
.flex-active-slide .fafa-wen2{
	transform: translateX(0%);
	opacity:1;
	transition: 0.8s;
}








.fxfx .flex-control-paging li a{
	width: 16px;
	height: 16px;
}
.fxfx .flex-control-paging li a.flex-active{
	background-image: url(../images/arrow-b2-h.png);
}
.fxfx .flex-control-nav{
	height: 0;
	bottom: 30px;
}
.fxfx .flex-control-nav li{
	margin:0 5px;
}
.main1{
	padding: 100px 0;
	background-color: #f4f5f7;
	overflow: hidden;
}

.main1-video{
	width: 830px;
	margin-left: 65px;
	position: relative;
	margin-right: 50px;
}
.main1-video::before{
	position: absolute;
	right: -50px;
	top: -100px;
	bottom: -100px;
	z-index: 10;
	background-color: #fff;
	width: 620px;
	content:"";
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06);
}
.main1-video .imgbox_a{
	padding-bottom: 68.833%;
	cursor: pointer;
	z-index: 50;
}


.main1-video .imgbox_a::before{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	content:"";
	z-index: 50;
	background-image: url(../images/bo.png);
	background-size: 100%;
}

.main1-1{
	overflow: hidden;
	padding-top: 8px;
}

.main1 .product-title{color: #333;}
.main1 .product-con{color: #666;padding-right: 0}
.main-a{
	margin-top: 35px;
}
.main-a a{
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	transition: color .3s;
}
.main-a a img{
	margin-top: -3px;
	margin-left: 10px;
}

.main-a a:hover{
	color: #feb900;
}
.main1-1 .about1-dl{
	padding-bottom: 0;
}
.main1-1 .about1-dl dl{
	display: flex;
	justify-content: space-between;
}
.main1-1 .about1-dl dd{
	width: 240px;
}
.main1-1 .about1-dl dd+dd {
    margin-left:0px;
}

.main1-1 .about1-dl dd h2{
	font-size: 14px;
	text-transform: uppercase;
}

.main2{
	padding: 80px 0 125px;
	background-color: #060e1f;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/main2-bg.jpg);
	/*background-size: contain;*/
}


.main2-1-title{
	text-align: center;
}

.main2-1-title h1{
	margin:0;
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
}

.main2-1-title h2{
	margin:0;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	margin-top: 25px;
}


.main2-list{
	margin-top: 120px;

}

.main2-list dl{
	margin:0;
}

.main2-list dd{
	float: left;
	width: 33.333333333%;
	margin-bottom: 95px;
}
.main2-list dd+dd{
	border-left: 1px solid #1b2438;
}
.main2-list dd:nth-child(4){
	border-left: 0
}
.main2-list dd>a{
	display: block;
	padding:0px 0 65px;
	position: relative;
}

.main2-car{
	width: 393px;
	margin:0 auto;
	position: relative;
	z-index: 30;
	top: 0;
	transition: top .3s;
}

.main2-car .imgbox_a{
	padding-bottom: 58%;
}

.main2-car-name{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-align: center;
	line-height: 1;
	z-index: 10;
	transition: bottom .3s,font-size .3s;
}

.main2-list dd>a:hover .main2-car{
	top: 50px;
}

.main2-list dd>a:hover .main2-car-name{
	bottom: 200px;
	font-size: 100px;
}


.main2-1-p{
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}
.main2-a{
	margin-top: 30px;
}
.main2-a a{
	display: block;
	width: 240px;
	height: 42px;
	line-height: 42px;
	border:1px solid #1b2438;
	font-size: 14px;
	color: #fff;
	padding-left: 65px;
	text-transform: uppercase;
	background-image: url(../images/jt3h.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	transition: .3s;
	margin:0 auto;
}

.main2-a a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #333;
	background-image: url(../images/jt3.png);
}

.main2-2{
	margin: 70px 0;
	border-top: 1px solid #1b2438;
	border-bottom: 1px solid #1b2438;
	padding: 70px 0;
}

.fmain2-2 .imgbox_a{
	padding-bottom: 35.647%;
}

.fmain2-2 .flex-direction-nav a{
	position: absolute;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	transition: color .3s,padding .3s;
	margin-top: 0;
	background-image: none!important;
	width: auto;
	height: auto;
}


.fmain2-2 .flex-direction-nav a::before{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	content:"";
	transition:background-color .3s;
}

.fmain2-2 .flex-direction-nav a::after{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	background-color: #fff;
	content:"";
	margin-top: -1px;
	transition:background-color .3s,width .3s;
}
.fmain2-2 .flex-direction-nav a.flex-prev{
	left: 25px;
	padding-left: 78px;
}
.fmain2-2 .flex-direction-nav a.flex-prev::before{
	left: 0;
}
.fmain2-2 .flex-direction-nav a.flex-prev::after{
	left: 20px;
}
.fmain2-2 .flex-direction-nav a.flex-next{
	right: 25px;
	padding-right: 78px;
}
.fmain2-2 .flex-direction-nav a.flex-next::before{
	right: 0;
}
.fmain2-2 .flex-direction-nav a.flex-next::after{
	right: 20px;
}

.fmain2-2 .flex-direction-nav a.flex-prev:hover{
	padding-left: 118px;
	color: #feb900;
}
.fmain2-2 .flex-direction-nav a.flex-prev:hover::before{
	background-color: #feb900;
}
.fmain2-2 .flex-direction-nav a.flex-prev:hover::after{
	background-color: #feb900;
	width: 80px;
}

.fmain2-2 .flex-direction-nav a.flex-next:hover{
	padding-right: 118px;
	color: #feb900;
}
.fmain2-2 .flex-direction-nav a.flex-next:hover::before{
	background-color: #feb900;
}
.fmain2-2 .flex-direction-nav a.flex-next:hover::after{
	background-color: #feb900;
	width: 80px;
}


.fmain2-2 .flex-control-paging li a{
	width: 18px;
	height: 18px;
}
.fmain2-2 .flex-control-paging li a.flex-active{
	background-image: url(../images/arrow-b2-h.png);
}
.fmain2-2 .flex-control-nav{
	height: 0;
	bottom: 50px;
}
.fmain2-2 .flex-control-nav li{
	margin:0 6px;
}


.main2-2-list dl{
	margin:0;
	margin-left: -2%;
}

.main2-2-list dd{
	float: left;
	width: 31.3333%;
	margin-left: 2%;
	margin-top: 2%;
}

.main2-2-list dd .imgbox_a{
	padding-bottom: 75.367647%;
}

.main2-2-list dd .imgbox_a::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/lanyin.png);
	content:"";
	z-index: 10;
}










.main2-3-list{
	padding-top: 60px;
}
.main2-3-list dl{
	margin:0;
	margin-left: -2%;
	margin-top: -2%;
}

.main2-3-list dd{
	float: left;
	width: 31.3333333%;
	margin-left: 2%;
	margin-top: 2%;
}

.main2-3-list dd .imgbox_a{
	padding-bottom: 67.83%;

}
.main2-3-list dd .imgbox_a::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../images/lanyin.png);
	content:"";
	z-index: 10;
}
.main2-3-list dd:first-child{
	width: 64.6666666%;
}
.main2-3-list dd:first-child .imgbox_a{
	padding-bottom: 32.83%;

}


.main2-3-con2{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 30;
	padding: 0 50px 15px;
}

.main2-3-con2 h1{
	margin:0;
	font-size: 14px;
	color: #fff;
}
.main2-3-con2 h1 img{
	margin-top: -3px;
	margin-right: 7px;
}
.main2-3-con2 h2{
	margin:0;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	margin-top: 10px;
}

.main2-3-con1{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 30;
	padding: 0 50px 20px;
}

.main2-3-con1 h1{
	margin:0;
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	font-family: "psb";
}

.main2-3-con1  h2{
	margin:0;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	margin-top: 10px;
}


.main2-3-con0{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 30;
	padding: 0 50px 20px;
}

.main2-3-con0 h1{
	margin:0;
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	font-family: "psb";
}

.main2-3-con0  h2{
	margin:0;
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	margin-top: 10px;
}

/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{
	background-color: #020916;
}

.footer-1{
	padding: 65px 0 80px;
}

.footer-1 .container{
	position: relative;
}
.footer-1 .container::before{
	position: absolute;
	width: 1px;
	top: 0;
	height: 100%;
	background-color: #1b2438;
	content:"";
	right: 293px;
}
.foo1-2{
	width:293px;
	padding-left: 50px;
}


.foo1-2 dl{
	margin:0;
}
.foo1-2 dd{
	margin-top: 35px;
}
.foo1-2 dd>a{
	display: block;
	min-height: 48px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: left 0;
	position: relative;
	left: 0;
	transition: left .3s;
	padding-top: 3px;
}
.foo1-2 dd>a:hover{
	left: 10px;
}
.foo1-2-title{
	font-size: 14px;
	color: #fff;
	line-height: 1.5;
}





.foo1-2-item h1{
	margin:0;
	font-size: 18px;
	color: #fff;
}
.foo1-2-item h2{
	margin:0;
	font-size: 14px;
	color: #596275;
}

.foo1-2-item+.foo1-2-item{
	margin-top: 20px;
}

.foo1-2-item dl{
	margin:0;
}

.foo1-2-item dd{
	float: left;
}

.foo1-2-item dd+dd{
	margin-left: 17px;
}



.foo1-1{
	overflow: hidden;
}

.foo1-1 ul{
	margin:0;
}


.foo1-1 li{
	float: left;
}
.foo1-1 li+li{
	margin-left:85px;
}

.foo1-1 h1{
	margin:0;
	font-size: 18px;
	color: #fff;
}
.foo1-1 dl{
	margin:0;
	padding-top: 10px;
}

.foo1-1 dd{
	margin-top: 15px;
}

.foo1-1 dd>a{
	font-size: 14px;
	color: #596275;
	transition: color .3s;
}
.foo1-1 dd>a:hover{
	color: #fff;
}



.footer-2{
	padding: 30px 0;
	border-top: 1px solid #1b2438;
	font-size: 14px;
	color: #596275;
}
.footer-2 a{
	transition: color .3s;
}
.footer-2 a:hover{
	color: #fff;
}

.foo1-1{
	overflow: hidden;
}


/**************************************************************/
/*footer-over*/





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/

#header-2{
	display: none;
	height: 75px;
	/*border-bottom:0px solid #035cac;*/
	box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1001;
	background-color: #020916;

}
.nav-2{
	display: none;
	background-color: #f3f3f3;
	position: relative;
	z-index:900;
	max-height: calc(100vh - 75px);
	overflow-y: auto;

}

.nav-2>ul>li{

	border-top: 1px dotted #ccc;
	position: relative;
}

.jiaspan{
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia2.png);
	background-repeat: no-repeat;
	background-position: center ;
	top: 5px;

	right: 14px;
}
.jiaspan.cur{
	background-image: url(../images/jia2h.png);

}
.nav-2>ul>li:first-child{
	/*border-top: 0;*/
}
.nav-2>ul>li>a{

	padding:8px 10px;
	display: block;
	font-size: 16px;
	width: 100%;
	color:#333;
	font-family: "anb";

}
.nav-2>ul>li>ul{
	padding-bottom: 10px;
	display: none;
}
.nav-2>ul>li>ul>li>a{
	padding: 8px 10px;
	display: block;
	font-size: 14px;
	padding-left: 25px;
	width: 100%;
	color:#666;
}
/*.downla-2 {
	padding: 5px 0 10px;
	display: none;
}
.downla-2 dd{
	padding-left: 30px;
}
.downla-2 dd a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 0;
	width: auto;
}*/
/*.nav-2 li a:hover{
	color:#1a0d07;
}*/

.nav-2 dl{
	margin:0;
	font-size: 0;
	margin-left: 25px;
	margin-right: 15px;
	border-top: 1px dashed #666;
	padding: 5px 0;
}
.nav-2 dd{
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 12px;
	color: #888;
}

.nav-2-form{
	padding: 10px;
	position: relative;
}
.nav-2-form input[type="image"]{
	position: absolute;
	right: 19px;
    top: 17px;
    width: 18px;

}

.nav-2-form .form-control{padding-right: 50px;}
.logo-2 {
   font-size: 0;
   width: 200px;
   margin-left: 15px;
   margin-top:21px;
}

.logo-2 img{
	display: block;
	width: 100%;
}


.menu2{

	margin-right: 15px;
	height: 75px;
	font-size: 0;

}
.menu2 li{
	cursor:pointer ;
	margin-left: 15px;
	float: right;
	margin-top: 29px;
}
.menu2 li+li{
	margin-top: 21px;
}
.menu2 li img{
	/*vertical-align: middle;*/


}

.chenggao{
		display: none;
		height: 75px;
	}


#nav-2-heidi{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	background-image: url(../images/heidi.png);
	display: none;

}


/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/




.banner-2{
	height:538px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.news1{
	position: relative;
	z-index: 25;
	background-color: #fff;
}

.news1-pic{
	width:809px;
	margin-right: 66px;
	position: relative;
	top: 70px;
}
.news1-pic .imgbox_a{
	padding-bottom: 67.86%;
}
.news1-con{
	overflow: hidden;
	padding-top: 105px;
}
.timeDate{
	margin:0;
	font-size: 14px;
	color: #333;
	padding-left: 24px;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(../images/time.png);
}

.news1-con h2{
	margin:0;
	font-size: 38px;
	font-family: "psb";
	color: #333;
	line-height: 1.2;
	height: 3.6em;
	overflow: hidden;
	text-transform: uppercase;
	margin-top: 25px;
}
.news1-con h2 a{transition: color .3s;}
.news1-con h2 a:hover{
	color: #294897;
}
.news1-con p{
	margin:0;
	font-size:14px;
	line-height: 2;
	color: #999;
	height: 6em;
	overflow: hidden;
	margin-top: 25px;
}

.more1{
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
}
.more1 img{
	margin-top: -3px;
	margin-left: 15px;
}
.more1 a{transition: color .3s;}
.more1 a:hover{
	color: #294897;
}
.news1 .more1{
	margin-top: 45px;
}
.news2{
	background-color: #060e1f;
	padding: 190px 0 85px;
	position: relative;
	z-index: 15;
}

.news2-list{
	overflow: hidden;
}
.news2-list dl{
	margin:0;
	margin-left: -3%;
	margin-top: -3%;
}

.news2-list dd{
	float: left;
	width: 30.3333%;
	margin-left: 3%;
	margin-top: 3%;
}

.news2-pic .imgbox_a{
	padding-bottom: 67.83%;
}

.news2-con{
	padding-top: 25px;
}
.news2-con h2{
	margin:0;
	font-size: 22px;
	color: #fff;
	line-height: 1.4;
	height: 2.8em;
	overflow: hidden;
	text-transform: uppercase;
}
.news2-con p{
	margin:0;
	font-size:14px;
	line-height: 2;
	color: #596275;
	height: 4em;
	overflow: hidden;
	margin-top: 15px;
	transition: color .3s;
}

.news2-con .timeDate{
	color: #596275;
	background-image: url(../images/time2z.png);
	transition: color .3s,background-image .3s;
	margin-top: 25px;
}


.news2-list dd:hover .news2-con p{color: #fff;}
.news2-list dd:hover .news2-con .timeDate{color: #fff;background-image: url(../images/time2.png);}

.m_page{
	margin-top: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m_page a{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
.m_page a.cur,.m_page a:hover{
	background-color: #fff;
	color: #333;
}

.m_page a+a{
	margin-left: 15px;
}
.m_page  span{
	font-size: 16px;
	color: #fff;
	width: 50px;
	text-align: center;
	margin:0 15px;
}

.news-xx-con-wp{
	width: 1150px;
	margin-right: 75px;
}

.news-xx-tp{
	overflow: hidden;
	padding-top: 160px;
}

.news-xx{
	padding: 60px 0 100px;
}
.news-xx-title-wp{
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
}
.news-xx-title{
	font-size: 30px;
	color: #333;
	line-height: 1.5;
	text-transform: uppercase;
	padding-bottom: 20px;
}


.news-xx-con{
	margin-top: 40px;
	font-size: 16px;
	color: #333;
	line-height: 2;
}

.news-xx-con img{
	display: block;
	margin:15px auto;
}

.news-xx-t{
	border:7px solid #ebebeb;
	padding: 0 25px;
}

.news-xx-t dl{
	margin:0;
}
.news-xx-t dd{
	padding: 25px 0;
}
.news-xx-t dd+dd{
	border-top: 1px solid #ebebeb;
}
.news-xx-t dd h1{
	margin:0;
	font-size: 20px;
	color: #333;
	line-height: 1.4;
	margin-bottom: 12px;
}

.news-xx-t dd h1 a:hover{
	color: #294897;
}

.news-xx-p{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.news-xx-p a{
	padding: 10px 15px;
	background-color: #ebebeb;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	transition: background-color .3s;
}

.news-xx-p a img{
	margin-top: -3px;
	margin-left: 15px;
}

.news-xx-p a:first-child img{
	margin-left: 0;
	margin-right: 15px;
}

.news-xx-p a:hover{
	background-color: #060e1f;

}
.aftercare{padding: 70px 0 125px;}
.aftercare-dl dl{
	margin:0;
}
.aftercare-dl dd{
}
.aftercare-dl dd.aftercare1{
	width: 61.82353%;
	margin-bottom: 35px;
}
/*.aftercare-dl dd.aftercare1 .imgbox_a{
	padding-bottom: 35.965747%
}*/
.aftercare-dl dd.aftercare2{
	width: 36.05882%;
	margin-bottom: 35px;
}

/*.aftercare-dl dd.aftercare2 .imgbox_a{
	padding-bottom: 61.663947%
}*/

.aftercare-dl dd.aftercare3{
	width: 100%;
	float: left;
}

/*.aftercare-dl dd.aftercare3 .imgbox_a{
	padding-bottom: 22.235294%
}*/

.aftercare-dl dd .imgbox_a{
	padding-bottom: 0;
	height: 378px;
}
.aftercare-dl dd::after{
	clear:both;
	content:"";
}
.aftercare-dl dd .imgbox_a::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	content:"";
	background-color: #000;
	opacity: 0.2;
}
.aftercare-title{
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 40px;
	padding: 0 15px 0 50px;
	line-height: 1.2;
}

.aftercare-xx-menu{
	width: 475px;
	margin-right: 75px;
	background-color: #f4f5f7;
}
.aftercare-xx-menu dl{
	margin:0;
}

.aftercare-xx-menu dd>a{
	display: block;
	font-size: 24px;
	font-family: "psb";
	color: #333;
	text-align: center;
	padding: 30px 15px;
	line-height: 1.4;
	transition: .3s;
}
.aftercare-xx-menu dd+dd{
	border-top: 1px solid #fff;
}
.aftercare-xx-menu dd.cur>a,
.aftercare-xx-menu dd>a:hover{
	background-color: #0f1d3b;
	color:#fff;
}
.aftercare-xx-con{
	width: 1150px;
	float: right;
}

.aftercare-xx-title{
	font-size: 24px;
	font-family: "psb";
	color: #333;
	padding: 30px 0;
	line-height: 1.4;
	border-bottom: 1px solid #e8e9eb;
}

.aftercare-xx-p{
	margin-top: 25px;
	font-size: 16px;
	color: #333;
	line-height: 2;
}

.aftercare-xx-p img{
	display: block;
	margin:0 auto 15px;
}

.downList dl{
	margin:0;
	margin-left: -3%;
}
.downList dd{
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 3%;
}

a.downLista{
	display: block;
	height: 262px;
	border:1px solid #e1e1e1;
	padding: 30px 40px 0;
	transition: border-color .3s;
	position: relative;
	z-index: 10;
}

a.downLista h1{
	margin:0;
	font-size: 14px;
	color: #333;
}

a.downLista h1::after{
	display: block;
	width: 57px;
	height: 1px;
	margin-top: 15px;
	content:"";
	background-color: #060e1f;
}

a.downLista h2{
	margin:0;
	font-size: 20px;
	color: #333;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	margin-top: 30px;
}

.downyun{
	height:40px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/downyun.png);
	margin-top: 25px;
	transition: background-image .3s;
}

a.downLista:hover{
	border-color:#060e1f;
	z-index: 15;
}

a.downLista:hover .downyun{background-image: url(../images/downyunh.png);}

.m_page-hei.m_page a{
	color: #333;
} 

.m_page-hei.m_page a.cur{
	box-shadow: 0px 17px 16px 0px rgba(0, 0, 0, 0.07);
}

.contact{
	padding: 70px 0 125px;
}

.contact-div{
	padding: 65px 55px;
	background-image: url(../images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contact-1{
	width: 50%;

}

.contact-1-title{
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	line-height: 1.2;
	width: 500px;
}

.contact-1-dl dl{
	margin:0;
}
.contact-1-dl dd{
	float: left;
	margin-top: 75px;
}
.contact-1-dl dd+dd{
	margin-left: 120px;
}
.contact-1-dl dd>a{
	display: block;
}
.contact-1-dl dd>a:hover .contact-1-ico img{
	top: -10px;
}
.contact-1-ico{
	width: 125px;
	height: 125px;
	margin:0 auto;
	background-color: rgba(255,255,255,0.16);
	border-radius: 12px;
	padding-top: 28px;
}
.contact-1-ico img{
	display: block;
	width: 68px;
	margin:0 auto;
	position: relative;
	top: 0;
	transition: top .3s
}
.contact-1-con h1{
	margin:0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin:15px 0 8px;
}
.contact-1-con h2{
	margin:0;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.contact-2{
	width: 50%;

	background-color: #fff;
	border-radius: 10px;
	padding: 35px;
}

.contact-2-dl dl{
	margin:0;
	margin-left: -3%;
}

.contact-2-dl dd{
	float: left;
	width: 30.333333%;
	margin-left: 3%;
	margin-bottom: 20px;
}

.contact-2-dl dd:last-child{
	width: 97%;
}

.contact-2-title{
	font-size: 16px;
	color: #333;
	padding-bottom: 15px;
}

.contact-2-input input.form-control{
	height: 40px;
	font-size: 16px;
}

.contact-2-input textarea.form-control{
	height:145px;
	font-size: 16px;
	resize: none;
}
.contact-2-btn{
	padding-top: 5px;
}
.contact-2-btn input{
	margin-left: auto;
	display: block;
	width: 116px;
	height: 38px;
	border:0;
	cursor: pointer;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	background-color: #060e1f;
}

.contact-2-btn input:focus{
	outline: none;
}

.contact-2-btn input:hover{
	font-family: "psb";
}

.network1{
	padding: 75px 0 50px;
	background-color: #f4f5f7;
}
.network1-div{
	background-color: #fff;
	padding: 55px 0 60px;
}
.network1-div .contact-1-title{
	color: #333;
	width: 100%;
	padding-left: 50px;
	text-transform: uppercase;
}
.network1-dl{
	margin-top: 65px;
}
.network1-dl ul{
	margin:0;
}
.network1-dl li{
	float: left;
	width: 33.3333333%;
	padding: 0 50px;
	min-height: 163px;
}
.network1-dl li+li{
	border-left: 1px solid #e8e9eb
}
.network1-dl dl{
	margin:0;
}
.network1-dl dd{
	font-size: 16px;
	color: #333;
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: left 0;
}
.network1-dl dd+dd{
	margin-top: 25px;
}
.network2{
	padding: 50px 0 125px;
	background-color: #ffffff;
}

.network2-1{
	width: 500px;
	
}

.network2-1>a{
	display: block;
	height: 375px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/network2-1.jpg);
	position: relative;
	background-size: cover;
}

.network2-1>a h1{
	margin:0;
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 15;
	padding-left: 50px;
	padding-bottom: 40px;
}

.network2-2{
	width: 1200px;
}

.network2-2 a.downLista{
	height: 375px;
	padding-top: 50px;
}

.network2-2 a.downLista h2{
	margin-top: 40px;
}
.network2-2 a.downLista:hover {
    border-color: #e1e1e1;

}

.network2-2 a.downLista .downyun{
	margin-top: 100px;
}


.network2-2-list .owl-nav{
	position: absolute;
	width: 98px;
	height: 49px;
	right: 0;
	bottom: -75px;
}
.network2-2-list .owl-nav button.owl-prev{
    position: absolute;
    left:0px;
    top: 0%;
    width: 49px;
    height: 49px;
    background-image: url(../images/left.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;
    font-size: 0;
    z-index: 50;
    transition:background-image .3s; 
}

.network2-2-list .owl-nav button.owl-next{
    position: absolute;
    right:0px;
    top: 0%;
    width: 49px;
    height: 49px;
    background-image: url(../images/right.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center ;font-size: 0;
    z-index: 50;
    transition:background-image .3s; 

}

.network2-2-list .owl-nav button.owl-prev:hover{
	background-image: url(../images/lefth.png);
}
.network2-2-list .owl-nav button.owl-next:hover{
	background-image: url(../images/righth.png);
}


.network2-2-list .owl-item+.owl-item{
	margin-left: -1px
}








.jiejue{
	padding: 70px  0 125px;
	position: relative;
}
.jiejue::before{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 435px;
	z-index: 15;
	background-color: #060e1f;
	content:"";
}
.jiejue .container{
	position: relative;
	z-index: 50;
}
.jiejue1-a{
	display: none;
}
.jiejue1-a:first-child{
	display: block;
}
.jiejue1-a a{
	display: block;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.jiejue1-title{
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
	position: absolute;
	left: 50px;
	bottom: 40px;
}

.jiejue2 dl{
	margin:0;
}
.jiejue2 dd{
	float: left;
	width: 14.28571%;
	height: 148px;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color:#333;
	padding: 0 30px;
	text-align: center;
	transition: background-color .3s,color .3s;
}
.jiejue2 dd.cur{
	background-color: #0f1d3b;
	color:#fff;
}
.jiejue2 dd+dd{
	border-left: 1px solid #060e1f;
}
.jiejue-xx{
	padding: 75px 0 125px;
}
.jiejue-xx-menu{
	width: 474px;
	margin-right: 78px;
	/*background-color: #fff;*/
	background-color: #f4f5f7;
}
.jiejue-xx-menu dl{
	margin:0;
	font-size: 
}
.jiejue-xx-menu dd{
	position: relative;
}
.jiejue-xx-menu dd+dd{
	margin-top: 1px;
}
.jiejue-xx-menu  dd>a{
	position: relative;
	z-index: 30;
	display: block;
	padding: 33px 15px;
	font-size: 24px;
	color: #333;
	font-family: psb;
	text-align: center;
}
.jiejue-xx-menu  dd>a:hover{
	color: #020916;
}
.jiejue-xx-bg{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: none;
}
.jiejue-xx-menu dd.cur .jiejue-xx-bg{
	display: block;
}


.jiejue-xx-menu dd.cur>a{
	color: #fff!important;
	padding: 65px 15px;
	background-color:rgba(0,0,0,0.5);
}



.jiejue-xx-div{
	overflow: hidden;
	position: relative;
}

.fjiejue-xx .imgbox_a{
	padding-bottom: 67.4216%
}

.fjiejue-xx .flex-direction-nav a{
	width: 49px;
	height: 49px;
	margin-top: -25px;
	transition: background-image .3s;
}

.fjiejue-xx .flex-direction-nav a.flex-prev{
	left: 40px;
}
.fjiejue-xx .flex-direction-nav a.flex-prev:hover{
	background-image: url(../images/b-left-h.png);
}

.fjiejue-xx .flex-direction-nav a.flex-next{
	right: 40px;
}
.fjiejue-xx .flex-direction-nav a.flex-next:hover{
	background-image: url(../images/b-right-h.png);
}

.jiejue-xx-con-wp{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 30px 45px;
	background-color: rgba(0,0,0,0.7);
	z-index: 100;
}

.jiejue-xx-con{
	height: 120px;
	overflow-y: auto;
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
	padding-right: 15px;
}

.jiejue-xx-con::-webkit-scrollbar {
    width: 8px;
    background-color: #616161;
}
.jiejue-xx-con::-webkit-scrollbar-thumb {
    width: 8px;
    height: 36px;

    background-color: #e28a00;
}
.jiejue-xx-con::-webkit-scrollbar-track {
    width: 8px;

}

.jiejue-xx-con p{margin:0;}


.about1{
	padding: 70px 0 0;
	position: relative;
}
.about1 .container{
	position: relative;
	z-index: 50;
}
.about1::after{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	content:"";
	z-index: 15;
	background-color: #f4f5f7;
	height:130px;
}
.aboutwz{
	padding: 0 150px;
}
.aboutwz-title{
	font-size: 38px;
	color: #333;
	font-family: "psb";
	text-transform: uppercase;
	text-align: center;
	line-height: 45px;
}

.aboutwz-con p{margin:0;}
.aboutwz-con{
	font-size: 16px;
	color: #666;
	line-height: 2;
	text-align: center;
	margin-top: 40px;
}
.about1-dl{
	padding: 70px 0;
}
.about1-dl dl{
	margin:0;
	font-size: 0;
	text-align: center;
}

.about1-dl dd{
	display: inline-block;
	width: 300px;
	vertical-align: top;
}
.about1-dl dd+dd{
	margin-left: 100px;
}
.about1-dl dd img{
	display: block;
	margin:0 auto;
}

.about1-dl dd h1{
	margin:0;
	font-size: 56px;
	color: #333;
	/*font-weight: bold;*/
	font-family: 'psb';
	margin:17px 0 8px;
}

.about1-dl dd h2{
	margin:0;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
}

.about-video video{
	display: block;
	width: 100%;
	object-fit:cover;
	border:0;
}

.about-video video:focus{
	outline: none;
}

.about-video{
	position: relative;
}
.about-video img{
	display: block;
	width: 100%;
}





.about-video .imgbox_a{
	padding-bottom: 37.647%;
	cursor: pointer;
}
.about-video .imgbox_a::after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #000;
	opacity: 0.3;
	content:"";
}
.about-video .imgbox_a::before{
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	content:"";
	z-index: 50;
	background-image: url(../images/bo.png);
	background-size: 100%;
}





.about2{
	padding: 70px 0 125px;
	background-color: #f4f5f7;
}

.about2-item{
	width: 48.94%;
	margin-top: 70px;
}

.about2-item .imgbox_a{
	padding-bottom:39.66%; 
}

.fazhan1{
	padding: 60px 0 70px
}

.aboutwz-titlex{
	font-size: 28px;
	color: #333;
	font-family: "psb";
	text-transform: uppercase;
	text-align: center;
	line-height: 35px;
	margin-top: 45px;
}

.fazhan2{
	padding: 60px 0 70px;
	background-color: #f4f5f7;
}
.fazhan2 .aboutwz-titlex{
	padding: 0 360px;
	margin-top: 0;
}
.fazhan2-div{
	margin-top: 60px;
}

.fazhan2-pic .imgbox_a{
	padding-bottom: 80.15%;
	border-radius: 30px;
}

.fazhan2-con{
	margin-top: 30px;
	text-align: center;
}

.fazhan2-con h1{
	margin:0;
	font-size: 56px;
	color: #333;
	font-family: psb;
	line-height: 1;
}

.fazhan2-con p{
	margin:0;
	font-size:16px;
	color: #666;
	line-height: 2;
	margin-top: 10px;
	height: 4em;
	overflow: hidden;
}

.fazhan3{
	padding: 60px 0 70px;
	background-image: url(../images/fazhan3-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fazhan3 .aboutwz-titlex{
	padding: 0 360px;
	margin-top: 0;
	color: #fff;
}


.fazhan3 .fazhan2-pic .imgbox_a{
	padding-bottom: 65.3688%;
	border-radius: 30px;
}

.fazhan3 .fazhan2-con h1{
	color: #fff;
}

.fazhan3 .fazhan2-con p{
	color: #fff;
	height: 6em;
}

.fazhan4{
	padding: 70px 0 125px;
}

.fazhan4-list dl{
	margin:0;
	margin-left: -3%;
}

.fazhan4-list dd{
	float: left;
	width: 30.33333%;
	margin-left: 3%;
	margin-top: 3%;
}

.fazhan4-list dd .imgbox_a{
	padding-bottom: 68.2656%;
}


.banner-3 img{
	display: block;
	width: 100%;
	position: relative;
	z-index: 10;
}

.banner-3{
	position: relative;
}

.banner-3-nav-item{
	display: block;
	position: absolute;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	transition: color .3s,padding .3s;
}

.banner-3-nav-item::before{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	content:"";
	transition:background-color .3s;
}

.banner-3-nav-item::after{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	background-color: #fff;
	content:"";
	margin-top: -1px;
	transition:background-color .3s,width .3s;
}
.banner-3-nav-left{
	left: 28px;
	padding-left: 78px;
}
.banner-3-nav-left::before{
	left: 0;
}
.banner-3-nav-left::after{
	left: 20px;
}
.banner-3-nav-right{
	right: 28px;
	padding-right: 78px;
}
.banner-3-nav-right::before{
	right: 0;
}
.banner-3-nav-right::after{
	right: 20px;
}

.banner-3-nav-left:hover{
	padding-left: 118px;
	color: #feb900;
}
.banner-3-nav-left:hover::before{
	background-color: #feb900;
}
.banner-3-nav-left:hover::after{
	background-color: #feb900;
	width: 80px;
}

.banner-3-nav-right:hover{
	padding-right: 118px;
	color: #feb900;
}
.banner-3-nav-right:hover::before{
	background-color: #feb900;
}
.banner-3-nav-right:hover::after{
	background-color: #feb900;
	width: 80px;
}


.product_md{
	height: 0;
	position: relative;
	width: 100%;
	top: -90px;
}

.product_md#product1{
	top: -100px;
}




.product-menu-wp{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.06);
	z-index: 100;
}
.product-menu-wp.cur{
	position: fixed;
}

.product-menu dl{
	margin:0;
}

.product-menu dd{
	float: left;
}
.product-menu dd+dd{
	margin-left: 70px;
}
.product-menu dd>a{
	display: block;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	color: #666;
	position: relative;
}
.product-menu dd>a::after{
	position: absolute;
	width: 40px;
	height: 7px;
	bottom: 9px;
	left: 50%;
	margin-left: -20px;
	content:"";
	background-color: #feb900;
	border-radius: 7px;
	opacity: 0
}
.product-menu dd.cur>a{
	color: #333;
}
.product-menu dd.cur>a::after{
	opacity: 1
}

.product{
	position: relative;
}

.product1{
	padding: 135px 0 90px;
	border-bottom: 1px solid #1b2438;
	position: relative;
}
.product1 .container{
	position: relative;
	z-index: 30;
}
.product1::after{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #060e1f;
	content:"";
	top: 637px;
	z-index: 10;
}

.product1-left{
	width: 1040px;
}

.product1-video video{
	display: block;
	width: 100%;
	object-fit:cover;
	border:0;
	height: 586px;
	background-color: #000;
}

.product1-video video:focus{
	outline: none;
}

.product1-con{
	margin-top: 40px;
}

.product-title{
	font-size: 38px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
}

.product-con{
	margin-top: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 2;
	padding-right: 50px;
}

.product-con p{margin:0;}




.product1-right{
	overflow: hidden;
}

.product1-2{
	height: 502px;
	padding: 80px 0 0;
}

.product1-2 img{
	margin:0 auto;
	display: block;
}

.product1-2 h1{
	margin:0;
	font-size: 36px;
	color: #333;
	font-family: "psb";
	text-transform: uppercase;
	text-align: center;
	margin:40px 0 10px;
}
.product1-2 h2{
	margin:0;
	font-size: 18px;
	color: #333;
	text-align: center;
}

.product1-3 .imgbox_a{
	padding-bottom: 76.82%;
}
.product2{
	padding: 50px 0 100px;
	background-color: #060e1f;
}

.product-tl .fl{
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	font-family: "psb";
}

.product2-div{
	margin-top: 50px;
}


.fproduct2 .imgbox_a{
	padding-bottom: 50.94%;
}






.fproduct2 .flex-direction-nav a{
	position: absolute;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	transition: color .3s,padding .3s;
	margin-top: 0;
	background-image: none!important;
	width: auto;
	height: auto;
}


.fproduct2 .flex-direction-nav a::before{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	content:"";
	transition:background-color .3s;
}

.fproduct2 .flex-direction-nav a::after{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 1px;
	background-color: #fff;
	content:"";
	margin-top: -1px;
	transition:background-color .3s,width .3s;
}
.fproduct2 .flex-direction-nav a.flex-prev{
	left: 50px;
	padding-left: 78px;
}
.fproduct2 .flex-direction-nav a.flex-prev::before{
	left: 0;
}
.fproduct2 .flex-direction-nav a.flex-prev::after{
	left: 20px;
}
.fproduct2 .flex-direction-nav a.flex-next{
	right: 50px;
	padding-right: 78px;
}
.fproduct2 .flex-direction-nav a.flex-next::before{
	right: 0;
}
.fproduct2 .flex-direction-nav a.flex-next::after{
	right: 20px;
}

.fproduct2 .flex-direction-nav a.flex-prev:hover{
	padding-left: 118px;
	color: #feb900;
}
.fproduct2 .flex-direction-nav a.flex-prev:hover::before{
	background-color: #feb900;
}
.fproduct2 .flex-direction-nav a.flex-prev:hover::after{
	background-color: #feb900;
	width: 80px;
}

.fproduct2 .flex-direction-nav a.flex-next:hover{
	padding-right: 118px;
	color: #feb900;
}
.fproduct2 .flex-direction-nav a.flex-next:hover::before{
	background-color: #feb900;
}
.fproduct2 .flex-direction-nav a.flex-next:hover::after{
	background-color: #feb900;
	width: 80px;
}


.fproduct2 .flex-control-paging li a{
	width: 18px;
	height: 18px;
}

.fproduct2 .flex-control-nav{
	height: 0;
	bottom: -35px;
}
.fproduct2 .flex-control-nav li{
	margin:0 6px;
}

.product2-2{
	margin-top: 90px;
}
.product2-img .imgbox_a{
	padding-bottom: 32.7%;
}

.product2-img .imgbox_hover>img{
	/* ueco 时间曲线*/
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 

}

.product2-img .imgbox_a::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 50;
	background-color: #000;
	opacity: 0.33;
	content:"";
}

.product2-img .imgbox_a::after{
	width: 115px;
	height: 115px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	content:"";
	background-image: url(../images/sa.png);
	background-size: 100%;
	z-index: 100;
}

.product3{
	padding: 60px 0 77px;
	background-color: #f4f5f7;
} 

.product3 .product-tl .fl{color: #333;}

.product3-div{
	margin-top: 40px;
	position: relative;
	padding: 75px 50px 50px;
	min-height: 688px;
}

.product3-bg-wp{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #000;
}
.product3-bg-wp::after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	background-color: #000;
	opacity: 0.35;
	content:"";
}
.product3-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
	z-index: 1;
}

.product3-bg:first-child{
	display: block;
}

.product3-div-box{
	position: relative;
	z-index: 5;
}

.product3-menu dl{
	margin:0;
}

.product3-menu dd{
	float: left;
	width: 245px;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding-bottom: 20px;
	position: relative;
	cursor: pointer;
}
.product3-menu dd+dd{
	margin-left: 15px;
}
.product3-menu dd::after{
	position: absolute;
	width: 0%;
	height: 1px;
	left: 0;
	bottom: -1px;
	z-index: 3;
	background-color: #feb900;
	content:"";
	transition: width .5s;
}

.product3-menu dd.cur::after{
	width: 100%;
}

.product3-div-con-wp{
	margin-top: 50px;
}

.product3-div-con{
	display: none;
	max-width: 1240px;
}
.product3-div-con:first-child{
	display: block;
}

.product3-div-con .product-con p{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url(../images/pp.png);
	font-size: 14px;
	line-height: 1.9;
}

.product3-2{
	margin-top: 50px;
}

.product3-2-menu{
	margin-top: 20px;
}

.product3-2-menu dl{
	margin:0;
}
.product3-2-menu dd{
	float: left;
	font-size: 18px;
	color: #666;
	position: relative;
	padding-bottom: 16px;
	cursor: pointer;
	transition: color .3s;
}
.product3-2-menu dd+dd{
	margin-left: 50px;
}
.product3-2-menu dd::after{
	position: absolute;
	width: 40px;
	height: 7px;
	bottom: 0px;
	left: 50%;
	margin-left: -20px;
	content:"";
	background-color: #feb900;
	border-radius: 7px;
	opacity: 0;
	transition: opacity .3s;
}
.product3-2-menu dd.cur{
	color: #333;
}
.product3-2-menu dd.cur::after{
	opacity: 1
}

.product3-2-div-wp{
	margin-top: 40px;
}

.product3-2-div{display: none;}
.product3-2-div:first-child{display: block;}

.product3-2-dl{
	height: 768px;
}

.product3-2-dl dl{
	margin:0;
}

.product3-2-dl dd{
	position: absolute;
	overflow: hidden;
}

.product3-2-dl dd>a{
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: .3s;
}

.product3-2-dl dd:nth-child(1){
	height: 576px;
	width: 60%;
	left: 0;
	top: 0;
}
.product3-2-dl dd:nth-child(2){
	height: 384px;
	width: 40%;
	right: 0;
	top: 0;
	border-left: 1px solid #fff;
}
.product3-2-dl dd:nth-child(3){
	height: 192px;
	width: 20%;
	left: 0;
	bottom: 0;
}
.product3-2-dl dd:nth-child(4){
	height: 192px;
	width: 20%;
	left: 20%;
	bottom: 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
.product3-2-dl dd:nth-child(5){
	height: 192px;
	width: 20%;
	left: 40%;
	bottom: 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
.product3-2-dl dd:nth-child(6){
	height: 384px;
	width: 40%;
	right: 0%;
	bottom: 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.product3-2-dl dd:hover a{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.fproduct3 .flex-control-paging li a{
	width: 18px;
	height: 18px;
	background-image: url(../images/arrow-b2.png);
}

.fproduct3 .flex-control-paging li a.flex-active{
	background-image: url(../images/arrow-b-h.png);

}
.fproduct3 .flex-control-nav{
	height: 0;
	bottom: -35px;
}
.fproduct3 .flex-control-nav li{
	margin:0 6px;
}

.product3-3{
	margin-top: 80px;
}

.product3-3-div{
	margin-top: 45px;
	padding: 50px;
	background-color: #fff;
}

.product3-3-h1{
	font-size: 36px;
	color: #333;
	font-family: "psb";
	text-transform: uppercase;
}

.product3-3-div-con{
	margin-top: 40px;
}

.product3-3-car{
	width: 393px;
	margin-left: 100px;
	margin-right: 100px;
}

.product3-3-car img{
	display: block;
	width: 100%;
}

.product3-3-con{
	overflow: hidden;
}

.product3-3-a a{
	display: block;
	width: 168px;
	height: 42px;
	line-height: 42px;
	border:1px solid #e1e1e1;
	font-size: 14px;
	color: #333;
	padding-left: 20px;
	text-transform: uppercase;
	background-image: url(../images/jt3.png);
	background-repeat: no-repeat;
	background-position: 130px center;
	transition: .3s;
}

.product3-3-a a:hover{
	background-color: #feb900;
	border-color: #feb900;
	color: #fff;
	background-image: url(../images/jt3h.png);
}
.product3-3-dl {
	padding-top: 10px;
}
.product3-3-dl dl{
	margin:0;
}

.product3-3-dl dd{
	margin-top: 25px;
	line-height: 24px;
}

.product3-3-dl-title{
	width: 370px;
	font-size: 16px;
	color: #666;
	float: left;
}

.product3-3-dl-con{
	font-size: 20px;
	color: #333;
	font-family: "psb";
	text-transform: uppercase;
	overflow: hidden;
}


.video-wp{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	z-index: 1800;
	padding: 0 60px;
	transition:  .3s;
	text-align: center;
	z-index: -1;
}
.video-wp.cur{
	opacity: 1;
	visibility: visible;
	z-index: 1800;
}
.video-box{
	position: relative;
	width: 100%;
}
.video-close{
	position: absolute;
	width: 36px;
	right: -18px;
	top: -18px;
	cursor: pointer;
	z-index: 25;
}
.video-close img{
	display: block;
	width: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.video-close:hover img{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: transform .3s;
}
.video-box video {
    max-height: calc(100vh - 4em);
    width: 100%!important;
    vertical-align: middle;
    max-width: 100%;
}
.video-box video:focus{
	outline: none;
}

body.cur{
	overflow: hidden!important;
}


.banner-3-gai{
	position: relative;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.banner-3-gai-con{
	height: 635px;
	padding-top: 205px;
}

.banner-3-gai-con img{
	display: block;
	margin:0 auto;
	width: 393px;
}

.banner-3-gai-title{
	font-size: 48px;
	color: #fff;
	font-family: "psb";
	text-transform: uppercase;
	text-align: center;
	margin-top: 85px;
}

.fproduct3-3{margin-top: 45px;}

.fproduct3-3 .product3-3-div{margin-top: 0;}


.fproduct3-3 .flex-control-paging li a{
	width: 18px;
	height: 18px;
	background-image: url(../images/arrow-b2.png);
}

.fproduct3-3 .flex-control-paging li a.flex-active{
	background-image: url(../images/arrow-b-h.png);

}
.fproduct3-3 .flex-control-nav{
	bottom: 0px;
	position: relative;
	margin-top: 30px;
}
.fproduct3-3 .flex-control-nav li{
	margin:0 6px;
}











.product3-3x_llist{
	background-color: #fff;
	padding: 65px 55px;
	margin-top: 50px;
}

.product3-3x_llist-con{display: none;}

.product3-3x_llist ul{
	margin:0;
	border-top: 1px solid #e1e1e1;
}

.product3-3x_llist li{
	border-bottom: 1px solid #e1e1e1;
	padding: 30px 0;
	padding-right: 150px;
	position: relative;
}

.product3-3x-ttitle{
	font-size: 22px;
	color: #333;
	line-height: 1.5;
	cursor: pointer;
}

.product3-3x-pic{
	width: 200px;
	margin-left: 50px;
	margin-top: 20px;
}

.product3-3x-pic .imgbox_a{
	padding-bottom: 68%;
}

.product3-3x-div{
	overflow: hidden;
	padding-top: 30px;
}

.product3-3x-dl dl{
	margin:0;
	font-size: 0;
}

.product3-3x-dl dd{
	display: inline-block;
	margin-right: 80px;
	margin-bottom: 25px;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
}
.product3-3x-dl dd span{
	color: #666;
}

.product3-3x-cz{
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top: -9px;
	right: 0;
	cursor: pointer;
	background-image: url(../images/xjia.png);
}

.cur .product3-3x-cz{
background-image: url(../images/xjian.png);
}