body{background: #f0f3f9; padding: 0; margin: 0;}
html{font-size: 40px;}
.wow{visibility: hidden;}
.noscroll{width: 100%; height: 100%; overflow: hidden;}
.img-width{width: auto; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.img-height{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.main-w{width: 100%; padding: 0 0.75rem; overflow: hidden;}
.aimg{display: block; width: 100%; height: inherit; position: relative;}
.aimg .img{display: block; width: auto; height: inherit; min-width: 100%; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
/**/
*{margin:0;padding:0;box-sizing:border-box;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
body{background-color:#f7f7f7;color:#333}
.container{max-width:1200px;margin:0 auto;padding:20px}
header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e7e7e7}
.logo{display:flex;align-items:center}
.logo img{height:30px;margin-right:10px}
.logo h1{font-size:20px;font-weight:normal;color:#23c891;}
nav ul{display:flex;list-style:none}
nav ul li{margin-left:30px}
nav ul li a{text-decoration:none;color:#333;font-size:16px}
nav ul li a:hover{color:#23c891}
.main-content{width: 100%; overflow: hidden; margin-top:50px;}
.left-section{float: left; width: 60%; padding-right:50px; padding-top: 5px;}
.left-section h2{font-size:28px;margin-bottom:10px;color: #000;font-weight:bold;}
.left-section h3{font-size:16px;margin-bottom:20px;color: #000;font-weight:normal;}
.left-section p{font-size:14px;line-height:1.6;margin-bottom:15px;color:#666}
.qr-code{margin-top:30px;}
.qr-code .code-box{display: inline-block; padding: 5px 5px; margin-bottom: 20px; background: #fff;}
.qr-code .code-box img{width:180px; height:180px; width: 100%;}
.qr-code .code-txt{width: 100%; overflow: hidden; font-size:14px;color:#999;margin-bottom: 8px}
.qr-code .code-txt .txt-item{float: left; margin-right: 20px; position: relative;}
.qr-code .code-txt .txt-item:hover{color:#23c891;}
.qr-code .code-txt .txt-item:before{content: ''; display: block; width: 1px; height: 10px; background: #999; position: absolute; right: -10px; top: 6px;}
.qr-code .code-txt .txt-item:last-child:before{display: none;}
/**/
.right-section{width: 300px; float: right;}
.phone-mockup{position:relative}
.phone-mockup img{width:300px}
/**/
footer{width: 100%; padding:20px 0;text-align:center;border-top:1px solid #e7e7e7;color: rgba(0, 0, 0, 0.3);font-size:14px;font-weight: 400; position: fixed; bottom: 0; left: 0;}
footer a{color: rgba(0, 0, 0, 0.3); text-decoration: none;}
.btn{display:inline-block;padding:12px 24px;background-color:rgb(35, 200, 145);color:white;text-decoration:none;border-radius:4px;font-size:16px;transition:background-color 0.3s}
.btn:hover{background-color:rgba(35, 200, 145, 0.8);}
/**/
.main-news-cate{width: 100%; padding: 0 0.5rem; background: #fff; overflow: hidden;}
.main-news-cate .cate-item{display: block; width: 25%; float: left; height: 2rem; line-height: 2rem; font-size: 0.75rem; position: relative; text-align: center;}

.main-news-cate .cate-item:before{content: ''; display: block; width: 1.0rem; height: 0.1rem; background: #35bb9a; position: absolute; left: calc(50% - 0.5rem); bottom: 0; opacity: 0;}
.main-news-cate .cate-item.active{color: #35bb9a;}
.main-news-cate .cate-item.active:before{opacity: 1;}
/**/
.main-news{width: 100%; margin-top: 0.5rem; padding-top: 0.01rem; background: #fff;}
.main-news .news-list{margin-top: 0.375rem;}
.main-news .news-list .news-item{width: 100%; border-bottom: 1px solid #e8ebf1; padding: 0 0.75rem 0.75rem; margin-bottom: 0.5rem;}
.main-news .news-list .news-item:last-child{margin-bottom: 0; border-bottom: none;}
.main-news .news-list .news-item .item-text{width: 10.0rem;}
.main-news .news-list .news-item .item-text .text-title{font-size: 0.75rem; line-height: 1.5rem; font-weight: normal;}
.main-news .news-list .news-item .item-text .text-title a{display: block; color: #161e3a;}
.main-news .news-list .news-item .item-text .text-info{margin-top: 0.3rem; font-size: 0.65rem; line-height: 0.875rem; color: #a1a6b9;}
.main-news .news-list .news-item .item-text .text-info .hot{padding-right: 1.0rem;}
.main-news .news-list .news-item .item-img-box{width: 6.5rem; padding-top: 0.3rem;}
.main-news .news-list .news-item .item-img{width: 100%; height: 3.5rem; border-radius: 0.3rem; overflow: hidden;}
.main-news .news-list .news-item .item-img .img{width: 100%; height: 3.5rem;}
.main-news .news-list .news-item.noimg .item-text{width: 100%;}
.main-news .news-list .news-item.noimg .item-img-box{display: none;}
/**/
.main-news-details{width: 100%; padding: 0.875rem 0.7rem; background: #fff;}
.main-news-details .news-title{font-size: 1.1rem; line-height: 1.5rem; color: #222; font-weight: bold;}
.main-news-details .news-info{font-size: 0.65rem; height: 1.0rem; line-height: 1.0rem; margin-top: 1rem; color: #999;}
.main-news-details .news-info .info{margin-right: 1.0rem;}
.main-news-details .news-reference{font-size: 0.75rem; line-height: 1.75rem; color: #222; font-weight: normal; margin-top: 0.5rem; padding-bottom: 0;}
.main-news-details .news-reference>*{margin: 0.6rem auto; text-wrap: inherit !important;}
.main-news-details .news-reference img{max-width: 100%!important;}
.main-news-details .news-reference a{color: #00a9ff;}
.main-news-details .news-reference h2{font-size: larger;}
.main-news-details .news-reference h3{font-size: large;}
.main-news-details .news-reference h4{font-size: medium;}
.main-news-details .news-reference h5{font-size: smaller;}
.main-news-details .news-reference.noborder{border: none;}
/**/
.main-banner-img{width: 100%; padding-top: 0.1rem; background: none; position: relative;}
.main-banner-img .img{width: 100%; border-radius: 0.25rem; overflow: hidden;}
.main-banner-img .text-box{width: 100%; padding-top: 2.0rem; text-align: center; color: #fff; position: absolute; left: 0; top: 0;}
.main-banner-img .text-box .text-title{font-size: 1.0rem; line-height: 1.5rem; color: #fff; font-weight: bold;}
.main-banner-img .text-box .text-desc{width: 11.375rem; margin: 0.5rem auto 0; font-size: 0.6rem; line-height: 1.0rem; color: #abc6ff;}
/**/
.course-inner-list{width: 100%; padding-bottom: 0.75rem;}
.course-inner-list .inner-title{width: 100%; text-align: center; font-size: 0.8rem; line-height: 1.0rem; padding: 1.5rem 0 0.25rem; font-weight: 600;}
/**/
.courselist-box{width: 100%; padding: 0.75rem 0.8rem 0; overflow: hidden;}
.courselist-box .item{width: 8.25rem; height: 6.25rem; padding: 0.3rem 0.3rem; margin-bottom: 0.625rem; border-radius: 0.3rem; background: #fff; overflow: hidden; float: left;}
.courselist-box .item:nth-child(2n){float: right;}
.courselist-box .item .item-img{width: 100%; height: 4.3rem; border-radius: 0.25rem; overflow: hidden;}
.courselist-box .item .item-title{width: 100%; padding: 0 0.25rem; height: 1.625rem; line-height: 1.625rem; font-size: 0.65rem; color: #52586e;}