@media only screen and (max-width: 768px) {
body,input,button,textarea,select{
	font-size: 16px;
}
}


body,html{
	-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}


a:hover{
	text-decoration: none;
}
.clear:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapper{
	width: 1200px; margin: 0 auto;
}

/*banner*/
.banner{
	background-size:cover ; height: 500px; position: relative; background-position:center ; 
}
.banner .wrapper{
	position: relative; height: 100%;
}
.banner-txt{
	position: absolute; left: 0; bottom: 115px;
	width: 635px; min-height: 135px; background: rgba(0,63,152,0.6); color: #fff; box-sizing: border-box; padding: 25px;
}
.banner-txt h3{
	font-size: 34px;
}
.banner-txt .desc{
	font-size: 14px; line-height: 1.6; padding-top: 5px; max-height: 295px; overflow: hidden;
}

/*��עҳ��*/
.partner1{
	margin-top: 50px; margin-bottom: 85px;
}
/*���� ������ʽ m-hd*/
.m-hd{
	 text-align: center;
}
.m-hd-tit{
	width: 570px; display: inline-block; border-bottom: 1px solid #cccccc; padding-bottom: 10px; position: relative;
}
.m-hd-tit:before,
.m-hd-tit:after{
	position: absolute; left: 50%;bottom: 0; content: "";
	width: 60px; height: 2px;
}
.m-hd-tit:before{
	background-color:#ed7000 ;  margin-left: -60px;
}
.m-hd-tit:after{
	background-color:#003f98 ;
}
.m-hd-tit h3{
	font-size: 30px; font-weight: bold; color: #333;
}
.m-hd-type{
	margin-top: 20px;
}
.m-hd-type ul{}
.m-hd-type li{
	display: inline-block; margin: 0 3px; 
}
.m-hd-type li a{
	width: 115px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #cccccc;border-radius: 3px; font-size: 14px; color: #666;display: block;
}
.m-hd-type li:hover a,
.m-hd-type li.on a{
	border-color: #003f98; background-color:#003f98 ; color: #fff; 
}

.partner1 .m-imgs{
	margin-top: 50px;
}
.partner1 .m-imgs ul{
	height: auto; overflow: hidden; margin-right: -15px;
}
.partner1 .m-imgs li{
	width: 287px; float: left; margin-right: 15px; margin-bottom: 15px;
}
.partner1 .m-imgs li .img{
	height: 170px; border: 1px solid #ccc; text-align: center;
}
.partner1 .m-imgs li .txt{
	height: 50px; background-color:#f0f0f0 ; color: #666; font-size: 14px; text-align: center; line-height: 50px;
}




/*��ҳ*/
/*��ҳͷ�� h-header*/
.h-gh{
	display: none;
}
.h-header{
	position: fixed; left: 0; top: 35px; right: 0; z-index: 999;
}
.h-header-logo{
	float: left; margin-left: 25px;
}
.h-header-r{
	float: right; margin-right: 25px; color: #93FF93;
}
.h-header-r a{
	color:  	 	#fff;
}
.h-header-nav{
	display: inline-block; vertical-align: top;
}
.h-header-nav ul{overflow: visible;}
.h-header-nav li{
	font-size: 20px; display: inline-block; padding: 0 10px; position: relative; 
}
.h-header-nav li >a {
	line-height: 35px; display: block;
}
.h-header-nav li a:hover{
	color:  	 	#009393;
}
.h-header-nav li dl{
	position: absolute; left: 0;top: 35px; right: 0; display: none;
	background: 	 	#00CACA;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);
}

.h-header-nav li:hover dl{
	display: block;
}
.h-header-nav li dd{
	display: block; text-align: center; line-height: 40px; font-size: 14px; color:  	#00CACA;
}
.h-header-nav li dd a{
	color: 	 	#272727;
}
.h-header-lang{
	display: inline-block; border: 1px solid #fff; margin-left: 15px; border-radius: 3px;
}
.h-header-lang a{
	display: block; width: 105px; height: 35px; text-align: center; line-height: 35px; font-size: 14px;
}
.h-header-lang a:hover{
	color: #ED7000;
}
.h-header-lang ul{
	display: none;
}
.h-header-lang:hover ul{
	display: block;
}
.h-header-lang li{
	border-top: 1px solid  	#00CACA;
}
.h-row{
	position: relative;
}
.h-row1{
	/*background: url(../images/f-img1.jpg) no-repeat;*/ 
}
.h-row1 .banner{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	width: 100%; height: 100%; font-size: 0;background: #000;
}
.h-row1 .banner li{
	background: #000;
}
.h-row1 .banner li img{
	max-width: 100%;
}

.h-arrow{
	position: absolute;left: 0; right: 0; bottom: 30px;  margin: 0 auto;z-index: 2;
	background:url(../images/ico-arrow.png) no-repeat ; background-size:cover ; width: 21px; height: 21px; display: block;
	animation: an-updown 1.2s linear infinite;
}
@keyframes an-updown{
	0{
		transform: translateY(0);
	}
	25%{
		transform: translateY(10px);
	}
	50%{
		transform: translateY(0);
	}
	75%{
		transform: translateY(-10px);
	}
	100%{
		transform: translateY(0);
	}
}
.h-row2{
	background: url(../images/f-img2.jpg) no-repeat; background-size:cover ;
}
.h-row3{
	background: url(../images/f-img3.jpg) no-repeat; background-size:cover ;
}
.h-row3 .h-row-wrap{
	position: relative; z-index: 2;
}
.h-row-wrap{
	width: 1300px;  margin: 0 auto; 
}
.h-txt{
	color: #fff; font-size: 16px; margin-left:500px;margin-top:80px
	
}
.h-txt h3{
	font-size: 60px;
}

.h-txt-desc{
	padding-top: 15px; font-size: 16px; line-height: 1.6;margin-left:-600px;
}

.h-txt-a{
	margin-top: 10px;
	transition: all 1.1s 0.8s;
	transform: translateY(40px); opacity: 0;
	margin-left:-450px;
}
.section.active .h-txt-a{
	transform: translateY(0); opacity: 1;
}
.h-txt-a a{
	font-size: 16px; color: #f86a00; display: inline-block; width: 170px; height: 42px; text-align: center; line-height: 42px; 
}
.h-txt-a a:hover{
	 border-radius: 3px; color: #fff;background-color: #ed7000;
}
.h-txt-a .ico-video{
	background: url(../images/ico1.png) no-repeat left center; padding-left: 28px; 
}
.h-txt-a a:hover .ico-video{
	background-image: url(../images/ico1-1.png);
}
.h-video-wrap{
	position: fixed;left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.82); z-index: 999;display: none;
}
.h-video{
	width: 650px; height: 430px;position: absolute;left: 50%; margin-left: -325px;top: 50%; margin-top: -215px; background-color:#fff ; border-radius: 5px; box-sizing: border-box; padding: 0 20px;
}
.h-video .close{
	position: absolute; right: 0; top: 0;
	background: url(../images/ico9.png) no-repeat center; width: 55px; height: 45px; cursor: pointer;
}
.h-video-hd{
	height: 45px; font-size: 16px; line-height: 45px;
}
.h-video-bd{
	height: 350px;
}
.h-video-bd video{
	width: 100%; height: 100%; object-fit: fill;
}
.h-row4{
	background: url(../images/f-img4.jpg) no-repeat; background-size:cover ;
}
.h-txt-type{
	margin-top: 20px; text-align: center;
}

.h-txt-type ul{
	border: 1px solid #666; display: inline-block;
}
.h-txt-type li{
	float: left; border-right: 1px solid #666; width: 135px; height: 45px; line-height: 45px; color: #fff;
}
.h-txt-type li a{
	color: #fff; display: block; cursor: pointer;
}
.h-txt-type li:hover,
.h-txt-type li.on{
	background-color:#003f98 ; 
}
.h-txt-type li:last-child{
	border-right: 0;
}
.h-row4 .h-row-list{
	margin-top: 40px; position: relative;/*height: 420px;*/
}
.h-row4 .h-row-list ul{
	height: auto; overflow: hidden; margin-right: -75px;
}
.h-row4 .h-row-list li{
	float: left;  width: 33%;
}
.h-row4 .h-row-list li .item{
	width: 380px; height: 420px;
}
.h-row4 .h-row-list li .item-img img{
	width: 380px; height: 379px;display: block;
	 border-radius:3px;
 
 box-shadow:0 0 1px 1px #333 ;
 
 background:#333;
 
 border:1px solid #333;
 
 margin:10px auto;
 
 margin-left: 15px;
 
 padding:5px;
————————————————

}
.h-row4 .h-row-list li .item-txt{
	background-color:#333 ; background-color:#333 ; height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center;margin-left:25px;
}
.h-row4 .h-row-list li:last-child .item{
	margin-right: 0;
}
.contrast{
	/*display: none;*/ display: block;
}
.contrast .prev,
.contrast .next{
	position: absolute; top:150px;  width: 39px; height: 71px; background: red; display: block; cursor: pointer;
}
.contrast .prev{
	left: -100px; background: url(../images/ico2.png) no-repeat; background-size:cover ;
}
.contrast .next{
	right: -100px;background: url(../images/ico3.png) no-repeat; background-size:cover ;
}
.h-row4 .contrast .prev,
.h-row4 .contrast .next{
	top: 50%; margin-top: -40px;
}
.h-row5 .contrast .prev,
.h-row5 .contrast .next{
	top: 50px;
}



.h-row5{
	background: url(../images/f-img8.jpg) no-repeat; background-size:cover ;
}


.h-row-list1{
	margin-top: 80px; height: 250px; position: relative;
}
.h-row-list1 ul{
	height: auto; overflow: hidden; margin-right: -35px;
}
.h-row-list1 li{
	float: left; margin-right: 35px;
	
}
.h-row-list1 li .item{
	width: 180px; text-align: center;transition: all 0.3s;
}
.h-row-list1 li .img{
	width: 135px; height: 135px; border: 1px solid #fff; line-height: 135px; border-radius: 100%; display: inline-block;
}
.h-row-list1 li .img img{
	vertical-align: middle;
}
.h-row-list1 li .txt{
	font-size: 18px; color: #fff; margin-top: 16px;
}
.h-row-list1 li:hover .item{
	background-color:#003f98 ; padding: 40px 0 35px;
}
.h-row6{
	position: relative;
	
}
.h-row6:after{
	position: absolute; left:0 ; right: 0; top: 0; height: 30%; content: ""; z-index: -1;
	background: #002e6e;
}
.h-row6-bg{
	background: #003f98;
	background: -webkit-linear-gradient(#002e6e 10%,#003f98);
	background: linear-gradient(#002e6e 10%,#003f98);
	padding-top: 50px;
}
.h-row6-hd{
	text-align: center;
}
.h-row6-hd h3{
	font-size: 60px; color: #fff; line-height: 1.3;
}
.h-row6-hd .tip{
	width: 415px; height: 45px; text-align: center; line-height: 45px; display: inline-block; font-size: 30px; color: #003f98; font-weight: bold;
	background: #fff;
	background: -webkit-linear-gradient(#fff,#e8f2ff);
	background: linear-gradient(#fff,#e8f2ff);
}
.h-row6-bd{
	margin-top: 80px; padding-bottom: 20px; position: relative;
}
.h-row6-bd ul{
	height: auto; overflow: hidden;
}
.h-row6-bd li{
	width: 320px; float: left; color: #fff; font-size: 14px; text-align: right; margin-bottom: 60px;
}
.h-row6-bd li h4{
	font-size: 26px; font-weight: bold; margin-bottom: 18px;
}
.h-row6-bd li h4 span{
	display: inline-block; width: 36px; height: 36px; background-color:#ed7000 ; text-align: center; margin-left: 8px; font-family: Bahnschrift; font-size: 32px; font-weight: normal; letter-spacing: -1px;
}
.h-row6-bd li:nth-child(2n){
	float: right; text-align: left;
}
.h-row6-bd li:nth-child(2n+1){
	clear: both;
}
.h-row6-bd li .desc{
	line-height: 1.5;
}
.h-row6-bd .img{
	position: absolute; left: 0; right: 0; text-align: center; top: -10px; text-align: center;
}
.h-row6-ft{
	text-align: center; margin-top: 40px;
}
.h-row6-ft .txt{
	font-size: 16px; color: #333;
}
.h-row6-ft .txt h3{
	font-size: 26px; margin-bottom: 10px;
}
.h-row6-ft .customer{
	margin-top: 35px;
}
.h-row6-ft .customer ul{
	height: auto; overflow: hidden;
}
.h-row6-ft .customer li{
	width: 16.6%; float: left; height: 80px; line-height: 80px;
}
.h-row6-ft .customer li img{
	vertical-align: middle;
}

.h-row7{}
.h-row7-hd{
	position: absolute; left: 0; right: 0; top: 0;
	background: url(../images/f-img9.jpg) no-repeat; background-size:cover ;height: 386px; height: 40vh; 
	text-align: center;/* position: relative; */z-index: 1;
}
.h-row7-hd h3{
	font-size: 60px; color: #fff; padding-top: 180px; padding-top: 19vh; 
}
.h-row7-hd h3 span{
	width: auto; height: 68px; text-align: center; line-height: 68px; padding: 0 15px; display: inline-block; font-size: 42px; color: #003f98;display: inline-block; margin-left: 15px; vertical-align: middle;
	background: #fff;
	background: -webkit-linear-gradient(#fff,#e8f2ff);
	background: linear-gradient(#fff,#e8f2ff);
}
.h-row7-bd{
	
}
.h-row7-bd .tab-hd{
	text-align: center; position: relative; z-index: 3; margin-top: calc(40vh - 85px );
}
.h-row7-bd .tab-hd ul{
	overflow: visible;
}
.h-row7-bd .tab-hd li{
	display: inline-block; width: 73px; height: 80px; text-align: center;  background-color:#999 ; color: #fff; position: relative;margin: 0 26px;
	transition: all 0.3s; cursor: pointer; margin-top: 40px; vertical-align: bottom;
}
.h-row7-bd .tab-hd li span{
	padding-top: 18px; font-size: 36px; font-family: "Bahnschrift"; display: inline-block; border-bottom: 3px solid #fff; 
}
.h-row7-bd .tab-hd li:hover,
.h-row7-bd .tab-hd li.on{
	height: 120px;   background-color:#ed7000 ;  margin-top: 0;
}
.h-row7-bd .tab-hd li:hover span,
.h-row7-bd .tab-hd li.on span{
	padding-top: 40px;
}
.h-row7-bd .tab-bd{
	margin-top: 80px; height: auto;overflow: hidden;
}
.h-row7-bd .tab-bd .txt{
	float: left; font-size: 0; text-align: left;
}
.h-row7-bd .tab-bd .txt-cn{
	font-size: 18px; font-weight: bold; color: #003f98;
}
.h-row7-bd .tab-bd .txt-en{
	font-size: 14px; color: #ccc; font-family: arial; max-width: 290px; margin-top: 8px;
}
.h-row7-bd .tab-bd dl{
	margin-top: 26px; font-size: 14px; color: #333; position: relative; padding-left: 19px;
}
.h-row7-bd .tab-bd  dt{
	position: absolute; left: 0; top: 3px; bottom: 5px; border-left: 1px solid #999;
}
.h-row7-bd .tab-bd  dt:after,
.h-row7-bd .tab-bd  dt:before{
	position: absolute; left: 0; width: 10px; height: 1px; background-color:#999 ; content: "";
}
.h-row7-bd .tab-bd  dt:after{
	top: 0;
}
.h-row7-bd .tab-bd  dt:before{
	bottom: 0;
}
.h-row7-bd .tab-bd dd{
	margin-bottom: 15px; line-height: 1;
}
.h-row7-bd .tab-bd dd:last-child{
	margin-bottom: 0;
}
.h-row7-bd .tab-bd .txt-img{
	margin-top: 40px;
}
.h-row7-bd .tab-bd .txt-img img{
	width: 400px; height: 216px;
}
.f-003f98{
	color: #003f98;
}
.h-row7-bd .tab-bd .img{
	float: right; 
}
.h-row8{
	background: url(../images/f-img12.jpg) no-repeat; background-size:cover ;
}
.h-row8 .h-row-list{
	margin-top: 50px;
}
.h-row8 .h-row-list ul{
	margin-right: -55px;
}
.h-row8 .h-row-list li{
	width: 280px; margin-right: 55px; float: left; color:#fff;
}

.h-row8 .h-row-list li .img img{
	width: 280px; height: 190px;
}
.h-row8 .h-row-list li .txt{
	background: none; height: 115px; text-align: left; line-height: 1.4;color:#fff;
}
.h-row8 .h-row-list li .txt h3{
	padding-top: 15px; font-size: 20px;
}
.h-row8 .h-row-list li .txt-time{
	font-size: 16px; font-family: arial; padding-top: 9px;
}
.h-row9{
	background: url(../images/f-img14.jpg) no-repeat; background-size:cover ;
}
.h-row9 .h-row-wrap{
	 width: 1520px; height: auto; overflow: hidden;
}
.h-row9-txt{
	 color: #fff; width: 570px; float: left;
}
.h-row9-txt a{
	color: #fff;
}
.h-row9-txt h3{
	font-size: 60px;
}
.h-row9-txt li{
	margin-top: 25px; font-size: 18px;font-size: 24px; 
}
.h-row9-txt li p{
	font-family: arial;
}
.fs-20{
	font-size: 20px;
}
.h-row9-txt .ico{
	display: inline-block; vertical-align: top;width: 45px; margin-right: 15px; text-align: center;
}
.h-row9-txt .txt{
	display: inline-block; vertical-align: top;
}
.h-row9-txt .txt-btn{
	display: inline-block; width: 138px; height: 45px; text-align: center; line-height: 45px;  font-size: 14px;border: 1px solid #fff; border-radius: 5px; margin-top: 15px;
}
.ico-map{
	display: inline-block; width: 28px; height: 28px; background: url(../images/f-img19.png) no-repeat; vertical-align: middle; margin-right: 8px; top: -3px;position: relative;
}
.h-row9-imgs{
	 float: right; width: 820px; margin-top: 60px;
}
.h-row9-imgs ul{
	height: auto; overflow: hidden; margin-right: -20px;
}
.h-row9-imgs li{
	float: left; width: 336px; height: 502px; margin-right: 20px;
}
.h-row9-imgs .l1{
	background-color:#eb4f38 ;
}
.h-row9-imgs .l2{
	background: url(../images/f-img16.jpg) no-repeat #23ac38; background-size:cover ;
}
.h-row9-imgs .l3{
	background: url(../images/f-img17.jpg) no-repeat #b95e05;background-size:cover ;
}
.h-row9-imgs .hd{
	padding: 0 20px; height: 60px; line-height: 60px; font-size: 24px; font-weight: bold; color: #fff;
}
.h-row9-imgs .hd .ico{
	display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; top:4px;
}

.h-row9-imgs .l1 .bd{
	padding: 0 10px; width: 314px; height: 417px;
}
.h-row9-imgs .l2 .bd,
.h-row9-imgs .l3 .bd{
	width: 235px; height: 345px; background-color:#fff; margin: 70px auto 0; 
}
.h-row9-imgs .qr{
	 height: 233px; line-height: 233px; text-align: center; position: relative;
}
.h-row9-imgs .qr .lv{
	position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: #F86A00;
	-webkit-animation: qrcode 3s linear 1s infinite both;
	animation: qrcode 3s linear 1s infinite both;
}
.h-row9-imgs .qr .lv1{
	background-color:#25ab38 ;
}
@keyframes qrcode{
	0% {
    top: 35%;
	}
	50% {
	    top: 74%;
	}
	100% {
	    top: 35%;
	}
}

.h-row9-imgs .qr img{
	vertical-align: middle;width:200px;
}
.h-row9-imgs .bd .txt{
	font-size: 16px; padding: 0 20px; text-align:left;
}
.h-row9-imgs .bd .txt-btn{
	line-height: 30px; padding: 0 20px 0 10px; display: inline-block; background-color:#e97e16 ; color: #fff; font-size: 16px; font-weight: bold; margin-top: 10px;
}
.h-row9-map{
	position: absolute; left: 0; right: 0; bottom: 0; display: none;height: 75%;
}
.h-row9-map .close{
	position: absolute; right: 160px; top: -70px; background: url(../images/ico10.png) no-repeat; background-size:cover ; width: 60px; height: 60px; cursor: pointer; 
	
}
.h-row9-map .img1{
	display: none; 
}
.h-row9-map .img,
.h-row9-map .img1{
	font-size: 0;overflow: hidden;
}
.h-row9-map .img img,
.h-row9-map .img1 img{
	max-width: 100%; 
}

.h-footer{
	position: absolute; left: 0; right: 0; bottom: 0;
}
.copyright{
	 height: 30px; background-color:#232323 ; text-align: center; font-size: 12px; color: #999;
}
.h-footer .copyright{
	 background-color:#151515 ;
}
.copyright .txt,
.copyright .links,
.copyright .ico{
	display: inline-block; 
}
.copyright .links{
	width: auto; height: 22px; padding: 0 20px 0 5px; border: 1px solid #999; border-radius: 3px; line-height: 20px; margin-left: 6px; font-size: 10px;
	position: relative;
}
.copyright .links:after{
	position: absolute; right: 7px; top: 50%; margin-top: -1.5px; content: "";
	background: url(../images/ico8.png) no-repeat; width: 5px; height: 3px;
}
.copyright .links a:hover{
	color: #F86A00;
}
.copyright .links ul{
	position: absolute; left: 0; right: 0; bottom: 22px; background: rgba(0,0,0,0.3); display: none;
}
.copyright .links:hover ul{
	display: block;
}
.copyright .links ul li{
	padding: 5px 0; line-height: 1.3;
}
.copyright a{
	color: #999;
}
.copyright .ico{
	margin-left: 16px; 
}
.copyright .ico1{
	position: relative;top: 15px;
}

/*����ͷ��  header*/
.header{
	position: relative; z-index: 99;
}
.header-top{
	padding: 30px 0 25px; height: auto; overflow: hidden;
}
.header-top-logo{
	float: left;
	margin-left:-140px;
}
.header-top-txt{
	float: right;
	margin-right:-165px;
}
.header-top-txt .item{
	display: inline-block; vertical-align: top; font-size: 14px; color: #333;
}
.header-top-txt .item h3{
	font-size: 18px;
}
.header-top-txt .line{
	height: 50px; width: 1px; background: #e1e1e1; display: inline-block; margin: 0 20px;
}
.header-top-txt .item-tel{
	text-align: right;vertical-align: top;
}
.header-top-txt .item-tel p{
	 color: #666;
}
.header-top-txt .item-tel .ico-tel{
	background: url(../images/ico4.png) no-repeat; width: 12px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 5px;
}
.header-top-txt .item-tel em{
	font-size:28px; font-family: Bahnschrift; color: #ed7000; font-style:italic;
}
.header-main{
	border-top:1px solid #e1e1e1 ; border-bottom: 1px solid #e1e1e1; 
}
.header-main .wrapper{
	position: relative; padding-left: 52px; box-sizing: border-box;
}
.header-main .menu{
	position: absolute; left: 0; top: 0;
	width: 50px; height: 50px; border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; float: left; text-align: center;
}
.gh {
	display: inline-block;
	height:18px;
	width:26px;
	margin-top:15px;
	position:relative;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #000;
	display: block;
	height: 3px;
	margin-top: -1px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 15px;
	border-radius: 3px;
}

.gh a:after, .gh a:before {
	background-color: #000;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	
	border-radius: 3px;
}
.gh a:after {
	top:9px;width:20px;
}
.gh a:before {
	top:-8px;width:26px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	top: 0; width:26px ;
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	top: 0; width:26px ;
}
.gh.selected a {
	background-color: transparent !important;
}
.header .nav{
	height: 50px;
}
.header .nav li{
	width: 14.2%; float: left; text-align: center; position: relative;
}
.header .nav li > a{
	line-height: 50px; display: block;
}
.header .nav li a:hover,
.header .nav li.on > a{
	color: #ed7000;
}
.header .nav li dl{
	position: absolute; left: 0; right: 0; top: 50px; display: none;
	background:rgba(0,0,0,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);
}
.header .nav li:hover dl{
	display: block;
}
.header .nav li dd{
	display: block; text-align: center; line-height: 40px; font-size: 14px; color: #ccc;
}
.header .nav li dd a{
	color: #ccc;
}
.footer{
	background-color:#232323 ; clear: both;
}

.footer-main{
	padding: 45px 0 40px; border-bottom: 1px solid #4a4949; height: auto; overflow: hidden;
}
.footer-main a{
	color: #999;
}
.footer-main a:hover{
	color: #ED7000;
}
.footer-about{
	width: 389px; border-right: 1px solid #4a4949; float: left;
}
.footer-about .txt{
	font-size: 12px; color: #666; line-height: 1.5; margin-top:15px;
}
.footer-about .txt h3{
	font-size: 14px; color: #999; padding-bottom: 8px;
}
.footer-about .search{
	width: 310px; height: 30px; border: 1px solid #4a4949; background-color:#333 ; margin-top: 20px; position: relative;
}
.footer-about .search input[type='text']{
	padding: 0 5px; line-height: 30px; font-size: 12px; background: none; width: 100%;box-sizing: border-box; border: 0; color: #fff;
}
.footer-about .search input[type='submit']{
	position: absolute; right: 0; top: 0; bottom: 0; line-height: 30px; background-color:#4a4949 ; border: 0; width: 60px; text-align: center; font-size: 14px; color: #999; cursor: pointer;
}
.footer-about .us{
	margin-top: 20px; font-size: 12px; color: #666;
}
.footer-about .us ul{
	display: inline-block;
}
.footer-about .us li{
	display: inline-block; line-height: 23px;position: relative;margin-right: 8px;
}
.footer-about .ico{
	width: 23px; height: 23px; background-color:#595959 ; background-repeat:no-repeat ; background-position:center ; border-radius: 50%; display: inline-block; vertical-align: top;  cursor: pointer; 
}
.footer-about .ico:hover{
	background-color:#003f98 ;
}
.footer-about .ico-qq{
	background-image:url(../images/ico5.png) ;
}
.footer-about .ico-qq:hover{
	background-image:url(../images/ico5-1.png) ;
}
.footer-about .ico-weibo{
	background-image:url(../images/ico6.png) ;
}
.footer-about .ico-weibo:hover{
	background-image:url(../images/ico6-1.png) ;
}
.footer-about .ico-weixin{
	background-image:url(../images/ico7.png) ;
}
.footer-about .ico-weixin:hover{
	background-image:url(../images/ico7-1.png) ;
}
.footer-about .qr{
	position: absolute; left: 50%; margin-left: -64.5px; right: 0; bottom: 40px; 
	width: 129px; height: 129px; display: none;
}
.footer-about li:hover .qr{
	display: block;
}
.footer-about .qr:after{
	position: absolute; left: 50%; margin-left: -7.5px; bottom: -6px; content: "";
	background: url(../images/f-img22.png) no-repeat; width: 15px; height: 9px; display: block;
}
.footer-nav{
	float: right; margin-right: -115px;
}
.footer-nav dl{
	display: inline-block; margin-right: 115px; vertical-align: top; color: #fff; font-size: 14px;
}
.footer-nav dt{
	font-size: 16px;
}
.footer-nav dd{
	padding-top: 13px; 
}

 #particles-js{
            position: absolute;top: 0;left: 0; width: 100%;z-index: 1; 
           }
        #particles-js .particles-js-canvas-el {max-height: 100%;}
        
    
    
 /*---------tr--------*/    
        
.banner-txt .desc{
	color: #fff;
}


/*��ϵ����*/
.contact-info-txt{
	text-align: center;
}
.contact-info-txt h3{
	font-size: 30px;font-weight: bold;line-height: 24px;padding-top: 50px; padding-bottom: 30px;
}
.contact-info-txt .desc{
	font-size: 16px; line-height: 26px;color: #666;
}
.contact-info-list ul{
	height: auto; overflow: hidden; margin-top: 80px; margin-bottom: 80px;
}
.contact-info-list li{
	float: left;width: 400px;text-align: center;
}
.contact-info-list .img{
	 margin-bottom: 30px; text-align: center; line-height: 100px; background-color: #003F98; height: 100px; width: 100px;display: inline-block;
}
.contact-info-list .img img{
	vertical-align: middle;
}
.contact-info-list h4{
	font-size: 18px;line-height:1;padding-bottom: 18px;
}
.contact-info-list p{
	color: #666;
}
.contact-list{
	height: auto; overflow: hidden; margin-bottom: 80px;
}
.contact-list .img{
	float: left;
}
.contact-list .txts{
	float: right;
}
.contact-list .txts dt{
	font-size: 30px;line-height: 1;padding-top: 20px;padding-bottom: 20px;
}
.contact-list .txts p{
	font-size: 18px;line-height: 1;padding-bottom: 8px;
}
.contact-list .txts p a{
	color: #333;
}
.contact-list .txts p a:hover{
	color: #F86A00;
}
.contact-list .txts dd{
	width: 510px; padding-top: 25px;padding-bottom: 20px;
}
.contact-list .txts dd{
	border-bottom: #999 solid 1px;
}
.contact-list .txts dd.txts_dd{
	border-bottom: none;
}
.contact-work-item .hd{
	font-size: 30px;padding-bottom: 50px;
}
.contact-work-item .main li{
	width: 520px;height: 160px;margin-bottom: 50px;border-bottom: #999 solid 1px;
}
.contact-work-item .main .txtt{
	float: left;
}
.contact-work-item .main .txtt p.tel{
	color: #ed7000;
}
.contact-work-item .main .txtt img{
	vertical-align: middle;padding-right: 5px;
}
.contact-work-item .main .img{
	float: right;
}
.contact-work-item .main p{
	font-size: 24px;line-height: 1;font-weight: bold;padding-top: 20px;padding-bottom: 25px;
}
.contact-work-item .main span{
	font-size: 14px;line-height: 24px;color: #fff;background-color: #003f98;padding: 4px 5px;border-radius: 5px;vertical-align: bottom;margin-left: 10px;
}
.contact-work{
	height: auto; overflow: hidden;
}
.contact-work .item1{
	float: left;padding-right: 80px;border-right: #03181d solid 1px;
}
.contact-work .item2{
	float: right;
}


/*�������-ѡ������*/
.m-hd{
	margin-top: 50px;margin-bottom: 50px;
}
.partner-row1 li h4{
	color: #F86A00;
}
.partner-row1 li h4 span{
	color: #fff;
}
.partner-row1 li{
	width: 340px;
}
.partner-row2 li{
	border-top: #ccc 1px dashed; height: auto; overflow: hidden; margin-bottom: 60px;
}
.partner-row2 .hd-num{
	font-size: 30px;line-height: 110px;color: #fff;width: 75px;height: 120px;background-color: #ed7000;text-align: center;
	float: left;margin-right: 10px; font-family: Bahnschrift;
}
.partner-row2 .hd-num span{
	padding-bottom: 2px; border-bottom: 2px solid #fff;
}
.partner-row2 .hd-cn{
	font-size: 18px;font-weight: bold;color: #003f98;padding-top: 30px;padding-bottom: 5px;
}
.partner-row2 .hd-en{
	font-size: 14px;color: #999; 
}
.partner-row2 .bd{
	margin: 15px 0 10px 80px;
}
.partner-row2 .ft{
	margin-left: 80px;
}
.partner-row2-txt{
	float: left;
}
.partner-row2-img{
	float: right;margin-top: 30px;
	
}
.partner-row2-txt dt.line{
	width: 9px;height: 33px;border: #999 solid 1px;margin-top: 10px;
}
.partner-row2-txt dt.line1{
	border-right: none;float: left;margin-right: 10px;
}

.partner-row2-txt dd{
	font-size: 14px;padding-bottom: 15px;
}
.partner-row2-txt font{
	color: #003f98;
}
.partner-row2 li:nth-child(2n) .hd-num{
	float: right;margin-left: 10px;margin-right: 0;
}
.partner-row2 li:nth-child(2n) .hn-cn{
	text-align: right;
}
.partner-row2 li:nth-child(2n) .hn-en{
	text-align: right;
}
.partner-row2 li:nth-child(2n) .bd{
	margin: 15px 80px 10px 0;
}

.partner-row2 li:nth-child(2n) .partner-row2-txt{
	float: right; text-align: right;
}
.partner-row2 li:nth-child(2n) .partner-row2-img{
	float: left;/*margin-top: 30px;*/
}
.partner-row2 li:nth-child(2n) .partner-row2-txt dt.line{
	float: right;margin-left: 10px;
}
.partner-row2 li:nth-child(2n) .partner-row2-txt dd{
	text-align: right;
}

.partner-row2 li:nth-child(2n) .partner-row2-txt dt.line{
	border-left: none;float: right;margin-left: 10px;
}



/*�������*/
.partner-list{ margin-bottom: 85px; }
.partner-list ul{
	margin-right: -15px; height: auto; overflow: hidden;
}
.partner-list li{
	width: 288px;height: 225px;text-align: center;float: left;margin-right: 15px;margin-bottom: 15px;
}
.partner-list li:hover .txt{
	background-color:#003F98 ; color: #fff;
}
.partner-list .img{
	height: 175px; text-align: center; line-height: 175px; border: #e5e5e5 solid 1px;
	
}
.partner-list .img img{
	vertical-align: middle;

	
}
.partner-list .txt{
	background-color: #f0f0f0;font-size: 14px;padding: 15px;
}
.partner-list a:hover{
	color: #5d5d5e;
}


/*��˾����*/
.news-list li{
	height: auto; overflow: hidden; border-bottom: #ddd solid 1px; padding: 25px 0; 
}
.news-list .img{
	float: left; margin-right: 30px; width: 470px; height: 320px; overflow: hidden;
}
.news-list .img img{
	width: 100%; height: 100%;
	transition: all 0.3s;
}
.news-list .img:hover img{
	transform: scale(1.1);
}


.news-list .txt{
	padding: 20px 10px 0 0; 
}
.news-list  .txt-tit{
	font-size: 22px;color: #2653a0;padding-bottom: 15px;
}
.news-list  .txt-time{
	color: #b0b0b0;padding-bottom: 30px;
}
.news-list  .txt-desc{
	color: #666;padding-bottom: 50px;
}
.news-list .txt-btn{
	color: #b0b0b0;padding: 12px 28px;border: #ccc solid 1px;border-radius: 3px; display: inline-block;
}
.news-list .txt-btn:hover{
	color: #fff;background-color: #2653A0;
}
.news-list li:last-child{
	border: none;
}

.m-pages{
	margin: 70px 0 100px 0;text-align: center;
}
.m-pages a,.m-pages span{
	padding: 9px 14px;border: #ccc solid 1px;border-radius: 3px;color: #999;margin:0 5px;
}
.m-pages span{background:#003f98;}
.m-pages a.on,
.m-pages a:hover{
	background-color: #003f98;color: #fff;
}


/*��������*/
.news-info-hd{
	text-align: center;margin-bottom: 75px;margin-top: 2%;
}
.news-info-hd h3{
	font-size: 22px;padding-bottom: 20px;border-bottom: #e5e5e5 solid 1px;margin-bottom: 15px;
}

.news-info-hd .attr span{
	font-size: 12px;color: #666; padding: 0 10px; display: inline-block;
}
.news-info-hd .attr-a{
	display: inline-block;
}
.news-info-hd .attr-a a:hover{
	background-color: #fff;
}
.news-info-bd{
	margin-bottom: 150px; text-align: left;
}


/*����Ƭ*/
.videos{
	margin-top: 30px; margin-bottom: 80px;
}
.videos-row{
	text-align: center; height: auto; overflow: hidden;
}
.videos-bg{
	width: 796px;height: 565px;position: relative;margin:5px 5px 5px 0;float: left;
}
.videos-bg .video{
	width: 100%; height: 100%; position: relative;
}
.videos-bg .video video{
	width: 100%; height: 100%; 
}
.videos-row .video-tit{
	background: rgba(0,0,0,0.6);width: auto;line-height: 57px;color: #fff;position: absolute;bottom: 0; left: 0; right: 0;
}

.videos-list ul{
	height: auto; overflow: hidden;
}
.videos-list1{
	width: 393px; float: right;
}
.videos-list1 li{
	position: relative; margin-bottom: 10px; height: 280px;
}
.videos-list1 li:last-child{
	margin-bottom: 0;
}
.videos-list1 li .video,
.videos-list2 .video{
	width: 100%; height: 100%; position: relative;
}
.videos-bg .video video,
.videos-list1 li .video video,
.videos-list2 .video video{
	width: 100%; height: 100%; object-fit: fill;
}
.videos-list2 ul{
	margin-right: -10px; height: auto; overflow: hidden;
}
.videos-list2 li{
	margin: 5px 10px 5px 0;float: left;	width: 393px;position: relative;height: 280px;
}


.videos-row .video-play{
	position: absolute;left:50%; margin-left: -45px;  top: 50%; margin-top: -45px; width: 90px; height: 90px; background: url(../images/tr42.png) no-repeat; background-size:cover ;
}
.videos-row .video-bgimg{
	width: 100%; height: 100%; font-size: 0;
}
.videos-row .video-bgimg img{
	width: 100%; height: 100%;
}
/* -lyw- */
/*��������-��ʽ2*/
.about{
	margin-top: 50px;
}
.m-hd-desc{
	font-size: 18px;color: #666;margin-top: 8px;
}
.about-row1-info{
	background: url(../images/lyw02.jpg) no-repeat;height: auto;margin-top: 40px;
}
.about-row1-info .info-hd{
	text-align: center;font-size: 24px;
}
.about-row1-info .info-hd img{
	margin: 60px 0 20px;
}
.about-row1-info .info-hd h3{
	font-weight: bold;
}
.info-bd{
	width: 850px;margin: 40px auto 0;font-size: 18px;line-height: 30px;
}
.about-row1-list ul{
	margin: 80px 0 110px;font-size: 18px;color: #666;
}
.about-row1-list li{
	display: inline-block;width: 200px;margin: 0 45px;text-align: center;
}
.about-row1-list .num{
	font-family: arial;font-size: 60px;color: #06c;font-weight: 700;margin: 5px 0;
}


.about-row2-list{
	margin: 40px 0 100px;
}
.about-row2-list ul{
	width: 1150px;margin: 0 auto;overflow: hidden;
}
.about-row2-list li{
	display: inline-block;margin: 0 14px;text-align: center; font-size: 0; cursor: pointer;
}
.about-row2-list-item{
	position: relative;overflow: hidden;
}
.about-row2-list-item:after{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(51,51,51,0.2); content: "";  display: none;
}
.about-row2-list li:hover .about-row2-list-item:after{
	display: block;
}

.about-row2-list span{
	position: absolute;color: #FFF;left: 0; right: 0; text-align: center; top:50%; margin-top: -13px; bottom: 0;  font-size: 24px;z-index: 1;
}


.about-row3-main{
	margin: 40px 0 100px;clear: both;overflow: hidden;
}
.about-row3-main .img{
	float: left;margin-right: 45px;
}
.about-row3-main .txt{
	font-size: 18px;color: #333;line-height: 30px;padding-top: 10px;
}
.about-row3-main .txt p{
	margin-bottom: 30px;
}
.about-row3-main .txt .tel{
	margin-top: 70px;font-family: arial;font-weight: 700;font-size: 30px;color: #ed7000;
}
.about-row3-main .txt .tel img{
	vertical-align: middle;margin-right: 10px;padding-bottom: 10px;
}




/*��������*/
.banner-txt{
	background-color: rgba(0,63,152,0.6);
}

.honor-list{
	margin-top: 50px;
}
.m-hd1{
	width: 570px; margin: 0 auto 60px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; position: relative;
	text-align: center;font-size: 30px;font-weight: bold;
}
.m-hd1:before,
.m-hd1:after{
	position: absolute; left: 50%;bottom: -2px; content: "";
	width: 150px; height: 2px;z-index: 0;
}
.m-hd1:before{
	background-color:#ed7000 ;  margin-left: -150px;
}
.m-hd1:after{
	background-color:#003f98 ;
}
.m-hd1 span{
	position: absolute;left: 36%;top: -15px;z-index: 1;
	padding: 0 20px; overflow: hidden;
}
.m-hd01 span{
	background-color: #fff;color: #333;
}
.m-hd02 span{
	background-color: #656261;color: #fff;
}


.honor-list1-main,
.honor-list2-main{
	text-align: center;
}
.honor-list1-main li{
	display: inline-block;margin: 0 22px;font-size: 14px;color: #666;
}
.honor-list2-main li{
	display: inline-block;margin: 0 22px;font-size: 14px;color: #666;
}
.honor-list1-main .img{
	padding: 30px 33px;border: 1px solid #c9c9c9;margin-bottom: 20px;
}
.honor-list2-main .img{
	/*border: 1px solid #c9c9c9;*/ font-size: 0;
}
.honor-list2-main p{
	background-color: #fff;line-height: 55px;border-top: 1px solid #c9c9c9;
}





.honor-bg a{
	color: #999;background-color: #fff;
}
.honor-bg{
	background: url(../images/lyw28.jpg) no-repeat center; background-size:cover ; padding-bottom:50px; padding-top: 60px;
}
.honor-imgs{
	margin: 85px 0 110px; 
}
.honor-imgs-row{
	border-bottom: 1px solid #e9e9e9;
}
.honor-imgs-row ul{
	 height: auto; overflow: hidden; width: 103%;
}
.honor-imgs-row:last-child{
	border-bottom: 0;
}
.honor-imgs-row li{
	border-right: 1px solid #e9e9e9; height: 220px; line-height: 220px; width: 24%; text-align: center; float: left;
}
.honor-imgs-row li img{
	vertical-align: middle;
}
.honor-imgs-row li:last-child{
	border-right: 0;
}




/*��ҵӦ��*/
.apply{
	margin: 50px 0 100px;
}
.apply .item{width: 50%;display: table-cell;float:left;margin-bottom:15px;}
.apply ul{
	display: table; width: 100%; border-collapse: collapse; 
}
.apply li{
	clear: both;overflow: auto;line-height: 0; height: auto; overflow: hidden; display: table-row;
}
.apply li .item{
	 width: 50%;display: table-cell;
}


.apply .bgimg{
	width: 40%; display: table-cell; height: 100%; vertical-align: middle;  font-size: 0;
}

.apply .txt{
	  line-height: 1.3;border: 1px solid  	#8E8E8E;border-collapse: collapse; width:60%;display: table-cell; height: 100%; vertical-align: middle;  font-size: 0;
}

.apply .txt h3{
	color: #00DB00;  padding-top: 6%; font-size: 15px;
}
.apply .txt img{
	padding-top: 65px;
}
.apply .btn{
	width: 105px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #999;border-radius: 3px;font-size: 14px; display: inline-block; margin-top: 15%;margin-left:70px
}
.apply .txt:hover{
	background-color:#ffffff ;
}
.apply .txt:hover .btn{
	color: #003F98;border-color: #003F98;background-color: #fff;
}
.apply .txt:hover h3{
	color: #FFF;
}

.apply .txt .ico{
	width: 72px; height: 50px; display: inline-block; background-position:center ; background-size:cover ;
}
.apply .txt .ico1{
	background-image: url(../images/f-img40.png);
}
.apply .txt:hover .ico1{
	background-image: url(../images/f-img40-1.png);
}

.apply .txt .ico2{
	background-image: url(../images/f-img41.png);
}
.apply .txt:hover .ico2{
	background-image: url(../images/f-img41-1.png);
}

.apply .txt .ico3{
	background-image: url(../images/f-img59.png);
}
.apply .txt:hover .ico3{
	background-image: url(../images/f-img59-1.png);
}

.apply .txt .ico4{
	background-image: url(../images/f-img44.png);
}
.apply .txt:hover .ico4{
	background-image: url(../images/f-img44-1.png);
}

.apply .txt .ico5{
	background-image: url(../images/f-img45.png);
}
.apply .txt:hover .ico5{
	background-image: url(../images/f-img45-1.png);
}

.apply .txt .ico6{
	background-image: url(../images/f-img46.png);
}
.apply .txt:hover .ico6{
	background-image: url(../images/f-img46-1.png);
}
.apply .txt .ico7{
	background-image: url(../images/f-img42.png);
}
.apply .txt:hover .ico7{
	background-image: url(../images/f-img42-1.png);
}

.apply .item-tel{
	 border: 1px solid #eaeaea;  width: 50%; display: table-cell; height: 100%; line-height: 1.4; vertical-align: middle; text-align: center;
}
.apply .item-tel h3{
	font-size: 24px;color: #666;
}
.apply .item-tel big{
	font-size: 44px;color: #ED7000;
}




/*��ҵӦ��-����*/
.apply-info{
	margin-bottom: 35px;
}
.apply-info-row{
	border-bottom: 1px solid #ccc;padding-bottom: 50px;
}
.apply-info-row7{
	border-bottom: none;
}
.apply-info-row .hd{
	margin: 50px 0 40px;
}
.apply-info-row .hd .desc{
	margin-top: 25px;color: #666;line-height: 30px;
}
.apply-info-row .hd h3{
	font-size: 30px;color: #333;font-weight: bold;
}
.apply-info-row .bd{
	clear: both;overflow: hidden;margin-bottom: 45px;  height: auto;
}
.apply-info-row .bd-img {
	float: right;
}
.apply-info-row.even .bd-img{
	float: left;
}
.apply-info-row .bd-txt{
	float: left;color: #666;line-height: 30px; width:47%;
}
.apply-info-row .bd-txt a:hover{
	color: #337fe5;
}
.apply-info-row.even .bd-txt{
	float: right;
}
.apply-info-row .bd-txt h4{
	margin: 25px 0 40px;font-size: 24px;
}
.apply-info-row .ft{
	height: auto; overflow: hidden;
}
.apply-info-row .ft-tit{
	text-align: center;font-weight: bold;font-size: 18px;color: #666;margin-bottom: 15px; background-color:#f6f6f6 ;
}

.apply-info-row .ft-list{
	width: 66.66%;overflow: hidden;  float: left;
}
.apply-info-row .ft-list1{
	 width: 33.33%; float: left;
}
.apply-info-row .ft-list-main ul{
	 height: auto; overflow: hidden;
}
.apply-info-row .ft-list-main1 li{
	float: left; width: 50%;
}

.apply-info-row .ft-list-main li{
	line-height: 30px;
}
.apply-info-row .ft-list-main a{
	color: #337fe5;
}
.apply-info-row .ft-list-main a:hover{
	text-decoration: underline;
}



/*��Ʒ����*/
.m-product{
	position: relative;
}
.m-product ul{
	font-size: 6px; height: auto; overflow: hidden; 
}
.m-product li{
	text-align: center;display: block; float: left; width: 20%; position: relative; 
}
.m-product li:after{
	position: absolute; right: 0; top: 0; bottom: 0; content: "";
	border-right: 1px solid #d8d8d8;
}
/*.m-product li:last-child:after{
	display: none;
}*/
.m-product li .img{
	font-size: 0; width: 100%; height: auto;
}
.m-product li .img img{
	width: 100%;
}
.m-product .txt{
	height: 165px;
}
.m-product h3{
	font-size: 30px;color: #333;margin-bottom: 5px;padding-top: 10px;
}
.m-product .txt .desc{
	font-size: 14px;color: #666;line-height: 25px;
}
.m-product p{
	font-size: 14px;color: #003f98;margin-top: 20px;padding-bottom: 20px;
}

.m-product li:hover .txt{
	background-color: #003F98;
}
.m-product li:hover .txt h3,
.m-product li:hover .txt .desc,
.m-product li:hover .txt p{
	color: #fff;
}
.m-product .contrast .prev{
	left: 0;  top: 30%;
}
.m-product .contrast .next{
	right: 0;top: 30%;
}
.m-product .prevStop,
.m-product .nextStop{
display: none;	
}

/*��Ʒ����-��Ʒ����-��Ʒ����*/
.product{
	margin-top: 40px;
}
.product-info{
	clear: both;overflow: hidden;border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;
}
.product-info-img{
	float: left;margin-right: 60px;width:733;height:900px;
}
.product-info-txt h3{
	font-size: 30px;color: #333;margin: 30px 0;
}
.product-info-txt .bd{
	color: #666; height: 250px;
}

.product-info-txt .item{
	margin-bottom: 5px;
}
.product-info-txt strong{
	font-weight: bold; display: inline-block; height: 100%;vertical-align: top; line-height: 25px;
}
.product-info-txt .item-desc{
	display: inline-block;vertical-align: top; line-height: 25px;
}
.product-info-txt .ft{
	border-top: 2px solid #e4e4e4; padding-top: 20px;
}
.product-info-txt .ft .ft-tel,
.product-info-txt .ft .ft-btn{
	display: inline-block;
}
.product-info-txt .ft .ft-tel{
	color: #666;
}
.product-info-txt .ft img{
	vertical-align: middle; margin-right: 15px;
}
.product-info-txt .ft .ft-tel img{
	padding-bottom: 22px;
}
.product-info-txt .ft .ft-tel span{
	display: inline-block;margin-left: -5px;
}
.product-info-txt .ft .ft-tel font{
	font-family: arial;font-size: 18px;color: #003F98;
}
.product-info-txt .ft .ft-btn{
	background: url(../images/lyw64.jpg) no-repeat left; float: right;
}
.product-info-txt .ft .ft-btn a{
	float: right;margin-top: 5px;font-size: 14px;padding: 10px 25px 10px 55px;border: 1px solid #ED7000;border-radius: 3px;color: #ED7000;
}
.product-info-txt .ft .ft-btn a:hover {
	background: url(../images/lyw65.jpg) no-repeat left #ED7000;color: #fff;
}


.product-desc{
	margin: 80px 0;
}
.product-desc-item{
	clear: both;overflow: hidden;margin-top: 35px;
}
.product-desc-item .txt{
	float: left;margin-left: 50px; width: 380px;
}
.product-desc-item .img{
	float: right;margin-right: 10px;
}
.product-desc-item .txt-tit{
	font-family: arial;font-size: 24px;font-weight: bold;color: #333;margin-bottom: 10px;
	display: inline-block;position: relative;border-bottom: 1px solid #fff;padding-bottom: 15px;
}
.product-desc-item .txt-desc{
	font-size: 14px;color: #666;line-height: 30px;
}
.product-desc-item .txt-tit:before,
.product-desc-item .txt-tit:after{
	position: absolute; left: 60%;bottom: 0; content: "";
	width:100px; height: 2px;
}
.product-desc-item .txt-tit:before{
	background-color:#003f98 ;  margin-left: -78px;
}


.product-picture .list{
	margin: 40px 0 80px;
}
.product-picture li{
	display: inline-block;
}

.product-serve .list{
	margin: 40px 0 110px;
}
.product-serve .list table{
	border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 18px; width: 100%;
}
.product-serve .list td{
	border-left: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;/*width: 420px;*/height: 95px;padding-left: 20px;
}
.product-serve .list tr{
	width: 1200px;
}
.product-serve .list .td1{
	width: 175px;
}
.product-serve .list img{
	vertical-align: middle;margin-right: 10px;
}
.product-serve .list .f-blue{
	font-family: arial;color: #003F98;font-size: 20px;
}


.product-list{
	margin-bottom: 120px;
}
.product-list .hd{
	font-size: 24px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #e4e4e4;margin-bottom: 30px;
}
.product-list .hd small{
	font-size: 16px;color: #999;margin-left: 20px;
}
.product-list ul{
	margin-left: -20px;overflow: hidden;
}
.product-list li{
	display: inline-block;margin-left: 21px;
}
.product-list li .img{
	font-size: 0; width: 280px; height: 220px; overflow: hidden;margin:50px
}
.product-list li .img img{
	max-width: 100%; max-height: 100%;
}
.product-list .bd .txt{
	padding-right: 10px;
}
.product-list .bd .txt h3{
	font-size: 18px;color: #000;padding-top: 5px;margin-right:10px
}
.product-list .bd .txt p{
	font-size: 14px;color: #000;padding-bottom: 20px;
}
.product-list .bd li:hover .txt{
	
}
.product-list .bd li:hover .txt h3,
.product-list .bd li:hover .txt p{
	color: #000;
}
/*��� Ư��*/
.sidebar{
	position: fixed; right: 0; top: 57%; margin-top: -100px; z-index: 99;
}
.sidebar li{
	background: #003f98; margin-bottom: 1px; position: relative; color: #fff; width: 77px; height: 70px;text-align:center ; font-size: 14px; cursor: pointer;
}

.sidebar li a{
	color: #fff;
}
.sidebar li i{
	width: 36px; height: 34px; display: inline-block;margin-top: 5px;
}

.sidebar-hide{
	position: absolute; right: 70px; top: 0; width: 188px;  display: none;
}
.sidebar-hide img{width:150px;}
.sidebar li:hover .sidebar-hide{
	display: block;
}
.sidebar-hide .qq{
	background-color:#003f98 ; padding: 0 10px; text-align: left;
}
.sidebar-hide .qq-info{
	padding: 10px 0; font-weight: bold;
}
.sidebar-hide .qq span{
	display: inline-block; width: 50px; height: 23px; text-align: center; line-height: 23px; background-color:#93c0ff ; color: #003f98; border-radius: 3px;  margin-right:10px ;
}
.sidebar-hide .tel{
	background-color:#003f98 ; height: 70px; text-align: center; line-height: 70px; font-size: 18px; font-family: arial; font-weight: bold;
}
.sidebar-hide .qr{
	background-color:#003f98 ; text-align: center;font-size: 0; padding: 6px 0;
}
.sidebar li .ico1{
	background: url(../images/f-img48.png); background-size:cover ;
}
.sidebar li .ico2{
	background: url(../images/f-img49.png); background-size:cover ;
}
.sidebar li .ico3{
	background: url(../images/f-img50.png); background-size:cover ;
}
.sidebar li .ico4{
	background: url(../images/f-img51.png); background-size:cover ;
}

.fadeup{
	transition: all 0.5s 0.8s;transform: translateY(40px); opacity: 0;
}
.fadeup1{
	transition: all 0.8s 0.8s;transform: translateY(40px); opacity: 0;
}
.fadeup2{
	transition: all 1.1s 0.8s;transform: translateY(40px); opacity: 0;
}
.fadeup3{
	transition: all 1.3s 0.8s;transform: translateY(40px); opacity: 0;
}
.section.active .fadeup,
.section.active .fadeup1,
.section.active .fadeup2,
.section.active .fadeup3{
	transform: translateY(0); opacity: 1;
}
.h-row3 #video{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: fill; z-index: 1;  display: none;
}
.h-row3.active #video{
	display: block;
}
/*��ҳ����*/
.h-dialog-wrap{
	position: fixed;left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); display: none;z-index: 999;
}
.h-dialog{
	position: absolute; left: 50%; margin-left: -310px; top: 50%; margin-top: -160px; 
	width: 620px; height: 320px; background-color: #ed7000; padding: 20px; box-sizing: border-box; color: #fff; text-align: center;
}
.h-dialog-line{
	border: 1px solid #fff; height: 100%; position: relative;
}
.h-dialog-line .close{
	position: absolute; right: 0; top: 0; width: 42px; height: 42px;  background:url(../images/f-img57.png) no-repeat center ; border-left: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer;
}
.h-dialog a{
	color: #fff;
}
.h-dialog .txt{
	text-align: right;vertical-align: top; display: inline-block; padding-top: 60px; font-size: 14px; line-height: 1.4;
}
.h-dialog .txt em{
	font-size: 18px; font-family: arial; font-style: italic;
}
.h-dialog .txt h3{
	font-size: 31px;
}
.h-dialog .txt h4{
	font-size: 26px; font-family: arial; opacity: 0.6;
}
.h-dialog .txt .btns{
	margin-top: 25px;
}
.h-dialog .txt .btns a{
	width: 120px; height: 35px; border: 1px solid #fff; display: inline-block; text-align: center; line-height: 35px; margin-left: 15px; font-size: 16px;
}
.h-dialog .txt .btns a:hover{
	color: #ed7000; background-color:#fff ; border-color: #fff;
}
.h-dialog .qr{
	display: inline-block; vertical-align: top; margin-left: 30px;padding-top: 55px;
}

/*��Ʒ���� �б�*/
.m-product-list{
	height: auto; overflow: hidden; margin-top: 35px;
}
.m-product-l{
	float: left; width: 250px;
}
.m-product-l .nav{
	border: 1px solid #d8d8d8;
}
.m-product-l .nav li{
	border-bottom: 1px solid #d8d8d8; height: 64px; line-height:64px ; font-size: 16px; color: #333;
}
.m-product-l .nav li a{
	color: #333; padding: 0 28px;display: block;
}
.m-product-l .nav li a:hover,
.m-product-l .nav li.on a{
	background: #003f98; color: #fff;
}
.m-product-l .nav li:last-child{
	border: 0;
}
.m-product-l .tel{
	background: url(../images/f-img59.jpg) no-repeat; background-size:cover ; height: 135px; margin-top: 30px;border: 1px solid #d8d8d8;
}
.m-product-l .tel .txt{
	padding-left: 5; padding-top: 29px;
}
.m-product-l .tel .txt h3{
	font-size: 20px; color: #333; background: url(../images/ico11.png) no-repeat left center; padding-left: 3px;margin-bottom: 20px;
}
.m-product-l .tel .txt p{
	font-size: 22px; color: #003f98; font-weight:bold ; font-family: arial,helvetica; padding-top: 3px;
}
.m-product-r{
	width: 895px; float: right;
}
.m-product-r .hd{
	height: 60px; line-height: 60px; font-size: 24px; color: #333;border-bottom: 1px solid #d8d8d8;
}
.m-product-r .bd{}
.m-product-r .bd ul{
	height: auto; overflow: hidden; margin-right: -25px;
}
.m-product-r .bd li{
	margin-top: 25px; margin-right: 25px; float: left; width: 280px;
}
.m-product-r .bd li .img{
	width: 280px; height: 230px; font-size: 0;text-align:center;line-height:230px;
}
.m-product-r .bd li img{
	max-width: 280px; max-height: 230px;vertical-align:middle;
}
.m-product-r .bd li .txt{
	text-align: center; height: 50px; line-height: 50px; font-size: 14px; color: #333;
}

.m-product-r .bd li:hover .txt{
	background: #003f98; color: #fff;
}
/*��Ƶ����*/
.dialog-video{
    position: fixed;
    top: 50%;
    margin-top: -265px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    height: 530px;
    z-index: 999;
    background: #000;
    display: none;
}
.dialog-video .video{
	width: 100%; height: 100%;
}
.dialog-video video{
	object-fit: fill; width: 100%; height: 100%;
}
.dialog-video .close{
	width: 45px;
    height: 45px;
    position: absolute;
    top: -12px;
    right: -24px;
    z-index: 1000;
    background: url(../images/close.png) no-repeat; background-size:cover ;
}
.products-flash #flash-js{
	    display: none;
}
.dialog-maskbox{
	width: 100%;
    height: 100%;
    display: none;
    background:rgba(0,0,0,0.5) ;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
