@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; }
body, button, input, select, textarea { font:400 12px/1.5 "PingFang SC","Microsoft YaHei", sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB";}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; outline: none;  }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
html {
  scroll-behavior: smooth;
}
body {  margin: 0 auto; width: 100%; background: #fff; color:#555; overflow-x: hidden; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; }
a:hover { color: #0056a8; }


.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; }
.nr {width: 1400px; margin: 0 auto; }
@media (max-width: 1440px){
	.nr { width:1200px}
}
@media (max-width: 1200px){
    .nr { width:92%}
}
.header{ position: relative; z-index: 2;}
.h_1{ background: #f0f3f7; padding: 10px 0;}
.h_1 .ibd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; font-size: 14px; color: #5a6470;}
.h_1 .ibd .lt{ display: flex; align-items: center;}
.h_1 .ibd .lt .a1{ background: url(../images/icon-welcome.png) left center no-repeat; padding-left: 15px;}
.h_1 .ibd .lt .a2{ margin-left: 25px;}
.h_1 .ibd .lt .a3{ margin-left: 10px;}
.h_1 .ibd .rt{ display: flex; align-items: center;}
.h_1 .ibd .rt .a1{ margin-left: 30px;}
.h_1 .ibd .rt .a1 a{ color: #5a6470;}
.h_1 .ibd .rt .a1 a:hover{ color: #000;}
.h_2{ height: 100px;}
.h_2 .nr{ height: 100%;}
.h_2 .nr .ibd{ height: 100%; display: flex; align-items: center; justify-content: space-between;}
.h_2 .nr .ibd .logo img{ height: 51px; display: block;}
.h_2 .nr .ibd .rt form{ display: flex;}
.h_2 .nr .ibd .rt form .inp1{ width: 256px; height: 38px; display: block; box-sizing: border-box; border: 1px solid #dde3eb; border-right: 0; background: #f3f6fa; padding: 0 16px; font-size: 14px; color: #000;}
.h_2 .nr .ibd .rt form .inp1::placeholder{ appearance: none; -webkit-appearance: none; opacity: 1; color: rgba(51,51,51,0.7);}
.h_2 .nr .ibd .rt form .inp2{ width: 66px; height: 38px; display: block; background: #2160a6; color: #fff; font-size: 16px; cursor: pointer;}
.h_2 .nr .ibd .menu{ display: none;}
.h_2 .nr .ibd .sea{ display: none;}
.h_3{ width: 100%; background: #0056a8;}
.h_3 .nav{ width: 100%;}
.h_3 .nav ul{ display: flex;}
.h_3 .nav ul li{ flex: 1; position: relative;}
.h_3 .nav ul li>a{ display: flex; width: 100%; justify-content: center; font-size: 18px; color: #fff;}
.h_3 .nav ul li>a i{ display: flex; align-items: center; height: 60px; padding: 0 5px; position: relative;}
.h_3 .nav ul li>a i::after{ content: ""; display: block; width: 0; height: 2px; background: #c8a25c; position: absolute; left: 50%; bottom: 0; z-index: 2; transition: all 0.3s;}
.h_3 .nav ul li:hover>a i::after,
.h_3 .nav ul li.on>a i::after{ left: 0; width: 100%;}
.h_3 .nav ul li .xl{ position: absolute; width: 100%; background: #0056a8; position: absolute; left: 0; top:120%; visibility: hidden; opacity: 0; transition: all 0.3s;}
.h_3 .nav ul li:hover .xl{ visibility: visible; opacity: 1; top:100%}
.h_3 .nav ul li .xl a{ display: block; font-size: 16px; color: #fff; text-align: center; padding: 15px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all 0.3s;}
.h_3 .nav ul li .xl a:hover{ background: #c8a25c;}
.h_3 .nav ul li .xl dd:last-child a{ border-bottom: 0;}
@media all and (max-width:1440px){
    .h_1{ padding: 8px 0;}
    .h_1 .ibd{ font-size: 12px;}
    .h_1 .ibd .lt .a2{ margin-left: 20px;}
    .h_1 .ibd .lt .a3{ margin-left: 8px;}
    .h_1 .ibd .rt .a1{ margin-left: 20px;}
    .h_2{ height: 80px;}
    .h_2 .nr .ibd .logo img{ height: 41px;}
    .h_2 .nr .ibd .rt form .inp1{ width: 200px; height: 32px; padding: 0 12px; font-size: 12px;}
    .h_2 .nr .ibd .rt form .inp2{ width: 60px; height: 32px; font-size: 14px;}
    .h_3 .nav ul li>a{ font-size: 16px;}
    .h_3 .nav ul li>a i{ height: 50px; padding: 0 4px;}
    .h_3 .nav ul li .xl a{ font-size: 14px; padding: 12px;}
}
@media all and (max-width:1200px){
    .h_1 .ibd .rt{ display: none;}
    .h_2{ height: 60px;}
    .h_2 .nr .ibd .logo img{ height: 30px;}
    .h_2 .nr .ibd .rt form{ display: none;}
    .h_2 .nr .ibd .rt{ display: flex; height: 100%;}
    .h_2 .nr .ibd .rt .menu{ display: block; height: 100%; width: 18px; background: url(../images/icon-menu.png) center center no-repeat; background-size: 100%; cursor: pointer; }
    .h_2 .nr .ibd .rt .sea{ display: block; height: 100%; width: 18px; background: url(../images/icon-search.png) center center no-repeat; background-size: 100%; margin-right: 15px; cursor: pointer; }
    .h_3{ display: none;}
}
@media all and (max-width:750px){
    .h_1 .ibd .lt .a2{ display: none;}
    .h_1 .ibd .lt .a3{ display: none;}
    .h_1 .ibd .lt .a1{ padding-left: 12px; background-size: 5px;}
   
}


.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateY(-100%);transition: all .6s; z-index: 101; }
.slide_box.active { transform: translateY(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; opacity:0 }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(../images/icon-close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../images/icon-plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(../images/icon-minus.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}
.slide_nav li.tel>a{ color:#d95715}
.slide_nav li.tel>a i{ font-family:Arial; vertical-align:top; font-weight:bold}
.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 10px;font-size: 16px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #333;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(../images/icon-minus.png) 15px center no-repeat; background-size: 10px;}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #0056a8;}
.slide_nav li a:hover{ color: #0056a8;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:100%; padding:66px 0 30px; }
	.z_mask{ }
}




.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(../images/icon-search-submit.png) center center no-repeat #0056a8; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(../images/icon-close-light.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(../images/icon-close-light.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(../images/icon-close-light.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1200px) {
	.video .s1 video{ width:90vw; height:auto}
}



.footer{ background: #133b70; color: #fff;}
.footer .ft01{ padding: 30px 0;}
.footer .ft01 .ibd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.footer .ft01 .ibd .logo img{ display: block; height: 51px;}
.footer .ft01 .ibd .cen{ display: grid; grid-template-columns: repeat(2, auto); gap: 10px 30px;}
.footer .ft01 .ibd .cen .item{ display: flex; align-items: center;}
.footer .ft01 .ibd .cen .item .ico img{ height: 26px;}
.footer .ft01 .ibd .cen .item .t{ font-size: 18px; margin-left: 10px;}
.footer .ft01 .ibd .cen .item .t a{ color: #fff;}
.footer .ft01 .ibd .cen .item .t a:hover{ color: #c8a25c;}
.footer .ft01 .ibd .rt .item{ text-align: center; width: 114px;}
.footer .ft01 .ibd .rt .item .pic{ width: 100%;}
.footer .ft01 .ibd .rt .item .pic img{ width: 100%;}
.footer .ft01 .ibd .rt .item .t{ font-size: 14px; color: rgba(255,255,255,0.3); margin-top: 8px;}
.footer .ft02 .ibd{ display: flex; align-items: flex-start; border-top: 1px solid rgba(255,255,255,0.1); justify-content: space-between; padding: 30px 0; font-size: 16px; color: rgba(255,255,255,0.62); flex-wrap: wrap;}
.footer .ft02 .ibd a{ color: rgba(255,255,255,0.62);}
.footer .ft02 .ibd a:hover{ color: rgba(255,255,255,1);}
.footer .ft02 .ibd .lt{ padding-right: 5%; display: flex; align-items: flex-start; flex: 1 1 0; min-width: 0;}
.footer .ft02 .ibd .lt .n1{ flex: 0 0 auto; white-space: nowrap;}
.footer .ft02 .ibd .lt .n2{ min-width: 0;}
.footer .ft02 .ibd .lt .n2 a{ display: inline-block; margin: 0 18px 6px 0;}
.footer .ft02 .ibd .rt{ flex: 0 0 auto; margin-left: 20px;}
@media (max-width:1440px) {
    .footer .ft01 .ibd .logo img{ height: 41px;}
    .footer .ft01 .ibd .cen{  gap: 10px 30px;}
    .footer .ft01 .ibd .cen .item .ico img{ height: 20px;}
    .footer .ft01 .ibd .cen .item .t{ font-size: 16px; margin-left: 10px;}
    .footer .ft01 .ibd .rt .item{ width: 110px;}
    .footer .ft01 .ibd .rt .item .t{ font-size: 13px; }
    .footer .ft02 .ibd{ font-size: 14px;}
}
@media (max-width:1200px) {
    .footer .ft01 .ibd .logo{ width: 100%;}
    .footer .ft01 .ibd .logo img{ height: 31px;}
    .footer .ft01 .ibd .cen{  gap: 10px 30px;}
    .footer .ft01 .ibd .cen .item .ico img{ height: 16px;}
    .footer .ft01 .ibd .cen .item .t{ font-size: 14px; margin-left: 8px;}
    .footer .ft01 .ibd .rt .item{ width: 100px;}
    .footer .ft01 .ibd .rt .item .t{ font-size: 12px; }
    .footer .ft02 .ibd{ font-size: 12px; padding: 15px 0;}
    .footer .ft02 .ibd .lt{ width: 100%; padding: 5px 0;}
    .footer .ft02 .ibd .rt{ width: 100%;}
}
@media (max-width:750px) {
    .footer .ft01{ padding: 20px 0;}
    .footer .ft01 .ibd .logo{ width: 100%;}
    .footer .ft01 .ibd .logo img{ height: 31px;}
    .footer .ft01 .ibd .cen{ width: 100%; display: block;  gap:0; padding-top: 10px;}
    .footer .ft01 .ibd .cen .item{ margin-top: 10px;}
    .footer .ft01 .ibd .cen .item .ico img{ height: 16px;}
    .footer .ft01 .ibd .cen .item .t{ font-size: 14px; margin-left: 8px;}
    .footer .ft01 .ibd .rt{ width: 100%; margin-top: 15px;}
    .footer .ft01 .ibd .rt .item{ width: 100px;}
    .footer .ft01 .ibd .rt .item .t{ font-size: 12px; }
    .footer .ft02 .ibd{ font-size: 12px; padding: 15px 0;}
    .footer .ft02 .ibd .lt{ width: 100%; padding: 5px 0; flex-wrap: wrap;}
    .footer .ft02 .ibd .lt .n1{ width: 100%;}
    .footer .ft02 .ibd .lt .n2{ width: 100%;}
    .footer .ft02 .ibd .rt{ width: 100%;}
}

#ad_1, #ad1{ position: fixed !important; left: auto !important; top: auto !important; right: 24px !important; bottom: 24px !important; z-index: 2147483000 !important; pointer-events: auto !important;}
#ad_1 img, #ad1 img{ display: block; max-width: 100%; box-shadow: 0 4px 18px rgba(0,0,0,0.18);}
@media all and (max-width:750px){
    #ad_1, #ad1{ display: none !important;}
}