.wrap { max-width: 1400px; margin: 0 auto; padding: 0 40px; box-sizing: border-box;}
.headline { text-align: center; margin-bottom: 60px;}
.headline strong { font-size: 32px; display: block;}
.headline span { color: #999; border-bottom: 4px solid #007aff; padding: 0 0 10px 0; display: inline-block;}

.page_header { position: fixed; left: 0; top: 0; right: 0; z-index: 999;}
.page_header .logo { float: left;}
.page_header .logo img { height: 60px; padding: 10px 0;}
.page_header .nav { float: right;}
.page_header .nav li { display: inline-block; padding: 25px 15px;}
.page_header .nav a { display: block; color: #fff; padding:5px 15px;}
.page_header .nav a.active { background: #007aff; border-radius: 50px;}
.page_header_dark { background: rgba(1,0,38,0.7);}

.swiper img { width: 100%; vertical-align: top;}
.banner { position: relative; color: #fff; text-align: center;}
.banner .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.banner img { width: 100%;}
.banner strong { font-size: 32px; display: block;}
.banner span { border-bottom: 4px solid #fff; padding: 0 0 10px 0; display: inline-block; }

.menu { border-bottom: 1px solid #eee; text-align: center;}
.menu li { display: inline-block;}
.menu li a { padding: 20px 20px; display: block; color: #999; font-weight: bold; border-bottom: 2px solid #fff; box-sizing: border-box;}
.menu li a:hover { color: #007aff;}
.menu li a.active { color: #007aff; border-bottom: 2px solid #007aff;}

.service { padding: 60px 0 80px 0;}
.service .desc { margin-bottom: 50px; line-height: 1.8em;}
.service ul { display: flex; justify-content:space-between; flex-wrap: wrap;}
.service li { width: 23%; padding: 30px; text-align: center; background: #f8f8f8;}
.service li strong { display: block; margin:20px 0 10px 0; font-size: 18px;}
.service .icon { width: 30%; overflow: hidden; margin: 0 auto;}
.service .icon img {filter: drop-shadow(#007aff 80px 0); transform: translateX(-80px);}
.service li:hover { background: #007aff; color: #fff;}
.service li:hover .icon img { filter: drop-shadow(#fff 80px 0);}

.case_bg { background: #f8f8f8;}
.case { padding: 60px 0 80px 0;}
.case ul { display: flex; justify-content:space-between; flex-wrap: wrap;}
.case li { width: 31%; position: relative;}
.case li:last-child { display: none;}
.case .pic { position: relative;}
.case .pic img { width: 100%;}
.case .title { margin:5px 0 5px 0;}
.case .desc { height: 3em; color: #999; font-size: 14px; margin-bottom: 20px;}
.case li:hover .title { color: #007aff;}
.case li:hover .pic a img { margin-top: -5px; border-bottom: 5px solid #007aff;}

.partner { padding: 60px 0 80px 0;}
.partner img { width: 150px; margin: 0 5px; border: 1px solid #eee;}
.partner_swiper { overflow: hidden;}
.partner_swiper .swiper-slide { width: auto;}
.partner_swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.page_footer { padding: 50px 0; background: rgba(1, 0, 38, 1); color: #ccc; font-weight: 100;}
.page_footer .cont {display: flex; justify-content:space-between; align-items: center; text-align: center;}
.page_footer .logo img { height: 60px; padding:0 0 10px 0; opacity: 0.7;}
.page_footer .nav a { padding: 0 10px;}
.page_footer .text { margin: 10px 0;}
.page_footer .qrcode { width: 100px;}
.page_footer a { color: #ccc;}


/*--正文--*/
.content { overflow: hidden; zoom:1; padding: 60px 0 80px 0; min-height: 400px; line-height: 1.8em;}
.content h3 { font-size: 18px; color: #007aff;}
.content p { margin-bottom: 1.5em;}
.content img { max-width: 100%;}
.content a { color: #007aff;}


/*--other--*/
.media li { padding: 30px 0; border-bottom: 1px dotted #ccc;  display: flex; }
.media .pic { width: 16%; margin-right: 30px;}
.media .pic img {width: 100%;}
.media .info { flex: 1;}
.media .title { font-weight: bold;}
.media .desc { font-size: 14px;}

.news_detail .title { font-size: 28px; text-align: center; font-weight: bold; margin-top: 30px;}
.news_detail .time { font-size: 14px; text-align: center; color: #999; margin-top: 10px;}
.news_detail .text { padding: 30px 0; border-top: 1px solid #ddd; margin-top: 10px;}
.news_detail p { margin-bottom: 1.5em;}
.news_detail img { max-width: 100%;}

@media screen and ( max-width:1024px) {
	body { font-size: 14px;}
}

@media screen and ( max-width:960px) {
	.wrap { padding: 20px;}
	.headline { margin:0 0 30px 0;}
	.headline strong { font-size: 20px;}
	.headline span { font-size: 12px; }
	
	.page_header { height: 60px; background: rgba(1,0,38,1);}
	.page_header .logo { position: absolute; left: 15px; top: -5px; padding: 0;}
	.page_header .logo img { height: 30px; }
	.page_header .nav { position: absolute; left: 0; top: 60px; width: 100%; height: 100vh; display: none; background: rgba(1,0,38,1);}
	.page_header .nav li { display: block; padding: 0 15px; margin: 15px 0;}
	.page_header .nav a { padding: 10px; text-align: center; font-size: 16px;}
	.page_header .nav a.active { background: #007aff; border-radius: 50px;}
	.page_header .btn { width: 60px; height: 60px; background: url(../images/icon_menu.png) no-repeat center; background-size: 50%; position: absolute; top: 0; right: 0; z-index: 99;}
	.page_header .btn2 { background-image: url(../images/icon_close.png);}
	.page_header_dark { background: rgba(1,0,38,1);}
	
	.menu .wrap { padding: 0;}
	.menu li a { padding:15px 10px;}
	
	.swiper { margin-top:58px;}
	.swiper .swiper-button-next, .swiper .swiper-button-prev { display: none;}
	.swiper .swiper-slide { height: 50vw;}
	.swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
		
	.banner { margin-top: 58px;}
	.banner strong { font-size: 20px; display: block;}
	.banner span { font-size: 10px; border: none; padding: 0;}
	
	.service { padding: 0; background: url("../images/bg1.jpg") no-repeat center top; background-size: contain;}
	.service li { width: 49%; margin-bottom: 7px; padding: 10px; background: #007aff; color: #fff;}
	.service li strong { font-size: 12px; margin-bottom: -2px; margin-top: 2px; line-height: 1em;}
	.service li span { font-size: 9px; line-height: 1em;}
	.service li .icon img { filter: drop-shadow(#fff 80px 0); width: 28px;}
	.service .desc { margin-bottom: 30px;}
	
	.case { padding: 0;}
	.case li { width: 100%;}
	.case li:last-child { display: block;}
	.case .title { font-size: 16px; font-weight: bold;}
	.case .desc { margin-bottom: 0;}
	
	.partner { padding: 0;}
	.content { padding: 0;}
	
	.partner img { width: 80px;}
	
	.news_detail .title { font-size: 16px;}
	
	.page_footer { padding: 0; font-size: 10px;}
	.page_footer .wrap { padding: 10px 0;}
	.page_footer .col_2 { width: 100%; opacity: 0.4;}
	.page_footer .col_1, .page_footer .col_3, .page_footer .nav, .page_footer .text { display: none;}
}