﻿
*{margin:0;padding:0;}
a{ text-decoration:none;color:#333;}
a:hover{color:#f40;}
ul,li{ list-style:none; margin:0; padding:0;}

*,*:after,*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}

body {
	font-family:Microsoft Yahei;
	background: #ebebeb;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	overflow-y: scroll;
	overflow-x: hidden;
}

#wrapper{ margin-bottom:65px; max-width:640px; width:100%; margin:0 auto;}

/*移动端首页*/

.mhead {
    position: relative;
    width: 100%;
    max-width: 640px;
    /*padding: 18px;*/
    margin: 0 auto;    
    color: #256916;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    z-index: 99;
    font-size: 18px;
    /*background: #f8f8f8 url(../MobImages/moblogo.png) 10px 10px no-repeat;*/
    background: #f8f8f8;
    text-indent:10px;
    height:50px;
    line-height:50px;
   
}

.mFlash{}

#IndexFlash img{max-width:640px;width:100%;}

/*首页标题框架*/
.wapcon{ display:inline-block; width:100%;background:#f5f5f5;margin-top:10px;}
.wapbox{background:#fff;padding:2%; width:100%; color:#256916;}
.waptitle {font-size: 16px;color: #256916;font-weight: bold;line-height: 2em;border-bottom: 1px solid #ddd;}
.waptitle a{ float:right; text-decoration:none; margin-right:2%; font-size:0.7em; color:#666;font-weight:normal;}
.waptitle a.tel{font-size:16px;color:#256916;}

/*首页产品*/
.sortslist { display: inline-block; padding:2%; width:100%; background:#fff;}
.sortslist li{ width:30%; margin-left:1.5%;margin-right:1.5%; height:150px; float:left; }
.sortslist .pics{ float:left; width:100%; text-align:center; height:auto; display:block; overflow:hidden;border-radius:3px;border:1px solid #dcdcdc;}
.sortslist .pics img{height:100px;}
.sortslist .rights .txt{width:100%; height:40px; line-height:40px;text-align:center;  font-size:12px;  overflow:hidden;}
.sortslist .rights .txt a{ color:#333; text-decoration:none;}

/*首页 关于我们*/
.wapabout{ display: inline-block; padding:0 2% 2% 2%; width:100%; background:#fff;line-height:30px; }
.wapabout p{margin-bottom:10px;}


/*首页 新闻列表*/
.newslist{ display: inline-block; padding:0 2% 2% 2%; width:100%; background:#fff;}
.newslist li{ float:left; width:97%; border-bottom:1px solid #ddd; padding:1.5% 0; padding-left:1%; background-size:2%;} 
.newslist li a{ float:left; display:block; width:75%; text-decoration:none;overflow: hidden;white-space:nowrap; text-overflow: ellipsis; color:#333; }
.newslist li span{ float:right;display:block; width:25%; color:#999; text-align:right; }

/*首页 工程案例*/
.caselist{display: inline-block; padding:0 2% 2% 2%; width:100%; background:#fff;}
.caselist .item{ width:45%; margin-left:1.5%;margin-right:1.5%; height:100px; float:left;}
.caselist .item .photo{ float:left; width:100%; text-align:center; height:auto; display:block; overflow:hidden;border-radius:3px;border:1px solid #dcdcdc;}
.caselist .item .photo img{height:60px;}
.caselist .item p{width:100%; height:40px; line-height:40px;text-align:center;  font-size:12px;  overflow:hidden;}
.caselist .item p a{ color:#333; text-decoration:none;}

/*内页*/

.readnav {
    position: relative;
    width: 100%;
    max-width: 640px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    background: #256916;
}
.readnav .lbname{font-size:16px; font-weight:bold; color:#fff; }
.readnav .return{ position:absolute; width:50px; height:50px;color:#fff; left:0;top:0; z-index:99; font-size:22px; background:url(../MobImages/return.png) center no-repeat; background-size:70%;}
.readnav .jiathis{ position:absolute; width:50px; height:50px;color:#fff; right:0;top:0; z-index:99; font-size:22px; background:url(../MobImages/jia.png) center no-repeat; background-size:70%;}

/*位置*/
.wapweizi{ background:#fff; max-width:640px; color:#333; padding:0 10px;line-height:3em;}
.wapweizi a {color: #256916;text-decoration: none;}

.wapweizititle{ background:#efefef; max-width:640px; color:#333;  line-height:2.5em;text-align:center;}

/*产列表品*/
.productslist { display: inline-block; padding:2%; width:100%; background:#fff;}
.productslist li{ width:30%; margin-left:1.5%;margin-right:1.5%; height:200px; float:left;}
.productslist .pics{ float:left; width:100%; text-align:center; height:auto; display:block; overflow:hidden;border-radius:3px;border:1px solid #efefef;}
.productslist .pics img{height:150px;}
.productslist .rights .txt{width:100%; height:40px; line-height:40px;text-align:center;  font-size:12px; overflow:hidden;}
.productslist .rights .txt a{ color:#333; text-decoration:none;}

/*新闻列表*/


.articlelist{width:94%; margin:2%;max-width:640px;margin: 4% auto 5% auto; background:#fff; border:1px solid #ddd;border-radius:5px;}
.articlelist .mtop{ width:96%; margin:2%; height:200px; position:relative; overflow:hidden;}
.articlelist .mtop a{ color:#fff; font-size:20px;}
.articlelist .mtop img{ width:100%;min-width:200px;}
.articlelist .mtop span{ position:absolute; width:100%; height:44px; text-indent:10px;  line-height:44px;left:0; bottom:0; z-index:2;}
.articlelist .mtop b{ position:absolute; background:#000; width:100%; height:44px;left:0; bottom:0; z-index:1;opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

.articlelist .mlist{ width:100%; height:auto; display:inline-block; background:#fff;margin-bottom:1%;}
.articlelist .mlist li{width:100%; display: inline-block; padding:2%;border-top:1px solid #ddd;}
.articlelist .mlist li span{ display:block; width:78%; line-height:30px; padding:5px 0 5px 10px; font-size:16px; color:#000; float:left; height:70px; overflow:hidden;}
.articlelist .mlist li i{float: right; display:block; overflow: hidden;height:70px; width:70px;}
.articlelist .mlist li img{height:70px;min-width:70px;}



/*详情页*/
.wapbody{width:100%; padding:20px;max-width:640px;margin: 0 auto; background:#fff;}
.wapbody .name{ font-size:20px; line-height:30px; color:#000;}
.wapbody .date{ width:100%; height:30px; font-size:16px; line-height:30px; margin:15px 0;}
.wapbody .date .left{ float:left;}
.wapbody .date .left a{ margin-left:20px; color:#004B9A;}
.wapbody .content{line-height:26px; font-size:14px;}
.wapbody .content .photo .pic{max-width:600px;}
.wapbody .content .photo .txt{font-weight:bold;margin:15px 0px;}
.wapbody .content img{max-width:100%;margin:10px 0;}
.wapbody .content p{margin-top:5px;}


.nmore{width:100%; height:30px; line-height:30px;  margin-top:20px; padding-top:10px; border-top:1px dotted #ddd;}
.nmore .mread{ float:left; color:#666; font-size:16px; }
.nmore .mread span{ margin-left:10px; color:#333;}
.nmore .mread2{ float:right; color:#666; }


/*翻页--------------------------------------*/
.pageslist{display: inline-block;width:100%; background:#fff;}
.am-pagination {padding-left: 5%;margin: 1.5em auto;list-style: none;color: #999;text-align: left}
.am-pagination:before, .am-pagination:after {display: table}
.am-pagination:after {clear: both}
.am-pagination>li {display: inline-block;}
.am-pagination>li.thisclass {padding: .3em 0.6em;background-color: #256916; color:#fff;margin-right:0.6em;}
.am-pagination>li>a, .am-pagination>li>span {position: relative;display: block;padding: .3em 0.6em;text-decoration: none;line-height: 1.2;	background-color: #fff;border: 1px solid #ddd;border-radius: 0;margin-bottom: 5px;margin-right: 5px;}
.am-pagination a{ color:#666;}
.am-pagination>li:last-child>a, .am-pagination>li:last-child>span {	margin-right: 0}
.am-pagination>li>a:hover, .am-pagination>li>span:hover, .am-pagination>li>a:focus, .am-pagination>li>span:focus {background-color: #256916; color:#fff;}
.am-pagination>.am-active>a, .am-pagination>.am-active>span, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span:hover, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>span:focus {z-index: 2;color: #fff;background-color: #549b35;border-color: #549b35;cursor: default}
.am-pagination>.am-disabled>span, .am-pagination>.am-disabled>span:hover, .am-pagination>.am-disabled>span:focus, .am-pagination>.am-disabled>a, .am-pagination>.am-disabled>a:hover, .am-pagination>.am-disabled>a:focus {color: #999;background-color: #fff;border-color: #ddd;cursor: not-allowed;	pointer-events: none}
.am-pagination .am-pagination-prev {float: left}
.am-pagination .am-pagination-prev a {border-radius: 0}
.am-pagination .am-pagination-next {float: right}
.am-pagination .am-pagination-next a {border-radius: 0}
.am-pagination-centered {text-align: center}
.am-pagination-right {text-align: right}
/*翻页------------结束-----------------------*/



/*底部*/
.wapfoot {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    /*background: #efefef;*/
   
    text-align: center;
    padding: 1% 0;
    line-height: 26px;
    font-size: 1em;
    margin-bottom:60px;
    margin-top:10px;
} 
.wapfoot a{ margin-left:5px; }
.wapfoot p.tel{margin-top:10px;}
.wapfoot p.map{margin-top:10px;margin-bottom:10px;}



/*微信二级菜单*/
.btn3{position:fixed;
  z-index:3;
  bottom:0px;
  border-top:1px solid #ddd;
  background:#e6e6e6;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:25%;
    height:50px;
    line-height:50px;
    background:#fff;
    border-right:1px solid #ddd;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
      bottom:60px;
      z-index:10;
      width:100%;
      padding: 0px 10px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #ddd;
      border-radius: 5px;
      display:none;}
.sub150 .new-sub{width:150%;}
.new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-top:1px solid #ddd;}
.new-sub li a{display:block;
          height:50px;
          line-height:50px;
          text-align:left;
          background:#fff;
          color:#333;
          border:none;
          text-align:center;
          font-size:16px;
          overflow:hidden;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{display:block;font-size:16px;color:#000;}
.new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #EEEEEE;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
  .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }
.txtwz iframe{
    width: 100%;
}



/*查询*/
.wapsearch{background:#efefef;}
.headsearch{padding:10px;background:#efefef;height:65px;width:350px;margin:0 auto;}
.headsearch .s_text{width:260px;font-size:16px;height:45px;line-height:43px;border: 1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;  border-right-width: 1px;border-right-style: solid;padding-left: 43px;color: #333;background: #fff url(../MobImages/ser_bg.gif) no-repeat 11px 12px;float:left;}
.headsearch .s_sub{width:52px;height:45px;background: url(../MobImages/ser_btn.gif) no-repeat;color: #fff;cursor: pointer;border: 0;float:left;border-top-right-radius:5px;border-bottom-right-radius:5px;}


/*视频*/
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video iframe,
.video object,
.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }