@charset "utf-8";
* {font-family: "微软雅黑", "宋体", "黑体"; margin: 0px; padding: 0px; border: none; color: #333; font-size: 1em; list-style: none; list-style-type: none; text-decoration: none; box-sizing: border-box; transition: all 0.5s; } a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
@font-face {font-family: 'iconfont'; src: url('../iconfont/iconfont.eot'); src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../iconfont/iconfont.woff2') format('woff2'), url('../iconfont/iconfont.woff') format('woff'), url('../iconfont/iconfont.ttf') format('truetype'), url('../iconfont/iconfont.svg#iconfont') format('svg'); }
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container-fluid {padding: 0;}
@media screen and (min-width: 1200px) {
	.container {width: 1200px;padding: 0;}
	
	header {box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.hairline {background: #f5f5f5;box-shadow: 0 0 5px -3px #dddddd;}
	.hairline .hl-lt {padding: 0 5px;}
	.hairline .hl-rt {padding: 0 5px;}
	.hairline p {margin: 0;padding: 5px 0;color: #666;line-height: 20px;}
	.hairline .hl-rt p {text-align: right;}
	.hairline strong {color: #666;cursor: pointer;}
	.hairline strong:hover {color: orange;}
	.hairline a {display: inline-block;width: auto;text-align: center;color: #666;padding: 0 0.5em;}
	.hairline a:hover {color: orange;font-weight: bold;text-decoration: none;}

	.head {padding: 10px 0;}
	.head-logo {padding: 0;}
	.head-logo .img-box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head-title {padding: 0;}
	.head-title .title-box {/*display: inline-block;*/margin: 10px 0;padding: 0 10px;text-align: left;border-left: 1px solid #b8b8b8; }
	.head-title .title-box strong {display: block;margin: 0;padding: 0;font-size: 30px;line-height: 40px;color: #0994dc;/*background-image: linear-gradient(to bottom, #0994dc, #d9301d);-webkit-background-clip:text;color: transparent;*/}
	.head-title .title-box small {margin: 0;padding: 0;font-size: 14px;line-height: 20px;color: #464646;text-transform: uppercase;white-space: pre;}
	
	.head-btn {display: none;}

	.head-info {padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.head-info span.iconfont {display: block;float: right;margin: 20px 0 0;;width: 60px;height: 60px;background: url(../images/hotline.png) center center no-repeat;}
	.head-info .txt-box {float: right;}
	.head-info .txt-box strong {display: block;font-size: 16px;line-height: 20px;color: #464646;}
	.head-info .txt-box p {margin: 0;font-size: 20px;line-height: 30px;color: #0994dc;font-weight: bold;}

	.menu {background: #0f132d;border-bottom: 1px solid #ea150d;box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.menu .menu-body {padding: 0;}
    .menu ul.LevSup {margin: 0;}
    .menu ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
    .menu ul.LevSup li.LabTop {float: left;width: 12.5%;text-align: center;padding: 5px 10px;line-height: 30px;position: relative;}
    .menu ul.LevSup li.LabTop span {display: none;}
    .menu ul.LevSup li.LabTop i {border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ffffff;z-index: -1;opacity: 0;visibility: hidden;position: absolute;left: calc(50% - 4px);bottom: -10px;}
    .menu ul.LevSup li.LabTop a.Topa {display: block;font-size: 16px;white-space: nowrap;transition: all;color: #fff;}
    .menu ul.LevSup li.LabTop:hover {background: #e60012;}
    .menu ul.LevSup li.LabTop:hover i {z-index: 1;opacity: 1;visibility: visible;}
    .menu ul.LevSup li.LabTop ul.LevSub {margin: 0;width: 100%;position: absolute;left: 0;top: 80px;z-index: 100;opacity: 0;visibility: hidden;transition: all 0.5s;}
    .menu ul.LevSup li.LabTop ul.LevSub.active {background: rgba(0, 0, 0, 0.5);top: 40px;z-index: 100;opacity: 1;visibility: visible;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub {float: none;width: 100%;line-height: 30px;margin: 10px 0;text-align: center;opacity: 0;transition: all 0.5s;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub a {display: block;padding: 0 0.5em;border-radius: 12px;transition: all;color: #fff;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub:hover {background: rgba(230, 0, 18, 0.8);}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 550px;line-height: 550px;}

	footer {background: url(../images/bg_foot.jpg) center center / cover no-repeat;}

	.foot-menu {padding: 0;background: #0f132d;box-shadow: 0px 3px 3px -3px #f1f1f1;}
	.foot-menu ul {margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot-menu ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-menu li {float: left;width: calc(12.5%);line-height: 40px;text-align: center;}
	.foot-menu li a {display: block;padding: 0 15px;color: #fff;font-size: 16px;}
	.foot-menu i {display: block;width: 20px;color: #fff;line-height: 40px;text-align: center;font-style: normal;}
	.foot-menu i:nth-last-child(1) {display: none;}
	.foot-menu li:hover a {color: orange;}

	.foot-body {padding: 10px 0;}
	.foot-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-contact {float: left;width: calc(50% - 20px);margin: 10px;}
	.foot-body .foot-contact strong {display: block;margin: 10px 0;font-size: 18px;line-height: 20px;padding-left: 10px;border-left: 5px solid #0994dc;color: #fff;}
	.foot-body .foot-contact p {padding-left: 15px;line-height: 30px;color: #fff;}
	.foot-body .foot-address {float: left;width: calc(50% - 20px);margin: 10px;}
	.foot-body .foot-address strong {display: block;margin: 10px 0;font-size: 18px;line-height: 20px;padding-left: 10px;border-left: 5px solid #0994dc;color: #fff;}
	.foot-body .foot-address .indexMap {height: 200px;border: 1px solid #ea150d;}

	.foot-copyright .copyright {padding: 10px 0;/*border-top: 1px solid #fff;*//*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.foot-copyright .copyright:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-copyright .copyright span {display: block;float: left;margin: 0 10px;color: #fff;}
	.foot-copyright .copyright span {float: left;}
	.foot-copyright .copyright span:nth-last-child(1) {float: right;}
	.foot-copyright .copyright a {color: #fff;}
	.foot-copyright .copyright a:hover {color: orange;}

	.Fixed {display: none;}
}
/* ---- 1024px ---- */
@media screen and (max-width: 1200px) {
	body {width: 1200px;}
	.container {width: 1200px;padding: 0;}
	
	header {box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.hairline {background: #f5f5f5;box-shadow: 0 0 5px -3px #dddddd;}
	.hairline .hl-lt {padding: 0 5px;}
	.hairline .hl-rt {padding: 0 5px;}
	.hairline p {margin: 0;padding: 5px 0;color: #666;line-height: 20px;}
	.hairline .hl-rt p {text-align: right;}
	.hairline strong {color: #666;cursor: pointer;}
	.hairline strong:hover {color: orange;}
	.hairline a {display: inline-block;width: auto;text-align: center;color: #666;padding: 0 0.5em;}
	.hairline a:hover {color: orange;font-weight: bold;text-decoration: none;}

	.head {padding: 10px 0;}
	.head-logo {padding: 0;}
	.head-logo .img-box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head-title {padding: 0;}
	.head-title .title-box {/*display: inline-block;*/margin: 10px 0;padding: 0 10px;text-align: left;border-left: 1px solid #b8b8b8; }
	.head-title .title-box strong {display: block;margin: 0;padding: 0;font-size: 30px;line-height: 40px;color: #0994dc;/*background-image: linear-gradient(to bottom, #0994dc, #d9301d);-webkit-background-clip:text;color: transparent;*/}
	.head-title .title-box small {margin: 0;padding: 0;font-size: 14px;line-height: 20px;color: #464646;text-transform: uppercase;white-space: nowrap;}
	
	.head-btn {display: none;}

	.head-info {padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.head-info span.iconfont {display: block;float: right;margin: 20px 0 0;;width: 60px;height: 60px;background: url(../images/hotline.png) center center no-repeat;}
	.head-info .txt-box {float: right;}
	.head-info .txt-box strong {display: block;font-size: 16px;line-height: 20px;color: #464646;}
	.head-info .txt-box p {margin: 0;font-size: 20px;line-height: 30px;color: #0994dc;font-weight: bold;}

	.menu {background: #0f132d;border-bottom: 1px solid #ea150d;box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.menu .menu-body {padding: 0;}
    .menu ul.LevSup {margin: 0;}
    .menu ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
    .menu ul.LevSup li.LabTop {float: left;width: 12.5%;text-align: center;padding: 5px 10px;line-height: 30px;position: relative;}
    .menu ul.LevSup li.LabTop span {display: none;}
    .menu ul.LevSup li.LabTop i {border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ffffff;z-index: -1;opacity: 0;visibility: hidden;position: absolute;left: calc(50% - 4px);bottom: -10px;}
    .menu ul.LevSup li.LabTop a.Topa {display: block;font-size: 16px;white-space: nowrap;transition: all;color: #fff;}
    .menu ul.LevSup li.LabTop:hover {background: #e60012;}
    .menu ul.LevSup li.LabTop:hover i {z-index: 1;opacity: 1;visibility: visible;}
    .menu ul.LevSup li.LabTop ul.LevSub {margin: 0;width: 100%;position: absolute;left: 0;top: 80px;z-index: 100;opacity: 0;visibility: hidden;transition: all 0.5s;}
    .menu ul.LevSup li.LabTop ul.LevSub.active {background: rgba(0, 0, 0, 0.5);top: 40px;z-index: 100;opacity: 1;visibility: visible;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub {float: none;width: 100%;line-height: 30px;margin: 10px 0;text-align: center;opacity: 0;transition: all 0.5s;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub a {display: block;padding: 0 0.5em;border-radius: 12px;transition: all;color: #fff;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub:hover {background: rgba(230, 0, 18, 0.8);}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 550px;line-height: 550px;}

	footer {background: url(../images/bg_foot.jpg) center center / cover no-repeat;}

	.foot-menu {padding: 0;background: #0f132d;box-shadow: 0px 3px 3px -3px #f1f1f1;}
	.foot-menu ul {margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot-menu ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-menu li {float: left;width: calc(12.5%);line-height: 40px;text-align: center;}
	.foot-menu li a {display: block;padding: 0 15px;color: #fff;font-size: 16px;}
	.foot-menu i {display: block;width: 20px;color: #fff;line-height: 40px;text-align: center;font-style: normal;}
	.foot-menu i:nth-last-child(1) {display: none;}
	.foot-menu li:hover a {color: orange;}

	.foot-body {padding: 10px 0;}
	.foot-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-contact {float: left;width: calc(50% - 20px);margin: 10px;}
	.foot-body .foot-contact strong {display: block;margin: 10px 0;font-size: 18px;line-height: 20px;padding-left: 10px;border-left: 5px solid #0994dc;color: #fff;}
	.foot-body .foot-contact p {padding-left: 15px;line-height: 30px;color: #fff;}
	.foot-body .foot-address {float: left;width: calc(50% - 20px);margin: 10px;}
	.foot-body .foot-address strong {display: block;margin: 10px 0;font-size: 18px;line-height: 20px;padding-left: 10px;border-left: 5px solid #0994dc;color: #fff;}
	.foot-body .foot-address .indexMap {height: 200px;border: 1px solid #ea150d;}

	.foot-copyright .copyright {padding: 10px 0;/*border-top: 1px solid #fff;*//*display: flex;flex-wrap: wrap;justify-content: center;align-items: center;*/}
	.foot-copyright .copyright:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-copyright .copyright span {display: block;float: left;margin: 0 10px;color: #fff;}
	.foot-copyright .copyright span {float: left;}
	.foot-copyright .copyright span:nth-last-child(1) {float: right;}
	.foot-copyright .copyright a {color: #fff;}
	.foot-copyright .copyright a:hover {color: orange;}

	.Fixed {display: none;}
}
@media screen and (max-width: 1024px) {}
/* ---- 991px ---- */
@media screen and (max-width: 992px) {}
/* ---- 768px ---- */
@media screen and (max-width: 768px) {
	body {width: auto;}
	.container {width: 100%;padding: 0;}
	
	header {position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; z-index: 100; }

	.hairline {padding: 5px 0;display: none;}
	.hairline .hl-lt p {padding: 0;text-align: center;}
	.hairline .hl-rt p {padding: 0;text-align: center;}
	

	.head {padding: 5px 0;}

	.head-title .title-box {}

	.head-logo .img-box {height: 80px;}
	.head-title .title-box {margin: 10px 0;padding: 0 5px;text-align: center;}
	.head-title .title-box strong {font-size: 24px;line-height: 40px;}
	.head-title .title-box small {white-space: inherit;}
	.head-info {display: none;}
	.head-btn {display: block;}
	.head-btn {display: block;height: 80px;padding: 0;}
	.head-btn .btn-menu {height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-btn .btn-menu span {display: block;margin: 0 auto;width: 40px;height: 40px;font-size: 28px;line-height: 40px;text-align: center;color: #0994dc;}

	.brows-body {height: auto;background: none;}
	.brows-body .br-top {display: block;padding: 0;}
	.brows-body .br-top .top-con {padding: 0;}

	.brows-body .br-logo {float: left;width: 60px;height: 60px;padding: 5px;}
	.brows-body .br-title {float: left;width: calc(100% - 60px);padding: 5px;}
	.brows-body .br-title strong {display: block;font-size: 20px;line-height: 30px;color: #2474ff;}
	.brows-body .br-title small {display: block;font-size: 12px;line-height: 20px;}

	.brows-body .br-top .top-btn {padding: 0;}
	.brows-body .br-top .top-btn {display: block;height: 60px;padding: 0;}
	.brows-body .br-top .top-btn .btn-menu {height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.brows-body .br-top .top-btn .btn-menu span {display: block;margin: 0 auto;width: 40px;height: 40px;font-size: 28px;line-height: 40px;text-align: center;color: #0994dc;}

    /* ---- nav ---- */
    .menu {width: 100%;max-width: 100%;height: 100%;margin: 0;padding: 0;background: rgba(0, 0, 0, 0.375);z-index: 99;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
    .menu .menu-body {width: 100%;height: 100%;padding: 0;}
    .menu .head-nav {width: 50%;height: 100%;margin: 0;}
    .menu ul.LevSup {display: block;width: 50%;height: 100%;margin: 0;padding: 20px 0;background: #0994dc;border-right: 4px solid #f1f1f1;position: static;top: auto;}
    .menu ul.LevSup li.LabTop {float: none;width: 100%;max-width: inherit;min-width: inherit;margin: 0;padding: 0;display: block;}
    .menu ul.LevSup li.LabTop span {display: block;}
    .menu ul.LevSup li.LabTop a.Topa {display: inline;margin: 0;padding: 0 2em 0 0;border: none;background: none;color: #fff;}
    .menu ul.LevSup li.LabTop:hover {background: none;}
    .menu ul.LevSup li.LabTop:hover a.Topa {background: none;box-shadow: none;border-radius: unset;color: #fff;}
    .menu ul.LevSup li.LabTop:hover i {display: none;}
    .menu ul.LevSup li.LabTop span.indicator {position: absolute;right: 1em;top: 5px;}
    .menu ul.LevSup li.LabTop span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}
    .menu ul.LevSup li.LabTop ul.LevSub {width: 100%;margin: 0;padding: 0;display: none;opacity: 0;z-index: -1;position: absolute;top: 100%;left: 0;transition: all 0.5s;background: none;}
    .menu ul.LevSup li.LabTop ul.LevSub.active {position: static;display: block;margin: 0;opacity: 1;background: none;}

    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub {width: 100%;margin: 0;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 0;transition: all 0.5s;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub a.Topa {margin: 0;padding: 0;width: 100%;background: none;}
    .menu ul.LevSup li.LabTop ul.LevSub li.LabSub:hover a {background: none;box-shadow: unset;color: #fff;}

    .banner {margin-top: 90px;}
    .banner .swiper-container .swiper-slide {height: 280px;line-height: 280px;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 24px;}

	/* ---- search ---- */
	.search {padding: 10px 0;}
	.search-body .keywords {width: 50%;padding: 0 5px;}
	.search-body .keywords .title {padding: 0;}
	.search-body .keywords .words {padding: 0;}
	.search-body .keywords .words a {display: none;}
	.search-body .keywords .words a:nth-of-type(1) {display: block;}
	.search-body .formbody {width: 50%;padding: 0 5px;}
	.search-body .formbody form {width: 75%;height: 30px;}

	.search-body .formbody .keyword {width: 100%;padding: 5px 5px;font-size: 14px;height: 30px;line-height: 20px;}
	.search-body .formbody .submit {width: 30px;height: 30px;line-height: 30px;}
	.search-body .formbody .submit span {font-size: 16px;}


    .foot-body {padding: 5px;padding-bottom: 60px;}
    .foot-body .foot-links .links-hd strong {font-size: 20px;}
    .foot-body .foot-links .links-bd {padding: 5px 0;}
    .foot-body .foot-links .links-bd a {font-size: 14px;line-height: 20px;}

    .foot-body .foot-menu {padding: 10px 0;}
    .foot-body .foot-menu ul {background: none;padding: 0;}
    .foot-body .foot-menu li {width: calc(25% - 10px);margin: 5px;height: 30px;line-height: 30px;}
    .foot-body .foot-menu li a {font-size: 14px;}
    .foot-body .foot-menu i {display: none;}

	.foot-body .foot-info li {width: 100%;margin: 10px 0;padding: 0 10%;}
    .foot-body .foot-info .info-lt {float: none;width: 100%;}
    .foot-body .foot-info .info-rt {float: none;width: 100%;}
    .foot-body .foot-info .info-rt .copyright {padding: 10px;height: auto;text-align: center;}
    .foot-body .foot-info .info-rt .copyright p {margin: 0;line-height: 30px;}

    .Fixed {display: block;width: 100%;padding: 0;height: 60px;background: #0994dc;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);}
    .Fixed ul {width: 100%;height: 100%;}
    .Fixed ul li {float: left;width: 20%;padding: 10px 0;}
    .Fixed ul li span {display: block;width: 40px;height: 20px;line-height: 20px;text-align: center;margin: 0 auto;font-size: 28px;color: #fff;}
    .Fixed ul li p {font-size: 14px;line-height: 20px;text-align: center;color: #fff;}
}
/* ---- 640px ---- */
@media screen and (max-width: 640px) {
	.head {padding: 0;}
	.head-logo .img-box {margin: 10px auto;height: 60px;}
	.head-btn {height: 60px;}

    .banner {margin-top: 80px;}
    .banner .swiper-container .swiper-slide {height: 280px;line-height: 280px;}


	.foot-menu li {width: calc(25% - 10px);margin: 5px;line-height: 30px;}
	.foot-menu li a {padding: 0;font-size: 14px;}

	.foot-body {padding: 0;}
	.foot-body .foot-contact {float: none;width: 100%;margin: 0;padding: 10px;}
	.foot-body .foot-address {float: none;width: 100%;margin: 0;padding: 10px;}

	.foot-copyright {padding-bottom: 60px;}
	.foot-copyright .copyright span {float: none !important;text-align: center;}
}
/* ---- 414px ---- */
@media screen and (max-width: 414px) {
	.head-logo .img-box {margin: 5px auto;width: 50px;height: 50px;}
	.head-title .title-box {margin: 5px 0;}
	.head-title .title-box strong {font-size: 18px;line-height: 30px;}
	.head-title .title-box small {font-size: 12px;line-height: 20px;}

	.banner {margin-top: 60px;}
	.banner .swiper-container .swiper-slide {height: 190px;}
}
/* ---- 375px ---- */
@media screen and (max-width: 375px) {
	.head-title .title-box {padding: 0;padding-left: 4px;}
	.banner .swiper-container .swiper-slide {height: 160px;}
	.foot-body .foot-contact p {margin: 0;font-size: 14px;line-height: 24px;}
}
/* ---- 360px ---- */
@media screen and (max-width: 360px) {
	.head-title .title-box strong {font-size: 14px;}
}
/* ---- 320px ---- */
@media screen and (max-width: 320px) {
	.head-title .title-box small {display: block;height: 20px;overflow: hidden;}
	.banner .swiper-container .swiper-slide {height: 140px;}
}