html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:12rem; margin:0 auto;}
/********General**********/
.header{ width:100%; float:left;}
.top{ width:100%;float:left; background:#fff;  height:1.87rem; position:absolute; left:0; top:0;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.logo{ margin-top:.35rem; float:left;transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.logo img{ height:.7rem;transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.tel{ float:right; min-height:1rem;background: url(../Image/topewm.png) right center no-repeat; margin-top:.3rem; padding-right:1.2rem;}
.tel p{background:url(../Image/toptel.png) left 0.05rem no-repeat; padding-left:.3rem; font-size:.16rem;}
.tel p span{ font-size:.24rem; font-weight:bold; color:#218ade;}
.nav{ float:right; position:relative; float:right; width:100%; margin-top:.1rem;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.nav li{ float:left; width:10.5%; text-align:center; font-size:0.16rem; color:#4c4c4c; float:left; margin:0 1%;}
.nav li a{  padding-bottom:.05rem; position:relative;}
.nav li a i{ position:absolute; display:block; width:0; height:0; bottom:0; left:0; border-bottom:.02rem solid #000000;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.nav li:hover a i{width:100%;}

.topover{ border-bottom:1px solid #CCC; position:fixed; top:0; left:0; height:.6rem;background:#fff; z-index:9999;
box-shadow: 0px -2px 6px #000;
}
.topover .logo{ margin-top:.05rem; float:left;}
.topover .logo img{ height:.5rem;}
.topover .topclear{ display:none;}
.topover .tel{ display:none;}
.topover .nav{ margin-top:.18rem; width:70%;}
.bannerw{ width:100%; float:left;margin-top:1.87rem; overflow:hidden;}
.sousuo{ width:100%; height:.68rem; border-bottom:1px solid #eeeeee; font-size:.14rem; color:#000000; line-height:.68rem;}
.sousuo p{ float:left;}
.sousuo p a:hover{ text-decoration:underline;}
.search{ width:3rem; float:right; border-bottom:1px solid #000; height:.68rem;}
.search-text{ width:80%; height:.68rem; float:left; line-height:.68rem; background:none; border: none; font-size:.14rem; color:#4d4d4d;}
.search-btn{ width:20%; height:.68rem; float:right;background: url(../Image/sousuo.png) center right no-repeat; border: none; font-size:0;}
.mtop{margin-top:.8rem;}
.pro{ width:100%; float:left;}
.bt{ width:100%; text-align:center;}
.bt p{ font-size:.36rem; color:#222222; font-weight:bold; line-height:2;}
.bt span{ font-size:.16rem; color:#747474;}
.pro li{ float:left; width:2.85rem; margin:0; margin-right:.19rem;}
.pro li dd{width:285px; height:2.76rem; margin-top:40px; float:left; position:relative;}
.pro li dd p{ width:285px; height:217px;display: table-cell; overflow:hidden;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.pro li dd i{ width:285px; height:221px; display:block; position:absolute; top:0; left:0; background:#000;opacity:0;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.pro li dd:hover i{opacity:.2;}
.pro li dd p img{ max-width:285px; max-height:217px;vertical-align:middle;transform:translate(0,0); transition:all .5s ease-in }
.pro li dd:hover p img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro li dd span{ width:100%; display:block; background:url(../Image/prolixian.png) top center no-repeat; height:.58rem; font-size:.16rem; color:#4d4d4d; text-align:center; line-height:.58rem;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.pro li dd:hover span{background:url(../Image/prolixian.png) top center repeat-y; color:#FFF;}
.protj{ width:100%; float:left;}
.lanrenzhijia{ width:100%; margin-top:.3rem; }
.lanrenzhijia .tab{ width:50%; position:relative; z-index:10; padding-top:.4rem; float:right; height:8.6rem;background:#f4f4f4;}
.lanrenzhijia .tab a{ display:block; width:66%; height:1.65rem; float:left; 
border-radius:0  0 .4rem 0;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;

}
.lanrenzhijia .tab a dl{ float:left; margin-top:.14rem; margin-left:3.5%; width:22.8%; padding-bottom:22.8%; position:relative; background:url(../Image/prolispan.png) center no-repeat; background-size:cover;}
.lanrenzhijia .tab a dd{ position:absolute; width:80%; height:80%; top:10%; left:10%;}
.lanrenzhijia .tab a dd img{width:100%;}
.lanrenzhijia .tab a span{ display:block; margin-top:.36rem; width:67.6%; float:right; font-size:.2rem; color:#000000; display:block; }
.lanrenzhijia .tab a span font{ font-size:.14rem; color:#808080;margin-top:.05rem; display:block;}
.lanrenzhijia .tab a:hover{ background: url(../Image/prolih.png) center no-repeat; width:76%; margin-left:-10%;}
.lanrenzhijia .tab a:hover dl{ background:url(../Image/prolispanh.png) center no-repeat;}
.lanrenzhijia .tab a:hover span{ color:#FFF; width:60%; margin-right:7.6%;}
.lanrenzhijia .tab a:hover span font{ color:#FFF;}
.lanrenzhijia .tab a.on{ background: url(../Image/prolih.png) center no-repeat; width:76%; margin-left:-10%;}
.lanrenzhijia .tab a.on dl{ background:url(../Image/prolispanh.png) center no-repeat;}
.lanrenzhijia .tab a.on span{ color:#FFF;width:60%; margin-right:7.6%;}
.lanrenzhijia .tab a.on span font{ color:#FFF;}


.lanrenzhijia .content{ overflow:hidden; position:relative; z-index:1;  width:50%; float:left; height:9rem; background:url(../Image/probj.jpg) fixed; background-size:cover;} 
.lanrenzhijia .content li{ width:100%; display:none;}
.lanrenzhijia .content li img{ width:60%; margin:1rem auto 0; display:block }
.lanrenzhijia .content li p{ width:60%; margin:.5rem 0 0 20%; float:left;  background:url(../Image/protjlip.png) center no-repeat; background-size:100% 100%;  font-size:.2rem; color:#7b7b7b; line-height:3;}
.lanrenzhijia .content li p a{ display:block; width:50%;  text-align:center; float:left; }
.lanrenzhijia .content li p a:nth-child(1){ color:#FFF;}
.lanrenzhijia .content li p a:hover{ text-decoration:underline;}
.ys{ width:100%; float:left;}
.ysbt{ text-align:center; width:100%; float:left; background:url(../Image/ysbt.png) center .2rem no-repeat} 
.ysbt p{ font-size:.5rem; color:#747474; margin-bottom:.5rem;}
.ysbt span{ font-size:.18rem; color:#747474;}
.ys1{ width:100%; margin-top:.8rem; float:left; min-height:7.37rem; background:url(../Image/ys1.jpg)2rem bottom no-repeat;}
.ys1img{ width:50%; float:left;}
.ys1img img{ width:100%;}
.ys1w{ width:45%; float:right; margin-top:.9rem;}
.yswbt{ padding-top:.6rem; line-height:1.5;}
.yswbt p{ font-size:.32rem; color:#010101;}
.yswbt span{ font-size:.16rem; color:#878787;}
.ys1w .yswbt{ background:url(../Image/ysbt1.png) top left no-repeat;}
.ys_p{ font-size:.16rem; color:#3b3b3b; margin-top:.2rem; line-height:2;}
.ys_pic{ width:100%; margin-top:.5rem;}
.ys2{ width:100%; min-height:541px; float:left; background:url(../Image/ys2.jpg) center bottom no-repeat; margin-top:.8rem;}
.ys2img{ width:45%; float:left;}
.ys2img img{ width:100%;}
.ys2w{ width:50%; float:right; margin-top:.2rem;}
.ys2w .yswbt{ background:url(../Image/ysbt2.png) top left no-repeat;}
.culture{ width:100%; float:left; height:7.5rem; background:url(../Image/culbj.jpg) center no-repeat fixed; background-size:cover;}
.culbt{ background:url(../Image/culbt.png) right bottom no-repeat; margin-top:2rem; font-size:.3rem; color:#2a2a2a; padding:0 .4rem .4rem 0; float:right; margin-right:1rem;}
.culbt span{ font-size:.48rem; color:#232323; font-weight:bold;}
.culture ul{ margin-right:1rem; width:3.8rem; margin-top:.3rem; float:right;}
.culture li{ font-size:.18rem; color:#696969; line-height:3; padding-left:.5rem;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.culture li:nth-child(1){ background:url(../Image/cul1.png) left center no-repeat;}
.culture li:nth-child(2){ background:url(../Image/cul2.png) left center no-repeat;}
.culture li:nth-child(3){ background:url(../Image/cul3.png) left center no-repeat;}
.culture li:nth-child(4){ background:url(../Image/cul4.png) left center no-repeat;}
.culture li:hover{ margin-left:-.1rem;}
.about{ width:100%; float:left; height:8.35rem; background:url(../Image/aboutbj.jpg) center no-repeat;}
.aboutbt{ margin-top:.94rem;}
.aboutbt p{ font-size:.34rem; font-weight:bold; margin-bottom:.1rem; color:#222222;}
.aboutbt span{ font-size:.16rem; color:#747474;}
.aboutw{ font-size:.14rem; color:#4d4d4d; line-height:2; margin-top:.5rem; width:70%;}
.demo{ width:70%; margin-top:.6rem; height:1.63rem; background:#FFF;border-radius:0  0 .4rem 0; overflow:hidden;}
.demo li{ width:25%; float:left; height:1.43rem; padding-top:.2rem; text-align:center; font-size:.18rem; color:#4d4d4d;}
.demo li span{ font-size:.72rem; color:#158ff1;}
.demo li:nth-child(1){background:url(../Image/numb.png) right center no-repeat; color:#FFF;}
.demo li:nth-child(1) span{ color:#FFF;}
.demo li:hover{background:url(../Image/numb.png) right center no-repeat; color:#FFF;}
.demo li:hover span{color:#FFF;}
.daili{ width:100%; float:left;}
.dailipic{ width:55%; float:left; margin-top:.85rem;}
.dailipic p{ font-size:.35rem; color:#e6e6e6;}
.dailipic span{ font-size:.16rem; color:#158ff2;}
.dailipic img{ width:100%;}
.dailiw{ width:35%; float:right; margin-right:5%; margin-top:2rem;}
.dailiw p{ font-size:.2rem; color:#000000;}
.dailiw font{ font-size:.6rem; color:#158ff1; font-weight:bold;}
.dailiw span{ font-size:.32rem; color:#0086f2; display:block; text-align:right; font-weight:bold;}
.dailiw span font{ font-size:.6rem; color:#0086f2;}
.dailiw a{ margin:.5rem 0; font-size:.18rem; color:#ffffff; text-align:center; line-height:.6rem; display:block; width:100%; background:url(../Image/dailia.png) center no-repeat;border-radius:.3rem; height:.6rem;}
.dltel{ background:url(../Image/dltel.png) left center no-repeat; height:.38rem; line-height:.38rem; padding-left:.49rem; font-size:.14rem; color:#4d4d4d;}
.dltel font{ font-size:.22rem; color:#158ff3;}
.hzhb{ width:100%; padding-bottom:.5rem; float:left; background:#f5f5f5; padding-top:.4rem;}
.hzhb ul{ border-left:1px solid #e0e0e0;  border-top:1px solid #e0e0e0; float:left; margin-top:.4rem; width:100%;}
.hzhb li{overflow:visible;width:20%; position: relative; float:left; overflow:hidden;}
.hzhb li p{border-bottom:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; }
.hzhb li span{ display:block; width:100%; height:70%; position:absolute; top:-100%; left:-100%; background:rgba(1,149,231,.9); font-size:.26rem; text-align:center; padding-top:30%; color:#FFF;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.hzhb li:hover span{ left:0; top:0;}
.hzhb li img{ width:100%; display:block;}
.service{ width:100%;}
.servbt{ text-align:center; line-height:2;}
.servbt p{font-size:.32rem; color:#747474;}
.servbt p b{ color:#222222;}
.servbt span{ font-size:.14rem; color:#959595}
.servbt span font{ font-size:.18rem; color:#585858}
.service ul{ width:100%; float:left; margin-top:.4rem;}
.service li{ width:15%; padding:3%; float:left; margin:0 1.9%; position:relative; border:1px solid #e9e9e9;}
.service li:hover{ border:1px solid #006;}
 
.service li span{ font-size:.14rem; color:#a4a4a4; display:block;padding-bottom:.2rem;}
.service li font{ font-size:.16rem; color:#747474; padding-bottom:.05rem; border-bottom:2px solid #000;}
.service li:nth-child(1) p{ background:url(../Image/serv1.png) no-repeat;}
.service li:nth-child(2) p{ background:url(../Image/serv2.png) no-repeat;}
.service li:nth-child(3) p{ background:url(../Image/serv3.png) no-repeat;}
.service li:nth-child(4) p{ background:url(../Image/serv4.png) no-repeat;}
.service li p{ font-size:.16rem; color:#000000; padding-bottom:.1rem; padding-top:.76rem; background-position:0 0;
 transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;


}
.service li:hover p{background-position:100% 0;}
.news{ width:100%; float:left; padding:.7rem 0 .7rem; background:#f5f5f5;}
.newsbt{ position:absolute; top:0rem; left:0;}
.newsbt p{ font-size:.32rem; color:#222222; font-weight:bold;}
.newsbt span{ font-size:.16rem; color:#686868;}

.lanrenzhijia2{ width:100%; float:left; margin:0px auto; font-family:'微软雅黑';}
.lanrenzhijia2 .tab{height:.55rem; text-align:right;  margin-left:1.3rem; border-bottom:1px solid #e8e8e8;}
.lanrenzhijia2 .tab a{ margin:0 .2rem; padding-bottom:.32rem; font-size:.18rem; color:#757575; text-decoration:none; }
.lanrenzhijia2 .tab a:hover{ background: url(../Image/tabh.png) bottom center no-repeat;; color:#292828; font-weight:bold; text-decoration:none;}
.lanrenzhijia2 .tab a.on{background: url(../Image/tabh.png) bottom center no-repeat;; color:#292828; font-weight:bold; text-decoration:none;}
.lanrenzhijia2 .content{ width:100%; height:5.4rem; margin-top:.4rem;}
.lanrenzhijia2 .content li{height:5.4rem; display:none;}
.lanrenzhijia2 .content li .first{ width:48%; float:left; background:#FFF;}
.lanrenzhijia2 .content li .first:hover{ background:#00a0df;}
.lanrenzhijia2 .content li .first:hover p{ color:#FFF !important;}
.lanrenzhijia2 .content li .first:hover p font{ color:#FFF !important;}

.lanrenzhijia2 .content li .first img{ width:100%;}
.lanrenzhijia2 .content li .first p{ padding:.25rem .42rem; line-height:1.5; font-size:.16rem; color:#000000;}
.lanrenzhijia2 .content li .first p font{ font-size:.14rem; color:#888888; display:block; margin-top:.05rem;}
.lanrenzhijia2 .content li dl{padding-top:.17rem; padding-bottom:.17rem; width:50%; float:right; background:#FFF;}
.lanrenzhijia2 .content li dl dd{ padding:.17rem .34rem ; height:1.35rem;}
.lanrenzhijia2 .content li dl dd img{ float:left; width:40%; height:1.35rem;}
.lanrenzhijia2 .content li dl dd p{ width:55%; float:right; font-size:.16rem; color:#000000;}
.lanrenzhijia2 .content li dl dd p font{ font-size:.14rem; color:#888888; display:block; margin-top:.2rem;}
.lanrenzhijia2 .content li dl dd:hover{background:#00a0df;}
.lanrenzhijia2 .content li dl dd:hover p{ color:#FFF !important;}
.lanrenzhijia2 .content li dl dd:hover p font{ color:#FFF !important;}
.footer{ width:100%; float:left; position:relative; background:#181818; padding-bottom:.5rem;}
.fnav{ float:left; margin-top:.75rem;}
.fnav ul{ float:left; margin-right:.3rem; line-height:2;}
.fnav ul p{ font-size:.18rem; color:#ffffff;}
.fnav ul li{ font-size:.14rem; color:#616161;}
.ftel{ float:right; text-align:right; margin-top:.75rem;}
.ftel p{ font-size:.24rem; color:#ffffff; background:url(../Image/ftel.png) bottom right no-repeat; padding-bottom:.61rem;}
.ftel span{ font-size:.14rem; color:#5a5a5a; line-height:2;}
.admin{ font-size:.12rem; color:#616161; margin-top:.5rem; background: url(../Image/fx.png) right center no-repeat;}
.ewm{ position:absolute; left:50%; margin-left:-.7rem; top:.79rem;}
.fenge{ display: none; clear:both;}
.nbanner{ width:100%; height:3rem; margin-top:1.87rem;}
.ndh{ width:100%; height:1.45rem; float:left; background:#f4f4f4;}
.ndh ul{ width:100%; float:left; margin-top:.38rem; border-left:1px solid #dddddd;}
.ndh li{ overflow:hidden; text-align:center;border:1px solid #dddddd; border-left: none; line-height:.67rem; height:.67rem; font-size:.18rem; color:#4d4d4d; float:left;}
.ndh li.on{background:#1f6dc2; color:#FFF;}
.ndh li a{ display:block;}
.ndh li:hover{ background:#1f6dc2; color:#FFF;}
.nabt li{ width:19.5%; float:left;}
.npbt li{ width:19.5%; float:left;}

#about{ width:100%; float:left; margin-top:.5rem;}
.naboutbt{ font-size:.3rem; color:#1d1d1c; font-weight:bold; margin:.5rem 0; text-align:center; background:url(../Image/naboutbt.png) center no-repeat;}
.naboutw{ width:100%; font-size:.14rem; color:#4d4d4d; line-height:2;}
.naboutw img{ max-width:100%;}
.naboutw h2{ font-size:.3rem; color:#2167d2; text-align:center; font-weight:bold; margin-bottom:.3rem;}
.nhonor{ background:#f4f4f4; padding:.7rem 0 .5rem;}
.nhonor li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nhonor li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nhonor li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}

.nteam li p{ width:280px; height:285px; background:#FFF;
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;}
.nteam li p img{max-width:280px; max-height:285px;vertical-align:middle;}
.nteam li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}
.lichw{ width:100%; float:left; position:relative;}
.lichpic{ width:45%; float:left;}
.lichpic img{ width:100%;}
.lichw ul{ width:53%; float:right; position:absolute; right:0; height:100%; overflow:auto; background:url(../Image/lichul.png) left repeat-y;}
.lichw li{ border-bottom:1px solid #e5e5e5; width:90%; margin:0 5%; float:left; height:.71rem; margin-bottom:.3rem;}
.lichw li p{ font-size:.22rem; color:#2167d2; font-weight: bold;}
.lichw li span{ font-size:.14rem; color:#292929;}
.nmain{ width:100%; float:left; padding-bottom:.8rem;}
.prolist{ margin-top:.3rem;}
.prolistbt{ font-size:.4rem; font-style:italic; color:#333; line-height:2;}
.nprolist{ width:90%; float:left; background:#FFF; padding:5%; margin-top:.3rem;}
.nprolist li{ width:100%; height:auto; float:left; margin-bottom:.1rem; background:#f4f4f4;}
.nprolist li dl{ width:30%; float:left;}
.nprolist li dl img{ width:100%; float:left;}
.nprolist li dd{ width:60%; padding:3%; float:right;}
.nprolist li dd p{ font-size:.24rem; color:##333; margin-bottom:.3rem;}
.nprolist li dd span{ font-size:.12rem; color:#333; line-height:2;}
.nprolist li:nth-child(even) dl{ float:right;}
.nprolist li:nth-child(even) dd{ float:left;}
.nnews{ width:100%; float:left; margin-top:.2rem;}
.nnews ul{ width:100%; float:left; margin-top:.3rem; overflow:hidden; padding:.2rem 0; color:#3f4952;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.nnews ul:hover{ background:#1f6dc2;}
.nnews ul:hover p font{ color:#FFF;}
.nnews ul:hover p{ color:#FFF;}
.nnews ul:hover span{ color:#FFF;}

.nnews li{ height:1.48rem;}
.nnews li span{ width:10%; font-size:.26rem;margin-top:.2rem;}
.nnews li span font{font-size:14px;}
.nnews li img{ float:left; width:20%; height:auto;}
.nnews li p{ width:62%; margin-top:.2rem; margin-left:3%; font-size:.18rem; float:left; }
.nnews li p font{ font-size:.14rem; color:#888888; display:block; margin-top:.2rem;}
.nnewst li{ width:33%;}
.ncont li{ width:49.5%;}
.neirong{ width:100%; float:left; margin-top:.3rem;}
#guestsmt{width:100%;}
.guestipt{width:30%;height:46px;float:left;margin-bottom:24px;margin-right:5%;border:none;outline:none;background-color:rgb(240,240,240);
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:"微软雅黑";}
#guestsmt #name{background:url(../Image//m1.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #tel{background:url(../Image//m3.png) no-repeat right 10px center rgb(240,240,240);}
#guestsmt #email{background:url(../Image//m2.png) no-repeat right 10px center rgb(240,240,240);}
.guestmr{margin-right:0px;}
.guestinfo{width:100%;height:164px;float:left;margin-bottom:24px;border:none;outline:none;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:"微软雅黑";
background:url(../Image//m4.png) no-repeat right 10px top 12px rgb(240,240,240);}
.guestimg{width:80px;height:36px;float:left;margin-top:5px;}
.guestbtn{width:150px;height:36px;margin:auto;margin-top:24px;display:block;border:1px solid rgb(77,77,77);font-size:16px;line-height:36px;text-align:center;color:rgb(77,77,77);background:none;cursor:pointer;
-webkit-transition:all 0.6s;transition:all 0.6s;}
.guestbtn:hover{background:rgb(15,134,128);border:1px solid rgb(225,26,29);border-radius:36px;border:none;color:#FFF;}
.page{ width:100%; text-align:center; margin-top:40px;}
.page a{ padding:5px 15px; background:#2167d2; border:1px solid #2244a0; color:#FFF; margin:0 5px;}
.page .current{border:1px solid #2244a0; color:#2244a0;padding:5px 15px; margin:0 5px;}
#prev_next{ float:left; margin-top:20px; padding-top:2%; border-top:1px dashed #CCC; width:100%;}
#prev_next li{ width:100%; font-size:0.14rem; line-height:2; float:left; margin-bottom:2%;}
#prev_next li a{  color:#3557ae; line-height:1; margin-right:1%; border:1px solid #3557ae; padding:0.05rem 0.1rem; font-style:normal;
-moz-border-radius: 0.2rem; /* Firefox */
  -webkit-border-radius:  0.2rem; /* Safari 和 Chrome */
  border-radius:  0.2rem; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev_next li:hover a{ background:#3557ae; color:#FFF;}
.newsinfo{ width:100%; float:left; margin-top:5%;}
.newsinfo h1{  font-size:0.18rem; text-align:center; color:#333333; margin-bottom:2%;}
.newstime{margin:2% 2% 0 0; background:url(../Image/newstime.png) left center no-repeat; display:inline; padding-left:0.2rem;}
.newszuozhe{  margin:2% 2% 0 0; background:url(../Image/admintb.jpg) left center no-repeat;  display:inline;padding-left:0.2rem;}
.newslaiyuan{margin:2% 2% 0 0; background:url(../Image/laiyuantb.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
.newsclick{margin:2% 2% 0 0; background:url(../Image/click.jpg) left center no-repeat; display:inline;padding-left:0.2rem;}
#allmap{width:55%;height:3.5rem;overflow:hidden; float:left;}
.nconw{ width:43%; float:right; background:url(../Image/conewm.png) right center no-repeat;}
.nconw ul{ width:100%; float:left; background:url(../Image/nconw.png) left center no-repeat;}
.nconw li{ font-size:.14rem; height:.83rem; color:#959595; line-height:.83rem; padding-left:.4rem;}

.jobs{ width:75%; float:right}
.jobs dl{ width:100%; float:left; background:#FFF; height:.71rem; border-bottom:1px solid #f6f6f6;}
.jobs dd{float:left; background:#fff; font-size:.14rem; color:#4d4d4d; line-height:.71rem; text-indent:.3rem; background:url(../Image/jobslixian.png) right center repeat-y;
-moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari 和 Chrome */
  border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jobs .d1{width:40%;}
.jobs .d2{width:20%}
.jobs li{ width:100%; float:left; border-bottom:1px solid #f6f6f6;}
.jobs li .p{ width:40.5%; float:left; background:#fff; line-height:.71rem; text-align:center; font-size:.13rem; color:#676c68; text-align:left;  text-indent:.3rem;}
.jobs li .p1{width:40%;}
.jobs li .p2{width:20%}
.jobs li .jobsinfo{ width:90%;   line-height:2; font-size:.16rem;  height:0; overflow:hidden; padding:0 5%;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s; background:url(../Image/jobscon.png) .4rem top no-repeat #f0f0f0;
}
.jobs li.on .jobsinfo{ height:auto; padding:.5rem 5%;}

.jobsside{ width:23%; float:left;}
.jobssidebt{ width:100%;}
.jobssidebt p{ font-size:.14rem; color:#6c6c6c;}
.jobssidebt span{ font-size:.23rem; color:#3c3c3c;}
.jobsside ul{ width:100%; margin-top:.37rem; background:url(../Image/jobsli.png) top left no-repeat; padding-top:.06rem;}
.jobsside li{ width:90%; height:.75rem; padding-left:10%; border-bottom:1px solid #f6f6f6; padding-top:.25rem; background:#2167d2; color:#FFF;}
.jobsside li p{ font-size:.2rem; color:#ffffff;}
.jobsside li span{ font-size:.14rem; color:#ffffff;}
.jobscon{ margin-top:.3rem; padding:10%; width:80%; line-height:2; background:#FFF;}
.jobscon p{ font-size:.24rem; color:#2167d2;}
.jobscon span{ font-size:.16rem; color:#2167d2;}


.ncase{ padding:.7rem 0 .5rem;}
.ncase li{ width:23%; margin:1%; float:left;}
.ncase li p{ width:100%; padding-bottom:60%; background:#FFF; position:relative;}
.ncase li p img{ position:absolute; width:100%; height:100%; top:0; left:0;}
.ncase li{ font-size:.14rem; color:#4d4d4d; line-height:2; text-align:center;}