﻿
*{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: #ffffff;
	font-weight: 300;
	font-size: 15px;
	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: #e7201b;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    z-index: 99;
    font-size: 20px;
    /*background: #f8f8f8 url(../MobImages/moblogo.png) 10px 10px no-repeat;*/
    background: #f8f8f8;
    text-align:center;
    height:50px;
    line-height:50px;
   
}

.mFlash{margin: 0 auto;max-width:640px; margin-top:51px;}

#IndexFlash img{max-width:640px;width:100%; margin-top:1px;}

/*首页标题框架*/
.wapcon{ display:inline-block; width:100%;background:#f5f5f5;margin-top:10px;}
.wapbox{background:#fff;padding:2%; width:100%; color:#e7201b;}
.waptitle {font-size: 16px;color: #e7201b;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:#e7201b;}

/*首页产品*/
.sortslist { display: inline-block; padding:2%; width:100%; background:#fff;padding-top:20px;}
.sortslist li{ width:46%; margin-left:1.5%;margin-right:1.5%; height:170px; float:left; }
.sortslist .pics{ float:left; width:100%; text-align:center; height:auto; display:block; overflow:hidden;border-radius:3px;border:1px solid #dcdcdc;height:120px;}
.sortslist .pics img{height:95%;}
.sortslist .rights .txt{width:100%; height:40px; line-height:40px;text-align:center;  font-size:14px;  overflow:hidden;}
.sortslist .rights .txt a{ color:#707070;; text-decoration:none;}

/*首页 关于我们*/
.wapabout{ display: inline-block; padding:5% 2% 10% 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: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    background: #e7201b;
}
.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:#f5f5f5; max-width:640px; color:#333; padding:0 10px; line-height:3em;}
.wapweizi a {color: #e7201b;text-decoration: none;}


/*产列表品*/
.productslist { display: inline-block; padding:2%; width:100%; background:#fff;}
.productslist li{ width:46%; margin-left:1.5%;margin-right:1.5%; height:170px; float:left;}
.productslist .pics{ float:left; width:100%; text-align:center; height:auto; display:block; overflow:hidden;border-radius:3px;border:1px solid #dcdcdc;height:120px;}
.productslist .pics img{height:95%;}
.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:96%; line-height:30px; padding:5px 0 5px 10px; font-size:16px; color:#000; float:left; height:40px; 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 3%;max-width:640px;margin: 0 auto; background:#fff;}
.wapbody .name{ font-size:20px; line-height:30px; color:#000; text-align:center;}
.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:30px; font-size:16px;}
.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:10px;}


.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: #e7201b; 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: #e7201b; 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;
	margin-bottom:55px;
    margin-top:10px;
	padding: 0px 2%;
}
.wapfoot li {
    height: 42px;
    line-height: 42px;
    background: #FFA500;
    color: #fff;
   font-size: 1em;
    border-bottom: 1px solid #F5F5F5;
    padding-left:1.5%;
}
.wapfoot li a {
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 1em;
}

	
.footer {
    width:100%;
    height: 50px;
    background: #FFA500;
    position: fixed;
    left: 0;
    bottom: 0;
}
.footer a {
    display: block;
    height: 60px;
    float: left;
    color: #fff;
    width:25%;
    border-right: 1px solid #F5F5F5;
    text-align: center;
}
.footer a span {
    display: block;
    font-size: 1.2em;
    line-height: 30px;
}
.footer a p {
    display: block;
    font-size: 14px;
    line-height: 16px;
}



/*微信二级菜单*/
.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;
  margin: 0 auto;}
.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%;
}
