body,
        html {
          height: 100%;
          margin: 0;
          padding: 0;
          font-family: 'Roboto', sans-serif;
        }
        .i-banner{
            height: 100%;
            overflow: hidden;
        }
        .slideshow {
          position: relative;
          z-index: 1;
          height: 100%;
        }
        .slick-dotted.slick-slider,.slick-dotted.slick-slider2{
            margin: 0;
            height: 100%;
        }
        .slideshow * {
          outline: none;
        }
        .slideshow .slider {
          /*box-shadow: 0 20px 50px -25px black;*/
        }
        .slideshow .slider-track {
          -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
          transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
        }
        .slideshow .item {
          height: 100%;
          position: relative;
          z-index: 1;
        }
        .slideshow .item img {
          width: 100%;
          -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
          transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
        }
        .slideshow .item.slick-active img {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        .slick-dots{
            position: absolute;
            bottom: 50px;
        }
        .slick-dots li.slick-active button:before{
            color: #1281e1;
            opacity: 1;
        }
        .slick-dots li{
            margin: 0 10px;
        }
        .slick-dots li button:before{
            color: #fff;
            opacity: 1;
            font-size: 60px;
        }


.n-nav {
  float: right;
  height: 76px;
  line-height: 76px;
}
.i-header .n-nav li {
  padding: 0 10px;
  float: left;
  transition: 0.5s;
 
}
.i-header .n-nav li a {
  font-size: 16px;
  color: #363636;
  display:block;
}
.i-header .n-nav li .two-nav a {
  color: #363636;
  margin: 0 5px;
  opacity: 1;
  display:inline-block;
}
.i-header .n-nav li .two-nav a:hover {
  color: #1281e1;
}
.i-header .n-nav li:hover {
  background: #1281e1;
  transition: 0.5s;
}
.i-header .n-nav li:hover a {
  color: #fff;
}
.i-header .n-nav li:hover .two-nav a {color: #363636;}
.i-header .n-nav li:hover .two-nav a:hover {color: #1281e1;}
.i-header .n-nav li:hover .two-nav {
  height:auto;
  opacity: 1;
  transition: 0.5s;
  color: #363636;
}
.two-nav {
  position: absolute;
  z-index: 9;
  /*min-width: 100%;*/
  height: 0px;
  opacity: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.9);
  left:0;
  padding:0 10%;
  text-align: left;
  transition: 0.5s;
  width:80%;
  text-align:center;
   color: #363636;
}
.clear { clear:both; }

.x-search { position:absolute; bottom:0; left:0; width:100%; height:140px; background:url(../images/x-search-bg.jpg) no-repeat; background-size:cover; z-index:2; }
.x-wrap { width:1200px; margin:0 auto; }
.x-search-top { padding-top:31px;}
.x-search-left { float:left; width:420px; text-align:center; color:#ffffff; font-size:22px; line-height:40px; }
.x-search-right { float:right; width:700px; height:40px;}
.x-search-right input[type=text] { padding-left:20px; width:579px; height:40px;color:#000000; font-size:16px; border:none; vertical-align:middle; background-color:#FFF;  }
.x-search-right input[type=submit] {  width:100px; text-align:center; height:40px; background-color:#3366ff;color:#ffffff; font-size:16px; cursor:pointer; border:none;vertical-align:middle; }
.x-search-bot { text-align:center; color:#ffffff; font-size:14px; line-height:1.5; margin-top:15px; }
.x-search-bot a { margin-left:5px; color:#ffffff; text-decoration:none; }
.x-search-bot a:hover { text-decoration:underline; }