@charset "utf-8";
* {color: #333;margin: 0px;padding: 0px;border: none;font-size: 14px;list-style: none;transition: all 0.5s;list-style-type: none;text-decoration: none;box-sizing: border-box;font-family: "微软雅黑", "宋体", "黑体";}
a{color:inherit;text-decoration: none;}
a:hover {text-decoration: none !important;}

@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;}

@media screen and (min-width: 1520px) {
	header {position: relative;}
	/* ---- head ---- */
	.come {background: url(../images/bg_come.jpg) center center / cover no-repeat;}
	.come .come-lt {}
	.come .come-rt {}
	.come .come-rt p {margin: 0;font-size: 14px;line-height: 40px;text-align: right;}
	.come .come-rt p span {padding: 0 0.5em;color: #fff;}
	.come .come-rt p a {color: #fff;}
	.head {}
	.hd-body {padding: 0;}
	.hd-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.hd-body .hd-text {width: 500px;padding: 20px 0;}
	.hd-body .hd-text .txt-box {padding: 0 10px;}
	.hd-body .hd-text .txt-box strong {display: block;font-size: 28px;line-height: 40px;color: #1e69e0;letter-spacing: 1px;font-family: "方正正大黑简体";}
	.hd-body .hd-btn {display: none;}
	/* ---- menu ---- */
	.hd-body .hd-menu {width: calc(100% - 500px);padding: 0;position: initial;}
	ul.LevSup {height: 80px;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	li.LabTop {float: left;width: calc((1/7)*100% - 10px);margin: 0 5px;padding: 20px 0;}
	li.LabTop a {display: block;width: 100%;padding: 0;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;overflow: hidden;position: relative;}
	li.LabTop:hover a.Topa {color: #1c5df3;font-weight: bold;}
	li.LabTop.active a.Topa {color: #1c5df3;font-weight: bold;}
	li.LabTop span {display: none;}
	li.LabTop .LevBox {width: 100%;overflow: hidden;background: rgba(255,255,255,0.75);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 1s;}
	li.LabTop .LevBox.active {height: 200px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;left: 0;top: 100%}
	li.LabTop .LevBox .LevCon {display: none;}
	li.LabTop .LevBox.active .LevCon {display: block;}
	li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSub {width: 100%;margin: 0;padding: 0;display: block;z-index: 1;transition: all 0.5s;}
	ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSub.active{position: static;margin: 0;display: block;}
	li.LabSub {width: 100%;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px ;}
	li.LabSub a {margin: 0;padding: 0;width: 100%;}
	li.LabSub a:hover {background: none;color: #0167ae;}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;position: relative;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 680px;line-height: 680px;}
	
	/* ---- footer ---- */
	footer {background: url(../images/bg_footer.jpg) center / cover no-repeat;}
	.foot-body {height: 210px;padding: 15px 0;}
	.foot-body .foot-lt {height: 100%;padding: 0 10px 0 90px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: center;}
	.foot-body .foot-lt .tit-box {width: 100%;}
	.foot-body .foot-lt .tit-box strong {display: block;width: 100%;font-size: 20px;line-height: 40px;color: #fff;}
	.foot-body .foot-lt .txt-box {width: 100%;}
	.foot-body .foot-lt .txt-box p {margin: 0;font-size: 16px;line-height: 30px;color: #fff;}
	.foot-body .foot-ct {height: 100%;padding: 0 40px;}
	.foot-body .foot-ct p {margin: 0;font-size: 14px;line-height: 30px;color: #fff;}
	.foot-body .foot-rt {height: 100%;padding: 0 90px 0 10px;text-align: center;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.foot-body .foot-rt .scan-box {width: 150px;float: right;}
	.foot-body .foot-rt .scan-box .img-box {float: left;width: 120px;height: 120px;background: #fff;}
	.foot-body .foot-rt .scan-box p {float: left;margin: 0;height: 120px;font-size: 18px;text-align: center;line-height: 30px;color: #fff;writing-mode: vertical-rl;letter-spacing: 2px;}

	.copyright {background: #1b1b1b;}
	.copyright-body {}
	.copyright-body .text-box {height: 40px;line-height: 40px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.copyright-body .text-box span {display: block;padding: 0 1em;color: #fff;}
	.copyright-body .text-box a {color: #fff;}
	.copyright-body .text-box a:hover {color: #ff5908;}

	.Fixed {display: none;}
}

@media screen and (max-width: 1520px) {
	header {position: relative;}
	/* ---- head ---- */
	.come {background: url(../images/bg_come.jpg) center center / cover no-repeat;}
	.come .come-lt {}
	.come .come-rt {}
	.come .come-rt p {margin: 0;font-size: 14px;line-height: 40px;text-align: right;}
	.come .come-rt p span {padding: 0 0.5em;color: #fff;}
	.come .come-rt p a {color: #fff;}
	.head {}
	.hd-body {padding: 0;}
	.hd-body:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.hd-body .hd-text {width: 500px;padding: 20px 0;}
	.hd-body .hd-text .txt-box {padding: 0 10px;}
	.hd-body .hd-text .txt-box strong {display: block;font-size: 28px;line-height: 40px;color: #1e69e0;letter-spacing: 1px;font-family: "方正正大黑简体";}
	.hd-body .hd-btn {display: none;}
	/* ---- menu ---- */
	.hd-body .hd-menu {width: calc(100% - 500px);padding: 0;position: initial;}
	ul.LevSup {height: 80px;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
	ul.LevSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	li.LabTop {float: left;width: calc((1/7)*100% - 10px);margin: 0 5px;padding: 20px 0;}
	li.LabTop a {display: block;width: 100%;padding: 0;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;overflow: hidden;position: relative;}
	li.LabTop:hover a.Topa {color: #1c5df3;font-weight: bold;}
	li.LabTop.active a.Topa {color: #1c5df3;font-weight: bold;}
	li.LabTop span {display: none;}
	li.LabTop .LevBox {width: 100%;overflow: hidden;background: rgba(255,255,255,0.75);z-index: 0;opacity: 0;position: static;left: 0;top: 120%;transition: all 1s;}
	li.LabTop .LevBox.active {height: 200px;padding: 20px 20px;z-index: 1000;opacity: 1;position: absolute;left: 0;top: 100%}
	li.LabTop .LevBox .LevCon {display: none;}
	li.LabTop .LevBox.active .LevCon {display: block;}
	li.LabTop .LevBox .LevCon .TypeName {padding: 0 10px;}
	li.LabTop .LevBox .LevCon .TypeName p {margin: 0;text-align: left;font-size: 28px;line-height: 50px;color: #333333;}
	li.LabTop .LevBox .LevCon .TypeName hr {width: 60px;height: 2px;margin: 8px 0 0;border: none;background: #f04b01;}
	ul.LevSub {width: 100%;margin: 0;padding: 0;display: block;z-index: 1;transition: all 0.5s;}
	ul.LevSub:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	ul.LevSub.active{position: static;margin: 0;display: block;}
	li.LabSub {width: 100%;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.5s;}
	li.LabSub {float: left;width: calc((100% / 6) - 20px);margin: 10px ;}
	li.LabSub a {margin: 0;padding: 0;width: 100%;}
	li.LabSub a:hover {background: none;color: #0167ae;}

	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;position: relative;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 680px;line-height: 680px;}
	
	/* ---- footer ---- */
	footer {background: url(../images/bg_footer.jpg) center / cover no-repeat;}
	.foot-body {height: 210px;padding: 15px 0;}
	.foot-body .foot-lt {height: 100%;padding: 0 10px 0 90px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: center;}
	.foot-body .foot-lt .tit-box {width: 100%;}
	.foot-body .foot-lt .tit-box strong {display: block;width: 100%;font-size: 20px;line-height: 40px;color: #fff;}
	.foot-body .foot-lt .txt-box {width: 100%;}
	.foot-body .foot-lt .txt-box p {margin: 0;font-size: 16px;line-height: 30px;color: #fff;}
	.foot-body .foot-ct {height: 100%;padding: 0 40px;}
	.foot-body .foot-ct p {margin: 0;font-size: 14px;line-height: 30px;color: #fff;}
	.foot-body .foot-rt {height: 100%;padding: 0 90px 0 10px;text-align: center;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.foot-body .foot-rt .scan-box {width: 150px;float: right;}
	.foot-body .foot-rt .scan-box .img-box {float: left;width: 120px;height: 120px;background: #fff;}
	.foot-body .foot-rt .scan-box p {float: left;margin: 0;height: 120px;font-size: 18px;text-align: center;line-height: 30px;color: #fff;writing-mode: vertical-rl;letter-spacing: 2px;}

	.copyright {background: #1b1b1b;}
	.copyright-body {}
	.copyright-body .text-box {height: 40px;line-height: 40px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.copyright-body .text-box span {display: block;padding: 0 1em;color: #fff;}
	.copyright-body .text-box a {color: #fff;}
	.copyright-body .text-box a:hover {color: #ff5908;}

	.Fixed {display: none;}
}

@media (max-width: 1024px){}

@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 640px) {
}

@media (max-width: 414px) {
	body {width: 100%;}
	.container {width: 100%;}
	.come {display: none;}
	.head {height: 60px;border: none;}
	.hd-body {height: auto;margin: 0;padding: 0;}
	.hd-body .hd-text {padding: 0;width: 66.66666667%;margin-left: 16.6666667%;padding: 5px 0;}
	.hd-body .hd-text .txt-box {padding: 0;text-align: center;}
	.hd-body .hd-text .txt-box strong {font-size: 16px;line-height: 50px;}

	.hd-body .hd-btn {display: block;padding: 0;}
	.hd-body .hd-btn .btn-menu {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.hd-body .hd-btn .btn-menu span {display: block;margin: 0 auto;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 32px;color: #003e97;}

	/* ---- menu ---- */
	.hd-body .hd-menu {margin: 0;width: 100%;height: 100%;padding: 0;border: none;background: rgba(0,0,0,0.1);z-index: 99;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
	.menu-body {width: 50% !important;height: 100%;margin: 0;}
	ul.LevSup {display: block;width: 100%;height: 100%;margin: 0;padding: 20px 0;background: #0f55c3;border-right: 4px solid #f1f1f1;position: static;top: auto;}
	li.LabTop a.Topa {width: calc(100% - 40px);height: 30px;line-height: 30px;margin-right: 40px;border: none;color: #fff;}
	li.LabTop a.Topa:hover {color: #fff;border: none;}
	li.LabTop a.Topa:hover:after {display: none;}
	li.LabTop {float: none;width: 100%;margin: 0;padding: 0;position: relative;}
	li.LabTop a {margin: 0;padding: 0 2em 0 0;border: none;background: none;font-size: 14px;line-height: 30px;color: #fff;}
	li.LabTop a:before {display: none;}
	li.LabTop .LevBox {height: auto;z-index: 99;opacity: 1;}
	li.LabTop .LevBox .LevCon {display: block;}
	li.LabTop .LevBox .LevCon .TypeName {display: none;}
	li.LabTop span.indicator {position: absolute;right: 1em;top: 10px;}
	li.LabTop span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}
	ul.LevSub {height: 0;z-index: -1;}
	ul.LevSub.active {height: auto;z-index: 1;position: static;}
	ul.LevSub.active li.LabSub.active {opacity: 1;}
	li.LabSub {float: none;width: 100%;margin: 0;padding: 0;opacity: 0;}
	li.LabSub a {height: 30px;line-height: 30px;padding: 0;color: #666;}

	.banner .swiper-container .swiper-slide {height: 170px;line-height: 170px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {font-size: 24px;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px;}

	.foot-body {height: auto;padding: 10px 7px;}
	.foot-body .foot-lt {padding: 10px 30px;}
	.foot-body .foot-ct {padding: 10px 30px;}
	.foot-body .foot-rt {padding: 0;justify-content: center;}
	.foot-body .foot-rt .scan-box p {font-size: 14px;}

	.copyright {padding-bottom: 60px;}
	.copyright span {display: block;float: none !important;text-align: center !important;}
	.copyright-body {padding: 0;}
	.copyright-body .menu-box {height: auto;line-height: 30px;}
	.copyright-body .menu-box a {width: 25%;padding: 0 5px;}
	.copyright-body .text-box {height: auto;line-height: 20px;justify-content: center;}

	.Fixed {display: block;padding: 0;width: 100%;height: 60px;background: #0f55c3;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;}
	.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;}
}
@media (max-width: 375px) {
	.hd-body .hd-text .txt-box strong {font-size: 14px;}
}
@media (max-width: 360px) {
	.foot-body .foot-lt {padding: 10px;}
	.foot-body .foot-ct {padding: 10px;}
	.foot-body .foot-rt {padding: 10px;}
}
@media (max-width: 320px) {
}