@charset "utf-8";
html,body{
    background-color: #f2f2f2;
}
#header .top{height: 100px;padding: 0;background-color: #fff;}
.header-top{height: 100%;position: relative;}
.top-logo{position: absolute;left: 0;top: 50%;transform: translate(0, -50%);max-width: 50%;height: 60px;overflow: hidden;}
.top-logo img{height: 100%;float: left;}
.search-box{width: 50%;position: absolute;right: 0;height: 50px;top: 50%;transform: translate(0, -50%);overflow: hidden;border: 1px solid #ccc;border-radius: 25px;}
input#top_search.top-search{padding: 10px 25px !important;border: none !important;line-height: 30px !important;font-size: 20px !important;width: calc(100% - 50px);}
.search-btn{float: right;height: 50px;width: 50px;padding: 10px;position: relative;z-index: 1;}
.search-btn:before{position: absolute;right: 12.5px;top: 12.5px;width: 25px;height: 25px;display: block;content: '';background-image: url(../image/search5.png);background-repeat: no-repeat;background-size: 100% 100%;}
.display-none{display: none;}

.carousel-indicators{left: 0;width: 100%;}
.carousel-control .content-icon{display: block;position: absolute;width: 30px;height: 30px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-repeat: no-repeat;background-size: 100% 100%;}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(0, 0, 0, .0001) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(255, 255, 255, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(255, 255, 255, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(255, 255, 255, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(255, 255, 255, .5) 100%);
}
.content-icon.content-left{background-image: url(../image/arrow-14-left.png);}
.content-icon.content-right{background-image: url(../image/arrow-14-right.png);}