@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#333333;font-family:'SofiaPro-Light','Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; overflow-x: hidden!important; padding-top: 100px;font-size: 20px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color: #122e4d}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
/* .clearfix {*zoom:1;} */
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}

.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}


.nav-btnbox { display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%!important}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}



.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.pl5{ padding-left:5%}
.bar3{width: 100%; background-color: #C9E9FA; font-family: Georgia, serif;}
.bar5{width: 100%; background-color: #94D4F5; font-family: Georgia, serif;}

@font-face {
    font-family: 'SofiaPro-Light';
    src: url('../fonts/SofiaPro-Light.eot');
    src: url('../fonts/SofiaPro-Light.eot') format('embedded-opentype'),
         url('../fonts/SofiaPro-Light.woff2') format('woff2'),
         url('../fonts/SofiaPro-Light.woff') format('woff'),
         url('../fonts/SofiaPro-Light.ttf') format('truetype'),
         url('../fonts/SofiaPro-Light.svg#SofiaPro-Light') format('svg');
}
@font-face {
    font-family: 'SofiaPro-Medium';
    src: url('../fonts/SofiaPro-Medium.eot');
    src: url('../fonts/SofiaPro-Medium.eot') format('embedded-opentype'),
         url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
         url('../fonts/SofiaPro-Medium.woff') format('woff'),
         url('../fonts/SofiaPro-Medium.ttf') format('truetype'),
         url('../fonts/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');
}
@font-face {
    font-family: 'SofiaPro-Regular';
    src: url('../fonts/SofiaPro-Regular.eot');
    src: url('../fonts/SofiaPro-Regular.eot') format('embedded-opentype'),
         url('../fonts/SofiaPro-Regular.woff2') format('woff2'),
         url('../fonts/SofiaPro-Regular.woff') format('woff'),
         url('../fonts/SofiaPro-Regular.ttf') format('truetype'),
         url('../fonts/SofiaPro-Regular.svg#SofiaPro-Regular') format('svg');
}
@font-face {
    font-family: 'SofiaPro-SemiBold';
    src: url('../fonts/SofiaPro-SemiBold.eot');
    src: url('../fonts/SofiaPro-SemiBold.eot') format('embedded-opentype'),
         url('../fonts/SofiaPro-SemiBold.woff2') format('woff2'),
         url('../fonts/SofiaPro-SemiBold.woff') format('woff'),
         url('../fonts/SofiaPro-SemiBold.ttf') format('truetype'),
         url('../fonts/SofiaPro-SemiBold.svg#SofiaPro-SemiBold') format('svg');
}
@font-face {
    font-family: 'SofiaPro-Bold';
    src: url('../fonts/SofiaPro-Bold.eot');
    src: url('../fonts/SofiaPro-Bold.eot') format('embedded-opentype'),
         url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
         url('../fonts/SofiaPro-Bold.woff') format('woff'),
         url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
         url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


.font48{font-size: 48px;font-family: 'SofiaPro-Bold';}



@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp
 {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
 }
@keyframes fadeInUp
 {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
 }
@-webkit-keyframes fadeInDown
 {
    0%{opacity:0; transform:translateY(-50px)}
    100%{opacity:1;transform: translateY(0)}
 }
@keyframes fadeInDown
 {
    0%{opacity:0; transform: translateY(-50px)}
    100%{opacity:1;transform: translateY(0)}
 }



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width:85%; max-width: 1600px;}
.mainbox_1{margin: 0 0; width:85%; max-width: 1600px;}

.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:9999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; background: #fff; }

.top.none{transform: translateY(-100%);}
.top>.mainbox{height:100px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.top.cur{  box-shadow: 0px 0px 13px rgba(18,46,77,0.07)}
.top.cur>.mainbox{height:90px;}
.top.cur .navdown{top: 90px}
.top.cur .nav li>a{ line-height: 90px}

body.cur{padding-top: 80px;}
.topright{width:80%; max-width: 1000px;}


.yuyandown{position: absolute; left: 50%; transform: translate(-50%,0); min-width: 100px; top:62px; display: none; border-radius:20px;overflow: hidden; padding:10px 30px;background:rgba(255,255,255,0.95);}

.yuyandown a{padding:7px 0px; color:#a2a2a2;  font-size:20px;  display: block;border-radius: 5px;}
.yuyandown a:hover{color: #122e4d;font-family: 'SofiaPro-Bold';}


.yuyanselect{width: 20px; position: relative}
.yuyanselect img{width: 100%}




.logo{ width:13%; max-width:200px;}
.logo img.hide{display: none}


.toprightright{width:92px;}

.nav{width:calc(100% - 150px);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nav.cur{opacity: 0}
.nav li{position: relative}
.nav li>a {position: relative; display: block;font-size: 22px;line-height: 102px;}
.nav li:hover>a{color: #122e4d; font-weight: bold;}

.nav li.cur>a{color: #122e4d; font-weight: bold;}


.navdown{position: absolute; left:50%; transform: translate(-50%,0);top:102px;background:rgba(255,255,255,0.95); min-width:120px; display: none;border-radius:20px; padding: 10px 30px}



.navdown a{padding:7px 0px; color:#a2a2a2;  font-size:20px;  display: block;border-radius: 5px;}
.navdown a:hover{color: #122e4d;font-family: 'SofiaPro-Bold';}


.sousubtn{width: 22px; position: relative}
.sousubox{position: absolute; right:-20px; border: 1px solid #e3e3e3;border-radius: 60px;background: #fff; top: 50%; transform: translate(0,-50%); width:0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;overflow: hidden; opacity: 0}


.banner{position: relative; overflow: hidden;}
.banner .swiper-slide{height:calc(100vh - 100px);background-repeat: no-repeat; background-size: cover; position: relative;background-position: center center}
.banner img{width: 100%}

.banner .swiper-slide:before{position: absolute;content: ''; left: 0px; top: 0px; width:60.10%; background: url("../images/bannerleft.svg") no-repeat right top; background-size:auto 100%; height: 100%; z-index: 1}


.wapbanner{position: relative; overflow: hidden; display: none}
.wapbanner .swiper-slide{height:calc(100vh - 100px);background-repeat: no-repeat; background-size: cover; position: relative; background-position: center center}

.wapbantxt{position: absolute; left: 0px; bottom:0%; width: 100%; z-index:2}
.wapbantxt .mainbox{background: #94d4f5; width: 100%; padding-bottom: 10%}
.wapbantxt .banwenzi{width: 90%; margin: 0 auto; padding: 5% 0px;}

.wapbot{position: absolute; left: 0px; bottom:0%; width: 100%; z-index:2}
.wapbtop{width: 100%; margin-bottom: -1px;}
.pcdi img{width: 100%;}
.pcdi{position: absolute;left: 0px; bottom:-1px; z-index: 3; width: 100%;}
.xiadown{position: absolute;left: 0px; bottom: 0px; z-index: 3; width: 100%;}
.xiadown a{width: 30px; display: block; animation: start 1.2s infinite ease-in-out;}


@keyframes start {
	100% {opacity: 0;transform:translate(0,6px);}
	60% {opacity: 1;transform:translate(0,0);}
	0%,30% {opacity: 0;transform:translate(0,-4px);}
}
@-webkit-keyframes start {
    100% {opacity: 0;-webkit-transform:translate(0,6px);}
    60% {opacity: 1;-webkit-ransform:translate(0,0);}
    0%,30% {opacity: 0;-webkit-transform:translate(0,-4px);}
}




.bantxt{position: absolute; left: 0px; top: 40%; transform: translate(0,-50%); width: 100%; z-index: 2}
.banwenzi{max-width: 700px;}
.banwenzi h2{color: #122e4d; font-family: 'SofiaPro-Bold';}

.morebtn{color: #122e4d; border: 1px solid #122e4d; border-radius: 60px; width:218px; height: 58px; display: inline-block; line-height: 58px;position: relative; overflow: hidden; text-align: center; font-size: 22px;font-family: 'SofiaPro-Regular';}

.morebtn:after{background: #122e4d; width:0%; height: 120%; content: ''; position: absolute; left: 0%; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  z-index:0; top: -10%; }

.morebtn em{z-index: 2; position: relative}
.morebtn:hover:after{width: 120%; left: -10%;}
.morebtn:hover{color: #fff}


.morebtn.baise{color: #fff; border: 1px solid #fff}
.morebtn.baise:after{background: #fff}
.morebtn.baise:hover{color: #122e4d}



.sousuleft{ width: calc(100% - 58px)}
.sousuleft input[type="submit"]{width: 58px; height: 58px; background: url("../images/soubtn.svg") no-repeat center center; background-size: 20px auto;}

.sousuleft input[type="text"]{height: 58px; background: none; border: none; width: calc(100% - 58px)}
.sousubox a{width: 58px; height: 58px;}
.sousubox a img{width:18px; display: block}


.sousubox.cur{width: 1000px; opacity: 1}





.lansebj{background: #e9f4ff}

.syableft{width: 41.25%}

.syabright{width: 50%; color: #666666 }

.syabright h2{ color: #122e4d;font-family: 'SofiaPro-SemiBold'; line-height: 1.2; margin-bottom: 8%; padding-bottom: 5px;}

.syabright p{line-height: 1.8}

.syabrighttxt{width: 87.5%}


.syabout{position: relative}

.abnumbox{position: absolute; right: 0px; bottom: 0px; background: #fff; border-radius: 20px; border-bottom-right-radius: 200px; width:93.75%; box-shadow: 0px 0px 13px rgba(18,46,77,0.07)}

.abnumbox ul{padding:1% 6%;width: calc(88% + 100px); margin-left: -100px; }
.abnumbox li{width: calc(33.33% - 100px); float: left; margin-left: 100px; border-bottom: 1px solid #d9d9d9; padding: 3% 0px;}
.abnumbox li p{font-family: 'SofiaPro-Medium'; font-size: 44px; color: #122e4d}
.abnumbox li span{color: #999999; font-size: 18px;}


.abnumbox li:nth-child(4),.abnumbox li:nth-child(5),.abnumbox li:nth-child(6){border: none}


.kejiboxs li{width: 46.25%; border-radius: 50px; background: #fff; box-shadow: 0px 0px 13px rgba(18,46,77,0.07) }

.kejihezi{padding: 10%}

.kejihezi h2{color: #122e4d}
.kejihezi p{color: #666666; margin-top: 5%; line-height: 1.8; min-height: 170px}


.partnerbj{background: url("../images/partnerbj.jpg") no-repeat center center; background-size: cover; color: #fff; background-attachment: fixed}

.partnerbox{max-width: calc((100% - 1600px)/2 + 1600px);width:90%;}

.partnerright{width: 54.54%}
.partnerright img{width: 100%}

.partnerleft{width: 30%; margin-top: 5%}

.partnerleft p{line-height: 1.8; margin-top: 5%}


.synewsbj{background:#e9f4ff;}

.synewstop{border-radius: 20px;background: #fff; border-bottom-right-radius: 200px;box-shadow: 0px 0px 13px rgba(18,46,77,0.07);overflow: hidden}

.synewstop .fangdapic{border-radius: 20px;border-top-right-radius:100px; width: 50%}


.synewstoptxt{width: 40%; padding:0 5%}

.times{color: #62c4f5; line-height: 1}

.newstxt{font-size: 28px;font-family: 'SofiaPro-SemiBold'; color: #122e4d; margin-top: 5%}


.synewsbot li{width: 26%}

.synewsbot li.line{width: 1px; background: #e1e2e3}

.footerbj{background: #edf1f2; }
.foots{position: relative}
.foots img{width: 100%;position: absolute; left: 0px; bottom: 0px;}


.footlogo{width: 16%; max-width: 240px;}

.footnav{width: 40%; max-width: 380px;}
.footnav li{width: 50%; font-size: 24px; padding: 5px 0px;}

.footshare li img{height: 35px;}

.footshare{width: 23%; max-width: 370px;}

.footshare p{font-size: 24px; margin-bottom: 30px;}


.footerbot{border-top: 1px solid #d9d9d9; color: #666666}


.nybanner{position: relative;}
.nybanner>img{width: 100%}

.nybanner:before{position: absolute;content: ''; left: -3px; top: 0px; width:51.56%; background: url("../images/nybanner.svg") no-repeat right top; background-size:auto 100%; height: 100%; z-index: 1}


.nybantxt{position: absolute; left: 0px; width: 100%; top: 50%; transform: translate(0,-50%); z-index: 2}
.nybanwenzi{width: 38.75%; color: #122e4d;font-family: 'SofiaPro-Regular';}

.nybanwenzi h3{font-size: 20px; font-weight: normal;}
.nybanwenzi h3 em{width: 8px; height: 16px; background: url("../images/you.svg") no-repeat center center; background-size: 100% auto; margin: 0px 15px;}

.nybanwenzi h2{margin:20px 0px}

.nybanwenzi p{font-size: 20px; line-height: 1.8}

.wapnybanner{position: relative; display: none;}
.wapnybanner .nybantxt{top: auto; bottom: 0; transform:none; }
.wapnybanner .mainbox{background: #94d4f5; width: 100%; padding-bottom: 10%}
.wapnybanner .nybanwenzi{width: 90%; margin: 0 auto}



.overviewbj{background: url("../images/abbj01.png") no-repeat right bottom #f7f7f7; background-size: 46.87% auto;position: relative}

.abtit{color: #122e4d}

.overviewtxt{background: #fff; color: #666666; line-height: 1.8; border-radius: 20px; border-bottom-right-radius: 200px; width:60%; box-shadow: 0px 0px 13px rgba(18,46,77,0.07)}

.overviewwenzi{padding: 8%; padding-left: 15%}

.overviewpic{width: 46%; position: absolute; left: 0px; top:26%}
.overviewpic img{width: 100%}

.vission li{width:40%; border-radius: 50px; box-shadow: 0px 0px 13px rgba(18,46,77,0.07); background: #fff; text-align: center; padding: 5% 3%}

.visico{width: 100px; height: 100px; background: #94d4f5; border-radius: 100%; margin: 0 auto}
.visico img{width:40px;}

.vission li h2{font-size: 36px;font-family: 'SofiaPro-Medium'; font-weight: normal; margin: 8% 0px;}
.vission li p{color: #666666; line-height: 1.8}


.teamdownbox{display: none; margin-top: -2%}
.teamdown{color: #999999; line-height: 1.8;width:72.18%}
.teamdown-science{color: #999999; line-height: 1.8;width:98%;text-align: left;}

.teamtit{width: 35%}
.teamtit li{font-size: 40px; color: #caccca;font-family: 'SofiaPro-Bold'; margin-bottom: 20px; cursor: pointer}

.teamtit li.on{color: #122e4d}



.teamright{width: 58%}
.teamright li{border-bottom: 1px solid #e0e0e0; padding: 5% 0px}
.teamright li:first-child{padding-top: 0px;}
.teampic{overflow: hidden; border-radius: 100%; width: 21.23%}

.teamright-science{width: 100%}

.teamrh{width:72.18%}
.teamtxt{width: calc(100% - 100px)}
.teamtxt h3{font-size: 30px;font-family: 'SofiaPro-Bold'; margin-bottom: 20px}
.teamtxt p{color: #999999;font-family: 'SofiaPro-Regular';}


.adds{width: 56px; height: 56px; border: 1px solid #122e4d; border-radius: 100%; position: relative; cursor: pointer}
.adds:before{content: ''; width: 33%; height:2px; background: #122e4d; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}

.adds:after{content: ''; width:2px; height:33%; background: #122e4d; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}

.teamright li.cur .adds:after{display: none}


.teamright ul{display: none}

.teamright ul:first-child{display: block}


.fazhanbj{background: url("../images/fazhanbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;overflow: hidden}

.timebox{min-height:450px;}

.fazhanbox .swiper-slide{width: auto}
.timebox>h2{color: #122e4d; font-size: 40px; width: 174px; height: 70px; border: 3px solid #122e4d; font-style: italic; border-radius: 80px; text-align: center;font-family: 'SofiaPro-Bold'; line-height: 65px; margin-right: 40px;}


.timelist{position: relative}
.timelist ul{position: relative; padding: 0px 90px;}
.timelist:before{content: ''; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #acacac}

.timelist ul:before{content: ''; width:5px; height: 5px; border-radius: 100%; background: #122e4d; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); }


.timelist ul:after{content: ''; width:5px; height: 5px; border-radius: 100%; background: #122e4d; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%); }

.timelist li{width: 360px; position: relative }



.timelist li .timetxt{position: absolute; left: 0px; bottom: 0px; padding-left: 30px; padding-bottom: 20px;}

.timelist li .timetxt em{position: absolute; left: 0px; width: 1px; bottom: 0px; height: 100%}
.timelist li .timetxt em:before{content: ''; width:9px; height: 9px; border-radius: 100%; background: #122e4d; position: absolute; left:50%; bottom:-4px; transform: translate(-50%,0);}


.timelist li .timetxt em:after{content: ''; width:1px; height: 90%; background: #122e4d; position: absolute; left:50%; bottom:12px; transform: translate(-50%,0);}

.timelist li .timetxt em i{font-size: 24px; font-style: italic; position: absolute; left: 0px;white-space:nowrap; font-family: 'SofiaPro-Regular'; top: -30px; line-height: 1; padding-left: 30px; color: #122e4d}

.timelist li .timetxt em i:before{content: ''; width:15px; height: 15px;position: absolute; left:-7px; top:50%; transform: translate(0,-50%); background: url("../images/dot.svg") no-repeat center center; background-size: 100% auto}


.timetxt h3{font-size: 26px;font-family: 'SofiaPro-Medium'; font-weight: normal; margin: 10px 0px;}

.timetxt p{color: #999999; font-size: 16px; line-height:24px; height:120px;}


.timelist li:nth-child(even) .timetxt{top: 0; bottom: auto; padding-top: 20px; padding-bottom: 0}

.timelist li:nth-child(even) .timetxt em{top: 0; bottom: auto}

.timelist li:nth-child(even) .timetxt em:after{top:12px; bottom: auto}

.timelist li:nth-child(even) .timetxt em i{ bottom: -30px; top: auto}

.timelist li:nth-child(even) .timetxt em:before{ top:-4px;bottom: auto}


.huisebj{background: #f7f7f7}


.investorsbox li{width: calc(33.33% - 20px); float: left; margin-left: 20px; margin-bottom: 20px;}

.investorsbox ul{width: calc(100% + 20px); margin-left: -20px;}

.dingwei{position: relative}
.dingx{position: absolute; top: -90px;}


.sciencebox{background: url("../images/yin.png") no-repeat 90% bottom  #f7f7f7; background-size:80% auto;}


.sciencebox .mainbox{max-width: 1200px;  margin: 0 auto}

.sciencetxt{color: #122e4d; line-height: 1.8;font-family: 'SofiaPro-Regular';}

.sciencetxt p{padding-top: 20px;}

.sciencetxt img{max-width: 980px;}


.pipelinebox .mainbox{max-width: 1200px;  margin: 0 auto}

.pipelinehezi{background: #195ca1; color: #ffffff; border-radius: 8px;font-family: 'SofiaPro-Bold'; position:sticky; top: 90px; z-index: 9}
.pipelinehezi dl{ height: 100px;}
.pipelinehezi li{text-align: center; font-size: 16px;}

.pipelinehezi dd{width:88%}

.wh01{width: 12%; text-align: center}


.wh02{width: 12%; text-align: center}
.wh03{width: 18%; text-align: center}
.wh04{width: 10%}
.wh05{width: 10%}
.wh06{width: 10%}
.wh07{width: 10%}
.wh08{width: 10%}
.wh09{width: 10%}
.wh11{width: 10%}
.wh12{width: 10%}


.pipelinelist li.wh10{width:63.6%;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; position: absolute; left:27.3%; padding: 0px; min-height: 100%; border: none; opacity: 0.5;}


.pipelinelist dd{width: 88%}
.pipelinelist dd ul{position: relative}
.pipelinelist{background: #fff; border-radius: 8px; margin-top: 10px;overflow: hidden}

.pipelinelist dt{background: #e6f0f8; color: #122e4d;font-family: 'SofiaPro-Regular';}

.pipelinelist ul:nth-child(even){background: #f4f7fa}

.pipelinelist li{color: #666666; font-size: 16px; border-left: 1px solid #e7e8e8;min-height:50px; padding: 20px 0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.pipelinelist li span{padding:0px 5px; display: block; width: calc(100% - 10px); font-size: 14px;}
.pipelinelist li em{height: 42px;background: #94d4f5; border-top-right-radius: 40px;border-bottom-right-radius: 40px;-webkit-transition: width 2s;transition: width 2s;transition-timing-function: ease; display: block;}

.geizs{width: 100%}
.geizs p{margin-top:5px; font-size: 12px;}
.xhsa{text-align: center}
.xhsa p{font-size: 12px; }
.xhsa img{width: 40px; margin: 0 auto}


.pipelinelist li em.bars{width:0px!important;}


.shenglv.pipelinelist dt{background: #e0f5e8;}

.shenglv.pipelinelist li em{background: #2ebb63;}

.hongse.pipelinelist dt{background: #fcebea;}

.hongse.pipelinelist li em{background: #e43834;}


.shenglan.pipelinelist dt{background: #eceff1;}

.shenglan.pipelinelist li em{background: #122e4d;}

.danlvse.pipelinelist dt{background: #e0f8f3;}

.danlvse.pipelinelist li em{background: #30d1b1;}

.newstit{border-bottom: 1px solid #8492a2;}
.newstit li{font-size: 40px;font-family: 'SofiaPro-Bold';}
.newstit li a{color: #caccca}
.newstit li a:hover{color: #122e4d}
.newstit li.cur a{color: #122e4d}
.newstit li:first-child{margin-right: 80px;}



.synewslist li{border-top: 1px solid #8492a2; width: calc(33.33% - 50px);float: left; margin-left: 50px; padding: 30px 0; margin-bottom: 30px;}
.synewslist ul{width: calc(100% + 50px); margin-left: -50px;}



.synewslist li a:hover .morebtn:after{width: 120%; left: -10%;}

.synewslist li a:hover .morebtn{color: #fff}





.page a{width: 40px; height: 40px; border: 1px solid #cccccc; text-align: center; line-height: 40px;  color: #666666; margin: 0px 5px;font-family: arial; border-radius: 100%}
.page a:hover{color: #94d4f5; border: 1px solid #94d4f5; }
.page a.pageprev{background: url("../images/prev.png") no-repeat center center; background-size:8px auto}
.page a.pagenext{background: url("../images/next.png") no-repeat center center; background-size:8px auto}

.page a.pageprev:hover{background: url("../images/prev2.png") no-repeat center center; background-size:8px auto}
.page a.pagenext:hover{background: url("../images/next2.png") no-repeat center center; background-size:8px auto}

.page a.cur{color: #94d4f5; border: 1px solid #94d4f5; }


.nynewsshowtop{background: url("../images/news_banner.svg") no-repeat bottom center #94d4f5; background-size: 100% auto; padding: 5% 0px;}



.nynewsshowtop h3{font-size: 20px; font-weight: normal;}
.nynewsshowtop h3 em{width: 8px; height: 16px; background: url("../images/you.svg") no-repeat center center; background-size: 100% auto; margin: 0px 15px;}

.nynewsshowtop h2{font-size: 40px; font-weight:normal;font-family: 'SofiaPro-SemiBold'; line-height: 1.2; margin: 30px 0px}

.nynewsshowtop p{color: #122e4d}


.nynewstxt{color: #666666; line-height: 1.8}

.nynewstxt p{padding-bottom: 30px;}

.updown{font-family: 'SofiaPro-Regular';}
.updown a{color: #122e4d}
.updown a:hover{color: #1864ab}
.updown a img{width: 8px;}
.updown a:first-child img{margin-right: 10px;}
.updown a:last-child img{margin-left: 10px;}

.backbtn{width: 156px; height: 46px; border: 1px solid #1864ab; border-radius: 46px; text-align: center; line-height: 46px;}
a.backbtn:hover{background: #1864ab; color: #fff}

.fulilist li{width: calc(50% - 80px); float: left; margin-left: 80px; border-bottom: 1px solid #e6e6e6; padding: 40px 0px;}
.fulilist ul{width: calc(100% + 80px); margin-left: -80px;}

.fulilist li img{width:80px;}

.fulilist li p{font-size: 30px; color: #122e4d;font-family: 'SofiaPro-Medium'; width: calc(100% - 100px)}


.officebox{position: relative}
.officebox>img{width: 100%}

.officeone{width: 40.62%; border-radius: 50px; overflow: hidden; position: absolute; right: 52.75%; bottom: 19.86%}

.officetwo{width: 34.18%; border-radius: 50px; overflow: hidden; position: absolute; right: 2.75%; bottom:56.78%}

.officethree{width:30.125%; border-radius: 50px; overflow: hidden; position: absolute; right:15.62%; bottom:0%}


.huodongbox{position: relative;}
.huodongbox .swiper-button-next:after, .huodongbox .swiper-button-prev:after{font-size:20px; color: #1e6fde; font-weight: bold}
.huodongbox .swiper-button-next:hover, .huodongbox .swiper-button-prev:hover{background:#122e4d;}
.huodongbox .swiper-button-prev{left: -5%;background:#fff; width: 70px; height: 70px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.huodongbox .swiper-button-next{right:-5%;background:#fff; width: 70px; height: 70px; border-radius: 100%}

.huodongbox .swiper-button-next:hover:after, .huodongbox .swiper-button-prev:hover:after{color: #ffffff; }


.huodongbox .swiper-slide{border-radius: 50px; overflow: hidden}

.huodongboxbj{overflow: hidden}

.zhaopingbj{background: url("../images/yin.png") no-repeat 110% bottom #e9f4ff; background-size: 70% auto}

.zhaopxs li{width: 47.37%;}
.zhaopxs li a{ background: #fff; border-radius: 20px;overflow: hidden }
.zpimg{width: 39.5%; padding: 5% 0px;}
.zpimg img{height: 75px;}

.zhaopxs li:nth-child(1) .zpimg{background: #ff5700;}
.zhaopxs li:nth-child(2) .zpimg{background: #0a66c1;}
.zhaopxs li:nth-child(3) .zpimg{background: #ff5700;}
.zhaopxs li:nth-child(4) .zpimg{background: #0a66c1;}

/* .zhaopxs li p{width: 60.5%; text-align: center} */
.zhaopxs li p{width: 100%; text-align: center}

.zhaopxs li p span{color: #122e4d; font-size:30px;font-family: 'SofiaPro-Bold'; position: relative}

.zhaopxs li p span:before{height: 10px;background: #94d4f5; position: absolute; left: 0px; bottom: 0px; z-index: 0; content: ''; width: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.zhaopxs li p span em{position: relative; z-index: 2}

.zhaopxs li:nth-child(1){margin-top: 15%}
.zhaopxs li:nth-child(2){margin-top: 3%}
.zhaopxs li:nth-child(3){margin-top: 15%}
.zhaopxs li:nth-child(4){margin-top: 3%}

.zhaopxs li:nth-child(1) a:hover p span:before{background: #ff5700;}
.zhaopxs li:nth-child(2) a:hover p span:before{background: #0a66c1;}
.zhaopxs li:nth-child(3) a:hover p span:before{background: #ff5700;}
.zhaopxs li:nth-child(4) a:hover p span:before{background: #0a66c1;}

/* 自定义招聘页 */
.job-main-container {
   max-width: 100%;
   margin: 0 auto;
   background-color: #9ea8a1;
   padding: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.job-container {
   max-width: 800px;
   margin: 0 auto;
   background-color: #e7d8d8;
   padding: 20px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* h1, h2 {
   color: #333;
} */

.job-description, .job-requirements, .job-apply {
   margin-top: 20px;
}

.mapboxs{border-radius: 20px; border-bottom-right-radius: 200px;overflow: hidden;box-shadow: 0px 0px 13px rgba(18,46,77,0.07);}

.contactbox{padding-left: 4%}
.conleft{width: 43.67%; }

.contactbox dl{width: 47.13%}

.contactbox dl dt{color: #122e4d;font-family: 'SofiaPro-Bold'; font-size: 40px; margin-bottom: 30px;}

.contactbox dl dd{border-bottom: 1px solid #afbfd1; padding: 5% 0px;}
/* .contactbox dl dd a{border-bottom: 1px solid #afbfd1; padding: 5% 0px;} */
.contactbox dl dd:last-child{padding-bottom: 0px; border: none}

.contactxx li{width: 100%;}
.contactxx li a{overflow: hidden }
.contactxx img{width: 32px; padding-left: 5% 0px;}
.contactxximg img{height: 75px;}

.contactxx li:nth-child(1) .zpimg{background: #ff5700;}
.contactxx li:nth-child(2) .zpimg{background: #0a66c1;}
.contactxx li:nth-child(3) .zpimg{background: #ff5700;}

.contactxx li p{width: 60.5%; text-align: center}

.contactxx li p span{color: #122e4d; font-size:30px;font-family: 'SofiaPro-Bold'; position: relative}

.contactxx li p span:before{height: 10px;background: #94d4f5; position: absolute; left: 0px; bottom: 0px; z-index: 0; content: ''; width: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.contactxx li p span em{position: relative; z-index: 2}

.contactxx li:nth-child(1){margin-top: 1%}

.contactxx li:nth-child(1) a:hover p span:before{background: #ff5700;}
.contactxx li:nth-child(2) a:hover p span:before{background: #0a66c1;}
.contactxx li:nth-child(2) a:hover p span:before{background: #ff5700;}

.contactxx li{margin-top: 0%; margin-bottom: 0%; padding-top: 0%; padding-bottom: 0%;}

.conico{width: 26px; height: 30px;}

.conico img{max-width: 100%; max-height: 100%}

.contxt{width: calc(100% - 60px);}

.contxt span{color: #666666; display: block; margin-bottom: 10px;}

.contxt p{font-family: 'SofiaPro-Regular';}



.sousutit{position: relative; z-index: 22}

.pcselect {position:relative;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; z-index:9;font-family: 'SofiaPro-Regular'; width: 220px;}

.pcselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 50px; line-height: 50px;cursor:pointer;font-size:22px; padding:0 30px;color: #666666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical; border-radius: 60px; border: 1px solid #e5e5e5; }

.pcselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/xial.svg") no-repeat center center; content: ""; width: 16px; height: 10px; background-size: 100% auto}

.pcselect.is-open .placeholder:after {background: url("../images/xial2.svg") no-repeat center center;background-size: 100% auto}
.pcselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.pcselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:99999;padding: 10px 0px;border-radius: 10px;}
.pcselect ul li {display:block;text-align:left; color:#999;cursor:pointer;}


.pcselect ul li a{display: block;padding:6px 20px; }
.pcselect ul li a:hover{background:#94d4f5; color: #fff}

.pcselect ul li.cur a{color: #b91818}


.sousutit h2{font-size: 30px; font-weight: normal;font-family: 'SofiaPro-Regular'; color: #666666}
.sousutit h2 span{color: #94d4f5}

.jiegusox ul{border-top: 1px solid #e3e3e3}
.jiegusox li{border-bottom: 1px solid #e3e3e3; padding: 40px 0px;}

.jiegusox li span{color: #b3b3b3; margin-bottom: 10px; display: block}
.jiegusox li p em{color: #94d4f5;font-family: 'SofiaPro-Bold';}

.touyin{box-shadow: 0px 0px 30px rgba(0,0,0,0.05)}



.yingsi h2{margin-bottom: 30px; font-size: 36px; font-weight: normal; color: #122e4d;font-family: 'SofiaPro-Bold'; line-height: 1.2}
.yingsi a{color: #94d4f5;font-family: 'SofiaPro-Bold';}
.yingsi a:hover{color: #122e4d;}





.sitemapbox dt{font-weight: bold; width: 180px;  padding: 26px 0px; text-align: right;}

.sitemapbox dd{width: calc(100% - 240px); border-left: 1px dashed #e0e3e4;padding: 15px 0px;position: relative; padding-left: 20px}
.sitemapbox dd:before{width:5px; height: 5px;border-radius: 100%;border: 3px solid #94d4f5; content:''; position: absolute; left: -6px; top: 50%;transform: translate(0,-50%)}


.sitemapbox dd a{ padding: 10px 15px; border: 1px solid #cccccc; display: inline-block; border-radius: 5px; color: #666; margin-left: 15px;}


.sitemapbox dd a:hover{background: #94d4f5; color: #fff;border: 1px solid #94d4f5;}

.email_domain {
   text-align: center;
}

.contact-form {
   max-width: 460px;
   margin: 20px auto;
   padding: 20px;
   border: 1px solid #ccc;
   border-radius: 5px;
   text-align: center;
}

.contact-form input,
.contact-form textarea {
   width: 100%;
   padding: 10px;
   margin-bottom: 10px;
   border-radius: 5px;
   border: 1px solid #ccc;
}

.contact-form button {
   padding: 10px 20px;
   background-color: #0596f7ea;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

.contact-form button:hover {
   background-color: #45a049;
}

#form-response {
   margin-top: 10px;
   color: #ff0000; /* Red color for error messages */
}
.contact_container{
   background: #4e4e53;
   /* z-index: 9; */
   /* position: relative; */
   display: flex;
   /* justify-content: space-between; */
    /* 两端对齐，将文本和图标分开 */
   justify-content: space-around; 
   /* 两端对齐，将文本和图标分开 */
   align-items: center; /* 垂直居中 */
   /* text-align: center; 文本默认居中，但这里主要是给文本内部元素设置，对于flex布局来说，align-items: center 更有效 */
 }
.contact_container_info{
   /* background: #0606eb; */
   color: #fff;
   /* display: flex; */
   /* justify-content: space-between; */
   /* align-items: center; 垂直居中  */
   text-align: center; /* 文本默认居中，但这里主要是给文本内部元素设置，对于flex布局来说，align-items: center 更有效 */
 }
 
 .contact_container_text {
   color: #fff;
   margin-right: auto; /* 文本向右推，实现文本居中的效果 */
 }
 
 .contact_container_icons {
   /* background-color: #C9E9FA; */
   background-color: #333;
   width: 10%;
   /* float: right; */
   margin-left: auto;
   padding-right: 5%;
   display: flex; /* 让图标们也能水平排列 */
   /* align-items: center;  */
   /* 图标垂直居中 */
   align-items: right; 
   /* 图标垂直居中 */
 }
 
 .contact_container_icon {
   width: 32px;
   height: 32px;
   /* 这里可以添加一些样式来美化图标，比如设置间距、大小等 */
   margin-left: 8px; /* 图标之间留点间距 */
 }
footer {
   background-color: #333;
   color: #fff;
   text-align: center;
   padding: 10px;
   bottom: 0;
   width: 100%;
}
.footer-nav{
   height: 120px;
   list-style: none;
   padding: 0;
   display: flex;
   justify-content: left;
}
.footer-nav nav ul {
   list-style: none;
   padding: 0;
   display: flex;
   justify-content: center;
}

.footer-nav nav ul li div a{
   font-size: 0.8em;
   color: #999999;
}

.footer-nav nav ul li {
   margin: 0 15px;
}

.footer-nav nav ul li a {
   color: white;
   text-decoration: none;
   transition: color 0.3s;
}

.footer-nav nav ul li a:hover {
   color: #007BFF; /* 蓝色，可根据需要调整 */
}
.footer-nav nav ul {
   list-style: none;
   padding: 0;
   display: flex;
   justify-content: center;
}

.footer-nav nav ul li {
   position: relative; /* 允许子列表相对于其父项定位 */
   margin: 0 20px; /* 增加间距以容纳子列表 */
}

.footer-nav nav ul li a {
   color: white;
   text-decoration: none;
   display: block; /* 使得子列表可以垂直堆叠 */
}


.footer-image-container {
   width: 90%; /* 根据需要调整 */
   display: flex;
   max-width: 1200px; /* 设定最大宽度，根据需要调整 */
   margin-right: auto;
   margin-left: 20px;
}

.footer-image-box {
   text-align: center; /* 居中图片 */
   margin-bottom: 20px; /* 第二个图片距离顶部图片的距离 */
   width: 80%;
}

.footer-image-box img {
   width: 100%; /* 让图片宽度填满.image-box的宽度 */
   height: auto; /* 保持图片的原始宽高比 */
}

/* 如果想要第一个图片顶部没有边距，可以为第一个.image-box添加类并调整样式 */
.footer-image-box:first-child {
   margin-bottom: 0; /* 第一个图片下边距为0 */
}

.footer-info-area {
   flex: 0 0 46%; /* 弹性系数为0，不会伸缩；基础大小为30%，即固定宽度 */
   /* 如果需要，可以添加更多样式来美化介绍信息区域 */
   text-align: left;
}

.footer-info-area h2 {
   /* 标题样式 */
   /* margin-right: auto;
   margin-left: 20px; */
}

.footer-info-area p {
   /* 段落样式 */
   /* margin-bottom: 0%;
   margin-right: auto;
   margin-left: 20px; */
   bottom: 0;
}

.social-media {
   position: fixed;
   background-color: #195ca1;
   color: #fff;
   text-align: center;
   right: 0%;
   padding: 10px;
   bottom: 0;
   width: 9%;
}
table, th, td {
   border: 1px solid black;
   border-collapse: collapse;
}
th, td {
   padding: 10px;
   text-align: left;
}
/* 设置表头背景色 */
th {
   background-color: #95c995; /* 浅绿色 */
   color: white;
}
/* 尝试设置第一列数据单元格背景色（注意：这可能不总是按预期工作） */
tr td:first-child, tr th:first-child {
   background-color: #95c995; /* 浅灰色 */
}
.table-width {
   /*width: 600px;  或者使用百分比，如 100% 来使表格宽度适应其父容器 */
   width: 100%; /* 或者使用百分比，如 100% 来使表格宽度适应其父容器 */
   border-collapse: collapse; /* 合并表格边框，使其看起来更整洁 */
}

/* 设置表格单元格的边框、内边距和文本对齐方式（可选） */
/* .table-width th, .table-width td {
   border: 1px solid black;
   padding: 8px;
   text-align: left;
} */

/* 设置表头的背景色和文本颜色（可选） */
/* .table-width th {
   background-color: #4CAF50;
   color: white;
} */

/* carousel styles */

/* 自动轮播样式 */
.banner-container{
	width:600px;
	height:400px;
	/* 轮播图居中 */
	margin:1rem auto;
	/* 隐藏超出展示容器的内容 */
	overflow: hidden;
	position: relative;
}

.banner-container .banner-img-container {
	width:1200px;
	height:400px;
	overflow: hidden;
	position: absolute;
	/* 开启弹性盒，让图片横向排列 */
	display: flex;
	animation: run 10s ease infinite;
}

.banner-container .banner-img-container img{
	width:1200px;
	height:100%;
}

/* 动画关键帧 */
@keyframes run {
	0%,30%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
	50%,80%{
		/* margin-left: -1200px;; */
		transform: translateX(-600px);
	}
	100%{
		/* margin-left: 0; */
		transform: translateX(0);
	}
}

.para-title {
   /* display: flex; */
   /* margin-right: auto; */
   /* margin-left: 20px; */
   text-align: center;
   /* background-color: #000000; */
}

.csr-yfhx {
   display: flex;
   justify-content: center; /* 水平居中 */
   align-items: center; /* 垂直居中（如果需要的话） */
   height: 100vh; /* 根据需要设置高度，这里使用了视窗高度作为示例 */
}

.csr-yfhx img {
   max-width: 100%; /* 防止图片超出容器宽度 */
   height: auto; /* 保持图片宽高比 */
}

.diamond-background {
   display: inline-block; /* 使得clip-path能够正确应用 */
   padding: 20px; /* 根据需要调整内边距 */
   color: white; /* 文本颜色 */
   background-color: rgb(23, 159, 223); /* 背景颜色，在菱形外也会显示，但通过clip-path裁剪 */
   -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* Chrome, Safari, Opera */
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* 标准语法 */
}

.partner-container {
   display: flex;
   align-items: center; /* 垂直居中 */
   margin: 20px;
 }
.partner-image-container {
   flex: 1; /* 图片区域占据部分空间 */
   padding-right: 20px; /* 图片右侧添加内边距，与文字分隔 */
 }
 .partner-image-container img {
   width: 100%; /* 图片宽度自适应容器 */
   height: auto; /* 图片高度自适应 */
 }
 .partner-description {
   flex: 4; /* 文字描述区域占据更多空间 */
   text-align: left;
 }

 /* article style */
 .news-article-content-container {
   width: 800px; /* 指定宽度为800像素 */
   margin: 20px auto; /* 上下外边距为20px，左右自动外边距以实现水平居中 */
   padding: 20px; /* 可选，为内容添加一些内边距 */
   box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 可选，为容器添加一些阴影以增强立体感 */
}

.news-article-header {
   margin-bottom: 20px;
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   align-items: center; /* 使得子元素在交叉轴上居中（这里是垂直居中，但由于我们设置了flex-direction为column，它实际上不影响水平居中） */
}

.news-article-header h1 {
   margin-top: 2%;
   margin-left: 8%;
   margin-right: 8%;
   color: #333;
}
.news-article-image-subtitle {
   color: #333;
   text-align: center;
}

.news-article-header p {
   color: #666;
   font-size: 0.8em;
}

.news-article-news-image {
   width: 100%; /* 图片宽度自适应容器 */
   height: auto; /* 图片高度自动调整以保持比例 */
   margin: 20px 0;
   display: block;
}
.news-article-news-round-image {
   /* width: 30%; 图片宽度自适应容器 */
   display: flex;
   justify-content: center;
   margin-top: 20px;
   margin-bottom: 20px;
}
.news-article-news-round-image img{
   max-width: 30%;
   height: auto;
}

.news-article-news-logo {
   display: flex;
   justify-content: center;
   margin-top: 20px;
   margin-bottom: 20px;
}
.news-article-news-logo img {
   max-width: 30%;
   height: auto;
}
.news-article-news-section-index {
   display: flex;
   align-items: center;
   gap: 20px;
}
.news-article-news-section-index img {
   width: 3%;
   height: auto;
}
.news-article-news-section-index-totate-img {
   transform: rotate(180deg);
}
.news-article-news-section-index-text {
   background-color: #0D60CE;
   color: white;
   padding: 10px 20px;
}

.news-article-news-image-slider {
   display: flex;
   position: relative;
   overflow-x: hidden; /* 隐藏超出容器的部分 */
}
.news-article-news-slider {
   position: absolute;
   bottom: 10px;
   width: 100%;
   opacity: 0.7;
}

.news-article-news-image-slide {
   flex: 0 0 100%;
   min-width: 100%;
   background-size: cover;
   background-position: center;
   transition: opacity 1s ease; /* 可选，添加淡入淡出效果 */
}

.news-article-news-image-content {
   width: 100%;
   overflow-x: auto;
}

.news-article-news-image-list {
   display: flex;
   width: 6400px;
}

.news-article-news-image-list .news-article-news-image-list-item {
   width: 800px;
   height: auto;
}

.news-article-news-image-list .news-article-news-image-list-item + .news-article-news-image-list-item {
   margin-left: 20px;
}

.news-article-news-image-list .news-article-news-image-list-item img {
   width: 100%;
   /* height: 100%; */
   height: auto;
}

article p {
   margin: 15px 0;
}