@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;
}
.navboxs{width: 80%;}
.navoutwrap .navboxs .navs {
	width: 20%;
	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;
}
.box1{overflow: hidden;padding: 129px 0 149px 0;}
.box1 .warp{width: 1200px;margin: 0 auto;}
.box1 .warp .left img.a_img{width: 489px;}
.box1 .warp .left,
.box1 .warp .right{float: left;width: 50%;}
.box1 .warp .right .textbox{overflow-y: scroll;height: 252px;}
.box1 .warp .right .titlebox{margin-bottom: 74px;}
.box1 .warp .right .titlebox .etl{font-size: 40px;line-height: 40px;color: #005ba0;font-family: Bebas;margin-bottom: 30px;}
.box1 .warp .right .titlebox .ctl{font-size: 32px;line-height: 32px;color: #333;}
.box1 .warp .right .textbox p{font-size: 14px;color: #666;line-height: 28px;}
.box1 .warp .left .iconbox{margin-top: 80px;overflow: hidden;}
.box1 .warp .left .iconbox .icon{float: left;width: 33.33333%;position: relative;padding-bottom: 30px;}
.box1 .warp .left .iconbox .icon .big{text-align: center;font-size: 16px;color: rgba(0, 91, 160, 0.8);}
.box1 .warp .left .iconbox .icon .big .bspan{font-family: Bebas;font-size: 48px;color: #005ba0;}
.box1 .warp .left .iconbox .icon .small{margin-top: 10px;color: #878787;font-size: 12px;line-height: 20px;text-align: center;}
.box1 .warp .left .iconbox .icon .line{position: absolute;right: -6px;transition: all 1s;top: 0;height: 100%;}
.box1 .warp .left .iconbox .icon .line img{height: 100%;}
.box1 .warp .left .iconbox .icon:first-child .line{top: -112px;}
.box1 .warp .left .iconbox .icon:nth-child(2) .line{bottom: -112px;}
.box2 {
    padding: 125px 0 133px 0;
    background: #f0f2f5 ;
}

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

.box2 .wrap .tlbox {
    /*width: 180px;*/
    border-bottom: 1px solid #097bc8;
    position: absolute;
    left: 0;
    top: 0;
}

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

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

.box2 .wrap .left {
    overflow: hidden;
    width: 400px;
    float: left;
}

.box2 .wrap .left .info {
    display: none;
}

.box2 .wrap .left .info:first-child {
    display: block;
}

.box2 .wrap .left .timebox {
    font-size: 30px;
    font-family: Bebas;
    color: #005ba0;
    margin-top: 170px;
    margin-bottom: 45px;
}

.box2 .wrap .left .textbox p {
    font-size: 14px;
    line-height: 28px;
    color: #666;
}

.box2 .wrap .right {
    width: 650px;
    float: right;
}

.box2 .wrap .right .top .timebtn {
    width: 11%;
    float: left;
    font-family: Bebas;
    font-size: 24px;
    color: #aaa;
    cursor: pointer;
}

.box2 .wrap .right .top .timebtn .actspan {
    color: #005ba0;
    text-decoration: underline;
}

.box2 .wrap .right .bottom {
    margin-top: 60px;
}

.box3 {
    overflow: hidden;
    background: url(/images/about-10.png) no-repeat center center;
    position: relative;
}


.box3 .wrap {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

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


.box3 .wrap .tlbox .etl {
    font-size: 48px;
    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 .iconboxs {
    width: 1100px;
    margin: 70px auto 70px auto;
    overflow: hidden;
	display: flex;
	justify-content:center ;
}
.box3 .wrap .textbox{
	overflow-y: auto;
	height: 200px;
	margin: 15px auto;
	padding: 15px;
	width: 58%;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	border-radius: 10px;
	}
.box3 .wrap .textbox .img{
	width: 30%;
	float: left;
}
.box3 .wrap .textbox .img img{
	max-height:170px;
}
.box3 .wrap .textbox .info{
	float: right;
	width:70%;
	padding: 0 10px;
}
.box3 .wrap .textbox p{
	font-size: 14px;color: #666;line-height: 28px;
}
.box3 .wrap .iconboxs .icon {
   
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0 37px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}
.box3 .wrap .iconboxs .icon:hover {
	cursor: pointer;
	box-shadow: inset 0px 0px 35px 8px #005ba0;
}
.box3 .wrap .iconboxs .curr {

	box-shadow: inset 0px 0px 35px 8px #005ba0;
    
}
.box3 .wrap .iconboxs .icon .imgbox {
    width: 38px;
    height: 38px;
    margin: 32px auto 10px auto;
}

.box3 .wrap .iconboxs .icon .tl, .box3 .wrap .iconboxs .icon .text {
    text-align: center;
    color: #666;
}

.box3 .wrap .iconboxs .icon .tl {
    font-size: 24px;
    margin-bottom: 8px;
}

.box3 .wrap .iconboxs .icon .text {
    font-size: 14px;
    width: 140px;
    margin: 0 auto;
    
}

.box3 .wrap .iconboxs .icon:nth-child(2n+1) {
    margin-top: 43px;
}

.box3 .linebox {
    width: 1920px;
    height: 109px;
    background: url(../images/about-15.png) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 286px;
    z-index: 1;
}
.box4 {
    overflow: hidden;
    background: url(../images/home_bg4.jpg) no-repeat center center;
    position: relative;
}

.box4 .wrap {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

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

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

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

.box4 .wrap .iconboxs {
    width: 1100px;
    margin: 70px auto 70px auto;
    overflow: hidden;
	display: flex;
	justify-content:center ;
}
.box4 .wrap .textbox{
	overflow-y: auto;
	height: 300px;
	margin: 15px auto;
	padding: 15px;
	width: 58%;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
	border-radius: 10px;
	}
.box4 .wrap .textbox .img{
	width: 30%;
	float: left;
}
.box4 .wrap .textbox .img img{
	max-height:170px;
}
.box4 .wrap .textbox .info{
	float: right;
	width:70%;
	padding: 0 10px;
}
.box4 .wrap .textbox p{
	font-size: 14px;color: #666;line-height: 28px;
}
.box5 {
  background: #f0f2f5; background1: #f0f2f5 url(../images/proinfobg.jpg);
    overflow: hidden;
    padding-bottom: 75px;
}

.box5 .tlbox {
    margin-top: 99px;
    text-align: center;
}

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

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

.box5 .wrap {
    width: 1200px;
    margin: 0 auto;
}

.box5 .wrap #swiper1 {
    height: 420px;
    position: relative;
}

.box5 .wrap #swiper1 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box5 .wrap #swiper1 .swiper-slide p {
    display: none;
    text-align: center;
}

.box5 .wrap #swiper1 .swiper-slide img {
    width: 80%;
    margin: 0 auto;
    transition: all .3s;
    opacity: .7;
}

.box5 .wrap #swiper1 .swiper-slide-active img {
    width: 100%;
    opacity: 1;
}

.box5 .wrap #swiper1 .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    box-shadow: 0px 0px 18px 2px rgba(154, 154, 154, 0.25);
    cursor: pointer;
    transition: all .5s;
    background: #fff;
    z-index: 111;
}

.box5 .wrap #swiper1 .prevbtn1 {
    background-image: url(../images/about-18.png);
    left: 0;
}

.box5 .wrap #swiper1 .nextbtn1 {
    background-image: url(../images/about-19.png);
    right: 0;
}

.box5 .wrap #swiper1 .prevbtn1:hover {
    background-image: url(../images/about-21.png);
    box-shadow: none;
    background-color: #005ba0;
}

.box5 .wrap #swiper1 .nextbtn1:hover {
    background-image: url(../images/about-20.png);
    box-shadow: none;
    background-color: #005ba0;
}

.box5 .wrap .show p {
    display: none;
    font-size: 20px;
    color: #666;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}

.box5 .wrap .show p:first-child {
    display: block;
}





@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;
			    }
			
			    .box2 .wrap .left {
			        overflow: hidden;
			        width: 100%;
			        float: none;
			    }
			
			    .box2 .wrap .left .timebox {
			        font-size: 28px;
			        line-height: 30px;
			        margin-top: 22px;
			        margin-bottom: 22px;
			    }
			
			    .box2 .wrap .left .textbox p {
			        line-height: 24px;
			    }
			
			    .box2 .wrap .right {
			        width: 100%;
			        float: none;
			        margin-top: 22px;
			    }
			
			    .box2 .wrap .right .top .timebtn {
			        font-size: 16px;
			    }
			
			    .box2 .wrap .right .bottom {
			        margin-top: 44px;
			    }
			
			    .box2 .wrap .right .bottom img {
			        width: 100%;
			    }
				.box3 {
				        overflow: hidden;
				        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 .iconboxs {
				        width: 86%;
				        margin: 44px auto 50px auto;
				        overflow: hidden;
						display: flex;
						justify-content:space-between ;
				    }
				
				    .box3 .wrap .iconboxs .icon {
				        width: 110px;
				        height: 110px;
				        margin: 0;
				        
				    }
				
				    .box3 .wrap .iconboxs .icon .imgbox {
				        width: 30px;
				        height: 30px;
				        margin: 16% auto 8% auto;
				    }
				
				    .box3 .wrap .iconboxs .icon .imgbox img {
				        width: 100%;
				    }
				
				    .box3 .wrap .iconboxs .icon .text {
				        width: 80%;
				        line-height: 24px;
						display: none;
				    }
				.box3 .wrap .iconboxs .icon .tl {
				    
				    font-size: 1rem;
				}
				    .box3 .wrap .iconboxs .icon:nth-child(2n+1) {
				        margin-top: 0;
				    }
				
				    .box3 .wrap .iconboxs .icon:nth-child(2n) {
				        margin-right: 0;
				    }
				
				    .box3 .linebox {
				        display: none;
				    }
					.box3 .wrap .textbox {
					   
					    height: 200px;
					    width: 88%;
					    
					}
					.box3 .wrap .textbox .img {
					   
					    float: none;
					    width:80%;
						margin: 5px auto;
					    
					}
					.box3 .wrap .textbox .info {
					    width:80%;
						margin: 0 auto;
					    float: none;
					    
					    
					}
					.box4 {
					        overflow: hidden;
					        background: url(../images/home_bg4.jpg) no-repeat center center;
					        background-size: auto 100%;
					        position: relative;
					    }
					
					    .box4 .wrap {
					        margin-top: 44px;
					        position: relative;
					        z-index: 2;
					    }
					
					    .box4 .wrap .tlbox {
					        text-align: center;
					    }
					
					    .box4 .wrap .tlbox .etl {
					        font-size: 28px;
					        color: #005ba0;
					        line-height: 30px;
					        margin-bottom: 8px;
					    }
					
					    .box4 .wrap .tlbox .ctl {
					        font-size: 16px;
					        line-height: 18px;
					    }
						.box4 .wrap .textbox {
						   
						    height: 200px;
						    width: 88%;
						    
						}
						.box4 .wrap .textbox .img {
						   
						    float: none;
						    width:80%;
							margin: 5px auto;
						    
						}
						.box4 .wrap .textbox .info {
						    width:80%;
							margin: 0 auto;
						    float: none;
						    
						    
						}
						.box5 {
						        background: #f0f2f5;
						        overflow: hidden;
						        padding-bottom: 75px;
						    }
						
						    .box5 .tlbox {
						        text-align: center;
						        margin-top: 44px;
						    }
						
						    .box5 .tlbox .etl {
						        color: #005ba0;
						        font-size: 28px;
						        line-height: 30px;
						        margin-bottom: 8px;
						    }
						
						    .box5 .tlbox .ctl {
						        color: #333;
						        font-size: 16px;
						        line-height: 20px;
						    }
						
						    .box5 .wrap {
						        width: 90%;
						        margin-top: 22px;
						    }
						
						    .box5 .wrap #swiper1 {
						        height: auto;
						    }
						
						    .box5 .wrap #swiper1 .swiper-slide {
						        display: block;
						    }
						
						    .box5 .wrap #swiper1 .swiper-slide p {
						        display: block;
						        line-height: 36px;
						        font-size: 14px;
						        color: #666;
						    }
						
						    .box5 .wrap #swiper1 .swiper-slide img {
						        width: 100%;
						    }
						
						    .box5 .wrap #swiper1 .swiper-slide-active img {
						        width: 100%;
						        opacity: 1;
						    }
						
						    .box5 .wrap #swiper1 .btn {
						        display: none;
						    }
						
						    .box5 .wrap .show {
						        display: none;
						    }
}
@media screen and (min-width: 100px) and (max-width: 769px) {
    .box1 .warp .left .iconbox .icon .big .bspan {
        font-size: 30px;
    }
	
}