@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: #2474ff; display: none;}
	.hairline .hl-lt {padding: 0 5px;}
	.hairline .hl-rt {padding: 0 5px;}
	.hairline p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.hairline .hl-rt p {text-align: right;}
	.hairline strong {color: #fff;cursor: pointer;}
	.hairline strong:hover {color: orange;}
	.hairline a {display: inline-block;width: 120px;text-align: center;color: #fff;padding: 0 0.5em;}
	.hairline a:hover {color: orange;font-weight: bold;text-decoration: none;}

	.head {padding: 15px 0;background: url(../images/bg_head.jpg) center center / cover no-repeat;}
	.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;}
	.head-title .title-box strong {display: block;margin: 0;padding: 0;font-size: 30px;line-height: 40px;background-image: linear-gradient(to bottom, #12a1ff, #0120ba);-webkit-background-clip:text;color: transparent;}
	.head-title .title-box small {margin: 0;padding: 0;font-size: 14px;line-height: 20px;text-transform: uppercase;white-space: pre;}
	
	.head-btn {display: none;}
	.head-info {padding: 0;}
	.head-info:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head-info .info-box {float: right;margin: 0;padding: 0;padding-left: 140px;width: calc(100% - 120px);}
	.head-info .info-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}

	.head-info .info-box .info-feature {margin: 0;}
	.head-info .info-box .info-feature:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head-info .info-box .info-feature li {float: left;width: calc(25% - 10px);margin: 0 5px;}
	.head-info .info-box .info-feature p {margin: 0;width: 50px;height: 50px;padding: 8px 5px 2px;text-align: center;color: #2fb0ff;writing-mode:vertical-rl;letter-spacing: 4px;border: 1px dashed #2fb0ff;border-radius: 50%;line-height: 20px;/*direction: rtl;unicode-bidi: bidi-override;*/}
	.head-info .info-box .info-contact {height: 50px;padding: 10px;}
	.head-info .info-box .info-contact p {float: left;width: 36px;height: 20px;position: relative;top: 5px;}
	.head-info .info-box .info-contact span {width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top: 0;background: #e60012;}
	.head-info .info-box .info-contact span:nth-of-type(1) {z-index: 10;color: #fff;font-size: 24px;line-height: 20px;}
	.head-info .info-box .info-contact span:nth-of-type(2) {transform: rotate(60deg);}
	.head-info .info-box .info-contact span:nth-of-type(3) {transform: rotate(300deg);}
	.head-info .info-box .info-contact i {display: block;width: calc(100% - 36px);float: right;font-size: 24px;line-height: 30px;font-weight: bold;}
	.head-info .scan-box {float: right;margin: 0 10px;width: 100px;height: 100px;}
	.head-info .scan-box .img-box {width: 100%;height: 100%;overflow: hidden;display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.head-info .scan-box .img-box img {margin: 0 auto;max-width: 100%;max-height: 100%;}

	.menu {background: #066efc;box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.menu .menu-body {padding: 0 60px;}
    .menu ul.ulSup {margin: 0;}
    .menu ul.ulSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
    .menu ul.ulSup li.Oli {float: left;width: 12.5%;text-align: center;padding: 5px 10px;line-height: 30px;position: relative;}
    .menu ul.ulSup li.Oli span {display: none;}
    .menu ul.ulSup li.Oli 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.ulSup li.Oli a.Topa {display: block;font-size: 16px;white-space: nowrap;transition: all;color: #fff;}
    .menu ul.ulSup li.Oli:hover {background: #e60012;}
    .menu ul.ulSup li.Oli:hover i {z-index: 1;opacity: 1;visibility: visible;}
    .menu ul.ulSup li.Oli ul.ulSub {margin: 0;width: 100%;position: absolute;left: 0;top: 80px;z-index: 100;opacity: 0;visibility: hidden;transition: all 0.5s;}
    .menu ul.ulSup li.Oli ul.ulSub.active {background: rgba(0, 117, 230, 0.5);top: 40px;z-index: 100;opacity: 1;visibility: visible;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli {float: none;width: 100%;line-height: 30px;margin: 10px 0;text-align: center;opacity: 0;transition: all 0.5s;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli a {display: block;padding: 0;font-size: 14px;border-radius: 12px;transition: all;color: #fff;white-space: nowrap;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli: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: 650px;line-height: 650px;}

	/* ---- search ---- */
	.search {padding: 9px 0;border-bottom: 2px solid #ddd;border-image: -webkit-linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;border-image: -moz-linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;border-image: linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;box-shadow: 0 -5px 5px 1px rgba(143,143,143,0.5);}
	.search-body {}
	.search-body .keywords {}
	.search-body .keywords p {margin: 0;}
	.search-body .keywords p:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.search-body .keywords .title {display: block;float: left;padding: 5px;}
	.search-body .keywords .title:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.search-body .keywords .title i {display: block;float: left;font-size: 16px;line-height: 30px;font-style: normal;font-weight: bold;color: #027ad3;text-transform: uppercase;}
	.search-body .keywords .title em {display: block;float: left;font-size: 16px;line-height: 30px;font-size: 16px;font-style: normal;font-weight: bold;color: #000000;text-transform: uppercase;}
	.search-body .keywords .words {display: block;float: left;padding: 5px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.search-body .keywords .words a {display: block;padding: 0 10px;font-size: 16px;line-height: 30px;color: #5a5a5a;}
	.search-body .keywords .words a:hover {color: #027ad3;}
	.search-body .formbody form {float: right;margin: 0 20px;width: 320px;height: 40px;position: relative;}
	.search-body .formbody .keyword {width: 320px;height: 40px;line-height: 30px;padding: 5px 15px; background: #fff;border: 1px solid #066efc;border-radius: 0;outline: none;}
	.search-body .formbody .submit {width: 40px;height: 40px;line-height: 40px;background: url(../images/search.png) center center no-repeat #066efc;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;}
	.search-body .formbody .submit span {font-size: 24px;color: #e60012;font-weight: bold;}

	footer {background: #080525;}
	.foot-body {padding: 0;}
	.foot-body .foot-links {}
	.foot-body .foot-links .links-hd {padding: 3px 0 5px;border-bottom: 2px solid #a68df2;}
	.foot-body .foot-links .links-hd strong {display: block;font-size: 24px;line-height: 30px;color: #fff;font-weight: normal;}
	.foot-body .foot-links .links-bd {padding: 10px 0;font-size: 20px;line-height: 30px;}
	.foot-body .foot-links .links-bd:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-links .links-bd a {display: block;float: left;margin-right: 20px;color: #fff;}
	.foot-body .foot-links .links-bd a:hover {color: orange;}

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

	.foot-body .foot-qiye {float: left;width: calc(50% - 20px);margin: 10px;height: 200px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-body .foot-qiye .txt-box {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-body .foot-qiye .txt-box strong {display: block;width: 100%;font-size: 28px;line-height: 40px;}
	.foot-body .foot-qiye .txt-box strong:nth-of-type(1) {color: #ffffff;}
	.foot-body .foot-qiye .txt-box strong:nth-of-type(2) {color: #1370ef;}

	.foot-body .foot-scan {float: left;width: calc(50% - 20px);margin: 10px;height: 200px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.foot-body .foot-scan .scan-box {float: right;width: 140px;}
	.foot-body .foot-scan .scan-box .img-box {}
	.foot-body .foot-scan .scan-box .img-box img {width: 100%;}
	.foot-body .foot-scan .scan-box p {margin: 0;line-height: 30px;text-align: center;font-size: 12px;color: #fff;}

	.foot-body .foot-info {}
	.foot-body .foot-info ul {margin: 0;padding: 10px 0;}
	.foot-body .foot-info ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-info li {float: left;width: calc(33.3334% - 20px);margin: 10px;}
	.foot-body .foot-info li:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-info li .ico-box {float: left;width: 60px;height: 60px;padding: 5px;}
	.foot-body .foot-info li .ico-box span {display: block;width: 100%;line-height: 50px;text-align: center;font-size: 40px;color: #fff;}
	.foot-body .foot-info li .txt-box {float: left;width: calc(100% - 60px);padding: 5px 0;}
	.foot-body .foot-info li .txt-box strong {display: block;color: #fff;font-size: 16px;line-height: 20px;}
	.foot-body .foot-info li .txt-box small {display: block;color: #fff;font-size: 18px;line-height: 30px;}

	.foot-body .foot-copyright .copyright {padding: 14px 0 15px;border-top: 1px solid #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot-body .foot-copyright .copyright span {display: block;float: left;margin: 0 10px;color: #fff;}
	.foot-body .foot-copyright .copyright a {color: #fff;}
	.foot-body .foot-copyright .copyright a:hover {color: orange;}

	.Fixed {display: none;}
}

/* ---- 1024px ---- */
@media screen and (max-width: 1199px) {
	body {width: 1200px;}
	.container {width: 1200px;padding: 0;}

	header {box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.hairline {background: #2474ff; display: none;}
	.hairline .hl-lt {padding: 0 5px;}
	.hairline .hl-rt {padding: 0 5px;}
	.hairline p {margin: 0;padding: 5px 0;color: #fff;line-height: 20px;}
	.hairline .hl-rt p {text-align: right;}
	.hairline strong {color: #fff;cursor: pointer;}
	.hairline strong:hover {color: orange;}
	.hairline a {display: inline-block;width: 120px;text-align: center;color: #fff;padding: 0 0.5em;}
	.hairline a:hover {color: orange;font-weight: bold;text-decoration: none;}

	.head {padding: 15px 0;background: url(../images/bg_head.jpg) center center / cover no-repeat;}
	.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;}
	.head-title .title-box strong {display: block;margin: 0;padding: 0;font-size: 30px;line-height: 40px;background-image: linear-gradient(to bottom, #12a1ff, #0120ba);-webkit-background-clip:text;color: transparent;}
	.head-title .title-box small {margin: 0;padding: 0;font-size: 14px;line-height: 20px;text-transform: uppercase;white-space: pre;}
	
	.head-btn {display: none;}
	.head-info {padding: 0;}
	.head-info:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head-info .info-box {float: right;margin: 0;padding: 0;padding-left: 140px;width: calc(100% - 120px);}
	.head-info .info-box:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}

	.head-info .info-box .info-feature {margin: 0;}
	.head-info .info-box .info-feature:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.head-info .info-box .info-feature li {float: left;width: calc(25% - 10px);margin: 0 5px;}
	.head-info .info-box .info-feature p {margin: 0;width: 50px;height: 50px;padding: 8px 5px 2px;text-align: center;color: #2fb0ff;writing-mode:vertical-rl;letter-spacing: 4px;border: 1px dashed #2fb0ff;border-radius: 50%;line-height: 20px;/*direction: rtl;unicode-bidi: bidi-override;*/}
	.head-info .info-box .info-contact {height: 50px;padding: 10px;}
	.head-info .info-box .info-contact p {float: left;width: 36px;height: 20px;position: relative;top: 5px;}
	.head-info .info-box .info-contact span {width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top: 0;background: #e60012;}
	.head-info .info-box .info-contact span:nth-of-type(1) {z-index: 10;color: #fff;font-size: 24px;line-height: 20px;}
	.head-info .info-box .info-contact span:nth-of-type(2) {transform: rotate(60deg);}
	.head-info .info-box .info-contact span:nth-of-type(3) {transform: rotate(300deg);}
	.head-info .info-box .info-contact i {display: block;width: calc(100% - 36px);float: right;font-size: 24px;line-height: 30px;font-weight: bold;}
	.head-info .scan-box {float: right;margin: 0 10px;width: 100px;height: 100px;}

	.menu {background: #066efc;box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.5);}
	.menu .menu-body {padding: 0 60px;}
    .menu ul.ulSup {margin: 0;}
    .menu ul.ulSup:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
    .menu ul.ulSup li.Oli {float: left;width: 12.5%;text-align: center;padding: 5px 10px;line-height: 30px;position: relative;}
    .menu ul.ulSup li.Oli span {display: none;}
    .menu ul.ulSup li.Oli 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.ulSup li.Oli a.Topa {display: block;font-size: 16px;white-space: nowrap;transition: all;color: #fff;}
    .menu ul.ulSup li.Oli:hover {background: #e60012;}
    .menu ul.ulSup li.Oli:hover i {z-index: 1;opacity: 1;visibility: visible;}
    .menu ul.ulSup li.Oli ul.ulSub {margin: 0;width: 100%;position: absolute;left: 0;top: 80px;z-index: 100;opacity: 0;visibility: hidden;transition: all 0.5s;}
    .menu ul.ulSup li.Oli ul.ulSub.active {background: rgba(0, 117, 230, 0.5);top: 40px;z-index: 100;opacity: 1;visibility: visible;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli {float: none;width: 100%;line-height: 30px;margin: 10px 0;text-align: center;opacity: 0;transition: all 0.5s;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli a {display: block;padding: 0;font-size: 14px;border-radius: 12px;transition: all;color: #fff;white-space: nowrap;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli: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: 650px;line-height: 650px;}

	/* ---- search ---- */
	.search {padding: 9px 0;border-bottom: 2px solid #ddd;border-image: -webkit-linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;border-image: -moz-linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;border-image: linear-gradient(to right,#b5b5b5, #066efc, #b5b5b5) 25 50 25;box-shadow: 0 -5px 5px 1px rgba(143,143,143,0.5);}
	.search-body {}
	.search-body .keywords {}
	.search-body .keywords p {margin: 0;}
	.search-body .keywords p:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.search-body .keywords .title {display: block;float: left;padding: 5px;}
	.search-body .keywords .title:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.search-body .keywords .title i {display: block;float: left;font-size: 16px;line-height: 30px;font-style: normal;font-weight: bold;color: #027ad3;text-transform: uppercase;}
	.search-body .keywords .title em {display: block;float: left;font-size: 16px;line-height: 30px;font-size: 16px;font-style: normal;font-weight: bold;color: #000000;text-transform: uppercase;}
	.search-body .keywords .words {display: block;float: left;padding: 5px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.search-body .keywords .words a {display: block;padding: 0 10px;font-size: 16px;line-height: 30px;color: #5a5a5a;}
	.search-body .keywords .words a:hover {color: #027ad3;}
	.search-body .formbody form {float: right;margin: 0 20px;width: 320px;height: 40px;position: relative;}
	.search-body .formbody .keyword {width: 320px;height: 40px;line-height: 30px;padding: 5px 15px; background: #fff;border: 1px solid #066efc;border-radius: 0;outline: none;}
	.search-body .formbody .submit {width: 40px;height: 40px;line-height: 40px;text-align: center;background: url(../images/search.png) center center no-repeat #066efc;cursor: pointer;position: absolute;top: 0;right: 0;}
	.search-body .formbody .submit span {font-size: 24px;color: #e60012;font-weight: bold;}

	footer {background: #080525;}
	.foot-body {padding: 0;}
	.foot-body .foot-links {}
	.foot-body .foot-links .links-hd {padding: 3px 0 5px;border-bottom: 2px solid #a68df2;}
	.foot-body .foot-links .links-hd strong {display: block;font-size: 24px;line-height: 30px;color: #fff;font-weight: normal;}
	.foot-body .foot-links .links-bd {padding: 10px 0;font-size: 20px;line-height: 30px;}
	.foot-body .foot-links .links-bd:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-links .links-bd a {display: block;float: left;margin-right: 20px;color: #fff;}
	.foot-body .foot-links .links-bd a:hover {color: orange;}

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

	.foot-body .foot-qiye {float: left;width: calc(50% - 20px);margin: 10px;height: 200px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-body .foot-qiye .txt-box {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
	.foot-body .foot-qiye .txt-box strong {display: block;width: 100%;font-size: 28px;line-height: 40px;}
	.foot-body .foot-qiye .txt-box strong:nth-of-type(1) {color: #ffffff;}
	.foot-body .foot-qiye .txt-box strong:nth-of-type(2) {color: #1370ef;}

	.foot-body .foot-scan {float: left;width: calc(50% - 20px);margin: 10px;height: 200px;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
	.foot-body .foot-scan .scan-box {float: right;width: 140px;}
	.foot-body .foot-scan .scan-box .img-box {}
	.foot-body .foot-scan .scan-box .img-box img {width: 100%;}
	.foot-body .foot-scan .scan-box p {margin: 0;line-height: 30px;text-align: center;font-size: 12px;color: #fff;}

	.foot-body .foot-info {}
	.foot-body .foot-info ul {margin: 0;padding: 10px 0;}
	.foot-body .foot-info ul:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-info li {float: left;width: calc(33.3334% - 20px);margin: 10px;}
	.foot-body .foot-info li:after {content: " ";display:block;width:0;height:0;visibility:hidden;clear:both;}
	.foot-body .foot-info li .ico-box {float: left;width: 60px;height: 60px;padding: 5px;}
	.foot-body .foot-info li .ico-box span {display: block;width: 100%;line-height: 50px;text-align: center;font-size: 40px;color: #fff;}
	.foot-body .foot-info li .txt-box {float: left;width: calc(100% - 60px);padding: 5px 0;}
	.foot-body .foot-info li .txt-box strong {display: block;color: #fff;font-size: 16px;line-height: 20px;}
	.foot-body .foot-info li .txt-box small {display: block;color: #fff;font-size: 18px;line-height: 30px;}

	.foot-body .foot-copyright .copyright {padding: 14px 0 15px;border-top: 1px solid #fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot-body .foot-copyright .copyright span {display: block;float: left;margin: 0 10px;color: #fff;}
	.foot-body .foot-copyright .copyright a {color: #fff;}
	.foot-body .foot-copyright .copyright a:hover {color: orange;}

	.Fixed {display: none;}
}

/* ---- 991px ---- */
@media screen and (max-width: 1023px) {}

/* ---- 768px ---- */
@media screen and (max-width: 991px) {}

/* ---- 640px ---- */
@media screen and (max-width: 767px) {
	body {width: auto;}
	.container {width: 100%;padding: 0;}
	
	header {position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.5); z-index: 100; }

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

	.head {padding: 5px 0;}

	.head-logo .img-box {height: 80px;}
	.head-title .title-box {margin: 0;padding: 0;}
	.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: #066efc;}

	.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: #005dff;}

    /* ---- 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.ulSup {display: block;width: 50%;height: 100%;margin: 0;padding: 20px 0;background: #005dff;border-right: 4px solid #f1f1f1;position: static;top: auto;}
    .menu ul.ulSup li.Oli {float: none;width: 100%;max-width: inherit;min-width: inherit;margin: 0;padding: 0;display: block;}
    .menu ul.ulSup li.Oli span {display: block;}
    .menu ul.ulSup li.Oli a.Topa {display: inline;margin: 0;padding: 0 2em 0 0;border: none;background: none;color: #fff;}
    .menu ul.ulSup li.Oli:hover {background: none;}
    .menu ul.ulSup li.Oli:hover a.Topa {background: none;box-shadow: none;border-radius: unset;color: #fff;}
    .menu ul.ulSup li.Oli:hover i {display: none;}
    .menu ul.ulSup li.Oli span.indicator {position: absolute;right: 1em;top: 5px;}
    .menu ul.ulSup li.Oli span.iconfont {font-size: 20px;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;display: block;}
    .menu ul.ulSup li.Oli ul.ulSub {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.ulSup li.Oli ul.ulSub.active {position: static;display: block;margin: 0;opacity: 1;background: none;}

    .menu ul.ulSup li.Oli ul.ulSub li.Tli {width: 100%;margin: 0;padding: 0 10px;background: rgba(255, 255, 255, 0.5);opacity: 0;transition: all 0.5s;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli a.Topa {margin: 0;padding: 0;width: 100%;background: none;white-space: nowrap;}
    .menu ul.ulSup li.Oli ul.ulSub li.Tli:hover a {background: none;box-shadow: unset;color: #fff;}

    .banner {margin-top: 90px;}
    .banner .swiper-container .swiper-slide {height: 340px;line-height: 340px;}
    .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: #005dff;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;}
}

/* ---- 414px ---- */
@media screen and (max-width: 639px) {
	.head {padding: 0;}
	.head-logo .img-box {height: 60px;padding: 5px;}
	.head-title .title-box strong {font-size: 16px;line-height: 60px;}
	.head-title .title-box small {display: none;}
	.head-btn {height: 60px;}

    .banner {margin-top: 60px;}
    .banner .swiper-container .swiper-slide {height: 220px;line-height: 220px;}
    .foot-body .foot-links .links-bd a {margin-right: 10px;}

	/* ---- search ---- */
	.search-body .formbody form {margin: 0 10px;width: 85%;}
	.search-body .keywords .words a:nth-of-type(1) {display: none;}

    .foot-body .foot-menu li {padding: 0;}
    .foot-body .foot-info .info-lt .info-scan {float: none;width: 100%;height: auto;}
    .foot-body .foot-info .info-lt .info-contact {float: none;width: 100%;height: auto;padding: 0 20px;}

	.foot-body .foot-qiye {float: none;width: 100%;height: auto;margin: 0;padding: 5px;}
	.foot-body .foot-qiye .txt-box {width: 100%;text-align: center;justify-content: center;}
	.foot-body .foot-qiye .txt-box strong {display: inline;width: auto;font-size: 24px;}
	.foot-body .foot-scan {float: none;width: 100%;height: auto;margin: 0;padding: 5px;justify-content: center;}
	.foot-body .foot-scan .scan-box {width: 120px;}
	.foot-body .foot-info li {margin: 5px 0;}
	.foot-body .foot-info li .ico-box {width: 40px;height: 40px;padding: 0;}
	.foot-body .foot-info li .ico-box span {width: 40px;line-height: 40px;font-size: 32px;}
	.foot-body .foot-info li .txt-box {width: calc(100% - 40px);padding: 0 5px;}
	.foot-body .foot-info li .txt-box strong {font-size: 14px;line-height: 20px;}
	.foot-body .foot-info li .txt-box small {font-size: 16px;line-height: 20px;}
}

/* ---- 375px ---- */
@media screen and (max-width: 413px) {
	.brows-body .br-title strong {font-size: 18px;}
	.brows-body .br-title small {letter-spacing: -0.5px;word-spacing: -1px;}
	.banner .swiper-container .swiper-slide {height: 200px; line-height: 200px;}
	.foot-body .foot-menu li a {padding: 0;}
	.foot-body .foot-qiye .txt-box strong {font-size: 20px;}

}

/* ---- 360px ---- */
@media screen and (max-width: 374px) {
	.brows-body .br-title strong {font-size: 16px;line-height: 50px;}
	.brows-body .br-title small {display: none;}
	.banner .swiper-container .swiper-slide {height: 190px; line-height: 190px;}
	.foot-body .foot-info li {padding: 0 5%;}
}
	

/* ---- 320px ---- */
@media screen and (max-width: 359px) {
	.head-title .title-box strong {font-size: 14px;}
	.brows-body .br-title strong {font-size: 14px;}
	.banner .swiper-container .swiper-slide {height: 170px; line-height: 170px;}
	.foot-body .foot-contact .txt-box p {margin: 0;white-space: nowrap;}
	.foot-body .foot-info li {padding: 0;}
}