:root{
	--primary-color: #000000;
	--primary-rgb: 0,0,0;
}

@media screen and (max-width: 1200px){
	.wrapper{width: 100%;}
}

@media screen and (max-width: 768px){
	body{min-width: auto;}
	.wrapper{width: 100%;}
	.content-box{padding-top: 50px;}
	.is-menu-show .content-box{position: fixed;top: 0;z-index: -100;visibility: hidden;}
	.ccon .bigTit{display: block;font-size: 30px;font-weight: bold;margin: 32px 20px;}
	.ccon .big_tit{font-size: 30px;font-weight: bold;line-height: 1.25;color: #2e3133;margin: 32px 20px;width: auto;}
	.nodata{padding: 30px 0;}
	.nodata:before{background-size: 240px;height: 240px;}


	/*头部*/
	.pcHeader{display: none;}
	.wapHeader{display: block;position: relative;position: fixed;top: 0;width: 100%;z-index: 99;left: 0;}
	.header{background: #fff;border-bottom: 1px solid #e6e6e6;height: 50px;display: flex;align-items: center;position: relative;}
	.header .menu_icon{position: relative;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
	.header .menu_icon:before,.header .menu_icon:after{content: '';display: block;width: 18px;height: 2px;background-color: #303233;transition: all .2s cubic-bezier(.4,0,.2,1);transform: rotate(0);position: absolute;}
	.header .menu_icon:before{top: 17px;}
	.header .menu_icon:after{bottom: 17px;}
	.header .menu_icon .three{display: block;width: 18px;height: 2px;background-color: #303233;transition: all .2s cubic-bezier(.4,0,.2,1);transform: rotate(0);}
	.header .menu_icon.show-menu:before,.header .menu_icon.show-menu:after,.header .menu_icon.show-menu .three{background-color: #999;}
	.header .center{flex: 1;display: flex;align-items: center;padding-left: 15px;width: 100%;overflow: hidden;}
	.header .center img{height: 36px;}
	.header .search_icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
	.header .search_icon img{height: 18px;display: flex;}


	.infoHeader{padding: 0;}
	.infoHeader a{display: flex;justify-content: center;align-items: center;height: 50px;}
	.infoHeader .logo{height: 44px;}


	/*轮播*/
	.index_swiper{margin-top: 0;}
	.bn_swiper .swiper-slide img{height: auto;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px!important;}


	/*菜单*/
	.wapMenu{background: #fff;position: fixed;top: 50px;left: 0;right: 0;z-index: 99;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;min-height: calc(100vh - 50px);width: 100%;transition: visibility .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),left .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);}
	.wapMenu_bg{background: #fff;position: absolute;left: 0;top: 0;bottom: 0;right: -200%;z-index: 100;}
	.wapMenu.is-hide{visibility: hidden;opacity: 0;}
	.wapMenu.is-show{visibility: visible;opacity: 1;}
	.wapMenu_ul{padding: 0 20px;position: relative;z-index: 101;}
	.wapMenu_ul li{}
	.wapMenu_ul li a{display: block;padding: 18px 32px 18px 16px;font-size: 14px;line-height: 1.25;color: inherit;background: #fff;border-bottom: 1px solid #ddd;position: relative;font-weight: 700;color: #2e3133;width: 100%;}
	.wapMenu_ul li a:after{content: "";display: block;position: absolute;top: 50%;right: 8px;width: 6px;height: 6px;margin-top: -3 px;border-top: 2px solid #ff9a52;border-right: 2px solid #ff9a52;transition: all .2s cubic-bezier(.4, 0, .2, 1) .2s;transform: rotate(45deg) translateY(-50%);}
	.wapMenu_ul .main_menu{font-size: 16px;padding-left: 0;}
	.wapMenu_ul .goBack{padding-left: 20px;font-weight: 400;}
	.wapMenu_ul .goBack:after{right: inherit;left: 5px;margin-top: -7px;transform: rotate(-135deg) translateY(-50%);}
	.wapMenu_ul .second_menu{display: none;position: absolute;top: 0;left: 100%;width: 100%;padding: 0 20px;background: #fff;min-height: 100%;}
	.wapMenu_ul .childList{display: none;position: absolute;top: 0;left: 100%;width: 100%;padding: 0 20px;background: #fff;min-height: 100%;}
	.wapMenu_ul .second_menu.is-show,.wapMenu_ul .childList.is-show{display: block;}


	/*其他信息*/
	.wapHeader-info{position: relative;z-index: 101;background: #2e3133;padding: 32px 20px 56px;}
	.wapHeader-info .item{display: block;margin-bottom: 16px;width: 100%;color: #fff;padding: 11px 36px 12px 20px;border-radius: 4px;position: relative;}
	.wapHeader-info .nav{background-color: #ff9a52;}
	.wapHeader-info .tel{background-color: #00b1d9;}
	.wapHeader-info .email{background-color: #00b1d9;}
	.wapHeader-info .item:after{position: absolute;display: block;content: "";top: 50%;}
	.wapHeader-info .nav:after{width: 8px;height: 8px;margin-top: -2px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);right: 26px;}
	.wapHeader-info .tel:after{background-image: url(/images/wap-tel.png);background-size: 100%;width: 16px;height: 16px;right: 19px;margin-top: -8px;}
	.wapHeader-info .email:after{background-image: url(/images/wap-email.png);background-size: 100%;width: 16px;height: 16px;right: 19px;margin-top: -8px;}
	.wapHeader-info .language{margin-top: 30px;}
	.wapHeader-info .language a{padding: 5px 10px;position: relative;line-height: 1;display: flex;align-items: center;justify-content: center;}
	.wapHeader-info .language .icon{height: 14px;display: flex;margin-right: 5px;}
	.wapHeader-info .language .txt{color: #fff;}


	/*整体*/
	.itit{font-size: 26px;line-height: 40px;padding-bottom: 15px;}
	.imore{text-align: center;}


	/*脚部*/
	.footer{background-position: bottom right;background-size: auto 100%;}
	.footer .top{flex-direction: column;align-items: center;padding: 25px 0;}
	.footer .logo{padding-right: 0;margin-right: 0;margin-bottom: 15px;}
	.footer .tit{font-size: 18px;}
	.footer .con{padding: 0 25px;margin-left: 0;}
	.footer .con .iconfont{font-size: 16px;}
	.footer .con li{font-size: 14px;line-height: 1.4;}
	.footer .link{width: 100%;margin-left: 0;padding: 40px 25px 0;}
	.footer .link li{line-height: 1.4;}
	.footer .bot{text-align: center;}


	/*首页关于*/
	.index-about{padding: 30px 0;}
	.index-about .box{flex-direction: column-reverse;}
	.index-about .lef{width: 100%;padding: 0 25px;}
	.index-about .lef .detail{line-height: 1.8;}
	.index-about .lef .imore{margin-top: 24px;}
	.index-about .rig{padding: 0 25px 25px;width: 100%;}


	/*首页产品*/
	.index-products{padding: 40px 25px;}
	.index-products .item .cover{height: 165px;}
	.index-products .item .txt{font-size: 15px;padding: 8px 10px;line-height: 22px;}
	.index-products .list{grid-template-columns: 1fr 1fr;gap: 15px;}
	.index-products .list .cover{height: 162px;}
	.index-products .list .txt{padding: 5px 10px;font-size: 16px;line-height: 2;}
	.index-products .dot{padding: 30px 0;}
	.index-products .pro_swiper{display: none;}
	.index-products .pro-wap_swiper{display: block;}
	.index-products .swiper-pagination{padding-top: 20px;}


	/*首页新闻*/
	.index-news{padding: 40px 25px;}
	.index-news .box{flex-direction: column-reverse;gap: 15px;}
	.index-news .list li{padding: 12px 12px 16px;border-radius: 16px;}
	.index-news .list h5{font-size: 18px;padding-right: 20px;}
	.index-news .list p{font-size: 14px;}
	.index-news .list .intro{font-size: 14px;margin-top: 12px;}
	.index-news .swiper-slide p{padding: 30px 15px;font-size: 16px;}
	.index-news .lef .swiper-pagination-bullet{width: 24px;margin: 0 4px;}


	/* 块、标题与更多 */
	.sec-tit{height: 46px;}
	.sec-tit:after{height: 40px;top: 6px;width: 100%;background-color: #ECECEC;z-index: 1;}
	.sec-tit .tab{background-size: 20px;background-position: 8px 16px;font-size: 16px;padding: 6px 10px 0 35px;line-height: 40px;}
	.sec-tit .tab.cur{background-color: var(--primary-color);color: #fff;}
	.sec-tit .more{line-height: 40px;padding-right: 10px;}
	.smini-tit{height: 42px;padding-left: 20px;line-height: 42px;font-size: 18px;}
	.smini-tit:before{width: 6px;height: 18px;top: calc(50% - 8px);}
	.smini-tit:after{left: 8px;height: 18px;top: calc(50% - 8px);}


	/*浮标*/
	.float{top: auto;bottom: 60px;height: 135px;width: 40px;}
	.float .icon{width: 40px;height: 40px;}
	.float-box{padding: 35px 20px 15px;width: 300px;top: auto;bottom: 100px;}
	.float-box .off{width: 40px;height: 40px;}
	.float-box .tit{font-size: 15px;}
	.float-box .item{padding: 12px 0 12px 30px;min-height: auto;}
	.float-box .item:before{width: 22px;height: 22px;background-size: 22px auto;}
	.float-box .item1:before{background-position: 0 0;top: 28px}
	.float-box .item2:before{background-position: 0 -22px;top: 16px;}
	.float-box .item3:before{background-position: 0 -44px;top: 15px;}
	.float-box .item4:before{background-position: 0 -66px;top: 16px;}
	.float-box .item5:before{background-position: 0 -88px;top: 20px;}
	.float-box .tips{font-size: 13px;line-height: 1.2;margin-top: 3px;}


	/*布局*/
	.page-box{flex-direction: column;padding: 15px 0 50px;gap: 20px;}
	.content-box .main{margin-top: 0;}
	.page-banner{}
	.page-banner img{height: 150px;object-fit: cover;}


	/*路径*/
	.rpath{padding: 0 25px;}


	/*右边内容*/
	.rigmain{margin-bottom: 0;}
	.rigmain .tit{margin: 0 15px;padding-bottom: 10px;}
	.rigmain .tit h2{font-size: 18px;}
	.rigmain .rpage{font-size: 12px;}
	.rigmain .btit{padding: 15px 20px;}


	/*关于*/
	.info-detail{padding-bottom: 0;min-height: 300px;}
	.info-detail .stit{font-size: 30px;padding: 16px 0;margin-bottom: 24px;}
	.info-detail .stips{font-size: 20px;margin: 0 25px;}
	.info-detail .group{margin: 48px 0 24px;flex-direction: column;}
	.info-detail .group .lef{width: 100%;padding: 0 25px;}
	.info-detail .group .title{font-size: 30px;margin-bottom: 16px;}
	.info-detail .group img{width: calc(100% - 50px);}
	.info-detail .detail img{max-width: 100%;}


	/* 详情 */
	.show-detail{padding: 20px 15px;min-height: 300px;}
	.show-detail .top h2{font-size: 20px;padding: 0;}
	.show-detail img{max-width: 100%;}


	/*左边菜单*/
	.lefmenu{width: 100%;padding: 0 20px;}
	.lefmenu .bname{background-color: #fff;height: auto;padding: 0 0 10px 0;color: #000;font-size: 18px;border-bottom: 0;}
	.lefmenu .list{padding: 0;}
	.lefmenu .list>li{margin-bottom: 0;}
	.lefmenu .list .childList{display: flex;flex-wrap: wrap;gap: 8px;padding-left: 0;}
	.lefmenu .list .childList li{border-bottom: 0;}
	.lefmenu .list .childList a{height: auto;padding: 6px 20px;border-radius: 4px;font-size: 13px;border: 1px #aaa solid;line-height: 1.4;}
	.lefmenu .list .childList a:before{display: none;}
	.lefmenu .list .childList .cur a{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}


	/*产品列表*/
	.products-lists{margin-top: 20px;}
	.products-lists .name{line-height: 20px;}
	.products-lists .item{margin: 20px;padding-bottom: 20px;}
	.products-lists .cover{width: 120px;height: 120px;}
	.products-lists .rig{padding-left: 15px;}
	.products-lists .txt{line-height: 20px;padding: 8px 10px;height: auto;width: 100%;}
	.products-lists .btn{margin-top: 10px;}
	.products-lists .btn a{font-size: 14px;padding: 8px 25px;line-height: 1.2;}


	/*新闻列表*/
	.news-lists{padding: 0 20px;margin: 0;}
	.news-lists .item{padding: 15px 0;flex-direction: column;margin-bottom: 0;}
	.news-lists .lef{overflow: hidden;padding-right: 0;}
	.news-lists .date{line-height: 1.6;margin-top: 6px;color: #666;}
	.news-lists .name{line-height: 1.6;width: 100%;display: block;}


	/*附件*/
	.attachment{padding: 0 15px;}
	.attachment .smini-tit{margin: 20px 0;}
	.attachment .list a{margin: 0;padding: 10px 0 10px 20px;}


	/*留言*/
	.feedback_ul{padding: 0 15px;}
	.feedback .smini-tit{margin: 0 15px;}
	.feedback_ul li{flex-direction: column;margin-bottom: 15px;}
	.feedback_ul .tt{width: 100%;line-height: 1.6;padding-bottom: 10px;}
	.feedback_ul .bv{flex: 1;width: 100%;overflow: hidden;}
	.feedback_ul .select, .feedback_ul .textarea, .feedback_ul .input{width: 100%;}
	.feedback_ul .tips{padding-left: 0;}
	.feedback_ul .nav{padding-left: 0;flex-direction: row;}

}