@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0;}
body{margin:0;padding:0; font-family:"微软雅黑"; font-size:16px; line-height:1.5; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;transition: all .5s;}
a:hover{ text-decoration:none;color: #be2d39;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}

.of{overflow: hidden;}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}
.pa{position: absolute;}
.pf{position:fixed}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.img-auto img{width: 100%;height: auto;}
.pr-a{position: relative;}
.pr-a a{position: absolute;height: 100%;right: 0px;top: 0px;z-index: 100;}
.nowrap, .nowrapli li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;width: 84%;vertical-align: bottom;width: 100%;}

html, body, .container {height: 100%;width: 100%;margin: 0;padding: 0;}
body {/* display: flex; *//* flex-direction: row; */position: relative;/* overflow: hidden; */}

.tab_box{height: 100%;width: 100%;}
.tab_hd{width: 17.1875vw;float: left;background: #00542c;padding-bottom: 12.38vh;box-sizing: border-box;height: 100%;position: fixed;left: 0;top: 0;width: 17.1875%;}
.tab_bd{width: calc(100% - 17.1875vw);float: right;width: calc(100% - 17.1875%);}

.header-nav{background: #005900;height: 100%;box-sizing: border-box;padding-top: 11.76vh;}
.header-nav ul{height: 100%;}
.header-nav ul li{height: 7.9vh;box-sizing: border-box;}
.header-nav ul li .nav-con{margin: 0 1.56vw;display: flex;align-items: center;border-bottom: 0.05vw solid #4b7921;height: 100%;box-sizing: border-box;}
.header-nav ul li a {color: #f6fbee;font-size: 1.4vh;display: block;}
.header-nav ul li.on, .header-nav ul li:hover{background: #429757;}
.header-nav ul li.on .nav-con, .header-nav ul li:hover .nav-con{border: none;}
.header-nav ul li.on a, .header-nav ul li:hover a{color: #ffd08e;}

.right-box{width: calc(100% - 17.1875vw);height: auto;width: 100%;}
.index01-left{background: url(2025dky_fohis_index_bg.png)no-repeat center;width: 55.72vw;float: left;height: 87.61vh;background-size: cover;width: 67.29%;}
.index01-right{width: 27.08vw;height: 87.61vh;float: left;box-sizing: border-box;border-left: 0.05vw solid #007800;background: #008000;padding-top: 8.49vh;box-sizing: border-box;width: 32.7%;overflow: hidden;}
.logo{width: 41.82vw;margin-top: 7.52vh;margin-left: 3.58vw;}
.logo img{width: 100%;height: auto;}

.footer{height: 12.38vh;width: calc(100% - 17.1875vw);background: #00793f;padding: 3.5vh 0;box-sizing: border-box;float: right;width: calc(100% - 17.1875%);overflow: hidden;}
.footer p{color: #fff;font-size: 1.4vh;text-align: center;line-height: 2.5vh;}

.qh_box{width: 15.72vw;height: 2.91vw;border: 0.05vw solid #fff;border-radius: 2.91vw;right: inherit;margin: 0 auto;box-sizing: border-box;overflow: hidden;cursor: pointer;right: 6.25vw;}
.qh_box a{width: calc((100% - 1px) / 2);float: left;background-color: #005200;height: 100%;color: #fff;text-align: center;line-height: 100%;display: flex;align-items: center;justify-content: center;font-size: 1.59vh;box-sizing: border-box;}
.qh_box a:last-child{border-left: 0.05vw solid #fff;}
.qh_box a.on{background-color: #339933;}
.qh_box a:hover{opacity:0.7;}

.right-con{margin-top: 11.5vh;padding-right: 3.64vw;padding-left: 1vw;}
.right-con p, .right-con a{color: #fff;text-align: center;}
.right-con p{font-weight: bold;padding: 0.31vw 0;}
.right-con a{font-size: 1.25vw;width: 14.58vw;height: 3.125vw;display: block;background-color: #91b585;margin: 0 auto;border-radius: 0.52vw;margin-top: 2.19vw;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.right-con a:last-child{background-color: #9999cc;margin-top: 0.98vw;}
.right-con a:hover{opacity:0.9;}

.right-box01{background: url(2025dky_fohis_index_bg1.png)no-repeat center;background-size: cover;box-sizing: border-box;padding-left: 4vw;padding-right: 4vw;/* padding-top: 7.52vh; */overflow: hidden;}
.right-box01 .logo{margin-left: 0vw;float: left;}
.right-box01 .qh_box{margin-top: 8.49vh;right: 0;margin-right: 0vw;float: right;}
.e_box{display: none;}
.right-box01 .c_box, .right-box01 .e_box{/* background-color: #fff; *//* padding: 3vw; */box-sizing: border-box;/* min-height: 66.4vh; */}
.right-head{}
#zoom{background:#fff;padding: 3vw;min-height: 66.4vh;box-sizing: border-box;}
#zoom *{line-height: 2 !important;height: auto;font-size: 16px !important;}
.lanmuname{width: 100%;padding-bottom: 1vh;background: url(2025dky_fohis_sanjiao.png)no-repeat center 5vh;margin-bottom: 1.5vh;background-size: 1vh;margin-top: 1.5vh;}
.lanmuname a{width: 100%;display: block;text-align: center;border-bottom: 0.05vw solid #fff;color:#fff;font-weight: bold;font-size: 1.25vw;line-height: 5vh;height: 5vh;}


.app-btn{background: url(app_btn.png) no-repeat center;width: 30px;height: 30px;position: absolute;background-size: cover !important;z-index: 9;right: 15px;top: 10px;display: none;}

@media screen and (max-width:800px){
    .header-nav ul li a, .right-con p{font-size: 16px !important;line-height: 2;padding: 0;}
    .footer p{font-size: 14px;line-height: 2;padding: 0;}
    #zoom{font-size: 18px;}
    #zoom table{width: 100% !important;}
    .qh_box a{font-size: 16px;}
    .lanmuname a{font-size:20px;}
    .right-con a{font-size: 16px;width: 200px;height: 40px;border-radius: 10px;margin-top: 10px !important;}

    .tab_hd{right: -100vw;position: fixed;left: auto;height: 100vh;float: none;width: 100%;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
    .tab_hd.active{right:0px;width:100%;z-index:0;padding-bottom: 30px;}
    

    .tab_bd{width:100%;float:none;}
    .footer{width:100%;height: auto;padding: 10px;}
    .app-btn{display:block;}
    .app-btn.active {background: url(app_btn_close.png) no-repeat center;z-index: 1000;position: fixed;}

    .index01-left, .index01-right{width:100%;}
    .header-nav ul li{height: 90px;}
    .header-nav{padding-top:50px;/* height: 90%; */overflow-y: scroll;}
    .header-nav ul li{padding:0px 10px;}

    .logo, .right-box01 .logo{width: 94%;float:none;text-align:center;margin: 0 auto;margin-top: 50px;}
    .qh_box, .right-box01 .qh_box{width: 200px;height: 40px;border-radius: 40px;border: 1px solid #fff;}
    .right-box01 .qh_box{float: none;margin: 0 auto;margin-top: 20px;}
}