@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,caption,tfoot,thead,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:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; overflow-x: hidden; line-height: 1.8; padding-top: 80px;}

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: #004ea2}
/*居中*/

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


/* 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}

.nav-btnbox { display:none}
.pd1{ padding-top:1%; padding-bottom:1%}
.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%}




.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

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





/*省略号*/
.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;}


.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);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}




@-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: 90%; max-width: 1360px;}

.banner{position: relative; }
.banner .swiper-pagination{z-index: 999; left:0px; bottom:30px; width: 100% }
.banner .swiper-pagination-bullet{background:#fff; opacity:1;width:6px; height:6px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-pagination-bullet-active { width: 40px;}

.banner .swiper-slide img{width: 100%}




.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%);color: #fff; width: 100%;  }

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

.bantxt h2{font-size:38px; font-weight: 500}
.bantxt p{}

.banwenzi{max-width: 720px;}


.wapshow{display: none}

.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

.morebtn{height:44px; color: #fff; line-height: 44px; border: 1px solid #fff; border-radius: 44px; display: inline-block; padding: 0px 30px;}
.morebtn em{width: 17px; height: 14px; background: url("../images/you.png") no-repeat center center; background-size: 100% auto; display: inline-block; margin-left: 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.morebtn:hover{color: #fff;border: 1px solid #3a4a89; background: #3a4a89;}
.morebtn:hover em{margin-left: 15px;}

.morebtn2{color: #3a4a89;display: inline-block;}
.morebtn2 em{width: 17px; height: 14px; background: url("../images/you3.png") no-repeat center center; background-size: 100% auto; display: inline-block; margin-left: 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.morebtn2:hover em{margin-left: 15px;}



.morebtn.heise{color: #525252; border: 1px solid #525252;}
.morebtn.heise em{ background: url("../images/you2.png") no-repeat center center; background-size: 100% auto;}
.morebtn.heise:hover{color: #fff;border: 1px solid #3a4a89; background: #3a4a89;}
.morebtn.heise:hover em{background: url("../images/you.png") no-repeat center center; background-size: 100% auto;}


.top{position:absolute; left: 0px; top: 0px; width: 100%; z-index:9999; background: #fff;}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.top .mainbox{height:80px;}
.logo{ width: 58px;}

.topright{width: 78%}


.nav{width:65%;}
.nav li.cur>a{color: #3a4a89;}
.nav li>a {position: relative;line-height:80px; color: #4a4a4a; display: block; font-size: 18px;}


.sosouhz{width: 27%; padding: 1px; border: 1px solid #c8c8c8; border-radius:50px;}
.sosoutext{height: 40px; width: calc(100% - 65px); border: none; background: none; padding-left:15px; font-size: 14px;}
.sosoubtn{width: 40px; height: 40px; background: url("../images/sou.png") no-repeat center center #3a4a89; background-size: 50% auto; border-radius: 100%}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #cecece;}
:-ms-input-placeholder { /* IE 10+ */color: #cecece;}
:-moz-placeholder { /* Firefox 18- */color: #cecece; }
::-moz-placeholder { /* Firefox 19+ */color: #cecece; }







.sosouboxsbj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; display: none}

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-20px; z-index: 99999999999; background: #fff; padding: 30px 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; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}

.sosouhezi{border-bottom: 1px solid #3a4a89; background: url("../images/fada02.png") no-repeat left center; background-size: 15px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px; width: calc(100% - 50px); border: none}
.sousuclose{width: 50px; height: 50px;}




.pronavdown{position: absolute; left: 0px; top: 80px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: none; width: 100%}
.pronavdown dl{max-width: 1360px; margin: 0 auto; width: 90%}
.pronavdown dt{width: 24%; padding:35px 0px;}
.pronavdown dt a{padding:0px 30px; position: relative;font-weight: 500; display: block; line-height: 44px;}

.pronavdown dt p{border: 1px solid #ffffff; border-right:1px solid #f2f2f2}
.pronavdown dt p:hover{border: 1px solid #f2f2f2; border-right:1px solid #fafafa}

.pronavdown dt a:after{content: ''; width:10px; height: 18px; background: url("../images/r1.png") no-repeat center center; background-size: 100% auto; position: absolute; top:50%; transform: translate(0,-50%); margin-left:8px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.pronavdown dt a:hover{background: #fafafa; }

.pronavdown dt a:hover:after{ background: url("../images/r2.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}
.pronavdown dt p.cur{border: 1px solid #f2f2f2; border-right:1px solid #fafafa!important}

.pronavdown dt p.cur a{background: #fafafa; color: #3a4a89; }
.pronavdown dt p.cur a:after{ background: url("../images/r2.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}
.pronavdown dd{width:76%; background: #fafafa}

.pronavdown a{color: #333333}
.pronavdown a:hover{color: #3a4a89}

.pronavhezi{display: none;padding:35px 0px; padding-left:6%;}

.pronavtit{border-bottom: 1px solid #c8c8c8;  font-size: 18px; line-height: 44px; padding-bottom: 10px}
.pronavtit a{color: #3a4a89;}




.pronavhezi:first-child{display: block}
.pronavlist{column-count: 2;column-gap: 32px; padding-top: 30px;}

.pronavlist span{width:60%; display: inline-block; line-height: 2}
.pronavlist span em{display: block; font-weight: 500; padding: 3px 0px;}

.pronavlist span i{display: block; font-size: 14px; margin-bottom: 30px;}
.pronavlist span i a{color: #707070; display: block;}

.nav li:nth-child(4){position: relative}
.nav li:nth-child(3){position: relative}
.nav li:nth-child(5){position: relative}


.supnavdown{position: absolute; left: -20px; top: 80px; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);  width:170px; padding: 10px 0px; display: none}

.supnavdown a{display: block; padding:8px 20px; position: relative}
.supnavdown a:before{content: ''; width:10px; height: 18px; background: url("../images/r1.png") no-repeat center center; background-size: 100% auto; position: absolute; top:50%; transform: translate(0,-50%); right: 20px; }
.supnavdown a:hover:before{background: url("../images/r2.png") no-repeat center center; background-size: 100% auto; }

.wapnav{display: none}
.wapnavbj{display: none}

.center{text-align: center}
.sytit h2{font-size: 32px;}
.sytit p{ color: #878787}

.syprobox{position: relative;}
.swiper-container{overflow: hidden;}

.syprobox .swiper-container{padding: 10px;}
.syprobox .swiper-slide a{display: block; border-radius: 10px; overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}
.syprotxt{padding: 25px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syprotxt h3{font-size:20px; color: #3a4a89; font-weight: 500; }
.syprotxt p{line-height:24px; height:48px; color: #707070}
.syprotxt span{ color: #aeaeae; margin: 5px 0px;}

.syprobox .swiper-slide a:hover .syprotxt{background: #3a4a89; }
.syprobox .swiper-slide a:hover .syprotxt h3{color: #ffffff; }
.syprobox .swiper-slide a:hover .syprotxt p{color: #ffffff; }
.syprobox .swiper-slide a:hover .syprotxt span{color: #ffffff; }


.gonggong .swiper-button-next{right:-40px;}
.gonggong .swiper-button-prev{left:-40px;}

.gonggong .swiper-button-next:after{color: #c4c4c4; font-size: 30px; font-weight: bold}
.gonggong .swiper-button-prev:after{color: #c4c4c4; font-size: 30px; font-weight: bold}

.gonggong .swiper-button-next:hove:after{color: #3a4a89;}
.gonggong .swiper-button-prev:hove:after{color: #3a4a89;}


.gonggong .swiper-pagination{z-index: 999; left:0px; bottom:0px; width: 100% }
.gonggong .swiper-pagination-bullet{background:#ccc; opacity:1;width:8px; height:8px;margin:0px 5px;border-radius:100%;}
.gonggong .swiper-pagination-bullet-active { background: #3a4a89;}


.syaboutbj{background: url("../images/syabbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;}
.syaboutbox{max-width: calc((100% - 1360px)/2 + 1360px);width: 95%;}

.syaboutright{width: 57%}
.syaboutright img{width: 100%}

.syaboutleft{width: 43%}

.syabouttxt{padding-right: 10%}
.syabouttxt h3{color: #3a4a89; font-weight: normal; font-size: 18px; line-height: 1.6; margin-top: 10px; margin-bottom: 5px;}
.syabouttxt p{color: #707070}


.syaboutnum{width: 110%; position: relative; }
.syaboutnum li{width: calc(33.33% - 70px); margin-right:2px;background: #fff; padding:20px 35px; cursor: pointer}
.syaboutnum li:hover{background: #3a4a89; color: #fff}
.syaboutnum li:hover i img.none{display:block}
.syaboutnum li:hover i img.show{display: none}
.syaboutnum li:hover p{color: #fff}
.syaboutnum li:hover span{color: #fff}

.syaboutnum li i{width: 30px; height: 30px;}
.syaboutnum li i img{max-height: 100%}

.syaboutnum li i img.none{display: none}
.syaboutnum li p{color: #3a4a89; line-height: 1; margin-top: 15px;}
.syaboutnum li p em{font-size: 30px; font-weight:bold; font-family: arial; margin-right: 10px;}
.syaboutnum li span{color: #707070}

.syyingyong li{width: calc(33.33% - 20px); margin-left: 20px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px;}

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

.syyingyong li:nth-child(2){width: calc(66.66% - 20px);}

.syyytxt{position: absolute; left:20px; width: calc(100% - 40px); bottom: 5%; z-index: 3;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.syyytxt h3{color: #fff; font-size: 20px;}
.syyytxt p{color: #fff; opacity: 0.7}
.syyytxt em{width:40px; height: 40px; border-radius: 100%; border: 1px solid #fff; background: url("../images/you.png") no-repeat center center; background-size: 50% auto; display: none; margin: 0 auto; margin-top: 7%}
.syyingyong li:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: rgba(58,74,137,0.8);transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; opacity: 0}

.syyingyong li:hover:before{ opacity: 1}
.syyingyong li:hover .syyytxt{text-align: center; top: 50%; bottom: auto; transform: translate(0%,-50%)}
.syyingyong li:hover .syyytxt em{display: block}



.huisebj{background: #f7f7f7}

.synewstxt{padding: 20px 30px;}

.synewstxt h3{font-weight: normal; font-size: 22px;}
.synewstxt p{color: #707070; margin:5px 0px 10px; font-weight: 300}
.synewstxt em{font-weight: bold; color: #3a4a89;font-family: arial}
.synewsbox{overflow: hidden; position: relative}

.synewsbox .swiper-slide a{border-radius: 10px; background: #fff; overflow: hidden; display: block}
.synewsbox .swiper-slide a:hover{background: #3a4a89; color: #fff}
.synewsbox .swiper-slide a:hover p{color: #fff}
.synewsbox .swiper-slide a:hover em{color: #fff}


.huobanbox{position: relative;}
.huobanbox .swiper-container{padding: 10px 0px}
.huobanbox a{border: 1px solid #e3e3e3; display: block; border-radius: 10px; overflow: hidden}
.huobanbox a:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}


.sycontactbj{background: url("../images/contactbj.jpg") no-repeat center center; background-size: cover; color: #fff;margin-bottom: 10px;}

.sycontactbj .sytit p{color: #fff; font-size: 22px;}

.footerbj{background: #232323; color: rgba(255,255,255,0.3);font-size: 14px;}
.footernav{width:56%}
.footernav li p{font-size:20px; color: #fff; margin-bottom: 5px;}
.footnavdown span{display: block;  padding: 3px 0px;}
.footnavdown span a{color: rgba(255,255,255,0.55);}
.footnavdown span a:hover{color: rgba(255,255,255,1);}

.footnavdown span em{color: rgba(255,255,255,0.55);}

.footernav li:nth-child(1){width: 35%}
.footernav li:nth-child(1) .footnavdown span{width: 50%}
.footernav li:nth-child(1) .footnavdown{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.footertop .line{background: #4f4f4f; width: 1px;}
.footercont{color: rgba(255,255,255,0.55); width: 32%}

.footconttxt{width: 65%}
.footconttxt h3{font-size:20px; color: #fff; margin-bottom: 5px; font-weight: normal}
.footconttxt p{padding: 3px 0px}
.footcontma{width: 30%; text-align: center; max-width: 120px;}
.footcontma p{margin-top: 5px; font-size: 12px;}

.footconttxt p.adds{padding-left:42px;}

.footerbot{border-top: 1px solid #4f4f4f; padding: 20px 0px; text-align: center}

.footerbot a{color: rgba(255,255,255,0.3);}
.footerbot a:hover{color: rgba(255,255,255,1);}
.footerbot img{display: inline-block; margin: 0px 10px}




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

.nybantxt{max-width: 1360px; width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; line-height: 1.4}
.nybantxt h2{font-size: 30px; font-weight: 500;}
.nybantxt p{font-family: arial; font-size: 18px;}

.mianbao{position: absolute; left: 0px;padding:15px 0px;color: #fff; width: 100%; bottom: 0px;}
.mianbao a{color:#fff;}
.mianbao a:hover{color: #3a4a89}
.mianbao p{background: url("../images/home.png") no-repeat left center; background-size:14px auto;padding-left: 24px;}


.promiaobao.mianbao{color: #878787; position: relative; left: auto; bottom: auto}
.promiaobao.mianbao a{color:#878787;}
.promiaobao.mianbao a:hover{color: #3a4a89}
.promiaobao.mianbao p{background: url("../images/home2.png") no-repeat left center; background-size:14px auto;}
.promiaobao.mianbao a:last-child{color: #3a4a89}




.nynav{border-bottom: 1px solid #f3f5f6}
.nynav li a{line-height: 68px; display: block; font-weight: 500; font-size: 16px;}
.nynav li{margin-left:6%}
.nynav li a{color:#707070; position: relative}
.nynav li a:hover{color: #3a4a89}

.nynav li a:before{content:''; width:0; height: 2px; background: #3a4a89; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.nynav li a:hover:before{width: 100%}

.nynav li.cur a{color: #3a4a89}
.nynav li.cur a:before{width: 100%}


.nynav li:first-child{margin-left: 0px;}


.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333;border-radius: 10px; }

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

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

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#3a4a89}
.nynavselect ul li.cur a{color: #fff}


.ny_solution li{width: calc(33.33% - 20px); margin-left: 20px; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px;}
.ny_solution ul{width: calc(100% + 20px); margin-left: -20px;}

.solutxt{position: absolute; left:20px; width: calc(100% - 40px); bottom: 5%; z-index: 3;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.solutxt h3{color: #fff; font-size: 20px;}
.solutxt p{color: #fff; opacity: 0.7}
.solutxt p span{margin-right: 20px; border-bottom: 1px solid #fff; padding-bottom: 3px;}

.nyserpic{width: 40%; float: left}
.nyservice li .mainbox{border-radius:10px; overflow: hidden; background: #fff}
.nysertxt{width: calc(60% - 100px); padding: 50px; float: right}
.nysertxt p{color: #707070}
.nysertxt h3{font-weight: 500; font-size: 26px; margin-bottom: 5px;}

.nyservice li:nth-child(even) .nyserpic{float: right}
.nyservice li:nth-child(even) .nysertxt{float: left}
.nyservice li:nth-child(even) .mainbox{background: #f7f7f7}

.nyservice li:nth-child(odd){background: #f7f7f7}

.nyservice li{padding: 5% 0px;}

.nysupporttxt{color: #707070}

.nysupportleft{position: relative; border-radius: 10px; overflow: hidden; width: 36%}
.nysuptel{text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: 90%}
.nysuptel p{font-size: 22px;}
.nysuptel span{display: block; font-size: 40px; font-weight: bold; font-family: arial}

.nysupportright{width: calc(60% - 80px); border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); padding:20px 40px;}

.nysupportright>h2{border-bottom: 1px solid #c8c8c8;}

.nysupportright>h2 span{font-size: 24px; font-weight: 500; position: relative; padding-bottom:10px; display: inline-block}
.nysupportright>h2 span:before{content: ''; width: 100%; height: 2px; background: #3a4a89; position: absolute; left: 0px; bottom: -1px;}

.nysupportright>p{padding: 30px 0px;}
.nysupportright>p>a{cursor: pointer;border: 1px solid #c8c8c8; height: 46px; color: #707070; margin-right: 20px; width: 25%; text-align: center; display: inline-block; line-height: 46px; border-radius: 48px;}
.nysupportright>p>a:hover{border: 1px solid #3a4a89; background: #3a4a89; color: #fff}
.nysupportright>p>a.cur{border: 1px solid #3a4a89; background: #3a4a89; color: #fff}


.nysupportright li{width: calc(50% - 10px); margin-left: 10px; margin-bottom: 16px; float: left}
.nysupportright ul{width: calc(100% + 10px); margin-left: -10px;}

.bdx{border-radius: 10px;border: 1px solid #c8c8c8; height: 46px; padding: 0px 15px; width: calc(100% - 32px);}

.nysupportright li textarea{border-radius: 10px;border: 1px solid #c8c8c8; height: 100px; padding:15px; width: calc(100% - 32px);}
.nysupportright li:nth-child(5),.nysupportright li:nth-child(6){width: calc(100% - 10px);}

.tijiao{background: #3a4a89; color: #fff; border-radius: 10px; width: 118px; height: 50px; font-size: 18px;}
.shaixuan{color: #707070}
.shaixuan select{width:180px; height: 46px; border: 1px solid #c8c8c8; border-radius: 10px; background: url("../images/xia.png") no-repeat 90% center; background-size: 14px auto; padding: 0px 15px; margin: 0px 10px;}

.shuru{width:240px; height: 46px; border: 1px solid #c8c8c8; border-radius: 10px; padding: 0px 15px; margin-right: 10px;}

.shuti{width:46px; height: 46px; border: 1px solid #c8c8c8; border-radius: 10px; background: url("../images/sou.png") no-repeat center center #3a4a89; background-size: 50% auto}

.sousujieguo{border: 1px solid #c8c8c8; border-radius: 10px; overflow: hidden}
.sousujieguo th{background: #3a4a89; color: #fff; font-size: 18px; font-weight: normal; padding: 10px;border-left: 1px solid #e6e6e6}
.sousujieguo th:first-child{border: none}
.sousujieguo td{padding: 10px; border-left: 1px solid #e6e6e6; text-align: center; color: #707070;}
.sousujieguo td:first-child{border: none}
.sousujieguo td:nth-child(1){width: 15%}
.sousujieguo td:nth-child(2){width: 55%}
.sousujieguo td:nth-child(3){width: 15%}
.sousujieguo td:nth-child(4){width: 15%}

.downbtn{height: 33px; width: 72px; border: 1px solid #3a4a89; color: #3a4a89; border-radius: 10px; text-align: center; display: inline-block; line-height: 33px; background: #fff}
.downbtn:hover{color: #ffffff; background: #3a4a89; }

.sousujieguo tr:nth-child(odd){background: #f7f7f7}


.nynewsbox li{width: calc(33.33% - 40px); margin-left: 40px; margin-bottom:50px; float: left}
.nynewsbox ul{width: calc(100% + 40px); margin-left: -40px;}

.nynewsbox li a{border-radius: 10px; background: #f7f7f7; overflow: hidden; display: block}
.nynewsbox li a:hover{background: #3a4a89; color: #fff}
.nynewsbox li a:hover p{color: #fff}
.nynewsbox li a:hover em{color: #fff}

.page a,.page em{width: 46px; height: 46px; border-radius: 10px; text-align: center; line-height: 46px; border: 1px solid #e5e5e5; margin: 0px 6px; font-size: 18px; font-family: arial;}

.page a:hover{background: #3a4a89;border: 1px solid #3a4a89; color: #fff}
.page a.cur{background: #3a4a89;border: 1px solid #3a4a89; color: #fff}


.nynewsshowtit h1{font-size: 30px; color: #3a4a89}

.nynewsshowtit{border-bottom: 1px solid #f0eceb; padding-bottom: 10px; margin-bottom: 20px;}

.nynewsshowtit p{color: #707070; max-width: 450px; padding: 5px 0px;}

.nynewsshowbox{color: #707070; line-height: 2}
.nynewsshowbox img{display: inline-block;}

.updown{border-top: 1px solid #f0eceb;}
.updown li{max-width: 48%}
.updown li a{color: #7d7d7d}
.updown li a:hover{color: #3a4a89}

.nyaboutbox{background: url("../images/syabbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed;}
.nyaboutleft{width: 45%}
.abtit{font-size: 30px; font-weight: 500}
.nyabouttxt{text-align: justify}
.nyabouttxt h3{color: #3a4a89; font-weight: normal; font-size: 18px; line-height: 1.6; margin-top: 10px;}
.nyabouttxt p{color: #707070; padding-top: 20px;}


.nyaboutnum li{width:33.33%}
.nyaboutnum li p{line-height: 1;color: #707070}
.nyaboutnum li p em{font-size: 30px; font-weight:bold; font-family: arial; margin-right: 10px;color: #3a4a89; }
.nyaboutnum li span{color: #707070}


.nyaboutright{width: 48%; border-radius: 10px;overflow: hidden}
.nyaboutright img{width: 100%}

.nyabser.nyservice li:nth-child(odd) .mainbox{background: #f7f7f7}

.nyabser.nyservice li:nth-child(odd){background: #ffffff}

.nyabser.nyservice li:nth-child(even){background: #f7f7f7}
.nyabser.nyservice li:nth-child(even) .mainbox{background: #ffffff}

.nyabser .nysertxt h3{font-size: 30px;margin-bottom: 0px;}
.nyabser .nysertxt p{padding-top: 15px;}

.nyabser .nyserpic{width:48%}

.nyabser .nysertxt{width: calc(52% - 100px);}




.nypartner li{width: calc(20% - 32px); margin-left: 30px; margin-bottom:30px; float: left;border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden}
.nypartner ul{width: calc(100% + 30px); margin-left: -30px;}
.nypartner li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}


.nyserpic.fr{float: right}
.nysertxt.fl{float: left}

.joinbox{color: #707070}
.joinbox li{border: 1px solid #f0f0f0;margin-bottom: 20px;}

.joindown{border-top: 1px solid #f0f0f0; padding: 50px;}

.jointop{padding: 20px 35px; background:url("../images/xia.png") no-repeat 98% center; background-size: 15px auto; cursor: pointer}
.joinbox li.cur .jointop{ background:url("../images/shang.png") no-repeat 98% center; background-size: 15px auto}
.jointop p{ width: 30%}
.joinbox li.cur .jointop p{color: #3a4a89} 
.jointop span{width: 30%}

.jointxts h2{font-size: 18px;color: #333333; width: 110px;}
.jointxtright{width: calc(100% - 110px);}
.jointxts:first-child{margin-bottom: 30px;}
.jointxts{line-height: 2}
.joindown{display: none}




.dituContent{width:50%;height:420px;}

.BMap_pop > img{display: none !important;}
.BMap_pop > div{display: none !important;}

.BMap_shadow{display: none !important;}
.anchorBL{display: none}

.BMapLabel{display: block !important;border: 0 none !important;padding: 0 !important;background:url(../images/dzico.png) no-repeat center !important;width: 20px!important;height:28px !important;max-width: none !important;margin-bottom: 0 !important; background-size: 100%!important;}

.BMapLabel span{display: block;position: absolute;left: 50%;margin-left: -90px;top: -68px; background:#fff;min-width: 150px;text-align: center;line-height:25px;color: #004ea2; font-size: 16px;  padding:15px; border-radius:3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); font-weight: bold}

.BMapLabel span:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-9px; border-left:8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #0e6eb8; border-top: 10px solid #fff; margin-left:-8px;}

.mapboxs{background: #ffffff}

.mapboxtxt{padding:40px; width: calc(50% - 80px);background: #ffffff}

.mapboxtxt h3{font-size: 22px; font-weight: normal; color: #3a4a89; margin-bottom:20px;}

.mapboxtxt p{padding:3px 0px; color: #707070;}
.mapboxtxt p i{ width: 16px; height: 30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.mapboxtxt p i img{max-height: 100%}
.mapboxtxt p span{width: calc(100% - 25px); padding: 3px 0px;}


.biaodanbox ul{width: calc(100% + 30px); margin-left: -30px;}
.biaodanbox li{margin-bottom: 20px;width: calc(50% - 30px); float: left; margin-left: 30px;}

.bianwenben{width: calc(100% - 32px); border: 1px solid #c8c8c8; padding: 0px 15px; height: 50px; border-radius: 4px;}
.bianwbenyu{width: calc(100% - 32px); border: 1px solid #c8c8c8; padding: 10px 15px; height: 150px;border-radius: 6px;}

.biaodanbox li.shang{width:calc(100% - 30px)}

.tijiaos{width: 170px; height: 50px;background: #3a4a89; color: #fff; font-size: 18px;border-radius: 6px;}

.tijiaos:hover{background: #45579f;}

.biaodanbox li:nth-child(5),.biaodanbox li:nth-child(6){width: calc(100% - 30px); }


.propic{width: 40%; max-width: 220px; border-radius: 6px; overflow: hidden}

.protxts{width:100%; padding-left: 35px}
.protxts h1{font-size: 26px; font-weight: 500;}
.protxts p{color: #707070}


.prososouhz{padding: 1px; border: 1px solid #c8c8c8; border-radius:50px; width: 100%}

.prosouleft a{color: #45579f; border: 1px solid #45579f; height: 34px; border-radius: 34px; padding: 0px 20px; margin-right: 10px;}
.prosouleft a img{width: 18px; margin-right: 10px;}

.prosouleft p{color: #707070}
.prosouleft p em{color: #45579f; font-family: arial; font-weight:bold; padding: 0px 5px;}

.prosouright{width: 50%; max-width: 500px;}
.prosouright a{margin-right: 10px; color: #45579f; white-space: nowrap}






.protable{border: 1px solid #c8c8c8;border-radius: 10px; overflow: hidden; position: relative}

.proselectico{width: 18px; height: 13px; background: url("../images/proselect.png") no-repeat center center; background-size: 22px auto; display: inline-block; position: relative; padding:15px}

.protable{overflow: auto;scroll-snap-type: x mandatory; max-height:82vh; min-height: 60vh}
.protable table{width:1720px;}


.protable::-webkit-scrollbar{border-radius:10px; width:10px;height:10px;background-color: #f7f7f7;}
.protable::-webkit-scrollbar-track{border-radius:10px;background-color: #f7f7f7;}
.protable::-webkit-scrollbar-thumb{border-radius:10px;background-color: #c8c8c8;}



.protable thead {z-index: 1000;position: relative;background: #3a4a89; }

.protable thead th {position: sticky; top: 0; color: #fff;  text-align: center; background: #3a4a89;border: none!important }
.protable thead th.pin {left: 0;z-index: 1001;}

.protable thead th:before{background: #616ea1; height: 100%; position: absolute; right: 0px; width: 1px; content: ''; top: 0px;}

.protable thead th p{border-bottom: 1px solid #616ea1;padding:0 2px;font-size:12px;line-height: 16px;height:68px;overflow: hidden;text-align: center;display: -ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}



.protable tbody th {background: #ffffff; font-weight: normal;color: #7c7c7c;padding: 5px; font-size:12px;/* font-weight:bold; */text-align: left; position: sticky; left:0; min-width: 100px;}
.protable tbody th span{font-size: 12px;}
.protable tbody th span em{ color: #3a4a89}
.protable tbody th:before{background: #e6e6e6; height: 100%; position: absolute; right: 0px; width: 1px; content: ''; top: 0px;}
.protable tbody {z-index: 10;position: relative;}


.protable tbody td{padding: 5px; font-size:12px; color: #7c7c7c; border-right: 1px solid #e6e6e6; min-width: 40px; text-align: center; }

.protable tbody tr:nth-child(even){background: #f7f7f7}
.protable tbody tr:nth-child(even) th{background: #f7f7f7}


/*****select*****/

.hidden { display: none !important; }

.select-picker-search{overflow: hidden; position: absolute; left: 0px; top:0px;width: 100%; height: 100%; opacity: 0}

.select-picker-search-checked{position:relative;width:100%; height:100%;}

.select-picker-options-wrp{display:none;width:260px;border-radius:10px;box-shadow: 0 1px 5px rgba(0,0,0,.2);background-color: #fff;position:absolute;top:56px;left:0;z-index:999; border: 1px solid #c8c8c8; padding: 20px 0px;}

.select-picker-options-serch input{width:calc(100% - 48px);height:32px;line-height:32px;border:1px solid #c8c8c8;border-radius:32px;margin:12px 0 0 12px;padding:0px 12px;}

.select-picker-options-serch input:focus{border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)}
.select-picker-options-list{width:100%;padding:8px 0; height:200px; overflow-y: scroll;}
.select-picker-options-list::-webkit-scrollbar{border-radius:5px; width:5px;height:5px;background-color: #f7f7f7;}
.select-picker-options-list::-webkit-scrollbar-track{border-radius:5px;background-color: #f7f7f7;}
.select-picker-options-list::-webkit-scrollbar-thumb{border-radius:5px;background-color: #c8c8c8;}





.select-picker-options-list-item{width:calc(100% - 24px);line-height:36px;cursor: pointer;padding:0 12px; font-weight: normal; color: #707070; text-align: left; font-size: 12px;}
.select-picker-options-list-item:hover{background: #f7f7f7;}
.duihao {display:inline-block;width:18px;height:18px;border-radius:3px;transform: translateY(4px);margin-right:6px;}
.duihao-checked {  background:#3a4a89; position: relative; }
.duihao-checked:before, .duihao-checked::after {
	content:""; height:10px; width:2px;
	border-radius: 10px; display:block;
	background:white; position: absolute;
	top:4px;  left:10px; 
	transform:rotate(45deg);-ms-transform:rotate(45deg);    
}
.duihao-checked::before {
	height:6px; transform: rotate(-45deg); -ms-transform:rotate(-45deg);
	position: absolute;  top:7px; left:5px;       
}
.duihao-nocheck{border:1px solid #ddd;}


.fengleft{width:240px; background: #fff;border-radius: 10px;  }
.fengleft h2{font-size: 24px; margin:20px 0; padding-left: 30px;}

.fengleft li a{padding:10px 30px; position: relative;font-weight: 500; display: block; line-height: 44px;}

.fengleft li{border-top: 1px solid #f2f2f2}

.fengleft li a:after{content: ''; width:10px; height: 18px; background: url("../images/r1.png") no-repeat center center; background-size: 100% auto; position: absolute; top:50%; transform: translate(0,-50%); margin-left:8px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; right: 20px; }

.fengleft li a:hover{background: #fafafa; }

.fengleft li a:hover:after{ background: url("../images/r2.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}

.fengleft li.cur a{background: #fafafa; color: #3a4a89; }
.fengleft li.cur a:after{ background: url("../images/r2.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}


.fengright{width: calc(100% - 280px); }





.fztable{border-radius: 10px; overflow: hidden; position: relative; min-height: 470px; overflow: hidden;background: #fff}

.fzselectico{width: 18px; height: 13px; background: url("../images/proselect.png") no-repeat center center; background-size: 22px auto; display: inline-block; position: relative; padding:15px}


.fztable th {background: #3a4a89; color: #fff; text-align: left; border-left: 1px solid #616ea1; vertical-align: top; text-align: center;}


.fztable th p{border-bottom: 1px solid #616ea1; padding: 15px; font-weight: normal;}

.fztable td p{padding:20px 15px;}
.fztable td{border: 1px solid #e6e6e6; text-align: center;}
.fztable tr:nth-child(even){background: #f7f7f7}
.fztable tr:nth-child(even) th{background: #f7f7f7}

.imglink{width:30px; display:block; margin: 0 auto}






/* 新加样式 20240109 */

.pronavdown1{ width: 100%; background: #ffffff}
.pronavdown1 dl{max-width: 1360px; margin: 0 auto; width: 96%}
.pronavdown1 dt{width: 24%; padding:35px 0px;}
.pronavdown1 dt a{padding:0px 30px; position: relative;font-weight: 500; display: block; line-height: 44px;}

.pronavdown1 dt p{border: 1px solid #ffffff; border-right:1px solid #f2f2f2}
.pronavdown1 dt p:hover{border: 1px solid #f2f2f2; border-right:1px solid #fafafa}

.pronavdown1 dt a:after{content: ''; width:10px; height: 18px; background: url("../images/r1.png") no-repeat center center; background-size: 100% auto; position: absolute; top:50%; transform: translate(0,-50%); margin-left:8px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.pronavdown1 dt a:hover{background: #fafafa; }

.pronavdown1 dt a:hover:after{ background: url("../images/r2.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}
.pronavdown1 dt p.cur{border: 1px solid #f2f2f2; border-right:1px solid #fafafa!important}

.pronavdown1 dt p.cur a{background: #3a4a89; color: #ffffff; }
.pronavdown1 dt p.cur a:after{ background: url("../images/r3.png") no-repeat center center; background-size: 100% auto;  margin-left: 12px;}
.pronavdown1 dd{width:76%;}

.pronavdown1 a{color: #333333}
.pronavdown1 a:hover{color: #3a4a89}

.pronavhezi1{display: none;padding:35px 0px; padding-left:6%;}
.pronavhezi1:first-child{display: block}
.pronavlist1{column-count: 2;column-gap: 32px; }

.pronavlist1 span{width:50%; display: inline-block; line-height: 2}
.pronavlist1 span em{display: block; font-weight: 500; padding: 3px 0px;}

.pronavlist1 span i{display: block; font-size: 14px; margin-bottom: 30px;}
.pronavlist1 span i a{color: #707070; display: block;}