/* index style file
 *
 * 1、banner
 * 2、features
 * 3、download
 * -------------------------------------------------- */


/* 1、banner
 * -------------------------------------------------- */

.banner{
    overflow:hidden;
}
.banner-mid-text{
    position:relative;
    top:-50vh;
    font-size:2.8rem;
    color:#fff;
    border:1px solid #fff;
    width:63rem;
    margin:0 auto;
    padding:0 3rem;
    line-height:7.4rem;
    text-align:center;
     /* box-shadow:10px 10px 5px rgba(10,10,10,0.5); */
}
.banner-mid-text:before{

    border:1px solid #fff;
    width:56.4rem;
    height:4.9rem;
    content:"";
    position:absolute;
    top:1.2rem;
    left:3.2rem;
    display:block;
}
.banner-mid-text:after{

    width:91rem;
    height:1px;
    /* border-top:1px solid #fff; */
    content:"";
    position:absolute;
    top:3.2rem;
    left:-14.1rem;
    display:block;
    z-index:1;
    background: -moz-linear-gradient(left, #fff 12%, rgba(0,0,0,0) 12% , rgba(0,0,0,0) 88% ,#fff 88%);
    background: -webkit-linear-gradient(left, #fff 12%, rgba(0,0,0,0) 12% , rgba(0,0,0,0) 88% ,#fff 88%);
    background: -o-linear-gradient(left, #fff 12%, rgba(0,0,0,0) 12% , rgba(0,0,0,0) 88% ,#fff 88%);
    background: linear-gradient(to right, #fff 12%, rgba(0,0,0,0) 12% , rgba(0,0,0,0) 88% ,#fff 88%);
}
/* carousel */
.index-top-slider {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    /*background:#fff;*/
}

.index-top-overflow {
    width: 100%;
    overflow: hidden;
    float:right;
}

.index-top-slides .inner {
    width: 400%;
}

.index-add-text{
    position:absolute;
    top:150px;
    left:180px;
    text-align:left;
}

.index-top-slides .article {
    width: 25%;
    float: left;
    text-align:right;
    position:relative;
    overflow:hidden;
}


.index-top-slider input[type="radio"] {
    display: none;
}

.index-top-slider label {
    background: #CCC;
    display: block;
    cursor: pointer;
    width: 6px;
    height: 3rem;
    /*border-radius: 50%;*/
    position:relative;
    top:-25px;
    margin-left:6px;
    transform:translateY(11rem);
    margin-top:1.1rem;
}
#banner_carousel label {
    display: inline-block;
    top:-3rem;
    transform:none;
    margin-top:0px;
    width:15px;
    height:15px;
    /* display:none; */
    border-radius:15px;
    /* border:1px solid #ccc; */
    background:rgba(153,153,153,0.5);
    overflow:hidden;
    /* ie 8  */
    color:transparent;
}

#slide1:checked ~ label[for="slide1"],
#slide2:checked ~ label[for="slide2"],
#slide3:checked ~ label[for="slide3"],
#slide4:checked ~ label[for="slide4"] ,
#slide_1:checked ~ label[for="slide_1"],
#slide_2:checked ~ label[for="slide_2"],
#slide_3:checked ~ label[for="slide_3"],
#slide_4:checked ~ label[for="slide_4"]{
}

#banner_carousel label.active{
    background: #fff;
}
     .banner-article-p1{
         position: absolute;
         left:59%;
         top: 27%;
         font-size: 2.9rem;
         color: #fff;
         text-indent:4rem;
         text-align:left;
		 line-height:4rem;
     }
 @media (max-width:768px) {
     .banner-article-p1 {
         font-size:2rem;
     }
 }

/* 2、features
 * -------------------------------------------------- */
.index-notice{
    background:#eeeeee;
    line-height:40px;
    padding:0px 39px;
    height:40px;
}
.index-features,
.index-gallery{
    padding-top:0px;
    overflow:hidden;
}
/* .index-features .container, */
.index-gallery .container{
    padding-top:10px;
    padding-bottom:90px;
    margin-top:100px;

}
.index-gallery-bg{
    background:#e2ede9;
    /* padding-bottom:100px;
    padding-top:100px;
    height:100%; */
}
.index-feature-icon-list{



    /* margin-top:13%; */
}
.index-feature-title
,.index-download-title{
    /* background:url(../images/index/feature_title.png) no-repeat;
    width:526px;
    height:128px;
    margin:0 auto; */
    text-align:center;
    margin-bottom:19px;
}
.index-feature-title img
,.index-download-title img,
.index-news-title img
{
    width:7%;
    min-width:50px;
    max-width:150px;
}
/* news */
.index-news{
background:#fff;
position:relative;
}
.index-news-title{
    background:#1d4568;
    text-align:center;
    margin-bottom:9px;
    padding:19px 0;
}
.index-news-main{
    width:67%;margin:0 auto 50px;position:relative;
}
.index-news-main-inner{
    display:inline-block;
    overflow:hidden;
    /* height:190px; */
    position:relative;
    width:100%;
}
.index-news-main-inner ul{
    overflow:hidden;
    position:relative;
    width:10000px;
}
.index-news-main-li-item{
    /* width:30%; */
    float:left;
    /* margin:0 1.5%; */
    background:#fff;
    border:1px solid #bfbfbf;
    cursor:pointer;
}
.index-news-main-li-item:hover{

}
.index-news-main-li-item h3{
    background:#bfbfbf;color:#fff;height:40px;line-height:40px;font-size:18px;padding:0px 28px;
    overflow:hidden;
}
.index-news-main-li-item.active h3,
.index-news-main-li-item:hover h3{
    background:#1d4568;
}
.index-news-main-li-item div.index-news-item-img{
    position:relative;
    overflow:hidden;
}
.index-news-main-li-item div.index-news-item-img div.index-news-item-img-mask{
    opacity:0.3;
    filter:alpha(opacity=30);
    background:#000;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}
.index-news-main-li-item div.index-news-item-img img{
    width:100%;
}
.index-news-main-li-item div.index-news-item-content{
    height:11.9em;line-height:1.7em;overflow:hidden;margin:8px 15px;
}
.index-news-main-li-item div.index-news-item-content p{
    text-indent:1.5em;
}
.index-news-main-li-item a{
    display:block;width:100%;line-height:40px; background:#bfbfbf;
    text-align:center;color:#fff;text-decoration:none;
    cursor:pointer;
}
.index-news-main-li-item.active a,
.index-news-main-li-item:hover a{
    background:#1d4568;
}
.index-feature-icon-list ul li{
    /* height:18rem; */
    width:20%;
    float:left;
    text-align:center;
    min-width:115px;
}
.index-feature-icon-list ul li img{
    /* width:9rem; */
    width:33%;
    height:auto;
}
.index-feature-icon-list ul li img.index-feature-icon-common{
    display:inline-block;
}
.index-feature-icon-list ul li img.index-feature-icon-active{
    display:none;
    /* width:70%;
    position:relative;
    top:-5%;
    left:-5%; */
    /* width:11rem; */
}
.index-feature-icon-list ul li.feature-active img.index-feature-icon-common{
    display:none;

}
.index-feature-icon-list ul li.feature-active img.index-feature-icon-active{
    display:inline-block;
}

/* 3、download
 * -------------------------------------------------- */
.index-download-cont-twocode{
    margin-top:10%;
    /* margin-left:15%; */
    float:right;
    margin-right:10px;
}
.index-download-cont-twocode li {
    line-height:80px;
    font-weight:bold;
    margin:3.3rem 0;
}

.index-download-cont-twocode li span {
    font-size:14px;
}

.index-download-cont-twocode li img{
    width:33%;
    margin-left:38%;
}

/* 4、banner slider
 * -------------------------------------------------- */
.nivo-directionNav{
    display:none;
}
.nivo-controlNav{
    display:none;
}