@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");}

.title{	text-align:center;}
.title h1{display: inline-block;font-size:30px;background:
	-webkit-linear-gradient(left, #134a9b 0% , #134a9b 50% , #666 50% , #666 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
.title span{font-size:15px;margin:5px 0 60px; display:block;color:#999;}

.drwp .about{margin-top: -3px;background:url(../images/about_bg.png) no-repeat center/cover;overflow:hidden;padding:60px 0 80px;}
.drwp .about .center{display: flex;justify-content: center;align-items: center;}
.drwp .about .title{width:46%;margin-right:6%;float:left;text-align:left;}
.drwp .about .title p{font-size:16px;line-height:30px;color:#666;}
.drwp .about .title a{margin-top:50px;width:150px;height:40px;display:block;text-align:center;line-height:40px;	font-size:15px;color:#134a9b;border-radius:22.5px;border:1px solid #134a9b;}
.drwp .about .title a:hover{color:#fff;background-color:#134a9b;transition:all 0.3s linear;}
.drwp .about .i_about{width:48%;float:right;}
.drwp .about .wap_about{display:none;width:100%;margin-bottom:10px;}

.drwp .product{padding:60px 0;}
.drwp .product .list_nav{overflow:hidden;display:flex;   justify-content:center; align-items:center;	}
.drwp .product .list_nav li{float:left;	margin:0 22px; font-size:16px;}	
.drwp .product .list_nav li:hover a{color:#134a9b;transition:all 0.3s linear; font-size:16px;}
.drwp .product .list_nav .ative a{color:#134a9b; font-size:16px;font-weight:bold;}
.drwp .product .list{overflow:hidden;margin-top:20px;}
.drwp .product .list li{float:left;width:calc(100%/4 - 15px);margin-top:20px;margin-right:20px;	}	
.drwp .product .list li:nth-child(4n+0){margin-right:0;}	
.drwp .product .list li:hover{background-color:#134a9b;transition:all 0.3s linear;}
.drwp .product .list li:hover h1{color:#fff;transition:all 0.3s linear;}
.drwp .product .list li:hover span{color:#fff;transition:all 0.3s linear;}
.drwp .product .list li a{display:block;border-bottom:2px solid #134a9b;}
.drwp .product .list li .img{background-color:#f8f8f8;}
.drwp .product .list li .img>img{width:100%;}
.drwp .product .list li h1{width:90%;margin:20px auto 10px;text-align:center;font-size:18px;line-height:1;color:#333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .product .list li span{width:90%;margin:0 auto 15px;text-align:center;font-size:14px;line-height:1;color:#666;display:block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .product .list>a:hover {color: #fff; background-color: #134a9b; transition: all 0.3s linear;}
.drwp .product .list>a {margin:50px auto 0;width: 150px;height: 40px;display: block;text-align: center;line-height: 40px;font-size: 15px;color: #134a9b;border-radius: 22.5px;border: 1px solid #134a9b;}

.drwp .gg{background:url(../images/gg.jpg) no-repeat center/cover;padding:60px 0;}
.drwp .gg p{font-size:24px;color:#fff;text-align:center;}
.drwp .gg span{font-size:32px;font-weight:bold;color:#fff;text-align:center;display:block;letter-spacing:1px;margin:6px 0;}
	
.drwp .tech{padding:60px 0;}	
.drwp .tech .title span {font-size: 15px;margin: 5px 0 40px;}
.drwp .tech .title p{width: 90%;margin: 0 auto;font-size:14px;color:#666;line-height:24px;}
.drwp .tech .list{margin-top:40px;}
.drwp .tech .list li{padding: 4% 2% 3%;float:left;width:calc(100%/4 - 15px - 4%);margin-right:20px;background-color:#f8f8f8;}
.drwp .tech .list li:nth-child(4){margin-right:0;}
.drwp .tech .list li:hover{background-color:#fff;transition:all 0.3s linear;box-shadow:0 0 20px #ccc;}	
.drwp .tech .list li:hover span{color:#134a9b;transition:all 0.3s linear;}	
.drwp .tech .list li img{display:block;margin:0 auto 30px;}
.drwp .tech .list li h1{text-align:center;font-size:18px;color:#333;}
.drwp .tech .list li .xian{	height:2px;	width:60px;	background-color:#134a9b;margin:20px auto;}
.drwp .tech .list li p{font-size:14px;line-height:24px;color:#999;}
.drwp .tech .list li span{display:block;text-align:center;font-size:14px;color:#999;margin-top:20px;}
	
.drwp .news{background:url(../images/new_bg.jpg) no-repeat center/cover;padding:60px 0;}	
.drwp .news	.list{overflow:hidden;}	
.drwp .news	.list .left{overflow:hidden;float:left;margin-right:20px;width:calc(100%/2 - 10px);background-color:#fff;}
.drwp .news	.list .left .img{width:100%;height:189px;}
.drwp .news	.list .left .txt{padding:30px 20px;}
.drwp .news	.list .left .txt .top{overflow:hidden;}
.drwp .news	.list .left .txt .top h1{font-size:16px;font-weight:normal;	color:#333;	float:left;	width:80%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .news	.list .left .txt .top span{font-size:24px;display:block;color:#999;float:right;font-family: Impact;}
.drwp .news	.list .left .txt .bot{margin-top:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.drwp .news	.list .left .txt .bot .p{width:calc(100% - 56px);font-size:14px;line-height:24px;font-weight:normal;color:#999;float:left;margin-right:10px;height:72px;overflow:hidden;}
.drwp .news	.list .left .txt .bot>img{float:right;width:46px;	}
.drwp .news	.list .left a:hover .top h1{color:#134a9b;transition:all 0.3s linear;}
.drwp .news	.list .left a:hover .img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.drwp .news	.list .right{float:right;width:calc(100%/2 - 10px);background-color:#fff;}
.drwp .news	.list .right li{background-color:#fff;	margin:20px;padding-bottom:20px;border-bottom:1px solid #e9e9e9;}
.drwp .news	.list .right li:last-child{	margin:20px 20px 0;	border-bottom:none;	}
.drwp .news	.list .right .txt .top{	overflow:hidden;}
.drwp .news	.list .right li:hover .top h1{color:#134a9b;transition:all 0.3s linear;}
.drwp .news	.list .right .txt .top h1{font-size:16px;font-weight:normal;color:#333;	float:left;	width:80%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .news	.list .right .txt .top span{font-size:24px;display:block;color:#999;float:right;font-family: Impact;}
.drwp .news	.list .right .txt .bot{margin-top:5px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.drwp .news	.list .right .txt .bot .p{width:calc(100% - 56px);font-size:14px;line-height:24px;height:48px;overflow:hidden;font-weight:normal;color:#999;float:left;margin-right:10px;}
.drwp .news	.list .right .txt .bot>img{	float:right;width:46px;	}

@media (max-width:992px){
	.title h1{font-size:24px;}
	.title span{font-size:14px;margin: 5px 0 30px;	}
	.drwp .about{padding: 40px 0;	}
	.drwp .product{padding:40px 0;	}
	.drwp .gg{	padding:60px 0;	}
	.drwp .tech{padding:40px 0;	}
	.drwp .news{padding:40px 0;}	
	.drwp .about .center {display:block;}
	.drwp .about .title{width:100%;margin-right:0;float:none;text-align:center;}
	.drwp .about .title a{margin:30px auto 0; width: 120px;height: 30px;line-height: 30px;}
	.drwp .about .wap_about{display:block;}
	.drwp .about .i_about{display:none;	width:100%;	float:none;	}
	.drwp .product .list_nav{display:none;}
	.drwp .product .list li{float:left;width:calc(100%/2 - 10px);margin-top:20px;margin-right:20px;	}	
	.drwp .product .list li:nth-child(even){margin-right:0;}	
	.drwp .product .list li h1{	font-size:16px;}
	.drwp .product .list {margin: 0 auto;}
	.drwp .product .list>a{margin:30px auto 0;width: 120px;height: 30px;line-height: 30px;}
	.drwp .gg p{font-size:16px;}
	.drwp .gg span{font-size:24px;}
	.drwp .tech .list {margin-top: 20px;}
	.drwp .tech .list li{width:calc(100%/2 - 10px - 4%);margin-top:20px;}
	.drwp .tech .list li:nth-child(even){margin-right:0;}
	.drwp .tech .list li img{width:50px;margin: 0 auto 20px;}
	.drwp .tech .list li h1{font-size: 16px;}
	.drwp .tech .title span {margin: 5px 0 30px;}
	.drwp .news	.list .left{width:100%;float:none;}
	.drwp .news	.list .right{width:100%;float:none;margin-top:20px;padding-top:1px;}
	
}
@media (max-width:767px){
	.drwp .product .list li h1{font-size:14px;}
	.drwp .product .list li span{font-size:12px;}
}
@media (max-width:460px){
	.drwp .tech .list li p{display:none;}
	.drwp .tech .list li span{display:none;}
	.drwp .tech .list li .xian{margin: 20px auto 0;}
	.drwp .tech .list li {padding: 5% 2% 4%;}
}