@charset "utf-8";
* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; outline: none; }
html, body { color: #333; font-size: 16px; font-family: "微软雅黑"; margin-left: auto !important; margin-right: auto !important; text-align: left; }
b { word-break: break-all; }
.px1540 { max-width: 1540px; margin: 0 auto; }
.px1200 { max-width: 1200px; margin: 0 auto; }
.px1400 { max-width: 1450px; margin: 0 auto; }
.px1460 { max-width: 1460px; margin: 0 auto; }
.px1650 { max-width: 1650px; margin: 0 auto; }
body { padding-top: 120px; }
li { list-style: none; }
a { text-decoration: none; color: #000; }
img, input { border: 0; outline: none; }
body .clear { clear: both; height: 0 !important; width: 0 !important; border: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.clearfix:after { content: ""; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.px1200 { width: 1400px; max-width: 1400px; margin: 0 auto; }
.pic { padding-top: 75%; position: relative; overflow: hidden; }
.pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 1s; object-fit: cover; }
.pic img:hover { transform: scale(1.2); }
.wap { display: none !important; }
/*头部*/

.top { width: 100%; position: fixed; top: 0; left: 0; right: 0; background: #2b5c9d; z-index: 999; transition: all 0.3s; }
.logo a { display: block; font-size: 0; line-height: 120px; }
.logo img { vertical-align: middle;/* width: 100%; */
}
.top-r { margin-left: 485px; position: relative; }
.top-r-t { text-align: right; line-height: 24px; padding-top: 25px; overflow: hidden; }
.top-r-en { display: inline-block; margin-right: 72px; color: rgba(255, 255, 255, 0.7); }
.top-r-en>a { font-size: 14px; color: #ffffff; }
.top-r-en>a:hover { text-decoration: underline; }
.top-r-en>span { margin: 0 22px; }
.top-r-en>a>img { margin-right: 12px; transform: translateY(2px); }
.search-con { position: absolute; right: 0px; top: 20px; }
.search-con>button>span { font-size: 14px; color: #ffffff; }
.top button { position: absolute; top: 5px; right: 0; width: 84px; height: 24px; line-height: 24px; text-align: center; background: none; cursor: pointer; color: rgba(255, 255, 255, 0.7); }
.top button img { vertical-align: middle; padding-left: 5px; }
.top button span { color: #ffffff; font-size: 14px; display: inline-block; margin-left: 12px; vertical-align: middle; }
.search { width: 300px; height: 44px; background: #fff; margin-top: 20px; position: absolute; right: 0; top: 16px; z-index: 1; display: none; }
input, button { border: none; outline: none; }
.search .text { width: 300px; padding-left: 15px; padding-right: 72px; height: 44px; font-size: 14px; background: none; color: #333; }
.search .button { width: 60px; height: 44px; background: #fece31 url(../images/search2.png) no-repeat center; background-size: 20px; position: absolute; top: 0; right: 0; cursor: pointer; text-align: center; }
 input::-webkit-input-placeholder {
 color: #666;
}
 input::-moz-input-placeholder {
 color: #666;
}
 input::-ms-input-placeholder {
 color: #666;
}
/*导航*/

.nav { height: 50px; line-height: 50px; margin-top: 8px; float: right; }
.nav>ul { font-size: 0; }
.nav>ul>li {float: left;text-align: center;position: relative;padding-left: 40px;/*  width: 12.5%; */}
.nav>ul>li:first-child { margin-left: 0; }
.nav>ul>li>a { display: block; font-size: 17px; color: #fff; text-align: center; position: relative;/*transition: all 0.3s;*/
}
.nav>ul>li.on>div { border-top: 3px solid #ffffff; }
.nav>ul>li>a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.nav>ul>li.on>a::after { border-bottom: 5px solid #ffffff; }
.nav>ul>li:hover>span { transform: rotate(180deg); }
.nav>ul>li:hover>a::after { border-bottom: 5px solid #ffffff; }
.nav>ul>li:hover>div { transform: scale(1) }
.nav>ul>li>div {position: absolute;top: 100%;width: 128%;background: #fff;background: rgb(255, 255, 255, 1);z-index: 9999;overflow: hidden;line-height: normal;/* display: none; */box-shadow: 0 0 10px rgba(0, 0, 0, .2);margin-left: -22% !important;transition: all .5s;transform: scale(0);transform-origin: top center;}
.nav>ul>li>div>ul { overflow: hidden; }
.nav>ul>li>div>ul>li a {display: block;font-size: 17px;line-height: 40px;transition: .3s;color: #333;}
.nav>ul>li>div>ul>li a:hover { background: #2b5c9d; color: #fff; }
.nav-r { float: left; position: relative; }
.nav-r a { float: left; margin-left: 20px; border-radius: 50%; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 40px; font-size: 0; }
.nav-r a img { vertical-align: middle; display: none; }
.nav-r a img:first-child { display: inline-block; }
.nav-r a span { display: block; font-size: 18px; }
/*底部*/
footer { width: 100%; background: #2b5c9d; position: relative; z-index: 10; padding: 2rem 0; position: relative; }
footer .w1200 { width: 1400px; margin: auto; }
footer .fot-2 .p { margin-bottom: .25rem;}
footer .bq1{
    margin-top: 25px;
    padding-top: 26px;
    border-top: 1px solid #4772ab;
}
footer .bq1 .px1400{
    display: flex;
    justify-content: center;
    color: #FFF;
    align-items: center;
}
footer .bq1 .px1400 p{
    margin-right: 10px;
}
.flex { display: flex; flex-wrap: wrap; }
.foot-b { justify-content: space-between; align-items: center; }
.foot-b .fot-1 { max-width: 55%; }
.foot-b .fot-1 .txt { text-align: center; float: none; }
.foot-b .fot-3 {width: 15%;}
.foot-b .fot-4 { max-width: 25%; }
.foot-b a { color: #b3caed; display: inline-block; }
.foot-b .fot-1 .img { margin-bottom: 1rem; text-align: center; height: auto; }
.foot-b .fot-1 .img img { width: 100%; }
.foot-b .fot-1 p { text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.foot-b .fot-1 p img { margin: 0 5px; }
.foot-b .p { margin-bottom: 0.15rem; }
.select { width: 100%; position: relative; cursor: pointer; margin-bottom: 1.5rem; }
.select:last-child { margin-bottom: 0; }
.select h2 { font-size: 1.3rem; height: 2.7rem; align-items: center; padding: 0 1rem; justify-content: space-between; border: 1px solid rgba(255,255,255,.3); }
.select h2 p { color: #fff; white-space: nowrap; }
.select ul {background: #ffffff;/* height: 6.5rem; */position: absolute;width: 100%;left: 0;right: 0;padding: 1rem 0rem;/* border-top: 1px solid #eee; */z-index: 5;bottom: 100%;display: none;overflow-y: auto;}
.select li { font-size: 1rem; line-height: 1.4rem; color: #333; transition: 0.5s; padding: 0.2rem 1rem; }
.select h2 img { width: 0.8rem; }
.select h2 img.on{transform: rotate(-180deg);}
.select li:hover { color: #fff; background: #2b5c9d; }
.select a { color: #333; font-weight: normal; display: block; }
.select a:hover { color: #fff; }
.foot-b p { font-size: 15px; color: #b3caed; line-height: 28px; }
.foot-b .fot-3 p { text-align: center; }
.ul-iconsb1 { align-items: center; display: flex; justify-content: flex-end; gap: 1rem; }
.ul-iconsb1 li { }
.ul-iconsb1 .con { position: relative; cursor: pointer; }
.ul-iconsb1 .con:hover .qrbox { opacity: 1; visibility: visible }
.ul-iconsb1 .icon { width: 3.5rem; height: 3.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;/* background: #dae1e9; */ transition: 0.5s; border: 1px solid rgba(255,255,255,.5); }
.ul-iconsb1 .icon img { max-width: 1.5rem; }
.ul-iconsb1 .icon .ico2 { display: none; }
.ul-iconsb1 .qrbox { bottom: 100%; transform: translateX(-50%); left: 50%; opacity: 0; visibility: hidden; margin-bottom: 1rem; transition: 0.5s; position: absolute; width: auto; z-index: 10; }
.ul-iconsb1 .qrbox .qr { display: flex; padding: 0.5rem; background: #fff; text-align: center; }
.ul-iconsb1 .qrbox::before { content: "";/* width:0; */ border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; bottom: -0.6rem; right: initial; 50%: rotate(180deg);
position: absolute; left: 50%; transform: translateX(-50%); }
.ul-iconsb1 .qrbox .qr img { margin: 0 5px; width: 7rem; }
.ul-iconsb1 .qrbox .p { font-size: 0.14rem; overflow: hidden; text-align: center; margin-top: .1rem;
color: #666; line-height: 1.5; }
.footer { padding-top: 50px; padding-bottom: 20px; background: #2b5c9d; }
.footer-T-L { float: left; padding-bottom: 52px; }
.footer-T-L>div { padding-bottom: 24px; }
.footer-T-L>div>a { font-size: 16px; color: #ffffff; }
.footer-T-L>div>span { color: #ffffff; margin: 0 25px; }
.footer-T-L p { font-size: 14px; color: #ffffff; margin-top: 18px; }
.footer-T-R { float: right; }
.foot-r { display: table-cell; vertical-align: middle; }
.foot-m { text-align: center; font-size: 15px; line-height: 28px; color: #fff; }
.foot-r ul { font-size: 0; text-align: right; }
.foot-r ul li { margin-left: 40px; position: relative; text-align: center; line-height: 40px; display: inline-block; }
.foot-r ul li:first-child { margin-left: 0; }
.foot-r ul li a { display: block; font-size: 0; text-align: center; }
.foot-r ul li a img { vertical-align: middle; display: block; margin: 0 auto; }
.foot-r ul li p { color: #fff; line-height: 20px; font-size: 14px; margin-top: 10px; }
.foot-r ul li div { position: absolute; bottom: 120%; left: 50%; display: none; width: 160px; transform: translateX(-50%); display: none; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.foot-r ul li div img { display: block; width: 100%; }
.foot-r ul li div p { color: #333; font-size: 14px; }
.foot-r ul li:hover div { display: block; }
.footer-B { border-top: 1px solid #1a9c9f; padding-top: 20px; }
.footer-B-R { float: right; }
.footer-B-R p { color: rgba(255, 255, 255, 0.5); font-size: 14px; text-align: right; line-height: 28px; }
.footer-B-R p a { color: rgba(255, 255, 255, 0.5); }
.footer-B-L { float: left; }
.footer-B-L-Box div { float: left; margin-right: 18px; }
.footer-B-L-Box .footerItem { width: 262px; height: 37px; background: #4d7bc1; line-height: 37px; font-size: 14px; color: #ffffff; padding-left: 12px; cursor: pointer; position: relative; margin-right: 0px; }
.footerItem::after { position: absolute; content: ""; display: block; background: url(../images/icon-footer.png) no-repeat; width: 12px; height: 6px; right: 8px; top: 50%; transform: translateY(-50%); transition: all 0.8s; }
.footer-B-L-Box>div:hover .footerItem::after { transform: rotateZ(180deg); }
.footer-B-L div { position: relative; }
.footer-B-L div ul { position: absolute; bottom: 37px; display: none; }
.footer-B-L div ul li { width: 262px; height: 40px; line-height: 40px; }
.footer-B-L div ul li a:hover { background-color: #2b5c9d; color: #ffffff; border: 1px solid #fff; }
.footer-B-L div ul li a { display: block; color: #333; font-size: 13px; background-color: #ffffff; padding-left: 12px; }
.footer-T-L>div>a:hover { text-decoration: underline; }
.footer-B-L-Box .M-R { margin-right: 0px; }
 @media screen and (max-width:1800px) {
.nav>ul>li>span { right: 0; }
.logo img { /* max-height: 104px; */
}
}
 @media screen and (max-width:1600px) {
.logo img { /* max-height: 105px; */
}
}
 @media screen and (max-width:1400px) {
.top>div { padding: 0 20px; }
.footer .px1400 { padding: 0 20px; }
.logo img { /* max-height: 55px; */
}
.top-r { margin-left: 261px; }
.nav>ul>li { padding-left: 30px; }
.mid1Bottom>p { }
}
 @media screen and (max-width: 1200px) {
.px1200 { width: auto; margin-left: 20px; margin-right: 20px; }
.nav>ul>li>a { font-size: 15px; }
.nav>ul>li>span { width: 9px; height: 6px; }
.foot-l img { max-height: 48px; }
}
 @media screen and (max-width:1100px) {
.nav>ul>li>a { font-size: 14px; }
}
 @media screen and (max-width:1024px) {
body { padding-top: 60px !important; }
.pc { display: none !important; }
.banner .slick-slide a:before { display: none; }
.m-top { max-width: 1920px; margin: 0 auto; position: fixed; right: 20px; top: 18px; width: 25px; height: 25px; z-index: 9999; }
.wap { display: block !important; }
.wap-menu { position: absolute; top: 0; right: 0; z-index: 99999; font-size: 0; }
.wap-menu img { height: 25px; cursor: pointer; }
.close-menu { display: none; position: absolute; right: 0; top: 0; cursor: pointer; }
.m-head { position: fixed; top: 0; left: 0; right: 0; background: #2b5c9d; z-index: 999; padding: 10px 20px; }
.m-logo { font-size: 0; }
.m-logo a { font-size: 0; line-height: 40px; display: block; }
.m-logo img { max-height: 40px; max-width: 80%; vertical-align: middle; }
.m-tlink { font-size: 12px; padding: 10px 15px 0 15px; color: rgba(255, 255, 255, 0.6); }
.m-tlink a { font-size: 12px; margin: 0 8px; color: #fff; display: inline-block; line-height: 24px; /*background: #fff;*/
line-height: 24px; border-radius: 5px; }
.m-tlink a:hover { text-decoration: underline; }
.m-tlink a img { vertical-align: -2px; padding-right: 5px; height: 14px; }
.m-search { margin: 0 15px; padding-right: 50px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; position: relative; line-height: 35px; /* background: #fff; */
margin-top: 15px; margin-bottom: 15px; }
.m-search input[type="text"] { display: block; width: 100%; line-height: 25px; background: none; color: #fff; font-size: 12px; }
 .m-search input[type="text"]::placeholder {
 color: #fff;
}
.m-search input[type="image"] { position: absolute; right: 10px; top: 10px; height: 15px; }
.m-nav { position: fixed; top: 60px; right: -100%; bottom: 0; z-index: 999; background: #2b5c9d; border-top: 1px solid rgba(255, 255, 255, 0.2); overflow-y: scroll; width: 100%; max-width: 375px; }
.m-nav .top-r { color: #fff; padding-left: 15px; }
.m-nav ul { padding: 0 15px;/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
}
.m-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; }
.m-nav ul li>span.on { transform: rotateZ(90deg); }
.m-nav ul li ul { display: none; }
.m-nav ul li ul li { border: none; }
.m-nav>ul>li a { display: block; font-size: 14px; line-height: 20px; padding: 15px 0; position: relative; color: #fff; }
.m-nav>ul>li ul li a { padding: 10px 0; }
.m-nav>ul>li>span { position: absolute; width: 20px; height: 20px; background: url(../images/m-nav_down.png) no-repeat; background-size: 14px 14px; background-position: center center; right: 0; top: 15px; cursor: pointer; display: block; color: #fff; transition: all 0.3s; }
.link h3 { font-size: 14px; }
.link h3:after { height: 14px; }
.link p a { font-size: 12px; }
.link p a { padding: 5px 10px; }
.foot-l,  .foot-c,  .foot-r { float: none; width: auto; text-align: center; }
.foot-c { margin-left: 0; }
.foot-c h3 { display: inline-block; }
.foot-c p { font-size: 12px; }
.foot-media>div { float: none; display: inline-block; }
.foot>div { padding-bottom: 20px; }
.foot-l img { max-width: 100%; }
.footer-T-L,  .footer-T-R,  .footer-B-L,  .footer-B-R { float: none; width: 100%; text-align: center; padding-bottom: 30px; }
.footer-B-R p { text-align: center; }
.foot-r { display: block; width: 283px; margin: 0 auto; }
.foot-r ul { text-align: center }
.footer-B-L-Box { width: 560px; display: block; margin: 0 auto; }
.foot-b{padding: 0 20px;}
 .foot-b>div{width: 100% !important;max-width: 100% !important;}
 .ul-iconsb1{justify-content: center;}
 .foot-b .fot-1{width: 70% !important;max-width: 70% !important;margin: 35px auto;}
  footer .bq1{
    margin-top: 20px;
    padding-top: 15px;
}
  footer .bq1 .px1400{display: block;text-align: center;}
  footer .bq1 .px1400 p{
    line-height: 1.6;
    padding: 0 20px;
}
 }
 @media screen and (max-width:768px) {
  footer{
    padding: 1.5rem 0 1rem;
}
.footer-B-L-Box .footerItem { width: 209px; }
.footer-B-L-Box { width: 436px; }
.footer-B-L div ul li { width: 209px; }
.foot-r ul li { margin-left: 25px }
.foot-r ul li a img { height: 45px; }
.foot-r ul li div { width: 120px; }
   .foot-b .fot-1{width: 100% !important;max-width: 100% !important;margin: 25px auto;}
.foot-b .fot-1 p{
    font-size: 14px;
}
}
 @media screen and (max-width:480px) {
.foot-c h3 { font-size: 15px; line-height: 18px; }
.footer-T-L>div>span { color: #ffffff; margin: 0 12px; }
.footer-T-L>div { padding-bottom: 0px; }
.footer-B-L-Box .footerItem { width: 155px; padding-left: 0px; }
.footer-B-L-Box { width: 328px; }
.footer-B-L div ul li { width: 155px; }
}
 @media screen and (max-width:375px) {
.footer-B-L-Box .footerItem { width: 140px; }
.footer-B-L-Box { width: 328px; }
.footer-B-L div ul li { width: 140px; }
.footer-B-L-Box { width: 298px; }
}
 @media screen and (max-width:320px) {
}