/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";

*{margin:0;padding:0;outline:0;}
@media (min-width:900px){
	@font-face {font-family:AlibabaPuHuiTi-2-65-Medium;src:url(../fonts/AlibabaPuHuiTi-2-65-Medium.b6b3ad9b.ttf) format("truetype");}
	@font-face {font-family:AlibabaPuHuiTi-2-55-Regular;src:url(../fonts/AlibabaPuHuiTi-2-55-Regular.51eda78e.ttf) format("truetype");}
}
body,html{overflow-x:hidden;color:#424242;font:14px/30px "AlibabaPuHuiTi-2-55-Regular","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"AlibabaPuHuiTi-2-55-Regular","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#424242;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#FDD000;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1280px;width:100%;}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
#header{width:100%;position:fixed;left:0;top:0;z-index:100;background:rgba(0,0,0,.3)}
#header .wrap{height:80px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{height:50px;}
#header .logo img.b{display:none;}
#header .logo img.w{display:block;}
#header .nav ul{display:flex;justify-content:center ;align-items:center;}
#header .nav ul li{margin:0 30px;position:relative;line-height:100px;}
#header .nav ul li h3 a{color:#fff;font-size:18px;font-weight:normal;display:inline-block;}
#header .nav ul li h3 i{color:#fff;margin-left:5px;}
#header .nav ul li .sub{display:none;position:absolute;left:50%;top:80px;background:#fff;margin-left:-130px;width:260px;box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);;border-radius:10px;overflow:hidden;}
#header .nav ul li .sub dl{padding:20px;}
#header .nav ul li .sub dl dd{border-bottom:1px solid #eee;padding:10px 0;}
#header .nav ul li .sub dl dd a{line-height:24px;display:block;}
#header .right{display:flex;justify-content:flex-start ;align-items:center;}
#header .right .lan a{background:#005dc1;color:#fff;display:block;line-height:30px;padding:0 10px;border-radius:26px;}
#header.active{transform: translateY(-100px) translateZ(0px);}
#header.n{ background:#fff}
#header.n .logo img.b{display:block;}
#header.n .logo img.w{display:none;}
#header.n .nav ul li h3 a{color:#333;}
#header.n .nav ul li h3 i{color:#666;}

#banner{width:100%;}
#banner .pc.focus{position:relative;overflow:hidden;}
#banner .pc.focus .swiper-slide{width:100%;height:100vh;position:relative;}
#banner .pc.focus .swiper-slide img{width:100%;height:100%;object-fit:cover;}
#banner .pc.focus .swiper-slide video{width:100%;height:100%;object-fit:cover;}
#banner .pc.focus .swiper-slide .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
#banner .pc.focus .swiper-slide .text h2{font-size:80px;line-height:1;color:#fff;text-shadow: 5px 5px 5px #000000;}
#banner .pc.focus .swiper-slide .text p{font-size:40px;line-height:1;color:#fff;margin-top:20px;text-shadow: 5px 5px 5px #000000;}
#banner .m{ display:none}

#about{width:100%;padding:130px 0;}
#about .stitle{font-size:40px;font-weight:700;text-align:center;line-height:1.5;}
#about .stitle i{padding:0 10px;}
#about .list{margin-top:70px;display: flex;justify-content:space-between;align-items:center;}
#about .list .img{width:48%;}
#about .list .img img{width:100%;}
#about .list .text{width:48%;font-size:18px;line-height:1.9;}
#about .list .text p{display:inline-block;text-align:left;}
#about .list .text .more{margin-top:30px;}
#about .list .text .more a{border-radius:40px;padding:0 30px;line-height:40px;display:inline-block;font-size:20px;}
#about .list .text .more a{border:1px solid #FDD000;color:#000;background:#FDD000;}

#product{width:100%;padding:80px 0;background:#f7f7f7;}
#product .stitle p{font-size:18px;letter-spacing:18px;}
#product .stitle h2{font-size:40px;line-height:1;text-align: center;}
#product .list{margin-top:50px;display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
#product .list .item{width:calc((100% - 40px) / 3);height:240px;padding:30px;border-radius:10px;background:#FDD000;position:relative;transform: none;transform-origin: 0% 0% 0px;}
#product .list .item:nth-child(2n){background:#424242;}
#product .list .item .title{font-size:28px;color:#fff;}
#product .list .item .info{font-size:14px;color:#fff;margin-top:10px;line-height:1.5;}
#product .list .item .info p{font-size:14px;margin-top:10px;}
#product .list .item .more{position:absolute;left:30px;bottom:30px;}
#product .list .item .more a{color:#fff;}
#product .list .item:nth-child(1){background: url(../images/bg_pro_1.png) no-repeat 90% bottom #FDD000;background-size:90px auto;}
#product .list .item:nth-child(2){background: url(../images/bg_pro_2.png) no-repeat 90% bottom #424242;background-size:90px auto;}
#product .list .item:nth-child(3){background: url(../images/bg_pro_3.png) no-repeat 90% bottom #FDD000;background-size:90px auto;}
#product .list .item:nth-child(4){background: url(../images/bg_pro_4.png) no-repeat 90% bottom #424242;background-size:90px auto;}
#product .list .item:nth-child(5){background: url(../images/bg_pro_5.png) no-repeat 90% bottom #FDD000;background-size:90px auto;}
/* #product .list .item:nth-child(6){background: url(../images/bg_pro_6.png) no-repeat 90% bottom #424242;background-size:90px auto;} */
#product .list .item:hover{transform: rotate(-5deg) translateZ(0px);transform-origin: 0% 0% 0px;}

#slide{width:100%;position:relative;padding:80px 0;overflow: hidden;}
#slide .stitle{font-size:40px;font-weight:700;text-align:center;line-height:1.5;}
#slide .stitle i{padding:0 10px;}
#slide .swiper-slide{width:100%;position:relative;}
#slide .swiper-slide img{width:100%;}
#slide .swiper-slide .text{position:absolute;left:0;bottom:50px;width:100%;}
#slide .swiper-slide .text h2{font-size:30px;line-height:1;color:#fff;}
#slide .swiper-slide .text p{font-size:20px;line-height:1;color:#fff;margin-top:10px;}
#slide .page{margin-top:30px;display: flex;justify-content:flex-end;align-items:center;}
#slide .page .box{display: flex;align-items:center;gap:0 20px;}
#slide .page i{border:1px solid #FDD000;color:#FDD000;width:40px;height:40px;border-radius:40px;display: flex;justify-content:center;align-items:center;}

#news{width:100%;padding:80px 0;background:#f7f7f7;}
#news .stitle p{font-size:18px;letter-spacing:18px;}
#news .stitle h2{font-size:40px;line-height:1;text-align: center;}
#news .mlist{ display:none}
#news .list{display:flex;align-items:flex-start;justify-content:space-between;}
#news .list .left{width:49%;}
#news .list .left time{display:block;}
#news .list .left h2{font-size:28px;margin-top:10px;}
#news .list .img{margin-top:30px;}
#news .list .img img{width:100%;}
#news .list .left .more{margin-top:30px;}
#news .list .left .more a{margin-top:30px;display: flex;align-items:center;}
#news .list .left .more em{border-bottom:1px solid #ccc;font-size:16px;position:relative;}
#news .list .left .more i{margin-left:20px;font-size:24px;}
#news .list .left .more em:before{content:'';display:block;width:0;height:2px;background-color:#444;position:absolute;left:0;bottom:-1px;transition:all .6s ease 0s;}
#news .list .left .more a:hover em:before{width:100%;}
#news .list .right{width:49%;}
#news .list .right .vmore{background:url(../images/mask.png) no-repeat center center;background-size:cover;text-align:center;padding:100px 0;position:absolute;left:0;bottom:0;width:100%;z-index:90;}
#news .list .right .vmore a{border:1px solid #ddd;border-radius:6px;display:inline-block;padding:5px 20px;font-size:16px;background:#fff;}
#news .list .right .swiper-slide h2{font-size:28px;margin-top:10px;}
#news .list .right .swiper-slide .img{margin-top:30px;}
#news .list .right .swiper-slide .img img{width:100%;}
#news .list .right .swiper-slide .more{margin-top:30px;}
#news .list .right .swiper-slide .more a{margin-top:30px;display: flex;align-items:center;}
#news .list .right .swiper-slide .more em{border-bottom:1px solid #ccc;font-size:16px;position:relative;}
#news .list .right .swiper-slide .more i{margin-left:20px;font-size:24px;color:#FDD000;}
#news .list .right .swiper-slide .more em:before{content:'';display:block;width:0;height:2px;background-color:#444;position:absolute;left:0;bottom:-1px;transition:all .6s ease 0s;}
#news .list .right .swiper-slide .more a:hover em:before{width:100%;}
#news .list .right .t-pagination{position:absolute;right:-30px;top:0;margin-top:0;}
#news .list .right .t-pagination .swiper-pagination-bullet{transform:scale(1);width:2px;height:50px;border-radius:0;display:block;margin-top:0;margin-bottom:10px;}
#news .list .right .t-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4px;color:#FDD000;background:#FDD000;}

#zeren{width:100%;padding:20px 0;margin: 40px auto;}
#zeren .stitle{}
#zeren .stitle span{font-size:18px;width:60%;}
#zeren .stitle h2{font-size:40px;line-height:1;text-align: center;}
#zeren .list{align-items: center;justify-content:center;margin-top:50px;}
#zeren .list img{width:100%;}
#zeren .list .item .big{display:flex;align-items: flex-end;justify-content:center;}
#zeren .list .item .big em{font-size:70px;font-weight:bold; font-family:"din";line-height:1;color:#FDD000;}
#zeren .list .item .big sub{font-size:20px;margin-left:5px;line-height:1.5;}
#zeren .list .item i{margin:20px auto;display:block;overflow:hidden;width:40px;height:1px;background:#333;}
#zeren .more{margin-top:130px;text-align:center;}
#zeren .more a{border:1px solid #ddd;border-radius:6px;display:inline-block;padding:5px 20px;font-size:16px;background:#fff;}

#footer{width:100%;margin-top:50px;}
#footer .logo{padding:20px 0;border-bottom:1px solid #ddd;}
#footer .logo img{height:50px;}
#footer .qrcode{display:flex;align-items: center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ddd;}
#footer .qrcode .left{display:flex;align-items: center;gap:0 30px;}
#footer .qrcode .left .item{text-align:center;border:1px solid #eee;padding:15px;border-radius:10px;}
#footer .qrcode .left .item img{width:100px;}
#footer .qrcode .left .item  p{margin-top:10px;}
#footer .qrcode .right{line-height:1.8;font-size:16px;}
#footer .copyright{padding:10px 0;line-height:1.8;text-align:center;}
#footer .copyright i{margin:0 8px;}
#footer .copyright a{ margin:0 5px}

.lmxx-title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.lmxx-info {
    clear: both;
    display: block;
    margin: 0 auto 20px;
    max-width: 1280px;
    width: 100%;
}
        /* 新增：Flexbox布局样式 */
        #product .list .item {
            display: flex;                 /* 启用Flexbox布局 */
            align-items: flex-start;       /* 顶部对齐 */
            gap: .2rem;                    /* 图片与内容之间的间距 */
            box-sizing: border-box;        /* 确保padding不破坏布局 */
        }

        /* 新增：图片容器样式 */
        #product .list .item-img {
            flex-shrink: 0;                /* 防止图片容器被压缩 */
            width: 1.8rem;                 /* 图片宽度，可随意调整 */
            height: auto;                /* 与.item原高度接近，保持视觉平衡 */
            overflow: hidden;              /* 确保图片不超出容器 */
        }

        #product .list .item-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;             /* 关键：智能裁剪并填满容器，保持比例 */
            display: block;
        }

        /* 新增：右侧内容区域 */
        #product .list .item-content {
            flex: 1;                       /* 占据剩余所有水平空间 */
            min-width: 0;                  /* 重要：防止长文本破坏布局 */
            position: relative;            /* 为.more的绝对定位提供参考 */
            padding-bottom: .6rem;         /* 为底部“了解更多”留出空间 */
        }

        /* 调整.more的定位方式以适应新布局 */
        #product .list .item .more {
            position: absolute;
            left: 0;
            bottom: 0;
        }

        /* 可选：响应式适配 - 在小屏幕改为上下布局 */
        @media (max-width: 768px) {
            #product .list .item-img {
                width: 45%;
            }
            
            #news .list {
                flex-direction: column;
            }
            #news .list .left, #news .list .right {
                width: 100%;
            }
            
        }
        
@media (max-width:900px){
	.wrap{ padding:0px}
	body,html{font-size:.23rem;line-height:.34rem}	
	#header{padding:0 .2rem;}
	#header .wrap{height:1rem;}
	#header .right .line{ display:none}
	#header .logo img{height:.6rem}
	#header .right{justify-content:flex-end; overflow:hidden;gap:0 .2rem}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.33rem;cursor:pointer;margin-left:.1rem}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#fff;transition:all .5s;border-radius:.05rem}
	#header .right .mnav .s1{top:.05rem;}
	#header .right .mnav .s2{top:.15rem;width:.26rem;}
	#header .right .mnav .s3{top:.25rem;}
	#header .right .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header .right .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:1rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{display:block;}
	#header .right .nav ul li{ width:100%; margin:0; line-height:normal}
	#header .right .nav ul li h3{line-height:.7rem;height:.7rem;border-bottom:1px solid #eee;display: flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li h3 a{line-height:.7rem;font-size:.24rem;padding:0; display:block; color:#333;display: flex;justify-content:space-between ;align-items:center;}
	#header .right .nav ul li h3 i{ display: block; color:#888; font-size:.28rem}
	#header .right .nav ul li .sub{display:none;position:inherit;left:0;width:auto;margin-left:0;top:0;background:#fff;border-radius:0;box-shadow:0 0 0}
	#header .right .nav ul li .sub dl{padding:.2rem 0 .2rem .2rem;}
	#header .right .nav ul li .sub dl dd{border-bottom:1px solid #eee;padding:.2rem 0;}
	#header .right .nav ul li .sub dl dd a{line-height:.4rem;}
	#header .right .nav ul li.demo{margin-top:.2rem}
	#header .right .nav ul li.currclass{ background:#fff}
	#header .right .nav ul li:hover{ background:#fff}
	#header .right .nav.isopen{transform:translatex(0);}
	#header .right .text{font-size:.24rem;}
	#header.n .right .mnav span{background:#FDD000;}
}
@media (max-width:800px){
	#banner{width:100%; padding:0}
	#banner .pc{ display:none}
	#banner .m{ display:block}
	#banner .m.focus{position:relative;overflow:hidden;}
	#banner .m.focus .swiper-slide{width:100%;position:relative;}
	#banner .m.focus .swiper-slide img{width:100%;}
	#banner .m.focus .swiper-slide .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center; padding:0 .2rem}
	#banner .m.focus .swiper-slide .text h2{font-size:.5rem;line-height:1;color:#fff;}
	#banner .m.focus .swiper-slide .text p{font-size:.3rem;line-height:1;color:#fff;margin-top:.4rem;}
	
	#about{padding:1rem .2rem;}
	#about .stitle{font-size:.4rem;}
	#about .stitle i{padding:0 .1rm;}
	#about .list{margin-top:.5rem;display: block;}
	#about .list .img{width:100%;}
	#about .list .img img{width:100%;}
	#about .list .text{width:100%;font-size:.24rem; margin-top:.3rem}
	#about .list .text .more{margin-top:.3rem; text-align:center}
	#about .list .text .more a{border-radius:.6rem;padding:0 .6rem;line-height:.6rem;display:inline-block;font-size:.24rem;}
	
	#product{padding:.5rem .2rem;}
	#product .stitle p{font-size:.22rem;}
	#product .stitle h2{font-size:.4rem;margin-top:.2rem;text-align: center;}
	#product .list{margin-top:.2rem;display: block}
	#product .list .item{width:100%;height:3rem;padding:.3rem; margin-top:.3rem}
	#product .list .item .title{font-size:.3rem;}
	#product .list .item .info{font-size:.24rem;margin-top:.2rem;}
	#product .list .item .more{left:.3rem;bottom:.3rem;}
	#product .list .item:nth-child(1){background-size:1rem auto;}
	#product .list .item:nth-child(2){background-size:1rem auto;}
	#product .list .item:nth-child(3){background-size:1rem auto;}
	#product .list .item:nth-child(4){background-size:1rem auto;}
	#product .list .item:nth-child(5){background-size:1rem auto;}
	#product .list .item:nth-child(6){background-size:1rem auto;}
	#product .list .item:hover{transform: rotate(0) translateZ(0px);transform-origin: 0% 0% 0px;}
	
	#slide{width:100%;position:relative;padding:.8rem 0;}
	#slide .swiper-slide .text{bottom:.5rem;padding:0 .2rem}
	#slide .swiper-slide .text h2{font-size:.36rem;}
	#slide .swiper-slide .text p{font-size:.24rem;margin-top:.1rem;}
	#slide .page{margin-top:.3rem; padding:0 .2rem}
	#slide .page .box{gap:0 .2rem;}
	#slide .page i{width:.4rem;height:.4rem;border-radius:.4rem;}
	
	#news{padding:.8rem .2rem;}
	#news .stitle p{font-size:.22rem;}
	#news .stitle h2{font-size:.4rem;line-height:1;margin-top:.2rem;text-align: center;}
	#news .mlist{ display: block}
	#news .mlist{ margin-top:.2rem}
	#news .mlist ul li{ border-bottom:1px solid #eee; padding:.3rem 0}
	#news .mlist ul li h2{ font-size:.3rem; line-height:1.3; margin-top:.1rem}
	
	#zeren{padding:.5rem .2rem;}
	#zeren .stitle{display: block;}
	#zeren .stitle span{font-size:.24rem;width:80%; text-align:center;display:block; margin:.3rem auto 0}
	#zeren .stitle h2{font-size:.4rem;line-height:1;margin-top:0px;text-align: center;}
	#zeren .list{margin-top:.5rem;}
	#zeren .list .item .big em{font-size:.6rem;}
	#zeren .list .item .big sub{font-size:.22rem;margin-left:.05rem;}
	#zeren .list .item i{margin:.2rem auto;width:.4rem;}
	#zeren .more{margin-top:1rem;}
	#zeren .more a{padding:.1rem .3rem;font-size:.24rem;}
	
	#footer{margin-top:.5rem;padding:0 .2rem;}
	#footer .logo{padding:.2rem 0; text-align:center;}
	#footer .logo img{height:.8rem;}
	#footer .qrcode{display: block;padding:.2rem 0;}
	#footer .qrcode .left{gap:0 .2rem;justify-content:center;}
	#footer .qrcode .left .item{;padding:.1rem;width:calc((100% - .4rem) / 3)}
	#footer .qrcode .left .item img{width:100%;}
	#footer .qrcode .left .item  p{margin-top:10px;}
	#footer .qrcode .right{line-height:1.8;font-size:.24rem; margin-top:.3rem; text-align:center;}
	#footer .copyright{padding:.1rem 0;}
	#footer .copyright i{margin:0; display:block}
	#footer .copyright a{ margin:0 0.08rem}
	.lmxx-title{font-size:.4rem;}
	.lmxx-info{padding: 0.2rem;}
}


#nbanner{ width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover}
#nbanner .wrap{ height:700px;display:flex;align-items:center;}
#nbanner .text h2{ font-size:48px; color:#fff; line-height:1.3; max-width:1000px;}
#nbanner .text p{ font-size:24px; color:#fff; margin-top:20px; max-width:500px; line-height:1.3}
#nbanner .text a{ display:inline-block; background:#FDD000; color:#fff; padding:6px 25px; border-radius:10px; margin-top:20px;margin-left:20px; font-size:16px}
#nitem2 {width: 48%;text-align: center;padding-top:9%;}
#nitem2 a{ display:inline-block; background:#FDD000; color:#424242; padding:20px 50px; border-radius:10px; margin-top:20px;margin-left:20px; font-size:25px;margin-right:150px;}

#main{ width:100%;}
#main .about{ padding:50px 0}
#main .about .title{ font-size:40px; line-height:1.7; font-weight:700}
#main .about .text{ font-size:22px; line-height:1.7}
#main .about .text p{ margin-bottom:10px}
#main .about .imgitem{ margin-top:80px}
#main .about .imgitem .mtitle{ font-size:40px; font-weight:700}
#main .about .imgitem .list{ margin-top:50px}
#main .about .imgitem .list ul{display:flex;justify-content:center ;align-items:center; flex-wrap:wrap;}
#main .about .imgitem .list ul li{ width:50%; border-right:1px solid #FDD000; padding:15px 60px;text-align:right; position:relative}
#main .about .imgitem .list ul li h2{ font-size:18px; line-height:1; font-weight:normal}
#main .about .imgitem .list ul li .info{ font-size:14px; color:#999; line-height:1.5; margin-top:10px}
#main .about .imgitem .list ul li .icon{position:absolute; right:-11px; top:0px;display:block;width:22px;z-index:99; padding:7px 0 7px; background:#fff}
#main .about .imgitem .list ul li .icon img{ width:100%}
#main .about .imgitem .list ul:nth-child(2n){flex-direction:row-reverse}
#main .about .imgitem .list ul:nth-child(2n) li{ text-align:left;border-left:1px solid #FDD000; border-right:0;}
#main .about .imgitem .list ul:nth-child(2n) li .icon{left:-11px;}
#main .about .imgitem .list ul li:nth-child(2n){ border:0; padding:0}
#main .about .imgitem .img{ margin-top:50px}
#main .about .imgitem .img img{ width:100%}

#main .expert{ padding:50px 0}
#main .expert .title{ font-size:40px; line-height:1.7; font-weight:700}
#main .expert .text{ font-size:22px; line-height:1.7}
#main .expert .text p{ margin-bottom:10px}
#main .expert .list{ margin-top:60px}
#main .expert .list ul{display:flex;align-items: center;justify-content:flex-start;flex-wrap:wrap;gap:50px}
#main .expert .list ul li{ width:calc((100% - 150px) / 4); position:relative}
#main .expert .list ul li .img img{ width:100%}
#main .expert .list ul li .info{ position:absolute; left:0; bottom:0; padding:50% 20px 20px; width:100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);}
#main .expert .list ul li .info h2{ font-size:18px; color:#fff; line-height:1.5}
#main .expert .list ul li .info p{ font-size:14px; color:#fff; line-height:1.5}
#main .expert .list ul li:hover .info{background: linear-gradient(to top, RGBA(57, 30, 99, 1) 0%, transparent 50%, transparent 100%);}

#main .expert .list2{ margin-top:60px}
#main .expert .list2 ul li{display:flex;align-items: center;justify-content:space-between; padding:50px 0}
#main .expert .list2 ul li .img{ width:300px}
#main .expert .list2 ul li .img img{ width:100%}
#main .expert .list2 ul li .info{ width:calc(100% - 350px)}
#main .expert .list2 ul li .info h2{ font-size:24px}
#main .expert .list2 ul li .info .text{ font-size:16px; margin-top:20px; color:#666}

#main .contact{ background:url(../images/bg_contact.jpg) no-repeat center center; background-size:cover}
#main .contact .wrap{display:flex;justify-content:space-between; padding:200px 0 100px;}
#main .contact .form{ background:#fff; width:48%; padding:40px; border-radius:10px}
#main .contact .form .title{ font-size:40px}
#main .contact .form .formbox .item{border-bottom:1px solid #eee; margin-top:50px}
#main .contact .form .formbox .item .text{ width:100%; line-height:40px; border:0; font-size:16px}
#main .contact .form .formbox .item .textarea{ width:100%; line-height:40px; height:120px; border:0; font-size:16px}
#main .contact .form .formbox .button{ margin-top:20px; text-align:center}
#main .contact .form .formbox .button .btn{ background:#FDD000; color:#fff; border-radius:6px; padding:15px 50px; font-size:16px}
#main .contact .right{ background:#fff; width:48%; padding:40px; border-radius:10px}
#main .contact .right .title{ font-size:40px}
#main .contact .right .content{ margin-top:50px}
#main .contact .right .content .text{ line-height:1.9; font-size:18px}
#main .contact .right .content .qrcode{ margin-top:50px;display:flex;align-items: center;justify-content:flex-start;gap:0 50px}
#main .contact .right .content .qrcode img{ width:120px; padding:10px; border:1px solid #eee; border-radius:6px}
#main .contact .right .content .qrcode p{ text-align:center; margin-top:10px}

#main .news{ padding:20px 0}
#main .news ul li{ padding:30px 0; border-bottom:1px solid #eee}
#main .news ul li a{display:flex;justify-content:space-between;align-items: center;}
#main .news ul li .img{ width:300px}
#main .news ul li .img img{ width:100%}
#main .news ul li .info{ width:calc(100% - 350px)}
#main .news ul li .info h2{ font-size:24px}
#main .news ul li .info p{ font-size:16px; color:#666; line-height:1.5; margin-top:10px}
#main .news ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
#main .news ul li .info .more{margin-top:20px;display: flex;align-items:center;}
#main .news ul li .info .more em{border-bottom:1px solid #ccc;font-size:16px;position:relative;}
#main .news ul li .info .more i{margin-left:20px;font-size:24px;}
#main .news ul li .info .more em:before{content:'';display:block;width:0;height:2px;background-color:#444;position:absolute;left:0;bottom:-1px;transition:all .6s ease 0s;}
#main .news ul li a:hover .info .more em:before{width:100%;}

#main .news2{ padding:20px 0}
#main .news2 ul li{ padding:30px 0; border-bottom:1px solid #eee}
#main .news2 ul li h2{ font-size:24px}
#main .news2 ul li p{ font-size:16px; color:#666; line-height:1.5; margin-top:10px}
#main .news2 ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}

#main .news_content{ padding:50px 0;display:flex;justify-content:space-between;align-items:flex-start;}
#main .news_content .left{ width:60%}
#main .news_content .left h1{ font-size:40px; line-height:1.3; font-weight:normal}
#main .news_content .left .info{ color:#999; border-bottom:1px solid #eee; padding:20px 0}
#main .news_content .left .content{ padding-top:20px; line-height:1.8; font-size:16px; color:#424242cc}
#main .news_content .left .content img{ max-width:100%}
#main .news_content .left .content p{ margin-bottom:10px}
#main .news_content .left .uppage{ margin-top:50px; text-align:right}
#main .news_content .left .uppage a{ border:1px solid #ddd; padding:8px 35px; display:inline-block; font-size:16px; border-radius:6px; margin-left:8px}
#main .news_content .left .uppage a:last-child{ background:#FDD000; border:1px solid #FDD000; color:#fff}
#main .news_content .right{ width:35%}
#main .news_content .right ul li{ border-left:1px solid #eee; padding:0px 0 20px 20px; position:relative}
#main .news_content .right ul li time{ display:block}
#main .news_content .right ul li a{ font-size:16px}
#main .news_content .right ul li .icon{position:absolute; left:-5px; top:0; padding:10px 0; background:#fff}
#main .news_content .right ul li .icon i{ width:10px; height:10px; border:1px solid #999; background:#fff; border-radius:10px; display:block}
#main .news_content .right ul li:hover .icon i{ background:#FDD000; border:1px solid #FDD000}

#main .cooperate{ padding:50px 0}
#main .cooperate .title{ font-size:40px; line-height:1.7; font-weight:700}
#main .cooperate .text{ font-size:22px; line-height:1.7}
#main .cooperate .text p{ margin-bottom:10px}
#main .cooperate .img{ margin-top:50px}
#main .cooperate .img img{ width:100%}

#main .zl{ padding:50px 0}
#main .zl .title h2{ font-size:40px}
#main .zl .title p{ font-size:20px; margin-top:20px}
#main .zl .list{ margin-top:60px;display:flex;justify-content:space-between;}
#main .zl .list .item{ width:48%;background: linear-gradient(180deg, #FDD000 0%, #FFEA00 100%); padding:40px; border-radius:20px}
#main .zl .list .item .stitle{ font-size:28px; font-weight:700}
#main .zl .list .item .content{ margin-top:20px;}
#main .zl .list .item .content p{ position:relative; padding-left:20px; font-size:15px;}
#main .zl .list .item .content p:before{content:'';display:block;width:6px;height:6px; border-radius:6px;background:#333;position:absolute;left:0;top:12px;transition:all .6s ease 0s;}

#main .view{ padding:80px 0}
#main .view .title{ border-bottom:1px solid #eee; padding-bottom:40px}
#main .view .title h2{ font-size:40px}
#main .view .title p{ font-size:20px; margin-top:20px}
#main .view .content{ margin-top:40px; line-height:1.8; font-size:16px}
#main .view .content img{ max-width:100%}

#lmschool{ width:100%; padding:80px 20px; background:#f7f7f7}
#lmschool .stitle{ font-size:40px}
#lmschool .list{ margin-top:40px;}
#lmschool .list .swiper-slide{ background:#fff; border-radius:10px; overflow:hidden}
#lmschool .list .swiper-slide .img{ width:100%}
#lmschool .list .swiper-slide .img img{ width:100%}
#lmschool .list .swiper-slide .info{ padding:20px}
#lmschool .list .swiper-slide .info h2{ font-size:20px; font-weight:normal}
#lmschool .list .swiper-slide .info .text{ margin-top:10px; color:#666; line-height:26px; height:130px}
#lmschool .list .swiper-slide .info .text{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;}

#main .dcontent{ padding:50px 0}
#main .dcontent{ font-size:16px; line-height:1.8}
#main .dcontent p{ margin-bottom:10px}

@media (max-width:800px){
	#nbanner .wrap{ height:6rem;display:flex;align-items:center;}
	#nbanner .text{ padding:0 .2rem}
	#nbanner .text h2{ font-size:.4rem; }
	#nbanner .text p{ font-size:.24rem; margin-top:.2rem; max-width:80%;}
	
	#main .about{ padding:.8rem .2rem}
	#main .about .title{ font-size:.4rem;}
	#main .about .text{ font-size:.26rem;}
	#main .about .text p{ margin-bottom:.1rem}
	#main .about .imgitem{ margin-top:.8rem}
	#main .about .imgitem .mtitle{ font-size:.4rem;}
	#main .about .imgitem .list{ margin-top:.5rem}
	#main .about .imgitem .list ul{display: block;}
	#main .about .imgitem .list ul li{ width:100%; border-right:0; padding:.2rem 0 .2rem .4rem;text-align:left; border-bottom:1px solid #eee;}
	#main .about .imgitem .list ul li h2{ font-size:.26rem;}
	#main .about .imgitem .list ul li .info{ font-size:.22rem; margin-top:.1rem}
	#main .about .imgitem .list ul li .icon{position:absolute; right: auto; left:0; top:.05rem;display:block;width:.24rem;z-index:99;}
	#main .about .imgitem .list ul:nth-child(2n) li{border-left:0;}
	#main .about .imgitem .list ul:nth-child(2n) li .icon{left:0;}
	#main .about .imgitem .img{ margin-top:.5rem}
	
	#main .expert{ padding:.8rem .2rem}
	#main .expert .title{ font-size:.4rem;}
	#main .expert .text{ font-size:.26rem}
	#main .expert .text p{ margin-bottom:.1rem}
	#main .expert .list{ margin-top:.6rem}
	#main .expert .list ul{gap:.2rem}
	#main .expert .list ul li{ width:calc((100% - .2rem) / 2);}
	#main .expert .list ul li .info{ padding:50% .2rem .2rem; }
	#main .expert .list ul li .info h2{ font-size:.26rem;}
	#main .expert .list ul li .info p{ font-size:.22rem; }
	#main .expert .list2{ margin-top:.6rem}
	#main .expert .list2 ul li{display:flex;align-items:flex-start;justify-content:space-between; padding:.5rem 0}
	#main .expert .list2 ul li .img{ width:30%}
	#main .expert .list2 ul li .img img{ width:100%}
	#main .expert .list2 ul li .info{ width:65%}
	#main .expert .list2 ul li .info h2{ font-size:.3rem}
	#main .expert .list2 ul li .info .text{ font-size:.22rem; margin-top:.2rem}
	
	#main .contact .wrap{display: flex;justify-content:space-between;flex-wrap:wrap-reverse; padding:1.5rem .2rem;}
	#main .contact .form{width:100%; padding:.4rem; margin-top:.5rem}
	#main .contact .form .title{ font-size:.4rem}
	#main .contact .form .formbox .item{margin-top:.5rem}
	#main .contact .form .formbox .item .text{ line-height:.4rem; border:0; font-size:.24rem}
	#main .contact .form .formbox .item .textarea{ line-height:.4rem; height:2rem;  font-size:.24rem}
	#main .contact .form .formbox .button{ margin-top:.2rem;}
	#main .contact .form .formbox .button .btn{ padding:.2rem .6rem; font-size:.24rem}
	#main .contact .right{width:100%; padding:.4rem;}
	#main .contact .right .title{ font-size:.4rem}
	#main .contact .right .content{ margin-top:.5rem}
	#main .contact .right .content .text{ font-size:.24rem}
	#main .contact .right .content .qrcode{ margin-top:.5rem;gap:0 .5rem}
	#main .contact .right .content .qrcode img{ width:1.5rem; padding:.1rem;}
	#main .contact .right .content .qrcode p{ margin-top:.1rem}
	
	#main .cooperate{ padding:.8rem .2rem}
	#main .cooperate .title{ font-size:.4rem;}
	#main .cooperate .text{ font-size:.26rem;}
	#main .cooperate .text p{ margin-bottom:.1rem}
	
	#main .news{ padding:.6rem .2rem}
	#main .news ul li{ padding:.4rem 0; border-bottom:1px solid #eee}
	#main .news ul li a{display: block;}
	#main .news ul li .img{ width:100%}
	#main .news ul li .img img{ width:100%}
	#main .news ul li .info{ width:100%; margin-top:.3rem}
	#main .news ul li .info time{ display:block; font-size:.2rem; color:#999}
	#main .news ul li .info h2{ font-size:.28rem; margin-top:.1rem}
	#main .news ul li .info p{ font-size:.24rem;margin-top:.2rem}
	#main .news ul li .info  p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
	#main .news ul li .info .more{ display:none}
	
	#main .news2{ padding:.2rem .2rem}
	#main .news2 ul li{ padding:.5rem 0; border-bottom:1px solid #eee}
	#main .news2 ul li h2{ font-size:.28rem}
	#main .news2 ul li p{ font-size:.24rem; color:#666; line-height:1.5; margin-top:10px}
	#main .news2 ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;}
	
	#main .news_content{ padding:.8rem .2rem;display: block;}
	#main .news_content .left{ width:100%}
	#main .news_content .left h1{ font-size:.4rem; }
	#main .news_content .left .info{ padding:.3rem 0}
	#main .news_content .left .content{ padding-top:.3rem;font-size:.25rem;}
	#main .news_content .left .content img{ max-width:100%; height:auto !important}
	#main .news_content .left .content p{ margin-bottom:.1rem}
	#main .news_content .left .uppage{ margin-top:.5rem; text-align:center}
	#main .news_content .left .uppage a{ padding:.1rem .4rem; font-size:.24rem; margin:0 .08rem}
	#main .news_content .left .uppage a:last-child{ background:#FDD000; border:1px solid #FDD000; color:#fff}
	#main .news_content .right{ width:100%; margin-top:.5rem; border-top:1px solid #eee; padding:.5rem .05rem .5rem}
	#main .news_content .right ul li{ padding:0px 0 .3rem .2rem;}
	#main .news_content .right ul li time{ margin-bottom:.1rem; color:#999}
	#main .news_content .right ul li a{ font-size:.24rem;}
	#main .news_content .right ul li .icon{position:absolute; left:-.05rem; top:0; padding:.1rem 0;}
	#main .news_content .right ul li .icon i{ width:.1rem; height:.1rem; border-radius:.1rem;}
	
	#main .zl{ padding:.8rem .2rem}
	#main .zl .title h2{ font-size:.4rem}
	#main .zl .title p{ font-size:.3rem; margin-top:.2rem}
	#main .zl .list{ margin-top:.6rem;display: block;}
	#main .zl .list .item{ width:100%;padding:.3rem; border-radius:.2rem; margin-top:.3rem}
	#main .zl .list .item .stitle{ font-size:.28rem;}
	#main .zl .list .item .content{ margin-top:.2rem;}
	#main .zl .list .item .content p{  padding-left:.2rem}
	
	#main .view{padding:.8rem .2rem}
	#main .view .title{ border-bottom:1px solid #eee; padding-bottom:.4rem}
	#main .view .title h2{ font-size:.4rem; line-height:1.3;}
	#main .view .title p{ font-size:.3rem; margin-top:.2rem}
	#main .view .content{ margin-top:.4rem; line-height:1.8; font-size:.24rem}
	
	#lmschool{padding:.8rem .2rem}
	#lmschool .stitle{ font-size:.4rem}
	#lmschool .list{ margin-top:.4rem;}
	#lmschool .list .swiper-slide .info{ padding:.2rem}
	#lmschool .list .swiper-slide .info h2{ font-size:.26rem;}
	#lmschool .list .swiper-slide .info .text{ margin-top:.2rem;line-height:.34rem; height:auto}
	
	#main .dcontent{ padding:.8rem .2rem}
	#main .dcontent{ font-size:.24rem; line-height:1.8}
	#main .dcontent p{ margin-bottom:.1rem}
}

#fenye{padding:50px 0 0;text-align:center;clear:both;}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.page-num-current{font-weight:700;color:#fff;background:#0082fe;border:1px solid #0082fe}
#fenye a:hover{background:#0082fe;color:#fff;border:1px solid #0082fe}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

@media (max-width:800px){	
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{ display:none}
}