@charset "utf-8";











/*==响应��=*/



@media all and (max-width:1920px){











}











@media all and (max-width:1600px){









}











@media all and (max-width:1440px){











}











@media all and (max-width:1200px){



.container{width:1000px;}	







  



  



}











@media all and (max-width:1024px){	



/*--*/



.container{width:100%;padding-left:10px;padding-right:10px}

.w1000{width:100%;}

/*--*/



.header{width:100%; height: 80px !important;padding:10px 0 !important;border-bottom:1px #ddd solid; background: #fff;}

.header .container{position:relative;}

.header:before{display:none;}

.header .logo,.header .name{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;    width: fit-content;}

.header .logo img{height:55px !important;width:auto}



.header .name{font-size: 22px;}



.header .nav{display: none;}



.header .tel{display: none;}



.header.hed2 .logo img {filter: drop-shadow(0px 55px #00aec8);}
.adr-top{float: none;position:absolute;top: 0;bottom: 0;left: 10px;margin: auto;height: fit-content;} 
.adr-top .title{color:#666;font-size: 14px;margin: 0;padding: 5px 10px;border:1px #ddd solid;border-radius: 5px;}
.adr-top .down{width:150px;padding: 10px 15px 10px 15px;box-shadow:initial;border: 1px #ddd solid;}
.adr-top .shell{margin-bottom: 15px;}
.adr-top .down .tit{font-size:14px;margin-bottom: 6px;}
.adr-top .down a{font-size:14px;margin: 0 10px 5px 0px;}
/*--*/	



.navWap-trigger{margin-top: 15px;}



.navWap-block{top: 80px;}



.fixed-top{ position:fixed;z-index:99;width:100%; background: #fff}



/*--*/



.rack{padding:40px 0 60px 0}



/*--*/

.menu{padding:20px 10px;border-bottom: 1px #ddd solid;background:#fff;}

.menu .long{display: block;padding: 0;width: 100%;height: auto;border-bottom: none;background: none;}

.menu .secon{display:flex;flex-wrap: wrap;width: auto;margin: 0 0 -5px -5px;} 

.menu .secon li{flex: auto;margin: 0 0 5px 5px;text-align: center;}

.menu .secon a{font-size: 16px;padding: 10px 10px;background: #eee;}

.menu .secon a:after{bottom: 0;z-index:-1;width:100%;height: 100%;}

.menu .secon li:hover a, .menu .secon li.active a{color:#fff}

.menu .site{display: none;}



/*--*/



.titleAx{font-size:32px;}  



.titleAx span{margin-top:8px; font-size:12px; } 

.titleAx b{font-size:28px}

.titleAx b:before,.titleAx b:after{display: none;}

.titleAx.line:before,.titleAx.line:after{display: none;}



.titleAx hr{ margin: 8px auto 0;width: 40px;height: 2px; }



.titleAx.cen{margin-bottom:30px; } 



.titleAx.m30{margin-bottom:30px}



.titleAx.m40{margin-bottom:30px}

.titleAx.tTop{margin-top:40px}

/*--*/



.titleBx{font-size:32px;margin-bottom:30px; }



.titleBx span{margin:5px auto 0;font-size:12px;}



.titleBx.tTop{margin:40px 0 0 0}



/*--*/



.ptm60{padding:40px 0}



.ptm80{padding:40px 0}



.ptm100{padding:50px 0}



.pt60{padding-top:40px}



.pt80{padding-top:40px}



.pt100{padding-top:50px}



.pm60{padding-bottom:50px}



.pm80{padding-bottom:50px}



.pm100{padding-bottom:50px}



/*--*/



.mtm60{margin:40px 0}



.mtm80{margin:40px 0}



.mtm100{margin:50px 0}



.mt60{margin-top:40px}



.mt80{margin-top:40px}



.mt100{margin-top:50px}



.mm60{margin-bottom:40px}



.mm80{margin-bottom:40px}



.mm100{margin-bottom:50px}



/*--*/



.DetailCont .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}



/*--*/

#bannerBox{height:auto}

#bannerBox .swiper-slide img{min-height:initial}

#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:60px;}



#bannerBox .swiper-pagination{bottom: 15px;}



.ban-choose{display: none;}



/*--*/



.banner-within{height:400px;}



.banner-within .pos{}



.banner-within .box .title{font-size:30px;}



.banner-within .box span{font-size:14px;}



/*--*/



.DwellPic.dp2 .pic{height: 220px;}



/*--*/



.cut-item .btn{display: none;}



.cut-item .spot{display:block;}



/*--*/



.spot-dot{display: table; margin:40px auto 0;}



.spot-dot span{width:14px;height:14px;margin:0 8px; }



/*--*/



.spot-forte{display: table;margin:40px auto 0;}



.spot-forte span{height:10px} 



/*--*/



.more-1,.more-2{ margin-top:30px; font-size:14px;padding: 10px 30px; }



.more-2:before{ font-size:20px;margin-left:10px;}



 /*--*/



.tone-item{margin: 0 0 30px -30px;flex-wrap: wrap;}



.tone-item li{flex-grow: 1;flex: initial;margin: 0 0 10px 30px;text-align: center;}



.tone-item a{font-size: 18px;padding: 5px 0px;}



.tone-item a:after{    height: 3px; }

/*--*/



.wor,.wx,.wor-content{line-height:28px; font-size:15px;}



/*--*/



.page-info{margin-top:30px; }



.page-info h4{font-size: 20px;margin-bottom: 10px;}



.page-info span{margin-bottom: 5px;font-size: 15px;}


/*--*/
.productHome .down{height:auto}
 /*--*/



.product-list.edge{margin:0 0 -10px -10px;}



.product-list.edge li{width:calc(33.3% - 10px);margin:0 0 10px 10px; }



.product-list.lx1 li{width:calc(100% - 10px);}



.product-list .box{padding:15px;}



.product-list h4{font-size:16px;}



.product-list .as{margin-top:8px;}



.product-list span{font-size:12px}



.product-list .price{font-size:12px}



.product-list .price font{font-size:12px;}



/*--*/



.address-list{margin: 0 0 -10px -10px; }



.address-list li{ width: calc(33.3% - 10px);margin: 0 0 10px 10px;}



.address-list h4{margin:10px; font-size: 18px;}



/*--*/



.news-grid li{padding: 0px;margin-bottom: 20px;padding-bottom: 20px;}



.news-grid li:after{margin: 0 0px;}



.news-grid .pic{width: 250px;}



.news-grid .box{margin-left: 20px;}



.news-grid h4{font-size: 18px;}



.news-grid p{font-size: 15px;margin-top: 10px;}



/*--*/



.advant-arr{margin: 30px 0 0px 0px;padding: 20px;}



.advant-arr li{width: calc(50% - 10px);padding: 20px;margin: 0 5px 10px 5px;background: #eee;}



.advant-arr li:before{opacity: 0;content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transform:scale(1.5);background: url(../images/sustainLiBg.png) no-repeat center;}



.advant-arr em{width: 60px;height: 60px;}



.advant-arr em img{height: 40px;filter: drop-shadow(0px 40px #fff);}



.advant-arr h4{ font-size: 16px; margin-top: 12px;}



.advant-arr p{ font-size: 15px;line-height: 24px;margin-top: 10px;}



/*--*/



.partner-list li{width: calc(20% - 10px); }



.partner-list h4{font-size: 16px;}



 /*--*/



.pro-choose{margin-bottom:40px;}



.pro-choose .frame{margin-bottom: 15px;padding: 10px 0;flex-direction: column;align-items: flex-start;}



.pro-choose .frame h4{width: auto;font-size: 15px;margin: 0 0 10px 0;}



.pro-choose .info a{padding: 5px 12px;font-size: 15px;}



.pro-choose .search form {width: 250px;}



.pro-choose .search form input {font-size: 14px;}



.pro-choose .search form button {width: 60px;font-size: 14px;}



.pro-choose .search form input,.pro-choose .search form button {line-height: 32px;padding: 5px 10px;}







/*--*/

.ProductShow{padding-top:0px !important;}

/*--*/



.DetailCont .titleTop{font-size:22px;margin-bottom:20px;}

.DetailCont .time{margin-top:-20px;margin-bottom:20px;font-size:14px}

.DetailCont .pst-left{width:100%;}



.DetailCont .pst-right{width:100%;margin-top:30px}

/*--*/

.DetailCont .pics-list{margin:0 0 -10px -10px;}

.DetailCont .pics-list li{width:calc(100% - 10px);margin:0 0 10px 10px; }

.DetailCont .pics-list h4{margin-top:8px;font-size:16px;}

/*--*/



.psc-content{margin-top: 0px;   padding-bottom: 0px;}



.psc-content .wor{ line-height:26px;font-size:15px; padding: 10px;}



.psc-content .psd-left{padding:20px;} 



.psc-content .long{display: block;}



.psc-content .psd-right{display:none}



.psc-content .tone{margin-bottom: 30px;}



.psc-content .tone li{width:33.3%;font-size: 16px;padding: 15px 0px;margin-right: 30px;}



.psc-content .tone li:before{font-size: 20px;margin:2px 5px 0 0;}



.psc-content .frame{margin-bottom:40px;padding-bottom:40px;}



.psc-content .theme {font-size:16px;margin-bottom:20px;padding-bottom: 10px;}



/*--*/



.srllOrso .leftPic, .srllOrso .rightPic{height: 400px;}



/*--*/



.srllPho .leftPic, .srllPho .rightPic{height: 400px;}



/*--*/

.gift-list{margin: 0 0 -10px -10px;}

.gift-list li{display: inline-block;width: calc(33.3% - 10px);margin: 0 0 10px 10px;}

.gift-list .box{ padding: 15px;}

.gift-list h4{font-size: 14px;}

.gift-list span{margin-top:3px; font-size:15px;}

/*--*/

.detiGift .long{flex-direction: column;}

.detiGift .right{display: table;margin: auto;margin-top:30px;width: 500px;}

.detiGift .top{display: flex;margin-bottom: 20px;padding-bottom: 20px;flex-direction: column-reverse;justify-content: center;align-items: center;}

.detiGift .top .pic{width: 100%;margin: auto;margin-right: 0;margin-top: 20px;text-align: center;border: 1px solid #eee;}

.detiGift .top h4{font-size: 24px;}

.detiGift .top span{margin-top: 2px;font-size: 16px;}

.detiGift .tone{margin-bottom: 20px;margin-left: -10px;} 

.detiGift .tone li{font-size: 14px;padding: 3px 20px;margin-left: 10px;}

.detiGift .wx{font-size: 14px;line-height: 24px;}

.detiGift .message{padding: 20px;border-top-width: 2px;}

.detiGift .message .title{font-size: 14px;margin-bottom: 15px;}

.detiGift .message input{margin-bottom: 5px;font-size: 14px;padding: 12px 15px;}

.detiGift .message button{margin-top: 10px;font-size: 14px;padding: 10px 20px;}

.detiGift .message span{font-size:14px;margin-top: 10px;}

/*--*/

.kefuBox-One .touch .box{opacity:1;display: none;}

.kefuBox-One .touch.on .box{display: block;}

/*--*/



.list-box{margin:0 0 15px 15px}



.list-box li{width: calc(33.3% - 15px) !important;margin: 0 0 15px 15px; }



.list-box li h4{font-size: 14px;padding:10px 10px;}



/*--*/



.flatI{display: block;}



/*--*/



.footer { padding:40px 0; }



.footer .title{ font-size:28px;margin-bottom:8px;}



.footer .copy{font-size:15px;}



.footer .copy a{font-size:15px;}







}











@media all and (max-width:760px){





body{padding-bottom:50px}

.container{width:100%;}



/*--*/	



.header{height:55px !important;padding:10px 0 !important;}



.header .logo img{height:35px !important;}



.header .name{font-size: 20px;}



.header.hed2 .logo img{filter: drop-shadow(0px 35px #00aec8);}







/*--*/	



.navWap-trigger{margin-top: 0;}



.navWap-block{top:55px;}



/*--*/



.rack{padding:40px 0 50px 0}

/*--*/



.banner-within{height:200px;}



.banner-within img{max-width:100%;height: 100%;object-fit: cover;}



.banner-within .pos{}



.banner-within .box{padding:0 20px}



.banner-within .box .title{font-size:22px;}



.banner-within .box hr{margin-top:10px;}



.banner-within .box span{font-size:12px;margin-top:10px}



/*--*/



.menu{padding: 15px 10px; }



.menu .secon a{font-size: 16px;padding: 8px 10px; }



/*--*/



.site{display: none}



/*--*/



.titleAx{font-size:22px;}  

.titleAx b{font-size:18px}

.titleAx span{margin-top: 2px; } 



.titleAx hr{ margin: 5px auto 0;width: 30px;height: 1px; }



.titleAx.cen{margin-bottom:20px; } 



.titleAx.m30{margin-bottom:20px}



.titleAx.m40{margin-bottom:20px}

.titleAx.tTop{margin-top:30px}

/*--*/



.titleBx{font-size:22px;margin-bottom:20px; }



.titleBx span{margin:5px auto 0;}



.titleBx.tTop{margin:30px 0 0 0}



/*--*/



.ptm60{padding:30px 0}



.ptm80{padding:30px 0}



.ptm100{padding:30px 0}



.pt60{padding-top:30px}



.pt80{padding-top:30px}



.pt100{padding-top:30px}



.pm60{padding-bottom:30px}



.pm80{padding-bottom:30px}



.pm100{padding-bottom:30px}



/*--*/



.mtm60{margin:30px 0}



.mtm80{margin:30px 0}



.mtm100{margin:30px 0}



.mt60{margin-top:30px}



.mt80{margin-top:30px}



.mt100{margin-top:30px}



.mm60{margin-bottom:30px}



.mm80{margin-bottom:30px}



.mm100{margin-bottom:30px}



/*--*/

#bannerBox .swiper-slide a{display: block;width:100%;}

#bannerBox .swiper-slide img{width:100%;max-width:100%;}

#bannerBox .swiper-button-prev{left:10px}



#bannerBox .swiper-button-next{right:10px;}



#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:30px;}



#bannerBox .swiper-pagination{bottom: 15px;}



#bannerBox .swiper-pagination span{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}



#bannerBox .swiper-pagination span:before{display: none}



#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{ background: #333}



#bannerBox .pc{display:none !important;}



#bannerBox .wap{display:block !important;}







/*--*/



.DwellPic.dp2 .pic{height: 150px;}



/*--*/



.srllPic{padding:0px}



/*--*/



.spot-dot{ margin:20px auto 0;}



.spot-dot span{width:12px;height:12px;margin:0 6px; }	



/*--*/



.spot-forte{ margin:20px auto 0;}



.spot-forte span{width:15px;height:8px;}



.spot-forte span.swiper-pagination-bullet-active{width:20px;}    	



/*--*/



.more-1,.more-2{ margin-top:20px; font-size:12px;padding: 6px 25px; }



.more-2:before{ font-size:18px;margin-left:5px;}



/*--*/



.tone-item{margin: 0 0 15px -20px; }



.tone-item li{margin:0 0 5px 20px}



.tone-item a{font-size: 16px;}



/*--*/



.wor,.wx,.wor-content{line-height:25px; font-size:14px;}



/*--*/



.page-info{margin-top:20px; }



.page-info h4{font-size: 16px;margin-bottom: 5px;}



.page-info span{font-size: 14px;}



/*--*/



.product-list.edge{margin:0 0 -10x -10px;}



.product-list.edge li{width:calc(50% - 10px); }



.product-list h4{font-size:15px;}



/*--*/



.address-list li{ width: calc(50% - 10px); }



.address-list h4{margin:6px; font-size: 16px;}



/*--*/



.news-grid li{ margin-bottom: 15px;padding-bottom: 15px;}



.news-grid .pic{width: 220px;}



.news-grid .box{margin-left: 10px;}



.news-grid h4{font-size: 16px;}



.news-grid p{font-size: 14px;margin-top:8px;}



/*--*/



.advant-arr{margin-top:20px;padding: 10px;}



.advant-arr li{padding: 15px;}



.advant-arr li:before{opacity: 0;content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transform:scale(1.5);background: url(../images/sustainLiBg.png) no-repeat center;}



.advant-arr em{width: 50px;height: 50px;}



.advant-arr em img{height: 30px;filter: drop-shadow(0px 30px #fff);}



.advant-arr h4{ font-size: 15px; margin-top: 10px;}



.advant-arr p{ font-size: 14px; margin-top: 8px;}



/*--*/



.partner-list li{width: calc(25% - 10px); }



/*--*/ 



.pro-choose{margin-bottom:20px;}



.pro-choose .frame{margin-bottom: 10px; }



.pro-choose .info a{ font-size: 14px;}



.pro-choose .search form {width: 230px;}



.pro-choose .search form input {font-size: 13px;}



/*--*/



.DetailCont .titleTop{font-size:18px; margin-bottom:20px;}

.DetailCont .time{margin-top:-10px;margin-bottom:20px; padding: 10px;}

/*--*/

.DetailCont .pics-list h4{margin-top:6px;font-size:15px;}

/*--*/

.psc-content{margin-top: 0px;background: #fff;}

.psc-content .container{padding:0px;}

.psc-content .psd-left{ }

.psc-content .wor{ line-height:24px;font-size:14px;}

.psc-content .tone{margin-bottom: 0px;}

.psc-content .tone li{font-size: 15px;padding: 12px 10px;}

.psc-content .frame{margin-bottom:20px;padding-bottom:20px;}

.psc-content .theme {font-size:15px;margin-bottom:10px; }



/*--*/



.srllOrso{display: block;}



.srllOrso .leftPic{width:100%;height:250px;}



.srllOrso .rightPic{width: -webkit-fill-available;height:auto;margin: 30px 0 0 0;}



.srllOrso .rightPic li{height:80px;margin-bottom:0px;}



.srllOrso .btn{opacity: 1;left: 0;display: flex;width: 30px;height: 100%;padding:2px 0;align-items: center;justify-content: center;}



.srllOrso .btn:before{font-size:25px;}



.srllOrso .sNext{left:auto;right:0;}



.srllOrso .sPrev:before{transform:rotate(-90deg);}



.srllOrso .sNext:before{transform:rotate(-90deg);}



/*--*/



.srllPho .gallery-top li{height:250px;}



.srllPho .btn{ left:10px;font-size:30px;padding:2px 0; }





/*--*/



.NewsDetailBox{}



.NewsDetailBox .titleTop{padding:10px 0 20px 0;margin:0 0 20px 0; }



.NewsDetailBox .tit{font-size:20px;}



.NewsDetailBox .msg{ margin-top:10px;font-size:12px;}



.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{font-size:12px;}



.NewsDetailBox .share{height:auto; padding:10px 0;margin-top: 20px;}



.NewsDetailBox .share .time{ margin-left:30px;font-size:12px;}



.NewsDetailBox .share .return{font-size:12px;padding:8px 20px 8px 38px;margin:15px auto 0; display: table;clear: both;float: left;}



.NewsDetailBox .pagIng{padding:10px 0;}



.NewsDetailBox .pagIng span{font-size:14px;}



.NewsDetailBox .pagIng span a{font-size:14px;}



.NewsDetailBox .pagIng .prev{float:left;width: 100%;}



.NewsDetailBox .pagIng .next{float:right;width: 100%;margin-top: 5px;}



.NewsDetailBox .relevant{margin-top:20px;}



.NewsDetailBox .relevant .tit{font-size:16px;}



.NewsDetailBox .relevant .list{margin-top:10px;}



.NewsDetailBox .relevant .list li{float:left;width:100%;margin:5px 0% 5px 0;}



.NewsDetailBox .relevant .list li:nth-child(n+7){display: none;}



.NewsDetailBox .relevant .list li .time{font-size:14px;}



.NewsDetailBox .relevant .list li a{font-size:14px;padding-left:10px;}



/*--*/

.gift-list li{display: inline-block;width: calc(50% - 10px);}

/*--*/

.detiGift .right{margin-top:20px;width:90%;}

.detiGift .top{margin-bottom: 15px;padding-bottom: 15px;}

.detiGift .top .pic{margin-top: 10px;}

.detiGift .top h4{font-size: 20px;}

.detiGift .top span{font-size: 15px;}

.detiGift .tone{margin-bottom: 15px;} 

.detiGift .message .title{margin-bottom: 10px;}

.detiGift .message input{padding: 10px 15px;}

.detiGift .message button{margin-top:8px;padding: 10px 20px;}

.detiGift .message span{margin-top: 8px;}

/*--*/

.srll-chart .spot{bottom:10px}

/*--*/

.proIu .footer{display: none;}

.footIu .navWap-trigger{/*display: none;*/}

/*--*/



.list-box{margin:0 0 12px 12px}



.list-box li{width: calc(50% - 12px) !important;margin: 0 0 12px 12px;}



/*--*/



.cntr{padding: 0 0px;}



/*--*/



.WorShowBox .title{padding:0 0 10px 0;margin: 0 0 10px 0;}



.WorShowBox .title h1{margin:10px 0 0 0;font-size:20px;line-height:23px;padding-bottom:15px;}



/*--*/



.listCase li a h4{padding:5px 10px;line-height: 25px;font-size:15px;}



.listCase li a h4 b{display:none;font-size:12px;}



/*--*/



/*.layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;}*/



/*--*/



.pagIng-2{margin-top:30px;}



.pagIng-2 span{font-size:14px;width:100%}



.pagIng-2 .block{padding:5px 10px;width:100%;display:block;float:left !important;text-align:left;}



.pagIng-2 span a{font-size:14px;}



.pagIng-2 .next{text-align:left;}



.pagIng-2 .return{border:none}



.pagIng-2 .prev,.pagIng-2 .next{width:100%;}



/*----*/



#pages{margin:20px 0 20px 0;}



#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}



#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}



/*--*/



.kefuBox-One{top:auto;bottom:20%;display: none}  



.bdshare-slide-button{ display:none;z-index:-111;left:-200px;width:0px;height:0px;}



/*--*/



.pcI{display: none;}



.wapI{display: block;}



/*--*/



.ingBox{padding:30px 0;}



/*--*/



.footer { display: none; padding:30px 0; }



.footer .title{ font-size:20px;}



.footer .copy{font-size:14px;}



.footer .copy a{font-size:14px;}



}











@media all and (max-width:460px){



/*--*/



.news-grid .pic{width:180px}



/*--*/



.partner-list li{width: calc(33.3% - 10px); }







}