/*banner*/
.banner{position:relative;min-height:50rem;display:flex;align-items:center;overflow:hidden;}
.banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0, .5);z-index:1;}
.banner-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.banner .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:0 auto;}
.banner .info h1{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;line-height:1.2;}
.banner .info p{color:rgba(255,255,255, .8);max-width:700px;text-align:center;margin-bottom:1rem;line-height:1.8;}
.bannera{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;line-height:1.625rem;}
.bannera .online{background:linear-gradient(135deg, #1677FF 0%, #4096FF 100%);color:#fff;padding:.875rem 2rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.5rem;}
.banner .tel{background:rgba(255, 255, 255, .1);color:#fff;border:1px solid rgba(255, 255, 255, .3);padding:.875rem 2rem;border-radius:.5rem;}
/*正文*/
.main_bg{width:100%;padding:5rem 0;background:#f2f4f8;}
.main_bg:nth-child(even){background:#fff;}
.main_bg h3{font-size:1.125rem;text-align:center;line-height:3rem;margin:0;}
.main_bg ul{width:1200px;margin:0 auto;overflow:hidden;}
.main_bg ul li p{line-height:2rem;margin:0;position:relative;padding-left:2rem;}
.main_bg ul li p:after{content:"";position:absolute;width:.25rem;height:.25rem;background:#2141e6;border-radius:50%;top:50%;left:1rem;}
.mode{display:flex;align-items:center;justify-content:center;padding-top:1.5rem;}
.mode a{padding:.5rem 1.5rem;line-height:1.625rem;text-align:center;color:#2b8cf4;border:1px solid #2b8cf4;border-radius:.5rem;background:#fff;}
.mode a:hover{background:#2b8cf4;color:#fff;text-decoration:none;}
.subtitle{padding-bottom:2rem;}
.subtitle h2{text-align:center;font-size:2rem;}
.subtitle h2 span{color:#2b8cf4;padding-left:2rem;position:relative;}
.subtitle h2 span:after{content:'';position:absolute;left:.875rem;top:50%;width:.375rem;height:.375rem;background:#000;opacity:.7;transform:translateY(-50%);}
.subtitle p{color:#5a6a8a;text-align:center;}
.loading01 ul{display:flex;}
.loading01 ul li{width:16%;margin-left:5%;text-align:center;position:relative;}
.loading01 ul li:first-child{margin-left:0;}
.loading01 ul li:after{width:100%;position:absolute;content:"";height:.125rem;background:#2b8cf4;top:1.5rem;left:-66%;opacity:.5;}
.loading01 ul li:first-child:after{display:none;}
.loading01 ul li i{width:3rem;height:3rem;line-height:3rem;display:block;border-radius:100%;background:#2b8cf4;color:#fff;font-style:normal;margin:0 auto;}
.loading01 ul li p{font-size:.875rem;line-height:1.5rem;padding:0;position:static;}
.loading01 ul li p:after{display:none;}
.loading02 ul{display:flex;flex-wrap:wrap;}
.loading02 ul li{width:calc(41.6666% - .5rem);margin-top:1rem;position:relative;}
.loading02 ul li:nth-child(3n+1){width:100%;}
.loading02 ul li:nth-child(3n){margin-left:1rem;}
.loading02 ul li:nth-child(4n+2){width:calc(58.3333% - .5rem);}
.loading02 ul li .info{position:absolute;width:100%;top:0;left:0;padding:2rem 2rem 4rem;background:linear-gradient(rgba(0,0,0, .8), rgba(0,0,0, .01));}
.loading02 ul li h3{font-size:1.75rem;margin:0;line-height:2rem;margin-bottom:.5rem;font-weight:600;color:#fff;text-align:left;}
.loading02 ul li p{line-height:1.5rem;color:#fff;padding:0;position:static;}
.loading02 ul li p:after{display:none;}
.loading02 ul li .desc{position:absolute;bottom:0;width:100%;background:rgba(0,0,0, .8);display:none;padding:1rem;}
.loading02 ul li .desc span{width:50%;float:left;line-height:2rem;position:relative;padding-left:2rem;}
.loading02 ul li .desc span:after{content:"";position:absolute;width:.25rem;height:.25rem;background:#fff;border-radius:50%;top:50%;left:1rem;}
.loading02 ul li .desc a{color:#fff;text-decoration:none;}
.loading02 ul li:hover .desc{display:block;}
.loading03 ul{display:flex;}
.loading03 ul li{width:calc(20% - .8rem);margin-left:1rem;overflow:hidden;padding:1rem 0;background:#fff;}
.loading03 ul li:first-child{margin-left:0;}
.loading03 ul li img{margin:0 auto;display:block;width:3rem;opacity:.7;}
.loading04 table{width:1200px;margin:0 auto;overflow:hidden;display:block;}
.loading04 table tr{background:#f2f4f8;}
.loading04 table tr:first-child{background:#2b8cf4;color:#fff;text-align:center;}
.loading04 table tr td{width:30%;padding:1rem;border:2px solid #fff;line-height:1.5rem;}
.loading04 table tr td:first-child{width:10%;text-align:center;}
.loading05 ul li{width:calc(50% - .5rem);float:left;position:relative;}
.loading05 ul li:first-child{margin-right:1rem;height:100%;}
.loading05 ul li:last-child{margin-top:1rem;}
.loading05 ul li .patch{position:absolute;content:"";background:rgba(255,255,255, .8);padding:.5rem;display:block;top:1rem;left:1rem;}
.loading05 ul li .patch p{padding:0;position:static;}
.loading05 ul li .patch p:after{display:none;}
.loading06 ul{display:flex;}
.loading06 ul li{width:calc(25% - .75rem);float:left;margin-left:1rem;padding:1rem 1rem 2rem;background:#f2f4f8;}
.loading06 ul li:first-child{margin-left:0;}
.anli h2{padding-bottom:2.5rem;text-align:center;}
.anli .box{background:#fff;box-shadow:0 1px 18px 0 rgba(0,0,0,.14);text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease;}
.anli .box span{width:90%;margin:0 auto;display:block;padding:1.5rem 0;}
/*banner下导航*/
.cuttitle{ padding-top: 1em;border-bottom: 1px solid #eee; width: 100%;  overflow: hidden;}
.cuttitle ul{ padding: 0px; width: 100%; height:3rem; overflow: hidden; font-size: 0.96rem;}
.cuttitle ul li{ float: left; list-style: none; padding: 0em 0em 0.5em 0em; line-height: 2.5em;border-bottom: 2px solid #fff; margin: 0px 1rem;}
.cuttitle ul li.cur{ border-bottom: 2px solid #2B8CF4;}
.cuttitle ul li.cur a{ color: #333;}
.cuttitle ul li a{ color: #333; text-decoration: none; display:block;}
.cuttitle ul li:hover{border-bottom: 2px solid #2B8CF4;}
.cuttitle ul li:nth-last-child(1){margin-right:0}
.tab-list{display:none;}
.control{display:block;transform:rotate(90deg);font-family:SimHei;position:absolute;right:-10px;top:5px; background-color:#fff;width:40px;font-size:26px;opacity:1;text-align:center;}
.tab-list .control{transform:rotate(270deg);}
.tab-list{z-index:2;overflow:hidden;display:none;background:#fff;border-top:1px solid #eaeaea;position: relative; padding-top: 1em; padding-bottom: 1em;}
.tab-list .control{transform:rotate(270deg);}
.tab-list dd {float:left; width: 19%; margin: 0px 2%; list-style:none;padding:0 18px; font-size: 0.8em; line-height:3em;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin:5px; text-align: center;}
.tab-list dt{border-bottom:1px solid #eaeaea;font-size:18px;width:100%;padding:10px;margin-bottom:10px;}
.tab-list dd a{color:#333;}
.tab-list dd:hover{border:1px solid #2B8CF4;background-color:#2B8CF4;}
.tab-list dd:hover a{color:#fff;}
/*留言*/
.bootsms{padding: 3em 0em; width: 100%; background-repeat: repeat-x; background-position: center center; background-color: #2B8CF4; color: #fff; background-image: url(/images/1.0/spe/bg-botsms.png);}
.bootsms h2{font-size: 2em; text-align: center; padding: 0.5em 0em 0.5em 0em; }
.bootsms p{ font-size: 1em; padding: 0em 1em 2em 1em; text-align: center;}
.bootsms .submit{ background-color: #fff; border-radius: 5px; color: #2B8CF4; padding: 1em 2em;}
.bootsms li{ padding: 10px 0px;}
.bootsms .submit{color: #fff;background-image: linear-gradient(90deg,#ffb026,#ff8737); border-radius: 5px; padding: 0.8em 1.5em; border:none;}

@media screen and (max-width: 720px) {
/*banner*/
.banner{min-height:20rem;}
.banner .info{padding:0 2rem;}
.banner .info h1{font-size:1.75rem;}
.banner .info p{line-height:1.5rem;}
.bannera .online{padding:.5rem 1.5rem;}
.banner .tel{padding:.5rem 1.5rem;}
/*正文*/
.main_bg{padding:3rem 0;}
.main_bg ul{width:100%;padding:0 1rem;}
.main_bg h3{line-height:2rem;}
.main_bg p{line-height:1.5rem;}
.subtitle{padding:0 1rem 1rem;}
.subtitle h2{font-size:1.375rem;margin-top:0;}
.subtitle h2 span:after{width:.25rem;height:.25rem;left:.375rem;}
.subtitle p{line-height:1.5rem;margin:0;}
.loading01 ul li p{line-height:1.25rem;}
.loading02 ul li{width:100%;position:static;}
.loading02 ul li:nth-child(3n){margin-left:0;}
.loading02 ul li:nth-child(4n+2){width:100%;}
.loading02 ul li .info{padding:1rem;position:static;background:linear-gradient(rgba(0,0,0, .8), rgba(0,0,0, .8));border:1px solid #fff;}
.loading02 ul li h3{font-size:1.25rem;margin-bottom:0;}
.loading02 ul li .desc{position:static;display:block;overflow:hidden;}
.loading03 ul{flex-wrap:wrap;}
.loading03 ul li{width:100%;margin-left:0;margin-top:1rem;padding:1rem;}
.loading03 ul li:first-child{margin-top:0;}
.loading03 ul li p{width:50%;float:left;}
.loading04 table{width:100%;padding:0 1rem;}
.loading05 ul li{width:100%;}
.loading05 ul li:first-child{margin-right:0;margin-bottom:1rem;}
.loading05 ul li img{width:100%;height:100%;}
.loading06 ul{flex-wrap:wrap;}
.loading06 ul li{width:100%;margin-left:0;margin-top:1rem;}
.loading06 ul li:first-child{margin-top:0;}
.loading06 ul li p{width:50%;float:left;}
.anli h2{font-size:1.375rem;padding-bottom:0;margin-top:0;}
.anli .box{margin-top:1rem;}
/*banner下导航*/
.cuttitle ul li{ width: 40%; text-align: center;margin: 0px 0.4em;}
.tab-head::-webkit-scrollbar {display: none;}
.tab-head {z-index:1;position: relative;display:flex;}
.tab-head li{flex:1 0 auto;}
.control{display:block;transform:rotate(90deg); font-family:SimHei; position:absolute;right:-10px; top: 5px; background-color: #fff;width:40px;font-size:26px;opacity:1;text-align:center;}
.tab-list {z-index:2;overflow:hidden;display:none;background:#fff;border-top:1px solid #eaeaea;position: relative; padding-top: 1em; padding-bottom: 1em;}
.tab-list .control{transform:rotate(270deg);}
.tab-list dd {float:left; width: 46%; margin: 0px 2%; list-style:none;padding:0 18px; font-size: 0.8em; line-height:3em;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin:5px; text-align: center;}
.tab-list dt{border-bottom:1px solid #eaeaea;font-size:18px;width:100%;padding:10px;margin-bottom:10px;}
.tab-list dd a{color:#333;}
.tab-list dd:hover{border:1px solid #2B8CF4;background-color:#2B8CF4;}
.tab-list dd:hover a{color:#fff;}
.first, .third,.second{display: block;}
.first .text,.third .text{padding: 5%;font-size: 1em;}
.second .right{margin:0;}
.downapp span{ margin: 2rem 0.5rem;}
}