@font-face {
  font-family: 'iconfont';  
  src: url('/public/static/modules/cms/icons/iconfont.eot');
  src: url('/public/static/modules/cms/icons/iconfont.eot?#iefix') format('embedded-opentype'),
  url('/public/static/modules/cms/icons/iconfont.ttf') format('truetype'),
  url('/public/static/modules/cms/icons/iconfont.svg#iconfont') format('svg');
}
body{background:#f5f5f5;}
body, html { height: 100%; font-family: '微软雅黑','iconfont', sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;}
body, ul, li, h1, h2, h3, h4, h5, o, * { margin: 0px; padding: 0px }
body {font-size:62.5%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; -ms-osx-font-smoothing: grayscale;}
input,button,select,textarea{ background: none; outline: none; border: 0px; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
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; }
/* 分享图标 */
@font-face {
  font-family: 'shareicon';  
  src: url('/public/static/modules/cms/icons/share.eot');
  src: url('/public/static/modules/cms/icons/share.eot?#iefix') format('embedded-opentype'),
  url('/public/static/modules/cms/icons/share.ttf') format('truetype'),
  url('/public/static/modules/cms/icons/share.svg#share') format('svg');
}
.iconfont{font-family:"iconfont"}
.shareicon{font-family:"shareicon"}
/*定义整体*/
section{width:1200px; margin: 0 auto;}
maxwide{float: left; width: 100%; background: #fff;}
/*头部导航*/
header{float: left; width: 100%; background:#fff;}
header div{width:1200px; margin: 0 auto;}
header top{float: left; width: 100%; background:#f8f8f8; padding: 1em 0;}
header top p{float: left; width: 50%; color: #666666; font-size: 1.4em;}
header top p:nth-of-type(2){float:right; width: auto; display: inline-block;}
header top p span{float: left; padding: 0 1em; border-right: 1px solid #cacaca;}
header top p span:last-child{ border-right-style: none; padding-right: 0;}
header top p span a{color: #666666;}
header top p span a:hover{color: #28bb74;}
header top p span font{color: #28bb74;}
header nav{float: left; width: 100%; margin:3em 0;}
header nav logo{float: left; width: 25%; height: 6em; position: relative; overflow: hidden;}
header nav logo img{max-width: 100%; position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
header nav search{float: left; width: 58%; margin: 1em 0;}
header nav search form{float: left; width: 80%; margin: 0 calc((100% - 80%)/2); position: relative;}
header nav search form .choose{float: left; width: 75%; border: 1px solid #28bb74; border-radius: 3em 0 0 3em; -webkit-border-radius: 3em 0 0 3em; -moz-border-radius: 3em 0 0 3em; -o-border-radius: 3em 0 0 3em; -ms-border-radius: 3em 0 0 3em;}
header nav search form .choose item{float: left; width: 20%;}
header nav search form .choose item ol{float: left; width: 100%; height: 2em; line-height: 1.9em; margin: 0.5em 0; text-align: center; border-right: 1px solid #28bb74; color: #333333; font-size: 1.4em; cursor: pointer;}
header nav search form .choose item ul{display:none; float: left; width: 94%; padding: 0.1em 0; background: #fff; position: absolute; top: 43px; left: 2%; right: 2%; z-index: 9999; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1);}
header nav search form .choose item:hover>ul{display: block;}
header nav search form .choose item ul li{float: left; width: calc(100%/8);}
header nav search form .choose item ul li a{float: left; width: 100%; text-align: center; line-height: 3em; cursor: pointer; color: #666666; font-size: 1.4em;}
header nav search form .choose item ul li a:hover{background:#f8f8f8;}
header nav search form .choose input{ float: left; width: 74%; height: 3.3em; padding: 0 3%; margin:-1px; border-width: 0px; border-style: none;}
header nav search form p:nth-of-type(1){float: left; width: 10%; height:3em; font-size: 1.4em; padding: 1px 0; background: #28bb74; background-repeat: no-repeat; background-size: 1.3em auto; background-position: center center; background-image: url(../images/sousuo.png); cursor: pointer; border-radius: 0 3em 3em 0; -webkit-border-radius: 0 3em 3em 0; -moz-border-radius: 0 3em 3em 0; -o-border-radius: 0 3em 3em 0; -ms-border-radius: 0 3em 3em 0;}
header nav search form p:nth-of-type(2){float: left; width: 13%; height:3em; line-height: 2.8em; font-size: 1.4em; padding: 1px 0; background: #28bb74; text-align: center; color: #fff; border-left: 1px solid #fff; border-radius: 0 3em 3em 0; -webkit-border-radius: 0 3em 3em 0; -moz-border-radius: 0 3em 3em 0; -o-border-radius: 0 3em 3em 0; -ms-border-radius: 0 3em 3em 0;}
header nav search form p a{font-size: 1em; color:#fff;}
header nav search form span{position: absolute; left: 0; bottom: -2.5em; width: 100%; float: left;}
header nav search form span a{float: left; display: inline-block; margin: 0 1em; font-size: 1.4em; color: #818181;}
header nav search form span a:hover{color: #28bb74;}
header nav path{float: left; width: 17%; margin: 1em 0;}
header nav path a{float: left; width: 48%; margin-left: 2%; color: #fff; text-align: center; line-height: 3.5em; font-size: 1.4em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px;}
header nav path a:nth-of-type(1){background: #f84747;}
header nav path a:nth-of-type(2){background: #28b6bb;}
header menu{width:1200px; margin: 0 auto;}
header menu .main{float: left; width: 100%; position: relative; }
header menu .layer::after{content:""; position: absolute; height: 521px; left:-100%; right:-100%; top: 0; bottom: 0; z-index:1; background: #fff; bottom: 0;}
header menu .main .vert{float: left; width: 20%; clear: both; position: absolute; left: 0; top: 54px; z-index: 999; display: none;}
header menu .main .open{display: block;}
header menu .main ol{float: left; width: 20%; background: #28bb74; line-height: 3em; font-size: 1.8em; color: #fff; cursor: pointer;}
header menu .main ol::before{ content: ""; float: left; width: 4em; height: 3em; background-image: url(../images/gongneng.png); background-repeat: no-repeat; background-position: center center; background-size: 1em auto; }
header menu .main .vert .tab{float: left; width: 100%; min-height: 521px; clear: both; background: rgba(0,0,0,0.80);}
header menu .main .vert .tab ul li a{ float: left; width: calc(100% - 10% - 3px); padding-left: 10%; border-left: 3px solid rgba(0,0,0,0.00); line-height: 2.8em; font-size: 1.6em; color:#fff;}
header menu .main .vert .tab ul li a:hover{ border-left-color: #28bb74; background: #fff; color:#333333;}
header menu .main .vert .tab ul .more{float: left; width: calc(100% - 10% - 3px); padding-left: calc(10% + 3px); margin: 2em 0 3em;}
header menu .main .vert .tab ul .more a{color: #28bb74; font-size: 1.6em;}
header menu .main .vert:hover>.box{display: block;}
header menu .main .vert:hover{width: 100%;}
header menu .main .vert:hover .tab{width: 20%;}
header menu .main .vert .box{display: none; float: left; width: 70%; padding: 0 5%; min-height:521px; background: rgba(255,255,255,0.80);}
header menu .main .vert .box ul li dl{float: left; width: 100%; border-bottom: 1px solid #dee1e1; padding: 2em 0;}
header menu .main .vert .box ul li dl:last-child{ border-bottom-style: none;}
header menu .main .vert .box ul li dl dt{float: left; width: 100%; font-size: 1.6em; font-weight: 700; color:#444444;}
header menu .main .vert .box ul li dl dt a{color:#444444;}
header menu .main .vert .box ul li dl dt a:hover{color:#28bb74;}
header menu .main .vert .box ul li dl dd{float: left; width: 100%; margin-top: 0.5em;}
header menu .main .vert .box ul li dl dd span{float: left; display: inline-block; padding-right: 1em; margin: 0.5em 1em 0.5em 0; position: relative;}
header menu .main .vert .box ul li dl dd span::after{content: ""; float: left; height: 1.2em; border-right: 1px solid #7f8080; position: absolute; right: 0; top: 0.3em;}
header menu .main .vert .box ul li dl dd span a{color: #444444; font-size: 1.4em;}
header menu .main .vert .box ul li dl dd span a:hover{color:#28bb74;}
header menu .main .level{float: right; position: absolute; right: 0; display: inline-block; z-index: 999;}
header menu .main .level li{float: left; padding:0 1.3em; margin: 0 0.5em; position: relative; height: 54px; line-height: 54px;}
header menu .main .level li a{font-size: 1.6em; color:#333333; font-weight: 700;}
header menu .main .level li:hover::after{ content: ""; float: left; width: 100%; border-bottom: 2px solid #28bb74; position: absolute; bottom: 0; left: 0;}
header menu .main .level .active::after{content: ""; float: left; width: 100%; border-bottom: 2px solid #28bb74; position: absolute; bottom: 0; left: 0;}
/*banner图*/
.banner{width: 100%; float: left;}
.banner,.banner .box,.banner .box li,.banner .box li ol{float: left; width: 100%; position: relative;}
.banner .box li a{float: left; width: 100%; height: 520px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.banner .trail{width: 100%; float: left; position: absolute; bottom: 5%; text-align: center;}
.banner .trail li{margin: 0 0.8em; height: 0; display: inline-block; color:#c2c2c2; cursor: pointer; position: relative; pointer-events: none;}
.banner .trail li::before{content: ""; position: absolute; top:3px; left: 0px; float: left; width: 1em; height:1em; background:#fff; pointer-events: auto; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;}
.banner .trail .on::before{background:#28bb74;}
/*大标题*/
.theme1 {width: 100%; float: left;}
.theme1 p{float: left; display: inline-block; font-size: 1.6em; color: #999999;}
.theme1 p span{font-size: 1.8em; color: #333333; margin-right: 0.5em;}
.theme2 {width: 100%; float: left; margin-bottom: 0.5em;}
.theme2 p{float: left; width: 100%; position: relative; border-bottom: 1px solid #e4e4e4; line-height: 3em;}
.theme2 p::before{content: ""; width: 50%; position: absolute; bottom: 0; left: 0; border-bottom: 3px solid #28bb74;}
.theme2 p span:nth-of-type(1) a{font-size: 1.8em; color: #333333;}
.theme2 p span:nth-of-type(2) a{font-size: 1.4em; color: #999999;}
.theme2 p span:nth-of-type(2){float: right;}
.theme3 {width: 100%; float: left; margin:3em 0;}
.theme3 p{width: 100%; float: left; text-align: center;}
.theme3 p span{color:#666666; font-size:3em; color: #333333;}
.theme3 p span::before,.theme3 p span::after{ content: ""; width: 8%; height: 0.7em; margin: 0 10px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url(../images/1155.png); }
.theme3 p span::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.theme3 p font{float: left; width: 100%; font-size:1.4em; margin-top:0.5em; color:#838383;}
.theme4{ float: left; width: 90%; margin: 5% 5% 0; padding-bottom: 2%; border-bottom: 1px solid #ebebeb; }
.theme4 p{float: left; width: 100%; text-align: center;}
.theme4 p:nth-of-type(1){font-size: 2.5em; line-height: 1.6em; color: #333333;}
.theme4 p:nth-of-type(2){font-size: 1.2em; color: #999999; margin-top: 1em;}
.theme4 p span{margin: 0 0.5em;}
.theme5{width: 100%; float: left; font-size: 2.3em; text-align: center; color:#333333; margin-bottom: 1em;}
.theme6 {width: 100%; float: left; margin:1em 0;}
.theme6 p{float: left; width: 100%; text-align: center;}
.theme6 p:nth-of-type(1){font-size: 2.3em; color: #333333;}
.theme6 p:nth-of-type(2){font-size: 1.6em; color: #999999; margin: 0.5em 0 2em;}
/*宫格化展示框架*/
.gongge{width: 100%; float: left;}
.gongge .list1{float: left; width: 100%;  margin: 2em 0;}
.gongge .list1 li{float: left; width: calc((100%/4) - 4%); margin:2%;}
.gongge .list1 li p{float: left; width: 60%; margin: 0 20%;}
.gongge .list1 li p span{float: left; width: 100%; color:#999999; font-size: 1.6em; margin: 0.2em 0;}
.gongge .list1 li p span num{font-size: 1.5em; font-weight: 700; color: #444444; margin-right: 0.3em;}
.gongge .list2{float: left; width: 100%; margin: 3em 0;}
.gongge .list2 .tab{float: left; width: 20%;}
.gongge .list2 .tab ul li{float: left; width: 100%; height: 150px; line-height: 150px; text-align: center; background: #b4b4b4; margin: 0;}
.gongge .list2 .tab ul .on{background: linear-gradient(to top right, #5fe1a2, #29bc75); background: -webkit-linear-gradient(to top right, #5fe1a2, #29bc75); background: -moz-linear-gradient(to top right, #5fe1a2, #29bc75); background: -o-linear-gradient(to top right, #5fe1a2, #29bc75); background: -ms-linear-gradient(to top right, #5fe1a2, #29bc75);}
.gongge .list2 .tab ul li a{font-size: 1.8em; color: #fff;}
.gongge .list2 .box{float: left; width: 79%; margin-left: 1%;}
.gongge .list2 .box ul li{float: left; width: calc((100%/4) - 2px); margin:1px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list2 .box ul li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0);}
.gongge .list2 .box ul li a{float: left; width: 100%; height:calc(225px - 2px); position: relative; overflow: hidden;}
.gongge .list2 .box ul li a img{max-width: 60%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list2 .box ul li a p{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; font-size: 1.4em; line-height: 28em; color: #999999;}
.gongge .list3{float: left; width: 100%; margin: 2em 0;}
.gongge .list3:last-child{margin-bottom: 3em;}
.gongge .list3 .left{float: left; width: 21%; height: 495px; overflow: hidden; position: relative;}
.gongge .list3 .left img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list3 .left dl{position: absolute; float: left; width: 70%; margin:3em 15%; z-index: 10;}
.gongge .list3 .left dl dt,.gongge .list3 .left dl dd{float: left; width: 100%;}
.gongge .list3 .left dl dt a{font-size: 2.5em; color: #fff;}
.gongge .list3 .left dl dd{margin-top: 0.5em;}
.gongge .list3 .left dl dd a{margin: 0 0.3em; font-size: 1.4em; color: #fff;}
.gongge .list3 .left dl dd a:hover{text-decoration: underline;}
.gongge .list3 .left main{position: absolute; bottom:0; float: left; width: 70%; margin:2em 15%; z-index: 10;}
.gongge .list3 .left main p{float: left; width: 100%; text-align: center; font-size: 1.4em; margin: 2em 0;}
.gongge .list3 .left main p span{cursor: pointer; color: #fff;}
.gongge .list3 .left main a{float: left; width: 90%; padding-left: 10%; height:3em; line-height: 2.9em; font-size: 1.4em; color: #FFF; background: rgba(0,0,0,0.80); background-image: url(../images/2568.png); background-repeat: no-repeat; background-position: 92% center; background-size: 15px auto; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; -o-border-radius: 3em; -ms-border-radius: 3em;}
.gongge .list3 .right{float: left; width: 79%;}
.gongge .list3 .right ul li{float: left; width: calc((100%/5) - 2px); margin:1px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list3 .right ul li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0);}
.gongge .list3 .right ul li a{float: left; width: 100%; height:163px; position: relative; overflow: hidden;}
.gongge .list3 .right ul li a img{max-width: 60%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list3 .right ul li a p{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; font-size: 1.4em; line-height: 28em; color: #999999;}
.gongge .list4{ float: left; width: 100%; margin: 1em 0; max-height: 510px; overflow: hidden;}
.gongge .on{max-height:inherit;}
.gongge .list4 li{float: left; width: calc((100%/5) - 20px); margin:10px; height: 65px; line-height: 65px; background: #fff; border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; -ms-border-radius: 10px 0 10px 0;}
.gongge .list4 li:hover{background: linear-gradient(to top right, #5fe1a2, #29bc75); background: -webkit-linear-gradient(to top right, #5fe1a2, #29bc75); background: -moz-linear-gradient(to top right, #5fe1a2, #29bc75); background: -o-linear-gradient(to top right, #5fe1a2, #29bc75); background: -ms-linear-gradient(to top right, #5fe1a2, #29bc75);}
.gongge .list4 li a{float: left; width: 80%; height: 100%; padding: 0 10%;}
.gongge .list4 li a span{float: left; width: 50%; font-size: 1.4em;}
.gongge .list4 li a span:nth-of-type(1){color:#cccccc;}
.gongge .list4 li a span:nth-of-type(1) font{font-size: 1.5em; font-weight: 700; margin-right: 0.2em;}
.gongge .list4 li a span:nth-of-type(2){color: #333333; position: relative;}
.gongge .list4 .hot a span:nth-of-type(2)::before{content:"HOT"; position: absolute; top: -1.3em; left: 0; color: #FF0004; font-style: oblique;}
.gongge .list4 li:hover>a span{color: #fff;}
.gongge .list5{float: left; width: 100%; margin: 2em 0;}
.gongge .list5 .left{float: left; width: 21%;}
.gongge .list5 .left li dl{float: left; width: 100%;}
.gongge .list5 .left li dl dt{ float: left; width: 80%; padding: 0 10%; background-color: #28bb74; background-repeat: no-repeat; background-position: 90% center; background-size: 18px auto; background-image: url(../images/780.png); }
.gongge .list5 .left li dl dt a{font-size: 1.8em; line-height: 3em; color: #fff;}
.gongge .list5 .left li dl dd{ float: left; width: 80%; padding: 3em 10%; height: 280px; background-image: url(../images/lx1.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.gongge .list5 .left li dl dd span{float: left; width: 40%; margin: 0 5%; font-size:1.6em; line-height: 2em;}
.gongge .list5 .left li dl dd span a{color: #fff;}
.gongge .list5 .left li dl dd span a:hover{text-decoration: underline;}
.gongge .list5 .right{float: left; width: 79%;}
.gongge .list5 .right li{float: left; width: calc((100%/4) - 2px); margin:1px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list5 .right li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0);}
.gongge .list5 .right li a{float: left; width: 100%; height:255px; position: relative; overflow: hidden;}
.gongge .list5 .right li a img{max-width: 60%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list6{float: left; width: 100%; margin-bottom:2em;}
.gongge .list6 .left{float: left; width: 18%; height: 260px; margin-right: 1%; position: relative; background: linear-gradient(top,#fc6572,#fe8358, #ff9746); background: -webkit-linear-gradient(top,#fc6572,#fe8358, #ff9746); background: -moz-linear-gradient(top,#fc6572,#fe8358, #ff9746); background: -o-linear-gradient(top,#fc6572,#fe8358, #ff9746); background: -ms-linear-gradient(top,#fc6572,#fe8358, #ff9746); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list6 .left p{float: left; width: 80%; color: #fff; position: absolute; left: 0;}
.gongge .list6 .left p:nth-of-type(1){padding: 1em 10%; font-size: 2.8em; font-weight: bold; top: 0;}
.gongge .list6 .left p:nth-of-type(2){margin: 3em 10%; font-size: 1.4em; bottom: 0; height: 4.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.gongge .list6 .right{float: left; width: 79%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gongge .list6 .right li{float: left; width: calc((100%/4) - 1%); height: 260px; margin:0 0.5%; position: relative; overflow: hidden; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list6 .right li:nth-of-type(4n+1){margin-left: 0;}
.gongge .list6 .right li:nth-of-type(4n+4){margin-right: 0;}
.gongge .list6 .right li ol{float: left; width: 90px; height: 90px; margin: 2em calc((100% - 90px)/2); position: relative; overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;}
.gongge .list6 .right li ol img{max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list6 .right li p{float: left; width: 80%; margin: 0 10%; text-align: center;}
.gongge .list6 .right li p:nth-of-type(1) a{font-size: 1.8em; color:#333333;}
.gongge .list6 .right li p:nth-of-type(1) a:hover{color:#28bb74;}
.gongge .list6 .right li p:nth-of-type(2){font-size:1.4em; margin-top: 1em; color:#999999;}
.gongge .list6 .right li span a{display: none; float: left; width: 100%; line-height: 3em; font-size: 1.4em; background:#28bb74; text-align: center; position: absolute; bottom: 0; color:#fff;}
.gongge .list6 .right li:hover>span a{display: block;}
.gongge .list7{float: left; width: 100%; margin-bottom:3em;}
.gongge .list7 .left{float: left; width: 18%; height: 420px; margin-right:1%; position: relative; background: linear-gradient(top,#21e3ad,#18cec5,#0ebadd); background: -webkit-linear-gradient(top,#21e3ad,#18cec5,#0ebadd); background: -moz-linear-gradient(top,#21e3ad,#18cec5,#0ebadd); background: -o-linear-gradient(top,#21e3ad,#18cec5,#0ebadd); background: -ms-linear-gradient(top,#21e3ad,#18cec5,#0ebadd); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list7 .l2{background: linear-gradient(left,#4646e5,#385aef,#2b6cf7); background: -webkit-linear-gradient(left,#4646e5,#385aef,#2b6cf7); background: -moz-linear-gradient(left,#4646e5,#385aef,#2b6cf7); background: -o-linear-gradient(left,#4646e5,#385aef,#2b6cf7); background: -ms-linear-gradient(left,#4646e5,#385aef,#2b6cf7);}
.gongge .list7 .left p{float: left; width: 80%; color: #fff; position: absolute; left: 0;}
.gongge .list7 .left p:nth-of-type(1){padding: 1em 10%; font-size: 2.8em; font-weight: bold; top: 0;}
.gongge .list7 .left p:nth-of-type(2){margin: 3em 10%; font-size: 1.4em; bottom: 0; height: 4.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.gongge .list7 .right{float: left; width: 79%; height: 420px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.gongge .list7 .right li{float: left; width: calc((100%/3) - 1%); height:calc((100%/2) - 1.4%); margin:0.7% 0.5%; position: relative; overflow: hidden; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list7 .right li:nth-of-type(3n+1){margin-left: 0;}
.gongge .list7 .right li:nth-of-type(3n+3){margin-right: 0;}
.gongge .list7 .right li:nth-child(-n+3){margin-top: 0;}
.gongge .list7 .right li:nth-child(n+3){margin-bottom: 0;}
.gongge .list7 .r2 li:nth-child(n+4){width: calc((100%/4) - 1%); margin:0.7% 0.5% 0;}
.gongge .list7 .r2 li:nth-of-type(4n+4){margin-left: 0;}
.gongge .list7 .r2 li:nth-of-type(4n+7){margin-right: 0;}
.gongge .list7 .right li ol{float: left; width: 90px; height: 90px; margin: 2em calc((100% - 90px)/2); position: relative; overflow: hidden; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;}
.gongge .list7 .right li ol img{max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list7 .right li p{float: left; width: 80%; margin: 0 10%; text-align: center;}
.gongge .list7 .right li p:nth-of-type(1){margin-top: 20%;}
.gongge .list7 .right li p:nth-of-type(1) a{font-size: 1.8em; color:#333333;}
.gongge .list7 .right li p:nth-of-type(1) a:hover{color:#28bb74;}
.gongge .list7 .right li p:nth-of-type(2){height: 4.5em; font-size:1.4em; margin-top: 1em; color:#999999; overflow: hidden;}
.gongge .list7 .right li span a{display: none; float: left; width: 100%; line-height: 3em; font-size: 1.4em; background:#28bb74; text-align: center; position: absolute; bottom: 0; color:#fff;}
.gongge .list8{float: left; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 3em;}
.gongge .list8 .choose{float: left; width: 100%; margin:6em 0 1em;}
.gongge .list8 .choose a{float: left; display: inline-block; padding: 0 0.8em; margin-right: 0.5em; line-height: 2em; font-size: 1.4em; cursor: pointer; background:#e1e1e1; color: #676767; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -o-border-radius: 0.5em; -ms-border-radius: 0.5em;}
.gongge .list8 .choose a:nth-of-type(3)::after{content: "\e64a";}
.gongge .list8 .choose a:nth-of-type(4)::after{content: "\e64a";}
.gongge .list8 .choose a:hover{color: #fff; background: #28bb74;}
.gongge .list8 .choose .active{color: #fff; background: #28bb74;}
.gongge .list8 li{ float: left; width: calc((100%/5) - 2% - 2px); margin: 1.25%; position: relative; background: #fff; 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; border: 1px solid rgba(0,0,0,0.00); }
.gongge .list8 li:hover{ box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); border: 1px solid #28bb74; }
.gongge .list8 li:nth-of-type(5n+1){margin-left: 0;}
.gongge .list8 li:nth-of-type(5n+5){margin-right: 0;}
.gongge .list8 li dl{float: left; width: 80%; padding: 10% 10% 0;}
.gongge .list8 li dl dt{float: left; width: 100%; height: 220px; position: relative; overflow: hidden;}
.gongge .list8 li dl dt img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list8 li dl dd{float: left; width: 100%; text-align: center; margin: 1em 0 1.5em;}
.gongge .list8 li dl dd a{color: #444444; font-size: 1.6em;}
.gongge .list8 li dl p,.gongge .list8 li dl span{float: left; width: 100%;}
.gongge .list8 li dl p a{font-size: 1.6em; color: #444444; line-height: 1.5em; white-space:nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.gongge .list8 li dl span{font-size: 1.2em; color: #999999; line-height: 2em;}
.gongge .list8 li dl span:nth-of-type(2){margin-bottom: 1em;}
.gongge .list8 li dl db{float: left; display:none; width: 100%; height: 2.5em; line-height: 2.5em; text-align: center; font-size: 1.6em; background:#28bb74; position: absolute; left: 0; bottom: 0;}
.gongge .list8 li dl db a{color: #fff;}
.gongge .list8 li dl:hover>db{display: block;}
.gongge .show0 li{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;}
.gongge .show0 li dl dt{height: 150px;}
.gongge .list9{float: left; width: 100%; margin: 3em 0;}
.gongge .list9 li{float: left; width: calc((100%/3) - 2%); margin: 1.5%; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list9 li:nth-of-type(3n+1){margin-left: 0;}
.gongge .list9 li:nth-of-type(3n+3){margin-right: 0;}
.gongge .list9 li p{float: left; width: 80%; margin: 1em 10%;}
.gongge .list9 li p span{float: left; width: 100%; text-align: center;}
.gongge .list9 li p span:nth-of-type(1){width: 8em; height: 8em; margin:1em calc((100% - 8em)/2) 0; position: relative; overflow: hidden;}
.gongge .list9 li p span:nth-of-type(1) img{max-height: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list9 li p span:nth-of-type(2){font-size: 1.8em; color:#333333; margin: 0.5em 0;}
.gongge .list9 li p span:nth-of-type(3){font-size: 1.4em; color:#666666; line-height: 1.8em;}
.gongge .list9 li p span:nth-of-type(4){margin: 2.5em 0 1.5em;}
.gongge .list9 li p span:nth-of-type(4) a{float: left; width: 50%; height: 3em; line-height: 3em; margin:0 calc((100% - 50%)/2); color:#fff; background:#28bb74; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; -o-border-radius: 3em; -ms-border-radius: 3em;}
.gongge .list9 .show4 li{width: calc((100%/4) - 2%); margin: 1.33%;}
.gongge .list9 .show4 li:nth-of-type(4n+1){margin-left: 0;}
.gongge .list9 .show4 li:nth-of-type(4n+4){margin-right: 0;}
.gongge .list9 .show4 li p span:nth-of-type(1){margin-bottom: 0.5em;}
.gongge .list9 .show4 li p span:nth-of-type(1) img{max-height: 100%;}
.gongge .list10{float: left; width: 100%; margin-bottom: 3em;}
.gongge .list10 li{ float: left; width: calc((100%/5) - 2%); height: 200px; position: relative; margin: 1%; position: relative; overflow: hidden; background: #fff;  -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list10 li img{max-width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list10 li:hover{ box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); }
.gongge .list10 li:nth-of-type(5n+1){margin-left: 0;}
.gongge .list10 li:nth-of-type(5n+5){margin-right: 0;}
.gongge .list11{float: left; width: 100%; margin-bottom: 3em; padding: 2% 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.gongge .list11 li{float: left; width:calc((100%/5) - 2%); margin:0 0.75%; background: #fff;}
.gongge .list11 li a{float: left; width: 100%; height: 200px; overflow: hidden; position: relative;}
.gongge .list11 li a span{padding: 0.1em 0.8em; background: #28bb74; color: #fff; font-size: 1.2em; position: absolute; right: 5%; top: 5%; border-radius: 1.2em; -webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; -o-border-radius: 1.2em; -ms-border-radius: 1.2em;}
.gongge .list11 li a img{max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list11 li p{float: left; width: 100%; text-align: center; font-size: 1.4em; color: #999999;}
.gongge .list11 li p a{float: none; height: auto; width: auto; font-size: 1.2em; line-height: 2em; color: #444444;}
.gongge .list11 li p a:hover{color:#28bb74;}
.gongge .list11 li p:nth-of-type(2){margin-bottom: 3em;}
.gongge .list11 li:nth-of-type(5n+1){margin-left: 2%;}
.gongge .list11 li:nth-of-type(5n+5){margin-right: 2%;}
.gongge .list12{float: left; width: 100%; font-family:"iconfont"; margin-bottom: 6em;}
.gongge .list12 .tab{float: left; margin-bottom: 3em;}
.gongge .list12 .tab ul{float:left; width:100%;}
.gongge .list12 .tab ul li{float: left; width: calc((100%/6) - 4px); background: #fff; border: 2px solid #f5f5f5; padding: 0.5em 0; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius:3px;}
.gongge .list12 .tab ul li:hover{border-color: #28bb74;}
.gongge .list12 .tab ul li:hover::after{content:"\e641"; position: absolute; left: -2px; bottom: -1.5em; float: left; width: 100%; height: 1.5em; line-height: 1.5em; border: 2px solid #28bb74; font-size: 1.4em; background:#28bb74; color: #fff; text-align: center; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius:0 0 3px 3px;}
.gongge .list12 .tab ul li ol{float: left; width: 100%; height: 80px; overflow: hidden; position: relative;}
.gongge .list12 .tab ul li ol img{max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list12 .tab ul li p{float: left; width: 100%; padding: 0.5em 0; text-align: center;}
.gongge .list12 .tab ul li p:nth-of-type(1){font-size: 1.6em; color:#3d3d3d; position: relative;}
.gongge .list12 .tab ul li p:nth-of-type(1)::after{ content: ""; float: left; width: 15%; position: absolute; bottom: 0; left: calc((100% - 15%)/2); border-bottom: 2px solid #e5e5e5; }
.gongge .list12 .tab ul li p:nth-of-type(2){font-size: 1.4em; color:#999999;}
.gongge .list12 .box{float:left; width:100%;}
.gongge .list12 .box ul li{float: left; width:calc((100%/5) - 1%); margin:0.58%; background: #fff;}
.gongge .list12 .box ul li a{float: left; width: 100%; height: 200px; overflow: hidden; position: relative;}
.gongge .list12 .box ul li a span{padding: 0.1em 0.8em; background: #28bb74; color: #fff; font-size: 1.2em; position: absolute; right: 5%; top: 5%; border-radius: 1.2em; -webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; -o-border-radius: 1.2em; -ms-border-radius: 1.2em;}
.gongge .list12 .box ul li a img{max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list12 .box ul li p{float: left; width: 100%; text-align: center; font-size: 1.4em; color: #999999;}
.gongge .list12 .box ul li p a{float: none; height: auto; width: auto; font-size: 1.2em; line-height: 2em; color: #444444;}
.gongge .list12 .box ul li p a:hover{color:#28bb74;}
.gongge .list12 .box ul li p:nth-of-type(2){margin-bottom: 3em;}
.gongge .list12 .box ul li:nth-of-type(5n+1){margin-left: 2px;}
.gongge .list12 .box ul li:nth-of-type(5n+5){margin-right:2px;}
.gongge .list13{float: left; width: 100%; margin: 3em 0 8em;}
.gongge .list13 .left{float: left; width: 30%; background: #fff;}
.gongge .list13 .left form{float: left; width: 80%; margin: 0 10%;}
.gongge .list13 .left form li{float: left; width: 100%; margin: 1em 0;}
.gongge .list13 .left form li:nth-of-type(1){font-size: 2.3em; color:#41454c; text-align: center;}
.gongge .list13 .left form li input{float: left; width:calc(100% - 22px); height: 35px; padding:0 10px; margin: -1px; border: 1px solid #dadada;}
.gongge .list13 .left form li select{float: left; width: 100%; height: 35px; padding:0 10px; margin: -1px; border: 1px solid #dadada; color:#666666;}
.gongge .list13 .left form a{float: left; width:calc(100% - 2px); margin:0.5em 0; text-align: center; font-size: 1.8em; height: 2.3em; line-height: 2.3em; border: 1px solid #28bb74; }
.gongge .list13 .left form a:nth-of-type(1){background:#28bb74; color: #fff; cursor: pointer;}
.gongge .list13 .left form a:nth-of-type(2){color: #28bb74;}
.gongge .list13 .left form p{float: left; width:100%; font-size: 1.4em; color:#999999; text-align: center; margin: 1em 0 2.5em;}
.gongge .list13 .right{float: left; width: 65%; background: #fff; margin-left: 1%; padding:2%}
.gongge .list13 .right li{float: left; width:calc((100%/4) - 4%); margin:2%; height: 120px; position: relative; overflow: hidden;}
.gongge .list13 .right li img{max-width: 80%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list14{float: left; width: 100%; margin: 2em 0;}
.gongge .list14:last-child{margin-bottom: 3em;}
.gongge .list14 .left{float: left; width: 20%; margin-right: 1%; height: 495px; overflow: hidden; position: relative; border-radius:2em 0 2em 0; -webkit-border-radius: 2em 0 2em 0; -moz-border-radius: 2em 0 2em 0; -o-border-radius: 2em 0 2em 0; -ms-border-radius: 2em 0 2em 0;}
.gongge .list14 .left img{height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.gongge .list14 .left dl{position: absolute; float: left; width: 70%; margin:3em 15%; z-index: 10;}
.gongge .list14 .left dl dt,.gongge .list3 .left dl dd{float: left; width: 100%;}
.gongge .list14 .left dl dt a{font-size: 2.5em; color: #fff;}
.gongge .list14 .left dl dd{margin-top: 0.5em;}
.gongge .list14 .left dl dd a{margin: 0 0.3em; font-size: 1.4em; color: #fff;}
.gongge .list14 .left dl dd a:hover{text-decoration: underline;}
.gongge .list14 .left main{position: absolute; bottom:0; float: left; width: 70%; margin:2em 15%; z-index: 10;}
.gongge .list14 .left main font{float: left; font-size: 1.8em; line-height: 2em; color: #fff; position: relative;}
.gongge .list14 .left main font::before{ content: ""; height:1.5em; border-left: 3px solid #ff864c; position: absolute; left: -15px; top:5px;}
.gongge .list14 .right{ float: left; width: 79%; border-top-width: 1px; border-top-style: solid;}
.gongge .list14 .right.s1{ border-top-color: #ff984a;}
.gongge .list14 .right.s2{ border-top-color: #f86c87;}
.gongge .list14 .right.s3{ border-top-color: #55a6ff;}
.gongge .list14 .right.s4{ border-top-color: #9390ff;}
.gongge .list14 .right ul li{float: left; margin:1px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list14 .right ul li:nth-child(-n+4){width:calc((100%/4) - 2px);}
.gongge .list14 .right ul li:nth-child(n+5){width:calc((100%/3) - 2px);}
.gongge .list14 .right ul li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0);}
.gongge .list14 .right ul li p{float: left; width:80%; height:calc(495px/2); margin:0 10%;}
.gongge .list14 .right ul li p span{float: left; width: 100%; text-align: center;}
.gongge .list14 .right ul li p span:nth-of-type(1){font-size:1.8em; margin:4em 0 1em; color:#333333;}
.gongge .list14 .right ul li p span:nth-of-type(2){font-size:1.4em; line-height: 1.6em; color:#999999}
.gongge more{float: left; width: 100%; border-bottom: 1px solid #e5e5e5; position: relative; margin: 1em 0 5em;}
.gongge more span{ float: left; width: 15%; font-size: 1.6em; line-height: 1em; position: absolute; left: calc((100% - 15%)/2); bottom: -0.5em; text-align: center; color: #999999; background-color: #f5f5f5; cursor: pointer;}
.gongge more span::after{content: ""; display: inline-block; padding: 0.4em; margin-left: 0.5em; background-image: url(../images/0365.png); background-repeat: no-repeat; background-position: center center; background-size: 1.6em auto; }
.gongge more .active::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
/*列表展示*/
.lists{width: 100%; float: left;}
.lists .list1{float: left; width:calc(100% - 30px); padding: 15px; margin: 2em 0; background: #fff;}
.lists .list1 .left{float: left; width:calc(70% - 1px);; border-right: 1px solid #eeeeee;}
.lists .list1 .left li{float: left; width: 100%; margin-bottom: 15px;}
.lists .list1 .left li:last-child{margin-bottom: 0;}
.lists .list1 .left li ol{float: left; width: 30%; height: 130px; position: relative; overflow: hidden;}
.lists .list1 .left li ol img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list1 .left li dl{float: left; width:calc(70% - 30px); margin: 0 15px;}
.lists .list1 .left li dl dt,.lists .list1 .left li dl dd{float: left; width:100%;}
.lists .list1 .left li dl dt a{font-size: 1.8em; line-height: 2em; color: #1A1A1A; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.lists .list1 .left li dl dt a:hover{color:#28bb74;}
.lists .list1 .left li dl dt p{float: left; width: 100%; height: 70px; font-size: 1.4em; line-height: 1.6em; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.lists .list1 .left li dl dt span{ float: left; display: inline-block; height: 23px; line-height: 23px; font-size: 1.4em; color: #989898; padding-left: 5%; background-repeat: no-repeat; background-position: left center; background-size: 20px auto; }
.lists .list1 .left li dl dt span:nth-of-type(1){ background-image: url(../images/0583.png);}
.lists .list1 .left li dl dt span:nth-of-type(2){font-style: oblique;}
.lists .list1 .right{ float: left; width: 30%;}
.lists .list1 .right li{float: left; width: 100%; margin: 0.3em 0;}
.lists .list1 .right li date{float: left; width: 27%;}
.lists .list1 .right li date p{float: left; width: 100%; text-align: center; color: #dedede;}
.lists .list1 .right li date p:nth-of-type(1){font-size: 5em; font-style: oblique;}
.lists .list1 .right li date p:nth-of-type(2){font-size: 1.4em; font-weight: 700;}
.lists .list1 .right li dl{float: left; width: 70%; margin-left: 3%;}
.lists .list1 .right li dl dt,.lists .list1 .right li dl dd{float: left; width: 100%;}
.lists .list1 .right li dl dt{margin-top: 0.8em; line-height: 2.5em; height: 2.5em; overflow: hidden;}
.lists .list1 .right li dl dt a{font-size: 1.6em; color: #1A1A1A; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.lists .list1 .right li dl dt a:hover{color:#28bb74;}
.lists .list1 .right li dl dd{font-size: 1.4em; line-height: 1.6em; max-height: 45px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.lists .list2{width: 100%; float: left; margin-bottom: 5em;}
.lists .list2 ul{float: left; width: 21.25%; margin:0 0.5%; padding:1.5%; background: #fff;}
.lists .list2 ul:first-child{margin-left: 0;}
.lists .list2 ul:last-child{margin-right: 0;}
.lists .list2 ul li{float: left; width: 100%; line-height: 2.5em; height: 2.5em; overflow: hidden;}
.lists .list2 ul li a{color:#666666; font-size: 1.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.lists .list2 ul li a::before{content:"â– "; margin-right: 3%;}
.lists .list2 ul li a:hover{color:#40cf84;}
.lists .list3{width:90%; float: left; padding: 0 5%; background: #fff; padding-bottom: 1em; margin-bottom: 1em;}
.lists .list3 ol{ width: 100%; float: left; position: relative; font-size: 1.6em; font-weight: 700; line-height: 3.5em; border-bottom: 1px solid #e6eaed; margin-bottom: 1em;}
.lists .list3 ol::after{ content: ""; width: 25%; border-bottom: 3px solid #28bb74; position: absolute; left: 0; bottom: -2px;}
.lists .list3 li{float: left; width: 100%; padding: 0.5em 0;}
.lists .list3 li span{float: left; width: 1.4em; height: 1.4em; line-height: 1.4em; font-size: 1.4em; margin-right: 0.5em; text-align: center; color:#fff; background:#cacaca;}
.lists .list3 li:nth-of-type(-n+3) span{background:#de3a3b;}
.lists .list3 li a{float: left; width: 90%; line-height: 1.4em; height: 1.4em; font-size: 1.4em; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list3 dl{float: left; width: calc((100%/2) - 4%); margin:0 2%;}
.lists .list3 dl dt{float: left; width: 100%; height: 80px; overflow: hidden; position: relative;}
.lists .list3 dl dt img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list3 dl dd{float: left; width: 100%; text-align: center; line-height: 2.5em;}
.lists .list3 dl dd a{font-size: 1.4em; color: #6c6c6c;}
.lists .list4{float:left; width: 90%; padding: 2em 5%; margin-top: 1.5em; background:#fff;}
.lists .list4 ol{ font-size: 2em; margin-bottom: 0.5em; border-left: 3px solid #28bb74; padding-left: 0.5em;}
.lists .list4 li{float: left; width: 50%; height: 2em; line-height: 2em;}
.lists .list4 li a{float: left; max-width:85%; display: inline-block; font-size: 1.4em; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list4 li a::before{content:"â–¸"; margin-right: 0.3em;}
.lists .list5{float: left; width: 100%; margin:6em 0 3em;}
.lists .list5 ol{float: left; width: 100%; margin-bottom: 1em;}
.lists .list5 ol p{float: left; width: 100%; font-size: 1.8em; color: #28bb74; display: inline-block;}
.lists .list5 .pdf{float: left; width: 94%; padding:0 3%; min-height: 500px; background:#fff;}
.lists .list5 .pdf p{float: left; width: 100%; border-bottom: 1px dashed #A2A2A2; padding:0.5em 0;}
.lists .list5 .pdf p:last-child{border-bottom-style: none;}
.lists .list5 .pdf p::before{float: left; display: inline-block; content:"\e63f"; margin-right: 0.3em; font-size:4em;}
.lists .list5 .pdf p a{float: left; display: inline-block; color:#333333; margin: 1.18em 0; font-size: 1.4em;}
.lists .list5 .pdf p a:hover{color:#28bb74;}
.lists .list5 li{float: left; width: calc((100%/2) - 1%); margin:1%;}
.lists .list5 li:nth-of-type(odd){margin-left: 0%;}
.lists .list5 li:nth-of-type(even){margin-right: 0%;}
.lists .list5 li dl dt{float: left; width: 25%; height:144px; position: relative; overflow: hidden; background:#cfcfcf;}
.lists .list5 li dl dt img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list5 li dl dd{float: left; width: 69%; height: 144px; padding: 0 3%; overflow: hidden; background: #fff;}
.lists .list5 li:hover>dl dt{background: #28bb74;}
.lists .list5 li dl dd p{float: left; width: 100%;}
.lists .list5 li dl dd p:nth-of-type(1){ font-size: 1.6em; color: #333333; padding: 1em 0; border-bottom: 1px solid #ededed;}
.lists .list5 li dl dd p:nth-of-type(1) a{font-size: 0.8em; color:#28bb74; display: inline-block; float: right;}
.lists .list5 li dl dd p:nth-of-type(1) a:hover{text-decoration:underline;}
.lists .list5 li dl dd p:nth-of-type(2){margin: 0.5em 0;}
.lists .list5 li dl dd p:nth-of-type(2) span{float: left; display: inline-block; margin-right: 0.5em; font-size: 1.4em; line-height: 1.9em; color:#666666;}
.lists .list5 li dl dd p:nth-of-type(2) span::before{content:"|"; margin-right:0.5em;}
.lists .list5 li dl dd p:nth-of-type(2) a{color:#666666;}
.lists .list5 li dl dd p:nth-of-type(2) a:hover{color:#28bb74;}
.lists .list6{float: left; width: 80%; margin:3em 0; padding: 0 10%;}
.lists .list6 li{float: left; width: calc((100%/2) - 3%); margin:0 3%;}
.lists .list6 li:nth-of-type(odd){margin-left: 0%;}
.lists .list6 li:nth-of-type(even){margin-right: 0%;}
.lists .list6 li dl{float: left; width:100%; margin: 0 -1px; border: 1px solid #28bb74; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px;}
.lists .list6 li dl dt,.lists .list6 li dl dd,.lists .list6 li dl db{float: left; width: 90%; padding: 0 5%;}
.lists .list6 li dl dt{ font-size: 1.8em; height: 3em; line-height: 3em; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../images/1139.png); }
.lists .list6 li dl dd{margin: 1em 0; min-height: 11.7em;}
.lists .list6 li dl dd p{ float: left; width: 93%; padding-left: 7%; line-height: 2em; font-size: 1.4em; background-image: url(../images/1140.png); background-repeat: no-repeat; background-position: left center; background-size: 19px auto; }
.lists .list6 li dl db a{float: left; width: 100%; background: #28bb74; line-height: 3em; height: 3em; font-size: 1.6em; margin-bottom: 1em; text-align: center; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px;}
.lists .list7{float: left; width: 100%; margin:3em 0;}
.lists .list7 .show{float: left; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap:1%; -webkit-column-gap:1%; -moz-column-gap:1%;}
.lists .list7 li{float: left; width: 100%; margin: 1% 0; break-inside: avoid; -webkit-column-break-inside: avoid; -moz-page-break-inside: avoid; background:#fff;}
.lists .list7 li dl{float: left; width: 90%; padding:3% 5%;}
.lists .list7 li dl dt,.lists .list7 li dl dd{float: left; width: 100%;}
.lists .list7 li dl dt{font-size: 1.8em; margin: 0 0 0.5em; color: #333333;}
.lists .list7 li dl dd{font-size: 1.4em; line-height: 1.6em; color: #707070;}
.lists .list7 li dl dd db{float: left; width: 100%;}
.lists .list7 li dl dd db a{float: left; display: inline-block; height: 2.5em; padding: 0 2em; line-height: 2.5em; background:#28bb74; color: #fff; margin-top: 3%; border-radius: 2.5em; -webkit-border-radius: 2.5em; -moz-border-radius: 2.5em; -o-border-radius:2.5em; -ms-border-radius: 2.5em;}
.lists .list8{float: left; width: 100%; margin: 2em 0;}
.lists .list8 form{float: left; width: 100%; background: #fff;}
.lists .list8 form:nth-of-type(1){padding-top: 3em;}
.lists .list8 form term{float: left; width: 100%; margin: 1em 0;}
.lists .list8 form term p{float: left;}
.lists .list8 form term p:nth-of-type(1){width: 20%; text-align: right; line-height: 2.5em; font-size: 1.6em; color: #333333;}
.lists .list8 form term p:nth-of-type(2){width: 80%; position:relative;}
.lists .list8 form term p:nth-of-type(2) speed{ float: left; width: 59.5%; position: absolute; left: 0; margin: 0 1%; bottom: 0;}
.lists .list8 form term p:nth-of-type(2) speed span{float: left; width:0; border-bottom: 2px solid #28bb74;}
.lists .list8 form term p input,.lists .list8 form term p textarea{ float: left; width: 58%; height: 2em; margin: 0 1%; padding: 0.5em; background: #f5f5f5; border: 1px solid #e2e2e2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px;}
.lists .list8 form term p textarea{height: 16em;}
.lists .list8 form term p span{float: left; width: 30%; font-size: 1.4em; color: #767676; line-height: 3em;}
.lists .list8 form term:nth-last-child(2) p span{line-height: 1.6em;}
.lists .list8 form term .must::before{content:"*"; color: #FF0004;}
.lists .list8 form #submitform{float: left; width: 20%; margin: 3em calc((100% - 20%)/2); background: #28bb74; line-height: 3em; height: 3em; font-size: 1.6em; text-align: center; color: #fff; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; -o-border-radius:3em; -ms-border-radius: 3em;}
.lists .list9{float: left; width: 98%; margin: 6em 0 1em; padding: 1%; background: #fff;}
.lists .list9 .left{float: left; width: 30%;}
.lists .list9 .left ol{ float: left; width: 100%; height: 352px; overflow: hidden; position: relative; border: 2px solid #f6f6f6; }
.lists .list9 .left ol img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list9 .left dl{float: left; width: 100%; position: relative; margin: 1em 0;}
.lists .list9 .left dl dt{float: left; height: 42px; line-height: 42px; text-align: center;}
.lists .list9 .left dl dt span{float: left; color:#6f6f6f; font-size: 1.4em; margin:0 0.5em;}
.lists .list9 .left dl dd{float: left; width:126px;}
.lists .list9 .left dl db{float: left; width: 52%; height: 42px; line-height: 42px; font-size: 1.4em; color:#6f6f6f; text-align: center;}
.lists .list9 .right{float:left; width: 70%;}
.lists .list9 .right dl{float: left; width:97%; margin:0 1% 0 2%;}
.lists .list9 .right dl dt{float: left; width:100%; margin: 1em 0;}
.lists .list9 .right dl dt span{font-size: 2.1em; color:#333333;}
.lists .list9 .right dl dt span:nth-of-type(2){ float: right; font-size: 1.4em; color:#999999; line-height: 2em; padding-left: 30px; background-image: url(../images/1121.png); background-repeat: no-repeat; background-position: left center; background-size: 24px auto; }
.lists .list9 .right dl dd{float: left; width:96%; background: #f6f7f8; padding: 2%;}
.lists .list9 .right dl dd p{float: left; width:100%; font-size: 1.4em; color:#444444; line-height: 2.5em;}
.lists .list9 .right dl db{float: left; width:100%; font-family:"iconfont"}
.lists .list9 .right dl db .flows{float: left; width:100%; margin: 1.8em 0;}
.lists .list9 .right dl db .flows span{margin-right: 0.5em; font-size: 1.4em; color: #cfd2d3;}
.lists .list9 .right dl db .flows span::before{margin-right: 0.1em;}
.lists .list9 .right dl db .flows span:nth-of-type(1)::before{content:"\e62b";}
.lists .list9 .right dl db .flows span:nth-of-type(2)::before{content:"\e62a";}
.lists .list9 .right dl db .flows span:nth-of-type(3)::before{content:"\e617";}
.lists .list9 .right dl db .flows span:nth-of-type(4)::before{content:"\e6b0";}
.lists .list9 .right dl db .inquiry{float: left; width:50%;}
.lists .list9 .right dl db .inquiry a{ float: left; width:calc(45% - 2px); margin-right: 5%; height: 45px; line-height: 45px; font-size: 1.8em; border: 1px solid #28bb74; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px; cursor: pointer;}
.lists .list9 .right dl db .inquiry a:nth-of-type(1){background: #28bb74; color: #fff;}
.lists .list9 .right dl db .inquiry a:nth-of-type(1):hover{background:#fff; color:#28bb74;}
.lists .list9 .right dl db .inquiry a:nth-of-type(2){color:#28bb74;}
.lists .list9 .right dl db .inquiry a:nth-of-type(2):hover{background: #28bb74; color: #fff;}
.lists .list9 .right dl db .hotline{float: left; width:50%;}
.lists .list9 .right dl db .hotline p{float: right; display: inline-block; line-height: 45px; height: 45px; font-size: 1.8em; color: #666666;}
.lists .list9 .right dl db .hotline p::before{content:"\e611"; padding: 0.3em; margin-right: 0.5em; color: #fff; background: #FF0004; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; -ms-border-radius: 5px;}
.lists .list9 .right dl db .hotline p span{color:#FF0004;}
.lists .list10{float: left; width: 100%; margin: 1em 0 3em;}
.lists .list10 .tab_box{float: left; width: 100%; background: #fff;}
.lists .list10 .tab_box .tab ul{float: left; width: 100%; border-bottom: 1px solid #eaeaea;}
.lists .list10 .tab_box .tab ul li{float: left; height: 3em; line-height: 3em; padding: 0 1em; position: relative; display: inline-block; text-align: center; font-size: 1.8em; color: #444444; border-bottom: 2px solid rgba(0,0,0,0.00); }
.lists .list10 .tab_box .tab ul .on{border-bottom-color: #28bb74; color:#28bb74;}
.lists .list10 .tab_box .tab ul .on::before{content:"â—¤"; position: absolute; bottom: -0.4em; left:calc((100% - 0.8em) / 2); float: left; width: 0.8em; height: 0.8em; line-height: 0.8em; display: inline-block; color:#28bb74; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.lists .list10 .tab_box .box{float: left; width: 96%; padding: 2%;}
.lists .list10 .tab_box .box main{float: left; width: 100%;}
.lists .list10 .tab_box .box main:nth-of-type(1) table{width: 100%; border-collapse: collapse; border: 1px solid #f0f0f0;}
.lists .list10 .tab_box .box main:nth-of-type(1) table tr{border: 1px solid #f0f0f0;}
.lists .list10 .tab_box .box main:nth-of-type(1) table tr td{width: 33.33%; border: 1px solid #f0f0f0; padding:1.5em; font-size: 1.4em;}
.lists .list10 .tab_box .box main:nth-of-type(1) table tr td span:first-child{float:left; width: 38%; color:#999999;}
.lists .list10 .tab_box .box main:nth-of-type(1) table tr td span:last-child{float:left; width: 62%; color:#333333;}
.lists .list10 .tab_box .box main:nth-of-type(1) table tr td font{color: #FF0004;}
.lists .list10 .tab_box .box main:nth-of-type(2) table{width: 100%; border-collapse: collapse; border: 1px solid #f0f0f0;}
.lists .list10 .tab_box .box main:nth-of-type(2) table tr{border: 1px solid #f0f0f0;}
.lists .list10 .tab_box .box main:nth-of-type(2) table tr td{border: 1px solid #f0f0f0; padding:1.5em; font-size: 1.4em; color: #666666;}
.lists .list10 .tab_box .box main:nth-of-type(2) table tr td p{line-height: 2em;}
.lists .list10 .tab_box .box main tips{float: left; color: #666666; font-size: 1.4em; margin: 1em 0 2em;}
.lists .list10 .tab_box .box main tips font{color: #FF0004;}
/*单页*/
.SinglePage{float: left; width:100%;}
.SinglePage .articles1{float: left; width:100%; margin: 4em 0 5em;}
.SinglePage .articles1 .left{float: left; width:18%; background:#fafafa; padding-bottom: 3em;}
.SinglePage .articles1 .left li a{float: left; width: 90%; padding: 0.8em 5%; font-size: 1.6em; color: #333333; text-align: center;}
.SinglePage .articles1 .left li a:hover{color: #fff; background: #28bb74;}
.SinglePage .articles1 .left .active a{color: #fff; background: #28bb74;}
.SinglePage .articles1 .right{float: left; width:82%; background:#fff;}
.SinglePage .articles1 .right word{width: 90%; margin:5%;}
.SinglePage .articles2{float: left; width:100%; margin: 5em 0;}
.SinglePage .articles2 .left{float: left; width:73%; margin-right: 2%; }
.SinglePage .articles2 .left .content{float: left; width: 100%; background:#fff;}
.SinglePage .articles2 .left word{width: 90%; margin:2% 5%;}
.SinglePage .articles2 .right{float: left; width:25%; padding-bottom: 3em;}
.SinglePage .articles2 .share{float: left; width: 90%; margin:0 5% 2em;}
.SinglePage .articles2 .share p{float: right; display: inline-block; font-size: 1.8em; color: #868686;}
.SinglePage .articles2 .other{float: left; width: 90%; margin:0 5% 5em; padding-top: 1em; border-top: 1px solid #ebebeb;}
.SinglePage .articles2 .other p{float: left; width: 50%; font-size: 1.4em; color: #333333;}
.SinglePage .articles2 .other p:nth-of-type(2){text-align:right;}
.SinglePage .articles2 .other p a{color: #666666;}
.SinglePage .articles2 .left .nav{float: left; width:96%; padding: 0 2%; margin-bottom: 1em; background: #fff;}
.SinglePage .articles2 .left .nav li{float: left; display: inline-block; position: relative; padding: 0 1em; text-align: center; font-size: 1.6em; line-height: 3em;}
.SinglePage .articles2 .left .nav li:hover::after{ content: ""; float: left; width: 100%; border-bottom: 2px solid #28bb74; position: absolute; bottom: 0; left: 0;}
.SinglePage .articles2 .left .nav .active::after{ content: ""; float: left; width: 100%; border-bottom: 2px solid #28bb74; position: absolute; bottom: 0; left: 0;}
.SinglePage .articles2 .left .nav li a{color:#333333;}
.SinglePage .articles2 .left .list{float: left; width: 94%; padding:0 3%; background:#fff;}
.SinglePage .articles2 .left .list li{ float: left; width: 100%; padding: 1.5em 0; border-bottom: 1px dotted #cccccc;}
.SinglePage .articles2 .left .list li:last-child{ border-bottom-style: none;}
.SinglePage .articles2 .left .list li p{float: left; width: 100%;}
.SinglePage .articles2 .left .list li p:nth-of-type(1){font-size: 1.8em;}
.SinglePage .articles2 .left .list li p:nth-of-type(1) a{color: #181818;}
.SinglePage .articles2 .left .list li p:nth-of-type(1) a:hover{color:#28bb74;}
.SinglePage .articles2 .left .list li p:nth-of-type(2){font-size: 1.4em; color:#6c6c6c; line-height: 1.6em; margin: 0.5em 0;}
.SinglePage .articles2 .left .list li p:nth-of-type(3){font-size: 1.4em; color:#c6c6c6; line-height: 1.6em;}
.SinglePage .articles2 .left .list form{width: 14%;}
.SinglePage .articles2 .left .list form input{height: 2.4em;}
/*查找*/
.LookUp{float: left; width: 100%; min-height: 500px; position: relative;}
.LookUp form{float: left; width: 100%; background: #fff; position: absolute; left: 0; top: -10%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
.LookUp form ul{float: left; width: 90%; margin: 5em 5% 0;}
.LookUp form ul li{float: left; width: calc((100%/3) - 4%); margin:1.5em 2%;}
.LookUp form ul li span{float: left; width: 21%; height: 3em; line-height: 3em; font-size: 1.6em; text-align: right; margin-right: 4%;}
.LookUp form ul li input{ float: left; width: 69%; height: 3.6em; background: #f5f5f5; padding: 0 3%; font-size: 1.4em; border: 1px solid #d3d3d3; margin: -1px;}
.LookUp form ul li select{ float: left; width: 75%; height: 3.6em; background-color: #f5f5f5; color: #757575; padding: 0 10% 0 2%; font-size: 1.4em; border: 1px solid #d3d3d3; margin: -1px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 95% center; background-image: url(../images/2683.png); background-size: 12px auto; } 
.LookUp form ul li select::-ms-expand { display: none; }
.LookUp form p{float: left; width: 30%; margin: 6em calc((100% - 30%)/2); text-align: center;}
.LookUp form p span{float: left; width: 42%; margin: 0 4%; color:#fff; background:#28bb74; font-size: 1.6em; line-height: 3em; height: 3em; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; -o-border-radius: 3em; -ms-border-radius: 3em; cursor: pointer;}
/*内容*/
word {min-height: 500px; float: left; font-size: 1.6em; line-height: 2em;}
word img{max-width: 100%;}
/*流程图*/
.FlowChart{float: left; width: 100%; margin: 3em 0; text-align: center;}
.FlowChart img{max-width:calc(100% + 0.1%);}
/*当前位置*/
.position{float: left; width: 100%; position: absolute; left: 0; top: 100%; z-index: 1; margin: 1em 0;}
.position p a{float: left; display: inline-block; font-size: 1.4em; line-height: 1.6em; color: #fff;}
.position p a:hover{color: #28bb74;}
.position p a::after{content: "\e641"; float: right; width: 2em; color: #fff; pointer-events: none; text-align: center; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.position .gray a{color: #333333;}
.position .gray a::after{color: #333333;}
/*大图*/
.picture{width: 100%; float: left; position: relative;}
.picture img{width: 100%;}
/*流程图*/
.flow{width: 100%; float: left; height: 130px; position: relative; overflow: hidden; background: #40cf84;}
.flow img{max-width: 100%; position: absolute; top: 0; left: 0; right: 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; border: 1px solid #d9d9d9; background:#fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.page a:hover{ background: #28bb74; color: #fff; border-color: #28bb74;}
.page .prev::after,.page .next::after{content:"\e641"; display: inline-block; font-family:'iconfont';}
.page .prev::after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.page .next::after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.page .active{background-color:#2c6e51; color:#fff;}
.page form{width: 10%; display: inline-block; text-align: left; margin-left: 1em;}
.page form span{display: inline-block; line-height: 3em; font-size: 1.4em; color: #828282; margin: 0 0.3em;}
.page form input{width: 3em; height: 2.7em; text-align: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
/*分享*/
.share a{ position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none }
.share .icon-tencent:before { content: "\f07a" }
.share .icon-qq:before { content: "\f11a" }
.share .icon-weibo:before { content: "\f12a" }
.share .icon-wechat:before { content: "\f09a" }
.share .icon-douban:before { content: "\f10a" }
.share .icon-heart:before { content: "\f20a" }
.share .icon-like:before { content: "\f00a" }
.share .icon-qzone:before { content: "\f08a" }
.share .icon-linkedin:before { content: "\f01a" }
.share .icon-diandian:before { content: "\f05a" }
.share .icon-facebook:before { content: "\f03a" }
.share .icon-google:before { content: "\f04a" }
.share .icon-twitter:before { content: "\f06a" }
.share .social-share-icon { position: relative; display: inline-block; width: 32px; height: 32px; font-size: 20px; border-radius: 50%; line-height: 32px; border: 1px solid #666; color: #666; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s }
.share .social-share-icon:hover { background: #666; color: #fff }
.share .icon-weibo { color: #ff763b; border-color: #ff763b }
.share .icon-weibo:hover { background: #ff763b }
.share .icon-tencent { color: #56b6e7; border-color: #56b6e7 }
.share .icon-tencent:hover { background: #56b6e7 }
.share .icon-qq { color: #56b6e7; border-color: #56b6e7 }
.share .icon-qq:hover { background: #56b6e7 }
.share .icon-qzone { color: #FDBE3D; border-color: #FDBE3D }
.share .icon-qzone:hover { background: #FDBE3D }
.share .icon-douban { color: #33b045; border-color: #33b045 }
.share .icon-douban:hover { background: #33b045 }
.share .icon-linkedin { color: #0077B5; border-color: #0077B5 }
.share .icon-linkedin:hover { background: #0077B5 }
.share .icon-facebook { color: #44619D; border-color: #44619D }
.share .icon-facebook:hover { background: #44619D }
.share .icon-google { color: #db4437; border-color: #db4437 }
.share .icon-google:hover { background: #db4437 }
.share .icon-twitter { color: #55acee; border-color: #55acee }
.share .icon-twitter:hover { background: #55acee }
.share .icon-diandian { color: #307DCA; border-color: #307DCA }
.share .icon-diandian:hover { background: #307DCA }
.share .icon-wechat { position: relative; color: #7bc549; border-color: #7bc549 }
.share .icon-wechat:hover { background: #7bc549 }
.share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms }
.share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px }
.share .icon-wechat .wechat-qrcode.bottom:after { display: none }
.share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 }
.share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto }
.share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important }
.share .icon-wechat .wechat-qrcode .help p {float: left; width: 100%; font-weight: normal; line-height: 16px; font-size: 14px; padding: 0; margin: 0 }
.share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent }
.share .icon-wechat:hover .wechat-qrcode { display: block }
/*高级筛选*/
retrieval{float: left; width: 100%;}
retrieval .choice{float: left; width: 100%; margin: 6em 0 1em;}
retrieval .choice span{float: left; display: inline-block; line-height: 2.3em; font-size: 1.4em;}
retrieval .choice a{float: left; display: inline-block; padding: 0.3em; font-size: 1.4em; line-height: 1.6em; color:#28bb74; border: 1px solid #28bb74; margin:0 0.2em; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; pointer-events: none;}
retrieval .choice a::after{content:"×"; font-size: 1.2em; margin-left: 0.2em; pointer-events: auto; cursor: pointer;}
retrieval .choice #reset{background:#28bb74; color: #fff;}
retrieval form{float: left; width: 98%; padding: 1%; background: #fff;}
retrieval form .tab_box{float: left; width: 100%; background: #f5f5f5;}
retrieval form .tab_box .tab{float: left; width: 10%; max-height: 500px;}
retrieval form .tab_box .tab ul{float: left; width: 100%; height: 100%; background:#f5f5f5; padding: 1em 0;}
retrieval form .tab_box .tab ul li{ float: left; width:calc(80% - 5px); height: 2.5em; line-height: 2.5em; margin-left: 10%; padding-left: 10%; font-size: 1.4em; color: #666666; border-left: 5px solid rgba(0,0,0,0.00); }
retrieval form .tab_box .tab ul .on{border-left-color: #28bb74; background: #fff;}
retrieval form .tab_box .box{float: right; width: 90%; min-height: 100px; background: #fff;}
retrieval form .tab_box .box term{float: left; width: 98%; margin: 1em 0 1em 2%;}
retrieval form .tab_box .box term .list:nth-of-type(1){float: left; width: 5%;}
retrieval form .tab_box .box term .list:nth-of-type(1) li{float: left; width: 98%;}
retrieval form .tab_box .box term .list:nth-of-type(2){float: left; width: 95%;}
retrieval form .tab_box .box term .list li{float: left; width: calc((100%/7) - 2%); margin:0 1%; font-size: 1.2em;}
retrieval form .tab_box .box term .list li a{float: left; display: inline-block; color: #666666; padding: 0.5em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
retrieval form .tab_box .box term .list li a:hover{color: #28bb74;}
retrieval form .tab_box .box term .list .active a{background: #28bb74; color: #fff;}
retrieval form .tab_box .box term .list .active a:hover{color: #fff;}
retrieval form .tab_box .box term .list li label{float: left; display: inline-block; cursor: pointer; color: #666666; padding:0.1em 0.2em; line-height: 25px; font-size: 1.1em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
retrieval form .tab_box .box term .list li label:hover{color: #28bb74;}
retrieval form .tab_box .box term .list li label input{display: none;}
retrieval form .tab_box .box term .list li .active{background: #28bb74; color: #fff;}
retrieval form .tab_box .box term .list li .active:hover{color: #fff;}

retrieval form .tab_box .box term .list2{float: left; width: 100%;}
retrieval form .tab_box .box term .list2 li{float: left; width: 100%; margin: 0.2em -1px; background: #f5f5f5; border: 1px solid #f3f3f3; position: relative;}
retrieval form .tab_box .box term .list2 li select{float: left; width:13%; height: 35px; padding: 0 2% 0 1%; color: #757575; font-size: 1.2em; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 95% center; background-image: url(../images/2683.png); background-size: 12px auto;}
retrieval form .tab_box .box term .list2 li select::-ms-expand {display: none;}
retrieval form .tab_box .box term .list2 li>div{float: right; width: 84%; background: #fff; padding: 0 3% 0 0; min-height: 35px;}
retrieval form .tab_box .box term .list2 li>p::after{content:"×"; float: right; position: absolute; right:1%; top: 5px; font-size: 1.8em; cursor: pointer; pointer-events: auto;}
retrieval form .tab_box .box term .list2 li label{float: left; margin:5px 0.3em; font-size: 1.2em;}
retrieval form .tab_box .box term .list2 li label input{display: none;}
retrieval form .tab_box .box term .list2 li label{float: left; display: inline-block; color: #666666; padding: 0 0.5em; line-height: 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
retrieval form .tab_box .box term .list2 li label:hover{color: #28bb74;}
retrieval form .tab_box .box term .list2 li .active{background: #28bb74; color: #fff;}
retrieval form .tab_box .box term .list2 li .active:hover{color: #fff;}
retrieval form .tab_box .box term dl{float: left; width: 100%;margin: 1em 0;}
retrieval form .tab_box .box term dl dt{float: left; height: 3em; line-height: 3em; padding: 0 1em; margin: 0 0.3em; text-align: center; color: #757575; background: #f5f5f5; font-size: 1.2em; cursor: pointer;}
retrieval form .tab_box .box term dl dt:nth-of-type(2){background:#a9a9a9;}
retrieval form .tab_box .box term dl dt:nth-of-type(3){background:#28bb74;}
retrieval form .tab_box .box term dl dt a{color: #fff;}
retrieval form .tabbox{float: left; width: 100%; background: #f5f5f5;}
retrieval form .tabbox .tab{float: left; width: 10%; max-height: 500px;}
retrieval form .tabbox .tab ul{float: left; width: 100%; height: 100%; background:#f5f5f5;}
retrieval form .tabbox .tab ul li{ float: left; width:calc(80% - 5px); height: 2.5em; line-height: 2.5em; margin-left: 10%; padding-left: 10%; font-size: 1.4em; color: #666666; border-left: 5px solid rgba(0,0,0,0.00); }
retrieval form .tabbox .box{float: right; width: 90%; background: #fff;}
retrieval form .tabbox .box term{float: left; width: 98%; margin-left: 2%;}
retrieval form .tabbox .box term .list{float: left; width: 100%;}
retrieval form .tabbox .box term .list li{float: left; display: inline-block; font-size: 1.2em; margin: 0.5em 0;}
retrieval form .tabbox .box term .list .wide{float: left; width: 100%; margin: 0.2em -1px;}
retrieval form .tabbox .box term .list li select{float: left; width:13%; height: 2.5em; padding: 0 2% 0 1%; margin-right: 0.5em; color: #757575; font-size: 1.2em; border: 1px solid #f3f3f3; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 95% center; background-image: url(../images/2683.png); background-size: 12px auto;}
retrieval form .tabbox .box term .list li select::-ms-expand {display: none;}
retrieval form .tabbox .box term .list li>div{float: right; width: 84%; background: #fff; padding: 0.2em 3% 0.2em 0; min-height: 2.1em; position: relative; pointer-events: none;}
retrieval form .tabbox .box term .list li>div::after{content:"×"; float: right; position: absolute; right:1%; font-size: 1.8em; cursor: pointer; pointer-events: auto;}
retrieval form .tabbox .box term .list li label{float: left; display: inline-block; cursor: pointer; color: #666666; font-size: 1.1em; padding: 0 0.5em; line-height: 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
retrieval form .tabbox .box term .list li label:hover{color: #28bb74;}
retrieval form .tabbox .box term .list li label input{display: none;}
retrieval form .tabbox .box term .list .active a{background: #28bb74; color: #fff;}
retrieval form .tabbox .box term .list .active a:hover{color: #fff;}
retrieval form .tabbox .box term .list li .active{background: #28bb74; color: #fff;}
retrieval form .tabbox .box term .list li .active:hover{color: #fff;}
/*弹出窗口*/
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: 20%; height: 300px; position: absolute; left:calc((100% - 20%)/2); top: calc((100% - 300px)/2); background:#fff; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
/*询价*/
.enquire{float: left; width: 100%;}
.enquire h3{float: left; width: 100%; height: 3em; line-height: 3em; text-align: center; font-size: 2em; font-weight: inherit; color:#FFF; background: #28bb74; margin-bottom: 1em;}
.enquire input{ float: left; width: 78%; margin: 0.5em 10%; padding: 0 1%; height: 3em; border: 1px solid #d2d2d2; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.enquire span{float: left; width: 100%; line-height: 2em; font-size: 1.4em; color: #ff7200; text-align: center;}
.enquire p{float: left; width: 75%; margin: 0.5em calc((100% - 75%)/2) 0; height: 3em; line-height: 3em; text-align: center; font-size: 1.6em; color: #fff; background: #28bb74; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; -o-border-radius: 3em; -ms-border-radius: 3em; cursor:pointer;}
/*底部导航*/
footer{width: 100%; float: left; background: #2d2e32;}
footer .about{width: 100%; float: left; margin-top:5em;}
footer .about .nav{width: 50%; float: left;}
footer .about .nav ul{float: left; width: calc((100%/4) - 20px); margin:0 10px;}
footer .about .nav ul li{font-size:1.4em; line-height: 2em;}
footer .about .nav ul li a{color:#797979;}
footer .about .nav ul li a:hover{text-decoration: underline; color: #fff;}
footer .about .nav ul li:first-child{font-size:1.8em; line-height: inherit; margin-bottom: 0.5em;}
footer .about .nav ul li:first-child a{color: #fff;}
footer .about .nav ul li:first-child a:hover{text-decoration: none;}
footer .qrcode{width: 15%; height: 130px; float: left; position: relative; overflow: hidden;}
footer .qrcode img{max-height: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
footer .contact{ width:calc(29% - 1px); float: left; padding-left: 3%; margin-left: 3%; border-left: 1px solid #4d4d51; }
footer .contact font,footer .contact span,footer .contact p{width: 100%; float: left;}
footer .contact font{font-size: 1.8em; color: #fff;}
footer .contact span{font-size: 2.5em; margin: 0.3em 0 0.8em; color: #fff;}
footer .contact p{font-size: 1.4em; color: #797979; line-height: 1.8em;}
footer .copyright{width: 100%; float: left; margin: 5em 0 2em;}
footer .copyright .links p{width: 100%; float: left; text-align: center; font-size: 1.4em; color: #797979; margin: 0.2em 0;}
footer .copyright .links p a{color: #797979; margin: 0 5px;}
footer .copyright .links p a:hover{text-decoration:underline; color: #fff;}
footer .copyright .clear{width: 100%; float: left; text-align: center; margin-top: 1em;}
footer .copyright .clear li{display: inline-block;}
footer .copyright .clear li a{float: left; width: 120px; height: 50px; position: relative; overflow: hidden;}
footer .copyright .clear li a img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
/*客服*/
.quick{ position: fixed; width: 5em; right: 0.9%; top: 50%; margin-top: -200px; z-index: 100;}
.quick ul li{width: 100%; height: 5em; float: left; margin: 0.5px 0; background: #949494; position: relative; color: #fff; font-size:1.4em; text-align: center; transition: all .3s; cursor: pointer }
.quick ul li::before{float: left; width: 100%; font-size: 2.8em; height: 1em; padding-top: 0.06em; text-align: center; font-family:"iconfont"}
.quick ul li:nth-of-type(1)::before{content: "\e61a";}
.quick ul li:nth-of-type(1) p{width: 12em; display: none; color: #333333; text-align: left; position: absolute; left: -12em; top:0; background: #fff;}
.quick ul li:nth-of-type(1) p span{float: left; width: 100%; height: 3.5em; line-height: 3.5em; font-size:1.1em;}
.quick ul li:nth-of-type(1) p span::after{content:""; float: left; width:30px; height:30px; margin:calc((3.5em - 30px)/2) 10px; background-size: 90% auto; background-position: center center; background-image: url(/public/static/modules/cms/images/qq.png); background-repeat: no-repeat; }
.quick ul li:nth-of-type(1) p span:hover{background:#28bb74; color: #fff;}
.quick ul li:nth-of-type(1):hover p{display: block;}
.quick ul li:nth-of-type(2)::before{content: "\e611";}
.quick ul li:nth-of-type(2) p{width: 12em; display: none; color: #333333; text-align: left; position: absolute; left: -12em; top:0; background: #fff;}
.quick ul li:nth-of-type(2) p span{float: left; width: 100%; height: 3.5em; line-height: 3.5em; font-size:1.1em; text-align: center;}
.quick ul li:nth-of-type(2) p span:hover{background:#28bb74; color: #fff;}
.quick ul li:nth-of-type(2):hover p{display: block;}
.quick ul li:nth-of-type(3)::before{content: "\e601";}
.quick ul li:nth-of-type(3) ol{float: left; width: 13em; display: none; color: #363636; text-align: center; position: absolute; left:-13em; top: 0; background: #fff;}
.quick ul li:nth-of-type(3) ol p{float: left; width: 100%; height: 160px; position: relative; overflow: hidden;}
.quick ul li:nth-of-type(3) ol p img{max-width: 100%; position: absolute; left:0; right: 0; bottom: 0; margin: auto;}
.quick ul li:nth-of-type(3) ol span{float: left; width: 100%; font-size: 1em; height: 3em; line-height: 3em;}
.quick ul li:nth-of-type(3):hover ol{display: block!important; animation: fadein 1s}
.quick ul li:nth-of-type(4)::before{content: "\e664";}
.quick ul li:hover{ background: #28bb74; color: #fff;}