@charset "utf-8";

html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0; font-size:14px; color:#333;font-family: frutigernext, " ", Arial, Helvetica, sans-serif;font-weight: normal;}
a{font-size:14px; color:#333; text-decoration:none}
a:hover{color:#0058AA; text-decoration:non}
*{margin:0; padding:0;}
ul,li{list-style:none;margin:0; padding:0;}
.wapper{width:1250px; margin:auto;}
.clear{clear:both; margin:0; padding:0;}
#body{line-height:36px; padding-top:30px; font-size:16px;}
.fl{ float:left;}
.fr{ float:right;}
.bg{ background-color:#F9F9F9; width:100%; overflow:hidden;}
.dbt{line-height:30px; padding-top:60px; font-size:20px; font-weight:bold; color:#ea5514; text-align:center;}
.zz{ text-align:center; color:#999999; text-align:center;margin-top:20px;}
.gd{ clear:both; height:50px;}
*{
	box-sizing: border-box;
}

/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}



/* top */
.top{ width:100%; height:26px; background-color:#F8F8F8; border-bottom:1px solid #E0E0E0;}


/* logo */
.logo{ margin-top:20px;}
.ssk{ width:200px; height:28px; border:1px solid #A9A9A9; float:left; font-size:14px; color:#666666;}
.ssan{ font-size:12px; color:#FFFFFF; background-color:#0058AA; height:30px; line-height:30px; border:none; width:40px; text-align:center; margin-right:40px;}
.sous{ margin-top:20px;display: flex;align-items: center;}
.sous p{font-size: 16px;color: #000;margin-left: 15px;}
/*nav*/
.menu{ width:100%;background-color:#0058AA; height:60px; margin-top:20px;}
#nav {margin:0 auto 0px; width:1200px; margin:auto; display:block; z-index:999; position:relative;}
#nav .mainlevel {float:left;/*IE6 only*/}
#nav .mainlevel a {color:#ffffff; font-size:16px; background-color:#0058AA; text-align:center; text-decoration:none;  line-height:60px;  display:block;z-index:9999; padding-left:40px; padding-right:40px;}
#nav .mainlevel a:hover {color:#0058AA;text-decoration:none; background-color:#FFFFFF;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li a { background-color:#0058AA;  color:#FFFFFF;font-size:16px; padding-left:40px; padding-right:40px;text-align:left;height:50px;line-height:50px;/*IE6 only*/}
#nav .mainlevel li a:hover {background:#ffffff; color:#0058AA; /*IE6 only*/}


/* menu */
.menubox{
	width: 100%;
	background-color: #0058AA;
	height: 60px;
	margin-top: 20px;
}
.menu{
	width: 100%;
}

.menu ul{
	display: flex;
	align-items: center;
}
.menu ul li{
	position: relative;
}
.menu ul li>a{
	color: #ffffff;
    font-size: 16px;
    background-color: #0058AA;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
    display: block;
    z-index: 9999;
    padding: 0 40px;
}
.menu ul li>a:hover{
	background: #ffffff;
    color: #0058AA;
}
.menu ul li>ul{
	position: absolute;
	left: 0;
	width: 100%;
	display: none;
	z-index: 999;
}
.menu ul li>ul li a{
	background-color: #0058AA;
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 40px;
    text-align: left;
    height: 50px;
    line-height: 50px;
}
.menu ul li>ul li a:hover{
	background: #ffffff;
    color: #0058AA;
}


/* banner */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}


.bannerbox .mySwiper1 .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background-color: #fff;
	opacity: 1;
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background-color: #0058AA;
	opacity: 1;
}

/* index1 */
.index1box{
	width: 100%;
    background-color: #F5F5F5;
    overflow: hidden;
    -moz-box-shadow: 3px 3px 2px #cccccc;
	padding: 20px 0;
    box-shadow: 3px 3px 2px #cccccc;
}
.index1box .index1{
	width: 100%;
	margin: 0 auto;
}
.index1box .index1 ul{
	display: flex;
	align-items: center;
}
.index1box .index1 ul li{
	width: 20%;
	padding: 0 10px;
	border-radius: 10px;
}
.index1box .index1 ul li a{
	width: 100%;
	background-color: #0058AA;
	border-radius: 10px;
	display: block;
	height: 100%;
	padding: 20px 0 30px 0;
}
.index1box .index1 ul li a img{
	max-width: 100%;
	width: auto;
	float: left;
}
.index1box .index1 ul li a h1{
    color: #FFFFFF;
    font-size: 26px;
    padding-top: 20px;
}
.index1box .index1 ul li a span{
	display: block;
    color: #ffffff;
    font-size: 12px;
}


.main_title{
	text-align: center;
	width: 100%;
}
.main_title h1{
	font-size: 30px;
	color: #333;
	font-weight: normal;
}
.main_title h1 span{
	color: #0058AA;
}
.xx{
	display: block;
    width: 40px;
    height: 5px;
    margin: auto;
    background-color: #0058AA;
    margin-top: 15px;
}

.index2box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index2box .index2{
	width: 100%;
	margin: 0 auto;
}
.index2_content{
	margin-top: 50px;
}
.index2box .index2 ul{
	display: flex;
	align-items: center;
}
.index2box .index2 ul li{
	width: 33%;
}
.index2box .index2 ul li a{
	display: block;
	width: 100%;
}
.index2box .index2 ul li a .imgbox{
	width: 100%;
	font-size: 0;
	padding: 3px;
}
.index2box .index2 ul li a .imgbox img{
	width: 100%;
	transition: all 0.6s;
}
.index2box .index2 ul li a .imgbox img:hover{
	transform: scale(1.1);
	opacity: 0.7;
}
.index2box .index2 ul li a .textbox{
	padding: 10px 0;
	text-align: center;
	background-color: #0058AA;
}
.index2box .index2 ul li a .textbox p{
	font-size: 14px;
	color: #fff;
}


.index3box{
	padding: 80px 0;
	box-sizing: border-box;
	background-color: #F4F4F4;
	width: 100%;
	margin: 0 auto;
}
.index3box .index3{
	width: 100%;
	margin: 0 auto;
}
.index3box .index3 .index3_content{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.index3_content .index3_left{
	width: 30%;
	padding-right: 30px;
	box-sizing: border-box;
}
.index3_content .index3_left img{
	width: 100%;
	border: 5px solid #E3E3E3;
	border-radius: 15px;
}
.index3_content .index3_right{
	width: 70%;
}
.index3_content .index3_right h3{
	font-size: 18px;
    color: #0058AA;
    line-height: 55px;
}
.index3_content .index3_right .desc{
	line-height: 32px;
	font-size: 14px;
	color: #333;
}
.index3_right .more{
	text-align: center;
    width: 120px;
    height: 40px;
    background-color: #0058AA;
    color: #FFFFFF;
    line-height: 40px;
    display: block;
    margin-top: 18px;
}

.index4box{
	width: 100%;
	margin:0 auto;
	padding: 80px 0;
	box-sizing: border-box;
}
.index4box .index4{
	width: 100%;
	margin: 0 auto;
}
.index4box .index4 .index4_content{
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 380px;
}
.index4_left{
	width: 49%;
	height: 380px;
}
.index4_right{
	width: 49%;
	height: 380px;
	margin-top: 20px;
}
.index4_left .mySwiper2{
	width: 100%;
	height: 100%;
}
.index4_left .mySwiper2 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.index4_left .mySwiper2 .swiper-slide a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index4_left .mySwiper2 .swiper-slide a .textbox{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 15px;
	text-align: left;
	background-color: rgb(0, 0, 0,0.6);
}
.index4_left .mySwiper2 .swiper-slide a .textbox p{
	color: #fff;
	font-size: 14px;
}
.index4_left .mySwiper2 .prev_btn{
	font-size: 25px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0%;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background-color: rgb(0, 0, 0,0.5);
}
.index4_left .mySwiper2 .next_btn{
	font-size: 25px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0%;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background-color: rgb(0, 0, 0,0.5);
}
.index4_right ul li{
	width: 100%;
	margin-bottom: 65px;
	height: 70px;
}
.index4_right ul li a{
	display: block;
	width: 100%;
	
	display: flex;
	justify-content: space-between;
}
.index4_right ul li a .num{
	font-size: 50px;
	color: #333;
	transition: all 0.6s;
	border-right: 1px solid #333;
	padding-right: 10px;
}
.index4_right ul li a .num:hover{
	transform: scale(1.1);
	opacity: 0.7;
}
.index4_right ul li a .textbox{
	padding-left: 20px;
	flex: 1;
}
.index4_right ul li a .textbox h3{
	display: block;
    font-size: 16px;
    color: #0058AA;
    font-weight: bold;
}
.index4_right ul li a .textbox p{
	line-height: 27px;
    font-size: 14px;
    color: #666666;
}


.footerbox{
	width: 100%;
    background: #0058AA;
    color: #ffffff;
	padding: 30px 0;
}
.footerbox .footer{
	width: 100%;
	display: flex;
}
.footer_item1{
	width:50%;
}
.footer_item1 h1{
	font-weight: bold;
	font-size: 24px;
	color: #fff;
}
.footer_item1 p{
	line-height: 50px;
	font-size: 14px;
	color: #fff;
}
.footer_item1 h2{
	display: block;
    color: #DEFF00;
    font-size: 18px;
    line-height: 40px;
}
.footer_item1  .qqbox{
	display: flex;
	align-items: center;
}
.footer_item1  .qqbox a{
	padding-right: 5px;
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
}
.footer_item1  .qqbox a img{
	padding-right: 5px;
}
.footer_item1 .f_link{
	width: 100%;
	margin-top: 20px;
}
.footer_item1 .f_link span{
	line-height: 50px;
	font-size: 14px;
	color: #fff;
}

.footer_item2{
	width: 30%;
	padding-left: 50px;
}
.footer_item2 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.footer_item2 ul li{
	width: 48%;
	border-bottom: 1px solid #fff;
	line-height: 35px;
	text-align: center;
}
.footer_item2 ul li a{
	font-size: 14px;
	color: #fff;
}
.footer_item3{
	flex: 1;
	display: flex;
	justify-content: flex-end;
}
.footer_item3 .imgbox{
	width: 100%;
	font-size: 0;
	display: flex;
	justify-content: center;
}
.footer_item3 .imgbox img{
	max-width: 100%;
	width: auto;
	transition: all 0.6s;
}
.footer_item3 .imgbox img:hover{
	transform: scale(1.1);
	opacity: 0.7;
}
.footer_item3 p{
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.footer_bottombox{
	width: 100%;
	background: #0058AA;
	color: #ffffff;
	padding: 15px 0;
	border-top: 1px solid #fff;
}
.footer_bottombox .footer_bottom{
	width: 100%;
	text-align: right;
}
.footer_bottombox .footer_bottom p{
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}
.footer_bottombox .footer_bottom p a{
	font-size: 14px;
	color: #fff;
}
.footer_bottombox .footer_bottom p a:hover{
	color: #8FBBFF;
}



/* 通用内页 */
.inbanner{
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.inbanner img{
	width: 100%;
}
.insidebox{
	width: 100%;
	margin: 0 auto;
	padding: 80px 0;
	box-sizing: border-box;
}
.insidebox .inside{
	width: 100%;
	margin: 0 auto;
}