body, html { height: 100%; font-family: "Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif; -webkit-tap-highlight-color: transparent;}
body, ul, li, h1, h2, h3, h4, h5, o, * { margin: 0px; padding: 0px }
body {font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-o-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
input,button,select,textarea{background: none; outline: none; border: 0px; -webkit-appearance: none; border-radius:0;}
input[type=button], input[type=submit], input[type=file], button{cursor: pointer;}
textarea{resize:none}
li { list-style: none }
a {text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
.false{overflow: hidden;}
/*字体缩放设置*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
  html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
  html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
  html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
  html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
  html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
  html { font-size: 843.75%; }
}
@media screen and (min-width:480px) and (max-width:1023px){
  html { font-size: 878.9%; }
}
@media screen and (min-width:1024px) and (max-width:2400px){
  body { font-size:62.5% }
}
/*头部导航*/
header nav{width: 100%; float: left; position: fixed; background:#fff; z-index: 999; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2);}
header nav main{width: 100%; float: left; position: relative;}
header nav main ul{width: 94%; padding:2em calc((100% - 94%)/2); float: left; text-align: center;}
header nav main ul dir{display: none;}
header nav main ul dl{display: none;}
header nav main ul li{display: inline-block; margin: 0 5em;}
header nav main ul li ol{ display: inline-block; position: relative;}
header nav main ul li:hover ol::after{content:""; position: absolute; bottom: -3px; left: 0px; width: 100%; float: left; padding-top: 2px; background:#2c6e51; animation:LeftToRight 0.2s ease; -webkit-animation:LeftToRight 0.2s ease; -moz-animation:LeftToRight 0.2s ease; -o-animation:LeftToRight 0.2s ease; -ms-animation:LeftToRight 0.2s ease;}
header nav main ul li .active::after{content:""; position: absolute; bottom: -3px; left: 0px; width: 100%; float: left; padding-top: 2px; background:#2c6e51;}
header nav main ul li ol a{font-size:1.6em; color:#333333; line-height: 2.2em; font-family: '微软雅黑', sans-serif;}
header nav main ul li ul{float: left; width: 100%; position: absolute; left: -3%; z-index: 10; display: none;}
header nav main ul li ul li{margin: 0 2em;}
header nav main ul li ul li a p{display:none;}
header nav main ul li ul db{float: left; width: 80%; padding:15px calc((100% - 80%)/2); background: #f1f1f1;}
header nav main ul li .bi li{float: left; width: calc(100%/11 - 2% - 1px); margin: 0.2em 0.5%; padding-right: 1%; text-align: center; border-right: 1px solid #dcdcdc; }
header nav main ul li .bi li:last-child{border-right-style: none;}
header nav main ul li .bi li a p{display: block; float: left; width: 100%; height: 3vw; overflow: hidden; position: relative;}
header nav main ul li .bi li a p img{max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
header nav main ul li ul li a{line-height: 2em; font-size: 1.4em; color: #adadad;}
header nav main ul li ul li a:hover{color: #2c6e51;}
header nav main ul li:hover>ul{display:block;}
header nav main logo{position: absolute; left: 3%; z-index: 100;}
header nav main logo ol{width: 15em; height: 6.9em; float: left; overflow: hidden; position: relative;}
header nav main logo ol img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
header nav main icon{display: none;}
header nav main lang{ position: absolute; right: 3%; z-index: 100; margin: 2.25em 0; }
header nav main lang::before{content:""; float: left; height: 1.6em; border-left: 1px solid #adadad; margin: 0.4em 10px 0.4em 0;}
header nav main lang dl{pointer-events: none; position: relative; cursor: pointer; float: left;}
header nav main lang dl::before{pointer-events: auto; overflow: hidden; float: left; display: inline-block; margin: 0 0.3em; text-align: center;}
header nav main lang dl:nth-of-type(1)::before{content:"\e684"; font-size: 2.5em;}
header nav main lang dl:nth-of-type(2)::before{content:"\e6e3"; font-size: 2.3em; margin-top: 0.1em;}
header nav main lang dl:hover::before{color:#2c6e51;}
header nav main lang .action{color:#2c6e51;}
header nav main lang dl dt{ display: none; float: left; width: 8em; padding-top: 2.4em; position: absolute; left: calc((100% - 8em)/2); top: 0.8em; pointer-events: auto; }
header nav main lang dl:nth-of-type(1):hover dt{display: block; animation:InOut 0.5s ease-out; -webkit-animation:InOut 0.5s ease-out; -moz-animation:InOut 0.5s ease-out; -o-animation:InOut 0.5s ease-out; -ms-animation:InOut 0.5s ease-out;}
header nav main lang dl dt::before{content:"\e666"; float: left; width: 100%; text-align: center; color:#eeeeee; position:absolute; top:18px; }
header nav main lang dl dt a{float: left; width:80%; padding: 0 10%; line-height: 2.5em; font-size: 1.5em; color: #333333; background:#eeeeee;}
header nav main lang dl dt a:hover{background:#2c6e51; color: #fff;}
header search{display: none; position: fixed; left: 0px; right: 0px; float: left; width: 100%; height: 100%; background: #fff; z-index: 888;}
header search form{width: 70%; padding:calc((100% - 60%)/2) calc((100% - 70%)/2); float: left;}
header search form h2{font-weight: inherit; margin-bottom: 0.5em; font-size: 3em;}
header search form input{width: 96%; background:#eeeeee; height: 3.5em; padding: 0 2%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
@media (max-width: 1000px){
header nav main .shadow{box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); -o-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2); -o-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.2);}
header nav main ul{width: 100%; padding:0 0 0.2em; line-height: 0; display: none; position: absolute; left: 0; top: 0.45em; z-index: 999; background: #fff;}
header nav main ul menu{width: 100%; float: left; height: 3.5em; padding-bottom: 1em; overflow: hidden; overflow-x:hidden; overflow-y:scroll;}
header nav main ul dir{display: block; float: left; width: 90%; position: relative; margin: 0.2em 5%;}
header nav main ul dir p{position: absolute; bottom: 0.2em; right: 0; pointer-events: none;}
header nav main ul dir p::after{content: "\e6e3"; float:right; font-size: 0.2em; color: #2c6e51; pointer-events: auto;}
header nav main ul dir input{float: left; width: 100%; border-bottom: 2px solid #2c6e51; height: 3em; pointer-events: auto; font-size: 0.14em;}
header nav main ul li{width: 100%; margin: 0; position: relative;}
header nav main ul li .bi li{ width: 100%; margin: 0; border-style: none;}
header nav main ul li .bi li a p{display: none;}
header nav main ul li ol{width: 100%;float: left; display: inherit;}
header nav main ul li ol a{pointer-events: auto;}
header nav main .active{display: block;}
header nav main ul li ul::before{content:""; position: fixed; left: 0px; right: 0px; height:20em; background: #FFF; display: none;}
header nav main ul li ol::after{display: none;}
header nav main ul li:nth-of-type(1) ol::before{display: none;}
header nav main ul li .active::after{display: none;}
header nav main ul li:nth-of-type(1) .active::before{display: none;}
header nav main ul li ol::before{content:"\e63c"; font-size: 0.16em; position: absolute; right:39%; float: left; width: 2.5em; height: 3.5em; line-height:3.5em; font-size: 0.12em; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
header nav main ul li .active{background: #F9F9F9;}
header nav main ul li .active::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
header nav main ul li ul{width:100%; display:none; position:inherit; padding:inherit; top: 0;}
header nav main ul li:hover ul{display:none;}
header nav main ul li:hover ul::before{display: none;}
header nav main ul li ul li{width:100%; float: left; text-align: left; margin: inherit;}
header nav main ul li ul li a{float: left; width: 100%; line-height: 3em; font-size: 0.14em; text-align: center;}
header nav main ul li ol a{float:left; width: 50%; height: 3em; font-size:0.14em; line-height: 3em; text-align: right;}
header nav main logo ol{width: 1.3em; height: 0.5em;}
header nav main icon {width: 0.3em; height:0.2em; float: right; position: relative; cursor: pointer; margin: 0.15em 2%; display: block;}
header nav main icon span { display: block; background: #2c6e51; width: 0.26em; height: 2px; position: absolute; left: calc((100% - 0.26em)/2); 10px; transition: all ease 0.35s }
header nav main icon span:nth-of-type(1) { top: 0px }
header nav main icon span:nth-of-type(2) { top: 10px }
header nav main icon span:nth-of-type(3) { top: 20px }
header nav main .show span:nth-of-type(1) { top: 10px; transform: rotate(45deg)}
header nav main .show span:nth-of-type(2) { width: 0 }
header nav main .show span:nth-of-type(3) { top: 10px; transform: rotate(-45deg)}
header nav main lang{ display: none;}
header nav main ul dl{display: block; float: left; width: 100%; background: #f2f2f2; position: relative; }
header nav main ul dl ol{float: left; width: 94%; padding: 0 3%; line-height: 3em; height: 3em; font-size: 0.14em; text-align: right; color: #2c6e51;}
header nav main ul dl ol::before{content: "选择语言"; float: left; color:#333333;}
header nav main ul dl ol::after{content: "\e63c"; display: inline-block; margin-left: 0.5em; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
header nav main ul dl .active::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
header nav main ul dl dt{ float: left; width: 100%; display: none; border-top: 1px solid #fff;}
header nav main ul dl dt a{float: left; width: 100%; font-size: 0.14em; text-align: center; line-height: 3em; color:#333333;}
}
/*banner图*/
.web{display: block;}
.wap{display: none;}
.banner{width: 100%; float: left; margin-top:7em;}
.banner,.banner .box,.banner .box li,.banner .box li ol{float: left; width: 100%; position: relative;}
.banner .box li ol{height: 65em; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.banner .box li ol dl{ float: left; padding-left: 1%; display: inline-block; position: absolute; bottom: 25%; left: 5%; border-left: 1px solid #fff;}
.banner .box li ol dl dt,.banner .box li ol dl dd{float: left; width: 100%; color: #fff;}
.banner .box li ol dl dt{font-size: 5em;}
.banner .box li ol dl dd{font-size: 2em; margin: 0.8em 0;}
.banner .box li ol dl a{float: left; padding: 0 1em; color:#fff; background:#2c6e51; font-size: 1.4em; line-height: 2em; margin-top: 0.5em;}
.banner .trail{width: 100%; float: left; position: absolute; bottom: 5%; text-align: center;}
.banner .trail li{margin: 0 1em; padding:0 1em; display: inline-block; color:#c2c2c2; cursor: pointer; position: relative; font-size: 1.4em;}
.banner .trail li::before{ content: ""; width: 3em; float: left; position: absolute; top: 0.7em; right:-2.45em; border-bottom: 1px solid #c2c2c2; pointer-events:none;}
.banner .trail li:last-child::before{ border-bottom-style: none; }
.banner .trail .on{color:#fff;}
@media (max-width: 1000px){
.banner{margin-top:0.5em;}
.banner .box{background:#f8f8f8;}
.banner .box li ol{height: 80vw; background-size:100% auto; background-position:center top;}
.banner .box li ol dl{padding-left: 5%; bottom: 6%; border-left: 1px solid #8b8b8b;}
.banner .box li ol dl dt,.banner .box li ol dl dd{color:#333333;}
.banner .box li ol dl dt,.banner .box li ol dl dd{width: 85%;}
.banner .box li ol dl dt{font-size: 0.16em;}
.banner .box li ol dl dd{font-size: 0.12em; margin: 0.5em 0;}
.banner .box li ol dl a{padding: 0 0.6em; color:#fff; background:#2c6e51; font-size: 0.12em; line-height: 2em; margin-top: 0.3em;}
.banner .trail{font-size: 0.14em; bottom: 50%;}
.banner .trail li{font-size: 1em; margin: 0 0.5em; padding:0 0.5em;}
.banner .trail li::before{width: 85%; top: 0.55em; right:-1.3em;}
.banner .trail .on{color:#fff;}
}
/*大图*/
.picture{width: 100%; float: left; margin-top: 7em;}
.picture a{width: 100%; height:20vw; float: left; position: relative; overflow: hidden;}
.picture a img {max-height: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.picture a p{width: 100%; text-align: center; font-size: 3em; color: #fff; position: absolute; left:0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.45); display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; justify-content:center;}
@media (max-width: 1000px){
.picture{margin-top: 0.5em;}
.picture a{height:35vw;}
.picture a p{font-size: 0.14em;}
}
/*定义整体*/
section{ width: 94%; padding:1em calc((100% - 94%)/2); float: left;}
section:nth-of-type(odd){background: #fff;}
section:nth-of-type(even){background: #eeeeee;}
@media (max-width: 1000px){
section{padding:0.1em calc((100% - 94%)/2);}
}
/*列表滚动*/
.ListRolling{float:left; width: 80%; margin: 3em 10%;}
.ListRolling h3{color: #333333; width: 100%; margin: 1em 0; font-weight: inherit; font-size: 2em;}
.ListRolling .tab{float:left; width: 29.5%;}
.ListRolling .tab ul li{width: 94%; padding: 0 3%; float: left; border-left: 2px solid rgba(0,0,0,0.00); margin: 0.5em 0px 0.5em -2px;}
.ListRolling .tab ul li a{color:#969797; font-size: 1.6em;}
.ListRolling .tab ul .on{border-left: 2px solid #2c6e51;}
.ListRolling .tab ul .on a{color:#2c6e51;}
.ListRolling .box{float:left; width: 70%;}
.ListRolling .box ul li{float:left; width: 100%; height: 30vw; position: relative;}
.ListRolling .box ul li img{width: 100%;}
@media (max-width: 1000px){
.ListRolling{width: 90%; margin: 0.2em 5%;}
.ListRolling h3{width: 100%; margin: 0.5em 0; font-weight: inherit; font-size: 0.16em;}
.ListRolling .tab{width: 100%; margin-bottom: 0.1em;}
.ListRolling .tab ul li{margin: 0.05em 0px 0.05em -2px;}
.ListRolling .tab ul li a{font-size: 0.14em; float: left;}
.ListRolling .box{width: 100%;}
.ListRolling .box ul li{height: 45vw;}

}
/*宫格化展示列表*/
.gongge{width: 100%; float: left;}
.gongge .list1{ width: 100%; float: left; margin: 2em 0;}
.gongge .list1 li{width: calc(100%/4 - 1% - 0.01%); margin:0.5%; float: left;}
.gongge .list1 li a{float: left; width: 100%; overflow: hidden; position: relative; height: 15vw;}
.gongge .list1 li a img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list1 li a:hover img{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}
.gongge .list1 li a span{position:absolute; text-align: center; color:#fff; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.35); font-size: 1.6em; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; justify-content:center;}
.gongge .list1 more{display: none;}
.gongge .list2{width: 100%; float: left; margin: 2em 0px;}
.gongge .list2 li{width: calc(100%/4 - 1% - 0.01%); margin:0.5%; float: left; position: relative;}
.gongge .list2 li ol{float: left; width: 100%;}
.gongge .list2 li ol v{float: left; width: 100%; height: 15vw; overflow: hidden; position: relative;}
.gongge .list2 li ol v img{width:100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
.gongge .list2 li ol p{background: #fff; position: absolute; width: 65%; left:3%; padding: 5%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list2 li:hover>ol p{left: calc((100% - 75%)/2); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list2 li ol p span{float: left; width: 100%;}
.gongge .list2 li ol p span:nth-of-type(1){color: #999999; font-size: 1.2em;}
.gongge .list2 li ol p span:nth-of-type(2){color: #333333; font-size: 1.4em; height: 2.8em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gongge .list2 li ol p span:nth-of-type(3) a{color: #333333; font-size: 1.4em; opacity: 0; visibility: hidden;}
.gongge .list2 li ol p span:nth-of-type(3):hover{color: #2c6e51;}
.gongge .list2 li ol p span:nth-of-type(3):hover a{color: #2c6e51;}
.gongge .list2 li ol p:hover>span a{opacity: 1; visibility:visible;}
.gongge .list2 li:nth-of-type(odd) ol{margin-top: 8em;}
.gongge .list2 li:nth-of-type(odd) ol p{top:0px;}
.gongge .list2 li:nth-of-type(even) ol{margin-bottom:8em;}
.gongge .list2 li:nth-of-type(even) ol p{bottom: 0px;}
.gongge .list3{width: 100%; float: left; margin: 2em 0; overflow: hidden;}
.gongge .list3 li{width: calc(100%/2 - 6%); margin:1em 3%; float: left; position: relative;}
.gongge .list3 li ol{float: left; width: 100%; height: 23vw; overflow: hidden;}
.gongge .list3 li ol img{width:100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
.gongge .list3 li more::before{content: ""; width: 100%; float: left; border-bottom: 2px solid #2c6e51; position: absolute; z-index: 100; left: 0px; visibility: hidden; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list3 li more a{ position: absolute; right: 0px; float: right;  width: 30px; height: 30px; line-height: 30px; z-index: 100; text-align: center; background:#2c6e51; color:#fff; font-size: 12px; visibility: hidden; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list3 li more a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.gongge .list3 li ol p{background: #fff; position: absolute; width: 100%; left:0px; padding: 5% 0px; }
.gongge .list3 li ol p span{float: left; width: 100%;}
.gongge .list3 li ol p span:nth-of-type(1){color: #999999; font-size: 1.2em;}
.gongge .list3 li ol p span:nth-of-type(2){color: #333333; font-size: 1.4em; height: 2em; line-height: 2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.gongge .list3 li ol p span:nth-of-type(2) a{color: #333333; font-size: 25px;}
.gongge .list3 li ol p span:nth-of-type(2) a:hover{color: #2c6e51;}
.gongge .list3 li ol p span:nth-of-type(3) a{color: #333333; font-size: 1.4em; opacity: 0; visibility: hidden;}
.gongge .list3 li ol p span:nth-of-type(3):hover{color: #2c6e51;}
.gongge .list3 li ol p span:nth-of-type(3):hover a{color: #2c6e51;}
.gongge .list3 li ol p:hover>span a{opacity: 1; visibility:visible;}
.gongge .list3 li:hover>more::before{visibility: visible; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list3 li:hover>more a{visibility: visible; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list3 li:nth-of-type(odd) ol{margin-top: 8em;}
.gongge .list3 li:nth-of-type(odd) ol p{top:0px;}
.gongge .list3 li:nth-of-type(odd) more::before{top: 0px;}
.gongge .list3 li:nth-of-type(odd) more a{top:9%;}
.gongge .list3 li:nth-of-type(even) ol{margin-bottom:8em;}
.gongge .list3 li:nth-of-type(even) ol p{bottom: 0px;}
.gongge .list3 li:nth-of-type(even) more::before{bottom: 0px;}
.gongge .list3 li:nth-of-type(even) more a{bottom:9%;}
.gongge .list4{width: 90%; float: left; margin: 3em 5%;}
.gongge .list4 li{width: calc(100%/4 - 1%); margin:0.5%; float: left; background:#f6f6f6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list4 li:hover{background:#fff; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -ms-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list4 li dl{float: left; width: 90%; margin: 1em 5%;}
.gongge .list4 li dl dt{float: left; width: 88%;}
.gongge .list4 li dl dt p{width: 100%; float: left; margin: 0.2em 0;}
.gongge .list4 li dl dt p:nth-of-type(1){color:#666666; font-size: 1.4em;}
.gongge .list4 li dl dt p:nth-of-type(2) a{color:#333333; font-size: 1.6em;}
.gongge .list4 li dl dt p:nth-of-type(2) a:hover{color: #2c6e51;}
.gongge .list4 li dl dd{float: left; width: 12%;}
.gongge .list4 li dl dd a{float: right; width: 2.5em; height: 2.5em; line-height: 2.5em; font-size: 1.2em; color:#fff; background:#2c6e51; visibility: hidden; opacity: 0; text-align: center; margin: 0.8em 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list4 li dl dd a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.gongge .list4 li:hover>dl dd a{visibility: visible; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list4 li ol{float: left; width: 100%; height: 20vw; position: relative; overflow: hidden;}
.gongge .list4 li ol a{float: left; width: 100%; height: 100%;}
.gongge .list4 li ol img{max-width: 100%; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.gongge .spacing li{margin-top: 20px; margin-bottom: 20px;}
@media (max-width: 1000px){
.gongge .list1{margin: 0.3em 0;}
.gongge .list1 more{display: block;}
.gongge .list1 more a{float: left; width: 99%; margin: 0.3em 0.5% 0; line-height: 3em; color:#fff; background:#2c6e51; font-size: 0.14em; text-align: center;}
.gongge .list1 li{width: calc(100%/1 - 1%); margin:0.05em 0.5%;}
.gongge .list1 li a{height: 58vw;}
.gongge .list1 li a span{font-size: 0.14em;}
.gongge .list2{margin: 0;}
.gongge .list2 li{width: calc(100%/1 - 1%); margin:0.05em 0.5% 0.08em;}
.gongge .list2 li ol v{height: 60vw;}
.gongge .list2 li ol p{top: 0; width: 80%; left: calc((100% - 90%)/2);}
.gongge .list2 li:nth-of-type(odd) ol{margin-bottom: 0.8em; margin-top: inherit;}
.gongge .list2 li:nth-of-type(even) ol{margin-bottom: 0.8em;}
.gongge .list2 li:nth-of-type(even) ol p{top: inherit; bottom: 0;}
.gongge .list2 li:nth-of-type(odd) ol p{top:inherit; bottom: 0;}
.gongge .list2 li ol p span:nth-of-type(1){font-size: 0.12em;}
.gongge .list2 li ol p span:nth-of-type(2){font-size: 0.14em;}
.gongge .list2 li ol p span:nth-of-type(3){font-size: 0.14em;}
.gongge .list2 li ol p span:nth-of-type(3) a{ font-size: 1em; opacity:1; visibility:visible;}
.gongge .list3{margin: 0.2em 0;}
.gongge .list3 li{margin: 0.1em 0; width:100%;}
.gongge .list3 li ol{height: 50vw;}
.gongge .list3 li ol p span:nth-of-type(1){font-size: 0.12em;}
.gongge .list3 li ol p span:nth-of-type(2){font-size: 0.14em;}
.gongge .list3 li:nth-of-type(odd) ol{margin-top:inherit; margin-bottom: 0.6em;}
.gongge .list3 li:nth-of-type(even) ol{margin-bottom:0.6em;}
.gongge .list3 li:nth-of-type(odd) ol p{top: inherit; bottom: 0;}
.gongge .list4{margin: 0.2em 5%;}
.gongge .list4 li{width: 100%; margin:0.1em 0;}
.gongge .list4 li dl{margin: 0.2em 5% 0;}
.gongge .list4 li dl dt p{margin: 0.05em 0;}
.gongge .list4 li dl dt p:nth-of-type(2) a{font-size: 0.16em; float: left;}
.gongge .list4 li dl dt p:nth-of-type(1){font-size: 0.14em;}
.gongge .list4 li dl dd a{display: none;}
.gongge .list4 li ol{height: 65vw;}
}
/*宫格化展示列表*/
.lists .list1{width: 70%; padding:1.5em calc((100% - 70%)/2); float: left;}
.lists .list1 h2,.lists .list1 p{width: 100%; float: left; text-align: center;}
.lists .list1 h2{line-height:1.8em; font-weight: inherit; color: #333333; font-size: 2.5em; word-wrap:break-word;}
.lists .list1 p:nth-of-type(1){line-height: 2em; font-size: 1.4em; margin:1.2em 0; color: #969797;}
.lists .list1 p:nth-of-type(2){margin: 1.5em 0;}
.lists .list1 p a{color: #333333; font-size: 1.4em;}
.lists .list1 p a:hover{color: #2c6e51;}
.lists .list1 img{width:100%}
.lists .list2{width: 70%; padding:4em calc((100% - 70%)/2); float: left;}
.lists .list2 li{ width: calc(100%/2 - 6%); margin: 0 3%; float: left;}
.lists .list2 li dl{width: 100%;float: left; border-bottom:1px solid #e6e7e8; padding: 2em 0; position: relative;}
.lists .list2 li dl::after{content: ""; position: absolute; border-bottom: 2px solid #2c6e51; width: 0px; bottom: 0px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list2 li:nth-of-type(odd) dl::after{float: left; left: 0px;}
.lists .list2 li:nth-of-type(even) dl::after{float: right; right: 0px;}
.lists .list2 li:nth-of-type(odd) dl:hover::after{width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list2 li:nth-of-type(even) dl:hover::after{width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list2 li:nth-of-type(1) dl,.lists .list2 li:nth-of-type(2) dl{border-top: 1px solid #e6e7e8;}
.lists .list2 li dl dt{float: left; width: 25%; height: 7vw; overflow: hidden; position: relative;}
.lists .list2 li dl dt img{max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list2 li dl:hover>dt img{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.lists .list2 li dl dd{float: left; width:55%; height: 7vw; margin:0 10%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center;}
.lists .list2 li dl dd a{color: #333333; font-size: 1.6em;}
.lists .list2 li dl dd a:hover{color:#2c6e51;}
.lists .list3{width: 70%; padding:0 calc((100% - 70%)/2); float: left;}
.lists .list3 li{width: 100%; float: left; border-bottom: 1px solid #e6e7e8; padding: 3em 0;}
.lists .list3 li dl dt{width: 30%; height: 7vw; float: left; position: relative; overflow: hidden;}
.lists .list3 li dl dt img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list3 li dl dd{width: 67%; float: left; margin-left: 3%;}
.lists .list3 li dl dd p{float: left; width: 100%;}
.lists .list3 li dl dd p:nth-of-type(1){position: relative; font-size: 1.8em; padding-bottom: 1em;}
.lists .list3 li dl dd p:nth-of-type(1) a{color: #333333;}
.lists .list3 li dl dd p:nth-of-type(1) a:hover{color:#2c6e51;}
.lists .list3 li dl dd p:nth-of-type(1)::before{content: ""; position: absolute; float: left; width: 6%; border-bottom: 2px solid #000000; bottom: 0px; left: 0px;}
.lists .list3 li dl dd p:nth-of-type(2){color:#666666; font-size: 1.4em; line-height: 1.8em; margin: 1em 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.lists .list3 li dl dd p:nth-of-type(3) a{color:#333333; font-size: 1.6em;}
.lists .list3 li dl dd p:nth-of-type(3) a:hover{color:#2c6e51;}
.lists .list4{ width: 100%; float: left; text-align: center; border-bottom: 1px solid #eeeeee; }
.lists .list4 li{display: inline-block; position: relative; margin:0 2em; padding: 2em 0; font-size: 1.6em;}
.lists .list4 li::after{content: ""; position: absolute; float: left; width:0%; border-bottom: 2px solid #2c6e51; bottom: 0px; left: 0px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list4 li:hover::after{width:100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lists .list4 .active::after{content: ""; position: absolute; float: left; width:100%; border-bottom: 2px solid #2c6e51; bottom: 0px; left: 0px;}
.lists .list4 li a{color: #333333;}
@media (max-width: 1000px){
.lists .list1{width: 90%; padding:0.2em calc((100% - 90%)/2); float: left;}
.lists .list1 div{float: left;display: inline-flex;}
.lists .list1 span{font-size: 16px;}
.lists .list1 h2{line-height:1.5em; font-size: 0.2em; margin-bottom: 0.3em;}
.lists .list1 p:nth-of-type(1){line-height: 1.5em; font-size: 0.14em; margin:1.2em 0; color: #969797; text-align: justify;}
.lists .list1 p:nth-of-type(2){margin: 0.1em 0;}
.lists .list1 p a{color: #333333; font-size: 0.14em; float: left; text-align: center; width: 100%}
.lists .list2{padding: 0.3em 0; width: 100%;}
.lists .list2 li{width: 94%;}
.lists .list2 li dl{padding: 0.2em 0;}
.lists .list2 li dl dt{height: 23vw;}
.lists .list2 li dl dd{height: 23vw;}
.lists .list2 li dl dd a{float:left; font-size: 0.14em;}
.lists .list3{width: 100%; padding:0; margin-top: 0.3em;}
.lists .list3 li{padding: 0.3em 0;}
.lists .list3 li dl dt{width: 40%; height:30vw;}
.lists .list3 li dl dd{width: 57%;}
.lists .list3 li dl dd p:nth-of-type(1){font-size: 0.16em;}
.lists .list3 li dl dd p:nth-of-type(1)::before{width: 28%;}
.lists .list3 li dl dd p:nth-of-type(2){font-size: 0.14em; line-height: 1.4em;}
.lists .list3 li dl dd p:nth-of-type(3) a{float: left; font-size: 0.14em;}
.lists .list4{font-size: 30%; padding: 0.5em 0;}
.lists .list4 li{margin: 0 0.2em; padding: 0.2em 0; font-size: 0.45em;}
.lists .list4 li a{float: left;}
.lists .list4 li::after{bottom: -0.5em;}
.lists .list4 .active::after{bottom: -0.5em;}
}
/*大标题*/
.theme {width: 98%; float: left; position: relative; margin: 2em 0 0 2%; }
.theme p{width: 50%; float: left;}
.theme p:nth-of-type(1){ border-left: 1px solid #2c6e51; margin-left: -1px;}
.theme p span{width: 94%; float:left; margin: 0 3%;}
.theme p span:nth-of-type(1){font-size: 1.2em; color:#333333; line-height: 1.2em;}
.theme p span:nth-of-type(2){font-size: 1.6em; color:#969797; margin-top: 0.6em;}
.theme p a{width: 2.5em; height: 2.5em; line-height: 2.5em; float: right; text-align: center; font-size: 0.8em; background:#2c6e51; color: #fff; margin: 7px 10px 7px 0px;}
.theme1{width: 90%; float: left; position: relative; margin: 7em 5% 5em 5%;}
.theme1 p{width: 100%; float: left; font-size: 2.5em; margin: 0.5em 0;}
.theme1 a:nth-of-type(1){float: left; display: inline-block; padding: 5px 10px; font-size: 1.2em; background:#2c6e51; color: #fff;}
.theme1 a:nth-of-type(2){float: right; position:absolute; top: 30%; display: inline-block; right: 0px; background:#ededed; padding: 0.5em 1.5em; font-size: 1.4em; color: #666666; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;}
.theme2 {width: 98%; float: left; margin: 2em 0 0 2%; }
.theme2 p span{width:100%; float:left; text-align: center;}
.theme2 p span:nth-of-type(1){font-size: 1.4em; color:#333333; line-height: 1.4em;}
.theme2 p span:nth-of-type(2){font-size: 1.6em; color:#969797; margin-top: 0.8em;}
.theme3{float: left; width: 100%; background:#e9ebea; padding: 10em 0 5em;}
.theme3 p{float: left; width: 100%; text-align: center;}
.theme3 p:nth-of-type(1){font-size: 2.5em; line-height: 2.4em; color:#333333;}
.theme3 p:nth-of-type(2){font-size: 1.4em; line-height: 1.5em; color:#969797; margin: 1em 0;}
.theme4{float: left; width: 100%; background:#e9ebea; padding: 2em 0px; margin-top: 2em;}
.theme4 p{float: left; width: 100%; text-align: center; color: #333333; font-size: 1.8em;}
.theme5{float: left; width: 100%; padding: 2em 0;}
.theme5 p{float: left; width: 100%; text-align: center; position: relative; padding: 1em 0; font-size: 1.6em;}
.theme5 p::after{content: ""; float: left; width: 3%; position: absolute; left: calc((100% - 3%)/2); bottom:-2px; border-bottom: 2px solid #000000; }
.theme6{float: left; width: 100%; padding: 3em 0;}
.theme6 p{float: left; width: 60%; margin: 0 20%; text-align: center; font-size: 2.1em; line-height: 1.5em; color: #2c6e51;}
@media (max-width: 1000px){
.theme {margin: 0.3em 0 0 2%; }
.theme p{width: 100%;}
.theme p span:nth-of-type(1){font-size: 0.12em; color:#333333; line-height: 1.2em;}
.theme p span:nth-of-type(2){font-size: 0.14em; color:#969797; margin-top: 0.5em;}
.theme p:nth-of-type(2){display: none;}
.theme1{width: 90%; float: left; position: relative; margin: 0.7em 5% 0.5em 5%;}
.theme1 p{font-size: 0.18em;}
.theme1 a:nth-of-type(1){font-size: 0.12em;}
.theme1 a:nth-of-type(2){font-size: 0.12em;}
.theme2 {width: 98%; float: left; margin: 0.2em 0 0 2%; }
.theme2 p span:nth-of-type(1){font-size: 0.14em;}
.theme2 p span:nth-of-type(2){font-size: 0.14em; margin-top: 0.2em;}
.theme3{padding: 1em 0 0.3em;}
.theme3 p:nth-of-type(1){font-size: 0.2em; line-height:1.5em;}
.theme3 p:nth-of-type(2){font-size: 0.12em; line-height: 4em; color:#969797; margin: 0.5em 0;}
.theme4{padding: 0.2em 0px; margin-top: 0;}
.theme4 p{font-size: 0.16em;}
.theme5{padding: 0.2em 0;}
.theme5 p{padding: 0.1em 0; font-size: 0.16em;}
.theme5 p::after{width: 10%; left: calc((100% - 10%)/2); bottom: -30%;}
.theme6{padding: 0.3em 0;}
.theme6 p{width: 90%; margin: 0 5%; font-size: 0.2em; line-height: 1em;}
}
/*单页*/
.SinglePage{float: left; width: 100%;}
.SinglePage images{float: left; width: 100%; height: 45vw; overflow: hidden; position: relative;}
.SinglePage images img{width: 100%; position:absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; margin: auto;}
@media (max-width: 1000px){
.SinglePage images{height: 50vw;}
}
/*轮播盒子*/
.tab_box { float: left; }
.tab_box .box {width: 100%; float: left; margin: 2em 0;}
.tab_box .box ul{float:left; width: 100%; height: 10vw;}
.tab_box .box ul li{width: calc(100%/5 - 0.4% - 0.01%); height: 100%; margin: 0 0.2%; overflow: hidden; float: left; position: relative;}
.tab_box .box ul li img{max-width: 100%; position:absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; margin: auto; cursor: pointer;}
.tab_box text{float: left; width: 94%; padding: 2em 3%; background: #eeeeee; line-height: 2.5em; font-size: 1.6em;}
@media (max-width: 1000px){
.tab_box .box ul{height: 12vw;}
.tab_box .box{margin: 0.1em 0;}
.tab_box text{width: 90%; padding: 0.8em calc((100% - 90% - 0.01%)/2); font-size: 0.16em; line-height: 1.5em; text-align:justify; text-justify:inter-ideograph}
}
/*状态栏+筛选*/
.status{width: 80%; float: left; padding: 2em 10% 0;}
.status total{float: left; display: inline-block; color: #333333; font-size: 16px; line-height: 35px;}
.status choose{float: right; width: 100px; position: relative; margin-left: 3em;}
.status choose ol{width: 100%; float: left; cursor: pointer;}
.status choose ol span{float: left; line-height: 2.3em; height: 2.3em; font-size: 1.4em;}
.status choose ol::after{content:"\e63c"; float: right; height: 35px; line-height: 35px; display: inline-block; font-size: 16px; text-align: center; 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;}
.status choose .active::after{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; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);} 
.status choose ul{display: none; position: absolute; width: 100%; float: left; top: 35px; left: 0px; z-index: 99; background: #fff; border-top: 2px solid #000000; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); -ms-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2);}
.status choose ul li a{float: left; width: 94%; padding: 0.5em 3%; font-size: 1.4em; color: #333333; cursor: pointer;}
.status choose ul li a:hover{background:#2c6e51; color:#fff;}
.status choose ul li .active{background:#2c6e51; color:#fff;}
.status1{width: 90%; float: left; margin: 3em 5% 0;}
.status1 total{float: left; display: inline-block; color: #333333; font-size: 1.6em; line-height: 2.5em;}
.status1 total span{font-size: 1.6em;}
.minutes{width: 60%; padding: 2em 20% 0; border-bottom: 1px solid #e6e7e8; padding-bottom: 2em;}
.minutes .sifting{float: right; display: inline-block;}
.minutes .sifting choose{float: left; margin:0 1em;}
@media (max-width: 1000px){
.minutes{width: 90%; padding: 0.5em calc((100% - 90%)/2);}
.minutes .sifting choose{margin: 0; margin-left: 0.1em;}
.status{width: 90%; padding: 0.2em 5%;}
.status choose{width: 0.8em; margin-left: 0.1em;}
.status choose ol span{font-size: 0.14em; width: 82%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.status choose ul li a{font-size: 0.14em; padding: 0.3em 3%;}
.status1{margin: 0.2em 5% 0;}
.status1 total{font-size: 0.14em; line-height: 1.5em;}
}
/*位置*/
.place{float: left; width: 94%; margin: 8em 3% 3em;}
.place span{float: left; display: inline-block; line-height: 2em; font-size: 1.4em;}
.place span::after{content:"\e63c"; display: inline-block; float: right; color: #666666; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.place span:last-child::after{content:"";}
.place span a {float: left; display: inline-block; margin: 0px 5px; color: #666666;}
.place span a:hover { color: #2c6e51; }
.place .active::after{color:#999999;}
.place .active a{color:#999999;}
@media (max-width: 1000px){
.place{margin: 0.2em 3%;}
.place span{line-height: 1em; font-size: 0.12em;}
.place span::after{line-height:inherit; font-size: 0.12em; height: inherit;}
}
/*分类*/
.categories{float: left; width: 90%; padding: 3em 5%; background: #f0f0f0;}
.categories ol{display: none;}
.categories ul li{float: left; width: calc(100%/4 - 0.4%); margin:0.2%; background: #fff;}
.categories ul .active{background: #2c6e51;}
.categories ul .active a{color: #fff;}
.categories ul .active a::after{color: #fff;}
.categories ul li a{float: left; width: 90%; line-height: 2.5em; height: 2.5em; margin: 0 5%; font-size: 1.4em; color:#333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.categories ul li:hover{background: #2c6e51;}
.categories ul li:hover a{color: #fff;}
.categories ul li:hover a::after{content:"\e63c"; float: right; height: 35px; line-height: 35px; font-size: 16px; color: #fff; display: inline-block; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
@media (max-width: 1000px){
.categories{width: 100%; padding:0;}
.categories ol{display: block; float: left; width: 90%; padding: 0 5% ; background: #fff; font-size: 0.14em; line-height: 2.5em; text-indent: 5%; pointer-events: none; position: relative;}
.categories ol span{float: right; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center;}
.categories ol span::after{content:"\e63c"; display: inline-block; pointer-events: auto; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
.categories .active span::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -o-transition: all ease 0.35s; -ms-transition: all ease 0.35s;}
.categories ul{display: none; float: left; width: 90%; padding: 0.1em 5% 0.3em; position: relative;}
.categories ul::before{content: ""; position: absolute; width: 90%; left: calc((100% - 90%)/2); top:-0.02em; border-bottom: 2px solid #2c6e51;}
.categories ul li{width:100%; margin: 0.05em 0;}
.categories ul li a{font-size: 0.14em;}
}
/*细节展示*/
.DetailsShow{float:left; width:70%; padding:0 calc((100% - 70%)/2);}
.DetailsShow .rolling{float: left; width: 50%;}
.DetailsShow .rolling .box{float: left; width: 100%; position: relative;}
.DetailsShow .rolling .box::after{content:"\e624"; width: 35px; height: 35px; font-size: 25px; line-height: 35px; text-align: center; color: #a1a1a1; position: absolute; right: 0; bottom: 0; z-index: 99;}
.DetailsShow .rolling .box ul{height: 21vw;}
.DetailsShow .rolling .box ul li{float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.DetailsShow .rolling .box ul li img{max-width: 100%; position: absolute; left:0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.DetailsShow .rolling .tab{float: left; width: 100%;}
.DetailsShow .rolling .tab ul{height: 3vw;}
.DetailsShow .rolling .tab ul li{ float: left; width: calc(100%/8 - 1%); margin: 0px calc(0.5% - 1px); height: 100%; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #f0f0f0; }
.DetailsShow .rolling .tab ul .on::after{ content: ""; float: left; width: 100%; position: absolute; bottom:0px; border-bottom: 3px solid #2c6e51;}
.DetailsShow .rolling .tab ul li img{max-height: 100%; position: absolute; left:0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.DetailsShow .content{float: left; width: 40%; margin: 0px 5%;}
.DetailsShow .content .tab ul{width: 100%; float: left;}
.DetailsShow .content .tab ul li{float: left; width: calc(100%/3 - 0.4%); margin: 0 0.2%; text-align: center; line-height: 2.5vw; background:#e9e9e9; color: #666666; cursor: pointer; font-size: 0.9vw;}
.DetailsShow .content .tab ul .on{background:#2c6e51; color: #fff;}
.DetailsShow .content .box ul{width: calc(100%/1 - 0.4%); margin: 0 0.2%; float: left; padding: 1vw 0;}
.DetailsShow .content .box ul li{float: left; width: 100%; margin: 5px 0px;}
.DetailsShow .content .box ul li p{float: left; font-size: 0.8vw;}
.DetailsShow .content .box ul li p:nth-of-type(1){width: 22%;}
.DetailsShow .content .box ul li p:nth-of-type(2){width: 78%;}
.DetailsShow .content .box ul #video{float: left; width: 100%; height: 16vw;}
.DetailsShow .content .files{float: left; width: 100%;}
.DetailsShow .content .files li{ float: left; width: 100%; border-bottom: 1px solid #eeeeee; font-size: 0.9vw; padding:1vw 0;}
.DetailsShow .content .files li span{float: left; width:80%; font-size: 0.8vw; line-height: 2vw; height: 2vw; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.DetailsShow .content .files li span::before{content: "\e657"; float: left; margin-right: 3%; font-size: 2vw; color: #2c6e51;}
.DetailsShow .content .files li a{float: right; line-height: 2vw; color: #333333;}
.DetailsShow .content .files li a::after{float: right; content:"\e607"; font-size: 1vw; line-height: 2vw; margin-left: 5px;}
.DetailsShow .content .files li a:hover{color:#2c6e51;}
@media (max-width: 1000px){
.DetailsShow{width:90%; padding:0 calc((100% - 90%)/2);}
.DetailsShow .rolling{width: 100%;}
.DetailsShow .rolling .box ul{height: 80vw;}
.DetailsShow .rolling .box::after{bottom:inherit; top: 0;}
.DetailsShow .rolling .tab ul{height: 10vw; text-align: center; font-size: 0;}
.DetailsShow .rolling .tab ul li{float:inherit;display: inline-block;}
.DetailsShow .content{width: 100%; margin: 0.3em 0;}
.DetailsShow .content .tab ul li{line-height: 2em; font-size: 0.14em;}
.DetailsShow .content .box ul{padding: 0.1em 0;}
.DetailsShow .content .box ul li p:nth-of-type(1){width: 25%;}
.DetailsShow .content .box ul li p:nth-of-type(2){width: 75%;}
.DetailsShow .content .box ul #video{height: 45vw;}
.DetailsShow .content .files li{font-size: 0.14em; padding: 0.5em 0;}
.DetailsShow .content .files li span{font-size: 0.14em; line-height: 3em; height: 3em;}
.DetailsShow .content .files li span::before{font-size: 17em;}
.DetailsShow .content .files li a{line-height: 2em;}
.DetailsShow .content .files li a::after{font-size: 1em; line-height: 2em;}

}
/*内页搜索*/
.webinside search{float: left; width: 100%; background: #fff;}
.webinside search form{ width: 80%; padding: 7em calc((100% - 80%)/2) 2em; float: left;}
.webinside search form h2{float:left; width: 100%; font-weight: inherit; margin: 2em 0; text-align: center; font-size: 2.5em;}
.webinside search form input{width: 96%; background:#eeeeee; height: 3.3em; padding: 0 2%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
@media (max-width: 1000px){
.webinside search form{width: 90%; padding: 0.1em calc((100% - 90%)/2) 0.1em;}
.webinside search form h2{margin: 3em 0 2em; font-size: 0.2em;}
.webinside search form input{float: left;}
}
/*内容*/
.article{width: 70%; float: left; margin: 2em 15%;}
.article img{width: 100% !important; height: auto !important;}
.article h3{float: left; width: 100%; line-height: 1.5em; font-size: 2.5em; font-weight: inherit; margin-bottom: 1em;}
.article ol{ float: left; width: 100%; padding: 0.5em 0;font-size: 1.4em; color: #666666; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.article other{float: left; width: 100%;}
.article other p{ float: left; width: 100%; font-size: 1.6em; padding: 0.5em 0; border-bottom: 1px solid #c4c4c4; color: #666666;}
.article other p:last-child{ border-bottom-style: none;}
.article other p a{color: #666666;}
.article other p a:hover{color: #2c6e51;}
.article form{float: left; width: 100%;}
.article form input{ width: calc(100%/2 - 2%); margin: 0 1% 1.5em; float: left; height: 3.2em; border-bottom: 1px solid #b7b7b7; }
.article form textarea{float: left; width: 88%; height: 100px; padding: 5%; border:1px solid #b7b7b7; margin: calc(1% - 1px);}
.article form #submit{width: 20%; margin: 1em calc((100% - 20%)/2) 0; float: left; background: #2c6e51; text-align: center; line-height: 3.2em; color: #fff; cursor: pointer; font-size: 1.4em;}
@media (max-width: 1000px){
.article{width: 100%; float: left; margin: 0.2em 0;}
.article h3{font-size: 0.18em;}
.article ol{font-size: 0.14em;}
.article other p{font-size: 0.14em;}
.article form #submit{width: 35%; margin: 0.5em calc((100% - 35%)/2) 0; font-size: 0.14em; line-height: 2.3em;}
}
/*内容*/
word { width: 100%; float: left; padding: 2em 0; font-size: 1.6em}
word img { max-width: 100%; }
content{width: 70%; padding:0px calc((100% - 70%)/2); float: left; font-size: 1.6em;}
content img { max-width: 100%; }
@media (max-width: 1000px){
content{width: 100%; padding:0 0; font-size: 0.14em; line-height: 1.8em;}
word {padding: 0.2em 0; font-size: 0.14em; line-height: 1.8em;}
}
/*放大照片*/
webkit{display: none; position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; background: rgba(0,0,0,0.50); z-index: 99999;}
webkit inside{width: 100vh; height: 50vw; position: absolute; left:calc((100% - 100vh)/2); top: calc((100% - 50vw)/2); background: rgba(0,0,0,0.80);}
webkit inside picture{float: left; width: 100%; height: 100%; overflow: hidden;}
webkit inside picture img{max-width: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
/*分页*/
.page { width: 100%; float: left; text-align: center; margin: 3em 0; }
.page a { line-height: 3em; padding: 0.6em 0.8em; color: #999999; font-size: 1.4em; }
.page a:hover { background-color: #2c6e51; color: #fff;}
.page .active { background-color: #2c6e51; color: #fff;}
@media (max-width: 1000px){
.page{margin: 0.3em 0; font-size: 10%;}
.page a {font-size: 1.3em; padding: 0.3em 0.6em;}
}
/*底部导航*/
footer{width: 94%; padding:2em calc((100% - 94%)/2); float: left; background: #3c3c3c;}
footer dl{width: calc(100%/3 - 10%); margin: 1em 5%; float: left;}
footer dl dt,footer dl dd{width: 100%; float: left;}
footer dl dt{font-size: 1.1.4em; padding: 1em 0; border-bottom: 1px solid #5d5d5d; color: #fff;}
footer dl dd{margin: 1em 0;}
footer dl dd p{width: 50%; float: left; font-size: 1.6em; line-height: 2.2em; color:#bdbdbd;}
footer dl dd p v,footer dl dd p o{float: left; display: inline-block;}
footer dl dd p v{width: 5vw;}
footer dl dd p o{width: 16vw;}
footer dl:nth-of-type(2) dd p{width: 100%;}
footer dl dd p a{color:#bdbdbd;}
footer dl dd p a:hover{color:#fff;}
footer dl ol{float: left; width: 100%; height:4.3em; position: relative; overflow: hidden; margin:1.2em 0;}
footer dl ol img{position: absolute; right: 0; top: 0; bottom: 0; margin: auto; max-height: 100%;}
footer dl .share{float: right; margin: 2.3em 0;}
footer dl .share a::before{width: 1.5em; height:1.5em; line-height: 1.5em; margin-left: 1em; font-size: 30px; color: #3c3c3c; background: #fff; float: left; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
footer dl .share a:hover::before{background:#A3A3A3; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
footer dl .share a:nth-of-type(1)::before{content:"\e615";}
footer dl .share a:nth-of-type(2)::before{content:"\e63d";}
footer dl .url{float: right; margin: 2.3em 0;}
footer dl .url a::before{width: 1.5em; height:1.5em; line-height: 1.5em; margin-left: 1em; font-size: 30px; color: #3c3c3c; background: #fff; float: left; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
footer dl .url:nth-of-type(1) a::before{content:"\e63d";}
footer dl .url:nth-of-type(2) a::before{content:"\e714";}
footer dl .url a:hover::before{background:#A3A3A3; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
footer copyright{width: 90%; float: left; margin:1.5em 5%;}
footer copyright a,footer copyright p,footer copyright span{float: left; line-height:2.2em; font-size:1.4em; color:#fff; display: inline-block;}
footer copyright p{margin: 0px 0.5em;}
footer copyright a:hover{color: #fff;}
.app_nav{display: none;}
@media (max-width: 1000px){
footer{padding:0.05em calc((100% - 94%)/2) 0.8em;}
footer dl{width: 90%; margin:0.1em 5%;}
footer dl dt{font-size: 0.12em; padding: 0.5em 0;}
footer dl dd{margin: 0.05em 0;}
footer dl dd p{width: 100%; font-size: 0.14em; line-height:1.8em;}
footer dl dd p v{width: 20vw;}
footer dl dd p o{width: 64vw;}
footer dl ol{display: none;}
footer dl .share{float: left; margin: 0.05em 0;}
footer dl .share a::before{margin-left:inherit; margin-right: 0.5em;}
/*footer dl .share a:first-child{display: none;}*/
footer dl .share .on:nth-of-type(1)::before{content:"\e63d";}
footer dl .url{float: left; margin: 0.05em 0;}
footer dl .url a::before{margin-left:inherit; margin-right: 0.5em;}
footer copyright{margin:0.05em 5%;}
footer copyright a,footer copyright p,footer copyright span{line-height:1.5em; font-size:0.14em;}
.app_nav{display: block; width: 100%; float: left; position: fixed; left: 0; bottom: 0; font-family:"iconfont";}
.app_nav ul{width: 100%; float: left; background: #2c6e51; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.app_nav ul li{width: calc(100%/5);float: left;}
.app_nav ul li a{width: 100%; float: left; text-align: center; margin: 0.05rem 0;}
.app_nav ul li a::before{float: left; width: 100%; color:#fff; font-size: 0.25em;}
.app_nav ul li:nth-of-type(1) a::before{content: "\e603";}
.app_nav ul li:nth-of-type(2) a::before{content: "\e620";}
.app_nav ul li:nth-of-type(3) a::before{content: "\e622";}
.app_nav ul li:nth-of-type(4) a::before{content: "\e6c1";}
.app_nav ul li:nth-of-type(5) a::before{content: "\e60c";}
.app_nav ul li a span{float: left; width: 100%; font-size: 0.1em; color: #fff;}
.app_nav ul .active{background:#327d5c;}
}
/*分享，微信二维码*/
.social-share .icon-wechat { position: relative; color: #7bc549; border-color: #7bc549 }
.social-share .icon-wechat:hover { background: #7bc549 }
.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -20em;; left: calc((100% - 18em * 2 + 1.5em)/2); margin: -1px; width: 18em; height: 18em; color: #666; font-size:1.2em; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms }
.social-share .icon-wechat .wechat-qrcode.bottom { top: 3em; left: -7.2em}
.social-share .icon-wechat .wechat-qrcode.bottom:after { display: none }
.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 2em; line-height: 2em; font-size: 1.2em; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 }
.social-share .icon-wechat .wechat-qrcode .qrcode { width: 10em; margin: 1em auto }
.social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important }
.social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 1.6em; padding: 0; margin: 0 ;line-height: 1em;}
.social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -0.6em; bottom: -1.1em; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent }
.social-share .icon-wechat:hover .wechat-qrcode { display: block }
@media (max-width: 1000px){
.social-share .icon-wechat .wechat-qrcode {width: 60%; height: 50vw; position: fixed; left:calc((100% - 60%)/2); top: calc(100% / 2);}
.social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 2em; line-height: 2em; font-size: 0.12em; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 }
.social-share .icon-wechat .wechat-qrcode.bottom { top: 0.33em; left: -0.7em}
.social-share .icon-wechat .wechat-qrcode .qrcode { width: 1em; margin: 0 auto }
.social-share .icon-wechat .wechat-qrcode .help p {display: none; font-weight: normal; font-size: 0.08em; padding: 0; margin: 0 ;line-height: 1.6em;}
.social-share .icon-wechat .wechat-qrcode:after {display: none;}
}