*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;touch-action: manipulation;-webkit-tap-highlight-color: transparent;outline: none;}
html{overflow-x: hidden;}  
body,input,textarea{font:16px 'Microsoft Yahei',arial;color: #333;line-height: 1;}
::placeholder{color: #a5a5a5;}
img,video{border:0;max-width: 100%;}
a{text-decoration:none;transition: all .4s;color: #333;}
em,th,i,b{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
input,button,textarea,select{font-size:100%;border:none;outline:none;resize:none;}
* html .clearfix{height:1%;}
.app{display: none!important;}
.pc{display: block!important;}
/*公共盒子样式*/
.flex{display: flex;}
.comWrapper{width: 1360px;margin:0 auto;}
/*移动端-导航*/
.head1200{display:none;}

/*PC端-导航*/
.top{height: 110px;background-size: cover;background: url(../jpg/topbg.jpg) no-repeat;background-size: cover;background-position: center top;}
.top .flex{align-items: center;height: 100%;justify-content: space-between;}
.topR{align-items: center;}
.topR ul{display: flex;align-items: center;}
.topR ul li{display: inline-flex;align-items: center;}
.topR ul li+li{margin-left: 30px;}
.topR ul li span{display: inline-flex;margin: 0 15px;}
.topR ul li>img{height: 21px;margin-right: 12px;}
.topR ul li a:hover{text-decoration: underline;color: #53ab4c;}
.search{margin-left: 30px;position: relative;}
.searchBtn{display: flex;border-radius: 50px;justify-content: center;align-items: center;background-color: #53ab4c;width: 42px;height: 42px;}
.searchC{position: absolute;top: 50%;right: 0;transform: translateY(-50%);visibility: hidden;}
.searchC input[type=text]{border: none;width:100%;height: 40px;padding: 0 0 0 10px;outline: none;line-height: 30px;font-size: 14px;background-color: transparent;}
.searchC form{display: flex;align-items: center;transition: all .5s;width: 0;justify-content: flex-end;margin: 0 0 0 auto;visibility: hidden;border-radius: 500px;background-color: #53ab4c;padding: 2px 15px;}
.searchC.active{visibility: visible;}
.search.active .searchBtns{display: none;}
.search.active .searchC form{width: 300px;visibility:visible}
.searchC input[type=text]::placeholder{color: #fff;}
.header{background-color: #53ab4c;color: #fff;height: 52px;line-height: 52px;}
.header ul li{flex: 1;text-align: center;position: relative;}
.header ul li::before{content: '';height: 15px;border-right: 1px dashed rgba(255, 255, 255, .5);width: 1px;right: 0;top: 50%;transform:translateY(-50%);position: absolute;}
.header ul li.active::before{border-right: 1px dashed #2f8b28;}
.header ul li:hover::after,.header ul li.active::after{content: '';height: 100%;width: 1px;position: absolute;left: -1px;top: 0;background-color: #2f8b28;}
.header ul li:last-of-type:before{border: none;}
.header ul li>a{font-size: 18px;display: block;color: #fff;font-weight: 900;}
.header ul li>a:hover,.header ul li.active>a{background-color: #2f8b28;}
.header li>dl{display: none;}
.header li:hover>dl{display: block;position: absolute;left: 0;top: 52px;width: 100%;z-index: 999;}
.header li:hover>dl::before{content: '';height: 100%;width: 1px;position: absolute;left: -1px;top: 0;background-color: #2f8b28;}
.header li:hover{background-color: #2f8b28;}
.header li:hover>dl dd a{background: #2f8b28;border-top: #5ea958 1px solid;display: block;color: #fff;font-size: 15px;}
.header li:hover>dl dd a:hover{background-color: #1d7716;}
.header li:hover::before{border-color: transparent;}
.wxtopCode{position: relative;}
.wxtopCode>img{height: 21px;}
.wxtopCode i{/* display: none; */position: absolute;top: 24px;left:50%;z-index: 9;width: 100px;transform: translateX(-50%);margin-top: 10px;transition: all .2s;visibility: hidden;}
.wxtopCode i img{display: block;width: 100%;height:initial!important;margin-right: 0!important;}
.wxtopCode i::before{content: '';position: absolute;top: -6px;left: 50%;transform: translateY(-50%);border:6px solid transparent;border-bottom-color:#fff;}
.wxtopCode:hover i{/* display: block; */top: 34px;visibility: visible;}

/* 公共底部 */
.footer{background:url(../jpg/footbg.jpg) no-repeat center top;background-size: cover;color: #fff;font-size: 16px;padding-top: 80px;padding-bottom: 60px;}
.footer a{color: #fff;}
.footTop{margin-bottom: 55px;justify-content: space-around;align-items: flex-start;}
.footTop dt{font-size: 18px;font-weight: 900;margin-bottom: 34px;}
.footTop dd>a{margin-bottom: 20px;display: block;}
.footTop dd>a:hover{text-decoration: underline;}
.footTop dd .tel{margin-bottom: 20px;}
.footTop dd .tel span{font-size: 36px;}
.footTop dd .footInfo{line-height: 2;}
.footShare{margin-top: 30px;}
.footShare a{display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;border: 1px solid #fff;border-radius: 50%;position: relative;}
.footShare a i{/* display: none; */position: absolute;top: -34px;left:40px;z-index: 9;width: 100px;visibility: hidden;transition: opacity .3s, left .4s;opacity: 0;}
.footShare a i img{display: block;width: 100%;}
.footShare a i::before{content: '';position: absolute;left: -12px;top: 50%;transform: translateY(-50%);border:6px solid transparent;border-right-color:#fff;}
.footShare a:hover i{/* display: block; */visibility: visible;left:46px;opacity: 1;}
.footBottom{font-size: 14px;justify-content: space-between;align-items: center;}

@media (max-width:1440px) and (min-width:1360px){
.comWrapper{width: 90%;margin-left:auto;margin-right:auto;}
}

@media (max-width:1200px){
html{overflow-x: hidden;}
body{font-size: 15px;}
.pc{display: none!important;}
.app{display: block!important;}
.flex{display: block;}
.comWrapper{width: 90%;margin-left:auto;margin-right:auto;}
/*移动端导航*/
.header{display:none}
.head1200{display: flex;justify-content: space-between;align-items: center;padding: 10px 5px 4px 20px;position: relative;top:0;left:0;right:0;z-index:9999;background-color: #fff;}
.head1200 .headR{align-items: center;justify-content: flex-end;display: flex;}
.menuBox{position: fixed;right:-100%;top:66px;width:100%;height:96%;z-index:999;background:#fff;left: auto;}
.head1200 a.logo{width:160px;cursor:pointer;display: block;}
.head1200 a.logo img{width:100%;}
.search{margin-left: 15px;}
.searchBtn{width: 36px;height: 36px;}
.searchBtn img,.searchC input[type=image]{height: 16px;}
.searchC input[type=text]::placeholder{font-size: 14px;}
.searchC input[type=text]{height: 36px;}
.searchC form{padding: 0 10px;}
.menu-handler{width:58px;height:58px;cursor:pointer;position:relative;z-index:49;}
.menu-handler .burger{width:24px;height:2px;background:#666;display:block;position:absolute;z-index:5;top:20px;left:50%;margin:0px 0px 0px -12px;-webkit-transform-origin:center;transform-origin:center;}
.menu-handler .burger-2{top:27px}
.menu-handler .burger-3{top:35px}
.menu-handler.active .burger-1{top:27px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-handler.active .burger-2{opacity:0;}
.menu-handler.active .burger-3{top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.trans,.trans:hover{-webkit-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;}
.trans-fast,.trans-fast:hover{-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out}
.navMobile{width:100%;}
.navMobile li{border-bottom:1px solid #f5efef;line-height:50px;}
.navMobile li h5{width:90%;margin: auto;position:relative;font-size: 16px;width: 100%;}
.navMobile li h5 a{color: #333;display: block;width:100%;font-weight:bold}
.navMobile li h5 i{border:2px solid #53ab4c;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active{transform:rotate(135deg);}
.navMobile li .listDown{display:none;width:100%;}
.navMobile li .listDown .list2_one{font-size:14px;background-color:#fff;}
.navMobile li .listDown .list2_one h3{border-top:1px solid #e8e8e8;padding:0px 10px;line-height: 3;font-size: 15px;font-weight: 500;}
.navMobile li h5>a,.navMobile li .listDown .list2_one h3 a{margin-left:20px;width:80%;color:#666;font-weight: 600;}
.navMobile li h5 i,.navMobile li h3 i{border:2px solid #53ab4c;display:block;width:8px;height:8px;transform:rotate(-45deg);border-top:none;border-right:none;right:20px;position:absolute;top: calc(50% - 4px);transition: all .4s;}
.navMobile li h5 i.active,.navMobile li h3 i.active{transform:rotate(135deg);}
.navMobile li .listDown .list2_one h3 a{color: #666;opacity: .95;}
.footer{padding-top: 40px;padding-bottom: 30px;font-size: 15px;}
.footTop {margin-bottom: 30px;}
.footTop dl dt{margin-bottom: 20px;font-size: 16px;position: relative;}
.footTop dl dt::after {content: ""; height: 2px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%;}
.footTop dl dt::before {content: ""; height: 2px; width: 14px; background-color: #fff; position: absolute; right: 14px; top: 50%; transform: rotate(90deg);text-decoration:none; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.footTop dl dt.cur::before { transform: rotate(0deg);}
.footTop dl dt.cur { border-bottom: none;}
.footTop dl+dl{margin-top: 20px;}
.footTop dl dd {display: none;}
.footBottom{line-height: 1.6;text-align: center;}
.footTop dd .tel{margin-bottom: 10px;margin-top: 10px;}
.footTop dd .tel span{font-size: 24px;}
.footShare{margin-top: 15px;}
}