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:14rem; margin:0 auto;}
/********General**********/
.header{ width:100%; float:left;}
.top{ width:100%;float:left; background:#fff;  height:.88rem; background:#dbe6ee; position:absolute; left:0; top:0; overflow:visible;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.logo{ margin-top:.17rem; 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:.52rem;transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.nav{ float:left; margin-top:.3rem; margin-left:.75rem;
transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.nav li{ float:left; height:.6rem; text-align:center; font-size:0.16rem; color:#4c4c4c; float:left; margin:0 .2rem;}
.nav .li_a{ display:block; 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%;}
.nav dl{ font-size:.14rem; text-align:center; color:#FFF; line-height:.6rem; position:absolute; z-index:999; bottom:-.6rem; background:rgba(0,0,0,.5); height:0rem; overflow:hidden; width:100%; left:0;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.nav dl a{ margin:0 .15rem}
.nav dl a:hover{ text-decoration:underline;}
.nav li:hover dl{height:.6rem;}
.topover{ border-bottom:1px solid #CCC; position:fixed; top:0; left:0; height:.6rem;background:#dbe6ee; z-index:9999;
box-shadow: 0px -2px 6px #000;
}
.topad{  float:left; width:100%; height:1.14rem; text-align:center; background:#4bc1e1; }
.topad p{ font-size:.29rem; color:#fff;margin-top:.15rem;text-shadow:5px 1px 6px #000; font-weight:bold; line-height:1.5; font-family:"黑体"}
.topover .logo{ margin-top:.15rem; float:left;}
.topover .logo img{ height:.3rem;}
.topover .nav{ margin-top:.18rem;}
.topover .navr{ margin-top:.16rem;}
.bannerw{ width:100%; float:left;margin-top:.88rem; overflow:hidden;}
.navr{ float:right; margin-top:.3rem;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.lan{ float:left;margin-right:.05rem;}
.lan a{ background:url(../Image/lan.png) left center no-repeat; padding:0.03px 0 0.03rem .35rem; font-size:.14rem; color:#393939;}
.search{ float:left;}

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-search-trigger::before {
  /* lens */
  top: 5px;
  left: 6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #999b9d;
}
.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #999b9d;
  bottom: 18px;
  right: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-search {
  position: absolute;
  height: 50px; overflow:hidden; 
  width: 100%; bottom:-50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
  height: 100%;
  width: 100%;
}
.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}
.cd-search input:focus {
  outline: none;
}
.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.about{ width:100%;background-size:cover;}
.aboutw{ width:60%; float:left; margin-top:.5rem;}
.aboutbt p{ font-size:.28rem; color:#000000;}
.aboutbt span{ font-size:.28rem; color:#000000; font-weight: bold; background:url(../Image/btxian.png) bottom left no-repeat; padding-bottom:.15rem;}
.youshi{ width:30%; float:right; margin-top:.5rem;}
.about_p{ font-size:.16rem; color:#1f1f1f; line-height:2; margin-top:.37rem;}
.youshiw{ margin-top:.35rem;}
.youshiw p{ font-size:23px; color:#252525; margin:.2rem 0;}
.youshiw span{ font-size:.14rem; color:#727272; display:block;}
.youshiw dd span{ display:none;}
.youshiw dd:hover span{ display:block;}
.youshiw dd:hover p{ color:#4bc1e1;}

.aboutpic{ }
.pro{ width:100%; margin-top:.8rem;}
.bt{ text-align:center;}
.bt p{ font-size:.28rem; color:#000000;}
.bt span{ font-size:.28rem; color:#000000; font-weight: bold; background:url(../Image/btxian.png) bottom center no-repeat; display:block; padding-bottom:.15rem;}
.bt font{ font-size:.16rem; color:#393939;}
.pro ul{ width:100%; margin-top:.45rem;}
.pro li{ padding-bottom:.4rem;}
.pro li dd{width:2rem; height:2rem; background:#dfdfdf; overflow:hidden; display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
-moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari 和 Chrome */
  border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.pro li p{ width:2rem; height:2rem; display: table-cell; vertical-align:middle; /*设置水平居中*/text-align:center;}
.pro li p img{ max-width:2rem; max-height:2rem; display:inline !important; vertical-align:middle;
transform:translate(0,0); transition:all .5s ease-in 0s;
}
.pro li:hover p img{transform: scale(1.2); transition: all .5s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all .5s ease 0s;}
.pro li span{ display:block; font-size:.2rem; text-align:center;}
.ad{ width:100%; height:6.3rem; background:url(../Image/adbj.jpg) fixed no-repeat; background-size:cover; margin-top:.5rem;}
.ad li{}
.ad p{ font-size:.17rem; color:#000; margin-top:1.73rem; line-height:2; width:55%; float:left;}
.ad p span{ display:block; font-size:.3rem; margin-bottom:.3rem;}
.ad img{ float:right; max-width:40%; margin-top:1.68rem}
.case{ width:100%; float:left; background:url(../Image/casebj.jpg) bottom left no-repeat #e8e8e8; margin-top:0; padding:.7rem 0;}
.case ul{ margin-top:.7rem; margin-bottom:.3rem}
.case li{ width:26.5%;float:left; padding-bottom:18%; position:relative; margin:0 .08rem .08rem 0;
overflow:hidden;}
.case li img{ position:absolute; width:100%; height:100%; top:0; left:0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.case li span{ display:block; width:100%; height:.3rem; background:rgba(0,0,0,.5); position:absolute; bottom:.2rem; left:0; font-size:.14rem; text-align:center; color:#FFF; line-height:.3rem;}
.case li:nth-child(1){ width:45%; padding-bottom:36.9%;}
.case li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.casemore{ display:block; margin:.5rem auto;}

.honor{ width:100%; margin-top:.7rem;}

.lanrenzhijia{ width:100%;  margin:.2rem auto;}
.lanrenzhijia .tab{ overflow:hidden; text-align:center; height:.44rem; padding-top:.1rem; }
.lanrenzhijia .tab a{  padding:.05rem .2rem; font-size:.24rem; color:#181818; margin:0 .3rem;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.lanrenzhijia .tab a:hover{ background:#4bc1e1; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#4bc1e1; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:10px;}
.lanrenzhijia .content .content_li{ display:none; width:100%;}
.content_li li{  border:1px solid #dddddd; float:left; margin:1%; width:17%; overflow:hidden; padding-bottom:20%; position:relative;}
.content_li li img{ width:100%; position:absolute; height:100%; top:0; left:0;
transform:translate(0,0); transition:all .5s ease-in 0s; }
.content_li li:hover{ border:1px solid #4bc1e1;}
.content_li li:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;}
.ewm{ width:100%; float:left; height:4.77rem; background:url(../Image/ewmbj.jpg) center no-repeat; margin-top:.8rem; text-align:center; line-height:2;}
.ewm p{ font-size:.36rem; color:#5b5b5b; margin-top:.58rem;}
.ewm img{ display:block; margin:.2rem auto;}
.ewm span{ display:block; font-size:18px; color:#5b5b5b;}
.ewm font{ display:block; font-size:.12rem; margin-bottom:.3rem;}
.ewm a{ padding:.1rem .2rem; font-size:.16rem; color:#ffffff; background:#ffcc43;
-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}
.footer{ background:#4bc1e1; float:left; margin-top:.8rem; width:100%;}
.ftel{ width:100%; float:left; margin-top:.34rem;}
.ftel li{ width:28.3%; float:left; padding-left:5%;}
.ftel li p{ font-size:.16rem; color:#ffffff;}
.ftel li span{ font-size:.2rem; color:#ffffff;}
.ftel li:nth-child(1){ background:url(../Image/ftel1.png) left center no-repeat;}
.ftel li:nth-child(2){ background:url(../Image/ftel2.png) left center no-repeat;}
.ftel li:nth-child(3){ background:url(../Image/ftel3.png) left center no-repeat;}
.admin{ width:100%; font-size:.12rem; color:#ffffff; margin:.3rem 0; float:left; text-align:center;}





.nbanner{ width:100%; height:4.64rem; margin-top:.88rem;}
.nabout{ width:100%; float:left; margin-top:.5rem;}
.nabt{ font-size:.3rem; color:#262626; background:url(../Image/nabtxian.png) bottom center no-repeat; padding-bottom:.05rem; text-align:center;}
.naboutw{ font-size:.15rem; color:#595959; line-height:2; margin-top:.25rem;}
.numb{ width:100%; margin-top:.7rem;}
.numb li{ width:25%; float:left; text-align:center; font-size:.18rem; color:#1f1f1f;}
.numb li span{ font-size:.48rem; color:#4bc1e1;}
.naboutpic{ display:block; margin:.5rem 10%; max-width:30%; float:left;}
.culture{ width:100%; float:left; margin-top:.4rem;}
.culture ul{ width:100%; float:left; margin-top:.4rem;}
.culture li{ width:50%; float:left; padding-bottom:35.35%; position: relative; }
.culture li img{ position:absolute; width:100%; height:100%;}
.culture li p{ font-size:.25rem; color:#ffffff; padding-top:1.2rem; position:absolute; top:20%;text-align:center; width:100%;}
.culture li:nth-child(1) p{ background:url(../Image/cul1.png) top center no-repeat;}
.culture li:nth-child(2) p{ background:url(../Image/cul2.png) top center no-repeat;}
.culture li:nth-child(3) p{ background:url(../Image/cul3.png) top center no-repeat;}
.culture li:nth-child(4) p{ background:url(../Image/cul4.png) top center no-repeat;}
.nys{ width:100%; float:left; margin-top:.55rem;}
.nys ul{ margin-top:.6rem;}
.nys li{ width:20%; float:left; text-align:center; padding-top:1.4rem}
.nys li p{ font-size:18px; color:#262626;}
.nys li span{ font-size:14px; color:#636363; display:block; padding:0 .5rem;}
.nys li:nth-child(1){ background:url(../Image/ys1.png) top center no-repeat;}
.nys li:nth-child(2){ background:url(../Image/ys2.png) top center no-repeat;}
.nys li:nth-child(3){ background:url(../Image/ys3.png) top center no-repeat;}
.nys li:nth-child(4){ background:url(../Image/ys4.png) top center no-repeat;}
.nys li:nth-child(5){ background:url(../Image/ys5.png) top center no-repeat;}
.nproad{ font-size:.16rem; color:#2a2a2a; margin:.5rem 0; text-align:center;}
.nprodh{ width:100%; background:#dfdfdf; position:relative; font-size:.16rem; text-align:center; float:left; }
.nprodh li{ float:left; margin:0 .2rem;padding:.1rem 0;}
.nprodh .on{ text-decoration:underline;}
.nprodh a:hover{text-decoration:underline;}
.nprodh:hover{ background:#4bc1e1; color:#FFF;}
.nprodh li dl{ width:100%; position:absolute; background:rgba(0,0,0,.5); bottom:0; left:0; height:0;line-height:.4rem; font-size:.14rem;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
 overflow:hidden; 

}
.nhonordh{ width:100%; background:#dfdfdf;padding:.5rem 0; position:relative; font-size:.16rem; text-align:center; float:left; }
.nhonordh a{ margin:0 .2rem;}
.nhonordh .on{ text-decoration:underline;}
.nhonordh a:hover{text-decoration:underline;}
.nhonordh:hover{ background:#4bc1e1; color:#FFF;}
.nprodh li dl a{ margin:0 .2rem;}
.nprodh li:hover dl{ height:.4rem;}
.nmain{ width:100%; float:left; padding-bottom:.8rem;}
.nprolist{ width:90%; margin:.6rem 5%;}
.nprolist li{ width:31.3%; float:left; margin:1%;}
.nprolist li dl{ width:100%; float:left; padding-bottom:70%; position:relative; overflow:hidden;}
.nprolist li dl img{ width:100%; float:left; position: absolute; top:0; left:0; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.nprolist li dd{padding:.2rem .25rem; border:1px solid #cecece;}
.nprolist li dd p{ font-size:.19rem; color:#000000; margin-bottom:.05rem;}
.nprolist li dd span{ font-size:.13rem; color:#838383;}
.nprolist li:hover dl img{transform: scale(1.2); transition: all .5s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all .5s ease 0s;}
.nprolist li:hover dd{ background:#4bc1e1;}
.nprolist li:hover dd p{ color:#FFF;}
.nprolist li:hover dd span{ color:#FFF;}


.ncaselist{ width:90%; margin:.6rem 5%;}
.ncaselist li{ width:31.3%; float:left; margin:1%; position:relative;}
.ncaselist li dl{ width:100%; float:left; padding-bottom:70%; position:relative; overflow:hidden;}
.ncaselist li dl img{ width:100%; float:left; position: absolute; top:0; left:0; height:100%;transform:translate(0,0); transition:all .5s ease-in 0s;}
.ncaselist li dd{ background:#FFF; width:100%; line-height:.4rem; height:.4rem; text-align:center; bottom:0; left:0; position:absolute; border:1px solid #cecece;}
.ncaselist li dd p{ font-size:.14rem; color:#000000;}
.ncaselist li:hover dl img{transform: scale(1.2); transition: all .5s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all .5s ease 0s;}
.ncaselist li:hover dd{ background:#4bc1e1;}
.ncaselist li:hover dd p{ color:#FFF;}
.ncaselist li:hover dd span{ color:#FFF;}






.nhonorlist{ width:90%; margin:.6rem 5%;}
.nhonorlist li{ width:31.3%; float:left; margin:1%;}
.nhonorlist li dl{ width:100%; float:left; padding-bottom:70%; position:relative; background:#f4f4f4;}
.nhonorlist li dl img{ width:60%; float:left; position: absolute; top:0; left:20%; height:100%;}
.nhonorlist li dd{padding:.2rem .25rem; border:1px solid #cecece;}
.nhonorlist li dd p{ font-size:.19rem; color:#000000; margin-bottom:.05rem;}
.nhonorlist li dd span{ font-size:.13rem; color:#838383;}
.nhonorlist li:hover dd{ background:#4bc1e1;}
.nhonorlist li:hover dd p{ color:#FFF;}
.nhonorlist li:hover dd span{ color:#FFF;}


.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:#4bc1e1;}
.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;}



/*产品详情*/
.o_product{
    clear: both;
    padding: 18px 22px;
}
.o_product .o_product_img{
    float: left;
    width:50%;
}
.o_product .o_product_img .o_product_thumb{
    height:270px;
    width:420px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
.swiper-container{
    width: 240px;
    height: 50px;
    overflow: hidden;
}


.o_product .o_product_img .o_product_thumb img{
    max-widtht:420px;
    max-heigh:270px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 48%;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 10px;
    margin-top: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 22px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 339px;
}
.colhs{
    color: #FE4200;
}
.o_product_data span.val b{
    color:#FE4200;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin-top: 50px;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #FE4200;
}

.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ff5e25;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}

.info_title{margin:30px 0 0 0px;width:100%;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}