* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1620px !important; margin:0 auto !important; padding:0px 10px;}
.main_900 { max-width:880px !important; margin:0 auto !important; padding:0px 10px;}
body,html { width:100%; height:100%;}


.H_140 { height: 140px; }
.header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; background: #fff; height: 140px; }
.header .had { background: #02428c; position: relative; }
.header .had:after { content: ''; background: #003067; position: absolute; right: 0px; width: 30%; height: 100%; top: 0; z-index: 0; }

.header .had .item {  display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 9; }
.header .had .item .fl {  color: #fff; }
.header .had .item .fl:before { content: ''; background: url('../images/icon1.png') no-repeat left center; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -2px; }

.header .had .item .fr { background: #003067; padding: 12px 0px; display: flex; flex-direction: row; }
.header .had .item .fr a { color: #fff; margin: 0px 20px; font-size: 14px; }
.header .had .item .fr a i { background: url('../images/icon2.png') no-repeat left center; width: 7px; height: 4px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; }
.header .had .item .fr a:hover { text-decoration: underline; }

.header .con { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.header .con .item1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.header .con .item1 .nav { margin-left: 80px; }
.header .con .item1 .nav .nav_num1 { display: flex; flex-direction: row; }
.header .con .item1 .nav .nav_num1>li:hover { background: #f6f7fb; }
.header .con .item1 .nav .nav_num1>li>a { font-size: 16px; padding: 0px 25px; height: 95px; line-height: 95px; font-weight: bold; color: #333; }
.header .con .fr { font-size: 16px; }
.header .con .fr:before { content: ''; background: url('../images/icon3.png') no-repeat left center; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; }
.header .con .logo { margin-right: 50px; }

.header .con .item1 .nav .nav_num2 { position: absolute; left: 0px; top: 140px; background: #fff; width: 100%;  border-top: 1px solid #ebebeb; min-height: 341px; display: none; box-shadow: 0px 6px 8px 2px rgba(0, 0, 0, 0.1); } 
.header .con .item1 .nav .nav_num2 ul .nav_num2_li { width: 450px; }
.header .con .item1 .nav .nav_num2 ul .nav_num2_li>a { padding: 10px 20px; display: block; 
	background: url('../images/img34.png') no-repeat 95% center; width: 100%; }
.header .con .item1 .nav .nav_num2 ul .nav_num2_li:hover>a { background:#f6f7fb url('../images/img34.png') no-repeat 95% center; }
.header .con .item1 .nav .nav_num2 .nav_num2_ul { position: relative; }

.header .con .item1 .nav .nav_num3 { position: absolute; left: 450px; top: 0px; background: #f6f7fb; min-height: 340px; display: none; }
.header .con .item1 .nav .nav_num3 li a { display: block; width: 100%; display: block; padding: 10px 20px; min-width: 450px; }
.header .con .item1 .nav .nav_num3 li a:hover { background: #e1e3ed; }
.header .con .item1 .nav .nav_num1>li:hover .nav_num2 { display: block; }
.header .con .item1 .nav .nav_num1>li .nav_num2 ul .nav_num2_li:hover .nav_num3 { display: block; }



.banner_pag_box {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
}

.banner_pag_box .main {
	position: relative;
}

.banner_pag {
	bottom: 50px !important;
	display: flex;
	flex-direction: row;
	width: 100%;
	left: 0px;
}

.banner_swp {
	position: relative;
}

.banner_swp .swiper-pagination-bullet:before {
	content: '';
	position: absolute;
	top: -2px;
	width: 0%;
	height: 2px;
	background: rgba(255, 255, 255, 1);
	left: 0px;
	transition: all 1s;
	-webkit- transition: all 1s;
}


.banner_swp .swiper-pagination-bullet {
	background: none;
	width: inherit;
	height: inherit;
	border-radius: 0px;
	margin: 0px !important;
	opacity: 1;
	outline: none;
	flex: 1;
	font-size: 18px;
	padding-top: 30px;
	color: #fff;
	position: relative;
	border-top: 2px solid rgba(255, 255, 255, 0.2);
}

.banner_swp .swiper-pagination-bullet-active:before {
	content: '';
	width: 100%;
}

.banner_swp .item {
	height: calc(100vh - 138px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner_swp .text h3 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

.banner_swp .text p {
	font-size: 24px;
	color: #ffffff;
	margin-top: 20px;
}

.banner_swp .text {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.banner_swp .text .main {
	height: 100%;
}

.banner_swp .text .main .text_nr {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.banner_swp .swiper-slide video {
	width: 100%;
	object-fit: cover;
	height: calc(100vh - 138px);
}

.banner_swp .swiper-slide .con { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }


.banner_swp .item h3 { font-size: 24px; color: #ffffff; font-weight: bold; }
.banner_swp .item p { font-size: 48px; color: #fff; margin-top: 10px; font-weight: bold; }


.in_about { display: flex; flex-direction: row; justify-content: space-between; }
.in_about .tit { width: 30%; }
.in_about .tit strong { font-size: 18px; display: block; text-transform: uppercase; font-weight: bold; }
.in_about .tit h3 { font-size: 56px; }
.in_about .text { width: 60%; border-top: 1px solid #dcdcdc;  }
.in_about .text p { line-height: 26px; padding-top: 30px; }


.m_link a { font-size: 16px; border: 1px solid #595959; border-radius: 30px; padding: 6px 14px 6px 18px; color: #595959; display: inline-block; margin-top: 30px; position: relative; padding-right: 50px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link a:after { content: ''; background: url('../images/icon4.png') no-repeat center center; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; border-left: 1px solid #595959; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link a:hover { background: #02428c; color: #fff; border: 1px solid #02428c; }
.m_link a:hover:after { content: ''; background: url('../images/icon4_m.png') no-repeat center center; border-left: 1px solid #fff; }

.m_link_ys { text-align: center; margin-top: 40px; }
.m_link_ys a { font-size: 16px; border: 1px solid #02428c; border-radius: 30px; padding: 6px 14px 6px 18px; color: #02428c; display: inline-block; margin-top: 30px; position: relative; padding-right: 50px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link_ys a:after { content: ''; background: url('../images/img29.png') no-repeat center center; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; border-left: 1px solid #02428c; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link_ys a:hover { background: #02428c; color: #fff; border: 1px solid #02428c; }
.m_link_ys a:hover:after { content: ''; background: url('../images/icon4_m.png') no-repeat center center; border-left: 1px solid #fff;  }


.m_link_hs { font-size: 16px; border: 1px solid #989899; border-radius: 30px; padding: 6px 14px 6px 18px; color: #989899; display: inline-block; margin-top: 30px; position: relative; padding-right: 50px; transition: all 0.6s; -webkit-transition: all 0.6s;  }
.m_link_hs:after { content: ''; background: url('../images/icon4.png') no-repeat center center; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; border-left: 1px solid #989899; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link_hs:hover { background: #02428c; color: #fff; border: 1px solid #02428c; }
.m_link_hs:hover:after { content: ''; background: url('../images/icon4_m.png') no-repeat center center; border-left: 1px solid #fff;  }


.in_services_box { width: 134%; }
.in_services { width: 100%; overflow: hidden; position: relative; }
.in_services:after { content: ''; background: #02428c; height: 60%; top: 0px; left: 0px; width: 100%; position: absolute; }
.in_services .had { padding-top: 100px; position: relative; z-index: 9; }
.in_services .had .tit { color: #fff; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 50px; }
.in_services .had .tit strong { display: block; text-transform: uppercase; font-size: 18px; font-weight:bold; }
.in_services .had .tit h2 { font-size: 56px; color: #ffffff;  }


.in_services_swp .swiper-slide h3 { position: absolute; top: 0px; left: 0px; font-size: 32px; color: #ffffff; padding: 40px; }
.in_services_swp .swiper-slide .link { display: block; position: relative; }
.in_services_swp .swiper-slide .text { position: absolute; bottom: -188px; left: 0px; background: #fba200; width: 100%; padding: 30px; color: #fff; transition: all 0.6s; -webkit-transition: all 0.6s;  }
.in_services_swp .swiper-slide .text h4 { font-size: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.in_services_swp .swiper-slide .text p { font-size: 18px; color: #ffffff; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in_services_swp .swiper-slide .text h6 { display: flex; flex-direction: row; justify-content: space-between; font-size: 16px; margin-top: 30px; }
.in_services_swp .swiper-slide .link:hover .text { bottom: 0px; }


.in_services .in_services_prev { background: url('../images/icon5.png') no-repeat right top; width: 60px; height: 60px; bottom: 40px; top: inherit; margin-top: 0px; left: inherit; right: 150px; }
.in_services .in_services_next { background: url('../images/icon6.png') no-repeat right top; width: 60px; height: 60px; bottom: 40px; top: inherit; margin-top: 0px; }
.in_services .in_services_pag { position: absolute; bottom: 55px; right: 90px; text-align: right; color: #fff;  font-size: 20px; width: auto; }

.in_customer { background: url('../images/img6.jpg') no-repeat center center; background-size: cover; margin-top: 110px; padding: 130px 0px;  }
.in_customer .had { display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); align-items: center; }
.in_customer .had .tit { color: #fff;  }
.in_customer .had .tit strong { display: block; text-transform: uppercase; font-size: 18px; font-weight:bold; color: #fff; }
.in_customer .had .tit h2 { font-size: 56px; color: #ffffff;  }


.m_link_bs a { font-size: 16px; border: 1px solid #fff; border-radius: 30px; padding: 6px 14px 6px 18px; color: #fff; display: inline-block; margin-top: 30px; position: relative; padding-right: 50px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link_bs a:after { content: ''; background: url('../images/icon4_m.png') no-repeat center center; position: absolute; right: 0px; top: 0px; height: 100%; width: 40px; border-left: 1px solid #fff; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_link_bs a:hover { background: #02428c; color: #fff; border: 1px solid #02428c; }
.m_link_bs a:hover:after { content: ''; background: url('../images/icon4_m.png') no-repeat center center; 
border-left: 1px solid #fff;  }

.in_customer .text { margin-top: 40px; color: #fff; }
.in_customer .list { margin-top: 50px; }
.in_customer .list ul { display: flex; flex-direction: row; justify-content: space-between; }
.in_customer .list ul li { display: flex; flex-direction: row; }
.in_customer .list ul li strong { font-size: 86px; color: #fff; font-weight: bold; }
.in_customer .list ul li span { color: #fff; font-size: 20px; align-items: flex-start; margin-top: 25px; margin-left: 8px; }


.footer_box { background: #f5f7fa; position: relative; }
.footer_box:after { content: ''; width: 30%; background: #02428c; position: absolute; right: 0px; top: 0px; height: 100%; z-index: 0; }

.footer { display: flex; flex-direction: row; justify-content: space-between; }
.footer .fl { width: 56%; }
.footer .fl .had { display: flex; justify-content: space-between; padding: 100px 0px 0px;  }
.footer .fl .had dl {}
.footer .fl .had dt { font-size: 24px; color: #595959; }
.footer .fl .had dd { margin-top: 15px; }
.footer .fl .had dd a { display: block; margin-top: 5px; font-size: 16px; color: #02428c; }
.footer .fl .had dd a:hover { text-decoration: underline; }
.footer .fl .dow { margin-top: 120px; }
.footer .fl .dow h3 { font-size: 24px; color: #595959; }
.footer .fl .dow .text { display: flex; flex-direction: row; margin-top: 15px; }
.footer .fl .dow .text a { margin-right: 14px; }
.footer .fl .dow h6 { margin-top: 25px; font-size: 14px; color: #666666; }
.footer .fl .had a { display: block; }
.footer .fr { width: 36%; background: #02428c; padding: 70px 50px; position: relative; z-index: 3; }
.footer .fr h3 { font-size: 36px; color: #fff; font-weight: normal; }
.footer .fr .list ul li { display: flex; flex-direction: row; margin: 30px 0px; }
.footer .fr .list ul li .item { display: flex; flex-direction: row; justify-content: center; color: #fff; }
.footer .fr .list ul li .item .icon { width: 50px; height: 50px;  margin-right: 20px; flex: 0 0 auto; }
.footer .fr .list ul li .item .text strong { display: block; font-size: 24px; color: #fff; }
.footer .fr .list ul li .item .text p { margin-top: 3px;  }
.footer .fr h6 { color: #fff; text-align: right; margin-top: 50px; }
.footer .fr h6 a { color: #ffffff; margin: 0px 10px; }
.footer .fr h6 a:hover { text-decoration: underline; }


.m_mbx { background: #f6f7fb; border-top: 1px solid #ebebeb; }
.m_mbx .item { display: flex; background: #f6f7fb;  padding: 20px 0px; }
.m_mbx .item a { background: url('../images/img11.png') no-repeat right center; padding-right: 20px; margin-right: 10px; }
.m_mbx .item a:hover { color: #02428c; }
.m_mbx .item a:last-child { background: none; margin-right: 0px; padding-right: 0px; }

.m_ban { height: 519px; }
.m_nav { border-bottom: 1px solid #ebebeb; }
.m_nav .item { display: flex; flex-direction: row; flex-wrap: wrap; }
.m_nav .item a { color: #333333; padding: 20px 24px; font-size: 16px; position: relative; }
.m_nav .item a:after { content: ''; position: absolute; left: 0px; bottom: 0px; left: 0px; height: 2px; background: #0f4c92; width: 0px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.m_nav .item a:hover:after { width: 100%; }
.m_nav .item a.active:after { width: 100%; }

.m_tit { font-size: 48px; color: #333333; font-weight: bold; background: url('../images/img12.png') no-repeat left center; 
padding-left: 70px; }

.achievement .list { overflow: hidden; margin-top: 20px; }
.achievement .list ul { display: flex; flex-direction: row; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; }
.achievement .list ul li { padding: 15px; width: 20%; }
.achievement .list ul li span { border: 1px solid #d2d2d2; display: block; height: 175px; display: flex; align-items: center; justify-content: center; padding: 10px; }


.case .list ul { display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px; flex-wrap: wrap; }
.case .list ul li { width: 48.4%;  height: 100%; }
.case .list ul li .text { background: #02428c; padding: 50px; color: #fff; }
.case .list ul li .text h3 { font-size: 24px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 15px; }
.case .list ul li .text p { font-size: 16px; margin-top: 15px; }
.case .list ul li .text p strong { font-weight: bold; }
.case .list ul li:nth-child(1) .text { background: #f39800; }
.case .list ul li:nth-child(2) { margin-top: 100px; }

.service .had { background: #f6f7fb; padding: 50px 35px; margin-top: 40px; position: relative; }
.service .had .text strong { position: absolute; left: 0px; top: 0px; font-size: 18px; line-height: 41px; color: #989899; }
.service .had .text { position: relative; font-size: 18px; padding-left: 100px; display: flex; flex-direction: row; }
.service .had .text a { border: 1px solid #989899; padding: 6px 30px; border-radius: 30px; margin-right: 15px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.service .had .text a:hover { background: #02428c; color: #fff; border: 1px solid #02428c; }
.service .had .text a.active { background: #02428c; color: #fff; border: 1px solid #02428c; }


.service .list ul { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.service .list ul li { width: 48.2%; margin-top: 60px; }
.service .list ul li h3 { font-size: 24px; color: #000000; margin-bottom: 20px;  }
.service .list ul li .text { border: 1px solid #d7d7d7; padding: 40px; color: #333333; height: calc(100% - 36px);  }
.service .list ul li .text strong { font-size: 24px; color: #02428c; }
.service .list ul li .text p { line-height: 28px; margin-top: 12px; }


.contactfom {
    margin-top: 55px;
}

.contactfom .list {
    margin-top: 35px;
}

.contactfom .list ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contactfom .list ul li strong {
    display: block;
    font-size: 18px;
    color: #333333;
}

.contactfom .list ul li strong i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -4px;
}

.contactfom .list ul li strong span {
    color: #ff0000;
}

.contactfom .list ul li {
    width: 32%;
}

.contactfom .list ul li .txt {
    border: 1px solid #cac9c9;
    height: 56px;
    padding: 10px 15px;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: #333;
    background: none;
}

.contactfom .list ul li .txtbox {
    border: 1px solid #cac9c9;
    height: 56px;
    padding: 10px 15px;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    color: #333;
    height: 285px;
    background: none;
}

.contactfom .list1 ul li {
    width: 49%;
}

.contactfom .list2 ul li {
    width: 100%;
}

.contactfom .list3 ul li {
    position: relative;
}

.contactfom .list3 { margin-top: 15px; }

.contactfom .list3 ul li .yzm {
    position: absolute;
    right: 5px;
    top: 20px;
}

.contactfom .dow {
    margin-top: 30px;
}

.contactfom .dow .but {
    font-size: 16px;
    color: #fff;
    background: #02428c;
    border-radius: 50px;
    padding: 8px 36px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.contactfom .dow .but:hover {
    background: #116bd3;
}


.contact .mapbox { margin-top: 80px; background: #f6f7fb; display: flex; flex-direction: row; }
.contact .mapbox .text { width: 50%; padding: 60px; }
.contact .mapbox .text h3 { font-size: 28px; color: #02428c; padding-bottom: 20px; border-bottom: 1px solid #acacaf; 
	position: relative; }
.contact .mapbox .text h3:after { content: ''; position: absolute; bottom: -1px; width: 100px; height: 2px; background: #02428c; left: 0px;  }
.contact .mapbox .text p { font-size: 16px; color: #333333; line-height: 32px; color: #666; margin-top: 25px; }

#map { width: 50%; height: 450px;  }
#map img { max-height: none!important; max-width: none !important; }
.BMapLabel { display: none !important; }


.about .item { margin-top: 60px; flex-direction: row-reverse; display: flex; position: relative;}
.about .item .img { width: 53.4%; flex: 0 0 auto; height: 466px; }
.about .item .img img { width: 100%; height: 100%; object-fit: cover; }
.about .item .con { padding: 60px 0px; position: absolute; left: 0px; top: 0px; width: 60%; height: 100%; }
.about .item .text { background: #f6f7fb; height: 100%; padding: 30px 50px; display: flex; flex-direction: column; justify-content: center; }
.about .item .text h3 { font-size: 32px; color: #333333; }
.about .item .text p { font-size: 18px; color: #333333; margin-top: 25px; line-height: 32px; }

.about .list { overflow: hidden; margin-top: 80px; }
.about .list ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } 
.about .list ul li { padding: 20px; width: 33.33%; }
.about .list ul li .link { position: relative; }
.about .list ul li p { position: absolute; left: 0px; top: 0px; background: rgba(2, 66, 140, 0.7); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #ffffff; opacity: 0; transition: all 0.6s; 
	-webkit-transition: all 0.6s; }
.about .list ul li .link:hover p { opacity: 1; }
.about .list ul li .link_last { background: #02428c; height: 100%; width: 100%; display: flex; justify-content: center; flex-direction: column; padding: 20px 60px; color: #fff; }
.about .list ul li .link_last h4 { font-size: 32px; color: #ffffff; }
.about .list ul li .link_last p { font-size: 18px; line-height: 28px; margin-top: 20px; }
.about h3 { font-size: 32px; color: #333333; }
.about .about_swp { margin-top: 40px; padding-bottom: 60px; }
.about .about_swp .swiper-slide { height: 175px; border: 1px solid #d2d2d2; padding: 30px; background: #fff; display: flex; align-items: center; justify-content: center; }
.about .swiper-pagination-bullet { width:10px; height:10px; background:none; border: 1px solid #d5d5d5; margin:0px 6px !important; opacity:1; outline:none;}
.about .swiper-pagination-bullet-active { background:#02428c; }


.about1 { margin-top: 100px; flex-direction: row-reverse; display: flex; position: relative;}
.about1 .img { width: 53.4%; flex: 0 0 auto; height: 466px; }
.about1 .img img { width: 100%; height: 100%; object-fit: cover; }
.about1 .con { padding: 60px 0px; position: absolute; left: 0px; top: 0px; width: 60%; height: 100%; }
.about1 .text { background: #f6f7fb; height: 100%; padding: 30px 50px; display: flex; flex-direction: column; justify-content: center; }
.about1 .text h3 { font-size: 32px; color: #333333; }
.about1 .text p { font-size: 18px; color: #333333; margin-top: 25px; line-height: 32px; }

.about2 .text h3 { font-size: 32px; color: #333333; }
.about2 .text p { font-size: 18px; margin-top: 25px; }
.about2 .videobox { width: 100%; margin-top: 30px; cursor: pointer; }
.about2 .videobox video { width: 100%; }

.qhse { text-align: center; }
.qhse h3 { margin-top: 30px; font-size: 48px; color: #02428c; }
.qhse i img { display: inline-block; margin-top: 30px; }
.qhse h4 { font-size: 32px; color: #000000; margin-top: 40px; }
.qhse p { font-size: 28px; color: #1e88ca; margin-top: 10px; }

.qhse_list .tit { font-size: 32px; color: #333333; }
.qhse_list .list ul li { margin-top: 50px; padding-bottom: 130px; position: relative; }
.qhse_list .list ul li:nth-child(2n+1) .text { left: 5%; background: rgba(2, 66, 140, 0.95); }
.qhse_list .list ul li:nth-child(2n) .text { right: 5%; background: rgba(16, 157, 245, 0.95); text-align: right; }
.qhse_list .list ul li .text { position: absolute;  bottom: 0px; width: 50%;  padding: 52px 80px; font-size: 32px; color: #ffffff; }



.news .had {
    background: #f6f7fb;
    padding: 40px;
    margin-top: 40px;
}

.news .had .link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.news .had .link .img {
    width: 46.6%;
    height: 415px;
    overflow: hidden;
}

.news .had .link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.news .had .link .text {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.news .had .link .text strong {
    display: block;
    font-size: 16px;
    color: #999999;
}

.news .had .link .text h3 {
    font-size: 24px;
    color: #3d3d3d;
    margin-top: 5px;
}

.news .had .link .text p {
    line-height: 26px;
    margin-top: 20px;
    font-size: 16px;
}

.news .had .link:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.news .had .link:hover .text h3 {
    color: #02428c;
}

.news .list ul li .link {
    display: block;
    padding: 35px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.news .list ul li .link .img {
    width: 296px;
    height: 200px;
    flex: 0 0 auto;
    overflow: hidden;
}

.news .list ul li .link .img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    object-fit: cover;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.news .list ul li .link .text {
    flex: 1;
    padding: 32px 35px 0px 35px;
}

.news .list ul li .link .text strong {
    font-size: 16px;
    color: #999999;
    display: block;
}

.news .list ul li .link .text h3 {
    font-size: 20px;
    color: #333333;
    margin-top: 8px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.news .list ul li .link .text p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
}

.news .list ul li .link:hover {
    background: #f6f7fb;
}

.news .list ul li .link:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.news .list ul li .link:hover .text h3 {
    color: #02428c;
    padding-left: 10px;
}



/* 分页 */
.pagebox {
    text-align: center;
    position: relative;
}

.pagebox ul {
    margin-top: 60px;
}

.pagebox ul li {
    display: inline-block;
    vertical-align: middle;
}

.pagebox ul li a {
    margin: 0px;
    font-size: 16px;
    color: #666;
    position: relative;
    display: block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.pagebox ul .page a {
    height: 40px;
    width: 40px;
    border: 1px solid #8a8a8a;
    border-radius: 50%;
    line-height: 40px;
    margin: 0px 5px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    color: #333;
}

.pagebox ul .previous a {
    background: url('../images/img27.png') no-repeat center center;
    height: 40px;
    overflow: hidden;
    width: auto;
    padding-left: 80px;
    line-height: 40px;
    margin-right: 20px;
}

.pagebox ul .next a {
    background: url('../images/img28.png') no-repeat center center;
    height: 40px;
    width: auto;
    overflow: hidden;
    padding-right: 80px;
    line-height: 40px;
    margin-left: 20px;
}

.pagebox ul .previous a:hover {
    background: url('../images/img27_m.png') no-repeat center center;
    color: #02428c;
}

.pagebox ul .next a:hover {
    background: url('../images/img28_m.png') no-repeat center center;
    color: #02428c;
}

.pagebox ul li.first {
    display: none;
}

.pagebox ul li.last {
    display: none;
}

.pagebox ul li.page:hover a,
.pagebox ul li.selected a {
    color: #fff;
    background: #02428c;
    border: 1px solid #02428c;
}

.news_details .tit {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;
}

.news_details .tit h1 {
    font-size: 40px;
    color: #333333;
}

.news_details .tit h3 {
    margin-top: 25px;
}

.news_details .tit h3 span {
    background: #f0f0f0;
    color: #333;
    padding: 6px 26px;
    border-radius: 30px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.news_details .con p { font-size: 16px; color: #333333; line-height: 28px; margin-top: 20px; }
.news_details .con p strong { font-weight: bold; }
.news_details .con img { margin: 0 auto; }

.product { display: flex; flex-direction: row; justify-content: space-between; margin-top: 70px; }
.product .fl { width: 50%; }
.product .fl h3 { font-size: 32px; color: #02428c; margin-top: 0px; }
.product .fl h4 { font-size: 32px; color: #02428c; margin-top: 30px; }
.product .fl p { font-size: 16px; line-height: 28px; margin-top: 10px; }
.product .fl ul { margin-top: 15px; }
.product .fl ul li { font-size: 16px; color: #333333; margin-top: 8px; position: relative; padding-left: 18px; }
.product .fl ul li:after { content: ''; background: #02428c; width: 8px; height: 8px; position: absolute; left: 0px; top: 50%; margin-top: -4px; border-radius: 50%; }
.product .fr { width: 40%; }
.product .fr .product_swp .swiper-slide img { margin: 0 auto; }

.product_swp { padding-bottom: 60px; }
.product_swp .swiper-pagination-bullet { width:10px; height:10px; background:none;  margin:0px 5px!important; opacity:1; outline:none; border: 1px solid #dcdcdc; }
.product_swp .swiper-pagination-bullet-active { background:#02428c; border: 1px solid #02428c; }

.product_xz { margin-top: 80px; }
.product_xz ul { display: flex; flex-direction: row; justify-content: space-between; }
.product_xz ul li { width: 48.5%;  }
.product_xz ul li .link { border: 1px solid #e0e0e0; background: #f6f7fb; padding: 35px 40px; display: block; position: relative; }
.product_xz ul li .link:after { content: ''; background: url('../images/img31.png'); position: absolute; top: 50%; width: 94px; height: 94px; margin-top: -47px; right: 40px; }
.product_xz ul li .link h3 { font-size: 18px; color: #333333; }
.product_xz ul li .link strong { font-size: 16px; display: inline-block; margin-top: 20px; border-bottom: 1px solid #666666; padding-bottom: 1px; }
.product_xz ul li .link p:after { content: ''; background: url('../images/img33.png') no-repeat left center; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-left: 20px; margin-top: -2px; }
.product_xz ul li .link:hover { background-image: linear-gradient(90deg,#02428c 0%, #0083c2 100%); color: #fff; }
.product_xz ul li .link:hover:after { content: ''; background: url('../images/img32.png'); position: absolute; top: 50%; width: 94px; height: 94px; margin-top: -47px; right: 40px;  }
.product_xz ul li .link:hover h3 { color: #fff; }
.product_xz ul li .link:hover p:after { content: ''; background: url('../images/img33_m.png') no-repeat left center; }
.product_xz ul li .link:hover strong { border-bottom: 1px solid #fff;  }

.product_gl { margin-top: 80px; }
.product_gl .tit { background: #f6f7fb; padding: 50px; display: flex; flex-direction: row; }
.product_gl .tit strong { font-size: 18px; flex: 0 0 auto; width: 100px; line-height: 38px; }
.product_gl .tit .tab_tit { display: flex; flex-direction: row; flex-wrap: wrap; }
.product_gl .tit .tab_tit a { border: 1px solid #989899; color: #989899; font-size: 16px; padding: 6px 25px; cursor: pointer; border-radius: 30px; margin-right: 15px; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; }
.product_gl .tit .tab_tit a:hover { background: #02428c; border: 1px solid #02428c; color: #fff; }

.product_gl .list { overflow: hidden; margin-top: 30px; }
.product_gl .list ul { display: flex; flex-direction: row; margin-left: -20px; margin-right: -20px; flex-wrap: wrap; border-bottom: 1px solid #cccccc; padding-bottom: 20px; }
.product_gl .list ul li { width: 25%; padding: 20px; }
.product_gl .list ul li .link { display: block; }
.product_gl .list ul li .link .text { margin-top: 30px; }
.product_gl .list ul li .link .text h3 { font-size: 24px; color: #000000; }
.product_gl .list ul li .link .text p { font-size: 16px; color: #333333; margin-top: 10px; }
.product_more { margin-top: 20px; text-align: center; }

.p_header { display: none; }

.product_gl .list ul li .img { border: 1px solid #eaeaea; height: 280px; display: flex; align-items: center; justify-content: center; padding: 20px; }


/* 搜索 */
.search_content {
    padding: 60px 0px;
}


.searchbox1{
    width: 50%;
    height: 44px;
    margin: 0 auto;
    text-align: center; position: relative;
}
.searchbox1 .searchtext{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    border: 1px solid #999;
    padding-left: 20px;
    padding-right: 80px;
    box-sizing: border-box;
    
}


.search-error{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; margin-top: 20px;
}
.search-result-empry{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}

.searchbtn { position: absolute; right: 0px; top: 0px; background: url('../images/fdj.png') no-repeat center center; height: 44px; width: 60px; }
.searchbtn:hover { background: url('../images/fdj_hover.png') no-repeat center center; }

.seach_news { margin-top: 60px; }
.seach_news ul li { margin-top: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; }
.seach_news ul li h4 a { color: #333; font-size: 20px; }
.seach_news ul li span { color: #999; display: block; margin-top: 5px; }
.seach_news ul li p { font-size: 14px; line-height: 25px; margin-top: 10px; }
.seach_news ul li h6 a { font-size: 16px; margin-top: 10px; color: #25497a; display: block; }
.seach_news ul li h6 a:hover { color: #25497a; }

.privacy h2 { font-size: 30px; border-bottom: 1px solid #999; padding-bottom: 20px; text-align: center; color: #000; }
.privacy p { font-size: 16px; margin-top: 18px; line-height: 28px; word-wrap:break-word; word-break: break-all; }
.privacy p strong { font-weight: bold; font-size: 18px; }

@media screen and (max-width:992px){  


.searchbox1 { width: 100%; }
.seach_news ul li h4 a { font-size: 18px; }
.seach_news { margin-top: 0px; }
.search_content { padding: 60px 0px; }


}