@charset "utf-8";
/* =====================内页样式======================== */

/* 内页头部菜单公共样式 */
.dudaopub-img{width: 100%;max-height: 670px;}
.dudaopub-img img{width: 100%;height: 100%; object-fit: cover;}
.dudaopub-menu{width: 100%;box-shadow: 5px 0 41px rgba(0, 0, 0, .08);}
.dudaopub-menulft{float: left;}
.dudaopub-menulft li{display: inline-block;padding: 0 60px;position: relative;}
.dudaopub-submenu{display: block;height: 85px;line-height: 85px;font-size: 16px;color: #262626;}
.dudaopub-submenu::after{content: "";width: 0%;height: 8px;background-color: #fff100;border-radius: 4px; position: absolute;right:0;bottom: 0;transition: all .4s ease;}
.dudaopub-menulft li:hover .dudaopub-submenu::after{width: 100%;right: auto;left: 0;}
.dudaopub-menulft li.onture .dudaopub-submenu::after{width: 100%;right: auto;left: 0;}
.dudaopub-menurgt{float: right;display: flex;align-items: center;height: 85px;line-height: 85px;}
.dudaopub-menurgt a{display: inline-block;width: 42px;height: 85px;text-align: center;}
.dudaopub-menurgt a img{margin-bottom:5px;}
.dudaopub-menurgt span{display: inline-block;margin-right: 12px;font-size: 15px;font-family: "\5B8B\4F53";}
.dudaopub-menurgt h2{font-size: 15px;color: #777777;}
/* 品牌介绍 */
.brand-showitem{width: 100%;padding: 108px 0 128px;}
.brand-showitem .contain{display: flex;}
.bran-showcont{width: 62.23%;float: left;padding-right: 70px;}
.brand-copy{width: 100%;margin-bottom: 62px;}
.brand-copy h1{font-size: 32px;color: #5a5a5a;line-height: 40px;font-weight: 800;}
.brand-copy p{font-size: 12px;color: #727071;}
.brand-induce{width: 100%;margin-bottom: 40px;}
.brand-induce h2{font-size: 20px;color: #545454;line-height: 40px;font-weight: bold; margin-bottom: 8px;}
.brand-induce p{font-size: 14px;color: #777777;line-height: 26px;}
.brand-purpose{width: 100%;margin-top: 40px;}
.brand-purpose h2{font-size: 28px;color: #545454;font-weight: bold;margin-bottom: 40px;}
.brand-vision{width: 100%;}
.brand-vision h2{font-size: 16px;color: #545454;font-weight: bold;margin-bottom: 14px;}
.brand-vision p{font-size: 14px;color: #777777;line-height: 26px;}
.brand-visionitem{width: 100%;margin-top: 25px;display: flex;flex-direction: column;}
.brand-visionitemtop{width: 100%;display: flex;}
.brand-visionitembot{width: 100%;padding-top: 24px;display: flex;}
.brand-visioncont{width: 50%;padding-right: 40px;}
.brand-visioncont h2{font-size: 16px;color: #545454;font-weight: bold;margin-bottom: 14px;}
.brand-visioncont p{font-size: 14px;color: #777777;line-height: 26px;}
.brand-showimg{width: 37.77%;float: right;}
.brand-show-img{width: 100%;overflow: hidden;margin-bottom: 30px;}
.brand-show-img img{width: 100%; object-fit: cover;transition: all .4s ease;}
.brand-show-img img:hover{transform: scale(1.1);}

/* 商品中心 */
.shop-center{width: 100%;overflow: hidden;position: relative;}
.shop-banner{width: 100%;position: relative;}
.shop-barimg{width: 100%;height: 400px; position: relative;}
.shop-barimg img{width: 100%;height: 100%; object-fit: cover;}
.shop-barimg-pc{display: block;}
.shop-barimg-mb{display: none;}
.shop-banner .swiper-pagination{bottom: 20px;z-index: 2;}
.shop-banner .swiper-pagination-bullet {width: 42px;height: 3px;border-radius: 0;background: #535353;opacity: 1;margin: 0 2px !important;transition: all .4s ease;}
.shop-banner .swiper-pagination-bullet-active {opacity: 1;background:  #fff100;width: 42px;height: 3px;border-radius: 0;}
.shop-bannerbox-next{width: 33px;height: 55px;background: url('../images/gather/Arrrshp.png') no-repeat;position: absolute;right: 14%;top: 38%;z-index: 3;transition: all .4s ease;cursor: pointer;}
.shop-center .shop-bannerbox-next:hover{background: url('../images/gather/ArrrshpY.png') no-repeat;}
.shop-menu{width: 100%;height: 100%; position: absolute;left: 0;top: 0;z-index: 2;}
.shop-menu .contain{height: 100%;}
.shop-menuitem{width: 196px; height:100%;background-color:#040405;position: relative;}
.shop-menuitem li{width:100%;padding: 0 26px;}
.shop-menulist{display: block;width: 100%;font-size: 16px;color: #ffffff;font-weight: bold;height: 53px;line-height:53px;border-bottom: 1px solid #333333;}
.shop-drop{display: none; width: 158px; background-color:#0f0f12;position: absolute;left:196px;top:0px;height:100%;padding: 12px 0;}
.shop-drop li{width: 100%; padding: 0 20px;}
.shop-drop li a{display: block;width: 100%; font-size: 14px;color:#ffffff;height: 38px;line-height: 38px;}
.shop-drop li:hover{background: yellow;color: #000;}
.shop-drop li:hover a{color: #000;}
.shop-listitem{width: 100%;padding: 56px 0 88px;}
.shop-menuitem .menu-li:hover{background-color: #fff100;color: #3d3d3d;}
.shop-menuitem .menu-li:hover .shop-menulist{color: #3d3d3d;border: 0;}
.shop-menuitem .menu-li:hover .shop-drop{display: block;}

/* 商品列表公共样式 */
.shop-pubitem{width: 100%;}
.shop-pubitem ul{margin-left: -2%;}
.shop-pubitem li{float: left;width: 18%;margin-left: 2%;box-shadow: 5px 0 54px rgba(0, 0, 0, .07);margin-bottom: 30px;}
.shop-pubitemcont{display: block;width: 100%;position: relative;}
.shop-pubitemcont::after{content: "";width: 0%;height: 3px;background-color: #fff100; position: absolute;left: 0;bottom: 0;transition: all .4s ease;}
.shop-pubitem li:hover .shop-pubitemcont::after{width: 100%;right: auto;left: 0;}
.shop-pubimg{width: 100%;height: 258px;overflow: hidden;}
.shop-pubimg img{width: 100%;height:100%;object-fit: cover;transition: all .4s ease;transform: scale(0.96);}
.shop-pubitem li:hover .shop-pubimg img{transform: scale(1);}
.shop-pubcont{width: 100%;text-align: center;padding: 12px 20px;}
.shop-pubcont h2{font-size: 14px;color: #222222;line-height: 24px;height: 54px;}
.shop-pubcont span{font-size: 14px;color: #999999;line-height: 20px;display: inline-block;height: 40px;}
/*分页*/
#pagination{display:flex;text-align:center;justify-content:center;align-items:center;width: 100%;flex-wrap: wrap;margin-top: 30px;}
#pagination a{margin-left:5px;border:1px solid #c4c6cf;border-radius:3px;background:transparent;color:#333;font-size:16px;display: block;height: 40px;line-height: 40px;padding: 0 15px}
#pagination .click-page{display: flex;align-items: center}
#pagination .click-page.no-page{background: #f7f8fa;color: #cccccc;pointer-events: none;}
#pagination a.active,#pagination a:hover{border:1px solid #fff100;background:#fff100;}
#pagination a.page-dot{border: none;padding: 0 5px}
#pagination a.page-dot:hover{background:0 0}
#pagination a span.lft-ico{margin-right:10px;font-weight:700;font-family:"\5B8B\4F53"}
#pagination a span.rgt-ico{margin-left:10px;font-weight:700;font-family:"\5B8B\4F53"}
#pagination .page-rgt{display:flex;align-items:center}
#pagination .page-num{margin:0 20px;font-size:16px}
#pagination .page-go{color:#999;font-size:16px}
#pagination .page-go input{width:50px;height:40px;border:1px solid #c9cbd3;border-radius:3px;text-align:center}
#pagination .page-go .go-btn{display: inline-block}

/* 商品详情 */
.shop-details{width: 100%;background-color: #f7f7f7;padding:30px 0 112px; overflow: hidden;}
.shop-detmenu{width: 100%; float: left;display: flex;align-items: center;flex-wrap: wrap;}
.shop-detmenu a{display: inline-block; font-size: 15px;color: #777777;margin-right: 12px;}
.shop-detmenu a img{display: inline-block;vertical-align: middle;margin-bottom:4px;}
.shop-detmenu span{display: inline-block;margin-right: 12px;font-size: 15px;font-family: "\5B8B\4F53";}
.shop-detmenu h2{ font-size: 15px;color: #777777;margin-right: 12px;line-height: 28px;}
.shop-detitem{width: 100%;margin-top: 66px;}
.shop-detbanner{width: 100%;float: left; overflow: hidden;display: flex;justify-content: left;}
.shop-detbanner-lft{float: left;;position: relative;overflow: hidden;display: flex;}
.shop-detbanner .swiper-container{ height:498px;width:498px;background-color: #ffffff;margin-right: 28px;margin-left: 0;}
.shop-detbanner .shop-icim{width:100%;overflow:hidden;position:relative;text-align:center}
.shop-detbanner .shop-icim .image{width:100%;object-fit:scale-down;transition: all .4s ease}
.shop-detbanner .swiper-slide:hover .image{transform: scale(1.1)}
.shopdetbox-next,.shopdetbox-prev{width: 42px;height: 42px;background: url(../images/gather/detTop.png) no-repeat center;position:absolute;right:14%;top: -6px;cursor: pointer;transition: all .4s ease;}
.shopdetbox-next:hover ,.shopdetbox-prev:hover{background: url(../images/gather/detTopY.png) no-repeat center;}
.shopdetbox-prev{transform:rotate(180deg);top:92%;}
.shop-detbanner .thumb-box{width:62px;height: 498px;font-size:0;padding: 34px 0; position: relative;}
.shop-detbanner .thumb-box ul{display:flex;flex-direction:column;}
.shop-detbanner .thumb-box ul li+li{margin-top:20px}
.shop-detbanner .thumb-box ul li{width:62px;height:62px;background-color: #ffffff; border:2px solid #ffffff;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative}
.shop-detbanner .thumb-box ul li img{width:58%;object-fit:cover}
.shop-detbanner .thumb-box ul li.ontrue{border-color:#fff100}
.shop-detbanner-lft .swiper-slide{display:flex;align-items:center;justify-content:center;position:relative}
.shop-detbanner-rgt{width:48%; margin-left: 48px;}
ul.list-dot>li{padding-left:16px;position:relative;font-size:15px;color:#666666;line-height:30px}
ul.list-dot>li:after{content:'';position:absolute;left:0;background-color:#fff100;width:6px;height:6px;border-radius:50%;top:11px}
.shop-detbanner-rgt .rgt-tit{font-size:30px;color:#333333;margin-bottom:20px;font-weight:700}
.shop-detbanner-rgt .rgt-tit span{font-weight: lighter !important;margin-left: 10px;}
.shop-detbanner-rgt .small-tit{font-size:18px;color:#666666;margin:40px 0 10px;font-weight:700}
.shop-detbanner-rgt h2{font-size: 32px;color: #333333;}
.shop-detbanner-rgt .btn{margin-top:25px}
.shop-detlist{width: 158px;background-color: #ffffff;border: 1px solid #f2f2f2;position: fixed;right: 0;top: 30%;}
.shop-detlist li{width: 100%;text-align: center;padding: 0 10px;}
.shop-detlist li:last-child{border: 0;padding: 20px 0;}
.shop-detlist li:hover{background-color: #0e0e0e;}
.shop-detlist li:hover .shop-listmenu{color: #ffffff;border: 0;}
.shop-detlist li:last-child:hover{background: none;}
.shop-listmenu{display: block; width: 100%;height: 62px;line-height: 62px; font-size: 16px;color: #3d3d3d;border-bottom: 1px solid #f2f2f2;}
.shop-detlist li:last-child .shop-listmenu{border-bottom: 0;}
.shop-listdrop{display: none; width: 100%;height: 100%; position: absolute;left: -100%;top: 0;background-color: #313135;padding-top: 12px;}
.shop-listdrop a{display: block;width: 100%;font-size: 14px;color: #ffffff; line-height: 42px;padding: 0 10px}
.shop-detlist li:hover .shop-listdrop{display: block;}
.shop-listdrop a:hover{background-color:#fff100;color: #3d3d3d;}
.shop-detinduce{width: 100%;background-color: #ffffff;}
.shop-detinduce h2{font-size: 28px;color: #333333;height: 122px;line-height: 122px;}
.shop-detduceimg{width: 100%;overflow: hidden;}
.shop-detduceimg img{display: block; max-width: 100%;margin: 0 auto; object-fit: cover;}
.shop-dettype{width: 100%;padding: 80px 0 112px;}
.shop-typetop{width: 100%;text-align: center;margin-bottom: 42px;}
.shop-typetop h2{font-size: 28px;color: #333333;line-height: 40px;}
.shop-typebot{width: 100%;}
.shop-typebot ul{margin-left: -2%;}
.shop-typebot li{float: left;width: 18%;margin-left: 2%;box-shadow: 5px 0 54px rgba(0, 0, 0, .07);position: relative;}
.shop-typeitem{display: block; width: 100%;}
.shop-typeitem::after{content: "";width: 0%;height: 3px;background-color: #fff100; position: absolute;left: 0;bottom: 0;transition: all .4s ease;}
.shop-typebot li:hover .shop-typeitem::after{width: 100%;right: auto;left: 0;}
.shop-typeimg{width: 100%;height: 258px;overflow: hidden;}
.shop-typeimg img{width: 100%;height:100%;object-fit: cover;transition: all .4s ease;}
.shop-typebot li:hover .shop-typeimg img{transform: scale(1.2);}
.shop-typecont{width: 100%;text-align: center;}
.shop-typecont h2{font-size: 14px;color: #222222;line-height: 40px;}
.shop-typecont span{font-size: 14px;color: #999999;line-height: 40px;}
.proSon-show-pic{width:498px;height:498px;position: absolute;top: 0;z-index: 2;left:0;user-select: none;}
.proSon-show-pic img{width: 498px;height: 498px;object-fit: cover;}
/* 图片放大 */
div.zoomDiv {z-index: 999;position: absolute;top: 0px;left: 0px;width: 440px;height: 514px;background: #fff;border: 1px solid #e5e5e5;display: none;text-align: center;overflow: hidden;}
div.zoomMask {position: absolute;background: url("http://www.jq22.com/demo/jquery-fdj-150220102655/images/mask.png") repeat scroll 0 0 transparent;cursor: move;z-index: 1;}

/* 营销网络 */
.network-map{width: 100%;padding:115px 0 130px;}
.network-mapitem{width: 100%;padding:0 86px;overflow: hidden;}
.sermd-item{width: 100%;background: #f7f7f7;padding:0px 28px;height: 34px;border: 2px solid #c9caca;border-top-right-radius:4px;border-top-left-radius: 4px;}
.sermd-item span{float: left;display: block;height: 34px;line-height: 34px;margin-right: 12px;position: relative;}
.sermd-item span::after{content: "";width: 34px;height: 34px;background: url(../images/gather/serchG.png) no-repeat center;position: absolute;left:-28px;top: 0;}
.sermd-select{width: 100%;user-select: none;padding-top: 1px;height: 30px;}
.sermd-select-sel{width: 15%;position: relative;}
.sermd-select-sel{float: left;margin-right: 10px;}
.sermd-select-name{width: 100%;cursor: pointer;height: 28px;line-height: 28px;border: 1px solid #d8d8d8;background: #fff;padding: 0 16px;position: relative;font-size: 12px;color: #666;}
.sermd-select-name::after{content: "";width: 7px;height: 4px;position: absolute;background: url('../images/gather/sermdic1.png') no-repeat;top: 50%;margin-top: -2px;right: 14px;}
.sermd-select-name.ontrue::after{transform: rotate(180deg);}
.sermd-select-drop{display: none;position: absolute;z-index: 4;width: 100%;top: 28px;background: #fff;border: 1px solid #d8d8d8;border-top: none;}
.sermd-select-drop li{display: block;color: #666;padding: 0 16px;height: 38px;line-height: 38px;font-size: 14px;border-top: 1px solid #d8d8d8;cursor: pointer;transition: all .4s ease;}
.sermd-select-drop li:first-child{border-top: none;}
.sermd-select-drop li:hover, .sermd-select-drop li.ontrue{background: #f5f5f5;}
.network-mapgather{width: 100%;overflow: hidden;}
.network-sitemap{width: calc(100% - 28%);float: left;height: 534px;border: 2px solid #c9caca;border-right:0;border-top:none;}
.network-sitemap #map{width: 100%;height: 100%;}
.network-sitemap #map .amap-logo,.sermd-map #map .amap-copyright{display: none !important;}

.sermd-list{width: 28%;padding: 0 18px;overflow-y: auto;height:534px;float: left;border: 2px solid #c9caca;border-right:0;border-top:none;}
.sermd-list::-webkit-scrollbar {width: 2px;height: 4px;}
.sermd-list::-webkit-scrollbar-thumb {background: #fff100;}
.sermd-list::-webkit-scrollbar-track {background: #c9caca;;}
.sermd-list-item{width: 100%;background: #fff;user-select: none;}
.sermd-list-link{display: block;width: 100%;padding: 20px 0 20px;overflow: hidden;position: relative;}
.sermd-list-link::after{content: "";position: absolute;width: calc(100% - 40px);left: 20px;height: 1px;bottom: 0;background: #e3e3e3;}
.sermd-list-link-cont{width: calc(100% - 24px);float: right;}
.sermd-list-link-cont h6{color: #333;font-size: 16px;margin-bottom: 8px;transition: all .4s ease;}
.sermd-list-link-cont h6>span{display: inline-block;font-size: 14px;color: #666;margin-right: 12px;height: 18px;width: 18px;border-radius: 50%;background-color:#dedede;text-align: center;line-height: 18px;}
.sermd-list-link-cont p{color: #777;line-height: 20px;font-size: 14px;}
.sermd-list-link-cont span{font-size: 14px;display: block;color: #666;margin-top: 6px;}
.sermd-list-link:hover .sermd-list-link-cont h6{color: #fff100;}
.sermd-list-desc{display: block;width: 100%;position: relative;}
.sermd-list-desc-click{display: block;cursor: pointer;width: 100%;padding: 13px 20px;}
.sermd-list-desc-click i{display: inline-block;font-style: normal;height: 20px;line-height: 20px;font-size: 14px;color: #222222;padding-right: 24px;position: relative;}
.sermd-list-desc-click i::before, .sermd-list-desc-click i::after{content: "";background: #222222;position: absolute;top: 50%;}
.sermd-list-desc-click i::before{width: 13px;height: 1px;right: 0;margin-top: -1px;}
.sermd-list-desc-click i::after{height: 12px;width: 1px;right: 6px;margin-top: -6px;}
.sermd-list-desc-click.ontrue i::after{display: none;}
.sermd-list-desc-cont{display: none;width: 100%;padding: 0 20px 20px;}
.sermd-list-desc-link{display: block;background: #fff100;color: #222222;height: 38px;line-height: 38px;text-align: center;font-size: 14px;transition: all .4s ease;}
.sermd-list-desc-link:active{color: #fff;}
.sermd-list-desc-link:hover{background: #fff100;}
.sermd-list-desc-time{width: 100%;overflow: hidden;margin-top: 12px;}
.sermd-list-desc-time p{font-size: 14px;color: #666;line-height: 24px;}
.sermd-list-desc-time p i{display: inline-block;width: 44%;}

/* 联系我们 */
.contact-us{width: 100%;padding-top: 108px;}
.contact-usitem{width: 100%;display: flex;justify-content: space-between;}
.contact-cont{width: 47%;}
.contact-cont h2{font-size: 21px;line-height: 38px;color: #545454;font-weight: 800; padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px solid #ebebeb;}
.contact-cont p{font-size: 15px;color: #666666;line-height: 30px;}
.contact-cont i{display: inline-block;margin-right: 15px;}
.contact-map{width: 100%;padding: 50px 0 90px;}
.contact-map #map{width: 100%;height: 652px;}
.amap-info-content{padding: 20px 16px;border-radius: 20px;}
.relmap-info h6{font-size: 20px; color: #cc5522;white-space: nowrap;margin-bottom: 12px;}
.relmap-info p{font-size: 16px;color: #000000;white-space: nowrap;margin-bottom: 12px;}


/* 在线留言 */
.online-message{width: 100%;padding: 108px 0 130px;}
.online-mesitem{width: 100%;}
.online-input{float: left; width: 49%;height: 60px; margin-bottom: 18px;}
.online-input:nth-child(odd){margin-right: 2%;}
.online-input input{width: 100%;height: 100%;padding:0 30px; background-color: #f6f6f6;border: 1px solid #ededed;}
.online-mescont{width: 100%;}
.online-mescont textarea{width: 100%; padding: 24px 30px;background-color: #f6f6f6;border: 1px solid #ededed;}
.online-authcode{width: 100%;display: flex;justify-content: space-between;margin-top: 18px;}
.online-codeitem{width: 88%;margin-right: 2%;position: relative;}
.online-codeitem input{width: 100%;height: 60px;padding: 0 30px;background-color: #f6f6f6;}
.online-code{width: 70px;height: 60px;position: absolute;right: 4%;top: 0;display: flex;align-items: center;justify-content: center;}
.online-authcode .submit-btn{display: block; width: 20%;font-size: 18px;color: #9c771f;background: #fff100;height: 60px;line-height: 60px;text-align: center;}
/* ************************************ */





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .shop-bannerbox-next{right: 8%;}
    .shop-pubcont{padding: 10px 18px;}
    .shop-detbanner-rgt .rgt-tit{font-size:26px;}
    .shop-detbanner-rgt h2{font-size: 28px;line-height: 32px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
} 

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .contact-cont h2{height: 100px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .shop-detbanner-rgt .rgt-tit{font-size:22px;}
    .shop-detbanner-rgt h2{font-size: 24px;}
    .dudaopub-submenu::after {height: 6px;}
    .brand-showitem {padding: 60px 0 68px;}
    .brand-copy h1 {font-size: 26px;}
    .brand-copy {margin-bottom: 38px;}
    .brand-induce {margin-bottom: 28px;}
    .brand-purpose h2 {font-size: 24px;margin-bottom: 28px;}
    .brand-visioncont p {line-height: 20px;}
    .shop-pubcont{padding: 10px 8px;}
    .shop-pubimg{height: 188px; display: flex;justify-content: center;}
    .shop-pubimg img{max-width: 100%;max-height:100%;width:unset;height: unset;}
    .shop-listitem{padding: 48px 0 68px;}
    #pagination {margin-top: 20px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .shop-detbanner-rgt {width: 36%;margin-left: 38px;}
    .shop-detbanner .swiper-container{ height:438px;width:438px;}
    .shop-detbanner .thumb-box{height: 438px;}
    .proSon-show-pic{width:438px;height:438px;position: absolute;top: 0;z-index: 2;left:0;user-select: none;}
    .proSon-show-pic img{width: 438px;height: 438px;}
    .shop-detbanner-rgt .rgt-tit{font-size:18px;line-height: 24px;}
    .shop-detbanner-rgt h2{font-size: 22px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .dudaopub-submenu{height: 60px;line-height: 60px;}
    .dudaopub-submenu::after {height: 4px;}
    .dudaopub-menulft li{padding: 0 30px;}
    .dudaopub-menurgt{height: 60px;line-height: 60px;}
    .dudaopub-menurgt a{height: 60px;}
    .brand-showitem{padding: 40px 0 48px;}
    .brand-showitem .contain{display: flex;flex-direction: column;text-align: center;}
    .bran-showcont{width: 100%;padding:0 0px;}
    .brand-copy h1 {font-size: 24px;}
    .brand-copy {margin-bottom: 28px;}
    .brand-induce {margin-bottom: 20px;}
    .brand-purpose h2 {font-size: 20px;margin-bottom: 20px;}
    .brand-visioncont p {line-height: 20px;}
    .brand-showimg{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .brand-show-img{margin: 30px 0 0;height:250px;}
    .brand-show-img img{width: 100%;height: 100%; object-fit: cover;}
    .shop-pubitem li {width: 31%;}
    .shop-pubcont span{height: 25px;}
    .shop-details{padding-bottom:60px;}
    .shop-detlist{display: none;}
    .shop-detbanner{flex-direction: column;}
    .shop-detbanner-lft{width: 100%;}
    .shop-detbanner-rgt{width: 100%;margin-top: 20px;margin-left: 0;}
    .shopdetbox-next, .shopdetbox-prev{display: none;}
    .shop-detinduce h2{font-size: 24px;height: 60px;line-height: 60px;}
    .shop-dettype{padding: 48px 0;}
    .contact-us{padding-top: 60px;}
    .contact-cont p {text-indent: -16px;margin-left: 32px;}
    .contact-map{padding: 38px 0 60px;}
    .sermd-select-sel{width: 42%;}
    .network-map{padding:60px 0 80px;}
    .network-mapitem{padding:0 30px;}
    .network-sitemap{border: 2px solid #c9caca;}
    .sermd-place{width: 100%;padding-bottom: 0;}
    .network-sitemap{width: 100%;height: 360px;}
    .sermd-list {width: 100%;height:398px;border-top: 20px solid #f8f8f8;border-bottom: 20px solid #f8f8f8;padding: 0;}
    .online-code {right: 6%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .shop-banner .swiper-pagination {bottom: 6px;}
    .dudaopub .contain{display: flex;flex-direction: column-reverse;}
    .dudaopub-menulft{width: 100%;text-align: center;}
    .dudaopub-menurgt{width: 100%;display: none;}
    #pagination .page-rgt{margin-top: 20px;}
    #pagination .page-j{display: none;}
    #pagination a.page-dot{display: none;}
    #pagination a span.lft-ico{margin: 0;}
    #pagination a span.rgt-ico{margin: 0;}
    .brand-copy h1 {font-size: 24px;}
    .brand-copy {margin-bottom: 28px;}
    .brand-induce {margin-bottom: 28px;}
    .brand-purpose h2 {font-size: 18px;margin-bottom: 24px;}
    .brand-visioncont p {line-height: 20px;}
    .brand-visioncont{padding-right: 0;}
    .brand-visioncont:nth-child(odd) {padding:0 10px;border-right: 1px solid rgba(119, 119, 119, .3);}
    .shop-pubitem li{width: 48%;}
    .shop-barimg{height:238px}
    .shop-menuitem{width: 118px;}
    .shop-menuitem li{padding: 0 18px;}
    .shop-menulist{height: 38px;line-height: 38px;font-size: 15px;}
    .shop-drop{width: 128px; left: 118px;}
    .shop-drop li a{height: 32px;line-height: 32px;}
    .shop-detbanner-lft {flex-direction: column;justify-content: center;align-items: center;}
    .shop-detbanner .thumb-box {width: 100%;margin: 38px 0;height: 62px;padding: 0;}
    .proSon-show-pic{left: 50%;transform: translateX(-50%);}
    .shop-detbanner .thumb-box ul{width: 100%;flex-direction: inherit;justify-content: center;align-items: center;}
    .shop-detbanner .thumb-box ul li+li{margin-top: 0;}
    .shop-detbanner .thumb-box ul li{margin-left: 8px;}
    .shop-detbanner .thumb-box ul li:first-child{margin-left: 0;}
    .shop-detinduce h2{font-size: 20px;}
    .shop-dettype{padding: 40px 0;}
    .contact-us{padding-top: 40px;}
    .contact-usitem{flex-direction: column;}
    .contact-cont{width: 98%;margin-bottom: 20px;}
    .contact-cont h2 {height: auto;font-size: 16px;line-height: 24px;padding-bottom: 20px;margin-bottom: 16px;}
    .online-input{width: 100%;}
    .online-authcode {flex-direction: column;}
    .online-code {right: 8%;}
    .online-codeitem{width: 100%;}
    .online-authcode .submit-btn{width: 100%;margin-top: 20px;}
    .contact-map{padding: 12px 0 48px;}
    .network-sitemap{width: 100%;height: 300px;}
    .network-map{padding: 40px 0px 60px;}
    .network-mapitem{padding:0;}
    .sermd-list {height:386px;}
    .contact-map #map{height: 300px;}
    .relmap-info h6{font-size: 18px;}
    .relmap-info p{font-size: 12px;}
    .shop-detbanner-rgt .rgt-tit{font-size:16px;line-height: 20px;}
    .shop-detbanner-rgt h2{font-size: 20px;}
    .shop-detbanner-rgt .small-tit {font-size: 16px;}
    .shop-detbanner-rgt h2 {font-size: 20px;}
    .sermd-item {padding: 0px 0px;}
    .sermd-item span {margin-right: 8px;margin-left: 22px;}
    .sermd-select-sel {width: 33%;}
    .sermd-select-name {padding: 0 12px;}
}