.show-m{display: none;}
/* flex */
.flex{display: flex;}
.flex-a{flex: 1;overflow: hidden;}
.flex-b{display: flex;justify-content: space-between;}
.flex-c{display: flex;justify-content: center;}
.flex-ac{display: flex;align-items: center;}
.flex-cb{display: flex;align-items: center;justify-content: space-between;}
.flex-cc{display: flex;align-items: center;justify-content: center;}
.menuBtn{width: 26px;height: 26px;cursor: pointer;transition: 0.3s !important;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;position: relative;}
.menuBtn b{display: block;height: 2px;background-color: #333;margin: 6px 0;transition: 0.3s !important;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.menuBtn.open b{display: none;margin: -2px 0 0;position: absolute;left: 0;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.maps{width: 100%;height: 500px;margin-top: 25px;}
.mapcard h3{font-weight: bold;}
#mainer1 .more img{transform: translateY(0);transition: ease .3s;}
#mainer1 .more:hover img:nth-child(1){transform: translateY(-41px);}
#mainer1 .more:hover img:nth-child(2){transform: translateY(-46px);}
@media (max-width: 1400px){
.wdauto{width: 100%;max-width: 1308px;padding: 0 30px;box-sizing: border-box;}
.mainer{width: 98%;max-width: 1268px;padding: 0 30px;}
}
@media (max-width: 980px){
img{max-width: 100% !important;}
body{padding-top: 55px;}
.show-d{display: none !important;}
*{box-sizing: border-box;max-width: 100%;}
.wdauto{width: 100%;padding: 0;}
.mainer{width: 100%;padding: 0 15px;}
.show-m{display: block !important;}
.float-contact{display: none !important;}
.header{position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;}
.headerm{padding: 0 15px;position: relative;height: 55px;z-index: 23;background: #fff;border-bottom: 1px solid #eee;}
.headerm .logo{margin-top: -5px;}
.headerm .logo img{width: 90px;}
.headerm .menuBtn{margin-top: -2px;}
.big-nav{position: fixed;z-index: 9999;top: 0;right: -100%;background-size: cover;opacity: 0;visibility: hidden;transition: 0.3s;height: auto;width: 100%;overflow-y: auto;}
.big-nav .scroll{width: 100%;position: fixed;top: 55px;z-index: 2222;background: #fff;padding-bottom: 15px;height: 100%;overflow-y: auto;}
.big-nav .scroll::-webkit-scrollbar{width: 0;height: 5px;}
.big-nav .scroll li{width: 100%;text-align: left;padding-top: 0;border-bottom: rgba(51, 51, 51, 0.1) solid 1px;}
.big-nav .scroll li a{color: #999;font-size: 16px;padding: 10px 15px;position: relative;display: block;}
.big-nav .scroll li.now a{color: #27c3c0;}
.navShow .headerm .navbtnm i:before{content: "\e6e9";color: #333;}
.navShow .big-nav{opacity: 1;visibility: visible;right: 0;}
.banner .swiper-pagingtion{bottom: 20px;}
.banner .swiper-pagination-bullet{background: rgba(51, 51, 51, 0.6);opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #27c3c0;}
.mainer1{padding: 0;}
.mainer1 .li{width: 100%;margin: 10px 0;height: auto;padding-bottom: 20px;}
.mainer2 .con2{margin: 20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 20px 0;}
.mainer2 .con3{width: 100%;}
.mainer2 .con_c{max-width: 100%;}
.g-tit1{margin-top: 10px;font-size: 16px;color: #27c3c0;position: relative;z-index: 1;}
.g-tit1 span{background: #fff;padding: 0 15px;font-weight: bold;}
.g-tit1::before{content: "";position: absolute;left: 0;top: 50%;z-index: -1;width: 100%;height: 1px;border-bottom: 1px dashed #eee;transform: translateY(-50%);}
h4.h4 span{padding-left: 20px !important;}
h4.h4 a{padding-right: 20px !important;}
.footer{clear: both;padding-top: 20px;}
.footer .footer1{padding-right: 0;text-align: center;}
.footer .footer1 a{font-size: 12px;padding-left: 10px;}
.footer .footer3{padding-right: 0;text-align: center;padding: 0 15px 15px 15px;}
.footer .footer3 .p1{font-size: 12px;line-height: 1.2;}
.footer .footer3 .p1 .tech{display: block;}
.mainer2 .con_c dl{margin: 0 5px;}
.mainer3 .con .td{width: 100%;margin: 10px 0;}
.mainer3 .con .td .desc{height: autox;}
.mainer4 .con3{display: none;}
.mainer4 .con4{margin: 15px 0;}
.sun_content .con1,.sun_content .con2,.sun_content .con4{padding-left: 10px;}
.sun_content .cont4{padding-left: 0;}
.scroll-table{max-width: unset;}
.pleft{width: 100%;margin-top: 20px;}
.pleft .h3{width: 100%;background-size: 100% 100%;}
.pleft .pleft1 .con{padding-bottom: 10px;overflow: hidden;}
.pleft .pleft1 .con a{padding-left: 20px;background-position: left -85px center;width: 50%;float: left;}
.pleft .pleft2{display: none;}
.show_con{padding: 15px 10px;}
#news .p{padding-left: 0;margin-bottom: 15px;overflow: hidden;}
#vip dl{width: 48%;margin: 0 1% 10px 1%;}
#vip dl dt img{width: 190px;height: 220px;}
#sunpage span,#sunpage a{margin-bottom: 5px;}
#jiaoyou dt{width: 100%;}
#jiaoyou dt a img{width: 100%;height: auto;}
#productlist dl{padding: 0;width: 48%;margin: 0 1% 10px 1%;}
#productlist dl dt img{width: 100%;height: auto;}
#product .show1{overflow: hidden;}
#product .show1 dd{padding: 15px 0 0 0;}
.g-tit2{margin-bottom: 25px;}
.pright{width: 100%;margin-left: 0;}
#product .show2 dd{padding: 0 0 20px;}
#product .show3 .sex{margin: 6px 0 0 0;}
#product .show3 .sex label{display: flex;align-items: center;margin-right: 25px;}
#product .show3 .sex label input{margin-right: 4px;}
#product .show3 .td6 textarea{width: 200px;}
.formError{display: none;}
#newslist .desc{padding-top: 0;}
#newslist .pic{margin: 10px 0;}
#newslist .td1{padding-right: 0;}
#zhaoshan .zs_con1 dd{padding-left: 0;}
#zhaoshan .zs_con2 table{width: 100%;}
#zhaoshan .zs_con3 dd{width: 100%;padding: 0;}
#about_tel .sun_content{padding: 0;}
#about_tel .con1{float: right;width: 100%;margin-top: 15px;}
#about_tel .con2{width: 100%;}
#about_tel .map{margin: 15px 0;padding-top: 0;}
.maps{height: 300px;}
}