﻿.banner{width:100%; position:relative;height: 650px; overflow:hidden; z-index:1;}
.banner .bai .title,.news .bai .subtitle,.news .bai .url a{ color:#fff;}
.banner .title{ color:#555; font-size:3.5em; text-align:center;}
.banner .subtitle{ color:#8c8c8c; font-size:2.2em;margin:0.8em 0 0.8em 0;text-align:center;line-height: 1;}
.banner .url{text-align:center;}
.banner .url a{ color:#1a68cb; font-size:1.3em;}
.banner li{width:100%;height:auto; padding:0 0 0 0;}
.banner li .wen{ margin:10px 0 0 0;}
.banner li .tu{margin:60px 0 0 0; text-align:center;}
.banner li .tu img{ width:720px; height:370px;}
.banner li.li1{}
.banner li .li1_1{ width:1200px; margin:0 auto;}
.banner .left {position: absolute; top: 37%;left: 3%;}
.banner .right { position: absolute;top: 37%;right: 3%;}


.index{width:100%; height:auto; overflow:hidden;}
.index1{ position:absolute; bottom:10%; text-align:center;}
.index ul li{ float:left; width:49.8%; margin:0 0 5px 0; position:relative;}
.index ul li a { width: 100%;height: auto;display: block;overflow: hidden;}
.index ul li a:hover{filter:Alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7;}
.index li.you{float:right;}
.index li img{ width:100%;}


.index-content1{position:relative;overflow:hidden;width:100%;
  text-align: center;height: 700px;
  background: url("/upload/image/20161208/1920700.jpg") no-repeat center;}
.index-content1-1{position:relative;top:700px;width:100%;
  height:500px;margin:0 auto;
  background:rgba(0,0,0,0.4) !important;
  padding-top: 200px;
  filter:Alpha(opacity=40);/*iehack*/
  background:#000;/*iehack*/
}
.index-btn{
  position: relative;
  top:100px;
  color:#fff;
  display: inline-block;
  padding: 10px;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  text-align: center;
  line-height: 30px;
  width:200px;
  height:30px;
  overflow: hidden;
  z-index: 2;
  font-size: 20px;
}
.index-btn::before{content:"";background-color: #fff;display: block;
          width:270px;height:26px;position: absolute;top:50px;left: 0;z-index: -1;
          transition:all .2s ease;
          -o-transition:all .2s ease;
          -webkit-transition:all .2s ease;
          -moz-transition:all .2s ease;}
.index-btn::after{content:"";background-color: #fff;display: block;
          width:270px;height:26px;position: absolute;top:-26px;left: 0;z-index: -1;
          transition:all .2s ease;
          -o-transition:all .2s ease;
          -webkit-transition:all .2s ease;
          -moz-transition:all .2s ease;}
.index-btn:hover::before{top:26px;}
.index-btn:hover::after{top:0;}
.index-btn:hover{text-decoration: underline;color:#1a68cb;}
.index-btn:active {top:101px;}
.index-content1 h2{font-size: 50px;color:#fff; margin:0 0 10px 0;position: relative;font-weight: normal;}
.index-content1 p{font-size: 25px;color:#fff; position: relative;font-weight: normal;}