@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,html{
	height:100%;
	}
.banner{
	height:100%;
	position:relative;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.banner .center{
	bottom:0;
	position:absolute;
	z-index:99;
	}
.banner .list{
	overflow:hidden;
	border:1px solid rgba(256,256,256,0.2);
	border-bottom:none;
	}
.banner .list li{
	text-align:center;
	line-height:100px;
	width:calc(100%/3 - 0.7px);
	border-right:1px solid rgba(256,256,256,0.2);
	float:left;
	height:100px;
	background-color:rgba(19,52,104,0.6);
	}
.banner .list li:last-child{
	border:none;
	}
.banner .list li a{
	display:block;
	font-size:18px;
	color:#fff;
	}
.banner .list li:hover{
	background: -webkit-linear-gradient(180deg, #4176c9 0%, #15376c 100%);
    background: -o-linear-gradient(180deg, #4176c9 0%, #15376c 100%);
    background: -moz-linear-gradient(180deg, #4176c9 0%, #15376c 100%);
    background: linear-gradient(180deg, #4176c9 0%, #15376c 100%);
	transition: all 0.3s linear;
	}

.drwp .one{
	padding:60px 0;
	overflow:hidden;
	}
.drwp .one .left{
	width:100%;
	}
.drwp .one .left .list{
	overflow:hidden;
	}
.drwp .one .left li{
	float:left;
	width:calc(100%/4 - 30px);
	margin-right:40px;
	text-align:center;
	}
.drwp .one .left li:nth-child(1){
	margin-bottom:80px;
	}
.drwp .one .left li:nth-child(2){
	margin-bottom:80px;
	}
.drwp .one .left li:nth-child(3){
	margin-bottom:80px;
	}
.drwp .one .left li:nth-child(4){
	margin-bottom:80px;
	}
.drwp .one .left li:nth-child(4n+0){
	margin-right:0;
	}
.drwp .one .left li p{
	font-size:18px;
	line-height:18px;
	height:18px;
	color:#666;
	margin-top:15px;
	}
.drwp .one .right{
	float:left;
	width:45%;
	margin-left:5%;
	}
.drwp .one .right h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	margin:20px 0 25px;
	}
.drwp .one .right p{
	font-size:15px;
	line-height:28px;
	color:#666;
	}
	
.drwp .two{
	padding:80px 0 100px;
	background:url(../images/two_bg.jpg);
	}	
.drwp .two .title{
	margin-bottom:150px;
	}
.drwp .two .title h1{
	font-size:42px;
	color:#133468;
	font-weight:normal;
	}	
.drwp .two .title p{
	font-size:18px;
	color:#fff;
	margin-top:10px;
	text-shadow: black 0.1em 0.1em 0.2em
	}
.drwp .gg .center{	   
	overflow: hidden;
	}
.drwp .gg .list{
	float:left;
	margin:0 2%;
	width: calc(60%/4 - 3px);
	position:relative;
	}
.drwp .gg .xian{
	float:left;
	margin:5px 4% 0;
	width:1px;
	height:100px;
	background-color:rgba(256,256,256,0.4);
	}	
.drwp .gg .list h1.jumbo {
	font-size: 70px;
	line-height:70px;
	color: #fff;
	text-align:center;
	font-weight:normal;
	font-family: "BEBAS";
	}
.drwp .gg .list p.a{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	font-family: "BEBAS";
	}
.drwp .gg .list1 p.a{
	right:-8px;
	}
.drwp .gg .list2 p.a{
	font-size:30px;
	right:10px;
	line-height:24px;
	}
.drwp .gg .list3 p.a{
	font-size:30px;
	right:10px;
	line-height:24px;
	}
.drwp .gg .list4 p.a{
	font-size:30px;
	right:22px;
	line-height:24px;
	}
.drwp .gg .list p.b{
	font-size:16px;
	color:#fff;
	text-align:center;
	font-family: "BEBAS";
	margin-top:15px;
	}	
	
.drwp .three{
	padding:60px 0 60px;
	}
.drwp .three .title{
	margin-bottom:40px;
	}
.drwp .three .title h1{
	font-size:42px;
	color:#133468;
	text-align:center;
	font-weight:normal;
	}	
.drwp .three .title .xian{
	margin:20px auto 0;
	width:80px;
	height:3px;
	background-color:#133468;
	}
.drwp .three .list{
	overflow:hidden;
	}
.drwp .three .list li{
	float:left;
	width:calc(100%/6 - 17px);
	margin-right:18px;
	background-color:#fafafa;
	border-radius:5px;
	border:1px solid #ccc;
	height:80px;
	margin-bottom:18px;
	}
.drwp .three .list li:nth-child(6n+0){
	margin-right:0;
	}
.drwp .three .list li a{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	height:100%;
	}
.drwp .three .list li p{
	font-size:16px;
	color:#666;
	float:left;
	}
.drwp .three .list li img{
	float:left;
	margin-right:10px;
	}
.drwp .three .list li .img2{
	display:none;
	}
.drwp .three .list li:hover .img2{
	display:block;
	}
.drwp .three .list li:hover .img1{
	display:none;
	}
.drwp .three .list li:hover p{
	color:#133468;
	transition: all 0.3s linear;
	}
	
@media (max-width:1299px){	
.drwp .gg .list1 p.a {
    right: -20px;
	}
.drwp .gg .list2 p.a{
	right:-2px;
	}
.drwp .gg .list3 p.a{
	right:2px;
	}
.drwp .gg .list4 p.a{
    right: 8px;
	}
}
@media (max-width:1099px){	
.drwp .gg .list1 p.a {
    right: -3px;
	}
.drwp .gg .list2 p.a{
	right:-10px;
	}
.drwp .gg .list3 p.a{
	right:-5px;
	}
.drwp .gg .list4 p.a{
    right: 0;
	}
}

@media (max-width: 996px){ 
.banner{
	display:block;
	height:auto;
	}
.banner .center {
    margin-left: 5%;
	}
.banner .list li{
	height:50px;
	line-height:50px;
	}
.banner .list li a{
	font-size:14px;
	}

.drwp .one{
	padding:30px 0;
	}	
.drwp .one .left{
    float: none;
    width: 100%;
	}	
.drwp .one .left li p{
	font-size:16px;
	line-height:16px;
	height:16px;
	}
.drwp .one .right{
    float: none;
    width: 100%;
	margin-left:0;
	margin-top:40px;
	}	
.drwp .one .right img{
	width:40%;
	}
.drwp .one .right h1{
	font-size:20px;
	margin:15px 0 20px;
	}
.drwp .one .right p{
	line-height:24px;
	}

.drwp .two{
	padding:40px 0;
	background:url(../images/two_bg.jpg);
	}	
.drwp .two .title{
	margin-bottom:40px;
	}
.drwp .two .title h1{
	font-size:24px;
	}	
.drwp .two .title p{
	font-size:14px;
	line-height:24px;
	margin-top:8px;
	}	
.drwp .gg .list{
    width: calc(73%/4 - 3px);
	}
.drwp .gg .xian{    
	margin: 0 2% 0;
    height: 62px;
	}
.drwp .gg .list h1.jumbo{
	font-size:32px;
	line-height:32px;
	}
.drwp .gg .list p.b{
	font-size:14px;
	margin-top:10px;
	}
.drwp .gg .list p.a{
	font-size:14px;
	line-height:14px;
	right: 10px;
	}
.drwp .gg .list2 p.a{
	font-size:14px;
	line-height:14px;
	right: 25px;
	}
.drwp .gg .list3 p.a{
	font-size:14px;
	line-height:14px;
	right: 20px;
	}
.drwp .gg .list4 p.a{
	font-size:14px;
	line-height:14px;
	right: 8px;
	}
	
.drwp .three{
	padding:30px 0 20px;
	}
.drwp .three .title{
	margin-bottom:20px;
	}
.drwp .three .title h1{
	font-size:24px;
	}
.drwp .three .title .xian{
	margin:10px auto 0;
	width:60px;
	height:2px;
	}
.drwp .three .list li{
	width:calc(100%/3 - 12px);
	margin-right:15px;
	height:60px;
	margin-bottom:15px;
	}
.drwp .three .list li:nth-child(6n+0){
	margin-right:15px;
	}
.drwp .three .list li:nth-child(3n+0){
	margin-right:0;
	}
.drwp .three .list li p{
	font-size:15px;
	}	
.drwp .three .list li img{
	width:22px;
	margin-right:8px;
	}
}

@media (max-width:767px){	
.drwp .gg .xian{margin: 12.5px 4% 0;}
.drwp .gg .list h1.jumbo {
    font-size: 40px;
	line-height:40px;
}	
.drwp .gg .list p.a{
	font-size:22px;
	line-height:22px;
	}	
.drwp .gg .list1 p.a{
	right:12px;
	line-height:14px;
	font-size:14px;
	}
.drwp .gg .list2 p.a{
	right:20px;
	}
.drwp .gg .list3 p.a{
	right:24px;
	}
.drwp .gg .list4 p.a{
	right:23px;
	}
.drwp .gg .list{
	margin: 0 2% 20px;
	width: calc(84%/2 - 3px);
	}
.drwp .gg .xian:nth-child(4){
	display:none;
	}
}

@media (max-width: 599px){
	
.banner .list li{
	padding-top:5px;
	height:55px;
	line-height:24px;
	}
	
.drwp .one .right img{
	width:55%;
	}
.drwp .one .right h1{
	margin:10px 0 15px;
	}
.drwp .one .left li{
	width: calc(100%/2 - 10px);
	margin-right:20px;
	margin-bottom:20px!important;
	}
.drwp .one .left li:nth-child(4n+0){
	margin-right:20px;
	}
.drwp .one .left li:nth-child(even){
	margin-right:0;
	}

 .drwp .three .list li{
	width:calc(100%/2 - 9.5px);
	height:60px;
	}
.drwp .three .list li:nth-child(3n+0){
	margin-right:15px;
	}
.drwp .three .list li:nth-child(even){
	margin-right:0;
	}
}

@media (max-width: 499px){
.drwp .one .left li p {
    font-size: 13px;
    line-height: 13px;
    height: 13px;
	margin-top:10px;
	}
}