/*产品展示*/
.IndexProduct{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f4f4f4;
    padding:50px 0;
    background-image:url(../Images/indexproduct_bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
}
.IndexProduct h1{
    width:100%;
    height:auto;line-height:60px;
    text-align:center;
    font-size:48px;
    font-weight:bold;
    margin:20px 0;
}
.IndexProductNav{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.IndexProductNav li{
    display:inline-block;
    padding:0 20px;
    height:50px;line-height:50px;
    background-color:#fff;
    color:#fff;
    border-radius:25px;
    margin:10px 10px;
    transition:all 0.5s;
    font-size: 16px;
}
.IndexProductNav li:hover{
    background-color:#ed6d00;
}
.IndexProductNav li:hover a{color:#fff;}

.IndexTitle{
    width:100%;
    height:auto;line-height:60px;
    text-align:center;
    font-size:48px;
    font-weight:bold;
    text-transform: uppercase; 
}
.indexProductWord{
    width:30%;float: left;
    margin-right: 5%;
    line-height: 28px;
    font-size: 17px;
}
.indexProductSwiper{
    width:65%;float: left;
    height: auto;overflow: hidden;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.indexProductSwiper img{
    width:100%;
}
.indexProductSwiper h2{
    width:100%;
    height: 50px;line-height: 50px;
    background-color: #eee;
    font-size: 16px;
}


.IndexProductMore {
    width: 100%;
    text-align: center;
}
.IndexProductMore a{
    background-color:#fff;
    padding:10px 30px;
    border-radius:20px;
    color:#ed6d00;
    font-size:18px;
    transition:all 0.5s;
}
.IndexProductMore a span{
    background-color:#ed6d00;
    color:#fff;
    border-radius:50%;
    padding:5px 5px;
}
.IndexProductMore a:hover{
    background-color:#ed6d00;
    color:#fff;
    box-shadow:0 10px 10px #eee;
}
.IndexProductMore a:hover span{
    background-color:#fff;
    color:#ed6d00;
}


/*公司简介*/
.IndexAbout{
    width:100%;
    height:auto;overflow:hidden;
    background-image:url(../Images/indexabout_bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    padding-top:250px;
}
.IndexAboutLeft{
    width:55%;float:left;
    margin-right:3%;
}
.IndexAboutRight{
    width:42%;float:left;
    padding-top:50px;
}
.videoclass{
    background-color:#000;
}

.IndexAboutTitle{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:40px;
}
.IndexAboutTitle h1{
    font-size:48px;
    font-weight:bold;
    color:#ed6d00;
    line-height:70px;
}
.IndexAboutTitle h2{
    font-size:24px;
    font-weight:bold;
    line-height:40px;
}
.IndexAboutTitle s{
    width:30px;
    height:3px;
    background-color:#ed6d00;
    display:inline-block;
}
.IndexAboutContent{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:16px;
}
.IndexAboutMore{
    width:100%;
    height:auto;overflow:hidden;
    margin:40px 0;
    line-height:40px;
}
.IndexAboutMore a{
    border:2px solid #ed6d00;
    color:#ed6d00;
    font-size:18px;
    border-radius:25px;
    padding:0 30px;
    margin:10px 0;
    display:inline-block;
    transition:all 0.5s;
}
.IndexAboutMore a:hover{
    background-color:#ed6d00;
    color:#fff;
}

@media(max-width:720px){
    .IndexProduct h1{
        line-height:50px;
        font-size:30px;
    }
    .IndexProductNav li{
        padding:0 15px;
        height:40px;line-height:40px;
        margin:5px 5px;
        transition:all 0.5s;
    }
    
    .IndexTitle{
        width:100%;
        height:auto;line-height:60px;
        text-align:center;
        font-size:48px;
        font-weight:bold;
        text-transform: uppercase; 
    }
    .indexProductWord{
        width:100%;
        margin-right: 0;
        line-height: 30px;
        font-size: 16px;
    }
    .indexProductSwiper{
        width:100%;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-top:20px;
    }

    /*公司简介*/
    .IndexAbout{
        width:100%;
        height:auto;overflow:hidden;
        background-image:url(../Images/indexWapAboutBg.jpg);
        background-repeat:no-repeat;
        background-position:top center;
        padding-top:10px;
    }
    .IndexAboutLeft{
        width:90%;
        margin-right:5%;
        margin-left: 5%;
    }
    .IndexAboutRight{
        width:100%;
        padding-top:20px;
    }
   
}