:root{
  --font-family:Arial, Helvetica, sans-serif ; /* 默认字体 */
  --font-size-small: min(3vw,18px); /* 小字体大小 */
  --font-size-base: min(4vw,24px); /* 基础字体大小 */
  --font-size-large: min(5vw,30px); /* 大字体大小 */
  --bold: 700; /* 加粗字体粗细 */
  --green-bk:#1f4fbb
}
body{width:min(640px,100vw);font-family:var(--font-family);font-size: var(--font-size-base);margin:0 auto;padding:0;}
header{width:min(640px,100vw);color:#fff;text-align:center;line-height:min(36px,5vw);font-size:var(--font-size-base);
}
*{margin: 0;padding: 0;}
a{text-decoration: none;}
img{max-width: 100%;}
li{list-style: none;}
.menunav{display: flex;background: var(--green-bk);}
.menu{flex:1;}
.menu-right {
    flex: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.menu-right > a {
    display: inline-block;
    padding-left:min(4vw,16px);
    font-weight: 700;
    font-family: UTM;
    font-size:var(--font-size-large); 
    color: #feed91;
    position: relative;
    text-align: left;
    line-height: 1;
    margin-right: 6px;
}
.menu-right > a span{font-size: var(--font-size-small);color: #fff;text-transform: uppercase;display: block;}

.navfix{position:fixed;z-index:9;top:0;left:0;right:0;background:#fff;width:100%;}

#menv2{width:50px;height:50px;
    background:url(/style2410/menu.png) left center /40px no-repeat;display:inline-block;float:left}
.navfix .tel{width:50px;height:50px;display:inline-block;float:right;
    background:#FF5A5A url(/style2410/call.png) center center /30px no-repeat}
    /* .mobile-menu{display: none;} */

.mobile-menu{width:min(100vw,640px);position:fixed;top:0;display:none;bottom:0;z-index:11;background:#fff;padding:20px 10px;overflow-y:auto;background: rgba(0,0,0,0.6);}
.mobile-menu .top{border:1.2vw solid #a09ee3 ;}
.mobile-menu .top .link-top{display: flex;padding:1vw ;font-size: var(--font-size-small);font-weight: 700;text-align: center;}
.mobile-menu .top .link-top strong{display: block;color: var(--green-bk);}
.mobile-menu .left{width:min(80vw,500px);padding:1.5vw;background:#fff;}
.mobile-menu .top .left{width:min(80vw,500px);padding:1.5vw;background:#fff;}
.mobile-menu .left ul li{text-align:center;min-height:min(8vw,48px);line-height:min(8vw,48px);}
.mobile-menu .left ul li span{display: block;text-align: center;position: relative;font-size: var(--font-size-base);padding: 10px 0;text-transform: uppercase;width:min(30vw,180px);border-bottom:1px solid #ccc;color:var(--green-bk);}
.mobile-menu .left>ul>li>span img{display: block;margin:0 auto ;}
.mobile-menu .left ul li ul{display: none;}
.mobile-menu .left ul{position: relative;}
.mobile-menu  ul{margin: 0;padding:0 ;position: relative;}
.mobile-menu .left ul .active span{background: var(--green-bk);color:#fff;}
.mobile-menu .left>ul>li.active>ul{display: block;}
.mobile-menu .left>ul>li>ul{position:absolute;right: 0;top:0;background: #fff;width:min(45vw,280px) ;}
.mobile-menu .left>ul>li>ul>li{text-align: left;font-size: var(--font-size-base);}
.mobile-menu .left>ul>li>ul>li a:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #ee6646 url(/style2410/sm-ri.png) center no-repeat;
    border-radius: 100%;
    margin-right: 8px;
    text-align: center;
    display: inline-block;
}
#closemenu{
    position: fixed;
    top: 12px;
    right: 12px;
    width: 30px;
    padding-bottom: 150%;
}
.focus{ width:min(100vw,640px);margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:min(100vw,640px); height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.title {
    color: #1f4fbb;
    font-size:var(--font-size-large);
    text-transform: uppercase;
    font-family: 'arial';
    display: block;
    text-align: center;
    position: relative;
    font-weight: 400;
    padding-bottom: min(2vw,12px);
    margin:var(--font-size-large) 0;
    position: relative;
}

.title:before { 
    content: '';
    width:min(30vw,180px);
    height:min(2vw,12px);
    background-position:max(-28vw,-180px) 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}
.title:before,#ft1 ul li:before {
    background-image: url(/style2410/i1.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size:min(100vw,640px);
}

.s1 .l4 {
    width: 47%;
    float: left;
    margin-right: 3%;
    margin-bottom: min(2vw,12px)
}



.s1 .l4 span:nth-child(3){
    text-align: center;font-size: var(--font-size-base);text-transform: uppercase;
}
.s1 .l4 span{display: block;text-align: center;}
.active{display:block}
#channel1,#nav2{display: table;width:100%;}

#channel1 a {
    display: inline-block;
    float: left;
    width: 48%;
    margin-right: 3.4%;
    padding: 5px 0 0 0.3%;
    z-index: 1;
    position: relative;
    border-radius: 0 0 3rem 0;
    -moz-border-radius: 0 0 3rem;
    -webkit-border-radius: 0 0 3rem 0;
    margin-bottom: 1rem;
} 
#channel1 a:nth-child(2n+2){ margin-right: 0;}
#channel1>a:before {
    content: '';
    position: absolute;
    top: 0;
    right: min(2vw,12px);
    bottom: 1rem;
    left: 0;
    display: inline-block;
    border: 1px solid #46987E;
    z-index: -1;
    border-radius: 0 0 3rem 0;
    -moz-border-radius: 0 0 3rem;
    -webkit-border-radius: 0 0 3rem 0;
}
section {display: block;overflow: hidden;}
#channel1 a span {
    height: min(20vw,120px);
    width: min(34vw,240px);
    display: flex;
    align-items: center;
    border: min(1vw,6px)solid #025636;
    background: #fff;
    color: #2050bb;
    font-size:var(--font-size-base);
    text-transform: uppercase;
    line-height: 1.3;
    border-radius: 0 0 3rem 0;
    padding: 0 min(5vw,30px) 0 min(5vw,30px);
    margin-left: min(1vw,6px);
    position: relative; 
}
#s3 .xt {
    display: block;
    width: min(50vw,300px);
    text-align: center;
    background: #0b5fe1;
    color: #fff;
    font-size:var(--font-size-large);
    text-transform: uppercase;
    border: .2rem solid #EEE;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 1rem;
}
#s3 p {
    text-align: justify;
    overflow: hidden;
    line-height: 1.8;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    font-size: var(--font-size-base);
}
#k3 .item {
    position: relative;
    display: table;
    width: 100%;
    padding-top: min(2vw,12px);
}
#k3 .item div:nth-child(2) {
    background: #024E33;
    border-radius: 10px;
    position: relative;
    padding: 0 5px 10px 15px;
    font-size: var(--font-size-base);
}
#k3  .item div {
    width: min(46vw,300px);
    margin-right: .5rem;
    float: right;
    color: #fff;
}
#k3 .item img {
    width: min(55vw,320px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

#k3  .item div:nth-child(2) a:after {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    z-index: -1;
    background-image: linear-gradient(to bottom,#DB290A,#BD2004,#D4290A);
    position: absolute;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
}
#k3  .item div:nth-child(2) a span {
    display: block;
}
#k3 .item div:nth-child(2) a span:nth-child(2) {
    font-size:var(--font-size-large);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
#k3 .item div:nth-child(2) > span {
    color: #fff;
    font-size:var(--font-size-base);
    margin-top:var(--font-size-large);
    display: block;
    border-bottom: 1px dashed #fff;
}
#k3  .item div:nth-child(3){
    margin-top:5px;
}

#k3  .item div:nth-child(3) a {
    width: 40%;
    float: left;
    background: #F5F5F5;
    color: #595959;
    font-size:var(--font-size-base);
    text-align: center;
    border:1px solid #216751;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 10px 0;
}
#k3  .item div:nth-child(3) a:nth-child(2) {
    margin-left: 4%;
    background: #E12B0B;
    color: #fff;
}
#ft4 a {
    display: inline-block;
    width: calc(100% / 3);
    float: left
}
#ft4 i {
    width: min(26vw,180px);
    height: min(26vw,180px);
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 1;
    padding: 0 .4rem .4rem 0;
}
#ft4 i:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: .4rem;
    display: inline-block;
    border: 1px solid #007751;
    z-index: -1;
    border-radius: 5px;
}
#ft4 i:after{
    background: url(/style2410/i2.png) no-repeat;
    background-size:min(150vw,960px);;
    display: inline-block;
}
#ft4 i:after {
    content: '';
    position: absolute;
    top: 0;
    right: .4rem;
    bottom: .4rem;
    left: 0;
    background-color: #0791d0;
    border-radius: 5px;
    background-position: min(8vw,54px) max(-65vw,-398px);}
#ft4 a:nth-child(2) i:after {
        background-position: max(-19vw,-116px) max(-64vw,-392px);;
    }
    #ft4 a:nth-child(3) i:after {
        background-position: max(-51vw,-316px) max(-64vw,-390px);;
    }
#ft4 span:nth-child(2) {
        font-size: var(--font-size-small);
        text-transform: uppercase;
        margin-top:5px;
        height:min(10vw,60px);
     
    }
#ft4 span{text-align: center;display: block;   color:#666;}
#ft1 ul{margin:0;padding-left:var(--font-size-large)  ;}
#ft1 ul li {
    margin-bottom:min(2vw,12px);
    position: relative;
    padding-left:var(--font-size-large);
    font-size: var(--font-size-base);
}
#ft1 ul li:before {
    content: '';
    width: min(6vw,40px);
    height:min(6vw,40px);
    position: absolute;
    left:  max(-1vw,-6px);
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-position: max(-34vw,-216px)  max(-15vw,-95px);
}
.list{width:100%;overflow: hidden;padding: min(3vw,18px) 0;}
.list > a{width:min(30vw,240px) ;display:inline-block;}
.list > div {
    width: min(65vw,390px);
    float: right;
}
.list div > a{color:#2050bb ;font-size: var(--font-size-base);text-transform: uppercase;}

.list div .au {
    display: inline-block;
    width: 100%;
    background: #E2E2E2;font-size: var(--font-size-small);
}
.list div .au div{font-size: var(--font-size-small);}
.list .au > a {
    width: min(6vw,36px);
    height: min(6vw,36px);
    border: 1px solid #D3D3D3;
    border-radius: 50%;   
     margin-bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    display: inline-block;
    float: left;
    margin-bottom: 0;
}
#s3{padding-top:var(--font-size-large) ;}
.content{font-size: var(--font-size-base);line-height: 1.8;width:min(98vw,630px) ;margin: 0 auto;}
.content h1{font-size: var(--font-size-large);line-height: 1.8;}
.content p{padding:min(2vw,10px) 0;}
#ft4{overflow: hidden;}
#ft1{background:var(--green-bk);color: #fff;}
#ft1 ul li a{color:#fff}
#ft1 .title{color:#fff;}
.ly-header nav{background: #03a9f4 !important;}