.clearg{zoom:1;}
.clearg:after {
    content: "";
    display: block;
    clear: both;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font17{font-size: 17px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font23{font-size: 23px;}
.c-fff{color: #fff;}
.content img{width: 100%;}

.auto{margin: 0 auto}
.ww1{width: 100%;}
.ww83{width: 83%;}





body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.lefts{float: left}
.rights{float: right;}
.text-center{text-align: center;}
.lefts{float: left}
.rights{float: right;}
.text-center{text-align: center;}

.warp{ padding: 56px 0; background: #fff;}



.introduction{ background: #e0e1e6;}


.introduction-lefts{width: 60%;}
.introduction p{
    font-size: 14px;color: #333;
}
#brand-introduction .introduction-rights{background: #e0e1e6;padding-bottom: 8%;}
#brand-introduction .introduction{background: url("../jpg/pic5-2.jpg") no-repeat right;}
#brand-introduction .introduction-lefts{width: 21%;margin:0 auto;padding-top: 6%;}



#brand-introduction .introduction-rights{padding-left: 5%;}
.introduction-rights{width: 40%;color: #222222;font-size: 14px;}
#introduction-warp .introduction-top,#introduction-warp .introduction-rights p{width: 78%;margin: 0 auto;}
#introduction-warp .introduction-top{margin-bottom:5%;}
#introduction-warp .introduction-rights p{ margin: 10px auto 0 auto;}
.introduction-top{color: #444444;font-size: 15px;padding-top: 10%;margin-bottom: 40px;}
.introduction-top b{color: #b01d36;font-size: 24px;}
#introduction-warp .introduction-top p{margin: 0;}

.pic-warp{background: #212121;}
.pic-cont{color: #f6f6f6;}
.pic-cont p{margin:20px 0 20px 0; line-height: 40px;}
.pic-cont .lefts, .pic-cont .rights{width: 49.5%;}
.pic-cont .rights{margin-top:36px; }
.pic-cont-posre{position: relative;overflow: hidden;}
.pic-cont-posre img,#introduction-warp .introduction-lefts img,#brand-introduction .introduction-lefts{cursor:pointer;transition:all .6s;}
.introduction-lefts,.introduction-footer-cont dt{overflow: hidden;}
.pic-cont-posre:hover img,#introduction-warp .introduction-lefts:hover img,#brand-introduction .introduction-lefts:hover{transform:scale(1.1);}
.pic-cont-pos h4{font-weight: bold;font-size: 45px;}
.pic-cont-pos{position: absolute;font-size: 26px;left: 8%;bottom: 10%;z-index: 100;}


.brand-introduction p{margin: 0 0 6px 0;}


.introduction-footer{background: #e0e1e6;height: 560px;padding-bottom: 0;    font-family: "Microsoft YaHei";}
.introduction-footer,.introduction-footer-cont{position: relative;}
.introduction-footer .introduction-footer-cont{width: 95%;overflow-x: hidden;height: 100%;}
.introduction-footer-cont{}
.introduction-footer dl{width: 24%;position: absolute;}
.introduction-footer dl dd{
    background: #d5d6db;padding:26px 0  26px 4%;color: #4d4d4d;
}
.content{text-transform: uppercase;}
.introduction-footer dl dd h4{margin: 0;color: #333;font-weight: bold;padding-bottom: 10px;}
.introduction-footer dl dd p{line-height: 24px;margin: 10px 0 0 0;}
.denghou{display: none;}

/*.introduction-footer  dl.no0{left: 0;}
.introduction-footer  dl.no1{width: 30%;left: 34%;top:0;}
.no2{right: 0;}*/



.introduction-footer  dl.no0{ width:15%;  top:93px; left:-34%; }
.introduction-footer  dl.no1{ width:20%; top:70px; left:-44%; }
.introduction-footer  dl.no2{ width:24%;  top:30px; left:0; }
.introduction-footer  dl.no3{ width:30%; top:0px; left: 35%;}
.introduction-footer  dl.no3 h4{ font-size: 28px;}
.introduction-footer  dl.no3 dd{ font-size: 15px;}
.introduction-footer  dl.no4{ width:24%;  top:30px; left:76%; }
.introduction-footer  dl.no5{ width:20%;  top:70px; left:130%; }
.introduction-footer  dl.no6{ width:15%; top:93px; left:180%; }

.introduction-footer-btn{position: absolute;top: 30%;}
.introduction-footer-btn-warp{width: 39%;}
.introduction-footer-btn-warp span{display: block;background: url("../png/btn-l.png") no-repeat center;width: 27px;height: 41px;cursor: pointer;}
.introduction-footer-btn-warp #right-btn{background: url("../png/btn-r.png") no-repeat center;}

.introduction-footer dl dd p.on-top{margin-top: 38px;}
.introduction-cont{line-height: 28px;}
.introduction-footer dl dd{
    background: #d5d6db;padding:26px 0;color: #4d4d4d;height: 166px;
}
.introduction-footer .introduction-footer-cont{width: 95%;height: 100%;overflow: hidden;}
.introduction-footer dl dd h4,.introduction-footer dl dd .title-tit,.introduction-footer dl dd p{width: 88%;margin: 0 auto;}

@media screen and (max-width:1400px){

    #introduction-warp .introduction-top,#introduction-warp .introduction-rights p{width: 88%;}
    .introduction-footer dl dd p{font-size: 13px;}

}

@media screen and (max-width:1450px){
    #brand-introduction .introduction-rights{padding-left: 2%;padding-right: 2%;}

}
@media screen and (max-width:1600px){
    .introduction-footer dl dd p.on-top{margin-top: 10px;}
    .introduction-footer dl.no3 dd p.on-top{margin-top: 28px;}
    .pic-cont p{line-height: 30px;}

}
@media screen and (max-width:1300px){

    .introduction-footer dl dd h4,.introduction-footer dl dd .title-tit,.introduction-footer dl dd p{width: 94%;margin: 0 auto;}
}
@media screen and (max-width:1200px){

    .introduction-footer dl dd p{line-height: 20px;}
}

.introduction-footer dl dd p{margin-top: 10px;}

.warp{margin-top: -1px;}