@charset "utf-8";
/* CSS Document */
* {margin: 0px;padding: 0px;}
body{ overflow-x:hidden; width:100%; font-family:Microsoft YaHei; color:#333;}
div, td{margin:0;padding:0px;font-size: 12px; color:#333;}
h1,h2,h3,h4,h5,h6,i,em,b,dt,dd{padding:0px;margin:0;font-size:12px;font-weight:normal; font-style:normal;}
ul,ol {list-style-type: none;display: block;}
img{border:0; vertical-align:top;}
a:link,a:visited{color:#333;text-decoration: none;}
a:hover,a:active{color:#333;}

.w{margin-left:auto; margin-right:auto;width:1200px;}
.fr{ float:right;}
.fl{ float:left;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.center{ text-align:center;}
.txtR{ text-align:right;}
.white{ color:#fff;}

/* head */
#head{ height:80px;}
.logo{ margin-top:21px;}
.head_r{/* width:406px;*/ margin-top:32px;}
.search{ width:250px; float:left; border-bottom:1px solid #999; margin-right:30px;}
.head_keyboard{ height:27px; padding-left:11px; width:202px; border:none; float:left; font-size:14px; font-family:Microsoft YaHei; letter-spacing:1px;}
.head_sub{ display:inline-block; width:26px; height:27px; background:url(../images/btn_search.gif) no-repeat; border:none; float:right;}
.head_btn span{ display:inline-block; font-size:14px; margin:0 8px 0 9px;}
.head_btn span.t_reg,.head_btn span.t_login{ width:50px; height:24px; line-height:24px; text-align:center; border:1px solid #5dd5c8; border-radius:12px; }
.head_btn a{ color:#999;}


/* nav */
#nav{ height:45px; background-color:#056399;}
#nav ul{ width:105%;}
#nav li{ float:left; position:relative;}
#nav li h3{ display:inline-block; font-size:18px; line-height:45px; height:45px;}
#nav li a{ display:block; padding:0 10px; color:#fff;}
#nav li.home h3 a{ padding:0 5px 0 0;}
#nav li.now h3 a,#nav li a:hover{ background-color:#057dc2;}
#nav li dl{ position:absolute; left:0; right:-10px; z-index:9; display:none;}
#nav li dd{ display:block; height:40; line-height:40px; font-size:16px; margin-bottom:1px; background-color:#056399;}


/* banner */
#banner{ position:relative; height:485px;}
#banner img{ position:absolute; left:50%; margin-left:-960px;}
#banner .txt{ text-align:center; position:absolute; z-index:3; left:0; right:0; top:50%; color:#fff; height:112px; margin-top:-56px;}
#banner .txt h3{ font-size:48px;}
#banner .txt p{ font-size:30px; letter-spacing:2px; color:#e4e3e3; margin-top:10px;}

/* project */
#project .list{ overflow:hidden;}
#project .list ul{ width:105%;}
#project .list li{ float:left; margin-right:17px; width:287px; height:362px; margin-bottom:17px; position:relative; overflow:hidden; cursor:pointer;}
#project .list li .img img{ width:287px; height:362px;}
#project .list li .txt{ position:absolute; left:0; right:0; top:0; bottom:0; padding:120px 84px 0 35px;}
#project .list li .txt h3,#project .list li .blueBg h3{ border-top:2px solid #fff; font-size:22px; color:#fff; padding-top:18px;}
#project .list li .txt a{ display:block; color:#fff; margin-top:40px;}
#project .list li .blueBg{ position:absolute; z-index:2; left:0; right:0; top:362px; bottom:0; background-color:#056399; padding:32px 30px 0 30px;}
#project .list li .blueBg .logo{ text-align:center; height:70px;}
#project .list li .blueBg p{ line-height:22px; color:#fff; margin-top:15px;}
#project .list li:hover .blueBg{ top:0;}


/* footer */
#footer{ margin-top:80px; background-color:#f0f0f0; padding:57px 0;}
.f_about{ float:left; width:600px;}
.f_cName{ width:380px; float:left;}
.f_cName h3{ font-size:20px; color:#333;}
.f_cName p{ font-size:16px; color:#999; margin-top:10px;}
.f_tel{ padding-top:20px; border-top:1px solid #dbdbdb; margin-top:25px;}
.f_tel i{ display:block; font-size:30px; color:#056399; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px;}
.f_tel span{ display:inline-block; font-size:16px; color:#666; margin-right:15px;}
.f_wx{ width:152px; float:right; text-align:center;}
.f_wx p{ font-size:18px; color:#056399; line-height:45px;}

.f_nav{ width:510px; float:right; overflow:hidden;}
.f_nav ul{ width:110%;}
.f_nav li{ float:left; width:138px;}
.f_nav dt{ font-size:18px; color:#333; margin-bottom:10px;}
.f_nav dt a{ color:#333;}
.f_nav dd{ font-size:16px; line-height:26px;}
.f_nav dd a{ color:#888;}

.copyright{}
.copyright div{ line-height:50px; font-size:14px; color:#666;}

/*----page----*/
.page{ padding:30px 0;text-align:center;}
.page .pagebreak{ display:inline-block; *display:inline; font-size:18px; }
.page .pagebreak a,.page .pagebreak b{ display:inline-block; width:20px; height:14px; text-align:center; margin:0 6px; color:#333; }
.page .pagebreak b{ color:#00509b; font-size:18px;}
.page .pagebreak a.pageprev,.page .pagebreak a.pagenext{ background:url(../images/page.png) no-repeat;}
.page .pagebreak a.pageprev{ background-position:0 0;}
.page .pagebreak a.pagenext{ background-position:-30px 0;}
.page .pagebreak a.pageprev:hover{ background-position:0 -20px;} 
.page .pagebreak a.pagenext:hover{ background-position:-30px -20px;}

.c{zoom:1;}
.c:after{clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

#project .list li .blueBg {transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;}
.dialogwrap{display: none;}
.dialogwrap.active{display: block;}
.dialog_bg{background:rgb(0 0 0 / 50%);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:888;}
.dialognew{width:537px;border-radius:15px;position: fixed;margin-left:-268.5px;left:50%;z-index:889;
background:#fff;height:260px;top:50%;margin-top: -130px;
}
.dialog_tit{height: 89px;line-height:89px;text-align: center;background: #0e3f87;border-radius:15px 15px 0px 0px;
font-size:24px;color:#fff;
}
.dialog_close{width:33px;height:33px;background: url(../images/closenew.png) no-repeat center;
position: absolute;right:19px;top:29px;
}
.dialog_con{font-size:20px;color: #666666;height:90px;border-bottom:solid 1px #e7e7e7;padding-left: 25px;padding-right: 25px;

}
.dialog_btn{color:#0e3f87;font-size: 24px;height: 80px;cursor:pointer;}
.dialog_btn,.dialog_con{
  display: flex;
      flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.dialog_con_permission{line-height: 36px;}
.dialog_con_permission > p{text-align:center;color:#0e3f87;display: block;}

@media screen and (max-width:1024px){
	#nav,#hd,#news,#project,#expert,#footer,#banner{ width:1200px;}
	#banner img{ width:100%; height:100%; position:static; left:0; margin-left:0;}
}

.wapBox,.navLayer{ display:none;}
@media screen and (max-width:800px){
.pcBox,.search,.head_btn,.head_r,#nav,#project .list li .txt,#project .list li .blueBg{ display:none;}
.wapBox{ display:block;}

.mt35{ margin-top:.3rem;}
	
.w{ margin-left:.15rem; margin-right:.15rem; width:auto;}

.wapHead{ background-color:#163e82; color:#fff; font-size:.22rem; overflow:hidden;}
.wapHead span,.wapHead a{ padding:.2rem 0;}
.wapHead span{ display:inline-block; margin-left:.15rem;}
.wapHead a{ display:inline-block; width:1.14rem; text-align:center; float:right; color:#fff;}
.wapHead a.on{ background-color:#0564ac;}
.wapHead a b{ display:block; font-weight:bold; color:#da0a09; font-size:.22rem; margin-top:.05rem;}

.logo{ margin-top:.03rem;}
.logo img{ max-width:4.5rem;}
#head{ height:.96rem; position:relative; background:url(../wap/headBg.png) no-repeat center bottom; background-size:cover; padding-top:.3rem; box-sizing:border-box; overflow:hidden;}
.wapTop .navBtn{ float:right; display:inline-block; width:.49rem; height:.39rem; background:url(../wap/navBtn.png) no-repeat; background-size:contain;}

.navLayer{ display:block; position:fixed; z-index:999; right:100%;top:0px;width:100%;height: calc(100%);background:#FFF; opacity:0;visibility:hidden;transition: All 0.5s ease;
-webkit-transition: All 0.3s ease;	-moz-transition: All 0.3s ease;	-o-transition: All 0.3s ease;}
.navLayer.on{opacity: 1;visibility: visible; right: 0px;}
.navLayer .close{display: block;background: url(../wap/close1.png) center no-repeat;	width: .34rem;height: .34rem;position: absolute;top: .3rem; right: 3.75%; background-size:contain;}
.navLayer .list{  padding: .8rem 0 .3rem; margin:0 .3rem; overflow:auto; height:calc(100% - 1.1rem);}
.navLayer li { /* border-bottom: #ddd solid 1px; */}
.navLayer li h2 span,.navLayer li h2 a{ display: block; line-height: .75rem; color: #000; position: relative; font-size: 0.26rem; padding: 0 0.3rem; box-sizing: border-box;}
.navLayer li h2 span:after,.navLayer li h2 a:after{content: ''; display: block; width: 0.26rem; height: 0.26rem; background: url(../wap/ico_03.png) no-repeat center; background-size: 100% auto;  position: absolute; right: 0.3rem; top: 50%; margin-top: -0.13rem;}
.navLayer li h2 a:after{ background: url(../wap/4.svg) no-repeat center/0.14rem 0.5rem;}
.navLayer li h2.on span:after { background: url(../wap/ico_03_h.png) no-repeat center; background-size: 100% auto;}
.navLayer dl{line-height: 0.54rem; padding: 0 0.3rem; display: none;}
.navLayer dl a{font-size: 0.22rem; color: #333333; display: block; line-height: 0.75rem;}




.wapNav{ background-color:#163e82; overflow:hidden;/*  padding:.1rem 0; */}
.wapNav a{ display:inline-block; float:left; width:19.2%; font-size:.22rem; color:#fff; padding:.15rem; box-sizing:border-box; }
.wapNav a:nth-child(5n){ width:23.2%;}
.wapNav a.now{ background-color:#0564ac;}

#banner{ width:100%; height:auto;}
#banner .txt{ height:auto; margin-top:0; top:30%;}
#banner .txt h3{ font-size:.24rem;}
#banner .txt p{ font-size:.2rem; margin-top:.1rem;}

/* project */
#project{ width:100%;}
#project .list ul{ width:100%;}
#project .list li{ margin-right:2%; width:49%; height:2.42rem;  margin-bottom:.1rem;}
#project .list li:nth-child(2n){ margin-right:0;}
#project .list li .img img{ width:100%; height:2.42rem;}
#project .list li .wapTit{ position:absolute; left:0; right:0; bottom:0;}
#project .list li .wapTit a{ display:block; height:.6rem; padding:0 .15rem; background-color:#f5f5f5; line-height:.6rem; font-size:.22rem; color:#333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.wapFooter{ background-color:#f3f3f3; padding:.2rem 0;}
.wapFooter p{ font-size:.18rem; color:#666; line-height:.32rem; text-align:center;}
.wapFnav{ overflow:hidden; position:fixed; left:0; bottom:0; width:100%; z-index:9;}
.wapFnav.on{ opacity:0; visibility:hidden; z-index:-9999;}
.wapFnav li{ float:left; width:33.33%; background-color:#2c50f4; position:relative; text-align:center; height:.94rem;}
.wapFnav li:nth-child(1):after,.wapFnav li:nth-child(2):after{ display:inline-block; content:''; background-color:#fff; width:1px; height:100%; position:absolute; right:0; top:0;}
.wapFnav li .box{ display:table; width:100%; height:100%;}
.wapFnav li a{ display:table-cell; vertical-align:middle;}
.wapFnav li h3{ font-size:.2rem; color:#fff;}
.wapFnav li a:before{ display:inline-block; content:''; width:.32rem; height:.31rem;}
.wapFnav li:nth-child(1) a:before{ background:url(../wap/ico_fnav1.png) no-repeat; background-size:contain;}
.wapFnav li:nth-child(2) a:before{ background:url(../wap/ico_fnav2.png) no-repeat; background-size:contain;}
.wapFnav li:nth-child(3) a:before{ background:url(../wap/ico_fnav3.png) no-repeat; background-size:contain;}

.page .pagebreak,.page .pagebreak b{ font-size:.22rem;}
.page .pagebreak a.pageprev, .page .pagebreak a.pagenext{ background:none;}
.page .pagebreak a.pageprev:before{ content:'上一页';}
.page .pagebreak a.pagenext:before{ content:'下一页';}
.page .pagebreak a, .page .pagebreak b{ width:auto; height:auto; margin:0 .08rem;}

.dialognew{width:90%;left:5%;margin-left:0px;height:190px;margin-top:-95px;}
   .dialog_con{font-size:16px;height:65px;padding-left: 10px;padding-right: 10px;}
   .dialog_tit{height:65px;line-height:65px;font-size:20px;}
   .dialog_close{top:20px;width:25px;height:25px;background-size:cover;}
   .dialog_btn{font-size:20px;height:60px;} 
}