@charset "utf-8";
/* 通用 */
html,body{width: 100%;overflow-x: hidden;}
a,button{cursor:pointer;}
.mb60{margin-bottom: 60px;}
.dfrb{display:flex;flex-direction:row;justify-content:space-between;align-items: center;}
.dfre{display:flex;flex-direction:row;justify-content:space-evenly;align-items: center;}
.dfcb{display:flex;flex-direction:column;justify-content:space-between;align-items: center;}
.dfcc{display:flex;flex-direction:column;justify-content:center;align-items: center;}
.ellipsis{white-space: nowrap; /* 防止文本换行 */overflow: hidden; /* 隐藏溢出的内容 */text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */}

.dn{display:none;opacity: 0;}
.dfn{display:none;opacity: 0;}
.show .dn{display: block;}
.show .dfn{display:flex;}
.btnbg{background-color:#076CE0;border-radius: 4px;}
.btn-border-blue{border-color:#076CE0 !important; color:#076CE0 !important;background-color: #fff;border-radius: 4px;}
/* 替换layui */
.layui-input:focus {border-color:#076CE0 !important;}
.layui-nav{background: none;}
.layui-nav .layui-nav-item a{color: #333; font-size:16px;}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {color:#076CE0;}
.layui-nav .layui-this:after,.layui-nav-bar {background-color:#076CE0;}
.layui-nav-tree .layui-nav-bar {background-color: #076CE0;}
/* 导航 */
#menu.fl{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.menu{height: 90px;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 99;}
.menu .box{height: 90px;line-height: 90px;padding: 0 30px;box-sizing: border-box;}
a.logo{display: block;background: url(/static/images/logo_web.png) no-repeat;width:320px;height:50px;text-indent: -9999px;margin-bottom: 16px;background-size: cover;}
.box{width:1200px; margin:0 auto;}
.header-menu{white-space: nowrap;}
.header-menu .layui-nav-item{line-height: 90px;}
.header-menu .layui-nav-item a .layui-icon{display: none;}
.username{max-width:200px;}
/* 登录相关 */
.logbox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.4);}
.logdiv{position: absolute;width: 768px;height: 540px;left: 50%;top: 50%;margin:-270px 0 0 -390px;z-index: 9;background: #fff url(logbbg.png) no-repeat 0 0;border-radius:10px;overflow: hidden;}
.clzlog{position: absolute;width: 24px;height: 24px;background: url(clzlog.png) no-repeat;right: 20px;top: 20px;z-index: 9;text-indent: -9999px;}
.loginfo{width: 192px;padding: 30px;position: absolute;left: 54px;top: 135px;border: 1px solid rgba(255,255,255,.5);}
.loginfo h3,.loginfo h4,.loginfo h5{color: #fff;display: block;text-align: center;}
.loginfo h3{font-size: 24px;line-height: 70px;}
.loginfo h4{font-size: 20px;font-weight: normal;line-height: 40px;}
.loginfo h5{font-size: 18px;line-height: 60px;}
.bbl{border-bottom: 1px solid rgba(255,255,255,.5);}
.loginfobt{position: absolute;bottom: 0;right: 0;width:408px;height: 60px;line-height: 60px;background: #F7F7F7;font-size: 14px;color: #666;text-align: center;}
.loginfobt a{color: #076CE0;}
.logmenu{position: absolute;width: 300px;height: 32px;border-bottom:2px solid #EFEFEF;right: 60px;top: 112px;}
.logmenu a{display: inline-block;height: 32px;font-size: 16px;}
.logmenu a.cur{border-bottom:2px solid #076CE0;}
.logshow{position: absolute;width: 300px;height: 290px;right: 60px;top: 170px;text-align: center;}
.logshow .layui-input{font-size: 14px; height: 40px; line-height: 40px;}
.logstip{font-size: 14px;color: #999;}
.wxbg{background-color:#4daf29;border-radius: 4px;}
.wrp_code_rl_bg, .wrp_code_rl_mask {position: absolute;left: 0;right: 0;top: 0;bottom:20px;}
.wrp_code_rl_mask {background: #fff;opacity: .9;filter: alpha(opacity=90);}
.wrp_code_rl_info {color: #222;display: inline-block;position: absolute;height: 110px;top: 50%;margin-top: -50px;width: 115px;left: 50%;margin-left: -57px;}
.wrp_code_rl_info i{font-size: 30px; color: #1E9FFF; font-weight: bold;}
.wrp_code_rl_label {font-size: 14px;padding: 15px 0;}
/* banner */
.banner{height:880px;width: 100%;padding-top: 90px;position: relative;overflow: hidden;background-size: cover;}
.bg-wave1{position: absolute;left: 0;width: 100%;top:1px;height:100%;z-index: -1;background:#076CE0}
.bandh{opacity: 0;position: absolute;width: 100%;height: 880px;left: 0;top: 10px;background:url(banner.png) no-repeat center;}
.ban{display: flex;flex-direction: row;align-items: center;height: 880px;position: absolute;left: 50%;top:-50px;margin-left:-600px;opacity: 0;}
.baninfo{width: 560px;}
.baninfo h3{font-size: 48px;line-height: 72px;color: #fff;margin-bottom: 30px;}
.baninfo h4{font-size: 22px;line-height: 36px;color: #fff;margin-bottom: 30px;font-weight: normal;}
.services{background-color:#076CE0;border: 1px solid #fff;border-radius:20px;position: relative; overflow: hidden; }
.services:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: #fff; opacity: 0.5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; filter: alpha(opacity=50); -webkit-animation: enlarge 1.5s infinite; -o-animation: enlarge 1.5s infinite; animation: enlarge 1.5s infinite; }
@keyframes enlarge {
	0% { width: 0; height: 0; }
	100% { width: 180px; height: 180px; background: 0; }
}
/* 产品应用 */
#intro{position: relative; margin-top: -160px;min-height:2700px;}
.bg-wave2{position: absolute;left: 0;width: 100%;top: 300px;height: 800px;z-index: -1;}
.bg-wave3{position: absolute;left: 0;width: 100%;top: 1400px;height: 300px;z-index: -1;}
.bg-blue{position: absolute;left: 0;width: 100%;top: 1099px;height: 304px;z-index: -1;background:rgba(114, 171, 238, 1);}
.cinfo{width: 600px;padding: 20px 0;}
.cinfo h3{font-size: 32px;line-height: 42px;font-weight: normal;color: #333;margin-bottom: 30px;}
.cinfo h4{font-weight: normal;font-size: 16px;line-height: 32px;color: #666;margin-bottom: 50px;}
.cinfo .wc{color: #222;}
.imgc{width: 560px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.imgc.dfn{display: none;}
.show .imgc.dfn{display:flex;}
/* 定制应用 */
#p2{width:100%;height:580px;display: flex;flex-direction:column;align-items: center;justify-content: center;background-size: cover;position: relative;}
.bg-wave4{position: absolute;left: 0;width: 100%;top: 0px;height: 200px;z-index: -1;}
.bg-wave5{position: absolute;left: 0;width: 100%;top: 400px;height: 200px;z-index: -1;}
.bg-blue2{position: absolute;left: 0;width: 100%;top: 199px;height: 202px;z-index: -1;background:rgba(7, 108, 224, 1);}
.p2d{display: flex;flex-direction:column;align-items: center;justify-content: center;margin-bottom: 70px;}
.p2d h3{font-size: 36px;line-height: 46px;color: #fff;margin-bottom: 30px;}
.p2d h4{font-size: 20px;line-height: 26px;color: #fff;margin-bottom: 30px;font-weight: normal;}
/* 关于我们 */
#about h3{font-size: 32px;color: #333;line-height: 32px;margin-bottom: 10px;text-align: center;}
#about h4{font-size: 16px;color: #999;line-height: 16px;margin-bottom: 20px;text-align: center;}
.about{width: 770px;font-size: 20px;color: #333;line-height: 40px;}
.ewm{width: 370px;}
.textcenter{width: 160px; text-align: center;}
.textcenter img{width: 100%;}
.textcenter p{font-size: 15px; line-height: 30px;}
/* 底部信息 */
.copyright{height: 140px;display: flex;flex-direction:row;align-items: center;justify-content: center;font-size: 14px;color: #333;width: 100%;background: #ECECEC;margin-top:60px;}
.copyright a{font-size: 14px;color: #333;}
.copyright span{margin:0 15px;}
.pt{background-image: linear-gradient(to bottom, #fff, #888);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* 价格页面 */
.ban2bg{height:500px;width:100%;padding-top:90px;position:relative;overflow:hidden;}
.bg-wave6{position:absolute;left:0;width:100%;top:0px;height:530px;z-index:-1;background:#076CE0}
.ban2{display:flex;flex-direction:row;align-items:center;height:72%;opacity: 0;}
.ban2info{width:100%;text-align:center;margin-bottom:50px;}
.ban2info h3{font-size:40px;line-height:52px;color:#fff;margin-bottom:30px;}
.ban2info h4{font-size:20px;line-height:26px;color:#fff;font-weight:normal;}

.tts{margin-top:60px;}
.tlist{flex-wrap:wrap;}
.tlist li{width:192px;height:60px;line-height:60px;text-align:center;border:1px solid #076CE0;border-radius:30px;font-size:20px;color:#076CE0;cursor:pointer;margin-bottom:10px;}
.tlist li:hover,.tlist li.cur{background:#076CE0;color:#fff;}
.ttsitem{align-items:flex-start;flex-wrap:wrap;}
.ttsi-box{background:#fff;position:relative;border-radius:16px;padding-bottom:56px;margin-bottom:30px;}
.ttsi-box .hot{position:absolute;width:98px;height:98px;right:-28px;top:-40px;z-index:2;background:url(hot.png) no-repeat;}
.ttsi-head{display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff;height:100px;position:relative;padding:15px 0 43px 0;border-radius:16px 16px 0 0;}
.ttsi-head h3{font-size:18px;font-weight:normal;}
.ttsi-head h4{font-size:14px;font-weight:normal;}
.ttsi-head h4 em{font-size:24px;font-weight:normal;}
.ttsi-head h5{font-size:12px;font-weight:normal;}
.ttsi-head h5.no{text-decoration:line-through;}
.ttsi-head h5.two{height:30px;text-align:center;line-height:30px;border-radius:15px;border:1px solid rgba(255,255,255,.4);padding:0 18px;}
.website_version { box-shadow: 0 0 17px 3px rgba(207,221,213,0.35); -webkit-transition: all .5s }
.website_version:hover { box-shadow: 0 0 15px 2px rgba(217,223,231,.8); -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) }
.original-box { opacity: 1; transition: opacity,transform,ease .3s;text-align: center; height: 70px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;}
.website_version:hover .original-box { opacity: 0; height: 0; transform: scale(0.5) }
.discount-box { opacity: 0; height: 0; transform: scale(0.5); overflow: hidden; transition: opacity,transform,ease .5s ;text-align: center;display:flex;flex-direction:column;align-items:center;justify-content:space-around;}
.website_version:hover .discount-box { opacity: 1; transform: scale(1); height:70px; }

.fulli{width:100%;height:auto;position:absolute;left:0;bottom:-2px;}
.ttsih1{background-image:linear-gradient(to right, #A5B9D8, #86A2C7);}
.ttsih2{background-image:linear-gradient(to right, #FF9D32, #FF901C);}
.ttsih3{background-image:linear-gradient(to right, #FE7157, #FE5E3F);}
.ttsih4{background-image:linear-gradient(to right, #F1C984, #E7B672);}
.ttsih5{background-image:linear-gradient(to right, #518EF8, #325FEE);}
.ttsih6{background-image:linear-gradient(to right, #DFBD88, #B69347);}
.ttsih7{background-image:linear-gradient(to right, #5E5446, #1A1814);}
.wh1{width: 220px; height: 542px;}
.wh2{width: 260px; height: 500px;}
.wh3{width: 220px; height: 360px;}
.wh5{width: 300px; height: 360px;}
.ttslist{margin:12px;}
.ttslist li{line-height:32px;}
.ttslist li::before {font-family:layui-icon !important;content: "\e605";font-size:16px;font-weight:bold;color:#00AD20;margin-right:10px;}
.ttsa{width:124px;border-radius:18px;position:absolute;left:50%;margin-left:-62px;bottom:20px;}

.kuozhan{margin-top:30px;}
.kuozhan h2{font-size:36px;text-align:center;color:#333;}
.kzlist{margin-top:40px;flex-wrap:wrap;}
.kzlist li{width:180px;height:173px;background: #fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.08);position:relative;padding:11px 0 16px; margin-bottom:30px;}
.kzlist li .tb{position:absolute;background: rgba(7,108,224,.6);height: 11px;left: 0;top: 0;width: 100%;z-index: 1;}
.kzlist li.cur .tb{background:rgba(7,108,224,1);height: 8px;}
.kzlist li.cur .bb{position: absolute;background:rgba(7,108,224,1);height: 16px;left: 0;bottom: 0;width: 100%;z-index: 1;}
.kzlist li.cur .bbc{background:#fff;height:10px;border-radius:0 0 160px 160px;overflow: hidden;}
.kzlist li .cc{height: 100%;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.kza{width:120px;height:36px;line-height:36px;border:1px solid #076CE0;border-radius:4px;color: #076CE0;background:none;}
.kzlist li.cur .kza{background:#076CE0;color: #fff;}
.cc h3{font-size: 18px;font-weight: normal;}
.cc h4{font-size: 14px;font-weight: normal;}
.cc h4 em{font-size: 36px;color: #FF9422;}

.kfbg{height: 240px;background: url(kfbg.png) no-repeat center;background-size: cover;margin-top: 150px;}
.kf{position: relative;height: 100%;}
.kfimg{position: absolute;left: 0;top: -87px;width: 361px;height: 361px;background: url(kf.png) no-repeat;z-index: 1;}
.kfd h3{font-size: 36px;margin-bottom: 20px;}
.kfd h4{font-size: 20px;color: #666;font-weight: normal;}
.kfbtn{position:absolute;top:127px;right:80px;width:140px;height:46px;line-height:46px;background:#076CE0;border-radius:4px;z-index: 2;}
/* 文档中心 */
.help-banner {width:100%;height:180px;padding-top:90px;position:relative;overflow:hidden;background:#076CE0 url(help-banner.png) no-repeat center bottom;}
.help-banner .help-banner-title {font-size:28px;line-height:40px;color:#fff;text-shadow: 0 1px 4px #004bc8;opacity:1;margin-top:0;margin-bottom:20px;}
.help-banner .help-search {width:600px;height:40px;background:#fff;border-radius:2px;position:relative;display:flex;align-items: center;padding-right: 16px;}
.help-banner .help-search .help-search-input {flex:1;padding-left:16px;height:100%;border:none;border-radius:2px;box-sizing:border-box;}
.help-banner .help-search .layui-icon{width:18px;height:18px;font-size:18px;color:#666;cursor:pointer;}
.help-banner .help-search .layui-icon:hover {color:#3a84fe;}

.help-container{width:1200px;margin:0 auto;display:flex;align-items:flex-start;padding:30px 0;}
.help-container .help-menu{width:240px;border:1px solid #ebeff5;padding-top:20px;}
.help-menu .layui-menu-item-checked2 a {color:#3a84fe;}
.help-container .help-content{max-width: calc(100% - 240px);flex:1;margin-left:30px;order: 1;}
.help-text{border:1px solid #ebeff5;border-radius:2px;padding:30px;background-color: #fff;}
.help-text-head {border-bottom:1px solid #ebeff5;padding-bottom:30px;}
.help-text-title{font-size:24px;font-weight:400;line-height:31px;color: #000;margin-bottom:16px;word-break: break-all;}
.help-text-tag{margin-top:6px;display:flex;flex-wrap:wrap;}
.help-text-tag > a{display:block;padding:5px 8px;border:1px solid #e3e2e8;border-radius:2px;color: #666;font-size: 12px;margin-top: 10px;margin-right: 10px;}
.help-text-tag > a:hover{border-color:#3a84fe;color:#3a84fe;}
.help-text-content{padding-top:30px;color:#333;font-size:16px;}
.help-text-content p{line-height:26px; margin-bottom: 20px;}
.help-text-content img{width: 90%;}

.search-container{max-width:900px;margin:0 auto;}
.search-crumbs{height:57px;padding-left:20px; display:flex;align-items:center;color: #333;font-size:13px;}
.search-list {background-color:#fff;padding:0 50px;min-height:500px;}
.search-list a{display:flex;height:80px;color:#333;border-bottom:1px solid #ebeff5;align-items:center;justify-content:space-between;}
.search-list a:hover{color:#3a84fe;}
.search-list-title{position:relative;font-size:15px;max-width:calc(100% - 30px);}
.search-list-time{color:#aaa;font-size:13px;}
.search-page{width:100%;height:74px;padding-top:20px;padding-bottom:20px;box-sizing:border-box;text-align:center;}
.layui-laypage a,.layui-laypage span{margin-right:8px;border-radius:2px;font-size:14px;padding:0 12px;}
.layui-laypage a:hover{color:#3a84fe;border:1px solid #3a84fe;}
.layui-laypage .layui-laypage-curr{border:1px solid #3a84fe;}
.layui-laypage .layui-laypage-curr em{color:#3a84fe;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:none;}
.search-no-content {display:flex;flex-direction:column;align-items:center;margin-top:80px;min-height:420px;}

/* 动画相关 */
@keyframes dumpto {
	0%, 20%, 40%, 60%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
	20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
	40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
	60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
	80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
	100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
 }
 @keyframes fade-in {
   0% { opacity: 0; }
   100% { opacity: 1; }
 }
 @keyframes fade-out {
   0% { opacity: 1; }
   100% { opacity: 0; }
 }
 @keyframes spin {
   0% { -webkit-transform: rotateZ(0deg);opacity: 1 }
   100% { -webkit-transform: rotateZ(360deg);opacity: 1 }
 }
 @keyframes spin2 {
   0% { -webkit-transform: rotateZ(0deg);opacity: 1 }
   100% { -webkit-transform: rotateZ(-360deg);opacity: 1 }
 }
 /* 明暗闪动 */
 @keyframes flicker {
   0% { opacity: 0; }
   10% { opacity: 1; }
   40% { opacity: 1; }
   50% { opacity: 0; }
   60% { opacity: 1; }
   90% { opacity: 1; }
   100% { opacity: 0; }
 }
 @keyframes zy {
   0% { transform: translate3d(-30%, 0, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes yz {
   0% { transform: translate3d(30%, 0, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes sx {
   0% { transform: translate3d(0, -20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes xs {
   0% { transform: translate3d(0, 20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes yxzs {
   0% { transform: translate3d(20%, 20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes zxys {
   0% { transform: translate3d(-20%, 20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes zsyx {
   0% { transform: translate3d(-20%, -20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 @keyframes yszx {
   0% { transform: translate3d(20%, -20%, 0) ; opacity: 0 }
   100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
 }
 
 /* 低于 1360 像素时 */
 @media screen and (max-width: 1360px) {
	.banner{height:800px;}
	.bg-wave1{height:90%;}
	.bandh{height:90%;background-size:110% auto;left:120px;top:-50px;}
	.ban{height:90%;margin-left:-40%;}
	.baninfo{width:78%;}
	.baninfo h3{font-size:3.5vw;line-height:5vw;}
	.baninfo h4{font-size:1.5vw;line-height:2.2vw;}
 }
 
@media screen and (max-width: 1200px) {
	.box{width:98%;}
	.header-menu .layui-nav-item a {padding: 0 15px;}
	.username {max-width: 90px;}
	
	.banner{height:780px;}
	.ban2info h3 {font-size:3.5vw;}
	
	.tlist li {width:18%;}
	.help-container{width:100%;}
}

@media screen and (max-width: 992px) {
	a.logo{width: 126px;}
	.header-menu .layui-nav-item a {padding: 0 12px;}
	
	.banner{height:760px;}
	
	.cinfo{width: 52%;}
	.imgc{width: 42%;}
	.imgc img{width: 100%;}
	
	.kfd{position:absolute;left: 5%;width: 90%;top: 30px;z-index: 1;background:#ffffffcc;border: 10px;box-sizing: border-box;padding: 20px;border-radius: 10px;}
	.kfd h3{font-size:26px;}
	.kfbtn{top:198px;}
	
	.help-menu{position: fixed; top: 0; bottom: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; z-index: 1000; left: -300px; background-color: #fff;  transition: all .3s;}
	.help-container .help-content{max-width:100%; margin:0 30px;}
	.help-tree-mobile{display: block!important; position: fixed; z-index: 16666669; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color:#00A0E9; color: #fff;}
	.help-mobile .help-tree-mobile{display:none !important;}
	.help-mobile .help-menu{left: 0;}
	.help-mobile .help-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
}

@media screen and (max-width: 768px) {
	.site-tree-mobile{display: block!important; position:fixed;z-index:16666669;top:22px; left:180px; width:50px; height:50px; line-height:50px;cursor:pointer;}
	.site-tree-mobile i{font-size:24px;color:#145395;}
	.site-mobile .site-tree-mobile{display:none !important;}
	.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
	
	.header-menu{position: fixed; top: 0; bottom: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; z-index: 1000; left: -600px; background-color: #fff;  transition: all .3s;}
	.site-mobile .header-menu{left: 0;}
	.header-menu .layui-nav-item{display: block; width: 126px; height:60px; line-height:60px;border-bottom: 1px solid #f2f2f2;}
	.header-menu .layui-nav-item a .layui-icon {display:block;position:absolute;right:6px;top:50%;margin-top:-6px;line-height:normal;font-size:14px;}
	.header-menu .layui-nav-bar{height: 0px;}
	
	.logdiv{width: 576px;background: #fff;margin: -270px 0 0 -288px;}
	.loginfo{display: none;}
	.logmenu{width: 80%;}
	.logshow{width: 80%;}
	.loginfobt{width: 100%;}

  .banner{height:700px;}
	.bandh{background-size:100% auto;left:100px;top:-50px;}
	.ban{margin-left:-46%;top: -40px;}
	.baninfo{width:80%;}
	.baninfo h3{font-size:4vw;line-height:5.5vw;}
	.baninfo h4{font-size:2vw;line-height:3vw;}
	
	.aboutcnt{display:block;}
	.p2d h3{font-size:32px;}
	.p2d h4{font-size:16px;}
	.about,.p2d{width:96%;margin: 0 auto 20px;}
	.ewm{width: 100%;justify-content:space-evenly}
	.copyright{flex-wrap: wrap;padding: 20px 0;}
	
	.ban2bg{height:330px;}
	.bg-wave6{height:390px;}
	
	.tlist li {width:120px;height:30px;line-height:30px;border-radius:10px;font-size:16px; margin: 10px;}
	.ttsi-box{margin: 0 10px 30px;}
	.kzlist li{margin: 0 10px 30px;}
	
	.help-banner .help-search{width:90%;}
}

@media screen and (max-width: 576px) {
	.menu {height:70px;}
	.menu .box {height:70px;line-height:70px;padding: 0 8px;}
	a.logo {margin-bottom: 0px;}
	.site-tree-mobile {top:16px;left:140px;}
	.logdiv{width:100%;margin: -270px 0 0 0;left: 0;}
	.logmenu{right: 40px;}
	.logmenu a{font-size: 14px;}
	.logshow{right: 40px;}
	
	.banner{height:700px;padding-top:70px;}
	.bandh{background-size:130% auto;left:16px;top:80px;}
	.ban{height:80%;margin-left:-46%;top:-36px;}
	.baninfo{width:100%;}
	.baninfo h3{font-size:30px;line-height:46px;}
	.baninfo h4{font-size:16px;line-height:30px;}
	#intro{min-height:2000px;}
	.mb60{position: relative;}
	.cinfo{width:100%;background: rgba(255,255,255,.6);border-radius: 10px;padding: 15px;box-sizing: border-box;top:70px;z-index: 9;}
	.wc{color: #333;}
	.imgc{position: absolute;right: 10px;bottom: 20px;width: 42%;}
	
	.ban2bg{height:280px;}
	.bg-wave6{height:350px;}
	.ban2info h3 {font-size:20px;line-height:30px;}
	.ban2info h4{font-size:16px;line-height:20px;color:#fff;font-weight:normal;}
	
	.ttsi-box{width: 100%;margin: 0 20px 30px;box-sizing: border-box;height: auto;}
	.kzlist li{width: 100%;margin:0 20px 30px;box-sizing: border-box;}
	.kuozhan h2{font-size:26px;}
	
	.help-banner{padding-top:70px;}
	.help-container .help-content{max-width:100%; margin:0 10px;}
	.help-text{padding:30px 10px;}
	.help-text-content img{width:100%;}
	.search-list{padding:0 10px;}
	
	.layui-layer-setwin .layui-layer-close2 {right:-20px;top:-20px;}
}