﻿@charset "utf-8"; /* CSS Document */ .ui-mobile-viewport {-webkit-tap-highlight-color:rgba(90,90,90,0.2); } body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;     font-weight:normal;} html {overflow-x:hidden; -webkit-text-size-adjust:none; } ul,li,dl,dt,dd {display:block; list-style:none; } fieldset,img {border:0;} /*勿删，解决滚动图片ie样式问题*/ img {border:0; max-width:100%; display:block;} .clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; overflow:hidden; visibility:hidden; width:0; height:0; } /*万能清楚浮动CSS样式*/ .clearfloat:after{content:"."; height:0px; visibility:hidden; display:block; clear:both; } .left，#left{float:left; } .right,#right{float:right; } h4{display:inline; } a {text-decoration:none; outline:none; } .ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /*For Opera*/ -ms-text-overflow: ellipsis; /*For IE8*/ }
/*公共样式结束*/
body {
  max-width:640px;
  margin:0px auto;
  }  
#page1 {
    overflow:auto;
   /* max-width:640px;*/
    margin:0px auto;
}
#contt {
    width:100%;
    max-width:640px;
    min-height:480px;
    overflow:auto;
    position: relative;
    z-index:1;
    background:#ffffff;
    background-size:100%;
    margin:0px auto;
    padding:0px;
    font-family: "微软雅黑";
}
/*头部结束s
header{height:58px;background:#ffffff;position: relative;z-index: 2;margin: 0 auto;max-width: 640px;}
header span{display: inline-block;width:58px;height:58px;position: relative;right:30px;}
.home{background: url(../images/home.png) no-repeat center;left:10px;z-index:1000;}
.navbtn{position: absolute; right: 6px; top: -8px;z-index: 10000000;}
.menu{background: url(../images/menu.png) no-repeat center;}
.menu b{ text-align:center;display:inline-block;margin-top:38px; font-size:16px;color:#888788;}
header #logo{height:58px; width:100%;}
.logo-img{right: 20px; left: 20px;display: inline-block;position: absolute;text-align: center;}
.btn{
    float:right;
    width:7.8%;
}
头部结束e*/
.head{
  height:70px;
  max-width:640px;
  margin:0px auto;
  overflow:auto;
  background:#ffffff;
}
.head a{
  outline:none;
}
.head  span{display: inline-block;width:58px;height:58px;position: relative;right:30px;top: 3px;}
.home{background: url(../images/home.png) no-repeat center;left:10px;z-index:1000;}
.logo-img{right: 10px;top:-1px; left:10px;display:inline-block;position: absolute;text-align: center; }
.btn{
  float:right;
  width:15%;
  position:relative;
  top:15px;
  z-index:100000; 
}
.btn b{
  text-align:center;display:block; font-size:16px;
  color:#888788;
  position:absolute;
  left:-15px;
}
@media screen and (max-width: 450px){
  .logo-img {
    top:11px;
  }
}
/*导航s*/
.navgation{
    width: 100%;
    height:88px;
    text-align:center;
    overflow:hidden;
    /*text-transform: capitalize;*/
    font-size: 18px;
    float: left;
    background: #FFFFFF;
}
.navgation  li{
    width:20%;
    height:50px;
    line-height:50px;
    text-align:center;
    float:left;
    position: relative;
   
}
.navgation li:last-child{
   border-right:none;
}
.navgation li a{
   display:block;
   border:1px solid #D5D5D5;
   /*border-left:none;*/
}
/*.navgation li .last_a{
   border-right:none;
}*/
.navgation li:hover a {
   border:1px solid transparent;
   background:#E8443E;

}
.navgation  li span{
    display: block;
    width: 100%;
    text-align: center;
    font-family: "微软雅黑";
    color:#575757;
    font-size:15px;
}
/*导航e*/
/*导航e*/
#search-form #post-search { width:15%; border:none; background:white}
/*滚动图*/
.big-pic {
    width:100%;
    margin:0 auto;
    position: relative;
    margin-top:80px;
}
.big-pic-in {
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    margin:0 auto;
}
.pic-list {
    position:relative;
    height:auto;
    -webkit-transform:translate3d(0,0,0);
    z-index:0;
}
.big-pic img {
    float:left;
    height:auto;
    width:100%;
    display:block;
}
.slide-dot {
    width:95%;
    overflow:hidden;
    position:absolute;
    left:0;
    bottom:0;
    height:26px;
    text-align:right;
    padding:0 5% 0 0;
}
.slide-dot span {
    display:inline-block;
    width:11px;
    height:11px;
    border-radius:11px;
    vertical-align:top;
    z-index:10;
    background:#E8443E;
    margin:8px 5px 0 5px;
}
.slide-dot .slide-dot-cur {
    z-index:10;
    vertical-align:top;
    background:#2386d6;
}
/*小导航s*/
.mininav {
   width:100%;
   height:155px;
   background:#F5F5F5;
   text-align:center;
   position:relative;
}
.line {
  width:98%;
  margin:0 auto;
  background:#D7D7D7;
  position:relative;
  top:70px;
  z-index:1;
}
.line p{
  width:100%;
  border:0.5px solid #D7D7D7;
  position:relative;
}
.line .lf {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#D7D7D7;
  float:left;
  position:absolute;
  left:-5px;
  top:-5px;
}
.line .gl{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#D7D7D7;
  position:absolute;
  right:-3px;
  top:-5px;
}
.nav_list {
  width:99%;
  height:80%;
  max-width:640px;
  margin:0 auto;
  text-align:center;
  margin-top:25px;
}
.nav_list li{
  height:100%;
  width:33.333333%;
  float:left;
  position:relative;
  z-index:2;
  text-align:center;
  margin:0 auto;
  margin-top:-10px;
}
.nav_list li img {
  display:inline-block;
}
.nav_list li h4 {
  width:100%;
  display:block;
  height:22px;
  position:absolute;
  bottom:0px;
  left:center;
  font-size: 16px;
  line-height:20px;
  color:#5F5D5E;
  text-align:center;
}
.nav_list li:hover h4 {
  color:#E8443E;
}
/*小导航e*/
/*关于我们s*/

.syabout {
  width:100%;
  margin-left:5px;
  border::1px solid #00f;
}
.syabout_lf {
  width:50%;
  float:left;
}
.syab_line{
  width:35px;
  border:2px solid #717171;
}
.syabout_lf .syab_catname {
  width:100%;
  background:url(../images/ab_bg.jpg) no-repeat left center;
  height:70px;
  line-height: 70px;
  font-size:22px;
  font-weight:500;
  color:#000;
  background-size: 100% 100%;
  text-align: center;
}
.syabout_gl {
  width:48%;
  margin-right:5px;
  height:100%;
  float:right;
}
.syab_title{font-size: 17px;color: #646464;line-height:30px;}
.syab_des{font-size:15px;color:#b5b3b3;line-height:24px;}

@media screen and (max-width: 420px){
  .syabout_lf{width:44%;}
  .syabout_gl{width:54%;}
  .syabout_lf .syab_catname{font-size:18px;height:50px;line-height:50px;}
  .syab_title{font-size: 14px;}
  .syab_des{font-size:12px;}
  .nav_list img{width:80px;}
  .nav_list li{margin-top:0px;
  }
  .nav_list li h4 {
     height:40px;
  }
}
@media screen and (max-width: 360px){
  .syabout_lf .syab_catname{font-size:18px;height:40px;line-height:40px;}
  .syabout_gl{margin-top:42px;}
  .syab_des{line-height:22px;}
}
/*关于我们e*/
/*服务项目s*/
.syservice {
  clear:both;
  width:100%;
  overflow: hidden;
}
.syservice_box{
  margin-left:5px;
  margin-right:5px;
}
.service_top {
  height:86px;
  width:100%;
  text-align:center;
}
.line_bg{
  width:100%;
  height:19px;
  background:url(../images/line.jpg) no-repeat center;
  background-size: 100% 100%;
}
.catname {
   font-size:18px;
   color:#605E5F;
   line-height:18px;
   position:relative;
   top:22px;

}
 .bott{
  display:inline-block;
  width:100px;
  border:1px solid red;
  position:relative;
  top:12px;
}
.catdir {
  font-size:12px;
  color:#E8443E;
  line-height:6px;
  font-weight:bold;
  text-transform:uppercase;
}
.service_content {
  width:100%;
}
.service_content li {
  width:49%;
  float:left;
  margin-left:1%;
  text-align:center;
  /*position:relative;*/
}
.service_content .time {
  border:1px solid red;
  padding:3px;
  position:relative;
  bottom:40px;
  font-size:12px;
  background:#E8443E;
  color:#fff;
  opacity:0.8;
  z-index:3;
}
.service_content .pro_content {
  margin:0 auto;
  width:80%;
  border-bottom:2px solid #E7E5E5;
  position:relative;
  left:-1%;
  bottom:48px;
  font-size:15px;
  color:#605E5F;
  background:#FFFFFF;
  padding:15px 8px;
  z-index:2;
}
.service_content .pro_content .des {
  line-height:16px;
  text-align:left;
}
@media screen and (max-width: 425px){
  .service_content .pro_content {
   font-size:12px;
  }
}
/*服务项目e*/
/*新闻资讯s*/
.synews {
  width:100%;
  clear:both;
  max-width:640px;
  overflow: hidden;
  margin-top: -40px;
}
.synews_top {
  height:86px;
  width:100%;
  text-align:center;
}
.synews_content li{
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #E3E1E1;
  padding:15px

}
.sytime {
 float:left;
 margin-left:10%;
}

.sytime span {
  font-size:44px;
  line-height:44px;
  color:#787677;
}
.sytime p {
  margin-top:5px;
  font-size:14px;
  color:#605E5F;
}
.sy_con{
  width:60%;
   margin-left:24%;
   color:#605E5F;
}
.sy_con a{
   color:#605E5F;
}
.sy_con .sy_tit{
  font-size:15px;
  line-height:16px;
 
 /* float:left;*/
}
.sy_con .sy_des {
  font-size:12px;
  line-height:18px;
}
.more {
  position:relative;
  display:inline-block;
  float:right;
  bottom:45px;
  left:10%;
  display:block;
}
.more a {
  font-size:25px;
  color:#fff;
}
@media screen and (max-width: 490px){
  .sy_con {
    margin-left:28%;
  }
  .sy_con .sy_des {
        font-size:12px;
        line-height:12px;
     }
     .sy_con .sy_tit{
        font-size:14px;
        line-height:14px;
      }
}
/*新闻资讯e*/
/*成功案例s*/
.sycase {
  width:100%;
  clear:both;
  max-width:640px;
}
.sycase_top {
  height:86px;
  width:100%;
  text-align:center;
}
.sycase_content {
  width:100%;
}
.sycase_content li {
  width:100%;
}

.firstli img{
  width:50%;
  display: inline-block;
  vertical-align: middle;
}
.firstli .case-box {
  width:50%;
  height:100%;
  margin:0 auto;
  text-align:center;
  vertical-align: middle;
  display: inline-block;
  margin-left: -5px;
}
.case-p {
   font-size:14px;
   color:#E8443E; 
}
.case-tit {
   font-size:17px;
   color:#E8443E; 
}
.case-box span {
  padding:3px;
  font-size:14px;
  background:#E8443E;
  color:#fff;
}
.lastli img {
  width:50%;
  /*float:right;*/
  vertical-align: middle;
  display: inline-block;
}
.lastli .case-box{
  width:50%;
  height:100%;
  margin:0 auto;
  text-align:center;
  vertical-align: middle;
  display: inline-block;
  margin-right: -5px;
  }
@media screen and (max-width: 380px){
  .case-tit {
   font-size:14px;
   color:#E8443E; 
  }
}
/*成功案例e*/
/*版权s*/
.copyright{
    clear:both;
    height:70px;
    width:100%;
    text-align:center; 
    line-height:70px;
    margin:0 auto;
    margin-bottom:22px;
}
.copyrigh p {
    color:#515151;
    font-size:14px;
}
@media screen and (max-width: 400px){
    .copyright {
    font-size:12px;
    }
}
/*版权e*/
/*底部信息s*/
#wrap-a {   
    background:#F5F5F5;
    z-index:9999;
    max-width:640px;
    width:100%;
    margin:0px auto;
    border-top:1px solid #F5F5F5;
    border-bottom: none;
    height:85px;
    line-height:73px;
}
.nav_map {
    /*margin:0px auto;*/
    overflow:auto
}
.nav_map li {
    float:left;
    /*margin:0px auto;*/
    width:25%;
    text-align:center;
}
.nav_map li img{
    display:inline-block;
    position:relative;
    top:10px;
    left:-3px;
}
/*底部信息e*/
/*下拉导航*/
.navbg {width:150px; background:#845d5d; position:absolute; right:0%; z-index:10000; display:none;  margin:0% 0;}
#font_a a {color:#fff;text-shadow:none;}
.navbg li {width:100%; height:35px; border-bottom:1px solid #C00; text-indent:1.5em;}
.navbg li a {width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font:14px/35px 微软雅黑; color:#fff;}
/*底部信息e*/
/*
  右侧弹出样式
*/
#menu{ height:100%; background:#845d5d; width:150px; text-shadow:none;}
#menu a{ color:#fff;}
#menu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.1); height:35px; line-height:35px;}
.ui-panel-content-wrap{ background:blue;}

/*子页面*/
#content{min-height: 250px;}
.conttent_di {
  width:95%;
  margin:0 auto;
  color:#fff;
  /*border:#fff 3px solid;
  -moz-box-shadow:2px 2px 10px #a9a9a9;
  -webkit-box-shadow:2px 2px 10px #a9a9a9;
  box-shadow:2px 2px 10px #a9a9a9;
  */ overflow:auto;
}
.conttent_nav {
  height:30px;
  line-height:30px;
  margin:1% auto;
  border-top:#363636 1px solid;
  border-bottom:#363636 1px solid;
  color:#666;
}
.conttent_nav a{
  color:#333  
}
.title_p1 {
  font-weight:bold;
}
.conttent_con {
  font-size:14px;
  line-height:25px;
  margin:0 auto;
  margin-bottom:3%;
  color:#000;
  overflow:hidden
}
.conttent_con h4 {
  line-height:30px;
  overflow:hidden;
  text-align:center;
  border-bottom:#ccc 1px dotted;
}
/*新闻中心*/
#inews li {
  font-size:14px;
  background:none;
  text-shadow:none;
  font-weight:normal;
  padding-left:0px;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  /* for internet explorer */
}
#inews li a {
  color:#000;
}
.ui-btn-inner {
  border:none;
}
.ui-icon {
  display:none;
}
.ui-btn-up-c,ui-btn-text {
  color:#fff;
}
.ui-btn-up-c a,ui-btn-text a {
  color:#fff;
}
.inews li a {
  color:#fff;
}
/*产品列表*/
.product_imgshow {
  width:70%;
  border:#fff 2px solid;
  margin:0px auto;
}
.showpic{
  height:100px;
  width: 33.33%;
  text-align: center;
  float: left;
  font-size: 14px;
  margin-top:1%;
}
.showpic img{
  width: 80%;
  margin:0 auto;
}
.showpic .title{
  line-height:24px;
  margin-top: -15px;
}
@media screen and (max-width: 520px){
  .showpic .title{
  margin-top: -5px;
  }
}
@media screen and (max-width: 430px){
  .showpic .title{
  margin-top: -5px;
  }
}
@media screen and (max-width: 390px){
  .showpic .title{
  margin-top: -5px;
  }
}
.showpic a:link{color: #000;}
.showpic a:visited{color: #000;}

#contt{padding-bottom:80px;}  
@media all and (min-width:640px){
  #contt {width:640px;margin:0 auto;}
}
@media all and (max-width:540px) {
  .nav_min_p {font-size:20px;}
  .navgation{font-size: 16px;}

}
@media all and (max-width:480px) {
  .nav_min_p {font-size:18px;}
  .navgation{font-size: 14px;}

}
@media all and (max-width:420px) {
  .nav_min_p {font-size:16px;}
  .navgation{font-size: 14px;}
  #contt{padding-bottom:50px;}  
  
}
@media all and (max-width:360px) {
  .nav_min_p {font-size:14px;}
  .navgation{font-size: 12px;}
  #contt{padding-bottom:35px;}  
}

/*pw add page 2013/7/4*/
#pages{
  margin-top:5px;
}
#pages .a1 {
  color: #000;
  display:inline-block;
  padding:0px 5px;
  border:1px solid #454545;
  border-radius:5px;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
  -webkit-border-radius:5px
}
#pages span {
  color:#000;
}
.f14 a {
  color:#251403;
}








