﻿/*Common For Max 768*/
@media only screen and (max-width:768px) {
html,body{margin:0px;padding:0px;font:12px "微软雅黑";color:#333;overflow-x:hidden;height: auto !important;}
a{color:#333;text-decoration:none;}
ul{list-style:none;}
.hdhall{float:left;width:100%;height:auto;text-align:center;}
.hdhall>.hdhhedkj{position:relative;width:100%;margin:0px auto;}
.hdhall>.hdhhedkj>.hdhhed{float:left;width:100%;height:auto;text-align:left;}
 .hdhall>.hdhhedkj>.hdhhed>.logo{float:left;width:auto;height:50px;padding:5px 0;}
 .hdhall>.hdhhedkj>.hdhhed>.logo{float:left;height:50px;}
 .hdhall>.hdhhedkj>.hdhhed>.menu{display:block;height:auto;overflow:hidden;}
   .hdhall>.hdhhedkj>.hdhhed>.menu>ul{float:right;width:auto;margin:0px;padding:0px;height:30px;margin:10px 0;}
   .hdhall>.hdhhedkj>.hdhhed>.menu>ul>li{float:left;width:auto;}
   .hdhall>.hdhhedkj>.hdhhed>.menu>ul>li>a{display:block;padding:5px 10px;float;left;width:auto;height:auto;line-height:200%;color:#333;text-decoration:none;font-size:16px;}
    .hdhall>.hdhhedkj>.hdhhed>.menu>ul>li>a:hover{background:#ff3b3b;color:#fff;}
   .hdhall>.hdhhedkj>.hdhhed>.menu>ul>li>a.x{background:#ff3b3b;color:#fff;}
.hdhall>.hdhbnt{float:left;width:100%;height:600px;background:#000;}
.hdhall>.hdhnybnt{float:left;width:100%;height:200px;background:#000;}
.hdhall>.InsideMenu{float:left;width:100%;padding:0;text-align:center;}
 .hdhall>.InsideMenu>.nkj{position:relative;width:100%;height:auto;margin:0px auto;text-align:center;}
 .hdhall>.InsideMenu>.nkj>a{display:inline-block;position:relative;width:auto;text-align:center;margin:auto;padding:0px 0px;}
 .hdhall>.InsideMenu>.nkj>a>span{display: block;font-weight: 100;text-align: center;padding: 10px 20px 0px 20px;color: #717171;font-size: 36px;}
 .hdhall>.InsideMenu>.nkj>a>b{display:block;float:left;font-weight:100;text-align:center;padding:10px 20px;color:#717171;font-size:20px;}
 .hdhall>.InsideMenu>.nkj>h1{position:relative;width:100%;height:auto;margin:0px auto;padding:20px 0;font-weight:300;font-size:30px}
.hdhall>.hdhnid{float:left;width:100%;background:#F6F6F6;}
 .hdhall>.hdhnid>.nkj{position:relative;width:99%;;height:auto;margin:30px auto;text-align:left;background:#fff;}
  .hdhall>.hdhnid>.nkj>div{display: block;float: left;width:99%;padding: 20px 1%;line-height: 200%;border-radius: 5px;border: 1px solid #E3E3E3;background: #fff;font-size: 14px;min-height: auto;margin: 0px auto 30px 0;}
  
.hdhall>.hdhmid{float:left;width:100%;}
 .hdhall>.hdhmid>.indexfouricon{float:left;width:100%;height:auto;}
   .hdhall>.hdhmid>.indexfouricon>.ifkj{position:relative;width:100%;margin:0px auto;}
    .hdhall>.hdhmid>.indexfouricon>.ifkj>.lrx{display:block;float:left;width:300px;height:130px;margin:0px auto;text-decoration:none;}
    .hdhall>.hdhmid>.indexfouricon>.ifkj>.lrx>img{float:left;width:40px;height:40px;margin:50px 0px 20px 30px;}
    .hdhall>.hdhmid>.indexfouricon>.ifkj>.lrx>b{float:right;display:block;width:210px;font-size:24px;text-align:center;margin:30px 20px 0 0;}
    .hdhall>.hdhmid>.indexfouricon>.ifkj>.lrx>span{float:right;display:block;width:210px;font-size:20px;text-align:center;margin:20px 20px 0 0;color:#888;overflow:hidden;}
  .hdhall>.hdhmid>.indexthr{float:left;width:100%;height:auto;background:#e2e2e2;padding:30px 0;}
   .hdhall>.hdhmid>.indexthr>.bt{display:block;color:#FF7908;font-size:36px;text-align:center;margin:50px 0 0 0;}
   .hdhall>.hdhmid>.indexthr>.ms{display:block;color:#888888;font-size:16px;text-align:center;margin:20px 0 0 0;}
   .hdhall>.hdhmid>.indexthr>.lrkj{
        position: relative;
        width: 100%;
        text-align: center;
        margin: 30px auto 20px auto;
}
    .hdhall>.hdhmid>.indexthr>.lrkj>.xsk{
        width: 90%;
        height: auto;
        cursor: pointer;
        display: block;
        margin: 10px 5%;
}
    .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj{
        display: block;
        float: left;
        width: 90%;
        height: auto;
        background: #fff;
        margin: auto 5%;
        border-radius: 10px;
        color: #333;
    }
    .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj:hover{background:#EF761C;color:#fff;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj>.tb{font-size:80px;display:block;margin-top:50px;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj>.bt{font-size:30px;display:block;margin-top:20px;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj>.dx{float:left;;width:100px;color:#fff;margin:10px auto;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj>.ms{float:left;width:320px;height:100px;margin:30px 30px 20px 30px;line-height:200%;font-size:16px;overflow:hidden;color:#888888;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj:hover>.ms{color:#fff;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj>.lj{float:left;display:block;width:70px;height:auto;padding:10px;border-bottom:1px solid #888;margin:40px 155px;color:#888888;font-size:14px;}
     .hdhall>.hdhmid>.indexthr>.lrkj>.xsk>.nkj:hover>.lj{color:#fff;border-bottom:1px solid #fff;}
  .hdhall>.hdhmid>.indexnews{float:left;width:100%;height:auto;background:#FFFFFF;padding:30px 0;}
   .hdhall>.hdhmid>.indexnews>.lrkj{
        position: relative;
        width: 100%;
        margin: 0px auto 0px auto;
        text-align: center;
   }
   .hdhall>.hdhmid>.indexnews>.lrkj>.btk{float:left;width:100%;height:50px;}
   .hdhall>.hdhmid>.indexnews>.lrkj>.btk>b{
        display: block;
        float: left;
        color: #FF7908;
        font-size: 30px;
        font-weight: 900;
        width: 100%;
        text-align: center;
  }
   .hdhall>.hdhmid>.indexnews>.lrkj>.btk>.ykj{
        display: block;
        height: 50px;
        width: 100%;
        float: left;
        overflow: hidden;
   }
   .hdhall>.hdhmid>.indexnews>.lrkj>.btk>.ykj>a{
        display: block;
        float: left;
        width: auto;
        height: auto;
        padding: 5px 10px;
        border: 1px solid #E3E3E3;
        text-decoration: none;
        font-size: 20px;
        color: #FF7908;
        margin: auto 0 0 5px;
   }
      .hdhall>.hdhmid>.indexnews>.lrkj>.btk>.ykj>a:hover{background:#FF7908;color:#fff;}
   .hdhall>.hdhmid>.indexnews>.lrkj>.xwk{float:left;width:100%;height:auto;}
    .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l{float:left;width:100%;height:auto;text-align:left;}
    . hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l>.tp{float:left;width:100%;height:auto;background:#f00;}
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l>.tp>img{float:left;width:100%;height:290px;}
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l>b{display:block;float:left;width:100%;height:20px;color:#F00;font-size:16px;font-weight:100;padding:10px 0 10px 0;}
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l>.rq{display:block;float:left;width:100%;height:20px;color:#666;font-size:12px;font-weight:100;padding:0px 0 10px 0;border-bottom:1px solid #ccc;}
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.l>.sm{display:block;float:left;width:100%;height:100px;color:#666;font-size:14px;font-weight:100;padding:0px 0 10px 0;margin:10px 0 0 0;line-height:200%;overflow:hidden;}
    .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r{
        float: left;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a{display:block;float:right;width:100%;height:90px;margin:0px;padding:0px;border-bottom:1px dotted #ccc;cursor:pointer;}
     .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a:hover{background:#CCC;}
      .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a>.tp{display:block;float:left;width:70px;height:70px;margin:10px;padding:0px;background:#f00;}
      .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a>.tp>b{display:block;color:#fff;text-align:center;font-size:18px;margin-top:15px;}
      .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a>.tp>span{display:block;color:#fff;text-align:center;font-size:14px;}
      .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a>.bt{display:block;float:left;width:490px;height:30px;margin:0 10px;padding:0px;font-size:14px;text-align:left;color:#333;overflow:hidden;}
      .hdhall>.hdhmid>.indexnews>.lrkj>.xwk>.r>a>.sm{display:block;float:left;width:490px;height:50px;margin:0 10px;padding:0px;font-size:12px;text-align:left;color:#666;overflow:hidden;}
  .hdhall>.hdhmid>.indexhzqy{float:left;width:100%;height:auto;background:#F6F6F6;padding:30px 0;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj{position:relative;width:100%;margin:30px auto 20px auto;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.btk{float:left;width:100%;height:100px;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.btk>b{display:block;float:left;width:100%;color:#FF7908;font-size:30px;font-weight:900;text-align:center;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.btk>span{display:block;float:left;width:100%;color:#8E8E8E;font-size:14px;text-align:center;padding:10px 0;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.tpk{float:left;width:100%;height:330px;background:#fff;}
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.tpk>a{
        display: block;
        float: left;
        width: 30%;
        height: auto
        margin: 10px 0 0 10px;
   }
   .hdhall>.hdhmid>.indexhzqy>.lrkj>.tpk>a>img{display:block;max-width:188px;max-height:96px;margin:32px auto;text-align:center;}
.hdhall>.hdhfgx{float:left;width:100%;height:7px;border:1px solid #E3E3E3;border-right:0px;border-left:0px;margin:20px 0;}
.hdhall>.hdhbom{float:left;width:100%;height:auto;background:#333;padding:0;}
 .hdhall>.hdhbom>.dbkj{position:relative;width:100%;margin:0px auto;height:auto;}
  .hdhall>.hdhbom>.dbkj>.l{display:block;float:left;width:auto;height:auto;padding:10px 0;color:#999;}
  .hdhall>.hdhbom>.dbkj>.r{display:block;float:right;width:auto;height:auto;padding:10px 0;color:#999;}
  .hdhall>.hdhbom>.dbkj>.r>a{color:#f1f1f1;}


/****新闻案例频道页-Str*****/
 .hdhall>.hdhnid>.nkj>div>.tlkj{width:100%;height: auto;float: left;background:#FFF;}
  .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj{width:100%;height:auto;display:block;margin: auto;padding:0px 0;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.lr{width:100%;height:auto;display:block;margin: auto;padding:0;line-height:200%;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.lr>h3{text-align:center;color:#333;font-size:20px;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.lr>.ms{float:left;width:100%;padding:10px 0;text-align:center;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.lr img{max-width:100%;text-align:center;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.btkj{float:left;width:100%;height: auto;text-align: center;line-height:45px;margin:20px 0;}
    .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.btkj>b{display:block;text-center;font-size:22px;}
     .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.btkj>b>a{text-decoration:none;color:#222;}
     .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.btkj>span{display:block;text-center;font-size:28px;font-family:"Gabriola";color:#F9994A;}
   .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.btkj>a{color:#999;font-weight:bold;text-decoration:none;}
 .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.dankj{float:left;width:100%;height:auto;text-align:center;}
  .hdhall>.hdhnid>.nkj>div>.tlkj>.nrkj>.dankj>.yysy{
                  display:block;margin:10px auto;padding:10px 20px;font-size:30px;text-align:center;color:#fff;background:#DB710F;
                  text-decoration:none;font-weight:800;width:400px;height:auto;line-height:300%;border-radius:10px;box-shadow:0 0 5px #999;
  }
/******新闻资讯样式******/
.xwzxone{float:left;width:100%;height:auto;padding:10px 0px;}
 .xwzxone>a.xw{float:left;display:block;width:360px;height:400px;margin:10px 10px;border:1px solid #eee;text-decoration:none;transition: all .5s;box-shadow:0 0 5px #eee;}
 .xwzxone>a.xw:hover{background:#E8E8E8;transition: all .5s;}
  .xwzxone>a.xw>span.tpk{float:left;display:block;width:360px;height:225px;overflow:hidden;margin:0px;}
  .xwzxone>a.xw>span.tpk>img{float:left;width:360px;height:225px;transition: all .5s;border:0px;}
  .xwzxone>a.xw>span.tpk>img:hover{float:left;width:400px;height:265px;margin:-20px auto auto -20px;transition: all .5s;}
  .xwzxone>a.xw>h4{display:block;color:#FF3C3C;width:300px;margin:10px 30px;height:30px;overflow:hidden;line-height:200%;}
  .xwzxone>a.xw>b{display:block;float:left;width:300px;margin:10px 30px;height:20px;font-size:12px;color:#CBCBCB;}
  .xwzxone>a.xw>span.lr{display:block;width:300px;margin:10px 30px;height:80px;margin-top:20px;font-size:12px;color:#555;overflow: hidden;}
 .xwlj{float:left;width:100%;height:auto;padding:0px 0px;color:#333;text-decoration:none;}
  .xwlj>h3{display:block;padding:5px 5px;margin:0px;}
  .xwlj>.tp{display:block;float:left;width:auto;height:auto;overflow:hidden;border:1px solid #ddd;}
  .xwlj>.tp>span{
        float: left;
        width: auto;
        height: auto;
        margin: 6px;
        overflow: hidden;
  }
  .xwlj>.tp>span>img{
        float: left;
        width: 15rem;
        height: auto;
        margin: 0px;
        overflow: hidden;
        transition: all .5s;
   }
  .xwlj>.tp>span>img:hover{float:left;width:320px;height:240px;margin:6px;overflow:hidden;transition:all .5s;margin:-8px auto auto -8px;}
  .xwlj>.nr{display:block;padding:5px 20px;overflow:hidden;font-size:12px;}
  .xwlj>.nr>.xm{display:block;width:100%;height: 30px;}
  .xwlj>.nr>.xm>span{display:block;float:left;width:auto;height:20px;margin:10px 20px;color:#bbb;}
  .xwlj>.nr>.sm{display:block;line-height:200%;margin-top:10px;text-indent:20px;}
 /******内页样式管理--End*********/
/**分页样式**/
.pagediv{float:left;width:100%;height:auto;font-size:12px;color:#999;}
.pagediv>a{
          display: inline-block;
        padding: 2px 10px;
        text-decoration: none;
        color: #999;
        background: #F0F0F0;
}
.pagediv>a:hover{color:#fff;background:#D7000F;}
.pagediv>a.wx{color:#999;background:#F0F0F0;}
.pagediv>a.xz{color:#fff;background:#D7000F;}
/*******/
/****新闻案例频道页-*****/


}