@charset "utf-8";

.h4s1{font-size: .2rem;color: #1b1b1b;line-height: .34rem; transition: .5s;width: 100%;}
.h4s2{font-size: .2rem;color: #1b1b1b;line-height: .34rem;max-height: .68rem;transition: .5s;width: 100%;}
.h6s1{font-size: .18rem;color: #8b8b8b;line-height: 1.25; font-family: "PingFang SC"; transition: .5s; width: 100%; font-weight: normal;}
.ps2{font-size: .18rem;color: #999;line-height: .27rem;max-height: .54rem\0;transition: .5s; width: 100%;}
.ps3{font-size: .18rem;color: #999;line-height: .27rem;max-height: .81rem\0;transition: .5s; width: 100%;}

@font-face { font-family: Constantia; src: url("../fonts/constan.ttf"); }

/* @font-face {
    font-family: "思源黑体 Medium";font-weight: 500;src: url("yiyuanheitiMedium.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源黑体 Bold";font-weight: 500;src: url("yiyuanheitiBold.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: url("siyuanSemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Bold";font-weight: 600;src: url("siyuanBold.woff") format("woff");
    font-display: swap;
} */

#header,#nav ul li a,.top_menu{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header{z-index:10000;width:100vw;left:0;height:1.35rem;position:fixed;background:rgba(255,255,255,0);top:0;transition:.5s;padding: .09rem 0 0;right: 0;}
#header.n_header:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3.03rem; transition: 1s; background: url(../images/n_header.png) center top no-repeat; background-size: 100% 99%;z-index: -1;}
#header:after{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: .09rem; transition: 1s; background: #f4c539}
#header .wp{display:flex;height:100%;justify-content:space-between;align-items:center;position:static;width: 100%;padding: 0 1.5rem 0 5%;max-width: 100%;}
#header #logo{ position: relative; z-index: 1;width: 5rem;max-width: 32%;}
#header #logo img{ transition:.5s;max-width: 100%;/*! max-height: .6rem; */width: 100%;}
#header #logo .i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;opacity: 0;}

#header .right{ align-items: center}
#header.n_header .right .top_nav{ position: relative;width: auto;height: auto;}
#header.n_header .right .top_nav #top_nav_btn{ background: none}
#header.n_header .right .top_nav #top_nav_btn .menubtn{ height: .18rem}
#header.n_header .right .top_nav #top_nav_btn .menubtn span::before{ top: -.08rem;}
#header.n_header .right .top_nav #top_nav_btn .menubtn span::after{ bottom: -.08rem}
#header.n_header .right .top_nav #top_nav_btn .menubtn span{ background: #fff;}

#nav{flex-grow:1;width:8.8rem;transition:.5s}
#nav ul{display:flex;justify-content:space-between;}
#nav ul li{position:relative;z-index:0;flex-grow:1;text-align:center;}
#nav ul li>a{display:inline-flex;align-items:center;text-transform:uppercase;font-size:0;overflow:hidden;text-align:center;position:relative;z-index:1}
#nav ul li>a .h3{font-size:.2rem;color:#fff;transition:.5s;line-height:1rem;font-weight: 600;}
#nav ul li>a i{margin-left:5px;display:block}
#nav ul li>a i svg path{fill:#fff}
#nav ul li>a:before{content:"";width:0;height:10px;position:absolute;/*! background:url(../images/nav_hover.svg) center no-repeat; */background-size:22px;bottom:.16rem;left:50%;transition:.3s ease-in-out;transform:translateX(-50%);transform-origin:center}
#nav ul li.on>a:before,#nav ul li:hover>a:before{transform:translateX(-50%) scaleX(1);width:22px}
#nav ul li .s_subnav{ position: absolute; top: 100%; width: auto; left: 50%; transform: translateX(-50%) translateY(.2rem);background: #fff;border-radius: .1rem;padding: .1rem 0;opacity: 0;visibility: hidden;transition: .5s;box-shadow: 0 0 .4rem rgba(0,0,0,.05);}
#nav ul li .s_subnav a{ display: block; white-space: nowrap; font-size: .16rem;line-height: 1.5;padding: .1rem .4rem;transition: .5s; color: #888}
#nav ul li .s_subnav a:hover{ color: #1a5a49}
#nav ul li:hover .s_subnav{ transform: translateX(-50%) translateY(0); opacity: 1; visibility: visible}

#header #logo,#header #nav,#header .top_search{transition:.3s!important}
#header.hide{background:rgba(255,255,255,0)!important;transition:.5s}
#header .top_search{ cursor: pointer;display: flex;align-items: center;}

/*搜索*/
#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;visibility: hidden;}
#search1.open{ visibility: visible}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(0);backdrop-filter: blur(0px); opacity: 0; visibility: hidden; transition: .5s}
#search1.open:before{ opacity: 1; visibility: visible}
#search1 .module_container{height: 100vh;overflow:hidden;background: #fff;max-width:none;display: flex;align-items: center;transform: translate3d(0, -101vh, 0);transition: 1s;}
#search1.open .module_container{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper form{display: flex;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #c6c6c6;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}
#search1 .wrapper form .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper form .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #006179;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible}

.top_nav{position:fixed;z-index:10001;right:0;top:0;height:1.44rem;display:flex;align-items:center;justify-content:center;width: 1.5rem;cursor: pointer;transition: .5s;}
.top_nav.on{ opacity: 0; visibility: hidden}
#top_nav_btn{height:100%;width:100%;background-color:#f4c539;display: flex;align-items: center;justify-content: center;}
#top_nav_btn h4{ font-size: .18rem; color: #fff; margin: 0 0 0 .12rem}
.menubtn{width:.28rem;height:.18rem;position:relative;cursor:pointer;display:flex;align-items:center;}
.menubtn span{display:block;width:100%;height:2px;background:#187259;position:relative;vertical-align:middle;}
.menubtn span:after,.menubtn span:before{content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#187259;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s;}
.menubtn span:before{top:-.08rem;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform}
.menubtn span:after{bottom:-.08rem;left:0;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform}
.menubtn.active span{background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s;background: none !important;}
.menubtn.active span:after,.menubtn.active span:before{width:100%;background:#fff;-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menubtn.active span:before{top:0 !important;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menubtn.active span:after{bottom:0 !important;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#m_nav{width:100%;height:100vh;right:0;top:0;padding:50px 0;overflow:hidden;pointer-events:none;transition:all 1s .5s cubic-bezier(0.445,0.145,0.355,1);visibility:hidden;transform-origin:left;clip-path:inset(0 0 100vh 0 round 0 0 50vw 50vw);}#m_nav::-webkit-scrollbar{display:none}
#m_nav.act{pointer-events:auto;top:0;visibility:visible;clip-path:inset(0 0 0 0 round 0 0 0 0);opacity:1;transition:all 1.2s cubic-bezier(0.445,0.145,0.355,1)}

.top_search svg{width:.28rem;height:.28rem;margin-left:.16rem;flex-shrink:0}
.top_search svg path{transition: .5s;}
.en{ font-size: .2rem; color: #fff; position: relative; z-index: 1; margin: 0 .2rem;padding: 0 .14rem 0 0;transition: .5s;}
.en a{ color: #fff;transition: .5s;}
.en:after{ content: ""; position: absolute; top: 50%; right: 0; border-left: transparent .03rem solid; border-right: transparent .03rem solid; border-top: #fff .03rem solid; margin-top: -.025rem;transition: .5s;}

.site_page{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:url(../images/top_nav_bg.jpg) center no-repeat;background-size:cover;color:#fff}
.site_page .wp{display:flex;align-items:center;height: 100%;}
.site_page .outbox{display:flex;width:100%;margin: 1.2rem 0 0;}
.site_page .line{width:1px;height:auto;background:rgba(255,255,255,.15);margin: 0 1rem;}
.page_lianxi{width:36%;flex-shrink:0;/*! align-self: center; */display: flex;flex-direction: column;justify-content: space-between;}
.page_lianxi .tt{ display: none}
.page_lianxi .tt h3{font-size:.44rem;line-height:1.25;display: none;}
.page_lianxi .tt h3 img{ max-width: 100%}
.page_lianxi .tt span{font-size:.55rem;text-transform:uppercase;font-family:DINOT-BOLD}.page_lianxi ul{margin-bottom:1rem;}
.page_lianxi ul li{display:flex;align-items:center}
.page_lianxi ul li{margin-top:.4rem}
.page_lianxi ul li .ico{width:.45rem;height:.51rem;flex-shrink:0;margin-right:.2rem;background:url(../images/ico_bg.svg) center no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center}
.page_lianxi ul li .ico svg{width:.2rem;height:.2rem;}
.page_lianxi ul li p{ font-size: .14rem; line-height: 1.5;}
.page_lianxi .copyright{text-transform:uppercase;font-size: .13rem;line-height: 1.5;opacity: .7;}
.page_lianxi .copyright br{display:none}
.site_page .right{display:flex}.site_nav{width: 100%;/*! margin: .8rem 0 0; */}
.site_nav ul{height:100%;display:flex;flex-direction: column;}
.site_nav ul li{position:relative;margin: 2vh 0;display: flex;}
.site_nav ul li>a{display:block;width:1.5rem;position:relative;/*! margin-bottom: .2rem; */}
.site_nav ul li .h3{font-size: .22rem;color:#fff;/*! margin-bottom:.1rem; */}
.site_nav ul li span{font-size:.16rem;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;font-family:BarlowCondensed-Light}
.site_nav ul li a:before{content:"";display:block;width:.39rem;height:.3rem;transform:translateX(-1rem);opacity:0;position:absolute;top:0;right:0;background:url(../images/more_r.png) center no-repeat;background-size:100% 100%;display: none;}
.site_nav ul li.on a:before{opacity:1;transform:translateX(0)}
.site_subnav{margin-left:10rem}
.site_subnav .li a{display:block;font-size:.9375rem;line-height:2.375rem;color:#fff}
.site_subnav{display:none}
.site_page .s_subnav{/*! position:absolute; *//*! left:2.88rem; *//*! top:0; *//*! opacity:0; *//*! visibility:hidden; */transition:.5s;/*! transform:translateY(20px) */flex: 1;overflow: hidden;}
.site_page .s_subnav .li{ display: flex;flex-wrap: wrap;}
.site_page .s_subnav .li a{/*! display:block; */font-size:.15rem;margin:0 .3rem 0 0;color:rgba(255,255,255,.7);/*! width:150px!important; */line-height: 2;}
.site_page .s_subnav .li a:before{display:none!important}
.site_page .s_subnav .li a:hover{ color: #fff}
.slide_for{position:relative;width:200px;height:100%}

#header.n_header .menubtn span:after, #header.n_header .menubtn span:before{ background: #fff}

#header.fixed{ background:rgba(255,255,255,1); box-shadow: 0px .08rem .35rem 0px rgba(0, 0, 0, 0.21);}
#header.fixed #logo .i1{ opacity: 0;}
#header.fixed #logo .i2{ opacity: 1;}
#header.n_header.fixed:before{ opacity: 0; visibility: hidden}
#header.fixed:after{ width: 100%}
#header.fixed #nav ul li > a .h3{ color: #333}
#header.fixed .top_search svg path{ fill: #333 !important;}

#header.fixed .en{ color: #333}
#header.fixed .en a{ color: #333}
#header.fixed .en::after{ border-top: #333 .03rem solid;}

#header.fixed1{ background:none; box-shadow: none;}
#header.fixed1 #logo .i1{ opacity: 1;}
#header.fixed1 #logo .i2{ opacity: 0;}
#header.n_header.fixed1:before{ opacity: 1; visibility: visible}
#header.fixed1:after{ width: 0}
#header.fixed1 #nav ul li > a .h3{ color: #fff}
#header.fixed1 .top_search svg path{ fill: #fff !important;}

#header.n_header.fixed .right .top_nav #top_nav_btn .menubtn span, #header.n_header.fixed .right .top_nav #top_nav_btn .menubtn span:before, #header.n_header.fixed .right .top_nav #top_nav_btn .menubtn span:after{ background: #333}
#header.n_header.fixed1 .right .top_nav #top_nav_btn .menubtn span, #header.n_header.fixed1 .right .top_nav #top_nav_btn .menubtn span:before, #header.n_header.fixed1 .right .top_nav #top_nav_btn .menubtn span:after{ background: #fff}


#header.fixed1 .en{ color: #fff}
#header.fixed1 .en a{ color: #fff}
#header.fixed1 .en::after{ border-top: #fff .03rem solid;}

.tit1{ position: relative; z-index: 1; width: .64rem;align-self: flex-start;}
.tit1:before{ content: ""; position: absolute; top: 2.58rem; right: .16rem; width: 1px; height: 2rem; background: #494a4a}
.tit1 h3{ writing-mode:tb-rl;font-size: .58rem;color: #181818; display: inline-block; font-weight: normal;}
.tit1 h6{ position: absolute; top: 58%; right: 15%; z-index: -1;width: 1.5rem;}
.tit1 h6 img{ width: 100%}

.home1 .more1{ position: absolute; top: -.85rem; right: 0;}
.more1 .a1{ font-size: .2rem; color: #1a5a49; font-family: Constantia; height: .54rem;display: flex;align-items: center;text-transform: uppercase;padding: .05rem 0 0 .26rem;position: relative;z-index: 1;}
.more1 .a1 .b1{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/more1.png) left center no-repeat; background-size: auto 100%;transition: .5s;}

.tit2{ position: relative; z-index: 1; align-items: center;padding: .6rem 0 0;justify-content: space-between;margin-bottom: .5rem;width: 100%;}
.tit2 .ll:after{ content: ""; position: absolute; bottom: .04rem; left: 2.44rem; width: 1.8rem; height: 1px; background: #a0a0a0}
.tit2 h3{ font-size: .58rem;color: #181818;}
.tit2 h6{ position: absolute; top: 0; left: -.3rem; z-index: -1;height: 1.5rem;}
.tit2 h6 img{ height: 100%}

footer{ background: url(../images/footer_b.jpg) center no-repeat; background-size: cover;}
footer .fl1{ padding: .5rem 0 .3rem;}
footer .fl1 .wp{ justify-content: space-between;}
footer .fl1 .left{ width: 5rem; max-width: 34%;}
footer .fl1 .left img{ width: 100%}
footer .fl1 .center{ padding: .25rem 0 0}
footer .fl1 .right{ padding: .1rem 0 0}
.list9 li{ position: relative; z-index: 1;}
.list9 .ico{ width: .52rem;}
.list9 .ico img{ width: 100%}
.list9 .ewm{-moz-border-radius: 0.1rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;background: #fff;width: 1.45rem;position: absolute;z-index: 1;left: 50%;right: auto;top: 100%;bottom: auto;margin-left: -.725rem;margin-top: 0;padding: .1rem .1rem;opacity: 0;visibility: hidden;transition: .5s;box-shadow: 0 0 .15rem rgba(0,0,0,.1);}
.list9 .ewm:after{content: "";display: block;position: absolute;top: -0.06rem;left: 50%;width: 0.2rem;height: 0.2rem;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);margin-left: -.1rem;}
.list9 li:hover .ewm{ opacity: 1; visibility: visible;margin-top: .25rem;}

.list10{ margin: 0 0 .4rem}
.list10 li{ position: relative; z-index: 1; line-height: 1.5; margin-right: .24rem; position: relative; z-index: 1;}
.list10 li::after{ content: ""; position: absolute; top: 50%; width: 2px; height: .18rem; background: #fff;right: -.12rem;margin-top: -.09rem;}
.list10 .a{ font-size: .18rem; color: #fff;}
.list10 li:last-child{ margin-right: 0}
.list10 li:last-child::after{ display: none}
footer .fl1 p{ font-size: .16rem; color: rgba(255,255,255,.5); line-height: .3rem; margin: .08rem 0}
footer .fl2{ padding: .25rem 0; text-align: center; border-top: rgba(255,255,255,.3) 1px solid;}
footer .fl2 p{ font-size: .16rem; color: rgba(255,255,255,.5); line-height: 1.5;}

@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); }

    .a:hover h4{ color: #236349;}

    .more1 .a1:hover .b1{ transform: translateX(-.15rem);}
}
@media(max-width: 1600px){
	#nav{ width: 8rem;}
    #header .wp{ padding: 0 1.5rem 0 3%;}
}
@media(max-width: 769px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb, #nav, #top_nav_btn h4{ display: none;}
    #header{ height: .8rem}
    #header.n_header::before{ height: 15vw;}

    .top_nav{ width: .8rem; height: .8rem;}
    #header .wp{ padding: 0 .8rem 0 .7rem;}
    
    .ar_web{ display: none;}
    .ar_wap{ display: flex;}
    
    .home1 .more1{ position: relative; top: 0; right: 0;}

    footer{ text-align: center;}
    footer .fl1 .wp{ justify-content: center}
    footer .fl1 .left{ width: 100%;max-width: 50vw;}
    footer .fl1 .center{ width: 100%;}
    footer .fl1 .right{ width: 100%;}
    .list10{ justify-content: center;margin: 0 0 .2rem;}
    .list9{ justify-content: center}
    
    .page_lianxi{ padding-right: .6rem;}
    .site_nav{ margin-left: .6rem;}
    .site_page .s_subnav{ left: 2.4rem;}
    
    .site_nav ul li >a{ width: 100%}
    .site_nav ul li{ flex-wrap: wrap}
    .site_page .s_subnav{ width: 100%}
    .site_page .s_subnav .li a{ margin: 0}
    
    #header #logo{ width: 3rem}
    
    .list9 .ewm{ bottom: calc(100% + .2rem); top: auto}
    .list9 .ewm:after{ top: auto; bottom: -.06rem}
}
@media(max-width: 769px){
	#gotop{ right:0; transform:scale(0.7)}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem; }
    .ar_article td, .ar_article th{ font-size: .18rem;}

    .ar_article1 p{text-indent: .36rem;}
    #header .wp{ padding: 0 .8rem 0 15px;}
    #header #logo{ max-width: 58%;}
    .top_nav{ width: .7rem; height: .7rem;}
    #header{ height: .7rem;padding: .05rem 0 0;}
    #header::before{ height: .05rem;}
    #header.n_header .wp{ padding: 0 15px 0 15px;}
    
    .tit2{ padding: .4rem 0 0;align-items: center;margin-bottom: .35rem;}
    .tit2 h6{ height: .9rem;left: -.2rem;}
    .tit2 h3{ font-size: .3rem}
    .tit2::before{ left: 1.35rem;width: .8rem;bottom: .14rem;}
    
    .more1 .a1{ font-size: .16rem;transform: translateY(-.1rem);}
    .list9 .ico{ width: .45rem}
    
    .page_lianxi, .site_page .line{ display: none}
    .site_page .right{ width: 100%}
    .site_nav{ width: 100%;height: 74vh;overflow: visible;overflow-y: scroll;}
    .site_nav ul li {margin:.1rem 0; display: block}
    .site_nav ul li .h3{ margin-bottom: .2rem}
    .site_nav{ margin-left: 0;}
    .site_page .outbox{ margin: 0}
    
    .tit2 .ll::after{ display: none}
}
@media(max-width: 560px){
	.tit2 h6{ height: .7rem;left: -.2rem;}
    .tit2{ padding: .2rem 0 0;}
    .more1 .a1{ height: .45rem}
    footer .fl1 p, footer .fl2 p{ font-size: .14rem;margin: 0;}
    .list10 .a{ font-size: .16rem}
    .site_page .s_subnav{ position: relative;opacity: 1 !important;visibility: visible !important;transform: translateY(0px) !important;left: 0;width: 100%;}
    .site_page .s_subnav .li{ display: flex;}
    .site_page .s_subnav .li a{ min-width: 25%; opacity: .7;margin-bottom: .15rem;}
    
    .top_search svg{ width: .24rem; height: .24rem}
}

/*公共css*/
@media(max-width: 769px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}

    .arc-con p{ font-size: .18rem;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
}