* {
    padding: 0;
    margin: 0;
    font-size: 14px;
    border: 0;
    font-family: Microsoft YaHei, "微软雅黑";
}

.wrap>.container {
    padding: 0;
}

.navbar {
    margin-bottom: 0;
}

/*_________________________v留白v_________________________*/
.allWebTop {
    width: 100%;
    height: 68px;
}

.allWebEnd {
    width: 100%;
    height: 66px;
}

/*_________________________A留白A_________________________*/

/*-------------------product产品设计------------------------*/
.productPic1 {
    background: url("../images/product01.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
    overflow: hidden;
}

.productPic2,
.productPic4 {
    background-color: white;
    background-position: center center;
    width: 100%;
    height: 750px;
    overflow: hidden;

}

.productPic2Con,
.productPic4Con {

    width: 100%;
    margin-top: 75px;
    /* display: flex;
    justify-content: center; */
    position: relative;
    left: 6%;

}

.productPic2Pic {
    margin-top: 40px;
    background: url("../images/product02.jpg") no-repeat left top;
    background-size:100% auto;
    width: 40%;
    height: 700px;
    float: left;

}

.productPic2Text {
    margin: 140px 140px 0 2.2%;
    /* margin: 0 auto; */
    float: left;

}

/*------------V规定h23p文本效果V--------------*/
.fontstyle h2 {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
}

.fontstyle p {
    font-size: 15px;
}

.fontstyle h3 {
    font-size: 15px;
    font-weight: bold;
}
/*------------A规定h23p文本效果A-------------*/

.productPic3,
.productPic5 {
    width: 100%;
    padding: 70px 0;
    display: flex;
    justify-content: center;
    background-color: #f1f1f1;
}

table,
th,
tr,
td {
    margin: 0 auto;
    padding: 8px 60px;
    text-align: center;
    border: 1px solid gray;
    font-size: 15px;
}

table {
    width: 1080px;
}

th {
    background-color: #c4c9d0;
}

.productPic4Pic {
    margin-top: 40px;
    background: url("../images/product03.png") no-repeat left top;
    background-size: 100% auto;
    width: 40%;
    height: 546px;
    float: left;

}
.productPic4Text {
    margin: 150px 3% 0 10%;
    float: left;
}

.productPic6 {
    background: url("../images/product04.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 832px;
}

.productPic7 {
    background: url("../images/product05.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1072px;
    text-align: center;
}
/*------------V规定h1文本效果V--------------*/
.fontstyle h1 {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 6px;
}
/*------------A规定h1文本效果A--------------*/

.productPic7>div {
    padding-top: 100px;
    color: white;
}

div>span {
    font-size: 16px;
}

.productPic8 {
    background-color: #8d8c89;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 1020px;
    padding-top: 100px;
}

.productPic8>div {
    background: url("../images/product06.jpg") no-repeat;
    width: 1247px;
    height: 810px;
    border-radius: 60px;
    box-shadow: 9px 9px 15px #3f3f3f;
    margin: 0 auto;
}

.productPic9 {
    width: 100%;
    height: 860px;
}

.productPic9>div {
    padding-top: 50px;
    margin: 0 auto;
    width: 1100px;
}

.productPic9>div>h2 {
    padding-top: 30px;
}

.productPic9>div p {
    line-height: 210%;
}

.productPic9>div>div {
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    width: 100%;
    margin-bottom: 36px;
}

.productPic9Pic {
    background: url("../images/product07.jpg") no-repeat center center;
    background-size: cover;
    width: 1100px;
    height: 335px;
}

/*----------------------------------index首页------------------------------*/
.swiper-container {
    width: 100%;
    height: 1080px;
    background-size: cover;
    
}

.indexSh2 {
    background: url("../images/indexSh2.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1020px;

}

.indexSh2>div,
.indexSh5>div>div {
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 84%;
    width: 96px;
    margin-bottom: 10px;
    border: 1px solid #3f3f3f;
    border-radius: 14px;

}

.indexSh2>div>span,
.indexSh5>div>div>span {
    font-weight: bold;
}

/* .indexSh2>div:hover{
    border: 1px solid #808080;
    background-color: #f1f1f1;
    color: #616161;
} */
.indexSh3 {
    background: url("../images/indexSh3.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 800px;
}

.indexSh5 {
    background: url("../images/indexSh5.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
}

.indexSh5>div {
    position: relative;
    text-align: center;
    right: 27%;
    top: 40%;
}

.indexSh5 h2 {
    font-size: 34px;
    font-weight: 500;
    line-height: 300%;
}

.indexSh5 p {
    font-size: 22px;
    font-weight: 500;
    line-height: 200%;
    padding-bottom: 2%;
}

@media only screen and (max-width: 1280px){
.indexSh4 {
        padding: 10px;
        background: url("../images/indexSh4.jpg") no-repeat;
        background-size: cover;
        background-origin: content-box;
        width: 100%;
        height: 180px;
    
    }
.indexSh6{
    padding: 10px;
    background:url("../images/indexSh6.jpg") no-repeat;
    background-size: cover;
    background-origin: content-box; 
    width: 100%;
    height: 180px;
    }}
@media only screen and (min-width: 1920px){
.indexSh4 {
        padding: 20px;
        background: url("../images/indexSh4.jpg") no-repeat;
        background-size: cover;
        background-origin: content-box;
        width: 100%;
        height: 280px;
    
    }
.indexSh6 {
    padding: 20px;
    background: url("../images/indexSh6.jpg") no-repeat ;
    background-size: cover;
    background-origin: content-box;
    width: 100%;
    height: 280px;
}}

/*-------------------------------market销售分布------------------------------*/
.marketSh1 {
    background: url("../images/marketSh1.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
}
.marketSh1>div{
    padding-top: 440px;
    padding-left: 29%;
}
.marketSh1 h2{
    font-size: 36px;
}
.marketSh1h3{
    font-size: 27px;
    font-weight: bold;
}
.marketSh1p{
    font-size: 13px;
}
.marketSh1 .iconfont{
    font-size: 20px;
    padding-right: 10px;  
}

.marketSh2 {
    background: url("../images/marketSh2.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
}

.marketSh3 {
    width: 100%;
    height: 840px;
    background-color: #ebe6de;
    background-position: center center;
    text-align: center;
}

.marketSh3 h2 {
    padding-top: 6%;
    font-size: 36px;
    line-height: 186%;
}
@media only screen and (max-width: 1280px){
.marketSh3Ebox {
    position: relative;
    top: 5%;
    left: 16%;
    width: 72%;
}}
@media only screen and (min-width: 1920px){
    .marketSh3Ebox {
        position: relative;
        top: 5%;
        left: 27%;
        width: 67%;
}}

.marketSh3Ebox>div {
    margin-right: 3%;
    float: left;
}

.marketSh3Ebox h3 {
    padding-top: 13%;
    font-size: 22px;
}

.marketSh3 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    padding-bottom: 2%;
}

.marketSh3Ebox>div>div {
    background-color: antiquewhite;
    background-size: cover;
    width: 270px;
    height: 270px;
}

/*-------------------V测试V----------------*/
/* .test {
    width: 100%;
    height: 1080px;
    background: url("../../web/images/indexSh1.jpg") no-repeat center center;
    background-size: cover;
} */
/*-------------------A测试A----------------*/
/*-------------------V测试V----------------*/
/* .test {
    width: 100%;
    height: 1080px;
    background: url("../images/indexSh1.jpg") no-repeat center center;
    background-size: cover;
} */
/*-------------------A测试A----------------*/