@charset "utf-8";
/* CSS Document */
@font-face{font-family:"BEBAS";src:url("../font/BEBAS.woff2") format("woff2"),url("../font/BEBAS.woff") format("woff"),url("../font/BEBAS.ttf") format("truetype"),url("../font/BEBAS.eot") format("embedded-opentype"),url("../font/BEBAS.svg") format("svg");}

@font-face{font-family:"Impact";src:url("../font/Impact.woff2") format("woff2"),url("../font/Impact.woff") format("woff"),url("../font/Impact.ttf") format("truetype"),url("../font/Impact.eot") format("embedded-opentype"),url("../font/Impact.svg") 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: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:72px;
	overflow:hidden;
    color: #d9def0;
	margin-bottom:50px;
	}
.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 li{
	float:left;
	margin-right:15px;
	width:calc(100%/4 - 15px);
	overflow:hidden;
	
	}
.drwp .honor .list li:nth-child(4){
	margin-right:0;
	}
.drwp .honor .list li img{
	margin:0 auto;
	display:block;
	}
.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: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;
	}
}