*{
     margin: 0;
     padding: 0;
 }
 img{border:0 none;}
 body{
    overflow-x:hidden; 
 }
 body,html{
    
     height: 100%;
     font-family:'Microsoft YaHei';
//   transform: scale(0.8);
//   transform-origin:50% 0
 //overflow-x:hidden;
// overflow-y: auto;
 }
// .scre{
//    transform: scale(0.8);
//    transform-origin:50% 0
// }

//    @media screen and (max-width: 1400px){
//     .scre{
//       transform: scale(0.8);
//       transform-origin:50% 0;
//       -ms-transform:scale(0.8);
//       -ms-transform-origin:50% 0;
//      -webkit-transform:scale(0.8);
//       -webkit-transform-origin:50% 0;
//       -moz-transform:scale(0.8);
//       -moz-transform-origin:50% 0;
//        -o-transform:scale(0.8);
//       -o-transform-origin:50% 0;
     
     
//  }
 
// }
//  @media screen and (max-width: 1317px){
//     .scre{
//       transform: scale(0.7);
//       transform-origin:50% 0;
//       -ms-transform:scale(0.7);
//       -ms-transform-origin:50% 0;
//      -webkit-transform:scale(0.7);
//       -webkit-transform-origin:50% 0;
//       -moz-transform:scale(0.7);
//       -moz-transform-origin:50% 0;
//        -o-transform:scale(0.7);
//       -o-transform-origin:50% 0;
     
     
//  }
 
// }
 ul{
     list-style: none;
 }
 .wraps{
 nav{
    min-width: 1000px;
    height: 60px;
    background: #1B7BDD;
    position: fixed;
    z-index: 20;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 18px;
    .line{
        position: absolute;
        width: 100%;
        height: 2px;
        background:#1B7BDD;
        left: 0;
        bottom: -1px;
    }
    
    .nav_ba{
        width: 80%;
        height: 60px;
        margin: 0 auto;
        overflow: hidden;
        color: #ffffff;
        .kankanl{
            float: left;
            height: 60px;
            display: flex;
           
            align-items: center;
            font-size: 18px;
            img{
                height: 30px;
            }
        }
        .kankanr{
            float: right;
            list-style:none;
            line-height: 60px;
            li{
                height: 60px;
                width: 80px;
                text-align: center;
                float: right;
                margin-left: 4vw;
                cursor: pointer;
                position: relative;
                opacity: 0.8;
                overflow: hidden;
                .ls{
                   position: absolute;
                   left: -80px;
                   bottom: 10px;
                   line-height: 0;
                   opacity: 0;
                   width: 80px;
                   height: 2px;
                   background: #ffffff;
                }
                
            }
            li:hover{
                opacity: 1;
            }
            .li5{
                position: relative;
                display: none; 
            }
        }
    }
}}
 .wrap{
   .banner{
       width: 100%;
   }
     color: #4d4d4d;
     min-width: 1200px;
   
    
     
     
     /*椤佃剼*/
footer{
    overflow: hidden;
    width:1400px;
    margin: 0 auto;
    text-align: left;
}
.footer_main{
    padding-top: 50px;
    
    color: #4D4D4D;
}
.footer_main li{
    float: left;
    padding: 50px 0px 0 50px;
    height: 280px;
    width: 29.3%;
}
li.now_border{
    border-right: 1px solid #7D7D7D;
    border-left: 1px solid #7D7D7D;
}
.footer_main h3{
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 20px;
}
.footer_main li>span{
    display: block;
    width: 50px;
    height: 1px;
    overflow: hidden;
    background: #BFBFBF;
    margin-bottom: 20px;
}
.footer_main p{
    font-size: 20px;
   
    line-height: 60px;
}
.footer_p_1 span{
    letter-spacing: .7em;
    margin-right: 7px;
}
.footer_p_2 span{
    margin-left: 65px;
}
.footer_p_3 span{
    display: inline-block;
    width: 112px;
}
.footer_p2_3 span{
    display: inline-block;
    width: 66px;
}
#img_p img:nth-of-type(1){
    width: 32%;
    float: left;
}
#img_p img:nth-of-type(2){
    width: 32%;
   padding-left: 20px;
}
.company{
   text-align: center;
   margin: 30px;
   margin-bottom: 15px;
   font-size: 18px;
}
.company a{
    color:#000;
}

 
 }
 //鎵嬫満
 .phonewrap{
     display: none;
     nav{
         height: 60px;
         background: #1B7BDD;
         position: fixed;
         z-index: 20;
         width: 100%;
         top: 0;
         left: 0;
        
         .nav_ba{
             width: 90%;
             height: 60px;
             margin: 0 auto;
             overflow: hidden;
             color: #ffffff;
             .kankanl{
                 float: left;
                 width: 45%;
                 display: flex;
                 align-items: center;
                 line-height: 77px;
                
                 img{
                     width: 100%;
                 }
             }
             .kankanx{
                float: right;
                height: 100%;
                line-height: 60px;
                font-size: 30px;
                width: 25px;
                img{
                    width: 100%;
                }
             }
         }
     }
      .side{
             display: none;
             position: fixed;
             width: 80%;
             height: 100%;
             z-index: 10;
             background:#1B7BDD;
             top: 0;
             right: -300px;
             .kankans{
                 width: 80%;
                 padding-top: 60px;
                 margin: 0 auto;
                 li{
                     padding-left: 10px;
                     color: #ffffff;
                     font-size: 20px;
                     height: 60px;
                     line-height: 60px;
                 }
                 .line{
                     width: 100%;
                     height: 1px;
                     background: #7CA2CB;
                 }
             }
              .kankangzh{
                  position: absolute;
                  left: 0;
                  bottom: 0;
                 width: 100%;
                 margin: 0 auto;
                 text-align: center;
                 background: #0B55A0;
                 li{
                     padding-left: 10px;
                     color: #ffffff;
                     font-size: 20px;
                     height: 60px;
                     line-height: 60px;
                 }
                 .line{
                     width: 100%;
                     height: 1px;
                     background:  #7CA2CB;
                 }
             }
            
         }
          .kksb{
                 display: none;
                 .mask{
                     width: 100%;
                     height: 100%;
                     background: black;
                     opacity: 0.7;
                     position: fixed;
                     z-index: 600;
                     left: 0;
                     top: 0;
                 }
                 .img{
                     position: fixed;
                     z-index: 1000;
                     width: 100%;
                     top: 30%;
                     left: 0;
                     text-align: center;
                     img{
                         width: 60%;
                     }
                 }
             }
             .kkzn{
                 display: none;
                 .mask{
                     width: 100%;
                     height: 100%;
                     background: black;
                     opacity: 0.7;
                     position: fixed;
                     z-index: 600;
                     left: 0;
                     top: 0;
                 }
                 .img{
                     position: fixed;
                     z-index: 1000;
                     width: 100%;
                     top: 30%;
                     left: 0;
                     text-align: center;
                     img{
                         width: 60%;
                     }
                 }
             }
         footer{
             background: #333333;
             text-align: center;
             color: #9E9E9E;
             .title{
                 font-size: 20px;
                 padding: 20px 0 5px 0;
             }
             .line{
                 background:#9E9E9E;
                 width: 40px;
                 height: 1px;
                 margin: auto;
                 margin-bottom: 10px;
             }
             p{
                 padding: 8px;
             }
         }
 }