/* --------------------------banner-box------------------------------------ */
.banner-box{
    width: 100%;
    overflow: hidden;
}
.banner{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner img{
    width: 100%;
}
.banner-text{
    width: 100%;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0%;
    transform: translate(0,-50%);
}
.banner-text h6{
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

/* --------------------------------------textTop-nav--------------------------------------- */
.textTop-nav{
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
    /* border-bottom: 1px solid #eee; */
    -moz-box-shadow: 0 4px 10px 1px #eee;
    -webkit-box-shadow: 0 4px 10px 1px #eee;
    box-shadow: 0 4px 8px 1px #eee;
    text-align: center;
}
.textTop-matter{
    width: 1280px;
    margin: 0 auto;
}

.textTop-matter ul{
    width: 100%;
    overflow: hidden;
}
.textTop-matter ul li{
    float: left;
    border-bottom: 1px solid #e5e5e5;
}
.textTop-matter ul li:hover{
    border-bottom: 1px solid #273c92;
}
.textTop-matter ul li:nth-child(1){
    width: 7%;
    margin-right: 1%;
}
.textTop-matter ul li:nth-child(1) p{
    font-size: 16px;
    color: #666;
    height: 38px;
    line-height: 38px;
}
.textTop-matter ul li p:hover{
    color: #273c92;
}
.textTop-matter ul li p i{
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-image: url('../images/scheme/icon_tian.png');
    display: inline-block;
    vertical-align: middle;
    margin: -4px 6px 0 0;
}
.textTop-matter ul li p:hover i{
    background-image: url('../images/scheme/icon_tianH.png');
}



.textTop-matter ul li:nth-child(2){
    width: 20%;
    margin-right: 1%;
}
.textTop-matter ul li:nth-child(3){
    width: 15%;
    margin-right: 1%;
}
.textTop-matter ul li:nth-child(4){
    width: 16%;
    margin-right: 1%;
}
.textTop-matter ul li:nth-child(5){
    width: 28%;
    margin-right: 1%;
}
.textTop-matter ul li:nth-child(6){
    width: 9%;
}


.textTop-matter ul li select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 38px;
    background: #fff url('../images/scheme/select_icon.jpg') no-repeat right center;
    border: none;
    font-size: 16px;
    color: #666;
    text-indent: .8em;
    cursor: pointer;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.textTop-matter ul li select:hover{
    color: #273c92;
    background: #fff url('../images/scheme/select_iconH.jpg') no-repeat right center;
    position: relative;
    z-index: 2;
}

.textTop-matter ul li input{
    width: 100%;
    height: 38px;
    font-size: 16px;
    color: #666;
    text-indent: .8em;
    border: none;
}
.textTop-matter ul li input::-webkit-input-placeholder {color: #c9c9c9;}
.textTop-matter ul li input:-moz-placeholder {color: #c9c9c9;}
.textTop-matter ul li input::-moz-placeholder {color: #c9c9c9;}
.textTop-matter ul li input:-ms-input-placeholder {color: #c9c9c9;}

.textTop-matter ul li button{
    width: 100%;
    height: 38px;
    border: none;
    background-color: #fff;
    color:#273c92;
    font-size: 16px;
    cursor: pointer;
}
.textTop-matter ul li button:hover{
    font-weight: bold;
}
.textTop-matter ul li button i{
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('../images/scheme/icon_search.png');
    display: inline-block;
    vertical-align: middle;
    margin: -2px 6px 0 0;
}

/* -----------------------------scheme-box---------------------------------------- */
.scheme-box{
    width: 100%;
    overflow: hidden;
    padding: 30px 0 4px 0;
}
.scheme{
    width: 1280px;
    margin: 0 auto;
}
.scheme ul{
    width: 100%;
    overflow: hidden;
    margin-left: -3%;
}
.scheme ul li{
   width: 32.333333333333%;
    margin-right: 1%;
    margin-top: 30px;
    position: relative;
    height: 300px;
    float: left;
    overflow: hidden;
}
.scheme ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.scheme ul li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.scheme-words{
    width: 100%;
    height: 0%;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 30;
    background-color: rgba(39, 60, 146, .8);
    transition: all .5s;
    opacity: 0;
}
.scheme-words h6{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
}
.scheme-words h6 p{
    font-size: 16px;
    color: #fff;
    width: 80%;
    margin-left: 10%;
    text-align: justify;
    text-justify: inter-word;
    text-align: center;
    height: 88px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.scheme-words h6 a{
    display: inline-block;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #fff;
    margin-top: 6px;
}
.scheme-words h6 a:hover{
    padding: 0 0 6px 0;
}
.scheme ul li:hover .scheme-words{
    opacity: 1;
    height: 100%;
}


/* --------------------------------------------------------------------- */



@media all and (max-width:1300px) {
    .textTop-matter {
        width: 92%;
        margin-left: 4%;
    }
    .scheme {
        width: 93%;
        margin-left:7%;
    }
}
@media all and (max-width:1200px) {
    .scheme ul li{
        width: 100%;margin-bottom:2%;height:100%
    }
	 .scheme {
        width: 92%; margin-left:5%;margin-right:3%;
       
    }
}
@media all and (max-width:640px) {
    .scheme ul li{
        width: 100%;margin-bottom:2%;height:100%
    }
		 .scheme {
        width: 94%;
       
    }
}
/*
@media all and (max-width:1280px) {
    .scheme ul li{
        height: 250px;
    }
}

@media all and (max-width:1200px) {
    .scheme ul li{
        height: 218px;
    }
}*/


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-text h6 {
        font-size: 22px;
    }
    .textTop-matter ul li {
        margin-top: 10px;
    }
    .textTop-matter ul li:nth-child(1) {
        width: 48%;
        margin-right: 2%;
    }
    .textTop-matter ul li:nth-child(2) {
        width: 50%;
        margin-right: 0%;
    }
    .textTop-matter ul li:nth-child(3) {
        width: 48%;
        margin-right: 2%;
    }
    .textTop-matter ul li:nth-child(4) {
        width: 50%;
        margin-right: 0%;
    }
    .textTop-matter ul li:nth-child(5) {
        width: 68%;
        margin-right: 2%;
    }
    .textTop-matter ul li:nth-child(6) {
        width: 30%;
    }
    .textTop-nav {
        padding: 10px 0 20px 0;
    }

    .scheme ul{
        margin-left: -1%;
    }
    .scheme ul li {
      
    }
    .scheme-box {
        padding: 10px 0 4px 0;
    }
    .scheme-words h6 p {
        font-size: 14px;
        height: 38px;
        height: auto;
        -webkit-line-clamp: 2;
    }
    .scheme-words h6 a {
        font-size: 16px;
    }
}