.swiper-container{height:690px}
.arrow-left{background:url(../image/arrows.png) no-repeat left top;position:absolute;left:15px;top:50%;margin-top:-15px;width:58px;height:58px;z-index:10}
.arrow-right{background:url(../image/arrows.png) no-repeat left bottom;position:absolute;right:15px;top:50%;margin-top:-15px;width:58px;height:58px;z-index:10}
.pagination{position:absolute;left:0;text-align:center;bottom:30px;width:100%}
.swiper-pagination-switch{display:inline-block;width:18px;height:18px;border-radius:18px;background:rgba(0,0,0,.46);margin:0 7px;cursor:pointer}
.swiper-active-switch{background:#fff}
.swiper-slide{position:relative;opacity:1;transition:opacity .7s ease-in-out}
.swiper-slide-active{opacity:1}
.swiper-slide .img{position:absolute}
.swiper-slide h1{
    font-size:  48px;
    text-align:  center;
    width:  100%;
    margin-top: 240px;
}
.swiper-slide h2{
    margin-top: 310px;
    font-size:  24px;
    width: 100%;
}
.swiper-slide p{
    font-size:  18px;
    width: 100%;
    margin-top: 365px;
}
.swiper-slide a{color:#fff;}
.inner{position:relative;display:block;width:1920px;height:690px;margin:0 auto;text-align:  center;}
.loop{animation-iteration-count:infinite;animation-timing-function:linear}
.targetBtn{margin-top:20px;position:absolute;bottom:60px;left:352px;z-index:999}
.targetBtn a{height:50px;border-radius:50px;background:rgba(0,0,0,.5);float:left;line-height:50px;text-align:center;color:#fff;text-decoration:none}
.targetBtn .a1{width:110px}
.targetBtn .a2{width:170px;margin-left:15px}
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
.slide1 .s0{left: 50%;margin-left: -154px; top: 100px}
.slide1 .s1{left: 50%;margin-left: -425.5px;top: 200px;}
.slide1 .s2{left: 50%;margin-left: -435px;top: 280px}
.slide1 .s3{left: 0;bottom: 0px;z-index: 5;height:190px}
.slide1 .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
@-webkit-keyframes moveRight{0%{opacity:0;left:0}
10%{opacity:1}
100%{opacity:1;left:550px}
}
@keyframes moveRight{0%{opacity:0;left:0}
10%{opacity:1}
100%{opacity:1;left:550px}
}
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px}
10%{opacity:1}
100%{opacity:1;left:-370px}
}
@keyframes moveLeft{0%{opacity:0;left:390px}
10%{opacity:1}
100%{opacity:1;left:-370px}
}

.search-wrapper{position:absolute;-webkit-transform:translate(-18%,-50%);-moz-transform:translate(-18%,-50%);transform:translate(-18%,-50%);top: 23px;right: 0px;}
.search-wrapper .input-holder{overflow:hidden;height:30px;position:relative;width: 31px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.search-wrapper.active .input-holder{border-radius:50px;width:330px;background:#000;-webkit-transition:all .5s cubic-bezier(0,.105,.035,1.57);-moz-transition:all .5s cubic-bezier(0,.105,.035,1.57);transition:all .5s cubic-bezier(0,.105,.035,1.57)}

.search-wrapper .input-holder .search-input{padding-left:10px;width:100%;height:30px;opacity:1;position:absolute;top:-10px;left:0;background:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;font-family:"Open Sans",Arial,Verdana;font-size:14px;font-weight:400;line-height:30px;color:#FFF;-webkit-transform:translate(0,60px);-moz-transform:translate(0,60px);transform:translate(0,60px);-webkit-transition:all .3s cubic-bezier(0,.105,.035,1.57);-moz-transition:all .3s cubic-bezier(0,.105,.035,1.57);transition:all .3s cubic-bezier(0,.105,.035,1.57);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.search-wrapper.active .input-holder .search-input{opacity:1;-webkit-transform:translate(0,10px);-moz-transform:translate(0,10px);transform:translate(0,10px)}
.search-wrapper .input-holder .search-icon{width: 25px;height:29px;border:none;padding:0;outline:0;position:relative;z-index:2;float:right;background:0 0;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon{width:37px;height:28px;border-radius:30px}
.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(-45deg);-webkit-transition:all .4s cubic-bezier(.65,-.6,.24,1.65);-moz-transition:all .4s cubic-bezier(.65,-.6,.24,1.65);transition:all .4s cubic-bezier(.65,-.6,.24,1.65)}
.search-wrapper.active .input-holder .search-icon span{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-wrapper .input-holder .search-icon span::after,.search-wrapper .input-holder .search-icon span::before{position:absolute;content:''}
.search-wrapper .input-holder .search-icon span::before{width:1px;height:9px;left:7px;top:14px;border-radius:2px;background:#fefefe}
.search-wrapper .input-holder .search-icon span::after{width:12px;height:12px;left:0;top:0;border-radius:16px;border:1px solid #fff}
.search-wrapper .close{position:absolute;z-index: 9999;top:33px;right:20px;width:25px;height:25px;cursor:pointer;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .3s cubic-bezier(.285,-.45,.935,.11);-moz-transition:all .3s cubic-bezier(.285,-.45,.935,.11);transition:all .3s cubic-bezier(.285,-.45,.935,.11);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s;}
.search-wrapper.active .close{top:6px;right: -34px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .6s cubic-bezier(0,.105,.035,1.57);-moz-transition:all .6s cubic-bezier(0,.105,.035,1.57);transition:all .6s cubic-bezier(0,.105,.035,1.57);-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s;}
.search-wrapper .close::after,.search-wrapper .close::before{position:absolute;content:'';background:#FFF;border-radius:2px}
.search-wrapper .close::before{width:2px;height:20px;left:9px;top:0}
.search-wrapper .close::after{width:20px;height:2px;left:0;top:9px}
.search-wrapper .result-container{width:100%;position:absolute;top:80px;left:0;text-align:center;font-family:"Open Sans",Arial,Verdana;font-size:14px;display:none;color:#B7B7B7}
@media screen and (max-width:560px){.search-wrapper.active .input-holder{width:200px}
}
.box_1{overflow:hidden;padding: 40px 0 0 0;background:  #fff;}
.title{text-align:center}
.title h1{font-size: 30px;color:#333;padding-bottom:10px;}
.title h2{color:#333;font-size: 14px;padding-bottom:15px;}
.title p{
    padding: 0 10%;
}
.box_1 .img{text-align:center;margin-top:41px}
.box_1 .img img{width:100%}

.box_2{background:url(../image/box2.jpg) no-repeat;height:700px}
.box_2 .title{float:left;margin-top: 36%;width:  100%;}
.box_2 .title p{font-size:18px}
.box_3{margin: 0px 0 0 0;background: url(../image/box3.jpg) no-repeat bottom #fff;height:600px;padding-top: 100px;}
.box_4{background:url(../image/box4.jpg) no-repeat bottom;height:700px}
.box_4 .title{padding-top:100px;}
.box_5{overflow:hidden;background:#fff;}
 .box_5 .more{color:#323232;border:1px solid #323232;margin:40px auto;width:139px;display:block;text-align:center;line-height:35px}
.box_5 .more:hover{color:#fff;border:1px solid #323232;background:#323232}
.box_5>img {width:100%;vertical-align: bottom;height: auto; }
.box_5>.title { padding: 61px 12px 30px 12px;}
.box_5>.title>h2>span { display: inline-block; float: right; width: 20px; height: 24px; line-height: 24px;}
.box_5>.title>h2>span>img { width: 100%;}
 .box_6 img{width:100%;vertical-align: bottom;}
 .copyright{text-align: center;background: #fff;padding: 30px 10px;font-size:  14px;color:  #bfbfbf; border-top: 1px solid #ddd;}
 .arrow { padding: 30px 17px;}