@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, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
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; }
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 { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.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;}


/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; }
a:hover { color: #b0020c; }
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }

.header{ width:100%;}

.header .nr{ width:94%; margin:0 auto}
.header .nr .logo{ width:300px; float:left; height:92px;}
.header .nr .logo a{ display:block; width:100%; height:100%;}
.header .nr .rt{ width:950px; float:right}
.header .nr .rt .s1{ width:100%; margin-top:12px;}
.header .nr .rt .s1 a{ float:right; display:block; width:39px; height:22px; background:#003f6a; color:#fff; text-align:center; line-height:22px;}
.header .nr .rt .s1 a.a2{ height:20px; border:1px solid #d2d2d2; background:#fff; color:#9f9f9f; line-height:20px; border-left:0}
.header .nr .rt .s2{ width:100%}
.header .nr .rt .s2 ul{ float:left}
.header .nr .rt .s2 ul li{ float:left; width:90px; text-align:center; font-size:16px; color:#333333; line-height:42px; height:58px}
.header .nr .rt .s2 ul li>a{ color:#333; display:block}
.header .nr .rt .s2 ul li:hover>a{ color:#0541af}
.header .nr .rt .s2 ul li.on>a{ color:#0541af}
.header .nr .rt .s2 ul li .xl{ width:100%; height:256px; background:#fff; position:absolute; left:0; top:92px; z-index:9999; display:none}


.header .nr .rt .s2 ul li .xl::after{ content:""; display:block; width:100%; height:23px; background:url(1.png); position:absolute; bottom:-23px; left:0}
.header .nr .rt .s2 ul li .xl .nr{ width:1200px; margin:0 auto; padding-top:30px}
.header .nr .rt .s2 ul li .xl .nr .m1{ float:left; width:302px; margin-right:25px}
.header .nr .rt .s2 ul li .xl .nr .m2{ width:365px; float:left; text-align:left; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.5}
.header .nr .rt .s2 ul li .xl .nr .m2 a:hover{ color:#003f6a}
.header .nr .rt .s2 ul li .xl .nr .m2 .p2{ margin-top:10px}
.header .nr .rt .s2 ul li .xl .nr .m3{ float:left; width:410px; margin-left:20px;}
.header .nr .rt .s2 ul li .xl .nr .m3 dl dd{ width:162px; float:left; margin:0 20px; height:30px;}
.header .nr .rt .s2 ul li .xl .nr .m3 dl dd a{ color:#193b6d;display: block;border-bottom: 1px solid #dcdfe4; line-height:30px; font-size:13px}
.header .nr .rt .s2 .sea{ float:left; width:50px; height:58px; background:url(g_01.png) center 13px no-repeat; position:relative}

.header .nr .rt .s2 .sea .sl { z-index: 999; display: none; position: absolute; right: 50%; margin-right: -119px; top: 58px; border-radius: 30px; width: 238px; height: 44px;padding:8px;  }
.header .nr .rt .s2 .sea .sl form { position: relative; width: 100%; height: 100%; }
.header .nr .rt .s2 .sea .sl .inp { outline: none; border: none; border-top-left-radius:22px; border-bottom-left-radius:22px; padding: 0 20px;width: 160px; float: left; height: 44px;line-height: 44px; background:rgba(255,255,255,0.9) }
.header .nr .rt .s2 .sea .sl .sub { border-top-right-radius:22px; border-bottom-right-radius:22px; outline: none; position: absolute; top: 0; right: -2px; cursor: pointer; height: 44px; width: 60px; background: #003f6a; color: #fff; border: none; }

.header .nr .rt .s2 .sea:hover .sl{ display:block}

.header .nr .rt .s2 .tel{ background:url(g_02.png) left center no-repeat; padding-left:25px; height:42px; line-height:42px; float:right; font-size:16px; color:#003f6a}

.footer{ width:100%; background:#222222; color:#fff}
.footer a{ color:#fff}
.footer .ft01{ width:1200px; margin:0 auto; padding-top:60px; padding-bottom:30px}
.footer .ft01 dl{ float:left; width:120px}
.footer .ft01 dl dt{ font-size:16px; margin-bottom:25px}
.footer .ft01 dl dd{ font-size:14px; line-height:35px}
.footer .ft01 dl dd a{ color:rgba(255,255,255,0.3)}
.footer .ft01 dl dd a:hover{ color:rgba(255,255,255,1)}
.footer .ft01 .lx{ width:310px; float:right}
.footer .ft01 .lx h3{ font-size:14px; font-weight:normal; color:#666}
.footer .ft01 .lx h4{ font-size:30px; font-weight:normal; color:#fff; font-family:Arial, Helvetica, sans-serif}
.footer .ft01 .lx .intro{ font-size:14px; color:#999; margin:15px 0 25px}
.footer .ft01 .lx .pic{ float:left; text-align:center; margin-right:35px; color:rgba(255,255,255,0.2); line-height:35px}
.footer .ft02{ width:100%; border-top:1px solid #393939}
.footer .ft02 .nr{ width:1200px; margin:0 auto; color:#999; padding:10px 0; line-height:34px}
.footer .ft02 .nr .lt{ float:left}
.footer .ft02 .nr .rt{ float:right}

.footer .ft01 .lx .pp{ font-size: 14px;  margin-top: 10px;}
.footer .ft01 .lx .pp .p2{ display: flex; margin-top: 10px;}
.footer .ft01 .lx .pp .p2 a{ margin-right: 20px;}
.footer .ft01 .lx .pp .p2 img{ display: block; height: 30px;}
















































































