*{padding:0;margin:0;outline:0}
li{list-style:none}
a{text-decoration:none}
em,h2,h3,i{font-style:normal}
body,html{position:relative;font-family:Î¢ÈíÑÅºÚ}
a,img,input{outline:0;border:0}
.clear{clear:both}
.pic{position:relative;overflow:hidden;padding-top:75%}
.pic img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;width:100%;max-height:100%;transition:all .3s}
.pic:hover img{transform:translate(-50%,-50%) scale(1.2)}
@font-face{font-family:pf;src:url(/style/PingFang_SC_Medium_0.ttf);font-style:normal;font-weight:400}
@font-face{font-family:regular;src:url(/style/PingFang_SC_Regular_0.ttf);font-style:normal;font-weight:400}
@font-face{font-family:heavy;src:url(/style/PingFang_SC_Heavy_0.ttf);font-style:normal;font-weight:400}
@font-face{font-family:bold;src:url(/style/PingFang_SC_Bold_0.ttf);font-style:normal;font-weight:400}
.px1600{max-width:1600px;margin:0 auto}
.top{max-width:1920px;margin:0 auto;position:fixed;right:10px;top:18px;width:25px;height:25px;z-index:9}
.wap{display:none}
.top>img{display:block;width:100%}
.wap-menu{position:absolute;top:0;right:0;z-index:99999;font-size:0}
.close-menu{display:none;position:absolute;right:0;top:0}
.wap-menu img{height:25px}
.main-top{position:relative}
.header{position:fixed;top:0;left:0;right:0;padding-top:20px;z-index:999}
.header::before{content:"";position:absolute;left:0;right:0;height:100%;bottom:100%;background-color:#065598;z-index:-1;transition:bottom .5s}
.header.on::before{bottom:0}
.head{margin:0 auto}
.head-l{float:left;font-size:0}
.head-l a,.head-l a img{display:block}
.head-r{float:right;text-align:right}
.link-top{position:relative}
.link-top a{font-size:14px;color:#fff;margin:0 12px;font-family:regular}
.link-top a:hover{opacity:.8}
.link-top span{font-size:14px;color:#fff;opacity:.25}
.link-top img{vertical-align:middle;cursor:pointer}
.nav>ul>li{position:relative;float:left;text-align:center;margin-left:20px;margin-right:20px;line-height:68px}
.nav>ul>li:after{content:'';position:absolute;width:10px;height:8px;right:-20px;top:50%;transform:translateY(-50%);background:url(/images/ej-jt.png) center center no-repeat}
.nav>ul>li>a{display:block;font-size:20px;color:#fafbfb;font-family:pf}
.nav>ul>li:hover>a{font-weight:700}
.nav>ul>li ul{position:absolute;top:68px;width:130px;left:50%;margin-left:-65px;border-top:2px solid #3d3f5b;background-color:rgba(255,255,255,.87);box-shadow:0 3px 3px #999;padding-bottom:20px;padding-top:2px;display:none;z-index:999}
.nav>ul>li ul li{line-height:38px;text-align:center}
.nav>ul>li ul li a{font-size:15px;color:#333;font-family:pf}
.nav>ul>li ul li:hover{background-color:#cedcec}
.banner{position:relative}
.banner a{position:relative;display:block}
.banner a img{display:block;width:100%;object-fit:cover}
.banner a::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(/images/tc.png) center center no-repeat;background-size:100% 100%}
.banner .slick-dots{width:auto;right:270px;box-sizing:border-box;bottom:30px;margin:0 auto}
.banner .slick-dots li{width:43px;height:14px;margin:0 2px;background:url(/images/slick.png) center center no-repeat;transition:all .3s}
.banner .slick-dots li.slick-active{background:url(/images/slick-active.png) center center no-repeat}
.wave{position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:1000}
.layer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}
.wave.on{display:block}
.search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;height:45px;line-height:45px;border:1px solid #4f616d;background-color:#065598;padding:0 15px;font-size:0;z-index:1001}
.search input[type=text]{padding-right:20px;width:750px;height:45px;line-height:45px;vertical-align:middle;background-color:transparent;color:#fff}
.search input[type=image]{vertical-align:middle}
.search input::placeholder{color:#fff}
.banner .down{position:absolute;bottom:35px;width:50px;height:50px;left:50%;transform:translateX(-50%);z-index:10;-webkit-animation:3s infinite move;animation:3s infinite move}
@-webkit-keyframes move{
0%,100%{transform:translateY(0)}
50%{transform:translateY(30px)}
}
@keyframes move{
0%,100%{transform:translateY(0)}
50%{transform:translateY(30px)}
}
.banner .banner-more{position:absolute;right:180px;bottom:30px;z-index:10}
.banner-more a::after{background:0 0!important}
.banner .banner-more a{display:block;font-size:14px;color:#fff}
.main-top .banner-more a:hover{color:rgba(255,255,255,.9)}
#contact{padding:35px 0;border-bottom:1px solid #3a5d86}
.contact h2{font-size:18px;color:#bbcee7;font-weight:400;margin-bottom:20px}
.cont-l{float:left;width:315px}
.cont-l .link{position:relative;width:265px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #455695;margin-bottom:20px;padding-left:10px;padding-right:10px;font-size:14px;color:#b9c9ea;cursor:pointer;border-radius:5px}
.cont-l .link span{position:absolute;width:15px;height:20px;background:url(/images/zk.png) center center no-repeat;right:10px;top:10px}
.cont-l .link .xg-link{position:absolute;padding:20px 15px;left:0;right:0;top:-290px;background:rgba(255,255,255,1);box-sizing:border-box;z-index:9;display:none}
.cont-l .link .xg-link.on{display:block}
.cont-l .link .xg-link ul{height:250px;overflow-y:scroll}
.cont-l .link .xg-link ul::-webkit-scrollbar{width:5px}
.cont-l .link .xg-link ul::-webkit-scrollbar-track{background:#b1bad5;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.cont-l .link .xg-link ul::-webkit-scrollbar-thumb{background-color:#8e1226;background-clip:padding-box;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.cont-l .link .xg-link ul li{padding-left:10px;margin-right:20px;border-bottom:1px dashed #b7afaf}
.cont-l .link .xg-link ul li a{font-size:14px;color:#666}
.cont-l .link .xg-link ul li:hover a{color:#8e1226}
.cont-m{float:left;width:440px;margin-left:260px}
.cont-m p{font-size:14px;color:#bbcee7;text-align:center;line-height:26px}
.cont-r{float:right}
.cont-r ul li{position:relative;float:left;margin-left:30px;text-align:center}
.cont-r ul li .icon{position:relative;width:55px;height:55px;line-height:55px;text-align:center;border:1px solid #31537c;border-radius:50%;background:rgba(112,154,205,.17)}
.cont-r ul li .icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cont-r ul li .ewm{position:absolute;left:50%;transform:translateX(-50%);top:-120px;display:none}
.cont-r ul li:hover .ewm{display:block}
#footer{background:url(/images/footer.png) center center no-repeat;background-size:cover}
.footer{padding-top:13px;padding-bottom:26px;text-align:center}
.footer p{font-size:16px;color:#fff;line-height:20px}
.footer p span{display:inline-block;margin:0 13px;font-size:12px;color:#7491b5}
.footer a{font-size:12px;color:#7491b5}
.footer p span img{vertical-align:middle;padding-right:10px}
@media screen and (max-width:1600px){
.px1600{padding-left:15px;padding-right:15px}
.cont-r ul li:last-child .ewm{right:0;left:auto;transform:none}
.nav>ul>li{margin-left:15px;margin-right:15px}
.banner .banner-more{right:10px}
.banner .slick-dots{right:70px}
}
@media screen and (max-width:1440px){
.cont-m{margin-left:20px}
.head-l a img{height:40px}
.nav>ul>li>a{font-size:14px}
}
@media screen and (max-width:1200px){
.cont-l{float:none;width:auto}
}
@media screen and (max-width:1024px){
body{padding-top:60px}
.banner .down{display:none}
.top{z-index:9999}
.main-top{display:none}
.wap{display:block}
.m-head{position:fixed;top:0;left:0;right:0;background:#0b3466;padding:10px;z-index:999;box-shadow:0 5px 5px rgb(0 0 0 / 20%)}
.m-logo{font-size:0}
.m-logo a{font-size:0;line-height:40px}
.m-logo img{max-height:40px;max-width:80%;vertical-align:middle}
.m-tlink{padding:10px 15px 0}
.m-tlink a{margin:5px 0;display:inline-block;font-size:14px;border:1px solid #fff;border-radius:5px;color:#fff;line-height:30px;padding:0 15px}
.m-tlink a img{vertical-align:middle;padding-right:10px}
.m-search{margin:15px 15px 0;position:relative;line-height:35px;border:1px solid #fff;padding:5px 50px 5px 10px}
.m-search input[type=text]{display:block;width:100%;line-height:25px;background:0 0;color:#fff}
.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;left:100%;right:0;bottom:0;z-index:999;background:#1f3a5a;overflow-y:scroll}
.m-nav ul{padding:0 15px}
.m-nav ul li{border-bottom:1px solid rgba(255,255,255,.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) center center no-repeat;background-size:14px 14px;right:0;top:15px;cursor:pointer;display:block;color:#fff;transition:all .3s}
.banner .slick-dots{width:100%;left:50%;transform:translateX(-50%)}
}
@media screen and (max-width:1000px){
.cont-m{float:none;width:auto;margin-left:0}
.cont-m p{text-align:left}
.cont-r{float:none;margin-top:20px}
.contact h2{margin-bottom:5px}
}
@media screen and (max-width:600px){
.cont-r ul li{margin-left:10px}
.banner .slick-dots{bottom:5px;padding-right:0;left:50%;transform:translateX(-50%);text-align:center}
.banner .banner-more{left:auto;right:10px;bottom:5px}
.banner .slick-dots li{width:20px;background-size:10px auto}
.banner .slick-dots li.slick-active{background-size:20px auto}
}