@font-face {
	font-family: "Bebas";
	src: url("../fonts/Bebas.eot");
	/* IE9 */
	src: url("../fonts/Bebas.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/Bebas.woff") format("woff"), /* chrome、firefox */
	url("../fonts/Bebas.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
	url("../fonts/Bebas.svg#Bebas") format("svg");
	/* iOS 4.1- */
	font-style: normal;
	font-weight: normal;
}
::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-thumb {
	background: #097bc8;
}

::-webkit-scrollbar-track {
	background: #ECECEC;
}
img {
    display: block;
}
.clearfix:after {
	clear: both;
	overflow: hidden;
	content: "";
	height: 1px;
	display: block;
}

.clearfix {
	*zoom: 1;
}

.pcbanner {
	width: 100%;
}


.navoutwrap {
	box-shadow: 0px 8px 15px 0px rgba(170, 170, 170, 0.15);
}

.navoutwrap .navboxs {
	background: #fff;
	text-align: center;
	font-size: 0;
	margin: 0 auto;
	display: flex;
}
.navboxs{width: 80%;}
.navoutwrap .navboxs .navs {
	flex: auto;
	height: 60px;
	display: block;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	border-right: 1px solid #e5e5e5;
	box-sizing: border-box;
	float: left;
	transition: all .3s;
}

.navoutwrap .navboxs .navs:first-child {
	border-left: 1px solid #E5E5E5;
}

.navoutwrap .navboxs .navs:hover,
.navoutwrap .navboxs .actnavs {
	color: #fff;
	background: #005ba0;
}
/*列表*/
.lists-content ul.ul li {
    float: left;
    width: 49%;
    height: 70px;
    line-height: 70px;
    padding: 0 35px 0 80px;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.lists-content ul.ul li:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 22px;
    background: url(../images/h.png) no-repeat;
    padding: 15px 12px;
}
.lists-content ul.ul li a {
    display: block;
}
.lists-content ul.ul li p.p {
    float: left;
    width: 80%;
    color: #333;
    height: 73px;
}
.lists-content ul.ul li p.p span {
    padding-right: 30px;
    color: #999;
    font-size: 24px;
}
.lists-content ul.ul li i {
    float: right;
    color: #666;
    font-size: 24px;
}
.lists-content ul.ul li:nth-child(2n) {
    float: right;
}
.lists-content ul.ul li:hover {
    background-color: #1fb9ea;
}
.lists-content ul.ul li:hover:before {
    background: url(../images/w.png) no-repeat;
}
.lists-content ul.ul li:hover p.p {
    color: #fff;
}
.lists-content ul.ul li:hover p.p span {
    color: #fff;
}
.lists-content ul.ul li:hover i {
    color: #fff;
}
/* 分页 */
.lists-content .PageBox{padding:75px 0 100px;}
.lists-content .PageBox .Pages{text-align:center;}
.lists-content .PageBox .Pages a{padding:8px 10px;color:#333;font-size:14px;margin:0 3px;transition:all .5s;box-shadow:0 0 5px rgba(51,51,51,.1);}
.lists-content .PageBox .Pages a:hover,
.lists-content .PageBox .Pages a.a_cur{background-color:#00a0d9!important;color:#fff;}
.lists-content .PageBox .Pages .num{font-style:normal;}
.lists-content .PageBox .Pages .num a{display:none;}
.lists-content .PageBox .Pages .a_prev,
.lists-content .PageBox .Pages .a_next{
  display: inline-block;
  width: 84px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  font-size: 1rem;
  font-family: auto;
  /* background: url(../cn/images/prevPages.png) no-repeat center/16px; */
  vertical-align: middle;
}
.lists-content .PageBox .Pages .a_prev img,
.lists-content .PageBox .Pages .a_next img{
  vertical-align: middle;
}
.lists-content .PageBox .Pages .a_prev:hover img,
.lists-content .PageBox .Pages .a_next:hover img{
  filter: brightness(100);
}
.box1{overflow: hidden;padding: 129px 0 149px 0; background-color: #f8f8f8;}
.box1 .warp{width: 1200px;margin: 0 auto;}

.box1 .warp .list .textbox{height: auto;}
.box1 .warp .list .titlebox{margin-bottom: 74px;}
.box1 .warp .list .titlebox .etl{font-size: 40px;line-height: 40px;color: #005ba0;font-family: Bebas;margin-bottom: 30px;}
.box1 .warp .list .titlebox .ctl{font-size: 32px;line-height: 32px;color: #333;}

.box2 {
    padding: 25px 0 133px 0;
    background: #f0f2f5 ;
}

.box2 .wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.box2 .wrap .tlbox {
    /*width: 180px;*/
    
}

.box2 .wrap .tlbox .etl {
    font-size: 40px;
    line-height: 40px;
    color: #005ba0;
    font-family: Bebas;
    margin-bottom: 30px;
}

.box2 .wrap .tlbox .ctl {
    font-size: 32px;
    color: #333;
    line-height: 32px;
    margin-bottom: 23px;
}



.box3 {
    
    background: url(../images/index1.jpg) no-repeat center/cover;
    position: relative;
	
}

.box3 .wrap {
    position: relative;
    z-index: 2;
	padding: 20px;
}

.box3 .wrap .tlbox {
    text-align: center;
}

.box3 .wrap .tlbox .etl {
    font-size: 40px;
    color: #005ba0;
    line-height: 48px;
    margin-bottom: 30px;
	font-family: bebas;
}

.box3 .wrap .tlbox .ctl {
    font-size: 32px;
    color: #333;
    line-height: 32px;
}


.box3 .wrap .textbox{
	
	height: auto;
	margin: 15px auto;
	padding: 15px;
	width: 68%;
	
	}
.lists-content ul#ul2 li:before,.lists-content ul#ul3 li:before {
	background-color: gray;
	background-image: none;
	-webkit-mask-image: url(../images/chat-square-text-fill.svg);
	mask-image: url(../images/chat-square-text-fill.svg);    
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width:24px;
	height: 24px;
	top: 28px;
}
.lists-content ul#ul2 li:hover:before,.lists-content ul#ul3 li:hover:before {
	background-color: white;

}
.lists-content #ul2 li i,.lists-content #ul3 li i {
	display: block;
	background-color: gray;
	background-image: none;
	-webkit-mask-image: url(../images/eye.svg);
	mask-image: url(../images/eye.svg);    
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	width:24px;
	height: 24px;
	margin-top: 28px;
}
.lists-content #ul2 li:hover i,.lists-content #ul3 li:hover i{
	background-color: white;
}



@media screen and (min-width: 100px) and (max-width: 1024px) {
	.navoutwrap {
	    display: none;
	}
	.navoutwrap .navboxs {
			width: 100%!important;
			margin: 0 auto;
		}
		.navoutwrap .navboxs .navs {
			width: 50%!important;
			height: 36px;
			line-height: 36px;
			border-bottom: 1px solid #E5E5E5!important;
			font-size: 16px;
		}
		.navoutwrap .navboxs .actnavs {
			color: #fff!important;
			background: #005ba0!important;
		}
		.navoutwrap .navboxs .navs:nth-child(2n) {
			border-right: none;
		}
		.navoutwrap .navboxs .navs:nth-child(2n+1) {
			border-left: none;
		}
		.box1 {
		        overflow: hidden;
		        padding: 44px 0 44px 0;
		    }
		
		    .box1 .warp {
		        width: 90%;
		    }
		
		    .box1 .warp .left,.box1 .warp .right {
		        float: none;
		        width: 100%;
		    }
		 .box1 .warp .left,.box1 .warp .right {
		        float: none;
		        width: 100%;
		    }
		.box1 .warp .right {
		    margin-top: 0;
		}
		.box1 .warp  .pcbanner .a_img {
		    display: none;
		}
		.box1 .warp .right .titlebox {
		    margin-bottom: 22px;
		}
		.box1 .warp .right .titlebox .etl {
		        font-size: 26px;
		        line-height: 30px;
		        margin: 8px 0;
		    }
		
		    .box1 .warp .right .titlebox .ctl {
		        font-size: 22px;
		        line-height: 18px;
		    }
		
		    .box1 .warp .right .textbox p {
		        line-height: 24px;
		    }
		
		    .box1 .warp .left .iconbox {
		        margin-top: 22px;
		    }
		
		    .box1 .warp .left .iconbox .icon {
		        padding-top: 8px;
		        padding-bottom: 30px;
		    }
		
		    .box1 .warp .left .iconbox .icon .big {
		        font-size: 14px;
		    }
		
		    .box1 .warp .left .iconbox .icon .big .bspan {
		        font-size: 42px;
		    }
		
		    .box1 .warp .left img {
		        width: 100%;
		    }
			    .box2 {
			        padding: 44px 0 44px 0;
			    }
			
			    .box2 .wrap {
			        width: 90%;
			    }
			
			    .box2 .wrap .tlbox {
			       
			        border-bottom: 1px solid #097bc8;
			        position: relative;
			    }
			
			    .box2 .wrap .tlbox .etl {
			        font-size: 28px;
			        line-height: 30px;
			        color: #ddd;
			        font-family: Bebas;
			        margin-bottom: 8px;
			    }
			
			    .box2 .wrap .tlbox .ctl {
			        font-size: 16px;
			        color: #333;
			        line-height: 18px;
			        margin-bottom: 8px;
			    }
			
			    
				.box3 {
				        
				        background: url(../images/52b7f8031c73f80fe7206f22e33d8124.jpg) no-repeat center center;
				        background-size: auto 100%;
				        position: relative;
				    }
				
				    .box3 .wrap {
				        margin-top: 44px;
				        position: relative;
				        z-index: 2;
				    }
				
				    .box3 .wrap .tlbox {
				        text-align: center;
				    }
				
				    .box3 .wrap .tlbox .etl {
				        font-size: 28px;
				        color: #005ba0;
				        line-height: 30px;
				        margin-bottom: 8px;
				    }
				
				    .box3 .wrap .tlbox .ctl {
				        font-size: 16px;
				        line-height: 18px;
				    }
				
			
					.box3 .wrap .textbox {
					   
					    height: auto;
					    width: 88%;
					    
					}
					
					
}
@media screen and (max-width: 980px){
	.box1 .warp .list .titlebox {
		margin-bottom: 0;
	}
	.box1 .warp .list .titlebox .etl {
	    font-size: 34px;
	}
	.lists-content ul.ul li {
		padding: 0 15px;
		margin-bottom: 10px;
		height: 50px;
		line-height: 50px;
	}
	.lists-content ul.ul li p.p {
		height: 50px;
		padding-left: 40px;
	}
	.lists-content ul.ul li:before {
		top: 12px;
		left: 15px;
	}
	.lists-content .PageBox {
		padding: 30px 0 10px;
	}
.lists-content ul#ul2 li:before,.lists-content ul#ul3 li:before {
	top:14px;
}
.lists-content ul#ul2 li i,.lists-content ul#ul3 li i {
	margin-top:14px;
}

}
@media screen and (max-width: 769px){
.lists-content  ul.ul li {
    width: 100%;
}
}
@media screen and (min-width:768px){
  .lists-content .PageBox .Pages a{padding:10px 15px;}
  .lists-content .PageBox .Pages .num a{display:inline-block;padding:8px 15px;}
}
@media screen and (min-width: 100px) and (max-width: 440px) {
    .box1 .warp .left .iconbox .icon .big .bspan {
        font-size: 30px;
    }
}