/**
    *   201-3-7
*/


body {
     background: url("/static/heying2/body.png") center   91px no-repeat;
}


.mainw1300 {
    width: 1300px !important;
    position: relative;
}
#nav {
    display: block;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}



#nav .tel , .tel .down {
    font-weight: 800;
}
#nav .left {
    width: 1024px;
    height: 122px;
    background-color: white;
    
}

#nav .left img {
   

}

#nav .left .logoname {
   float: left;
   padding-left: 20px;
   padding-top: 30px;
}

#nav .left .a {
    
    float: left;
    margin-top: 40px;
    display: inline-block;
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}



#nav .right {
    height: 100%;
    width: 256px;
    background: url("/static/heying2/nav.png");
    height: 122px;
    color: #c20200;
    font-size: 30px;
    line-height: 160px
}


#nav .a.hover , #nav .a:hover {
    background-color:  #c20200;
    color: white;
}

 .pro-xiala {
          padding-top: 50px;
          background-color: #c20200;
          width: 100%;
          overflow: hidden;
          margin: 0 auto;
      }
      
      .pro-xiala * {
          color: white;
      }
      
      .pro-xiala .unit {
          float: left;
          width: 200px;
      }
      
      .pro-xiala .con {
            width: 1300px;
            margin: 0 auto;
            min-height: 300px;
      }
      
      .pro-xiala .pleft {
          padding-left: 30px;
          width: 240px;
          float: left;
          border-right: 1px dotted #fff;
      }
      
      
      .pro-xiala .pright {
          width: 1000px;
          float: right;
      }
      
      
      .pro-xiala li {
          height: 30px;
      }
      
      .l-hidden, .r-hidden {
          position: absolute;
          top:0;
          height: 122px;
          width: 114px;
     
      }
      
      .l-hidden {
          left: 450px;
      }
      
      .r-hidden {
          right: 505px;
      }
      
      
      
      
      
      

#products-all {
    width: 100%;

    /*height: 1694px;*/
    margin-top: -20px;
}


#product-four {
    width: 1400px;
}


#product-four  .unit {
    float: left;
    width: 324px;
    padding-top: 50px;
}

#product-four  .unit  img {
    width: 302px;
    height:  182px;
    
}

#product-four  .unit p {
    color: red;
    text-align: center;
   font-size: 20px;
}



#qiehuan {
    margin-top: 0;
}

#qiehuan .title {
    width: 860px;
    height: 62px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}

#qiehuan .title .unit {
    width: 160px;
    border: 1px solid  white;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    float: left;
    color: white;
   
    
     background: url("/static/heying2/qh-not-hover.png");
}


#qiehuan .title .unit.hover {
    /*background-color: #282828*/
    background: url("/static/heying2/qh-hover.png");
}



#qiehuan .con {
    margin-top: 30px;
}

#qiehuan .con ul {
    width: 1400px;
    
}


#qiehuan .con ul li {
    width: 379px;
    height: 300px;;
    float: left;
    padding-right: 30px;
    margin-bottom: 50px;
}

#qiehuan .con ul li  p {
    height: 50px;
    text-align: center; 
    line-height: 50px;
    background-color: #282828;
    color: white;
}


#qiehuan .con ul li img {
    height: 250px;
    width: 100%;
}







#pk {
    background: url("/static/heying2/pk.png") center   0  no-repeat;
    padding-top: 140px;
}


#pk .row-unit {
    clear: both;
    margin-top: 20px;
    overflow: hidden;
    height: 150px;
    border-bottom: 2px dotted #ccc;
}

#pk .row-unit.one .name {
     background: url("/static/heying2/youshi-text-1.png") 
}

#pk .row-unit.two  .name {
     background: url("/static/heying2/youshi-text-2.png") 
}


#pk .row-unit.three .name {
     background: url("/static/heying2/youshi-text-3.png") 
}





#pk .row-unit .name {
    width: 40px;
    height: 130px;
}


#pk .row-unit .good-text {
   width: 290px;
   margin-left: 35px;
} 


#pk .row-unit .good-img {
   width: 200px;
   height: 130px;
   margin-left: 35px;
} 

#pk .row-unit .vs {
    width: 80px;
    margin: 20px 30px;
    margin-left: 50px;
}

#pk .row-unit .bad-img {
   width: 200px;
   height: 130px;
   margin-left: 25px;
} 


#pk .row-unit .bad-text {
   width: 270px;
   margin-left: 25px;
} 


/**************qihuan2************/



#qiehuan2 {
    margin-top: 0;
}

#qiehuan2 .title {
    width: 495px;
    height: 62px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
}

#qiehuan2 .title .unit {
    width: 160px;
    border: 1px solid  white;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    float: left;
    color: white;
   
    
     background: url("/static/heying2/qh-not-hover.png");
}


#qiehuan2 .title .unit.hover {
    /*background-color: #282828*/
    background: url("/static/heying2/qh-hover.png");
}



#qiehuan2 .con {
    margin-top: 30px;
}

#qiehuan2 .con ul {
    width: 1400px;
    
}


#qiehuan2 .con ul li {
    width: 258px;
    height: 180px;;
    float: left;
    padding-right: 30px;
    margin-bottom: 50px;
}

#qiehuan2 .con ul li  p {
    height: 50px;
    text-align: center; 
    line-height: 50px;
    background-color: #282828;
    color: white;
}


#qiehuan2 .con ul li img {
    height: 180px;
    width: 260px;
}
#qiehuan2 .con ul li img  {
    height: 180px;
    width: 260px;
}

#qiehuan2 .con ul li.imgs {
    width: 60px;
}
/***************qihuan2-end*******/



#row-1 {
    margin-top: 30px;
}


#gyhy-news {
    border: 2px solid #ccc;
    width: 1000px;
}

#gyhy {
    width:  495px; 
    height: 430px;
    border-right: 1px  dotted #ccc;
    float: left;
}

#gyhy .title {
    height: 60px;
    margin-top: 10px;
    margin-left: 10px;
}

#gyhy .title  img {
    float: left;
   
} 

#gyhy .title  .right {
    padding-right: 20px;
}
#gyhy .real-con {
    clear: both;
    padding-left: 10px;
}
#gyhy .real-con p {
    line-height: 1.7;
    color: #666;
}

#gyhy .real-con img {
    float: left;
    margin-right: 20px;
}

/*

  
                <div id="news">
                    <div class="title">
                        <div class="unit hover one">公司新闻</div>
                        <div class="unit">行业动态</div>
                    </div>
                    <div class="con">
                        <ul>
                            <li><a href="#"><div class="left">公司新闻公司新闻公司新闻公司新闻公司新闻</div><div>2017-02-14</div></a></li>
                         
                        </ul>
                        
                        
                        <ul>
                            <li><a href="#"><div class="left">公司新闻公司新闻公司新闻公司新闻公司新闻</div><div>2017-02-14</div></a></li>
                      
                        </ul>
                    </div>
                </div>
*/


#news {
    width: 495px;
    float: right;
}


#news .unit {
    width: 48%;
    text-align: center;
 
}

#news .unit:hover, #news .unit.hover {
    border-bottom: 2px solid #054082;
}

#news .title {
    font-size: 20px;
     color: #054082;
     line-height: 50px;
     font-weight: bold;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
}

#news .title .left {
    border-right: 1px dotted #ccc;
    
}



#news ul {
    
}


#news ul li {
    height: 25px;
    margin-top: 10px;
}

#news ul li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#news ul li .right {
    margin-right: 10px;
}


/**
        <div id="liuyan" class="right">
                <div class="title">
                    <div class="left one">服务支持</div>
                    <div class="left two">support</div>
                </div>
                <div class="img">
                    <img src="/static/heying2/fwzc.png" alt="#" />
                </div>
                <div class="tel">
                    123456798
                </div>
                
                
                <form>
                    <input class="linkman" name="linkman"  value="xxx" />
                    <input class="tel" name="tel"  value="xxx" />
                    <input class="email" name="email"  value="xxx" />
                    <textarea class="msg" name="msg"></textarea>
                    <input type="submit"  value="提交"/>
                </form>
                
            </div>
            
            **/


#liuyan {
    width: 272px;
    border: 1px solid #ccc;
}


#liuyan .title {
    font-size: 20px;
    color: #054082;
    padding: 5px;
    margin-bottom: 10px;
    overflow: hidden;
}
#liuyan .title .two {
    color: #ccc;
}

#liuyan .tel-ad {
    background: url(/static/heying2/fw-tel.png) no-repeat;
    height: 50px;
    width: 200px;
    margin-left: 20px;
    padding-left: 40px;
    padding-top: 20px;
    font-size: 20px;
    color: #054082;
}

#liuyan form {
     background: url(/static/heying2/form.png) no-repeat;
}
#liuyan form  input, #liuyan textarea {
    margin-left: 40px;
    border: 0;
    width: 210px;
    height: 22px;
}

#liuyan textarea {
    height: 55px;
}
#liuyan .linkman {
    margin-top: 2px;
}

#liuyan .tel {
    margin-top: 10px;
}

#liuyan .email {
    margin-top: 9px;
}

#liuyan .msg {
    margin-top: 16px;
}

#liuyan  #submit {
    width: 250px;
    height: 30px;
      background: url(/static/heying2/submit.png)  no-repeat;
      margin-left: 5px;
      margin-bottom: 5px;
      margin-top: 5px;
}














#links,#footer {
    background-color:  #282828;
}

#links {
    padding-top: 30px;
     margin-top: 20px;
}

#links .con {
    padding-left: 10px;
}


#links .con a {
    padding:0  10px; 
    border-right: 1px  dotted #ccc;
    color: #8e8e8e;
}
#links  .links  {
    width: 102px;
    height: 42px;
     background: url("/static/heying2/links.png") ;
}


#footer {
    padding: 20px 0 ;
   
}


#nav2 {
    margin: 20px auto;
    padding-bottom: 25px;
    background: url("/static/heying2/line.png")  repeat-x bottom;
}


#nav2 a {
    color: white;
    display: inline-block;
    width: 120px;
    text-align: center;
    border-right: 1px dotted #ccc;
}


#footer-info {
    overflow: hidden;
    padding-bottom: 30px;
}

#footer-info .left {
    
    height: 170px;
    border-right: 1px dotted #ccc;
}

#footer-info  .logoname {
    padding-left: 10px;
    padding-right: 50px;
}
#footer-info .logoname img {
    display: block;
    padding-top: 30px;
}


#footer-info .linkinfo {
    
}

#footer-info .linkinfo p {
    color: #8e8e8e;
    line-height: 1.8;
    width: 300px;
    padding-left: 30px;  
}

#footer-info .tel {
  
    width: 360px;
    background: url("/static/heying2/tel.png")  0 40px no-repeat;
    color: white;
}

#footer-info .tel .up {
    padding-left: 160px;
      padding-top: 50px;
}


#footer-info .tel .down {
    padding-top: 5px;
    padding-left: 100px;
    font-size: 30px;
    color: #c20300;
}



#footer-info .ewm {
    padding-left: 50px;
}


#footer-info .left.ewm {
    border-right: 0;
}


#footer-info .ewm  p {
    color: white;
   text-align: center;
   padding-top: 5px;
}





.side_nav {
    position: fixed;
    top: 50%;
    right: 0;
    width: 60px;
    z-index: 99999;
}
.side_nav ul li {
    position: relative;
    width: 60px;
    height: 60px;
    float: right;
    margin-bottom: 1px;/* border-bottom: 1px solid #fff; */
}
.side_nav ul li a {
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;/*  border-bottom: 1px solid #fff; */
}


.current_side_n {
    width: 140px!important;
}
.current_side_n a {
    width: 140px!important;
}
/* .current_side_n span{
 *
 * } */
.side_nav ul li span {
    /*      display:block; */
    width: 148px;
    height: 148px;
    float: left;
    color: #fff;
    line-height: 60px;
    font-size: 16px;
    margin-left: 60px;
    cursor: pointer;
}
.side_nav ul li span img {
    width: 148px;
    height: 148px;
}
.side_nav_3 a {
    width: 60px;
}
.side_nav_3 a span {
    position: absolute;
    right: 60px;
    bottom: 0;
    margin-left: 0!important;
    display: none;
}
.tel a {
    /*background: #d40203 url(../images/24hour_09.png) no-repeat 15px 15px;*/
}
.QQ a {
    background: #d40203 url(../images/0013920_47.png) no-repeat 15px -96px;
}
.sub_QR a {
    background: #d40203 url(../images/0013920_47.png) no-repeat 15px -207px;
}
.back_top a {
    background: #d40203 url(../images/0013920_47.png) no-repeat 15px -317px;
}