@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.5 "Microsoft YaHei", arial,sans-serif; background: #fff; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1300px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 92%;}
.container16{width:1600px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/* 涓嬫粦澶撮儴 */
.navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;}
/* 澶氳鐪佺暐 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* 缁濆瀹氫綅灞呬腑 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/width: 4px;/*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 鍥炬爣鍙橀粦鑹 */
.icon-black {  filter: brightness(0); }
/* 鍥炬爣鍙樼櫧鑹 */
.icon-white {filter: brightness(100);}
/* 鍥炬爣鍙樼伆鑹茶壊 */
.icon-gray {filter: grayscale(100%);}

.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}

/*瀛椾綋寮曞叆*/
@font-face {
  /* font-family: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

@font-face {
  font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf");
}

/* CSS Document */

/* ==棣栭〉==*/
.zwys {height: 7.25rem;}
header {position: fixed; width: 100%; left: 0; z-index: 99; top: 0; transition: .5s; background: #fff;}

.headerBox .box {display: flex;justify-content: space-between; align-items: center; height: 7.25rem; transition: .5s;}
.headerBox .box .logo img {max-width: 80%;}
.headerBox .he-re {display: flex; justify-content: space-between; align-items: center; width: 65%;}
nav {width: 75%;}
nav ul {display: flex; justify-content: space-between;}
nav ul > li {line-height: 7.2rem; position: relative;}
nav ul li > a {font-size: 1rem;font-weight: 400;color: #333333; transition: .3s;}
nav ul li:hover > a {color: #11719E; font-weight: 700;}
nav ul li.on > a {color: #11719E;font-weight: 700;}
nav ul li dl {width: 210%; left: -58%; text-align: center; position: absolute; line-height: initial; background: #fff; display: none;     box-shadow: -1.042px 5.909px 16px 0px rgb(181 181 181 / 22%);border-radius: 0 0 0.5rem 0.5rem;}
nav ul li dl dd a {font-size: 1rem; padding: 0.7rem 0; display: block; transition: .5s;}
nav ul li dl dd a:hover {color: #fff; background: #11719E;}
nav ul li:nth-child(2) dl {width: 170%; left: -35%;}

.headerBox .language a {font-size: 1.13rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #333333;}
.headerBox .language a:hover {color: #11719E;}
.headerBox .heSearch img {filter: brightness(0);display: block;}
.headerBox .heSearch a:hover img {filter: none;}

/* 鎼滅储涓嬫媺 */
.searchBox {position: fixed;width: 80%;left: 0; display: none; box-shadow: 1px 1px 20px rgb(0 0 0 / 5%); left: 50%; transform: translateX(-50%); top: 7.25rem; height: 7.5rem;width: 100%; border-top: 1px solid #dfdede;}
.searchBox { background: rgba(255, 255, 255,.8);    backdrop-filter: blur(40px);}
.searchBox .inBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.searchBox form {width: 1300px;max-width: 92%;  position: relative; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; display: flex;justify-content: space-between; align-items: center;}
.searchBox form .inText {width: 92%; font-weight: 400; font-size: 1.1rem; border: none; background: none; outline: none; padding-left: 0.5rem; box-sizing: border-box;}
.searchBox form .inText::placeholder {font-size: 1rem; color: #6666;}
.searchBox form .sub { cursor: pointer; outline: none; border: none; width: 23px; height: 23px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}


/* 涓嬫粦澶撮儴鏍峰紡 */
header.navfixed {box-shadow: 1px 1px 20px rgb(0 0 0 / 5%);}
header.navfixed .box {height: 6rem;}
header.navfixed nav ul li {line-height: 5.9rem;}
header.navfixed .searchBox {top: 6rem; border-radius: 0; width: 100%;}

/* banner */
.banner1con div{font-size:4.8rem;color:#004861;line-height: 4.8rem;font-weight:600}


.banner {position: relative; padding-bottom: 2.88rem;}
.banner::after {content: ""; position: absolute; height: 100%; bottom: 8px;width:92%; background: #11719e; right: 4%;}
.bannerSwiper {overflow: hidden; position: relative; height: 40.63rem;}
.bannerSwiper .swiper-slide {height: 100%; background-size: cover;}
.bannerSwiper .swiper-slide .bannerImg {display: block; width: 100%;}
.bannerSwiper .swiper-slide .con {width: 1300px; max-width: 92%; margin: auto; position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%)}
.bannerSwiper .swiper-slide .con .imgText img {display: block; max-width: 60%;}
.bannerSwiper .swiper-pagination {bottom:3%; width: auto; left: 0;right:0;text-align: center;}
.bannerSwiper .swiper-pagination-bullet {width: 0.68rem; height: 0.68rem; opacity: 0.26; border: 0.13rem solid #fff; box-sizing: border-box; background: none; opacity: .26; margin: 0 3px !important;}
.bannerSwiper .swiper-pagination-bullet-active {background: #fff; opacity: 1;}

.bannerSwiper .swiper-slide .box {width: 1500px; margin: auto; position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%)}
.bannerSwiper .swiper-slide .box {display: flex; align-items: center; justify-content: space-between;}
.bannerSwiper .swiper-slide .box .con2 {width:64%; padding-left: 7%; box-sizing: border-box;}
.bannerSwiper .swiper-slide .box .con2 strong {font-size: 3rem;font-weight: 900;color: #ffffff; display: block;}
.bannerSwiper .swiper-slide .box .con2 strong sup {font-size: 1rem;}
.bannerSwiper .swiper-slide .box .con2 small {font-size: 2rem;font-weight: 700;color: #ffffff;font-family: Arial, Arial-Bold;display: block;}
.bannerSwiper .swiper-slide .box .con2 small sup {font-size: 1rem;}
.bannerSwiper .swiper-slide .box .con2 span {font-size: 1.5rem;font-weight: 400;color: #ffffff; display: block; margin-top: 4rem;}
.bannerSwiper .swiper-slide .box .imgBox {width:36%; display: flex; justify-content: center; align-items: center;}
.bannerSwiper .swiper-slide .box .imgBox img {display: block;}
.bannerSwiper .swiper-slide .box .imgBox2 img {width: 100%; transform: translateY(12%);}
/* .bannerSwiper .swiper-slide:nth-child(3) .box .imgBox2 img {width: 100%; transform: translateY(12%);} */
.bannerSwiper .swiper-slide .con3 {width: 1300px; max-width: 92%; margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.bannerSwiper .swiper-slide .con3 img {display: block; max-width: 33%;}
.bannerSwiper .swiper-slide .con3 .img2 {margin: 5% 0 2% 0;}
.bannerSwiper .swiper-slide .con3 .img2 img:nth-child(1){max-width: 42%;}
.bannerSwiper .swiper-slide .con3 .img2 img:nth-child(2){margin-top: 2%; max-width: 51%;}
.bannerSwiper .swiper-slide .con3 .img3 {display: flex;}
.bannerSwiper .swiper-slide .con3 .img3 img {margin-right: 2%; max-width: 18%;}

/* .bannerSwiper .swiper-button-prev {width: 1.19rem;height: 2rem; background: url(../images/banner-jt.png) no-repeat center; background-size: contain; transform: rotate(180deg);}
.bannerSwiper .swiper-button-next {width: 1.19rem;height: 2rem; background: url(../images/banner-jt.png) no-repeat center; background-size: contain;} */

/* 鍏充簬鎴戜滑 */
.indexTle {text-align: center; padding:3rem 0;}
.indexTle h3 {font-size:2.5rem;font-weight: 400;color: #004861;}
.indexOne {padding-bottom: 4rem;}
.indexOne .con {text-align: center; width: 96%; margin: auto;}
.indexOne .con p {font-size: 1.05rem;font-weight: 400;color: #666666;line-height: 2.58rem;text-align: left;}
.indexOne ul {display: flex; justify-content: space-between; align-items: center; margin: 4rem 0 5rem 0;}
.indexOne ul li {text-align: center;}
.indexOne ul li .num {display: flex; align-items: center; justify-content: center;}
.indexOne ul li b {font-size: 4rem; font-weight: 700;color: #11719e;}
.indexOne ul li em {font-size: 1.88rem; font-weight: 400;color: #11719e; margin-left: 0.5rem;}
.indexOne ul li span {font-size: 1.13rem;font-weight: 400;color: #333333;}
.indexOne .more {display: flex; justify-content: center; align-items: center;}
.indexOne .more a {width: 9.5rem; height: 3.44rem; background: #11719e; border-radius: 1.75rem; display: flex; justify-content: center; align-items: center;}
.indexOne .more a span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexOne .more a:hover span {margin-right: 1.5rem;}
/* 瑙ｅ喅鏂规 */
.indexTwo {position: relative;}
.indexTwo .inTwoSlide .hd {position: absolute; z-index: 11; width: 1300px; max-width: 92%; position: absolute; left: 50%; top:68%; transform: translate(-50%, -50%)}
.inTwoSlide .hd ul {display: flex;}
.inTwoSlide .hd ul li {width: 15.56rem;height: 8.38rem; background: rgba(238, 238, 238,.16);  border-radius: 1.25rem;}
.inTwoSlide .hd ul li {display: flex; flex-direction: column; align-items: center; justify-content: center;transition: .5s; cursor: pointer;}
.inTwoSlide .hd ul li:nth-child(2) {margin-left: 1.3rem;}
.inTwoSlide .hd ul li span {font-size: 1.38rem;font-weight: 700;color: #ffffff; margin-top: 0.5rem;}
.inTwoSlide .hd ul li.on {background: #3f9cc3;}
.indexTwo .bd ul li {height:37rem;}
.indexTwo .bd ul li .box {padding-top: 6rem; width: 50%;}
.indexTwo .bd ul li .box h4 {font-size:2.5rem;font-weight: 400;color: #ffffff; margin-bottom:1.5rem;}
.indexTwo .bd ul li .box p {font-size: 1.1rem;font-weight: 400;color: #ffffff;line-height: 2.4rem;;}
/* 鍏徃鍔ㄦ€ */
.indexThree {padding-bottom: 4rem;}
.inThSwiper {position: relative; overflow: hidden; }
.inThSwiper .swiper-slide {overflow: hidden; height: auto;border-radius:10px}
.inThSwiper .swiper-slide .imgBox {position: relative; overflow: hidden;height:auto; /* height: 16.875rem; */} 
.inThSwiper .swiper-slide .imgBox img {width: 100%; display: block; transition: .5s;border: 1px solid #eee; box-sizing: border-box;}
.inThSwiper .swiper-slide .con { padding-top: 2rem; box-sizing: border-box;padding-bottom: 2rem;}
.inThSwiper .swiper-slide h6 {font-size: 1.05rem;line-height: 1.5rem;font-weight: 700;color: #003855; margin: 1rem 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:2;-webkit-box-orient: vertical; }
.inThSwiper .swiper-slide span {font-size: 0.94rem;font-weight: 400;color: #919191; margin-bottom: 1rem;display: block;line-height: 0.94rem;}
.inThSwiper .swiper-slide p {font-size: 0.9rem;font-weight: 400;color: #919191;line-height: 1.58rem !important; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.inThSwiper .swiper-slide a:hover .imgBox img {transform: scale(1.1);}
.inThSwiper .swiper-pagination {display: none;}
.indexThree .more {display: flex; justify-content: center; align-items: center; margin-top: 5rem;}
.indexThree .more a {width: 9.5rem; height: 3.44rem; background: #11719e; border-radius: 1.75rem; display: flex; justify-content: center; align-items: center;}
.indexThree .more a span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexThree .more a:hover span {margin-right: 1.5rem;}

.footerMore {position: relative; background: url(../images/foterMore-bj.jpg) no-repeat right; background-size:cover; height: 26rem;}
.footerMore .box {position: absolute; width: 1300px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.footerMore .box strong {display: block; font-size: 2.63rem;font-weight: 400;color: #004861;line-height: 3.5rem;}
.footerMore .more {display: flex;  margin-top: 5rem;}
.footerMore .more a {width: 9.5rem; height: 3.44rem; background: #11719e; border-radius: 1.75rem; display: flex; justify-content: center; align-items: center;}
.footerMore .more a span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-right: 1rem; transition: .5s;}
.footerMore .more a:hover span {margin-right: 1.5rem;}
.footerMore > img {display: none; width: 100%; }


/* 搴曢儴 */
footer {background: #11719e;}
footer .box {display: flex; padding: 3rem 0 1.5rem 0; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(221, 221, 221,.05);}
footer .box .foterlogo img { max-width: 74%;}
footer .box ul {display: flex; width:65%; justify-content: space-between;}
footer .box ul li a {font-size: 1rem;font-weight: 400;color: #ffffff; transition: .5s;}
footer .box ul li a:hover {color: #0c4966;}
footer .copy {padding: 2rem 0 2rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer .copy P , footer .copy P a {margin-top: 0.5rem;font-size: 0.88rem;color: #ffffff;} 
footer .copy P:nth-child(1) {margin-right: 0.5rem;}
footer .copy P a:hover {color: #0c4966;}

/* ==========================鍐呴〉========================== */
/* banner閮ㄥ垎 */
.ny-banner {height: 40.63rem; position: relative;padding-bottom: 0; overflow: hidden; z-index: 1;}
.ny-banner::after {content: ""; position: absolute; z-index: -1; height: 100%; bottom: 0;width: 75%; right: 0;}
.ny-banner .bjbox {height: 100%;}
/* 浜у搧涓績 */
.ny-banner2 {height:30.44rem; position: relative;}
.ny-banner2 .bjbox {height: 100%;}
.ny-banner2 .container {height: 100%;}
.ny-banner2 .tle {position: absolute; width: 1300px; max-width: 92%; margin: auto; left: 50%; top: 45%; transform: translate(-50%, -50%);}
.ny-banner2 .tle h3 {font-size: 3rem;font-weight: 400;  color: #ffffff;}
.ny-banner2 .tle h4 {font-size: 3rem;font-family: Arial, Arial-Bold;font-weight: 700;color: rgba(255, 255, 255,.25);}

.product-banner {height: 36rem;}

/* 浜у搧璇︽儏 */
.prodetail-banner {height: 10rem;}
.prodetail-banner .tle {top:36%;}
.prodetail-banner .tle h3 {font-size:2.5rem;font-weight: 700;}
/* 鑱旂郴鎴戜滑 */
.contact-banner {height: 35.44rem;}
.contact-banner .tle h3 {color: #004861;}
.contact-banner .tle h4 {color: rgba(0, 72, 97,.25);}
/* 鎷涜搐绾冲＋ */
.careers-banner {}
.careers-banner .bjbox {display: flex; justify-content: space-between;}
.careers-banner .caresTle {background: #11719e; width: 32%; display: flex;  align-items: center; justify-content: center;}  
.careers-banner .caresTle .text1 {font-size: 2.81rem;font-weight: 400;color: #ffffff;}
.careers-banner .caresTle .text2 {font-size: 1.38rem;font-weight: 400;color: #ffffff;}
.careers-banner .caresTle dl {margin-top: 5rem;}
.careers-banner .caresTle dl dd {font-size:1.3rem;font-weight: 400;color: #ffffff; margin-top: 0.8rem;}
.careers-banner .caresImgBox { width: 68%;}
.careers-banner .caresImgBox img {width: 100%; height: 100%; display: block; object-fit: cover;}

/* 闈㈠寘灞 */
.mbx {position: absolute; width: 1300px; max-width: 92%; margin: auto; left: 50%; top:77%; transform: translate(-50%, -50%); position: absolute; bottom: 5%;color: #fff;}
.mbx a {font-size: 0.9rem; color: #F5F5F5;}
.mbx a:nth-child(1) {background: url(../images/homeIcon.png) no-repeat left; padding-left: 25px; background-size: contain; box-sizing: border-box;}
/* 浜岀骇瀵艰埅 */
.navTwo {  position: absolute; bottom: 0;  width: 100%;padding: 3.2rem 0; z-index: 1;}
.navTwo::after {content: "";width: 85%; background: #11719e; height: 100%; position: absolute; bottom: 0; left: 0; z-index: -1;}
.navTwo ul {display: flex;}
.navTwo ul li {margin-right: 8rem;}
.navTwo ul li:last-child {margin-right: 0;}
.navTwo ul li a {font-size: 1.25rem;font-weight: 400;color: #ffffff;position: relative;}
.navTwo ul li a::after {content: ""; width: 0; transition: .5s; right: 0;height: 0.19rem;background: #fff; position: absolute; bottom: -0.5rem; border-radius: 0.13rem;}
.navTwo ul li:hover a::after {width: 100%; left: 0;}
.navTwo ul li.on a::after {width: 100%; left: 0;}

/* 涓夌骇瀵艰埅 */
.navThree {background: #e7f0f7; padding: 4rem 0 3.5rem 0;}
.navThree ul {display: flex;}
.navThree ul li {margin-right: 15rem; text-align: center; position: relative; overflow: hidden; padding-bottom: 3rem;}
.navThree ul li:last-child {margin-right: 0;}
.navThree ul li .icBox {width: 4.75rem; height: 4.75rem; margin: auto; position: relative; display: flex; align-items: center; justify-content: center;}
.navThree ul li .icBox img {display: block; max-width: 100%;}
.navThree ul li span {font-size: 1.13rem;font-weight: 400;color: #333333; margin-top: 1.5rem; display: block;}
.navThree ul li .downJt {position: absolute;left: 50%; top: 120%; transform: translate(-50%, -50%); transition: .5s;}
.loading-circle {position: absolute;display: block;right: 12%; bottom: 22%; background-color: #E00000; border-radius: 50%; height: 0.38rem; width: 0.38rem;}
.loading-circle {animation: 2291ms loading infinite;}
@keyframes loading {0% {-webkit-transform: scale(0);transform: scale(0);}27.28% {-webkit-transform: scale(1);transform: scale(1);}36.36% {-webkit-transform: scale(0.857);transform: scale(0.857);}54.55% {-webkit-transform: scale(0.857);transform: scale(0.857);} 63.64% {-webkit-transform: scale(0);transform: scale(0);}100% {  -webkit-transform: scale(0);   transform: scale(0); }}
.navThree ul li .cir1 {width: 0.25rem;height: 0.25rem; left: 34%;bottom: 26%;   -webkit-animation-delay: 42ms; animation-delay: 42ms; display: none;}
.navThree ul li .cir2 {width: 0.5rem;height: 0.5rem;left: 28%;bottom: 35%; -webkit-animation-delay: 300ms;animation-delay: 300ms; display: none;}
.navThree ul li .cir1.cir3 {left: 68%; bottom: 32%; display: none;}
.navThree ul li .cir2.cir4 {left: 54%;bottom: 21%; display: none;}
.navThree ul li:nth-child(2) .loading-circle {display: none;}
.navThree ul li:nth-child(2) .cir1 , .navThree ul li:nth-child(2) .cir2 {display: block;}
.navThree ul li:nth-child(2) .cir3 , .navThree ul li:nth-child(2) .cir4 {display: none;}

.navThree ul li:nth-child(3) .loading-circle {display: none;}
.navThree ul li:nth-child(3) .cir1 , .navThree ul li:nth-child(3) .cir2 {display: none;}
.navThree ul li:nth-child(3) .cir3 , .navThree ul li:nth-child(3) .cir4 {display: block;}


.navThree ul li:hover .downJt {top: 90%;}
.navThree ul li:hover span {font-weight: 700;color: #11719e;}
.navThree ul li.on .downJt {top: 90%;}
.navThree ul li.on span {font-weight: 700;color: #11719e;font-size:1.19rem;}
.prolist ul li .box .re p span{display: block;margin-top:.3rem;    background: url(../images/yuDian.png) no-repeat left; padding-left: 1rem;color:#666}
.prolist ul li .box .re p span:nth-child(1){margin-top: 1rem;}
/* ==鍏充簬鎴戜滑== */
/* 鍏敤鏍囬 */
.aboutTle {text-align: center; padding: 2rem 0;}
.aboutTle h3 {font-size:2.5rem;font-weight: 400;color: #004861;}
.aboutTle h4 {font-size: 1.38rem;font-family: Arial, Arial-Bold;text-transform: uppercase; font-weight: 700;color: #eeeeee;}
.aboutTle span {font-size: 1.2rem;color: #666666; color: #004861;}
.aboutOne {padding:2rem 0; display: flex; justify-content: flex-end;}
.aboutOne .container {margin: 0;  width: calc(50vw + 647px);}
.aboutOne .aboutTle {text-align: left; padding-bottom: 1rem; padding-top: 0;}
.aboutOne .box {display: flex; justify-content: space-between; align-items: center;}
.aboutOne .box .le {width: 51%;}
.aboutOne .box .le p {font-size:1rem;font-weight: 400;color: #666666;line-height: 1.88rem; margin-top: 1rem;}
.aboutOne .box .re { width: 43%; padding-bottom: 2rem; position: relative;}
.aboutOne .box .re::after {content: ""; width: 80%; height: 100%; bottom: 0; right: 0; background: #11719E; position: absolute; z-index: -1;}
.aboutOne .box .re .imgBox {position: relative;}
.aboutOne .box .re .imgBox > img {width: 100%; display: block;}
.aboutOne .box .re .Veo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.aboutOne .box .re .Veo img {animation: changeright 6s linear infinite;}
@keyframes changeright{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
.aboutOne2 ul {margin: 0;}
/* 寮瑰嚭灞 */
/* .aboutOne .acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 150%; display: none;}
.aboutOne .acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.aboutOne .acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.aboutOne .acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.aboutOne .acquisition-info dl {margin-top: 2rem;} */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 150%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}
/* 涓氬姟鑼冨洿 */
.aboutTwo { padding-bottom: 3.3rem;background: #f5f5f5;}
.aboutTwo .aboutTle {padding-bottom: 2.8rem;}
.aboutTwo .container {width:1100px;}
.aboutTwo .box img {display: block; max-width: 100%;}
/* 鍙戝睍鍘嗙▼ */
.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 3rem;}
.aboutFour .aboutTle h3 {color: #FFFFFF;}
.aboutFour .aboutTle h4 {color: rgba(255, 255, 255,.12);}
.aboutFour .swiperBox1 {background: url(../images/hismySwiper-bj.png) no-repeat center; background-size: contain;}
.aboutFour .container {width: 1700px;}
.hismySwiper {width: 1300px;max-width: 92%; overflow: hidden; margin: auto;}
.hismySwiper .swiper-slide {cursor: pointer;}
.hismySwiper .swiper-slide i {width: 0.75rem; transition: .5s; height: 0.75rem;background: #2f99e4; border: 0.13rem solid #8EC4EA; display: block; border-radius: 50%; margin-left: 1.2rem; transform: translateY(-2.7rem); box-sizing: border-box;} 
.hismySwiper .swiper-slide span {font-size: 1.5rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #FFFFFF;display: block; transition: .5s; margin-bottom: 4rem;}
.hismySwiper .swiper-slide-thumb-active i { margin-left: 2.2rem; background: #fff; border: none; position: relative;transform: translateY(-3.5rem);}
.hismySwiper .swiper-slide::after {content: ""; position: absolute; left: 15%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 1px; background: #fff; width: 0;}
.hismySwiper .swiper-slide-thumb-active i::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1.44rem;height: 1.44rem; animation: shubiao 1s infinite linear .65s; background: rgba(255, 255, 255, 0.24); border-radius: 50%;}
.hismySwiper .swiper-slide-thumb-active span {font-weight: 700;font-size: 2rem;    transform: translateY(-0.5rem);}
.hismySwiper .swiper-slide-thumb-active::after {width:96%; left: 65%; transition: .5s;}
@keyframes shubiao {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.aboutFour .swiperBox2 { position: relative; width: 1450px; max-width: 92%; margin: auto}
.hismySwiper2 {width: 1200px; max-width: 80%; overflow: hidden; margin: auto;}
.hismySwiper2 .swiper-button-prev {width: 3.69rem;height: 3.69rem; border: 0.06rem solid rgba(255, 255, 255,.13); border-radius: 50%; transform: rotate(180deg); transition: .5s; left: 0;}
.hismySwiper2 .swiper-button-next {width: 3.69rem;height: 3.69rem; border: 0.06rem solid rgba(255, 255, 255,.13); border-radius: 50%; transition: .5s; right: 0;}
.hismySwiper2 .swiper-button-prev:hover ,.hismySwiper2 .swiper-button-next:hover {background: #0c4966; border-color: #0c4966;}
.hismySwiper2 .swiper-slide {display: flex; justify-content: space-between; align-items: center;}
.hismySwiper2 .re {width:100%;}
.hismySwiper2 .le {width: 46%; position: relative;  padding-bottom: 1.16rem;    display: none;}
.hismySwiper2 .le img {display: block; width: 100%;height: 100%;object-fit: cover;}
.hismySwiper2 .le .imgBox { overflow: hidden;border-radius: 2.5rem; position: relative;display: none;}
.hismySwiper2 .le::after {content: ""; bottom: 0; left: 25%;display: none; position: absolute; background: #3f9cc3;width: 50%; z-index: -1; height: 100%; border-radius: 3.25rem;}
.hismySwiper2 .le .imgBox img {display: block; width: 100%;}
.hismySwiper2 .re dt  {font-size: 1.88rem; font-weight: 400; color: #ffffff; margin-bottom: 2rem;display: none}
.hismySwiper2 .re dd {display: flex; align-items: center; margin:1rem 0;}
.hismySwiper2 .re dd i {width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #fff; margin-right: 0.5rem;flex-shrink: 0;}
.hismySwiper2 .re dd {font-size: 1.16rem;color: #d8f1ff; text-align: left;}
/* 鑽ｈ獕璧勮川 */
.aboutFive {padding-bottom: 4rem;}
.aboutFive .container {width: 1500px;}
.aboutFive .swiperBox {position: relative;}
.abFiveSwiper {overflow: hidden; width: 1300px; margin: auto; max-width: 90%;}
.abFiveSwiper .imgBox {    min-height: 297px;background: #ececec; padding: 1.3rem 2rem;box-sizing: border-box; border-radius: 0.63rem;display: flex; align-items: center; justify-content: center;}
.abFiveSwiper .imgBox img {max-width: 100%; transition: .5s; display: block;}
.abFiveSwiper .tle {text-align: center; font-size: 1.38rem;font-weight: 400;color: #333333; margin-top: 1.5rem;}
.abFiveSwiper .swiper-slide span {text-align: center; font-size: 1rem; color: #888888;display: block;}
.abFiveSwiper .swiper-slide a:hover .imgBox img {transform: scale(1.05);}
.abFiveSwiper .swiper-button-prev {width: 3.69rem;height: 3.69rem; border: 0.06rem solid rgba(194, 194, 194,.39); border-radius: 50%; transform: rotate(180deg); transition: .5s; left: 0; top: 45%;}
.abFiveSwiper .swiper-button-next {width: 3.69rem;height: 3.69rem; border: 0.06rem solid rgba(194, 194, 194,.39); border-radius: 50%; transition: .5s; right: 0;top: 45%;}
.abFiveSwiper .swiper-button-next img , .abFiveSwiper .swiper-button-prev img {filter: brightness(0);}
.abFiveSwiper .swiper-button-prev:hover ,.abFiveSwiper .swiper-button-next:hover {background: #0c4966; border-color: #0c4966;}
.abFiveSwiper .swiper-button-prev:hover img ,.abFiveSwiper .swiper-button-next:hover img {filter: none;}
.abFiveSwiper .swiper-pagination {bottom: 0; display: none;}
.abFiveSwiper .swiper-pagination-bullet {width: 0.88rem; height: 0.88rem; opacity: 0.26; border: 0.13rem solid #0072a4; box-sizing: border-box; background: none; opacity: .26; margin: 0 10px !important;}
.abFiveSwiper .swiper-pagination-bullet-active {background: #0072a4; opacity: 1;}

/* ==浜у搧涓績== */
.prolist ul li {padding:2rem 0 2rem 0; box-sizing: border-box; position: relative;}
.prolist ul li::after {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; transition: 1s;}
.prolist ul li:nth-child(even)::after {background: #e7f0f7;}
.prolist ul li.articleShow::after {width: 0;}
.prolist ul li:nth-child(even) {background: #e7f0f7;}
.prolist ul li .box {display: flex;align-items: center; justify-content: space-between;}
.prolist ul li .box .le {width:40%; overflow: hidden;}
.prolist ul li .box .le img {width: 100%; display: block; transition: .5s;}
.prolist ul li .box .le a:hover img {transform: scale(1.05);}
.prolist ul li .box .re {width: 45%;}
.prolist ul li .box .re em {font-size: 1.88rem;font-weight: 400;color: #333333;}
.prolist ul li .box .re h4 {font-size: 2.5rem;color: #333333;margin-top: 0.7rem; margin-bottom: 3.5rem;}
.prolist ul li .box .re p {font-size: 1rem;font-weight: 400;margin-top: .6rem;}
.prolist ul li .box .re p strong{color: #555;}
.prolist ul li .box .re .more a {width:9rem;height: 3rem;background: #11719e; border-radius: 1.94rem; display: flex; align-items: center; justify-content: center;}
.prolist ul li .box .re .more a {font-size: 1rem;font-weight: 400;color: #ffffff; margin-top: 2rem; transition: .5s;}
.prolist ul li .box .re .more a:hover {background: #1c94cc;}

/* ==浜у搧璇︽儏== */
/* 璇︽儏椤靛叕鐢ㄦ爣棰 */
.detailTitle {padding: 5rem 0;}
.detailTitle .tle {position: relative; }
.detailTitle h4 {font-size: 2.38rem;font-weight: 700;color: #333333; position: relative; z-index: 1;}
.detailTitle h5 {font-size: 3rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #f1f1f1;text-transform: uppercase;  position: relative; line-height: 1rem; top: -0.5rem;}
.detailTitle i {display: inline-block; width: 3.94rem; height: 0.31rem; background: #0c648e; margin-top: 2rem;}
/* 浜у搧浠嬬粛 */
.detailOne {padding: 4.5rem 0 6.5rem 0;}
.detailOne .detailTitle {padding: 0;}
.detailOne .box {display: flex; justify-content: space-between; align-items: center;}
.detailOne .box .detaLe {width:53%; position: relative;}
.detaSwiper1 {overflow: hidden;}
.detaSwiper1 .imgBox img {display: block; width: 100%;}
.detaSwiper1 {background: #ffffff;border: 0.06rem solid #eeeeee; margin-bottom: 1.5rem;}
.detaSwiper1 .imgBox {/* padding: 2rem; */ box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.detaSwiper1 .swiper-button-prev {width: 1.69rem; height: 6.5rem;  opacity: 0.54;top: auto;bottom: 0; background: #dbdbdb; left: 0; transform: rotate(180deg);}
.detaSwiper1 .swiper-button-next {width: 1.69rem;height: 6.5rem; opacity: 0.54; top: auto; background: #dbdbdb; bottom: 0; right: 0;}
.detaSwiper2 {overflow: hidden;}
.detaSwiper2 {width: 89%;margin: auto; height: 6.5rem;}
.detaSwiper2 .swiper-slide {cursor: pointer;}
.detaSwiper2 .imgBox {background: #f5f5f5;display: flex; justify-content: center; align-items: center;  padding:0.5rem; box-sizing: border-box; height: 100%;}
.detaSwiper2 .imgBox img {display: block; width: 100%;}
/* .detaSwiper2 .swiper-slide-thumb-active .imgBox::after{content: ""; position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: rgba(12, 100, 142,.66);} */
.detaSwiper2 .swiper-slide-thumb-active .imgBox {border: 1px solid #ddd;}
.detailOne .box .detaRe {width: 40%;}
.detailOne .box .detaRe .infoCon {margin: 2rem 0;}
.detailOne .box .detaRe ul {display: flex; margin-top: 3rem;}
.detailOne .box .detaRe ul li {width: 10.63rem;height: 3.75rem; background: #11719e; border-radius: 1.88rem;}
.detailOne .box .detaRe ul li img {transition: .5s;}
.detailOne .box .detaRe ul li:nth-child(2) {margin-left: 1.3rem; background: #748da5;}
.detailOne .box .detaRe ul li a {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.detailOne .box .detaRe ul li span {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin-left: 0.63rem;}
.detailOne .box .detaRe ul li:hover img {transform: rotateY(180deg);}
.detailOne .acquisition-info {width: 50%;}
.detailOne .box .detaRe dl {margin-top: 3rem;}
.detailOne .box .detaRe dl dd {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem;}
/* .detailOne .box .detaRe .info span::before {content: "";width: 0.56rem;height: 0.56rem; background: #ebad22; border-radius: 50%; position: absolute; margin-right: 1rem;}
.detailOne .box .detaRe .info span::after {width: 1.06rem;height: 1.06rem;border: 0.06rem solid #ebad22; content: "";border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.detailOne .box .detaRe .info span {font-size: 1.13rem;font-weight: 400;color: #333333;display: block;    position: relative;} */
.detailOne .box .detaRe .info {font-size: 1rem; color: #333; margin-top: 2rem;}
.detailOne .box .detaRe .info span {font-weight:bold;position: relative; display: flex; padding-left: 1.5rem;box-sizing: border-box; margin: 10px 0; font-size:1rem;}
.detailOne .box .detaRe .info span::before {position: absolute; left: 0; content: ""; width: 100%; height: 100%; background: url(../images/yuDian.png) no-repeat left;}
.detailOne .box .detaRe .info span:nth-child(1){margin-top:1rem}

/* 浜у搧缁嗚妭灞曠ず */
.detailTwo {background: #f5f5f5; padding-bottom: 8rem;}
.detailTwo .detailTitle {text-align: center;}
.detailTwo .detailTitle h5 {color: #eaeaea;}
.detailTwo .box {}

/* 浜у搧鍙傛暟 */
.detailThree {padding-bottom: 10rem; background: #f5f5f5; display: none;}
.detailThree .detailTitle {text-align: center;}
.detailThree .detailTitle h5 {color: rgba(234, 234, 234,.25);}
.detailThree .detailTitle h5{color:#999;opacity: .2;}
.detailThree table{width: 100% !important;}

.proFy {display: flex; justify-content: space-between; align-items: center; margin-top: 3rem; flex-wrap: wrap;}
.proFy p {font-size: 1rem; color: #333; margin-top: 0.5rem;}
.proFy p a {margin-left: 0.5rem;}
.proFy p a:hover {color: #11719e;}

/* ==鏂伴椈涓績== */
.news-banner .navTwo {/* bottom: -22%;padding-bottom: 13rem; */}
.newsList {position: relative; z-index: 1;border-top: 1px solid #E7F0F7;}
.newsList .newsInfo {padding: 6rem 0 3rem 0; display: flex; z-index: 1; align-items: center; justify-content: space-between;background: #e7f0f7; position: relative;}
.newsList .newsInfo::after {content: ""; background: #e7f0f7; z-index: -1; width: 150%; height: 100%; right: -40%; position: absolute; bottom: 0; }
.newsList .newsInfo .imgBox {width: 50%; overflow: hidden;}
.newsList .newsInfo .imgBox img {display: block; width: 100%; transition: .5s; height: 21rem; object-fit: cover;}
.newsList .newsInfo .imgBox a:hover img {transform: scale(1.1);}
.newsList .newsInfo .re {width: 45%;}
.newsList .newsInfo .re em {font-size: 1rem;font-weight: 400;font-family: Arial, Arial-Regular;color: #666666; margin-bottom: 1rem; display: block;}
.newsList .newsInfo .re h5 {font-size: 1.38rem;font-weight: 400;color: #333333; margin-bottom: 0.5rem;}
.newsList .newsInfo .re h5:hover {color: #11719e;}
.newsList .newsInfo .re p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 2rem; }
.newsList .newsInfo .re p {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.newsList .newsInfo .re .more a {font-size: 1rem;font-weight: 400;color: #11719e; margin-top: 3rem; display: block;}
.newsList ul {margin-top: 3rem;}
.newsList ul li {border-bottom: 1px solid #E7F0F7;width: 100%;}
.newsList ul li a {display: flex; align-items: center; justify-content: space-between; padding: 3rem 0;}
.newsList ul li .imgBox {width: 32%; overflow: hidden;    height:260px;border:10px solid #eee;display: none;}
.newsList ul li .imgBox img {transition: .5s; width: 100%; display: block; object-fit: cover;}
/* .newsList ul li .reCon {width:62%;} */
.newsList ul li .reCon {width:100%;}

.newsList ul li .reCon em {font-size: 1.15rem;font-weight: 400;color: #666; margin-bottom: 0.5rem;display: block;}
.newsList ul li .reCon h5 {font-size: 1.48rem;font-weight: 400;color: #333333; margin-bottom: 1rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList ul li .reCon p {font-size: 1rem;font-weight: 400;color: #666666;line-height: 1.75rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList ul li .reCon img {display: block; margin-top: 2rem; transition: .5s;}
.newsList ul li .reCon .more {margin-top: 1rem; color: #999; font-size: 1rem;}
.newsList ul li a:hover .imgBox img {transform: scale(1.1);}
.newsList ul li a:hover .reCon img {margin-left: 2rem;}
.newsList ul li a:hover h5 , .newsList ul li a:hover .more {color: #11719E;}

.newsList ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.newsList ul::after {width: 32%; content: "";}
.newsList .item {width: 32%;padding: 1.5rem; margin-bottom: 2rem; box-sizing: border-box;    border-radius: 10px;}
.newsList .item .imgBox {position: relative; overflow: hidden;height:auto;}
.newsList .item .imgBox img {width: 100%; height: 100%; margin: auto; object-fit: cover; display: block; transition: .5s;border: 1px solid #eee; box-sizing: border-box;}
.newsList .item .con { padding-top:2rem; box-sizing: border-box;    padding-bottom: 1rem;}
.newsList .item h5 {font-size: 1.05rem;line-height: 1.5rem;font-weight: 700;color: #003855; margin: 1rem 0; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:2;-webkit-box-orient: vertical; }
.newsList .item em {font-size: 0.94rem;font-weight: 400;color: #919191; margin-bottom: 1rem;display: block;line-height: 0.94rem;}
.newsList .item p {font-size: 0.9rem;font-weight: 400;color: #919191;line-height: 1.58rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList .item a:hover .imgBox img {transform: scale(1.1);}
/* .inThSwiper .swiper-pagination {display: none;}
.indexThree .more {display: flex; justify-content: center; align-items: center; margin-top: 5rem;}
.indexThree .more a {width: 9.5rem; height: 3.44rem; background: #11719e; border-radius: 1.75rem; display: flex; justify-content: center; align-items: center;}
.indexThree .more a span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-right: 1rem; transition: .5s;}
.indexThree .more a:hover span {margin-right: 1.5rem;} */

/* 鏂伴椈璇︽儏 */
.newsdetail .container {width: 1150px; max-width: 92%;}
.newsdetail .boxTop {background: #11719e; padding: 5.5rem 0;}
.newsdetail .boxTop .boxTle {display: flex; align-items: center; justify-content: space-between;}
.newsdetail .boxTop .boxTle .tle {width: 85%;}
.newsdetail .boxTop .boxTle h3 {font-size: 2.13rem;font-weight: 700;color: #ffffff;}
.newsdetail .boxTop .data {display: flex; margin-top: 2rem;}
.newsdetail .boxTop .data .icBox {display: flex; align-items: center;}
.newsdetail .boxTop .data span {font-size: 1rem;font-weight: 400;color: #ffffff; margin-left: 0.5rem;}
.newsdetail .boxTop .data .icBox:nth-child(2) {margin-left: 11%;}
.newsdetail .boxTop .boxTle .more a {display: flex; align-items: center; position: relative; padding-bottom: 0.5rem;}
.newsdetail .boxTop .boxTle .more a span {font-size: 1rem;font-weight: 400;color: #fff; margin-right: 0.5rem;}
.newsdetail .boxTop .boxTle .more a::after {content: ""; position: absolute; width: 100%;   transition: .5s; bottom: 0; right: 0; height: 1px; background: #fff;}
.newsdetail .boxTop .boxTle .more a:hover::after {width: 0;}
.newsdetail .boxCon {margin: 3rem 0;}
.newsdetail .chose {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1.5rem 0 2.5rem 0; border-top: 1px solid #DDDDDD;}
.newsdetail .chose p , .newsdetail .chose p a {margin-top: 1rem;font-size: 1rem;font-weight: 400;color: #666666;}
.newsdetail .chose p a:hover {color: #11719e;}

/* ==鎷涜搐绾冲＋ */
.wrapJoin {display: none; background: #11719e; padding: 3rem 0;}
.wrapJoin .text1 {font-size: 2rem;font-weight: 400;color: #ffffff;}
.wrapJoin .text2 {font-size: 1.38rem;font-weight: 400;color: #ffffff;}
.wrapJoin dl {margin-top: 3rem;}
.wrapJoin dl dd {font-size: 1.13rem;font-weight: 400;color: #ffffff; margin-top: 0.8rem;}

.careersOne {background: url(../images/careersOne-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 6.8rem; background-attachment: fixed;}
.careersTle {text-align: center; padding: 5.5rem 0 4rem 0;}
.careersTle h3 {font-size: 2.5rem;font-weight: 400; color: #004861;}
.careersTle h4 {font-size: 1.38rem;font-weight: 400; text-transform: uppercase; color: rgba(170, 170, 170,.48);}

/* 鍒嗙被 */
.careersOne .hd ul {display: flex; justify-content: center; margin-bottom: 4rem;}
.careersOne .hd li {margin-right: 1rem;cursor: pointer;}
.careersOne .hd li:last-child {margin-right: 0;}
.careersOne .hd li a {width: 15rem; height:4rem; border-radius: 4.5rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.careersOne .hd li a {font-size: 1.4rem; color: #333; transition: .5s;}
.careersOne .hd li a:hover {background: #11719e; color: #fff;}
.careersOne .hd li.on a {background: #11719e; color: #fff;}

.careersOne .bd ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.careersOne .bd ul::after {content: ""; width: 31.5%;}
.careersOne .bd ul li {width: 31.5%; margin-bottom: 2rem;}
.careersOne .bd ul li .box {background: #ffffff;border-radius: 0.94rem;box-shadow: 0rem 0rem 2.69rem 0rem rgba(45,45,45,0.08); }
.careersOne .bd ul li .box {padding:7% 10% 7% 13%; box-sizing: border-box; cursor: pointer; transition: .5s;}
.careersOne .bd ul li .liTle {font-size:1.2rem;font-weight: 400;color: #000000;}
.careersOne .bd ul li .num {display: flex; align-items: center; margin-top: 1.5rem;}
.careersOne .bd ul li .num span {font-size:1rem;font-weight: 400;color: #666666; margin-right: 1rem;}
.careersOne .bd ul li .box:hover {background: #11719e;}
.careersOne .bd ul li .box:hover .liTle {color: #fff;}
.careersOne .bd ul li .box:hover .num span  {color: #fff;}
.careersOne .bd ul li .box:hover .num img {filter: brightness(100);}

/* 寮瑰嚭灞 */
.careersInfo {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 60%; display: none; border-radius: 1rem;}
.careersInfo .box-title {display: flex; justify-content: space-between; align-items: center;}
.careersInfo .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold; margin: 0;}
.careersInfo .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.careersInfo .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 6rem;}
.careersInfo .time {border-bottom: 1px solid #ececec; padding: 1rem 0; text-align: left;}
.careersInfo dl {margin-top: 2rem; text-align: left; height: 35vh; overflow-y:auto;}
/* .careersInfo dt {color: #333; font-size: 1rem;}
.careersInfo dd {color: #666; font-size: 1rem; margin-top: 1.1rem;}
.careersInfo dl p {margin-top:5px;}
.careersInfo dl span{ margin-top:0;font-size:0.8rem;color:#666; line-height: 20px;} */

/* 灞曚細椋庨噰 */
.careersTwo {padding:3rem 0;}
.careersTwo .tle {text-align: center; margin-bottom: 3rem;}
.careersTwo .tle strong {font-size: 2.5rem;color: #004861;font-weight: 400;}
.careersTwo .tle span {font-size: 1rem;color: #666666;font-weight: 400;display: block;}
.caresSwiper {position: relative; overflow: hidden; padding-bottom: 4rem;}
.caresSwiper .swiper-slide {width: 30%; transform: scale(0.75); overflow: hidden; transition: 300ms;}
.caresSwiper .swiper-slide .imgBox {overflow: hidden; border-radius: 1.25rem;position: relative; border: 10px solid #eee;}
.caresSwiper .swiper-slide .imgBox::after {content: ""; width: 100%; height: 100%; background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 60% , rgba(0, 0, 0, 0.05)); bottom: 0; position: absolute; left: 0;}
.caresSwiper .swiper-slide span {font-size: 1.5rem;font-weight: 400;color: #333;  display: block;margin-top: 1rem;margin-top: 1rem; text-align: center; padding: 0.5rem;}
.caresSwiper .swiper-slide img {width: 100%; display: block;}
.caresSwiper .swiper-slide-active {transform: scale(1);}
.caresSwiper .swiper-pagination {bottom: 0;}
.caresSwiper .swiper-pagination-bullet {width: 0.6rem;height: 0.6rem;background: #ddd;box-sizing: border-box; opacity: 1; margin: 0 5px !important;}
.caresSwiper .swiper-pagination-bullet-active {background: #2c7c9e;}

/* ==鑱旂郴鎴戜滑== */
.contactOne {background: url(../images/contact-map.jpg) no-repeat right; background-size: cover; padding: 5rem 0 1rem 0;}
.contactOne dl dt {font-size: 2.5rem;font-weight: 400;color: #333333; margin-bottom: 2rem;}
.contactOne dl dd {display: flex; align-items: center; margin-bottom: 2.5rem;} 
.contactOne dl dd .icBox {width: 2.5rem; display: flex; align-items: center; justify-content: center; margin-right: 2rem;}
.contactOne dl dd span {font-size: 1rem;font-weight: 400;color: #11719e;}
.contactOne dl dd p , .contactOne dl dd p a {font-size: 1.25rem;font-weight: 400;color: #333333;}
.contactOne dl dd p a:hover {color: #11719E;}
.contactOne dl dd.code {display: block;}
.contactOne dl .codeImg {overflow: hidden; background: #ffffff; display: inline-block;border-radius: 0.63rem;box-shadow: 0rem 0.06rem 2.5rem 0rem rgba(0,54,80,0.09); }
.contactOne dl .code img {display: block;}
.contactOne dl .code b {display: block;font-size: 0.94rem;font-weight: 400;color: #666666; margin-top: 1rem;}

.contactOne ul {display: flex; margin: 5rem 0;}
.contactOne ul li {margin-right: 1.5rem; position: relative;}
.contactOne ul li .icBox {width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center; background: #11719e; border-radius: 50%; transition: .5s;}
.contactOne ul li:hover .icBox {background: #148ac0;}
.contactOne ul li .code {position: absolute; left: -70%; display: none;}

/* 浜у搧璇︽儏椤甸潰---鍦ㄧ嚎鐣欒█ */
.ssfw-tc {display: none; position: relative; z-index: 99999;}
.ssfw-con {max-width:550px;padding: 0 20px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:9999; margin:0 auto;background: #fff;border-radius: 10px; box-sizing:border-box;}
.ssfw-con form div {margin:20px auto;width:450px; margin-top: 0;display: flex; justify-content: space-between;}
.ssfw-con form div:nth-child(2) {margin-top: 50px;}
.ssfw-con form div em {color:#c00;float:right;font-style: normal;}
.ssfw-con form input {width:400px;height:40px;line-height:40px;border-radius:5px;border:1px solid #ddd; background: none;display: block;padding-left:20px;}
.ssfw-con form textarea {width:400px; resize: none; height: 100px;border-radius:5px;border:1px solid #ddd;background: none;display: block;padding-left:20px; padding-top: 10px; font-family: "Microsoft YaHei, Arial, Helvetica , sans-serif";}
.ssfw-con form .submit {width:450px;  display: flex; justify-content: center; margin-top: 20px;}
.ssfw-con form .submit input { background: #11719e;color:#fff;height:45px;line-height:45px;font-size:17px;font-weight:bold;width:145px;padding:0;cursor: pointer;}
.ssfw-bg {width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(51,51,51,0.2);z-index:99;}
.ssfw-con .close {position: absolute;right:3%;top:2%;cursor: pointer;}
.mess-form .imgBox img {max-width: 100%; display: block; margin: auto;}
.mess-form .imgBox {height: auto;   margin: 0;  position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%)}
.textArea {height: 100px;}

@media screen and (min-width: 200px) and (max-width: 768px) {
    .index-four {overflow: hidden;}
    .ssfw-con {width: 92%; padding: 0;}
    .ssfw-con form div {width: 92%; margin: 15px auto;}
    .ssfw-con form input {width: 88%;}
    .ssfw-con form textarea {width: 88%;}
    .ssfw-con form .submit {width: 50%;}
    .ssfw-con form .submit input {width: 100%;}
}




/* 鎼滅储椤甸潰 */
.search-page .box {margin-top: 8vh;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #11719E; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 鍒嗛〉 */
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { border: 0.06rem solid #eee; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; transition: .4s; margin:5px;  padding: 5px 13px;}
.fy a:hover {color: #fff; background: #11719E;}
.fy .layui-laypage-curr {color: #fff; background: #11719E; font-size: 14px;  margin: 0 5px; padding: 5px 13px;}