@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 {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
@media (min-width: 1200px){.container {width: 1200px;}}
@media (min-width: 992px) and (max-width: 1199px){.container {width: 960px;}}
@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;
}
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	/* ---- header ---- */
	header {height: 100px;padding: 0 !important;}
	.head-body {height: 100%;padding: 0;overflow: hidden;}
	.head-left {margin: 0;padding: 0;}
	.head-left .head-logo {padding: 0 !important;}
	.head-left .head-logo .img-box {width: 88px;height: 70px;margin: 15px 0px;overflow: hidden;}
	.head-left .head-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head-left .head-title {height: 100%;padding: 0 !important;}
	.head-left .head-title .title-text {margin: 15px 0;}
	.head-left .head-title .title-text h3 {font-size: 32px;line-height: 50px;margin: 0;color: #555;font-weight: bold;}
	.head-left .head-title .title-text p {font-size: 14px;line-height: 20px;margin: 0;color: #555;letter-spacing: 2px;}

	.head-right {margin: 0;padding: 0;}
	.head-right .head-slogan {margin: 10px 0;padding: 0;}
	.head-right .head-slogan .slogan-box {margin: 10px 0;padding-left: 10px;border-left: 1px solid #797979;}
	.head-right .head-slogan .slogan-box h3 {margin: 0;font-size: 20px;line-height: 30px;font-weight: bold;color: #001ec8;}
	.head-right .head-slogan .slogan-box p {margin: 0;font-size: 16px;line-height: 30px;}

	.head-right .head-contact {margin: 10px 0;padding: 0;}
	.head-right .head-contact .contact-box {margin: 10px 0 10px 60px;}
	.head-right .head-contact .contact-box span.iconfont {display: block;margin: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 40px;color: #555555;}
	.head-right .head-contact .contact-box p {margin: 0;width: calc(100% - 60px);float: right;font-size: 16px;line-height: 30px;}
	.head-right .head-contact .contact-box h3 {margin: 0;width: calc(100% - 60px);float: right;font-size: 20px;line-height: 30px;color: #2862b5;font-weight: bold;}

	.head-body .head-Btn {display: none;}

	/* ---- nav ---- */
	.nav {padding: 0 !important;background: none;}
	.nav-body {padding: 0;}
	.nav-body ul.LevSup {margin: 0;padding: 0;height: 50px;display: flex;display: -webkit-flex;justify-content: space-around;position: relative;z-index: 100;}
	.nav-body ul.LevSup li.LabTop {width: calc(13.5% - 20px);margin: 0px;text-align: center;line-height: 50px;position: relative;}
	.nav-body ul.LevSup li.LabTop a {display: block;margin: 0 auto;font-size: 16px;line-height: 50px;color: #000;}
	.nav-body ul.LevSup li.LabTop a:hover {text-decoration: none;color:#044bad;}
	.nav-body ul.LevSup li.LabTop span.iconfont {display: none;}
	.nav-body ul.LevSub {width: 100%;margin: 0 5%;display: none;z-index: -1;position: absolute;transition: all 0.5s;background:#044bad;color:#FFF;}
	.nav-body ul.LevSub.active{position: static;display: block;}
	.nav-body ul.LevSub li.LabSub {opacity: 0;transition: all 0.5s;}
	.nav-body ul.LevSup li.LabTop ul.LevSub li{ height:40px; line-height:40px;}
	.nav-body ul.LevSup li.LabTop ul.LevSub a{ color:#FFF; font-size:13px;}

	/* ---- 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: 590px;line-height: 590px;}

	/* ---- footer ---- */
	footer {padding: 0 !important;}
	.foot-nav { width:100%; height:65px; background:#2862b5}
	.foot-nav .nav-box {font-size: 16px;line-height: 65px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-nav .nav-box a {display: block;float: left; margin: 0px 25px;color: #fff;}

	
	.foot-info {padding: 0; background:#2862b5; line-height:65px;height:65px; text-align:center;}
	.foot-info p {margin: 0;line-height: 65px;white-space: nowrap;color: #fff;}
	.foot-info p a{ color: #fff;}
	/*.foot-body .foot-info p:nth-last-child(1) {margin-top: 60px;}*/
	.foot-info span {padding-right: 10px;}
	.foot-body .foot-info p,.foot-body .foot-info a,.foot-body .foot-info span,.foot-body .foot-info i,.foot-body .foot-info em {color: #fff;}
	
	.foot-body {padding-top: 35px;padding-bottom: 35px;}
	.foot-body .flogo{ width:435px; float:left; margin-left:10%;}
	.foot-body .flogo .fimg{ padding:0px 0; width:100%; height:auto; text-align:center;}
	.foot-body .flogo .fwz{  margin-top:25px; line-height:45px; color:#000;}
	
	.foot-body .foot-scan {float:right; padding-right:10%;}
	.foot-body .foot-scan .scan-box {margin: 10px 20px; float:left;}
	.foot-body .foot-scan .scan-box .img-box {width: 140px;height: 140px;display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;}
	.foot-body .foot-scan .scan-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.foot-body .foot-scan .scan-box p {margin: 0;font-size: 14px;line-height: 20px;text-align: center;color: #000;}

	.Fixed {display: none;}
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	/* ---- header ---- */
	header {height: 100px;padding: 0 !important;}
	.head-body {height: 100%;padding: 0;overflow: hidden;}
	.head-left {margin: 0;padding: 0;}
	.head-left .head-logo {padding: 0 !important;}
	.head-left .head-logo .img-box {width: 60px;height: 60px;margin: 20px auto;overflow: hidden;}
	.head-left .head-logo .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.head-left .head-title {height: 100%;padding: 0 !important;}
	.head-left .head-title .title-text {margin: 10px 0;}
	.head-left .head-title .title-text h3 {font-size: 32px;line-height: 50px;margin: 0;color: #555;font-weight: bold;}
	.head-left .head-title .title-text p {font-size: 14px;line-height: 30px;margin: 0;color: #555;letter-spacing: 2px;}

	.head-right {margin: 0;padding: 0;}
	.head-right .head-slogan {margin: 10px 0;padding: 0;}
	.head-right .head-slogan .slogan-box {margin: 10px 0;padding-left: 10px;border-left: 1px solid #797979;}
	.head-right .head-slogan .slogan-box h3 {margin: 0;font-size: 20px;line-height: 30px;font-weight: bold;color: #001ec8;}
	.head-right .head-slogan .slogan-box p {margin: 0;font-size: 16px;line-height: 30px;white-space: nowrap;}

	.head-right .head-contact {margin: 10px 0;padding: 0;}
	.head-right .head-contact .contact-box {margin: 10px 0 10px 60px;}
	.head-right .head-contact .contact-box span.iconfont {display: block;margin: 0;width: 40px;height: 60px;line-height: 60px;text-align: center;font-size: 40px;color: #ffa640;}
	.head-right .head-contact .contact-box p {margin: 0;width: calc(100% - 40px);float: right;font-size: 14px;line-height: 30px;}
	.head-right .head-contact .contact-box h3 {margin: 0;width: calc(100% - 40px);float: right;font-size: 20px;line-height: 30px;color: #001ec8;font-weight: bold;}

	.head-body .head-Btn {display: none;}
	
	/* ---- nav ---- */
	.nav {padding: 0 !important;background: #0f50cc;}
	.nav-body {padding: 0;}
	.nav-body ul.LevSup {margin: 0;padding: 0;height: 50px;background: #0f50cc;display: flex;display: -webkit-flex;justify-content: space-around;position: relative;z-index: 100;}
	.nav-body ul.LevSup li.LabTop {/*width: calc(12.5% - 20px);margin: 0 10px;*/width: 100%;margin: 0;text-align: center;line-height: 50px;position: relative;}
	.nav-body ul.LevSup li.LabTop a {display: inline;margin: 0 auto;font-size: 14px;line-height: 50px;background: #0f50cc;color: #fff;}
	.nav-body ul.LevSup li.LabTop a:hover {text-decoration: none;}
	.nav-body ul.LevSup li.LabTop span.indicator {position: absolute;right: 0;}
	.nav-body ul.LevSup li.LabTop span.iconfont {font-size: 20px;color: #fff;}
	.nav-body ul.LevSub {width: 90%;margin: 0 5%;display: none;z-index: -1;position: absolute;transition: all 0.5s;}
	.nav-body ul.LevSub li.LabSub {opacity: 0;transition: all 0.5s;background: #0f50cc;}
	.nav-body ul.LevSub.active{position: static;display: block;}

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

	/* ---- footer ---- */
	footer {padding: 0 !important;}
	.foot-nav { display:none;}
	.foot-nav .nav-box {margin: 10px 0;font-size: 16px;line-height: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-nav .nav-box a {display: block;float: left; margin-right: 20px;color: #fff;}

	.foot-body {padding-top: 20px;padding-bottom: 20px;}
	.foot-body .flogo{ width:auto; float:left; margin-left:0;}
	.foot-body .flogo .fimg{ padding:0px 0; width:96%; height:auto; text-align:center;}
	.foot-body .flogo .fimg img{ max-width:100%; height:auto;}
	.foot-body .flogo .fwz{  margin-top:15px; line-height:35px; color:#000;}
	.foot-info { padding-bottom:60px; background:#2862b5;}
	.foot-info p {line-height: 30px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;color: #fff; }
	.foot-info a{color: #fff; }
	/*.foot-body .foot-info p:nth-last-child(1) {margin-top: 60px;}*/
	.foot-body .foot-info span {padding-right: 10px;}
	.foot-body .foot-info p,.foot-body .foot-info a,.foot-body .foot-info span,.foot-body .foot-info i,.foot-body .foot-info em {color: #fff;}
	
	.foot-body .foot-scan {float:none; padding-right:0;}
	.foot-body .foot-scan .scan-box { float:left;margin: 10px 30px;}
	.foot-body .foot-scan .scan-box .img-box {width: 140px;height: 140px;display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden; text-align:center; margin:0 auto;}
	.foot-body .foot-scan .scan-box .img-box img {display: block;margin: 0 auto;max-width: 100%;max-height: 100%;}
	.foot-body .foot-scan .scan-box p {margin: 0;font-size: 14px;line-height: 20px;text-align: center;color: #fff;}

	.Fixed {display: none;}
}


/* iPad 小于等于 992px */
@media (max-width: 992px){
	/* ---- header ---- */
	.head-right .head-slogan {display: none;}
	.head-right .head-contact .contact-box {margin: 10px 0 10px 60px;}
	/* ---- nav ---- */
	.nav-body .LevSup {display: static;}

	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 360px;line-height: normal;-webkit-background-size: 150% !important;background-size: 150% !important;}

	/* ---- footer ---- */
	.foot-nav .nav-box {justify-content: space-around;}
	.foot-nav .nav-box a {margin: 0;}
	.foot-body .foot-info p {text-align: center;}
	.foot-body .foot-info span {display: block;margin: 0;padding: 0;}
	.foot-body .foot-scan {justify-content: center;}

}

/* 平板 小于等于 768px */
@media (max-width: 768px){
	/* ---- header ---- */
	header {height: 80px;}
	.head-body .head-logo .img-box {width: 60px;height: 60px;margin: 10px auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-body .head-title .title-text {margin: 10px auto;}
	.head-body .head-title .title-text h3 {font-size: 20px;line-height: 30px;}
	.head-body .head-title .title-text p {letter-spacing: 0px;line-height: 20px;}
	.head-body .head-info {padding: 10px 0;}
	.head-body .head-info form input.keywords {width: 200px;}
	.head-body .head-info .head-contact ul {height: 30px;}
	.head-body .head-info .head-contact li {height: 30px;line-height: 30px;}
	.head-body .head-info .head-contact li span.iconfont {margin: 0;font-size: 24px;line-height: 30px;text-align: center;}
	.head-body .head-info .head-contact li.Hotline .attachment-box {width: calc(100% - 30px);}
	.head-body .head-info .head-contact li.Hotline .attachment-box p {white-space: nowrap;font-size: 20px;line-height: 30px;}
	.head-body .head-info .head-contact li:hover .attachment-box {opacity: 1;top: 50px;}

	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 360px;line-height: 360px;-webkit-background-size: 150% !important;background-size: 150% !important;}
}

/* 手机 小于等于 640px */
@media (max-width: 640px) {
	/* ---- header ---- */
	.head-body .head-logo .img-box {width: 100%;}
	.head-body .head-title .title-text h3 {font-size: 18px;white-space: nowrap;}
	.head-body .head-title .title-text p {font-size: 12px;letter-spacing: -1px;white-space: nowrap;}
	.head-body .head-info {opacity: 0;transform: scaleY(0);-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transition: all 0.5s;}
	.head-body .head-info form {text-align: center;}
	.head-body .head-info .head-contact ul {text-align: center;}
	.head-body .head-Btn {display: block;height: 100%;padding: 10px 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-body .head-Btn div {width: 30px;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;}
	.head-body .head-Btn div span.iconfont {font-size: 28px; color: #0f50cc;}
	.btn-Search {display: none;}
	/* ---- nav ---- */
	.nav {width: 100%;height: 100%;background: rgba(0,0,0,0.1);z-index: 99;position: fixed;top: 0;left: -100%;transition: all 0.5s;}
	.nav-body {width: 50%;height: 100%;margin: 0;background: brown;}
	.nav-body ul.LevSup {display: block;width: 100%;height: 100%;margin: 0;padding: 20px 0;border-right: 4px solid #f1f1f1;position: static;top: auto;}
	.nav-body ul.LevSup li.LabTop {float: none;width: 100%;margin: 0;}
	.nav-body ul.LevSup li.LabTop a {display: inline;padding: 0 4em 0 0;}
	.nav-body ul.LevSup li.LabTop span.indicator {position: absolute;right: 1em;}
	.nav-body ul.LevSup li.LabTop span.iconfont {font-size: 20px;color: #fff;}
	.nav-body ul.LevSub.active{position: static;display: block;}
	.nav-body ul.LevSub.active li.LabSub.active {opacity: 1;}
	.nav-body ul.LevSub li.LabSub a {padding: 0;}
	.nav-body li.active .nav-child li {display: block;}
	.nav-body li.active .nav-child li a {color: black;}
	.nav-body li.active {color: #3798dd;}
	.nav-body li.active span {color: #3798dd;}
	.nav-body li:hover span {color: #3798dd;}
	.nav-body li.active a {color: #3798dd;}
	.nav-body li:hover a {color: #3798dd;}

	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 320px;line-height: 320px;-webkit-background-size: 160% !important;background-size: 160% !important;}
	.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;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	/* ---- footer ---- */
	.foot-nav {padding: 0;}
	.foot-nav .nav-box a {width: calc(25% - 20px);margin: 0 10px;text-align: center;}
	.foot-body {padding: 0;}
	.foot-body .foot-info p {line-height: 20px;}
	.foot-body .foot-scan .scan-box {margin: 10px auto;}

	.Fixed {display: block;padding: 0;width: 100%;height: 60px;background: #0f50cc;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: 25%;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;}
}
/* 手机 小于等于 414px */
@media (max-width: 414px) {
	.head-body {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}
	.banner .swiper-container .swiper-slide {height: 210px;line-height: 210px;-webkit-background-size: 160% !important;background-size: 160% !important;}
	
	/*---- footer ----*/
	.foot-nav .nav-box a {margin: 0 10px;}
}
@media (max-width: 375px) {
	.banner .swiper-container .swiper-slide {height: 190px;line-height: 190px;-webkit-background-size: 160% !important;background-size: 160% !important;}
}
@media (max-width: 360px) {
	.banner .swiper-container .swiper-slide {height: 180px;line-height: 180px;-webkit-background-size: 160% !important;background-size: 160% !important;}
	/* ---- footer ---- */
	.foot-nav .nav-box a {font-size: 14px;line-height: 20px;margin: 0 10px;}
	
}
@media (max-width: 320px) {
	.banner .swiper-container .swiper-slide {height: 160px;line-height: 160px;-webkit-background-size: 160% !important;background-size: 160% !important;}
}