.p-tb60{padding: 60px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.rowt20{margin-top: -20px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #666;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-24: 24px;}

@media (max-width: 991px) {
    .p-tb60{padding: 30px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .rowt20{margin-top: -10px;}
    .fz-32{font-size: 24px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
    :root{--fz-24: 18px;}
}


.faqsbody{padding: 20px 0;background: #101010;}
.faqsbody .faqswrap{height: 100%;padding: 50px;background: #222;}
.faqsbody .faqswrap .picimg{width: 75px;margin: auto;}
.faqsbody .faqswrap .title{color: #fff;margin-bottom: 6px;}
.faqsbody .faqswrap .contentdesc{line-height: 1.6;color: #a9a9a9;}
.box-item-text{line-height: 1.65;color: #888;}

.group-profile .pic-img-you{width: 50%;}
.group-profile .con-txt-zuo{width: 50%;padding: 1.2rem 0;background: #101010;}
.group-profile .con-txt-zuo .title{color: #fff;}
.group-profile .con-txt-zuo .content-text{color: #a9a9a9;}
a.moduleButton{display: inline-block;width: 165px;line-height: 45px;background: #273069;border: 1px solid #273069;color: #fff;position: relative;z-index: 2;}
a.moduleButton:after{content: "";width: 0;height: 100%;background: #262626;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.5s;}
a.moduleButton:hover{border-color: #262626;}
a.moduleButton:hover:after{width: 100%;}
a.moduleButton.cur{background: #fff;border: 1px solid #eee;color: #888;}
a.moduleButton.cur:hover{border-color: #262626;color: #fff;}

.productbg{background: url('../images/probg.jpg') no-repeat center/cover;color: #fff;}
.productEvaluation{height: 100%;padding-top: 60px;position: relative;}
.productEvaluation .picimg{width: 120px;height: 120px;background: #fff;padding: 5px;border-radius: 50%;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}
.productEvaluation .picimg img{border-radius: 50%;}   
.productEvaluation .contxt{height: 100%;padding: 90px 40px 30px;background: #222;}
.productEvaluation .contxt .content{margin-top: 10px;line-height: 1.65;color: #a9a9a9;}

a.wrapnewslist{display: block;}
a.wrapnewslist .picimg{overflow: hidden;}
a.wrapnewslist .title{color: #333;}
a.wrapnewslist .time{color: #666;}
a.wrapnewslist .desc{margin-top: 8px;color: #999;line-height: 2;-webkit-line-clamp: 2;height: 4em;}
a.wrapnewslist:hover .picimg img{transform: scale(1.08);}

@media (max-width: 991px) {
    .faqsbody .faqswrap{padding: 24px;}
    .faqsbody .faqswrap .picimg{width: 54px;}
    .group-profile{display: block;}
    .group-profile .pic-img-you{width: 100%;}
    .group-profile .con-txt-zuo{width: 100%;padding: 40px 0;}
    a.moduleButton{width: 120px;line-height: 36px;}

}


.rowFlexWrap{display: flex;flex-wrap: wrap;}
.spaceBetween{justify-content: space-between;}
.showItemMenuZuo{width: 360px;}
.mobile-nav{display: none;width: 100%;height: 50px;line-height: 50px;padding: 0 15px;background: #121212;color: #fff;font-size: 18px;position: relative;}
.mobile-nav:before,.mobile-nav:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);background: #999;position: absolute;z-index: 10;}
.mobile-nav:before{width: 2px;height: 14px;right: 19px;transition: transform 0.3s ease;}
.mobile-nav:after{width: 14px;height: 2px;right: 13px;}
.mobile-nav.extend:before{transform: translateY(-50%) rotate(90deg);}
.showItemMenuZuo ul.tab-item>li{font-size: 16px;text-align: center;margin-bottom: 2px;}
.showItemMenuZuo ul.tab-item>li>a{display: flex;align-items: center;justify-content: center;padding: 0 15px;height: 60px;overflow: hidden;background: #262626;color: #fff;}
.showItemMenuZuo ul.tab-item>li.active>a,.showItemMenuZuo ul>li>a:hover{background: #273069;color: #fff;}
.showItemTextYou{width: calc(100% - 360px);padding-left: 50px;}
a.productListitem{display: block;height: 100%;background: #fff;border: 1px solid #eee;}
a.productListitem .contxt{text-align: center;padding: 10px;}
a.productListitem .contxt .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
a.productListitem:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
a.productListitem:hover .picimg img{transform: scale(1.08);}

.work_show_img_zuo{width: 500px;}
.workswipertop .swiper-slide{padding: 6px;background: #f7f8f9;border: 1px solid #ebebeb;}
.slidenextprev .swiper-button-next{width: 26px;height: 42px;background: rgba(0,0,0,0.36);right: 0;}
.slidenextprev .swiper-button-prev{width: 26px;height: 42px;background: rgba(0,0,0,0.36);left: 0;}
.slidenextprev .swiper-button-disabled{opacity: 0;}
.slidenextprev .swiper-button-next:after,.slidenextprev .swiper-button-prev:after{font-size: 16px;color: #fff;}
.slidenextprev .swiper-button-next:hover,.slidenextprev .swiper-button-prev:hover{background: rgba(0,0,0,0.72);}
.workswiperend .swiper-slide{padding: 3px;background: #f7f8f9;cursor: pointer;border: 1px solid #ebebeb;}
.workswiperend .swiper-slide-thumb-active{border-color: #00117c;}
.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url('../images/loading.gif') no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background: url('../images/lt_arrow.png') no-repeat center left/64px;left: 15px;}
.nextArrow{background: url('../images/rt_arrow.png') no-repeat center right/64px;right: 15px;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: "";background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.work_show_con_you{width: calc(100% - 500px);padding-left: 60px;}
.work_show_con_you .contentdesc{line-height: 2;color: #666;}
a.contactus{display: block;width: 136px;height: 46px;line-height: 46px;background: #00117c;color: #fff;border-radius: 4px;}
a.contactus:hover{background: #273069;}
.productdetail span{display: inline-block;padding: 8px 12px;background: #00117c;color: #fff;}
.productDetails h1,.productDetails h2,.productDetails h3,.productDetails h4{font-size: var(--fz-24);font-weight: 700;margin-bottom: 10px;}
.box_item_prev{line-height: 2;text-align: left;}
.box_item_next{line-height: 2;text-align: right;}
.box_item_prev a,.box_item_next a{color: #333;}
.box_item_prev span,.box_item_next span{margin-right: 8px;color: #888;}
.box_item_prev a:hover,.box_item_next a:hover{color: #00117c;text-decoration: underline;}

.aboutusTxtzuo,.aboutusImgyou{width: 50%;}
.brandswiper .swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;}
.newsItem .newslist{padding: 20px 0;display: flex;align-items: center;border-bottom: 1px dotted #ccc;}
.newsItem .newslist a.picimg{display: block;width: 320px;overflow: hidden;}
.newsItem .newslist .contxt{width: calc(100% - 240px);padding-left: 0.6rem;}
.newsItem .newslist .contxt .title{color: #333;margin-bottom: 6px;}
.newsItem .newslist .contxt .desc{color: #999;line-height: 2;-webkit-line-clamp: 2;height: 4em;}
.newsItem .newslist .contxt a.more{display: block;color: #666;width: 100px;line-height: 30px;overflow: hidden;border: 1px solid #cecece;position: relative;}
.newsItem .newslist .contxt a.more:after{content: "";width: 30px;height: 30px;background: url('../images/you.png') no-repeat center/20px;position: absolute;top: 0;right: 0;transition: all 0.5s;}
.newsItem .newslist .contxt a.more span{display: block;text-align: center;transition: all 0.5s;}
.newsItem .newslist .contxt a.more:hover{border-color: #00117c;}
.newsItem .newslist .contxt a.more:hover:after{background-color: #00117c;}
.newsItem .newslist .contxt a.more:hover span{transform: translateX(-15px);}
.newsItem .newslist:hover a.picimg img{transform: scale(1.08);}
.newsItem .newslist:hover .contxt .title{color: #00117c;}
.hits-time-show{padding: 10px 0;color: #999;border-bottom: 1px dotted #ccc;}
.hits-time-show span{margin-left: 12px;}

.box-item-title{padding-bottom: 12px;position: relative;}
.box-item-title:after{content: "";width: 42px;height: 3px;background: #666;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.contactusInfo{width: 100%;height: 100%;text-align: center;padding: 30px 20px;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.contactusInfo .desc{line-height: 1.6;color: #888;}
.messageForm .name{line-height: 2;}
.messageForm .name span{color: #f00;}
.messageForm .input{width: 100%;height: 40px;background: #f7f8f9;padding: 0 10px;border: 1px solid #e7e7e7;}
.messageForm .content{width: 100%;height: 120px;background: #f7f8f9;padding: 5px 10px;border: 1px solid #e7e7e7;}
.messageForm .input:focus,.messageForm .content:focus{border-color: #00117c;}
.messageForm .submit{width: 120px;height: 40px;background: #000;color: #fff;}
.messageForm .submit:hover{background: #00117c;}

@media (max-width: 1440px) {
    .showItemMenuZuo{width: 300px;}
    .showItemTextYou{width: calc(100% - 300px);padding-left: 35px;}
}
@media (max-width: 1230px) {
    .aboutusTxtzuo{width: 100%;margin-bottom: 20px;}
    .aboutusImgyou{width: 100%;margin-top: 20px;}
}
@media (max-width: 991px) {
    .showItemMenuZuo,.work_show_img_zuo{width: 100%;}
    .mobile-nav{display: block;}
    .showItemMenuZuo ul.tab-item{display: none;}
    .showItemMenuZuo ul.tab-item>li{font-size: 14px;text-align: left;margin: 0;border-top: 1px solid #4a4b4c;}
    .showItemMenuZuo ul.tab-item>li>a{height: 40px;justify-content: flex-start;}
    .showItemTextYou,.work_show_con_you{width: 100%;padding: 20px 0 0;}
    .slidenextprev .swiper-button-next{width: 22px;height: 34px;}
    .slidenextprev .swiper-button-prev{width: 22px;height: 34px;}
    .slidenextprev .swiper-button-next:after,.slidenextprev .swiper-button-prev:after{font-size: 14px;}
    a.contactus{width: 108px;height: 40px;line-height: 40px;}
    .box_item_next{text-align: left;}
}
@media (max-width: 768px) {
    .newsItem .newslist{padding: 12px 0;}
    .newsItem .newslist a.picimg{width: 108px;}
    .newsItem .newslist .contxt{width: calc(100% - 108px);padding-left: 12px;}
    .newsItem .newslist .contxt a.more{display: none;}
}