@charset "utf-8";
/* CSS Document */

/*body*/
body{margin:0; padding:0;width:100%;font-size:14px;color:#333;font-family: "微软雅黑", sans-serif;position:relative;z-index:0;background: #f5f5f5;}

/*basic*/
.w1200{ width:1200px; margin:0 auto; zoom:1}
img{ border:none;vertical-align:middle;width:100%;}
.clear{clear:both;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#0e88eb;}
ul{ list-style:none; list-style-type:none; margin:0; padding:0; line-height:20px;}
input,select{vertical-align:middle;font-size:14px;font-family:"微软雅黑";}

/*web_top*/
.web_top{
  width:100%;
  height:70px;
  background: #fff;
  border-bottom:1px solid #eee;
  overflow: hidden;
  position: relative;
  z-index:0;
}
.web_top .logo{
  float:left;
  width:200px;
  height:60px;
  line-height:70px;
}
.web_top .web_tel{
  float:right;
  font-size:16px;
  line-height:70px;
  background: url(../images/phone.png) left 30px no-repeat;
  padding-left:25px;
}
.web_top .web_tel span{
  color:#005bac;
  font-weight:bold;
  font-size:24px;
}

/*web_nav*/
.web_nav{
  width:100%;
  height:45px;
  background: #176ab4;
  position: relative;
  z-index:999;
}
.web_nav ul.menuone>li{
  line-height:45px;
  float:left;
  width:150px;
  text-align: center;
}
.web_nav ul.menuone>li a{
  display: inline-block;
  color:#fff;
  text-align: center;
  font-size:16px;
}
.web_nav ul.menuone>li a:hover{
  display: inline-block;
  color:#fff;
  text-align: center;
  background: #1878ce;
  display: block;
  font-weight:bold;
}
.web_nav ul.menuone>li a.on{
  background: #1878ce;
  display: block;
}
.web_nav ul.menuone>li .menutwo{
  background: #fff;
  border:1px solid #eee;
  position: relative;
  z-index:0;
  display: none;
}
.web_nav ul.menuone>li .menutwo>li{
  height:40px;
  line-height:40px;
  background: #fff;
  border-bottom:1px solid #eee;
}
.web_nav ul.menuone>li .menutwo>li a{
  display: block;
  background: #fff;
  color:#333;
  font-size:14px;
}
.web_nav ul.menuone>li .menutwo>li a:hover{
  background: #176ab4;
  color:#fff;
}
.web_nav ul.menuone>li .menutwo>li .menuthree{
  display: none;
  width:150px;
  position: absolute;
  z-index:9999;
  margin-top:-40px;
  left:149px;
  border:1px solid #eee;
}
.web_nav ul.menuone>li .menutwo>li .menuthree>li{
  height:45px;
  line-height:45px;
  border-bottom:1px solid #eee;
}
.web_nav ul.menuone>li .menutwo>li .menuthree>li a{
background: #fff;
}
.web_nav ul.menuone>li .menutwo>li .menuthree>li a:hover{
  background: #176ab4;
  color:#fff;
}

/*web_case*/
.web_case{
  width:100%;
  margin-top:30px;
}
.web_case .web_case_title {
  text-align: center;
  width:1200px;
}
.web_case .web_case_title p{
  font-size:24px;
  color:#333;
  font-weight:bold;
  line-height:50px;
  background: url(../images/line.jpg) center bottom no-repeat;
}
.web_case .web_case_title span{
  line-height:25px;
}
.web_case .web_case_cont{
  margin-top:30px;
  width:100%;
}
.web_case .web_case_cont .imgone{
  width:50%;
  height:350px;
  position: relative;
  float:left;
  overflow: hidden;
}
.web_case .web_case_cont .imgone img{
  width:100%;
  height:350px;
}
.web_case .web_case_cont .imgtwo{
  width:50%;
  height:350px;
  position: relative;
  float:left;
  overflow: hidden;
}
.web_case .web_case_cont .imgtwo img{
  width:100%;
  height:350px;
}
.web_case .web_case_cont .imgthree{
  width:33.3333%;
  height:300px;
  position: relative;
  float:left;
  overflow: hidden;
}
.web_case .web_case_cont .imgthree img{
  width:100%;
  height:300px;
}
.web_case .web_case_cont .imgfour{
  width:33.33333%;
  height:300px;
  position: relative;
  float:left;
  overflow: hidden;
}
.web_case .web_case_cont .imgfour img{
  width:100%;
  height:300px;
}
.web_case .web_case_cont .imgfive{
  width:33.33333%;
  height:300px;
  position: relative;
  float:left;
  overflow: hidden;
}
.web_case .web_case_cont .imgfive img{
  width:100%;
  height:300px;
}
.web_case .web_case_cont .imgfive img:hover{
  width:150%;
  height:150%;
}
.web_case .web_case_cont img{
  cursor: pointer;
  transition: all 2s;
}
.web_case .web_case_cont img:hover{
  transform: scale(1.4);
}
.web_case .web_case_cont div p{
  position: absolute;
  bottom:0;
  height:100px;
  line-height:100px;
  text-align: center;
  width:100%;
  background: rgba(14, 136, 235, 0.5);
  color:#fff;
  font-size:24px;
  display: none;
}

/*web_news*/
.web_news{
  width:1200px;
  overflow:hidden;
}
.web_news .web_news_left{
  width:520px;
  height:300px;
  margin-top:50px;
  float:left;
}
.web_news .web_title{
  font-size:24px;
  font-weight:bold;
}
.web_news .web_news_left ul{
  margin-top:20px;
}
.web_news .web_news_left ul li{
  height:70px;
  line-height: 25px;
}
.web_news .web_news_left ul li a{
  font-size:16px;
}
.web_news .web_news_left ul li p{
  color:#999;
}
.web_news .web_zh_right{
  width:670px;
  float:left;
  margin-left:10px;
  margin-top:50px;
}
.web_news .web_zh_right ul{
  margin-top:20px;
}
.web_news .web_zh_right ul li{
  float:left;
}
.gary16{
  font-size:16px;
  color:#333;
  line-height:30px;
}
.gar14{
  font-size:14px;
  color:#ccc;
}

/*web_link*/
.web_link{
  width:1180px;
  border-top:1px solid #ddd;
  min-height:50px;
  line-height:50px;
  padding:0 10px;
  clear:both;
  margin-top:20px;
}
.web_link span{
  font-weight:bold;
}
.web_link a{
  margin-left:20px;
}

/*web_foot*/
.web_foot{
  width:100%;
  background: #272e3a;
  padding-top:15px;
  min-height:200px;
  color:#fff;
}
.web_foot a{
  color:#fff;
}
.nlogo {
  float:left;
}
.nlogo ul{
  width:370px;
  overflow: hidden;
  margin-top:30px;
}
.nlogo ul li{
  width:135px;
  height:45px;
  line-height:80px;
  background: #fff;
  margin-bottom:10px;
  float:left;
  margin-right:10px;
  padding:10px
}
.nlogo img{
  width:135px;
  height:45px;
  text-align: center;
}

.ncont{
  padding-top:40px;text-align:right;line-height:45px;font-size:18px;
}
.ncontn{
  text-align:right;
  margin:0;
  margin-top: 10px;
}
.ncontn br{display: none;}
.ml10{margin-left: 10px;}

.tel{display: none;}


@media (max-width: 768px) {
  .w1200{ width:100%; margin:0 auto; zoom:1}
  /*web_top*/
  .web_top{
    width:100%;
    height:70px;
    background: #fff;
    border-bottom:1px solid #eee;
    overflow: hidden;
    position: relative;
    z-index:0;
  }
  .web_top .logo{
    float:left;
    width:50%;
    height:60px;
    line-height:70px;
  }
  .web_top .web_tel{
    display: none
  }

  .web_nav{display: none;}

  .web_news .web_title{
    font-size:24px;
    font-weight:bold;
    margin-top:40px;
  }

  /*web_case*/
  .web_case{
    width:100%;
    margin-top:30px;
  }
  .web_case .web_case_title {
    text-align: center;
    width:100%;
  }
  .web_case .web_case_cont .imgone{
    width:100%;
    height:200px;
  }
  .web_case .web_case_cont .imgtwo{
    width:100%;
    margin-top:10px;
    height:200px;
  }

  /*web_news*/
  .web_news{
    width:100%;
    overflow:hidden;
  }
  .web_news .web_news_left{
    width:94%;
    margin:0 auto;
    margin:0 3%;
  }
  .web_news .web_news_left ul li{
    height:90px;
    line-height: 25px;
  }
  .web_news .web_news_left ul li p{
    color:#999;
  }
  .web_news .web_zh_right{
    width:95%;
    float:left;
    margin-left:10px;
    margin-top:50px;
  }
  .web_news .web_zh_right ul{
    margin-top:20px;
  }
  .web_news .web_zh_right ul li{
    float:left;
    width:100%;
    margin-bottom:10px;
  }
    .web_news .web_zh_right ul li img{
      width:100%;
    }
  .ml10{margin-left: 0px;}

  /*web_link*/
  .web_link{
    width:90%;
    min-height:25px;
    line-height:25px;
    margin:0;
  }

  /*web_foot*/
  .web_foot{
    width:100%;
    margin-bottom:0;
    min-height:150px;
  }
  .web_foot a{
    color:#fff;
  }
  .nlogo {
    display: none;
  }
  .ncont{
    margin:0 10px;
    padding-top:10px;
    text-align:center;
    line-height:25px;
    font-size:12px;
  }
  .ncontn{
    text-align:center;
    margin:0;
    margin-top: 10px;
  }
 .ncontn span{
    font-size:12px;
    width:100%;
  }

  .tel{
    display: block;
    position: fixed;
    bottom:0;
    z-index: 999;
    background: #0066cc;
    width:100%;
    height:50px;
    line-height:50px;
    text-align: center;
    color:#fff;
  }
  .tel a{
    color:#fff;
    font-size:20px;
    font-weight:100;
  }

  .db{
    display: none;
  }

  .ncontn br{display: block;}

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}