@charset "utf-8";
/* 首页 */
.HomeBan{overflow: hidden;position: relative;}
.HomeBan .item{position: relative;overflow: hidden;}
.HomeBan .item .img{padding-top:9.4rem;}
.HomeBan .item.slick-current .img img{animation: scale linear 6s forwards;}
@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

.HomeBan .item .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;font-size: 0.46rem;line-height: 1.6;letter-spacing: .05rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.6);text-align: right;}
.HomeBan .item .txt .bantxt img{max-width:7rem;display: inline-block;}
.HomeBan .item:nth-child(2n) .txt{text-align: center;}

.HomeBan .controls{right:0.5rem;top:50%;transform: translateY(-50%);position: absolute;}
.HomeBan .controls .slick-dots{}
.HomeBan .controls .slick-dots li{width:0.34rem;height:0.34rem;background: url(../images/bandot.png) no-repeat center center;position: relative;margin:0.1rem auto;}
.HomeBan .controls .slick-dots li::after{content:'';display: block;width:100%;height:100%;border-radius: 50%;border:2px solid #fff;border-bottom:2px solid transparent;position: absolute;left:0;top:0;box-sizing: border-box;opacity: 0;transition: all .1s;}
.HomeBan .controls .slick-dots li button{display: none;}
.HomeBan .controls .slick-dots li.slick-active::after{
    opacity: 1; animation: rotate 5s linear infinite;
}
.HomeBan .controls .slick-pages::before{content:'';display: block;width:1px;height:0.5rem;background: #fff;margin:0 auto;margin:0.2rem auto;}
.HomeBan .controls .slick-pages{font-size: 0.14rem;color:#fff;}
.HomeBan .controls .slick-pages #cur{font-size: 0.2rem;font-weight: bold;}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:1024px){
    .HomeBan .item .img{padding-top:5.6rem;}
    .HomeBan .item .txt .bantxt img{max-width:60%;}
    .HomeBan .controls .slick-pages{display: none;}
    .HomeBan .controls{right:auto;width:100%;left:0;top:auto;bottom:0;text-align: center;}
    .HomeBan .controls .slick-dots li{display: inline-block;margin:0 10px;width:18px;height:18px;}
}

.pd80{padding:0.8rem 0;}
.mt60{margin-top:0.6rem;}
.HomeTit{text-align: center;margin-bottom:0.4rem;position: relative;}
.HomeTit .titimg{position: absolute;left:-1.2rem;top:-0.35rem;}
.HomeTit .subtit{font-size: 0.28rem;color:#d6b174;}
.HomeTit .titimg img{max-height:1.54rem;}
.HomeTit_tl{text-align: left;}
.HomeTit .tit{font-size: 0.48rem;}
.HomeTit .dec{font-size: 0.18rem;color:#555555;font-weight: lighter;}
.HomeMore a{display: flex;justify-content: center;align-items: center;width:2.4rem;line-height: 0.7rem;border-radius: 0.7rem;background: #fff;font-size: 0.18rem;margin:0 auto;transition: all .5s;color:#222;box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.HomeMore a i{width:0.4rem;height:0.4rem;display: block;background: url(../images/jtbg.png) no-repeat center center;position: relative;background-size: contain;margin-left:0.15rem;}
.HomeMore a i::after{content:'';width:100%;height:100%;background: url(../images/jt.svg) no-repeat center center;position: absolute;left:-0.02rem;top:0;background-size: 0.14rem;transition: all .3s;}
.HomeMore a:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.1);transform: translateY(-5px);}
.HomeMore a:hover i::after{transform: rotate(-30deg);}
.HomeMore.tl a{margin-left:0;}

@media(max-width:1024px){
    .pd80{padding:40px 0;}
    .mt60{margin-top:20px;}
    .HomeTit{margin-bottom:25px;}
    .HomeTit .tit{font-size: 24px;font-weight: bold;}
    .HomeTit .subtit{font-size: 15px;}
    .HomeTit .dec{font-size: 14px;}
    .HomeMore a{width:120px;line-height: 36px;border-radius: 36px;font-size: 14px;}
    .HomeMore a i{width:22px;height:22px;}
    .HomeMore a i::after{background-size: 10px;}
}

@media(max-width:640px){
    .pd80{padding:30px 0;}
    .HomeTit .tit{font-size: 20px;}
    .HomeTit .titimg{left:0;}
}


.HomeAbout{background: url(../images/homeaboutbg.jpg) no-repeat left center;background-size: cover;}
.HomeAbout .HomeAboutL{width:47%;padding:0.5rem 0;}
.HomeAbout .HomeAboutL .con{font-size: 0.2rem;line-height: 0.48rem;font-weight: lighter;}
.HomeAbout .HomeAboutR{width:42.5%;}

@media(max-width:1024px){
    .HomeAbout .HomeAboutL .con{font-size: 14px;line-height: 1.875;}
}

@media(max-width:768px){
    .HomeAbout .HomeAboutL{padding:0;}
}

@media(max-width:640px){
    .HomeAbout .HomeAboutL{width:100%;}
    .HomeAbout .HomeAboutR{width:100%;margin-top:20px;text-align: center;}
    .HomeAbout .HomeAboutR img{max-width:60%;}
}


.HomeService .HomeSerBox{padding-left:1.6rem;}
.HomeService .slick-list{padding-right:1.6rem;margin-left:-0.4rem;}
.HomeService .item{margin-left:0.4rem;opacity: 0.3;}
.HomeService .item .img{padding-top:102.71%;border-radius: 0.3rem 0 0.3rem 0;}
.HomeService .item .txt{padding:0.2rem 0;}
.HomeService .item .txt .tit{font-size: 0.28rem;}
.HomeService .item .txt .dec{line-height: 0.3rem;color:#666;font-weight: lighter;height:0.6rem;}
.HomeService .item.slick-active{opacity: 1;}
.HomeService .item:hover .img span{transform: scale(1.05);}
.HomeService .slick-dots{width:14.2rem;height:0.55rem;display: flex;align-items: center;margin-top:0.3rem;}
.HomeService .slick-dots li{width:100%;height:2px;background: #eee;position: relative;}
.HomeService .slick-dots li::after{content:'';display: block;width:100%;height:100%;background: #d6b174;position: absolute;left:0;bottom:0;width:0;opacity: 0;transition: all .5s;}
.HomeService .slick-dots li button{display: none;}
.HomeService .slick-dots li.slick-active::after{opacity: 1;width:100%;}
.HomeService .slick-arrow{bottom:0;}
.HomeService .slick-arrow.slick-next{right:1.6rem;}
.HomeService .slick-arrow.slick-prev{right:2.4rem;}

@media(max-width:1024px){
    .HomeService .HomeSerBox{padding-left:0;width:96%;margin:0 auto;}
    .HomeService .slick-list{padding-right:0;}
    .HomeService .slick-dots{width:calc(100% - 1.8rem)}
    .HomeService .slick-arrow.slick-next{right:0;}
    .HomeService .slick-arrow.slick-prev{right:0.8rem;}
    .HomeService .item .txt .tit{font-size: 16px;font-weight: bold;}
    .HomeService .item .txt .dec{line-height: 24px;height:48px;}
}


.HomePro{background: url(../images/homeprobg.jpg) no-repeat center center;background-size: cover;}
.HomePro .HomeProBox ul{display: flex;flex-wrap: wrap;margin-left:-2%;}
.HomePro .HomeProBox ul li{width:23%;margin-left:2%;margin-bottom:2%;background: #fff;border-radius: 0.2rem 0 0.2rem 0;box-sizing: border-box;transition: all .5s;}
.HomePro .HomeProBox ul li .libox{padding:0.5rem;width:100%;height:100%;box-sizing: border-box;height:1.9rem;overflow: hidden;border-radius: 0.2rem;}
.HomePro .HomeProBox ul li .icon{width:0.4rem;height:0.4rem;margin:0 auto;transition: all .5s;margin-bottom:0.15rem;}
.HomePro .HomeProBox ul li .icon img{max-height:0.4rem;}
.HomePro .HomeProBox ul li .tit{font-size: 0.24rem;text-align: center;font-weight: bold;transition: all .5s;}
.HomePro .HomeProBox ul li .btn{display: flex;justify-content: space-between;transform: translateY(-0.4rem);opacity: 0;transition: all .5s;margin-top:0.15rem;}
.HomePro .HomeProBox ul li .btn a{width:47%;line-height: 0.32rem;border:1px solid #d6b174;border-radius: 5px;box-sizing: content-box;text-align: center;color:#d6b174;font-size: 0.14rem;}
.HomePro .HomeProBox ul li .btn a:hover{background: #d6b174;color:#fff;}
.HomePro .HomeProBox ul li:hover .icon{transform: translateY(-0.4rem);opacity: 0;}
.HomePro .HomeProBox ul li:hover .btn{transform: translateY(-0.6rem);opacity: 1;}
.HomePro .HomeProBox ul li:hover .tit{transform: translateY(-0.6rem);}
.HomePro .HomeProBox ul li:hover{background: url(../images/hpbg.jpg) no-repeat center center;background-size: cover;}

@media(max-width:1024px){
    .HomePro .HomeProBox ul li .libox{padding:20px;height:120px}
    .HomePro .HomeProBox ul li .icon{width:30px;height:30px;line-height: 30px;}
    .HomePro .HomeProBox ul li .icon img{max-height:30px;}
    .HomePro .HomeProBox ul li .tit{font-size: 16px;}
    .HomePro .HomeProBox ul li:hover .btn{transform: translateY(-40px);opacity: 1;}
    .HomePro .HomeProBox ul li:hover .tit{transform: translateY(-40px);}
}

@media(max-width:640px){
    .HomePro .HomeProBox ul li{width:48%;}
    .HomePro .HomeProBox ul li .libox{padding:15px 10px;height:90px}
    .HomePro .HomeProBox ul li .btn a{line-height: 20px;font-size: 12px;}
}

.HomeTeam{position: relative;background: url(../images/htbg.jpg) no-repeat center center;background-size: cover;}
.HomeTeam .HomeTeamL{min-height:7.9rem;width:47%;display: flex;flex-direction: column;justify-content: center;}
.HomeTeam .HomeTeamL .con{font-size: 0.2rem;line-height: 0.48rem;font-weight: lighter;}

.HomeTeam .HomeTeamR{width:49%;box-sizing: border-box;padding-right:0.55rem;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.HomeTeam .HomeTeamR .img{padding-top:7.9rem;border-radius:0 7.9rem 7.9rem 0;}
.HomeTeam .HomeTeamR .htel{position: absolute;right:-0.2rem;top:50%;transform: translateY(-50%);max-width:1.5rem;}
.HomeTeam .HomeTeamR .htel:hover img{-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;}

@media(max-width:1024px){
    .HomeTeam .HomeTeamR{padding-right:40px;}
    .HomeTeam .HomeTeamR .img{padding-top:4.2rem;}
    .HomeTeam .HomeTeamL{min-height:4.2rem;}
    .HomeTeam .HomeTeamL .con{font-size: 14px;line-height: 1.875;}
    .HomeTeam .HomeTeamR .htel{width:80px;right:0;}
}

@media(max-width:640px){
    .HomeTeam .HomeTeamL{width:100%;}
    .HomeTeam .HomeTeamR{width:100%;position: static;transform: translateY(0);margin-top:30px;}
    .HomeTeam .HomeTeamR .img{border-radius: 10px;}
}


.HomeNews{background: #f8f8f8;}
.HomeNews .HomeNewsBox{overflow: hidden;display: flex;flex-wrap: wrap;margin-left:-2.5%;}
.HomeNews .HomeNewsBox .item{background: #fff;border-radius: 0.1rem;width:30.83%;float:left;margin-left:2.5%;box-shadow: 0 10px 10px rgba(0,0,0,0.02);}
.HomeNews .HomeNewsBox .item .img{padding-top:66%;border-radius: 0.1rem 0.1rem 0 0;}
.HomeNews .HomeNewsBox .item:hover .img span{transform: scale(1.05);}
.HomeNews .HomeNewsBox .item .txt{padding:0.3rem;}
.HomeNews .HomeNewsBox .item .txt .tit{font-size: 0.22rem;line-height: 0.34rem;}
.HomeNews .HomeNewsBox .item .txt .dec{color:#555;line-height: 0.3rem;height:0.9rem;margin:0.2rem 0;}
.HomeNews .HomeNewsBox .item .date{color:#555;}

.HomeNews .HomeNewsBox .itemlist{padding:0 0.3rem;}
.HomeNews .HomeNewsBox .itemlist ul li{padding:0.25rem 0 0.2rem 0;border-bottom:1px solid #dcdfe6;}
.HomeNews .HomeNewsBox .itemlist ul li:last-child{border-bottom:none;}
.HomeNews .HomeNewsBox .itemlist ul li .tit{font-size: 0.2rem;line-height: 0.3rem;height:0.6rem;margin-bottom:0.1rem;}

.HomeNews .btn{width:1.4rem;line-height: 0.5rem;border-radius: 5px;background: #005ef4;text-align: center;font-size: 0.18rem;margin:0.5rem auto 0;}
.HomeNews .btn a{display: block;color:#fff;}


@media(max-width:1024px){
    .HomeNews .HomeNewsBox .item .txt{padding:20px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 16px;line-height: 26px;}
    .HomeNews .HomeNewsBox .item .txt .dec{line-height: 24px;height:48px;margin:15px 0;}
    .HomeNews .HomeNewsBox .itemlist{padding:0 20px;}
    .HomeNews .HomeNewsBox .itemlist ul li{padding:12px 0 10px 0;}
    .HomeNews .HomeNewsBox .itemlist ul li .tit{font-size: 15px;line-height: 24px;height:48px;margin-bottom:5px;}
    .HomeNews .btn{width:100px;line-height: 30px;font-size: 14px;margin-top:30px;}
}


@media(max-width:640px){
    .HomeNews .HomeNewsBox .item{width:47.5%;margin-bottom:10px;}
    .HomeNews .HomeNewsBox .itemlist{width:97.5%;}
    .HomeNews .HomeNewsBox .item .txt{padding:10px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 15px;line-height: 24px;}
    .HomeNews .HomeNewsBox .item .txt .dec{margin:5px 0;}
    .HomeNews .btn{width:90px;margin-top:15px;}
}


/* 新闻详情 */
.mt100{margin-top:1rem;}
.subMenu{background: #f8f8f8;line-height: 0.8rem;}
.Localtion{font-size: 0.14rem;text-align: right;color:#666;}
.Localtion img{max-height:0.18rem;display: inline-block;margin-right:0.08rem;position: relative;top:-0.02rem;}
.Localtion a{color:#666;}
.Localtion a:hover{color:#d6b174;}

@media(max-width:1024px){
    .mt100{margin-top:60px;}
    .subMenu{line-height: 50px;}
    .Localtion{font-size: 13px;}
}

@media(max-width:640px){
    .Localtion{font-size: 13px;padding:5px 0;line-height: 30px;}
}



.Info .InfoCon{width:74%;}
.Info .InfoCon .tit{text-align: center;padding-bottom:0.25rem;margin-bottom:0.5rem;border-bottom:1px solid #ebebeb;}
.Info .InfoCon .tit h2{font-weight: normal;font-size: 0.36rem;}
.Info .InfoCon .tit .date{font-weight: lighter;margin-top:0.1rem;color:#666;}
.Info .InfoCon .SinglePage img{display: block;margin:0 auto;border-radius: 0.1rem;}
.Info .InfoCon .SinglePage{font-weight: lighter;color:#666;line-height: 2;min-height:2rem;}
.Info .Infopage{margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid #ebebeb;position: relative;padding-right:2rem;}
.Info .Infopage .goback a{line-height: 0.48rem;width:1.6rem;display: flex;align-items: center;justify-content: center;border-radius: 0.48rem;background: #d6b174;color:#fff;font-weight: lighter;position: absolute;right:0;top:0.5rem;}
.Info .Infopage .goback a img{display: block;margin-right:5px;width:0.16rem;}
.Info .Infopage dl dd{line-height: 0.36rem;font-weight: lighter;}

.Info .InfoOther{width:20%;}
.Info .InfoOther .share{padding-left:0.4rem;background: url(../images/share.png) no-repeat left center;background-size: 0.2rem;margin-bottom:0.5rem;}
.Info .InfoOther .share ul li{display: inline-block;position: relative;margin-right:0.1rem;}
.Info .InfoOther .share ul li a{display: block;width:0.48rem;height:0.48rem;line-height: 0.48rem;border-radius: 50%;background: #cccccc;text-align: center;}
.Info .InfoOther .share ul li a img{max-width:0.23rem;}
.Info .InfoOther .share ul li .share-qrcode{position: absolute;left:50%;bottom:115%;padding:5px;background: #fff;width:110px;transform: translateX(-50%);box-shadow: 0 0 10px rgba(25,107,202,0.2);border-radius: 10px;box-sizing: border-box;display: none;}
.Info .InfoOther .share ul li:hover .share-qrcode{display: block;}

.Info .InfoOther .name_tit{font-size: 0.24rem;margin-bottom:0.2rem;;}
.Info .InfoOther .otherlist .item{margin-bottom:0.3rem;}
.Info .InfoOther .otherlist .item .img{padding-top:64%;border-radius: 0.1rem;}
.Info .InfoOther .otherlist .item .txt{padding-bottom:0.2rem;border-bottom:1px solid #ebebeb;}
.Info .InfoOther .otherlist .item .txt .date{margin:0.2rem 0 0.1rem;font-weight: lighter;color:#666;}
.Info .InfoOther .otherlist .item .txt .tit{line-height: 0.26rem;}
.Info .InfoOther .otherlist .item:hover .img span{transform: scale(1.05);}

.NewsInfo_no .InfoCon{width:100%;}

@media(max-width:1024px){
  .Info .InfoCon .tit h2{font-size: 17px;font-weight: bold;line-height: 1.6;}
  .Info .InfoCon .tit .date{margin-top:5px;}
  .Info .InfoCon .tit{padding-bottom:20px;margin-bottom:30px;}
  .Info .Infopage{margin-top:30px;padding-top:30px;padding-right:150px;}
  .Info .Infopage .goback a{top:30px;width:120px;line-height: 32px;border-radius: 32px;}
  .Info .Infopage .goback a img{width:14px;}
  .Info .Infopage dl dd{line-height: 30px;}
  .Info .InfoOther .share{padding-left:36px;margin-bottom:30px;background-size: 20px;}
  .Info .InfoOther .share ul li a{width:32px;height:32px;line-height: 32px;}
  .Info .InfoOther .share ul li a img{width:18px;}
  .Info .InfoOther .name_tit{font-size: 18px;font-weight: bold;margin-bottom:15px;}
  .Info .InfoOther .otherlist .item .txt .date{margin:5px 0 10px 0;}
  .Info .InfoOther .otherlist .item .txt .tit{line-height: 24px;}
  .Info .InfoOther .otherlist .item{margin-left:15px;}
  .Info .InfoOther .otherlist .slick-list{margin-left:-15px;}
  .Info .InfoOther .otherlist .slick-arrow{top:25%;}
}


@media(max-width:640px){
  .Info .Infopage{padding-right:0;}
  .Info .Infopage .goback a{position: static;margin-bottom:20px;}
  .Info .InfoCon{width:100%;}
  .Info .InfoOther{width:100%;margin-top:30px;}
  .Info .slick-prev{left:10px;}
  .Info .slick-next{right:10px;}
}

/* 公司简介 */
.nBan{position: relative;}
.nBan .img{padding-top:7rem;}
.nBan .txt{width:100%;position: absolute;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.nBan .txt .cn{font-size: 0.48rem;}
.nBan .txt .en{font-size: 0.18rem;letter-spacing: 0.05rem;}
.nBan .txt .zs{margin-top:0.1rem;max-width:0.25rem;}

@media(max-width:1024px){
    .nBan .img{padding-top:40%;}
    .nBan .txt .cn{font-size: 20px;font-weight: bold;}
    .nBan .txt .en{font-size: 14px;}
    .nBan .txt .zs{max-width:15px;}
}

@media(max-width:640px){
    .nBan .img{padding-top:50%;}
    .nBan .txt{line-height: 1.5;top:65%;}
    .nBan .txt .cn{font-size: 17px;}
    .nBan .txt .en{font-size: 12px;}
    .nBan .txt .zs{margin-top:5px;}
}

.About{background: url(../images/aboutbg.jpg) no-repeat center center;background-size: 100%;}
.About .AboutLeft{width:30%;}
.HomeTit .f22{font-size: 0.22rem;margin-top:0.1rem;}

.About .AboutRight{width:66%;}
.About .AboutRight .con{font-size: 0.2rem;line-height: 0.48rem;font-weight: lighter;}

.AboutNum{background: #093159;padding:0.6rem 0;}
.AboutNum ul{display: flex;}
.AboutNum ul li{display: flex;align-items: center;justify-content: center;width:33.33%;color:#fff;font-size: 0.18rem;font-weight: lighter;line-height: 1;position: relative;}
.AboutNum ul li .num span{font-weight: bold;color:#d6b174;font-size: 0.6rem;display: inline-block;margin-right:5px;}
.AboutNum ul li .text{margin-top:0.15rem;}
.AboutNum ul li::before{content:"";display: block;width:1px;height:50px;background: #fff;opacity: 0.2;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.AboutNum ul li:first-child::before{display: none;}

.Culture .HomeTit .subtit{margin-top:0;}
.Culture .CultureBox ul{margin-left:-2.5%;}
.Culture .CultureBox ul::after{content:'';display: block;clear: both;}
.Culture .CultureBox ul li{width:30.83%;float:left;margin-left:2.5%;position: relative;}
.Culture .CultureBox ul li .img{padding-top:124%;border-radius: 0.4rem 0 0.4rem 0;}
.Culture .CultureBox ul li .img::after{content:'';display: block;width:100%;height:100%;background: url(../images/culbg.png) no-repeat top center;position: absolute;left:0;bottom:0;background-size: cover;}
.Culture .CultureBox ul li .txt{position: absolute;bottom:0;left:0;width:100%;box-sizing: border-box;color:#fff;border-radius: 0.4rem;padding:0.4rem 0.5rem;}
.Culture .CultureBox ul li .txt .tit{font-size: 0.3rem;}
.Culture .CultureBox ul li .txt .dec{font-size: 0.18rem;font-weight: lighter;}
.Culture .CultureBox ul li:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .HomeTit .f22{font-size: 14px;margin-top:0;}
    .About .AboutRight .con{font-size: 14px;line-height: 1.875;}
    .AboutNum{padding:30px 0;}
    .AboutNum ul li{font-size: 14px;}
    .AboutNum ul li .num span{font-size: 30px;}
    .Culture .CultureBox ul li .txt{padding:20px;}
    .Culture .CultureBox ul li .txt .tit{font-size: 16px;font-weight: bold;}
    .Culture .CultureBox ul li .txt .dec{font-size: 14px;line-height: 1.6;}
}

@media(max-width:640px){
    .About .AboutLeft{width:100%;}
    .About .AboutRight{width:100%;}
    .AboutNum ul li .num span{font-size: 24px;}
    .Culture .CultureBox ul li{width:47.5%;margin-bottom:2.5%;}
    .Culture .CultureBox ul li .txt{padding:12px;}
}


/* 新闻资讯 */
.subMenu .menu ul::after{content:"";display: block;clear: both;}
.subMenu .menu ul li{margin-right:0.5rem;float:left;font-size: 0.18rem;position: relative;}
.subMenu .menu ul li a{display: block;}
.subMenu .menu ul li::before{content:'';display: block;width:0.36rem;height:2px;background: #d6b174;position: absolute;left:50%;margin-left:-0.18rem;bottom:0;transition: all .5s;opacity: 0;transform: rotateY(90deg);}
.subMenu .menu ul li:hover::before{transform: rotateY(0);opacity: 1;}
.subMenu .menu ul li.on::before{transform: rotateY(0);opacity: 1;}
.subMenu .menu ul li.on a{color:#d6b174;}
.subMenu .menu ul li:hover a{color:#d6b174;}

@media(max-width:1024px){
    .subMenu .menu ul li{font-size: 15px;margin-right:20px;}
}

@media(max-width:640px){
    .Localtion img{max-height:12px;}
    .subMenu .menu {width:100%;}
    .subMenu .menu ul{text-align: center;}
    .subMenu .menu ul::after{display: none;}
    .subMenu .menu ul li{display: inline-block;float:none;}
    .subMenu .menu ul li:last-child{margin-right:0;}
}


.News .NewsList .item{padding:0.5rem 0;border-bottom:1px solid #eeeeee;transition: all .5s;}
.News .NewsList .item a{display: flex;justify-content: space-between;align-items: center;}
.News .NewsList .item .date{width:7.5%;line-height: 1.2;}
.News .NewsList .item .date p{font-size: 0.46rem;font-weight: bold;color:#000;}
.News .NewsList .item .date span{font-size: 0.18rem;color:#222;}
.News .NewsList .item .img{width:25.69%;padding-top:2.5rem;border-radius: 0.1rem;}
.News .NewsList .item .txt{width:58%;box-sizing: border-box;padding-right:0.8rem;position: relative;}
.News .NewsList .item .txt .tit{font-size: 0.3rem;}
.News .NewsList .item .txt .dec{font-size: 0.18rem;line-height: 0.3rem;color:#555;font-weight: lighter;margin-top:0.1rem;}
.News .NewsList .item .txt .more{width:0.45rem;height:0.45rem;border-radius: 50%;border:2px solid #dadada;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.News .NewsList .item .txt .more::after{content:"";display: block;width:100%;height:100%;background-repeat: no-repeat;background-position: center;background-size: 0.18rem;position: absolute;left:0;top:0;background-image: url(../images/jt1.svg);transition: all .5s;}


.News .NewsList .item:hover .txt .more{border:2px solid #d6b174;}
.News .NewsList .item:hover .txt .more::after{transform: rotate(-30deg);background-image: url(../images/jt1c.svg);}
.News .NewsList .item:hover{background: #f8f8f8;border-bottom:1px solid #f8f8f8;}
.News .NewsList .item:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .News .NewsList .item{padding:30px 0;}
    .News .NewsList .item .date p{font-size: 30px;}
    .News .NewsList .item .date span{font-size: 14px;}
    .News .NewsList .item .img{padding-top:1.6rem;}
    .News .NewsList .item .txt .tit{font-size: 16px;font-weight: bold;}
    .News .NewsList .item .txt .dec{font-size: 14px;line-height: 24px;}
    .News .NewsList .item .txt .more{width:30px;height:30px;}
    .News .NewsList .item .txt .more::after{background-size: 12px;}
}

@media(max-width:640px){
    .News .NewsList .item{padding:20px 0;}
    .News .NewsList .item a{position: relative;}
    .News .NewsList .item .date{position: absolute;background:#d6b174;color:#fff;left:0;top:0;z-index:9;padding:5px;width:auto;display: flex;align-items: flex-end;line-height: 1;}
    .News .NewsList .item .date p{font-size: 14px;color:#fff;position: relative;top:2px;margin-right:5px;}
    .News .NewsList .item .date span{font-size: 12px;color:#fff;}
    .News .NewsList .item .img{width:37%;}
}

/* 知识库 */
.News_zsk .ZhiskList ul li{line-height: 1.1rem;border-bottom:1px solid #eee;position: relative;transition: all .5s;}
.News_zsk .ZhiskList ul li a{display: block;padding-right:2.4rem;padding-left:0.5rem;transition: all .5s;}
.News_zsk .ZhiskList ul li .tit{font-size: 0.24rem;}
.News_zsk .ZhiskList ul li .date{font-size: 0.18rem;font-weight: lighter;color:#999;position: absolute;right:0.5rem;top:0;}
.News_zsk .ZhiskList ul li:hover{background: #f8f8f8;}

@media(max-width:1024px){
    .News_zsk .ZhiskList ul li{line-height: 60px;}
    .News_zsk .ZhiskList ul li a{padding-left:0;padding-right:110px;}
    .News_zsk .ZhiskList ul li .tit{font-size: 16px;}
    .News_zsk .ZhiskList ul li .date{font-size: 12px;right:0;}  
}

/* 销售网点 */
.SalesOutlets .item{padding:0.5rem 0.8rem;background: #f8f8f8;border-radius: 0.1rem;margin-bottom:0.9rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.SalesOutlets .item .img{width:31.65%;padding-top:4.05rem;border-radius: 0.1rem;}
.SalesOutlets .item .txt{width:59.375%;}
.SalesOutlets .item .txt .tit{font-size: 0.3rem;font-weight: bold;margin-bottom:0.15rem;}
.SalesOutlets .item .txt .tag{font-size: 0.18rem;line-height: 1.6;margin-bottom:0.3rem;}
.SalesOutlets .item .txt .tag dd{padding:0.05rem 0;padding-left:0.15rem;position: relative;}
.SalesOutlets .item .txt .tag dd::before{content:"";display: block;width:0.03rem;height:0.03rem;background: #222;border-radius: 50%;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.SalesOutlets .item .txt .con{color:#555;font-weight: lighter;}
.SalesOutlets .item .txt .tag dl{display: flex;justify-content: space-between;}
.SalesOutlets .item .txt .tag dl .div_box{width:100%;}

@media(max-width:1024px){
    .SalesOutlets .item{padding:30px;}
    .SalesOutlets .item .img{padding-top:32%;}
    .SalesOutlets .item .txt .tit{font-size: 18px;}
    .SalesOutlets .item .txt .tag{font-size: 14px;margin-bottom:15px;}
    .SalesOutlets .item .txt .tag dd{padding:3px 0;padding-left:12px;}
}

@media(max-width:768px){
    .SalesOutlets .item .txt .tag dl{display: block;}
    .SalesOutlets .item{align-items: flex-start;}
}

@media(max-width:640px){
    .SalesOutlets .item{padding:10px;}
    .SalesOutlets .item .img{margin-top:10px;}
    .SalesOutlets .item .txt .tit{font-size: 16px;margin-bottom:10px;}
    .SalesOutlets .item .txt{width:62%;}
    .SalesOutlets .item .txt .tag {font-size: 13px;}
    .SalesOutlets .item .txt .tag dd{padding-left:10px;}
    .SalesOutlets .item .txt .con{font-size: 13px;}
}


/* 网站留言 */
.Message .Img{width:40%;}
.Message .Img img{width:100%;}
.Message .Form{width:57.5%;}
.Message .Form .tit{font-size: 0.36rem;}
.Message .Form b{display: block;width:0.4rem;height:3px;background: #d6b174;margin:0.1rem 0 0.3rem 0;}
.Message .Form .dec{color:#555;}
.Message .Form .FormBox{margin-top:0.5rem;margin-left:-3%;}
.Message .Form .FormBox .inputbox{width:47%;margin-left:3%;margin-bottom:0.5rem;float:left;box-sizing: border-box;padding-left:0.4rem;position: relative;line-height: 0.4rem;padding-bottom: 0.1rem;border-bottom:1px solid #eee;}
.Message .Form .FormBox .inputbox .icon{width:0.25rem;position: absolute;left:0;top:0;}
.Message .Form .FormBox .inputbox input{height:0.4rem;width:100%;display: block;}
.Message .Form .FormBox .inputbox.col100{width:97%;}
.Message .Form .FormBox .inputbox textarea{height:1rem;display: block;width:100%;line-height: 0.4rem;}
.Message .Form .FormBox .formbtn{border-bottom:none;margin-top:0.3rem;padding-left:0;margin-bottom:0;}
.Message .Form .FormBox .formbtn button{width:1.9rem;height:0.55rem;line-height: 0.55rem;border-radius: 0.55rem;background: #d6b174;color:#fff;box-shadow: 0 0 0.3rem rgba(214,177,116,0.5);}


@media(max-width:1024px){
    .Message .Form .FormBox{margin-top:0.3rem;}
    .Message .Form .FormBox .inputbox{margin-bottom:0.2rem;padding-bottom:5px;}
    .Message .Form .tit{font-size: 20px;font-weight: bold;}
    .Message .Form b{margin:10px 0 20px 0;}
    .Message .Form .FormBox .formbtn button{width:120px;line-height: 36px;height:36px;border-radius: 36px;}
}

@media(max-width:640px){
    .Message .Img{width:100%;}
    .Message .Form{width:100%;margin-bottom:20px;}
    .Message .Form .FormBox .inputbox{width:97%;line-height: 30px;}
    .Message .Form .FormBox .inputbox input{height:30px;}
    .Message .Form .FormBox .inputbox textarea{height:100px;line-height: 30px;}

}

/* 联系我们 */
.Contact .ContactBox {margin-bottom:0.6rem;}
.Contact .ContactBox ul{display: flex;flex-wrap: wrap;margin-left:-2%;}
.Contact .ContactBox ul li{width:23%;margin-left:2%;margin-bottom:2%;border-radius: 0.15rem;background: #f8f8f8;box-sizing: border-box;padding:0.4rem;}
.Contact .ContactBox ul li .tit{display: flex;align-items: center;margin-bottom:0.3rem;}
.Contact .ContactBox ul li .tit .icon{width:0.51rem;margin-right:0.4rem;}
.Contact .ContactBox ul li .tit .name{font-size: 0.18rem;font-weight: bold;color:#999999;}
.Contact .ContactBox ul li .con{font-size: 0.2rem;line-height: 0.36rem;font-weight: bold;}
.Contact .ContactBox ul li .ewa dl{display: flex;}
.Contact .ContactBox ul li .ewa dl dd{width:0.9rem;text-align: center;margin-right:0.1rem;}
.Contact .ContactBox ul li .ewa dl dd p{font-size: 0.14rem;font-weight: lighter;color:#555;margin-top:5px;}

.Contact .ContactImg{position: relative;}
.Contact .ContactImg .imgbox{padding-top:5.3rem;border-radius: 0.2rem;}
.Contact .ContactImg .txt{position: absolute;right:0;top:50%;transform: translateY(-50%);padding:0 1rem;box-sizing: content-box;width:4.2rem;display: flex;align-items: center;}
.Contact .ContactImg .txt .txtbox{color:#fff;}
.Contact .ContactImg .txt .txtbox .tit{font-size: 0.48rem;}
.Contact .ContactImg .txt .txtbox .dec{font-size: 0.2rem;margin:0.2rem 0 0.4rem 0;}
.Contact .ContactImg .txt .txtbox .more a{display: flex;width:1.6rem;height:0.5rem;border-radius: 0.5rem;color:#fff;justify-content: center;align-items: center;flex-wrap: wrap;background-image: linear-gradient(to right, #e57008, #f5bf13);}
.Contact .ContactImg .txt .txtbox .more img{width:7px;display: block;margin-left:0.15rem;}

@media(max-width:1024px){
    .Contact .ContactBox ul li{padding:20px;}
    .Contact .ContactBox ul li .tit{margin-bottom:15px;}
    .Contact .ContactBox ul li .tit .icon{width:30px;margin-right:20px;}
    .Contact .ContactBox ul li .tit .name{font-size: 16px;}
    .Contact .ContactBox ul li .con{font-size: 14px;line-height: 1.6;}
    .Contact .ContactBox ul li .ewa dl dd{width:80px;}
    .Contact .ContactBox ul li .ewa dl dd p{font-size: 12px;}
    .Contact .ContactBox{margin-bottom:30px;}
    .Contact .ContactImg .imgbox{padding-top:3.6rem;}
    .Contact .ContactImg .txt{padding:0 30px;width:300px;}
    .Contact .ContactImg .txt .txtbox .tit{font-size: 20px;font-weight: bold;}
    .Contact .ContactImg .txt .txtbox .dec{font-size: 14px;}
    .Contact .ContactImg .txt .txtbox .more a{width:120px;height: 32px;border-radius: 32px;}
}

@media(max-width:768px){
    .Contact .ContactBox ul li{width:48%;}
}

@media(max-width:640px){
    .Contact .ContactBox ul li{width:98%;}
}

/* 产品展示 */
.Product .ProductBox{display: flex;flex-wrap: wrap;margin-left:-1%;}
.Product .ProductBox .item{width:24%;margin-left:1%;margin-bottom:0.5rem;}
.Product .ProductBox .item .img{padding-top:68%;border-radius: 0.15rem 0.15rem 0 0;}
.Product .ProductBox .item .txt{border:1px solid #eee;border-radius: 0 0 0.15rem 0.15rem;padding:0.25rem 0.1rem;display: flex;align-items: center;justify-content: center;}
.Product .ProductBox .item .txt .icon{width:0.35rem;line-height: 0.35rem;margin-right:0.3rem;}
.Product .ProductBox .item .txt .icon img{max-height:0.35rem;}
.Product .ProductBox .item .txt span{font-size: 0.24rem;font-weight: bold;}
.Product .ProductBox .item:hover .img span{transform: scale(1.05);}
.Product .ProductBox .item:hover .txt .icon{
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;}
@media(max-width:1024px){
    .Product .ProductBox .item {margin-bottom:25px;}
    .Product .ProductBox .item .txt{padding:12px 8px;}
    .Product .ProductBox .item .txt span{font-size: 16px;}
    .Product .ProductBox .item .txt .icon{width:22px;line-height: 22px;margin-right:10px;}
    .Product .ProductBox .item .txt .icon img{max-height:22px;}
}

@media(max-width:640px){
    .Product .ProductBox .item{width:49%;margin-bottom:15px;}
    .Product .ProductBox .item .txt{padding:5px;}
    .Product .ProductBox .item .txt span{font-weight: normal;font-size: 15px;}
}


/* 案例展示 */
.Case .CaseBox{display: flex;flex-wrap: wrap;margin-left:-2%;}
.Case .CaseBox .item{width:31.33%;margin-left:2%;margin-bottom:2%;border-radius: 0.15rem;overflow: hidden;}
.Case .CaseBox .item .img{padding-top:66%;}
.Case .CaseBox .item .txt{padding:0.3rem;padding-right:0.8rem;position: relative;transition: all .5s;}
.Case .CaseBox .item .txt .tit{font-size: 0.2rem;}
.Case .CaseBox .item .txt .dec{color:#555;font-weight: lighter;}
.Case .CaseBox .item .txt .more{width:0.44rem;height:0.44rem;box-sizing: border-box;border-radius: 50%;border:2px solid #dadada;position: absolute;right:0.3rem;top:50%;transform: translateY(-50%);}
.Case .CaseBox .item .txt .more::after{content:'';display: block;width:100%;height:100%;background: url(../images/jt1.svg) no-repeat center center;background-size: 0.2rem;position: absolute;left:0;top:0;}
.Case .CaseBox .item:hover .txt{background: #d6b174;transform: translateY(-0.3rem);}
.Case .CaseBox .item:hover .txt .tit{color:#fff;}
.Case .CaseBox .item:hover .txt .dec{color:#fff;}
.Case .CaseBox .item:hover .txt .more{border:2px solid #fff;}
.Case .CaseBox .item:hover .txt .more::after{background:url(../images/jt1w.svg) no-repeat center center;background-size: 0.15rem;transform: rotate(-30deg);}
.Case .CaseBox .item:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .Case .CaseBox .item .txt{padding:15px;padding-right:60px;}
    .Case .CaseBox .item .txt .more{width:30px;height:30px;right:10px;}
    .Case .CaseBox .item .txt .more::after{background-size: 12px;}
    .Case .CaseBox .item .txt .tit{font-size: 16px;}
}

@media(max-width:640px){
    .Case .CaseBox .item{width:48%;}
    .Case .CaseBox .item .txt{padding:10px;padding-right:42px;}
    .Case .CaseBox .item .txt .more{right:5px;}
    .Case .CaseBox .item .txt .tit{font-size: 15px;}
}

/* 人才招聘 */
.Job .JobBox{border-radius: 0.15rem;overflow: hidden;}
.Job .item{}
.Job .item .jobTit{padding:0 0.3rem 0 1.2rem;font-size: 0.18rem;}
.Job .item .jobTit dl::after{content:"";display: block;clear: both;}
.Job .item .jobTit dl dd{width:18%;float:left;box-sizing: border-box;padding:0.22rem 0;}
.Job .item .jobTit dl dd:first-child{width:28%;}
.Job .item.itemTit{background: #d6b174;color:#fff;}
.Job .itemList{background: #fff;}
.Job .itemList:nth-child(2n){background: #f4f7fa;}
.Job .item .jobTit dl dd:nth-child(5){display: flex;align-items: center;}
.Job .item .jobTit dl dd i{display: inline-block;width:20px;height:20px;background: url(../images/jobjt.png) no-repeat center center;margin-left:6px;transition: all .5s;}

.Job .item.itemList .jobTit{cursor: pointer;color:#7f8896;}
.Job .item.itemList .jobCon{padding:0.7rem 1.2rem;background: #f4f7fa;display: none;border-bottom:1px solid #f2f2f2;}
.Job .item .jobCon .box{margin-bottom:0.5rem;}
.Job .item .jobCon .box .boxtit{font-size: 0.24rem;font-weight: bold;margin-bottom:0.1rem;}
.Job .item .jobCon .box .con{color:#7f8896;font-size: 0.18rem;}
.Job .item .jobCon .toud{width:2rem;line-height: 0.6rem;border-radius: 0.6rem;background: #d6b174;text-align: center;font-size: 0.18rem;}
.Job .item .jobCon .toud a{display: block;color:#fff;}

.Job .item .jobTit.on dl dd i{background: url(../images/jobjtc.png) no-repeat center center;}
.Job .item .jobTit.on dl dd:first-child{color:#d6b174;}

@media(max-width:1024px){
    .Job .item .jobTit{font-size: 15px;}
    .Job .item .jobTit dl dd{padding:10px 0;}
    .Job .item .jobTit{padding:0 30px 0 60px;}
    .Job .item.itemList .jobCon{padding:20px 60px;}
    .Job .item .jobCon .box{margin-bottom:30px;}
    .Job .item .jobCon .box .boxtit{font-size: 16px;}
    .Job .item .jobCon .box .con{font-size: 14px;}
    .Job .item .jobCon .toud{width:100px;line-height: 30px;border-radius: 30px;font-size: 14px;}
}

@media(max-width:768px){
    .Job .item .jobTit{padding:0 30px;}
    .Job .item.itemList .jobCon{padding:20px 30px;}
}

@media(max-width:640px){
    .Job .item .jobTit{padding:0 15px;font-size: 14px;}
    .Job .item.itemList .jobCon{padding:15px;}
    .Job .item .jobTit dl dd{width:26%;}
    .Job .item .jobTit dl dd:nth-child(1){width:48%;}
    .Job .item .jobTit dl dd:nth-child(2),
    .Job .item .jobTit dl dd:nth-child(3){display: none;}
    .Job .item .jobTit dl dd i{margin-left:2px;width:10px;background-size: contain;}
}

/* 招聘表单 */
/* .jobPopup{position: fixed;z-index:999;width:100%;height:100%;background: rgba(0,0,0,0.5);top:0;left:0;display: none;}
.jobPopup.show{display: block;} */
.JobForm{width:95%;max-width:600px;margin:0 auto;box-sizing: border-box;padding:0.6rem;border-radius: 0.1rem;background: #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.JobForm ul li{padding-left:1.1rem;position: relative;line-height: 0.4rem;margin-bottom:0.2rem;min-height:0.4rem;}
.JobForm ul li .name{position: absolute;left:0;top:0;width:0.9rem;text-align: right;font-weight: lighter;}
.JobForm ul li .inputbox{font-weight: bold;}
.JobForm ul li .inputbox input{display: block;width:100%;height:0.4rem;border:1px solid #e9e9e9;box-sizing: border-box;padding:0 10px;border-radius: 5px;}
.JobForm ul li.formbtn{text-align: center;padding-top:0.2rem;}
.JobForm ul li.formbtn button{width:1.4rem;line-height: 0.4rem;border-radius: 0.4rem;background: #d6b174;color:#fff;}

@media(max-width:1024px){
    .JobForm ul li{padding-left:80px;line-height: 32px;min-height:32px;}
    .JobForm ul li .name{width:70px;}
    .JobForm ul li .inputbox input{height:32px;}
    .JobForm ul li.formbtn button{width:120px;line-height: 32px;border-radius: 32px;}
}

@media(max-width:640px){
    .JobForm{padding:40px 20px;}
}

.queueList{margin:0 !important;}
.placeholder{padding:0.3rem 0 !important;font-size: 0.16rem !important;font-weight: lighter;min-height:1px !important;line-height: 1.6 !important;}
.placeholder .webuploader-pick{font-size: 0.16rem !important;line-height: 0.4rem !important;width:1.4rem !important;padding:0 !important;}
.filelist li{width:100% !important;box-sizing: border-box !important;height:auto !important;margin-bottom:5px !important;background: #f5f5f5;}
.filelist li p.imgWrap{display: none !important;}
.filelist div.file-panel{}
.queueList.filled{padding:0 !important;}
.statusBar .info{display: none !important;}
.statusBar .btns{display: flex;right:-10px !important;}
.statusBar .btns>div{width:90px !important;line-height: 30px !important;font-size: 14px !important;padding:0 !important;text-align: center;margin-right:0 !important;margin-right:10px !important;}
.statusBar .btns .webuploader-pick, .statusBar .btns .uploadBtn, .statusBar .btns .uploadBtn.state-uploading, .statusBar .btns .uploadBtn.state-paused{padding:0 !important;width:90px !important;}
.statusBar{padding:0 !important;}

@media(max-width:640px){
    .placeholder{font-size: 12px !important;;}
    .placeholder .webuploader-pick{font-size: 12px !important;line-height: 28px !important;width:100px !important;}
}


/* 网站地图 */
.website ul li{margin-bottom:0.2rem;padding:0.2rem;background: #f7f8f9;}
.website ul li em{display: block;line-height: 0.5rem;border-bottom:1px solid #e5e5e5;position: relative;font-size: 0.18rem;font-weight: bold;margin-bottom:0.2rem;}
.website ul li em::before{content:'';display: block;width:0.4rem;height:2px;background: #d6b174;position: absolute;left:0;bottom:-1px;}
.website ul li .Nav dl dd{display: inline-block;margin-right:0.3rem;}

@media(max-width:1024px){
    .website ul li em{font-size: 16px;line-height: 40px;}
}


.ProductDetail{background: #fff;}
.ProductDetail .productHeader{display: flex;margin-bottom:0.6rem;}
.ProductDetail .productImg{width:40%;border-radius: 0.1rem;overflow: hidden;flex-shrink: 0;}
.ProductDetail .productImg img{width:100%;object-fit: cover;}
.ProductDetail .productInfo{width:100%;margin-left:3%;display: flex;flex-direction: column;justify-content: center;}
.ProductDetail .productTitle{font-size: 0.4rem;color:#222;margin-bottom:0.3rem;}
.ProductDetail .productIntro{padding:0.4rem;background: #fafafa;border-radius: 0.1rem;}
.ProductDetail .productIntro p{font-size: 0.2rem;color:#555;line-height: 0.36rem;}
.ProductDetail .productDescription{padding:0.6rem;border:1px solid #eee;border-radius: 0.1rem;}
.ProductDetail .productDescription h2{font-size: 0.28rem;color:#222;margin-bottom:0.4rem;padding-left:0.2rem;border-left:3px solid #d6b174;}
.ProductDetail .productDescription p{font-size: 0.2rem;color:#666;line-height: 0.4rem;margin-bottom:0.3rem;text-indent: 0.4rem;}
.ProductDetail .productDescription p:last-child{margin-bottom:0;}

@media(max-width:1024px){
    .ProductDetail .productTitle{font-size: 24px;font-weight: bold;margin-bottom:20px;}
    .ProductDetail .productIntro{padding:15px;}
    .ProductDetail .productIntro p{font-size: 14px;line-height: 1.8;}
    .ProductDetail .productDescription{padding:25px;}
    .ProductDetail .productDescription h2{font-size: 18px;margin-bottom:20px;}
    .ProductDetail .productDescription p{font-size: 14px;line-height: 1.8;margin-bottom:15px;}
}

@media(max-width:640px){
    .ProductDetail .productHeader{flex-direction: column;}
    .ProductDetail .productImg{width:100%;margin-bottom:20px;}
    .ProductDetail .productInfo{width:100%;margin-left:0;}
    .ProductDetail .productTitle{font-size: 20px;}
    .ProductDetail .productIntro p{font-size: 14px;}
    .ProductDetail .productDescription{padding:20px;}
    .ProductDetail .productDescription p{font-size: 14px;text-indent: 28px;}
}