@charset "gb2312";

/* CSS Document */

@font-face{font-family:"BEBAS";src:url("/KxMoHHprpUM2qTVpESgGIjN.jpg") format("woff2"),url("/KxMoHHprpUM2qTVpESgGIj.jpg") format("woff"),url("/KxMoHHprpUM2qTVpE0OG.jpg") format("truetype"),url("/KxMoHHprpUM2qTVpIygO.jpg") format("embedded-opentype"),url("/KxMoHHprpUM2qTVpDRWF.jpg") format("svg");}



@font-face{font-family:"Impact";src:url("/KxMoHHprr15RISWTUHAnI1DO.jpg") format("woff2"),url("/KxMoHHprr15RISWTUHAnI1D.jpg") format("woff"),url("/KxMoHHprr15RISWTUHOOIj.jpg") format("truetype"),url("/KxMoHHprr15RISWTUISnED.jpg") format("embedded-opentype"),url("/KxMoHHprr15RISWTUHqQIt.jpg") format("svg");}





body{

	background-color:#f7f7f7;

	}

.title{

	text-align:center;

	}

.title h1{

	display: inline-block;

	font-size:36px;

	color:#666;

	font-family:"BEBAS";

	}

.title span{

	font-size:15px;

	margin:10px 0 15px;

	display:block;

	color:#999;

	}

.title>img{

	margin-bottom:60px;

	}

	

#more{

	overflow:hidden;

	width:150px;

	margin:0 auto;

	display:block;

	}

#more span{

	float:left;

	width:110px;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:14px;

	color:#999;

	background-color:#fff;

	}

#more p{

	float:left;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:14px;

	color:#fff;

	background-color:#333;

	}

#more:hover{

	box-shadow: 0px 0px 15px #ccc;

	transition: all 0.3s linear;

	}

#more:hover p{

	background-color:#0061b0;

	transition: all 0.3s linear;

	}	

#more:hover span{

	color:#333;

	transition: all 0.3s linear;

	}	



	

.drwp .about{

	margin-top:-145px;

	z-index:9000;

	position:relative;

	overflow:hidden;

	padding:20px 0;

	}

.drwp .about .list li{

	width:calc(100%/3);

	float:left;

	background-color:#0061b0;

	display:flex;

    justify-content:center;

    align-items:center;

	}

.drwp .about .list li:hover {

    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);

    margin-bottom: 10px;

    margin-top: -13px;

	transition:all 0.3s linear;

}

.drwp .about .list li:first-child{

	background-color:#0065ba;

	}

.drwp .about .list li:last-child{

	background-color:#00569d;

	}

.drwp .about .list li>img{

	display:block;

	}

	

.drwp .product{

	padding:60px 0 80px;

	}

.drwp .product .list_nav{

	overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:center;

	margin-bottom:40px;

	}

.drwp .product .list_nav li{

	float:left;

	margin:0 5px;

	background-color:#fff;

	border:1px solid #ececec;

	height:35px;

	width:10%;

	}

.drwp .product .list_nav li a{

	display:block;

	font-size:15px;

	line-height:35px;

	text-align:center;

	color:#999;

	}

.drwp .product .list_nav li:hover{

	color:#fff;

	background-color:#0063b5;

	transition: all 0.3s linear;

	}

.drwp .product .list_nav li:hover a{

	color:#fff;

	transition: all 0.3s linear;

	}

.drwp .product .list{

	margin-bottom:36px;

	}

.drwp .product .list li{

	float:left;

	width:calc(100%/3 - 16px);

	margin-right:24px;

	margin-bottom:24px;

	background-color:#fff;

	}
	.drwp .product .list li img{

	
 height:240px;
	

	}

.drwp .product .list li:hover{

	box-shadow: 0px 8px 20px #b3b3b3;

	background-color:#0063b5;

	transition: all 0.3s linear;

	}

.drwp .product .list li:hover h1{

	color:#fff;

	transition: all 0.3s linear;

	}

.drwp .product .list li:hover p{

	color:#fff;

	transition: all 0.3s linear;

	}

.drwp .product .list li:nth-child(3n+0){

	margin-right:0;

	}

.drwp .product .list li h1{

	color:#333;

	font-size:16px;

	width:90%;

	margin:30px auto 20px;

	text-align:center;

	font-weight:normal;

	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

	}	

.drwp .product .list li p{

	color:#999;

	font-size:14px;

	line-height:24px;

	height:48px;

	width:90%;

	margin:0 auto 30px;

	display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;

	}	



.drwp .news	{

	background-color:#fff;

	padding:60px 0;

	}

.drwp .news	.list {

	margin-bottom:30px;

	}

.drwp .news	.list li{

	float:left;

	width:calc(100%/2 - 15px);

	margin-right:30px;

	margin-bottom:30px;

	background-color:#f7f7f7;

	overflow:hidden;

	}

.drwp .news	.list li:hover{

	background-color:#fff;

	box-shadow: 0px 8px 20px #ccc;

	transition: all 0.3s linear;

	}

.drwp .news	.list li:nth-child(even){

	margin-right:0;

	}

.drwp .news	.list li a{

	padding:30px 20px;

    display:flex;

    justify-content:center;

    align-items:center;

	}

.drwp .news	.list li a>img{

	float:left;

	width:26%;

	}	

.drwp .news	.list li .txt{

	float:left;

	width:70%;

	margin-left:4%;

	}		

.drwp .news	.list li .txt h1{

	font-size:16px;

	color:#333;

	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;

	}

.drwp .news	.list li .txt p{

	font-size:14px;

	color:#999;

	line-height:24px;

	display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;

	}	



.drwp .see{

	height:400px;

	background-color:#003b6c;

	margin-bottom:175px;

	}

.drwp .see .center{

	padding-top:230px;

	}

.drwp .see .sbox{

	background-color:#0063b5;

	display:flex;

    justify-content:center;

    align-items:center;

	}

.drwp .see .sbox>img{

	margin-top:-30px;

	margin-left:30px;

	margin-bottom:30px;

	float:left;

	width:calc(87%/2 - 15px);

	}

.drwp .see .sbox .txt{

	float:left;

	margin-left:5%;

	margin-right:8%;

	width:calc(87%/2 - 15px);

	}

.drwp .see .sbox .txt h1{

    font-size: 36px;

    color: #fff;

	margin-bottom:40px;

    font-family: "BEBAS";

	}

.drwp .see .sbox .txt .p{

    font-size: 14px;

	line-height:24px;

	height:144px;

	overflow:hidden;

    color: #d9def0;

	margin-bottom:30px;

	}

.drwp .see .sbox .txt a{

	float:right;

	display:block;

    font-size: 20px;

	text-align:center;

	width:80px;

	height:40px;

	line-height:40px;

	color:#809ddf;

	border:1px solid #809ddf;

	}	

.drwp .see .sbox .txt a:hover{

	background-color:#fff;

	color:#0063b5;

	transition: all 0.3s linear;

	}



.drwp .honor{

	padding:60px 0 80px;

	}	
	.drwp .honor .list{margin-bottom: 30px;}

.drwp .honor .list li{

	float:left;

	width:calc(100%/4);

	overflow:hidden;

	}

.drwp .honor .list li:nth-child(4){

	margin-right:0;

	}

.drwp .honor .list li img{

	margin:0 auto;

	display:block;
	width: 98%;
    height: 180px;

	}

.drwp .honor .list li img:hover{

	transform: scale(1.05, 1.05);

	transition: transform 0.6s ease 0s;

	}	

	

		

@media (max-width:992px){

	.title h1{

	font-size:26px;

	}

	.title span{

	font-size:14px;

	margin: 5px 0 10px;

	}

	.title>img{

	margin-bottom:20px;

	}

	#more{

	width:110px;

	}

	#more span {

    width: 80px;

    height: 30px;

    line-height: 30px;

	}

	#more p {

    width: 30px;

    height: 30px;

    line-height: 30px;

	}

	

	.drwp .about {

    margin-top: -105px;

	}

	.drwp .product{

	padding:20px 0 40px;

	}

	.drwp .news	{

	padding:40px 0;

	}

	.drwp .honor{

	padding:40px 0;

	}

	

	.drwp .product .list_nav{

	display:none;

	}

	.drwp .product .list{

	margin-bottom:20px;

	}

	.drwp .product .list li{

	width: calc(100%/2 - 5px);

	margin-right: 10px;

    margin-bottom: 10px;

	}
		.drwp .product .list li img{

	
 height:150px;
	

	}

	.drwp .product .list li:nth-child(even){

	margin-right:0;

	}

	.drwp .product .list li:nth-child(3){

	margin-right:10px;

	}

	.drwp .product .list li h1{

	margin:15px auto 10px;

	}

	.drwp .product .list li p {

    margin: 0 auto 15px;

	}

	

	.drwp .news .title>img {

    margin-bottom: 30px;

	}

	.drwp .news .list{

	margin-bottom:0;

	}

	.drwp .news .list li{

	width:100%;

	margin-right:0;

	}

	.drwp .news .list li a{

	padding:15px;

	}

	

	.drwp .see .sbox .txt h1{

	font-size:26px;

	margin-bottom: 20px;

	}

	.drwp .see .sbox .txt p{

	margin-bottom: 30px;

	height:48px;

	}

	.drwp .see .sbox .txt a{

	width:60px;

	height:30px;

	line-height:30px;

	}

	

	.drwp .honor .list li{

	margin-right:20px;

	width:calc(100%/2 - 10px);

	margin-bottom:20px;

	}

	.drwp .honor .list li:nth-child(2){

	margin-right:0;

	}

	

}



@media (max-width:767px){

	.drwp .about {

    margin-top: -90px;

	}

	

	.drwp .see{

	height:auto;

	margin-bottom:0px;

	padding-bottom:30px;

	background-color:#0063b5;

	}

	.drwp .see .center{

	padding-top:30px;

	}

	.drwp .see .sbox{

	display:block;

	}

	.drwp .see .sbox>img{

	float:none;

	width:100%;

	margin:0 0 20px;

	}

	.drwp .see .sbox .txt{

	float:none;

	width:100%;

	margin:0;

	}

	.drwp .see .sbox .txt a{

	width:80px;

	height:30px;

	line-height:30px;

	float:left;

	}

}



@media (max-width:580px){

	.drwp .about {

    margin-top: -80px;

	}

	

	.drwp .news .list li a{

	padding:10px;

	}

}



@media (max-width:500px){

	.drwp .about {

    margin-top: -60px;

	}

}



@media (max-width:400px){

	.drwp .about {

    margin-top: -40px;

	}

}