@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; resize: 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;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; transition: all 0.5s ease 0s; }
a:hover { color: #014099; }
 
.wrapper { position:relative; width:100%; margin:0 auto; max-width:1920px; overflow:hidden; min-height:auto!important; min-width:auto!important; }
.wrap { width:84%; margin:0 auto; }
.wrap01 { width:94%; margin:0 auto; }
.wrap02 { width:1280px; margin:0 auto; }
 
@media all and (max-width:1680px){
	.wrap { width:96%; margin:0 auto; }
	.wrap01 { width:96%; margin:0 auto; }
}
@media all and (max-width:1340px){
	.wrap02 { width:96%; margin:0 auto; }
}
 
.header { position:relative;  z-index:15; }
.topArea { position:relative; border-top:5px solid #014099; z-index:15; }
.logo { float:left; }
.top01 { float:right; font-size:0; padding-top:35px; }
.top01 a { display:inline-block; width:33px; height:33px; margin-left:8px; background-size:contain!important; }
 
.top01 a.a3 { background:url(t03.png) no-repeat center; }
.top01 a.a4 { background:url(menu.png) no-repeat center; display:none; }
 
.nav { position:relative; float:right; margin-right:20px; }
.nav span.line{display: block;padding-bottom: 3px;background: url(navline.jpg) repeat-x center bottom;position: absolute;left: 0;bottom: 0;width: 76px;transition: all 0.3s ease 0s}
.nav span.line img{display: block;margin: 0 auto}
.nav ul li { position:relative; float:left; text-align:center; font-size:14px; }
.nav ul li .a1 { display:block; padding:0 20px; height:100px; line-height:100px; font-size:18px; color:#333; }
.nav ul li:hover .a1,.nav .current .a1 {   }

.nav .sub { position:absolute; top:100px; width:150px; left:50%; margin-left:-75px; background:rgba(0,0,0,0.5); display:none; z-index:999; }
.nav .sub dt { width:100%; text-align:center; }
.nav .sub dt a { display:block; color:#fff; padding:10px 0; }
.nav .sub dt:hover { background:#014099; }
.nav .sub dt:hover a { color:#fff; }

/*
.nav li dl{ position: absolute; top: 100px; display: none; left: 0; width:1000px; z-index:5; }
.nav li dl{ height: 55px;line-height: 55px; }
.nav li dl dt{ float:left; font-size: 16px; margin: 0 10px; }
.nav li dl dt a:hover{ color: #014099; }

.nav li:nth-child(6) dl{  left:-200px; }
.nav li:nth-child(9) dl{  left:-200px; }

.nav span.hdrShadow{ position: absolute; width:2880px; left:50%; margin-left:-1440px; right:0; background: rgba(255,255,255,.7); top: 100px; height: 55px; line-height: 55px; display:none; z-index:2; }
*/



.search { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999; }
.search form { position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-30px; width:600px; background:#fff; font-size:16px; z-index:9; }
.search form .txt { float:left; height:60px; line-height:60px; padding-left:15px; width:450px; }
.search form .btn { float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#014099; color:#fff; cursor:pointer; }
.serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; }
.search01 { display:block; }

@media all and (max-width:1600px){
	.nav ul li .a1 { padding:0 10px; font-size:16px; color:#333; }
}
@media all and (max-width:1350px){
	.nav ul li .a1 { padding:0 5px; font-size:14px; color:#333; }
}
@media all and (max-width:1200px){
	.logo img { height:60px; }
	.nav { display:none; }
	.top01 { padding-top:18px; }
	.top01 a { width:24px; height:24px; }
	.top01 a.a4 { display:inline-block; }
 
	.topArea { border-top:2px solid #014099; }
	.nav { position: absolute;left: 0;right: 0;float: none;top:60px; margin-right:0; background: rgba(24,44,128,.9); margin: 0;display: none; z-index:99999; }
	.nav li{ float: none; width:100%; text-align:left!important; }
	.nav li a span{display: block;position: absolute;right: 5%;width:22px;height: 12px;top: 19px;background: url(ico_100.png);background-size: cover }
	.nav ul li .a1 { display:block; height:45px; line-height:45px; font-size:14px; color:#fff; border-bottom: 1px solid #ccc; padding: 0 0 0 2.5%; }
	.nav span.line { display:none; }
 
}
@media all and (max-width:750px){
	.search form { left:4%; margin-left:0; margin-top:-30px; width:92%; background:#fff; font-size:14px; z-index:9; }
	.search form .txt { float:left; height:40px; line-height:40px; padding-left:15px; width:calc(100% - 115px); }
	.search form .btn { float:right; height:40px; line-height:40px; width:100px; text-align:center; background:#014099; color:#fff; cursor:pointer; }
	.serclose { right:0; top:-30px; font-size:20px; }
}
@media all and (max-width:350px){
	.top01 a.a1 { display:none; }
	.top01 a.a2 { display:none; }
}
 
.banner { position:relative; }
.swiper-container-1 .swiper-pagination  { bottom:30px!important; font-size:0; }
.swiper-container-1 .swiper-pagination-bullet { width:10px!important; height:10px!important; margin:0 5px!important; background:rgba(255,255,255,0.5); border-radius:100%; opacity:1; }
.swiper-container-1 .swiper-pagination-bullet-active { background:#fff; }
.swiper-container-1 .img02 { display:none; }

@media all and (max-width:1380px){
	.swiper-container-1 .swiper-pagination  { bottom:20px!important; }
}
@media all and (max-width:750px){
	.swiper-container-1 .img01 { display:none; }
	.swiper-container-1 .img02 { display:block; }
}


.footer { position:relative; z-index:9; }
.ft-1{background: #7f7f7f;color: #fff;}
.ft-logo{float: left;padding-right: 2%;}
.ft-nav{float: left;width:57%;border-left: 1px solid #909090;}
.ft-nav dl{float: left;padding:0 6%; }
.ft-nav dl:last-child { padding-right:0; }
.ft-nav dt a{display: block;color: #d3d3d3;font-size: 14px;font-weight: bold;line-height: 28px;margin-bottom: 4px}
.ft-nav dd a{display: block;color: #d3d3d3;font-size: 14px;line-height: 25px}
.ft-nav dl .p1 { float:left; width:100px; }
 
.ft-contact{float: right;width: 20%;padding-right: 2%; box-sizing: border-box; padding-top: 31px;height: 205px;color: #d3d3d3 }
.ft-contact .p1{font-size: 22px;padding-left: 25px;background: url(ft_ico_1.png) no-repeat left center;}
.ft-contact .p2{font-size: 14px;padding-left: 25px;background: url(ft_ico_2.png) no-repeat left 5px;}
.ft-nav dl{border-right: 1px solid #909090;padding-top: 31px;height:245px;color: #d3d3d3}
.ft-logo,.ft-qrcode{box-sizing: border-box;padding-top: 31px; color: #d3d3d3}

.ft-qrcode{float: right;border-right: 0 !important}
.ft-qrcode span{display: block;text-align: center;font-size: 14px;color: #fff}

.ft-2{background: #013681;color: #fff;padding: 1.4% 0}
.ft-copy{float: left;}
.ft-ibw{float: right;}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline;}

.link { position:relative; margin-top:20px; }
.link .pp01 { border:1px solid #b7b7b7; font-size:14px; padding-left:25px; color:#d3d3d3; height:35px; line-height:35px; background:url(link01.png) no-repeat center right; cursor:pointer; }

.link .pp02 { position:absolute; bottom:35px; left:0; width:100%; background:#7f7f7f; border:1px solid #b7b7b7; padding:10px 0;  box-sizing: border-box; display:none; }
.link .pp02 ul { max-height:100px; overflow-y:auto; }
.link .pp02 ul li { line-height:20px; font-size:14px; color:#d3d3d3; }
.link .pp02 ul li a { display:block; padding:0 25px; color:#d3d3d3; }

.link:hover .pp02 { display:block; }


@media (max-width:1800px){
	.ft-nav{ width:53%; }
	.ft-nav dl{ padding:31px 4% 0; }
}
 
@media (max-width:1400px){
	.ft-logo { display:none; }
	.ft-nav{ width:60%; }
	
	.ft-contact{ width: 25%; }
}
@media (max-width:1230px){
 
	.ft-contact{ padding: 0 1.5%;padding-top: 31px;height: 205px}
	.ft-contact .p1{font-size: 16px}
	.ft-logo,.ft-nav dl,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height:275px}
}
@media (max-width:1130px){
	.ft-nav dl{padding: 0 3%;padding-top:31px }
}
@media (max-width:1050px){
	.ft-nav{width: 100%;float: none;}
	.ft-nav dl{width: 20%;padding: 2%;box-sizing: border-box;max-width: inherit;}
	.ft-nav dl:last-child{ width:40%; }
	.ft-logo{display: none}
	.ft-contact{width: 30%}
	.ft-nav dl{padding-left: 2%}
	.ft-contact{width: calc(100% - 110px);border-right: none}
	
	.link { display:none; }
}
@media (max-width:750px){
	.ft-nav{width: 100%;display: none}
	.ft-nav dl{height: 157px;padding-left: 5%}
	.ft-nav dl:first-child{padding-left: 2%}
	.ft-nav dl:last-child{border-right: none}
	
	.ft-2 { text-align:center; }
	.ft-logo,.ft-nav dl,.ft-contact,.ft-qrcode{ padding-top:25px; height:175px; }
	.ft-contact { padding-top:45px; height:auto; }
}
@media (max-width:375px){
	.ft-nav dt a,.ft-nav dd a{font-size: 12px}
}

.rArea { position:fixed; top:50%; margin-top:-200px; right:0; background:#0a5bcc; border-radius:6px 0 0 6px; padding:10px 0; z-index:555; }
.rArea ul li a { position:relative; display:block; text-align:center; width:65px; padding:10px 0; }
.rArea ul li .p1 { height:30px; }
.rArea ul li .p2 { font-size:14px; line-height:20px; width:40px; margin:0 auto; color:#fff; }
.rArea ul li .p3 { position:absolute; top:0; right:70px; z-index:55; display:none; }
.rArea ul li .p4 { position:absolute; top:5px; right:70px; width:200px; height:60px; text-align:center; line-height:60px; font-weight:bold; color:#fff; font-size:20px; border-radius:7px; background:#0a5bcc; z-index:55; display:none; }


.rArea ul li:hover .p3 { display:block; }
.rArea ul li:hover .p4 { display:block; }


@media all and (max-width:1200px){
	.rArea { display:none; }
}


.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}

 
.back-to { position:fixed; _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+400); bottom:110px; right:50%; margin-right:-670px; display:none; z-index:999; }
.back-to .back-top { display:block; width:44px; height:44px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }

/*广告*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出广告*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮广告*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏广告*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}
 