/**************************************/

/*************[公用start]**************/

/**************************************/



/*主站变灰*/

/*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)

}

*/





/*百度百科變灰*/

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);

}



body{

	overflow-x: hidden;

}









/**************************************/

/************[公用over]****************/

/**************************************/









/*header-start*/

/**************************************************************/



#header{

	position: fixed;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 999;

	transform: translateY(-100%);

}



#header::after{

	position: absolute;

	left: 0;

	top: 0;

	z-index: 10;

	height: 200px;

	width: 100%;

	content:"";

	background-image: url(../images/baiy2.png);

	background-repeat: repeat-x;

	background-position: left bottom;

	opacity: 0;

	visibility: hidden;

}

#header::after{

	opacity: 1;

	visibility: visible;

}

.header-1{

	padding: 50px 0;

	z-index: 999;

	/*background-color: #fff;*/

	position: relative;

	z-index: 55;

}

#header{

	transform: translateY(0%);

	transition: transform .3s;

}

#header-di{

	position: absolute;

	height: 50px;

	left: 0;

	top: 100%;

	width: 100%;

	z-index: 55;

}



.logo{

	width: 126px;

}

.logo a,.logo img{

	display: block;

	width: 100%;

}



.nav{

	margin-right: 0;

}

.nav a:hover{

	font-weight: bold;

}

.nav ul{

	margin:0;

}



.nav>ul>li{

	float: left;

	width: 170px;

	text-align: center;

	padding: 10px 0;

	position: relative;

}

.nav>ul>li+li{

	margin-left: 35px;

}

.nav>ul>li>a{

	font-size: 16px;

	color: #000;

}



.nav>ul>li>ul{

	border-top: 1px solid #000000;

	position: absolute;

	width: 100%;

	left: 0;

	top: 100%;

	display: none;

	padding-bottom: 20px;

}

.nav>ul>li>ul>li{

	padding-top: 15px;

}



.nav>ul>li>ul>li>a{

	font-size: 16px;

	color: #000;

}



/**************************************************************/

/*header-over*/











/*main-start*/

/**************************************************************/



#main{

	

}



.index{

	height: 100vh;

	width: 100vw;

	position: relative;

	overflow:hidden; 

}



.index video {

  position: absolute;

  left: 50%;

  top: 50%;

  min-height: 100%;

  min-width: 100%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  background-size: cover;

  background-position: center;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 15;

	border:0;

	display: block;

}

.index video:focus{

	outline: none;

}

.index-div{

	position: relative;

	height: 100%;

	z-index: 50;

}



.index-div .more11{

	position: absolute;

	right: 3%;

	bottom: 5%;

	z-index: 15;

}

.more11{

	width: 108px;	

}

.more11 a{

	display: block;

	height: 31px;

	line-height: 29px;

	border:1px solid #000;

	color: #000;

	font-size: 16px;

	padding-left: 13px;

	border-radius: 8px;

	background-image: url(../images/jiao1.png);

	background-repeat: no-repeat;

	background-position: 88px center;

	transition: .3s;

}



.more11 a:hover{

	background-color: #000;

	color: #fff;

	background-image: url(../images/jiao1h.png);

}





.more11.more11-bai a{

	background-color: #000;

	border-color:#fff;

	color: #fff;

	background-image: url(../images/jiao1h.png);

}

.more11.more11-bai a:hover{

	background-color: #fff;

	color: #000;

	background-image: url(../images/jiao1.png);

}





/**************************************************************/

/*main-over*/











/*footer-start*/

/**************************************************************/



#footer{

	background-color: #12151a;

	padding: 30px 50px 20px;
	padding-left: 0!important;
	padding-right: 0!important;

}



#footer .container-fluid{

	padding-left: 0;

	padding-right: 0;

}

.foo0{

	margin-top: 20px;

}

.foo0 dl{

	margin:0;

}



.foo0 dd{

	float: left;

	position: relative;

	padding-top: 10px;

}

.foo0 dd+dd{

	margin-left: 20px;

}

.foo0-title{

	font-size: 14px;

	color: #898989;

	display: block;

}

.foo0-title img{

	margin-top: -3px;

	margin-right: 3px;

}



.foo0-title-cur{

	cursor: pointer;

}



.foo0-er{

	position: absolute;

	width: 100px;

	left: 50%;

	margin-left: -50px;

	bottom: 100%;

	display: none;

}

.foo0 dd:hover .foo0-er{

	display: block;

}















.foo1-1{

	font-size: 14px;

	color: #fff;

}

.foo1-1 a+a{

	margin-left: 45px;

}

.foo1-1 a:hover{

	font-weight: bold;

}

.foo1-2{

	font-size: 14px;

	color: #898989;

	line-height: 1.8;

	margin-top: 10px;

}



/**************************************************************/

/*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: #fff;



}

.nav-2{

	display: none;

	background-color: #fff;

	position: relative;

	z-index:900;



}



.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{

	margin:0;

	max-height: calc(100vh - 129px);

	overflow-y: auto;

}

.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";

	text-transform: uppercase;



}

.nav-2>ul>li>ul{

	padding-bottom: 10px;

	display: none;

}

.nav-2>ul>li>ul>li>a{

	padding: 6px 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-form{

	padding: 10px;

	position: relative;

}

.nav-2-form input[type="image"]{

	position: absolute;

	right: 19px;

    top: 18px;

    width: 18px;



}



.nav-2-form .form-control{padding-right: 50px;}

.logo-2 {

   font-size: 0;

   width: 120px;

   margin-left: 15px;

   margin-top:25px;

}



.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样式要求区域]**********/

/**************************************/



.pro-xx,.pro-x{

	padding-bottom: 100px;

}





.pro-xx-banner{

	padding-bottom: 61%;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

}



.pro-xx-banner-h1{

	position: absolute;

	left: 0;

	bottom: 85px;

	font-size: 80px;

	color: #000;

	line-height: 1;

	width: 100%;

	padding-left: 125px;



}



.mm50{

	margin-top: 50px

}



.pro-xx-con img{

	display: block;

	margin:0 auto;

}



.pro-x-banner-wen{

	position: absolute;

	left: 0;

	bottom: 60px;

	padding-left: 30px;

	width: 100%;

}



.pro-x-banner-wen1{

	font-size: 60px;

	

	line-height: 1;

}

.pro-x-banner-wen2{

	font-size: 30px;

	line-height: 1;

	margin-top: 12px;

}



.pro-x-con-title{

	display: inline-block;

	width: 485px;

	background-repeat: no-repeat;

	background-position: right center;

	

	height: 52px;

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	line-height: 52px;

	

	padding-left: 70px;

}



.pro-x-con-item+.pro-x-con-item{

	margin-top: 65px;

}

.pro-x-table{

	margin:0;

	margin-top: 30px;

}

.pro-x-table table.table{

	margin:0;

	border-collapse: collapse;

}



.pro-x-table table.table tr th{

	height:42px;

	background-color: #dcdddd;

	vertical-align: middle;

	font-size: 16px;

	color: #595757;

	font-weight: normal;

	text-align: center;

	border-top: 0;

	

	border-left: 10px solid #fff;

}

.pro-x-table table.table tr th:first-child {

	border-left: 0;

}

.pro-x-table table.table tr td{

	height:65px;

	background-color: #fff;

	vertical-align: middle;

	font-size: 16px;

	color: #595757;

	font-weight: normal;

	text-align: center;

	padding: 15px;

	border-top: 0;

	border-left: 2px solid #dcdddd;

}

.pro-x-table table.table tr:first-child+tr td:first-child{

	border-left: 0;

}

.pro-x-table table.table tr td p{margin:0;}



.pro-x-table table.table tr td p+p{margin-top: 10px;}











.pro-x-table1.pro-x-table table.table tr th{border-bottom: 2px solid #71b057;}

.pro-x-table1.pro-x-table table.table tr td{border-bottom: 2px solid #71b057;}



.pro-x-table2.pro-x-table table.table tr th{border-bottom: 2px solid #c3b226;}

.pro-x-table2.pro-x-table table.table tr td{border-bottom: 2px solid #c3b226;}



.pro-x-table3.pro-x-table table.table tr th{border-bottom: 2px solid #40a1c2;}

.pro-x-table3.pro-x-table table.table tr td{border-bottom: 2px solid #40a1c2;}



.pro-x-table4.pro-x-table table.table tr th{border-bottom: 2px solid #524793;}

.pro-x-table4.pro-x-table table.table tr td{border-bottom: 2px solid #524793;}



.pro-x-table5.pro-x-table table.table tr th{border-bottom: 2px solid #5dc0bd;}

.pro-x-table5.pro-x-table table.table tr td{border-bottom: 2px solid #5dc0bd;}









.about1,.about2,.about3{

	 position: relative;

	 overflow: hidden;

}



.video-box-height{

	padding-bottom: 56.15%;

	position: relative;

	z-index: 50;

}



.video-box-wp .video-box{

	opacity: 0;

	transition: opacity .5s;

	z-index: 1;

}

.video-box-wp .video-box.cur{

	opacity: 1;

	z-index: 5;

}

.video-box{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 1;

}



.video-box video{

	display: block;

	width: 100%;

	border:0;

}



.video-box video:focus{

	outline: none;

}







.about-lh-con{

	position: absolute;

	text-align: center;

	top: 50%;

	transform: translateY(-50%);

	z-index: 30;

}

.about-lh-con-h1{

	font-size: 60px;

	color: #035594;

	line-height: 1.2;

}

.about-lh-con-p{

	font-size: 20px;

	color: #000;

	line-height: 2;

	margin-top: 40px;

}



.about-lh-con-p p{margin:0;}





.about2 .about-lh-con{

	left: 5.8%;

}





.about3 .about-lh-con{

	right: 5.8%;

}





.about2::before{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	bottom: 0;

	content:"";

	background-image: url(../images/yin1.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	z-index: 10;

}



.about3::before{

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	bottom: 0;

	content:"";

	background-image: url(../images/yin2.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	z-index: 10;

}







.about1-menu{

	position: absolute;

	width: 100%;

	left: 0;

	bottom:9.6%;

	z-index: 30;

	text-align: center;

	font-size: 0;

}



.about1-menu a{

	display: inline-block;

	vertical-align: top;

	width:270px;

	height: 41px;

	line-height: 39px;

	border:1px solid #000000;

	border-radius: 9px;

	font-size: 16px;

	color: #000;

	transition: .3s;

	position: relative;

}

.about1-menu a:hover .about1-eer{

	display: block;

}

.about1-eer{

	position: absolute;

	width: 108px;

	left: 50%;

	bottom: 55px;

	margin-left: -54px;

	z-index: 10;

	display: none;

}

.about1-eer img{

	display: block;

	width: 100%;

}

.about1-menu a+a{

	margin-left: 25px;

}



.about1-menu a:hover{

	background-color: #000;

	color: #fff;

}





.about4-1{

	padding: 120px 0 75px;

	background-color: #fff;

}



.about4-h1{

	font-size: 30px;

	color: #000;

}



.about4-1-div{

	border-top: 1px solid #898989;

	border-bottom: 1px solid #898989;

	padding: 70px 0 25px;

	margin:20px 0 50px;

}





.about4-1-1{

	width: 250px;

}



.about4-1-2{

	width: 260px;

	margin-left: 115px;

	margin-right: 145px;

}



.about4-h2{

	font-size: 17px;

	font-weight: bold;

	color: #000;

	padding-top: 10px;

}



.about4-1-2-a{

	font-size: 17px;

	color: #898989;

	margin-top: 12px;

}

.about4-1-2-a a{

	color: #db0a17;

}

.about4-1-2-a a:hover{

	font-weight: bold;

}

.about4-1-3{

	overflow: hidden;

}



.about4-1-3-con{

	font-size: 17px;

	color: #000;

	line-height: 1.8;

	margin-top: 10px;

}

.about4-1-3-con p{

	margin:0;

}



.about4-1-item.fl,.about4-1-item.fr{

	width: 45%;

}



.about4-1-div2{

	background-color: #fafafa;

	padding: 45px 0 100px;

	margin: 25px 0 50px;

	border-top: 1px solid #f5f5f5;

	border-bottom: 1px solid #f5f5f5;

}



.about4-form-div{

	width: 48%;

}



.about4-form-title{

	font-size: 14px;

	color: #000;

	width: 115px;

	height: 34px;

	line-height: 34px;

	text-align: right;

}



.about4-form-title i{

	font-style: normal;

	color: #f00;

}



.about4-form-input{

	width: 190px;

}



.about4-form .form-control{

	background-color: #f0f0f0;

}



.about4-form select.form-control{

	padding: 6px;

}

.about4-form input[type="date"]{

	padding: 6px;

}



.about4-form-sex{

	height: 34px;

	line-height: 34px;

	margin-left: 15px;

}



.about4-form-sex input{

	margin-top: -3px;

	margin-right: 5px;

}











.about4-form-select{

	width: 130px;

}

.about4-form-select+.about4-form-select{

	margin-left: 15px;

}







.about4-form-li+.about4-form-li{

	margin-top: 15px;

}





.about4-form-textarea{

	overflow:hidden; 

}





.about4-form-textarea textarea{

	resize: none;

	height: 150px;

}



.about4-form-input-yzm{

	position: relative;

	padding-right: 110px;

	width: 215px;

}



.about4-form-yzmimg{

	width: 103px;

	position: absolute;

	right: 0;

	top: 1px;

}



.about4-form-yzmimg img{

	display: block;

	width: 100%;

}





.about4-form-li-yzm{

	padding-left: 115px;

	font-size: 15px;

	color: #000;

}



.about4-form-li-yzm a{

	color: #f00;

}



.about4-form-btn{

	text-align: right;

}





.about4-2 img{

	display: block;

	width: 100%;

}



.about5{

	padding: 205px 0 75px;

	background-color: #c1ccdc;

}



.about5-pic-wp{

	padding: 0 120px;

}



.about5-pic .imgbox_a{

	padding-bottom: 70.78%;

}



.about5-pic{

	display: none;

}



.about5-pic:first-child{

	display: block;

}

.about5-menu{

	margin-top: 115px;

}

.about5-menu dl{

	margin:0;

	font-size: 0;

}



.about5-menu dd{

	display: inline-block;

	vertical-align: bottom;

	width: 33.3333%;

	text-align: center;

	font-size: 28px;

	color: #000;

	cursor: pointer;

	padding-bottom: 28px;

	position: relative;

	transition: color .3s;

}

.about5-menu dd::before{

	position: absolute;

	width: 100%;

	height: 3px;

	background-color: #000;

	content:"";

	left: 0;

	bottom: 0;

	z-index: 5;

}



.about5-menu dd::after {

  position: absolute;

  content: "";

  width: 0;

  height: 3px;

  background-color: #035594;

  bottom: 0px;

  right: 0;

  -webkit-transition: all .5s;

  -moz-transition: all .5s;

  -ms-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

  z-index: 8;

}

.about5-menu dd.cur:after {

  width: 100%;

  right: auto;

  left: 0;

}



/*.about5-menu dd.cur{

	color: #035594;

}*/



.news1{

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}





.news2{

	padding: 50px 5px;

}



.news2-list ul{

	margin:0;

}



.news2-list li{

	width:20%;

}



.news2-pic .imgbox_a{

	padding-bottom: 132.79%;

}



.news2-h1{

	font-size: 20px;

	color: #000;

	line-height: 1.8;

	margin: 15px 0 20px;

}



.news3{

	padding: 50px 0

}





.danpian-h1{

	font-size: 28px;

	line-height: 1.6;

	color:#333;

	text-align: center;



}



.danpian-h2{

	font-size: 14px;

	line-height: 1.6;

	color:#999;

	text-align: center;

	border-bottom: 1px solid #eee;

	padding: 10px 0 15px;



}

.bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{

	-webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.danpian-con{

	font-size: 14px;

	line-height: 2;

	padding: 20px 0 20px;

}

.danpian-con *{

	font-size: 16px!important;

	line-height: 2!important;

}

.danpian-con img{

	display: block;

	margin:15px auto;

}

.danpian-con img[src*="fileTypeImages/icon"] {

    display: inline-block;

    margin: 0;

}



.dan-page{

	padding-top: 10px;

	border-top: 1px solid #eee;

}



.dan-a{

	margin-top: 12px;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.dan-a a{

	font-size: 16px;

	color:#666;

}



.dan-a a:hover{

	color:#000;

}





.pro1-1,.pro1-2,.pro1-4,.pro1-5,.pro1-6{

	position: relative;

}

.pro1-2 .about-lh-con{

	width: 100%;

	left: 0;

}

.pro1-2 .about-lh-con-h1{

	color: #fff;

	width: 100%;

}



.pro1-2-img img{

	display: block;

	margin:0 auto;

}





.pro1-3{

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

.pro1-3 .about-lh-con{

	left: 13%;

}

.pro1-3 .about-lh-con-h1{

	color: #000;

}



.pro1-4 .about-lh-con{

	right: 13%;

}

.pro1-4 .about-lh-con-h1,

.pro1-4 .about-lh-con-p{

	color: #fff;

}





.pro1-5-menu{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 50px;

	z-index: 15;

}

.pro1-5 .about5-menu dd::before{

	background-color: transparent;

}

.pro1-5 .about5-menu dd::after{

	background-color: #000;

}

.pro1-6-menu{

	position: absolute;

	width: 100%;

	left: 0;

	bottom:50px;

	z-index: 15;

}



.pro1-6-bg-wp{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 5;

}



.pro1-6-bg{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 5;

	opacity: 0;

	transition: opacity .5s;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}



.pro1-6-bg.cur{

	opacity: 1;

}

.pro1-6 .about5-menu dd::before{

	background-color: #b5b5b6;

}

.pro1-6 .about5-menu dd::after{

	background-color: #000;

}





.pro2 .pro1-4 .about-lh-con {

	right: auto;

    left: 13%;

}



.pro3 .pro1-3 .about-lh-con {

	left: auto;

    right: 13%;

}



.pro3 .pro1-4 .about-lh-con {

	right: auto;

    left: 13%;

}



.pro4 .pro1-4 .about-lh-con-h1,.pro4 .pro1-4 .about-lh-con-p {

    color: #000;

}



.pro5 .pro1-4 .about-lh-con {

	right: auto;

    left: 13%;

}

.product{

	position: relative;

	height: 100vh;

	overflow: hidden;

}

.product-div{

	position: absolute;

	width: 100%;

	top: 50%;

	transform: translateY(-50%);

}

.swiper-slide{



	width: 61.2%!important;

}

.swiper-pagination-bullet:focus{

	outline: none;

}

.swiper-pagination-bullet-active{

	background-color: #000;

}

.product-item .imgbox_a{

	padding-bottom: 66.468%;

	border-radius: 40px;

}



.product-item .imgbox_a:hover .product-name1,

.product-item .imgbox_a:hover .product-name2{

	color: #000;

}



.product-name{

	position: absolute;

	left: 10%;

	bottom: 20%;

	z-index: 15;



}



.product-name1{

	font-size: 47px;

	color: #595757;

	transition: color 0.5s;

}



.product-name2{

	font-size: 38px;

	color: #595757;

	transition: color 0.5s;

	font-weight: 100;

	text-transform: uppercase;

	margin-top: 5px;

}



.productx{

	height: 100vh;

	position: relative;

	padding-right: 624px;

	background-color: #c6c6c6;

}



.productx-right{

	position: absolute;

	width: 624px;

	right: 0;

	top: 0;

	bottom: 0;

	background-color: #000000;

	padding: 85px 35px 30px;

}



.productx-right-gd{

	height: 100%;

	overflow-y: auto;

	padding-right: 10px;

}

.productx-right-gd::-webkit-scrollbar {

    width: 6px;

}

.productx-right-gd::-webkit-scrollbar-thumb {

    width: 6px;

    height: 36px;

    border-radius: 6px;

    background-color: #fff;

}

.productx-right-gd::-webkit-scrollbar-track {

    width: 6px;

    border-radius:6px;

}



.productx-logo{

	width: 278px;

}

.productx-logo a,.productx-logo img{

	display: block;

	width: 100%;

}

.productx-nav{

	margin-top: 35px;

}

.productx-nav dl{

	font-size: 0;

	margin:0;

}

.productx-nav dd{

	display: inline-block;

	vertical-align: top;

	padding: 0 25px 10px;

	border-bottom: 1px solid #000;

	transition: border-color .3s;

}

.productx-nav dd+dd{

	margin-left: 25px;

}

.productx-nav dd>a{

	font-size: 16px;

	color: #595757;

	transition: color .3s;

}

.productx-nav dd.cur{

	border-color:#fff;

}

.productx-nav dd>a:hover,

.productx-nav dd.cur>a{

	color: #fff;

}

.productx-list{

	margin-top: 45px;



}

.productx-item-wp{

	font-size: 0;

	padding-left: 35px;

}

.productx-item-wp+.productx-item-wp{

	margin-top: 50px;

}

.productx-item{

	display: inline-block;

	vertical-align: top;

	font-size: 16px;

	color: #fff;

	text-align: left;

}



.productx-item img{

	display: block;

	margin-bottom: 20px;

}





.productx-right .more11{

	margin-left: auto;

}























.productx-left{

	height: 100%;

	position: relative;

}



.productx-bg-wp{

	position: relative;

	height: 100%;

}



.productx-bg{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1;

	opacity: 0;

	visibility: hidden;

	transition: opacity .5s;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}



.productx-bg.cur{

	opacity: 1;

	z-index: 2;

	visibility: visible;

}



.productx-menu{

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	display: flex;

	justify-content: space-around;

	align-items: center;

	z-index: 50;

	padding: 0 1% 3%;

}



.productx-menu-item{

	width: 15%;

	cursor: pointer;

	position: relative;

}

.productx-menu-item::before{

	position: absolute;

	left: -4px;

	top: -4px;

	right: -4px;

	bottom: -4px;

	border-radius: 8px;

	content:"";

	border:1px solid #fff;

	z-index: 5;

	opacity: 0;

	visibility: hidden;

	transition: opacity .5s;

}

.productx-menu-item .imgbox_a{

	padding-bottom: 78.95%;

	background-color: rgba(255,255,255,0.2);

	border-radius: 8px;

	z-index: 15;

}

.productx-menu-item.cur::before{

	opacity: 1;

	visibility: visible;

}





.productx-list-box-div{

	display: none;

}

.productx-list-box-div:first-child{

	display: block;

}





.productx-qp{

	position: absolute;

	width: 33px;

	height: 34px;

	background-repeat: no-repeat;

	background-position: center;

	background-image: url(../images/fd.png);

	cursor: pointer;

	right: 1.65%;

	bottom: 115%;

	z-index: 60;

}

.productx-qp.cur{

	background-image: url(../images/fx2.png);



}

.productx{

	transition: padding-right .3s;

	overflow: hidden;

}



.productx.cur{

	padding-right: 0;

}

.productx-right{

	transition:transform .3s;

}

.productx-right.cur{

	transform:translateX(100%);

}

.about4-2 video{

        display: block;

        width: 100%;

        border:0;

}



.about4-2 video:focus{

        outline: none;

}



.xf{

	position: fixed;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: 800;

	width: 195px;

}

.xf-item{

	height: 44px;

	background-repeat: repeat-x;

	background-position: left center;

	background-image: url(../images/xf-bg.jpg);

	border-radius: 4px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

	left: 151px;

	transition:left .3s; 

}

.xf-item:hover{

	left: 0;

}

.xf-ico{

	width: 44px;

	height: 44px;

	background-repeat: no-repeat;

	background-position: center;

}



.xf-item+.xf-item{

	margin-top: 7px;

}



.xf-con{

	overflow: hidden;

	line-height: 44px;

	font-size: 12px;

	color: #fff;

	padding-left: 5px;

}





.xf-item+.xf-item .xf-con{

	padding-left:10px;

	font-size: 16px;

}







.about6 {

  padding: 30px 0 40px;

  background-color: #dcdddd;

}



.about6-1{

	font-size: 20px;

	color: #333;

	max-width: 630px;

}



.about6-2{

	margin-top: 30px;

	

}



.about6-2-1{

	font-size: 20px;

	color: #333; 

}



.about6-2-2{

	font-size: 20px;

	color: #24429b; 

	margin-top: 30px;

}



.about6-3{

	margin-top: 30px;

}



.about6-3-item+.about6-3-item{

	margin-top: 20px;

}



.about6-3-h1{

	font-size: 20px;

	color: #333; 

}



.about6-3-h1 i{

	font-style: normal;

	color: #24429b;

	padding-left: 10px;

}

.about6-3-input{

	margin-top:15px;

}

.about6-3-input input.form-control{

	height: 53px;

	font-size: 18px;

	border-radius: 8px;

	padding: 10px 15px;

	color: #333;

	border-color:#898989;

}





.about6-3-input textarea.form-control{

	height: 253px;

	font-size: 20px;

	border-radius: 8px;

	padding: 15px;

	color: #333;

	resize: none;

	border-color:#898989;

}



.about6-3-ts{

	font-size: 20px;

	color: #333; 

	margin-top: 20px;

}





.foo2{

	width: 250px;

	margin-top: 10px;

}



.foo2 dl{

	margin:0;

	margin-left: -3%;

}



.foo2 dd{

	font-size: 16px;

	color: #fff;

	float: left;

	width: 47%;

	margin-left: 3%;

}



.foo2 dd:nth-child(3),

.foo2 dd:nth-child(4){

	margin-top: 40px;

}



.foo3{

	width: 705px;

}

.foo3-1{

	font-size: 16px;

	color: #898989;

	text-align: right;

	line-height: 1.8;

}

.foo3-2{

	padding-left: 190px;

	padding-top: 15px;

}

.foo3-2-item{

	font-size: 16px;

	color: #fff;

}

.foo3-2-item+.foo3-2-item{

	margin-left: 40px;

}

.foo3-2-item p{margin:0;}



.foo3-2-item p+p{margin-top: 8px;}





.saw-content{

	padding: 40px 0 55px;

}



.saw1-1{

	font-size: 60px;

	color: #333;

	font-weight: bold;

}



.saw1-2{

	font-size: 20px;

	color: #595757;

	line-height: 1.6;

	margin-top: 20px;

}





.saw2{

	margin-top: 45px;

}

.saw2-table.table-responsive{

	margin:0;

	border-bottom: 5px solid #24429b;

}

.saw2-table table.table{

	margin:0;

}



.saw2-table table.table tr th{

	font-size: 20px;

	color: #fff;

	text-align: center;

	background-color: #24429b;

	text-transform: uppercase;

	height: 43px;

	vertical-align: middle;

	font-weight: normal;

}



.saw2-table table.table tr td{

	font-size: 20px;

	color: #595757;

	text-align: center;

	height: 43px;

	vertical-align: middle;

	font-weight: normal;

	border:0;

}
.saw2-table table.table tr td img{
	width: 130px;
}


.saw2-table .table-striped > tbody > tr:nth-of-type(odd) {

    background-color: #d3d3d4;

}



.tech-div-item{

	margin-top: 40px;

	border-bottom: 2px solid #24429b;

}



.tech-div-title{

	background-color: #24429b;

	padding: 5px 15px;

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	text-align: center;

	line-height: 1.4;

}



.tech-table-box{

	padding: 20px 0 10px;

}

.tech-table table.table{

	margin:0;

}

.tech-table table.table tr th{

	font-size: 20px;

	color: #727171;

	text-align: center;

	background-color: #dcdddd;

	height: 60px;

	vertical-align: middle;

	border:12px solid #fff;

}



.tech-table table.table tr td{

	font-size: 20px;

	color: #727171;

	text-align: center;

	background-color: #dcdddd;

	height: 60px;

	vertical-align: middle;

	border:12px solid #fff;

}



.tech-div+.tech-div{

	margin-top: 30px;

}



.over1,.over2,.over3,.over4,.over5{

	position: relative;

}



.over3,.over6,.over7{

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.over1 .about-lh-con{

	width: 100%;



}

.over1 .about-lh-con-h1{

	text-align: right;

	color: #000;

	line-height: 1.6;

}



.over1 .about-lh-con-h1 span{

	font-weight: bold;

}





.over2 .about-lh-con{

	width: 100%;



}

.over2 .about-lh-con-h1{

	text-align: left;

	color: #fff;

	line-height: 1.6;

}



.over3 .about-lh-con{

	right: 5%;

	top: auto;

	transform: translateY(0%);

	bottom: 15%;

}



.over3 .about-lh-con-h1{

	color: #000;

}

.over4 .about-lh-con{

	right: 15%;

}



.over4 .about-lh-con-h1{

	color: #fff;

}



.over4 .about-lh-con-h1 img{

	display: block;

	margin:0 auto 5px;

	width: 143px;

}





.over5 .about-lh-con{

	left: 15%;

}



.over5 .about-lh-con-h1{

	color: #000;

}



.over5 .about-lh-con-h1 img{

	display: block;

	margin:0 auto 15px;

	width: 115px;

}





.over6 .about-lh-con{

	left: 5%;

}



.over6 .about-lh-con-h1{

	color: #fff;

}



.over6 .about-lh-con-h1 img{

	display: block;

	margin:0 auto 15px;

	width: 154px;

}



.over7 .about-lh-con{

	left: 0%;

	top: auto;

	transform: translateY(0%);

	bottom: 5%;

	width: 100%;

	padding: 0 15px;

}



.over7 .about-lh-con-h1{

	color: #000;

}

.over7 .about-lh-con-h1 span{

	color: #f92222;

}





.about6-3-input-yzm{

	position: relative;

	padding-right: 185px;

}



.yzm_img{

	position: absolute;

	right: 0;

	top: 0;

	width: 177px;

}



.yzm_img img{

	display: block;

	width: 100%;

	height: 53px;

}



.about6-3-item-btn input{

	display: block;

	width:170px;

	height: 40px;

	background-color: #24429b;

	color: #fff;

	border:0;

	font-size: 20px;

	margin-left: auto;

}

.about6-3-item-btn input:focus{

	outline: none;

}



.about6-3-item-btn{

	margin-top: 30px;

}