@font-face {
  font-family:'ico';  
  src: url('/font/iconfont.eot');
  src: url('/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('/font/iconfont.ttf') format('truetype'),
  url('/font/iconfont.svg#ico') format('svg');
}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body, html{height: 100%; font-family: "Arial","Microsoft YaHei","微软雅黑","黑体","宋体","ico",sans-serif; -webkit-tap-highlight-color: transparent;}
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;-o-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;}
body.off{overflow: hidden;}
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; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
a{text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
div.empty{float: left; width: 100%; height: 300px; line-height: 300px; font-size:3em; color: #474747; text-align: center;}
/*定义主体*/
whole{float: left; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
whole.grid:nth-of-type(odd){background:#ffffff; background-position: center center; background-size: cover; background-repeat: no-repeat;}
whole.grid:nth-of-type(even){background:#f5f5f5; background-position: center center; background-size: cover; background-repeat: no-repeat;}
whole.tone1{background:#414141;}
whole.tone2{background:#393939;}
whole.tone3{background:#343434;}
whole.tone4{background:#f9f9f9;}
whole.tone5{background:#033e8c;}
/*定义内容大小*/
section{width:1200px; margin:0 auto;}
section div.content{float: left; width: 80%; margin:2em 0; padding:0 10%; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
section div.content.s1{width:94%; padding:0 3%;}
section div.content.s1 form ul.message{float: left; width:600px; margin:2em calc((100% - 600px)/2);}
section div.content.s1 form ul.message li{float: left; width: 100%; margin:1em 0; height:3.5em; line-height: 3.5em;}
section div.content.s1 form ul.message li:nth-of-type(4){height:auto;}
section div.content.s1 form ul.message li span{float: left; width:calc(20% - 10px); margin-right:10px; font-size:1.6em; text-align: right;}
section div.content.s1 form ul.message li span::before{content:"*"; margin-right:0.5em; color: #FF0004;}
section div.content.s1 form ul.message li:nth-of-type(2) span::before{content:none;}
section div.content.s1 form ul.message li input{float: left; width:calc(80% - (3%*2)); padding:0 3%; height:100%; font-size:1.4em;}
section div.content.s1 form ul.message li textarea{float: left; width:calc(80% - (2%*2)); padding:2%; height:100px; font-size:1.68em; line-height: 1.6em;}
section div.content.s1 form ul.message li input,section div.content.s1 form ul.message li textarea{ border: 1px solid #aaaaaa; margin:-1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
section div.content.s1 form ul.message li input.notice,section div.content.s1 form ul.message li textarea.notice{border-color: #FF0004;}
section div.content.s1 form ul.message li:nth-of-type(5) input{width:30%;}
section div.content.s1 form ul.message li #container{ float: left; width: 20%; height: 100%; overflow: hidden; margin: -1px 0.5em; border: 1px solid #CBCBCB; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
section div.content.s1 form div#submit{float: left; margin:0.5em 0 0.5em 20%; padding:0.5em 2em; background:#15408f; color:#fff; font-size: 1.6em; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; cursor: pointer;}
section div.content.s1 form div#submit:hover{background:#3165a2;}
section div.content.s1 text{float: left; width: 100%; border-top: 1px solid #e8e7ea; padding:2em 0; font-size: 1.4em; overflow:hidden;}
section div.sketch{float: left; width: 100%; margin-top:2em; line-height: 1.8em; font-size: 1.6em; color:#333333;}
/*矩阵展示，框架主体居中*/
.DivCenter{display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}/*框架居中，换行*/
.DivCenter1{display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}/*框架两边对齐，不换行*/
.DivCenter2{display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}/*框架居中，不换行*/
.DivCenter3{display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}/*框架两边对齐，换行*/
/*头部外联广告图片*/
header{float: left; width: 100%; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
header div.image{float: left; width: 100%; height:3vw; overflow: hidden; position: relative;}
header div.image img{width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index:1;}
header div.image a{pointer-events: auto;}
header div.image p{position:absolute; z-index: 2; right:20%; top: 0; display: inline-block;}
header div.image p::before{content:"✕"; float: left; width: 12px; height: 12px; line-height: 12px; font-size:12px; background:#d6e7c2; color:#FF0004; text-align: center; cursor: pointer;}
/*头部导航*/
header menu{float: left; width: 100%; position: relative;}
header menu nav{width: 1200px; margin: 0 auto;}
header menu nav .logo{float: left; width: 18%; height:80px; position: relative; overflow: hidden;}
header menu nav .logo img{max-width:100%; position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
header menu nav ul{float: left; margin-left: 20%; display:inline-block;}
header menu nav ul li{float: left; margin:0 1em;}
header menu nav ul li a{float: left; font-size: 1.6em; line-height: 80px; color:#333333; position: relative;}
header menu nav ul li a:hover::before{content: ""; position: absolute; bottom:0; left: 0; right: 0; border-bottom: 3px solid #15408f;}
header menu nav ul li.active a::before{content: ""; position: absolute; bottom:0; left: 0; right: 0; border-bottom: 3px solid #15408f;}
header menu nav ul li>ul{display: none; margin: 0; position: absolute; top: 80px; left: 0; right: 0; z-index: 99; background:#ededed; padding:2em 0;}
header menu nav ul li:hover>ul{display: block;}
header menu nav ul li>ul ol{width:1200px; margin:0 auto;}
header menu nav ul li>ul ol li{float: none; display: inline-block; margin: 5px; background:#fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
header menu nav ul li>ul ol li:hover{background:#9aabca;}
header menu nav ul li>ul ol li.active{background:#9aabca;}
header menu nav ul li>ul ol li a{padding:0 1em; line-height: 35px; font-size: 1.4em;}
header menu nav ul li>ul ol li a:hover::before{content:none;}
header menu nav ul li.active>ul ol li a::before{content:none;}
header menu nav ul li>ul ol li a:hover{color: #fff;}

header div.hotline{float: right; width: 20%; margin: 15px 0;}
header div.hotline p{float: left; width: 100%; font-size:1.8em; line-height: 25px; color: #9f6f37; text-align: center;}
header div.hotline p:nth-of-type(1)::before{content:"\e61e";}
header div.hotline p:nth-of-type(2){font-weight:700;}
/*banner图*/
.banner{width: 100%; float: left; overflow-x: hidden;}
.banner,.banner .box,.banner .box li,.banner .box li ol{float: left; width: 100%; position: relative;}
.banner .box li{float: left; width: 100%; height: 70vh;}
.banner .box li a{ float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .trail{width: 100%; float: left; position: absolute; bottom: 5%; text-align: center;}
.banner .trail li{width: 10px; height:10px; line-height:100em; overflow: hidden; margin: 0 0.5em; display: inline-block; border: 1px solid #d7e5f6; background: #d7e5f6; cursor: pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.banner .trail .on{ background: #15408f; border-color: #15408f; }
/*大图*/
.picture{width: 100%; float: left;}
.picture a{width: 100%; height:19vw; float: left; position: relative; overflow: hidden;}
.picture a::after{content:""; position: absolute; left:0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.30); z-index:1;}
.picture a img {max-width: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.picture a div.theme{position: absolute; z-index:2;}
.picture a.s1{height: 30vh;}
/*位置*/
.position{float: left; width: 100%; font-size: 1.4em; line-height: 2.5em; padding: 0.5em 0;}
.position a,.position span{float: left; display:inline-block; color:#888888;}
.position a::after{content: "\e632"; display:inline-block; margin: 0 0.1em;}
.position a:last-child::after{content:none;}
.position a:hover{color: #9bacca;}
.position span.s1{margin-left:1%}
.position span.s2{margin-left:3%}
/*搜索*/
.search{float: left; width: 100%;}
.search form{float:left; width:100%; position: relative; background: #f0f0f0; border-radius:3em; -webkit-border-radius:3em; -moz-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em;}
.search form input{float: left; width: 85%; height: 3em; font-size: 1.4em; line-height: 3em; padding-left:5%;}
.search form div::before{content:"\e63b"; float: left; position: absolute; right:3%; top:calc((100% - 1em)/2); font-size: 2em; cursor: pointer; font-weight: 700; color:#333333;}
.search form div:hover::before{color:#15408f;}
/*搜索栏*/
.lookup{float: left; width: 100%; margin: 1em 0;}
.lookup .theme{width:50%; margin:2em 0;}
.lookup dl{float: right; width:50%;}
.lookup dl dt,.lookup dl dd{float: left; width: 100%;}
.lookup dl dt{margin-top: 1em;}
.lookup dl dt ul{float: left; width:100%; display: flex; display:-webkit-flex; justify-content:flex-end; align-items: center; flex-wrap: nowrap;}
.lookup dl dt ul li{margin-left: 1em;}
.lookup dl dt ul li a{float: left; display: inline-block; color:#333333;}
.lookup dl dt ul li a:hover{color: #9aabca;}
.lookup dl dt ul li a span{float: left; width:2em; height:2em; line-height:2em; font-size: 1.4em; overflow: hidden; position: relative;}
.lookup dl dt ul li a span:last-child{margin-left: 0.5em; width: auto;}
.lookup dl dt ul li a span img{max-width: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.lookup dl dt ul li a:hover>span img{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
.lookup dl dd{margin:1em 0;}
.lookup dl dd div.search{float: right; width: 70%;}
/*标题*/
.theme{float: left; width: 100%;}
.theme p{float: left; width: 100%; line-height:1.6em; color:#454545;}
.theme p:nth-of-type(1){font-size: 2em; font-weight:700;}
.theme p:nth-of-type(2){font-size: 1.4em; color: #878787;}
.theme.t0 h1,.theme.t0 p{float: left; width: 100%; line-height:1.6em; color:#454545;}
.theme.t0 h1{font-size: 2em; font-weight:700;}
.theme.t0 p{font-size: 1.4em; color: #878787; font-weight:inherit;}
.theme.t1 p{text-align: center; line-height: 1.6em;}
.theme.t1 p:nth-of-type(1){font-size:2.5em; font-weight:700;}
.theme.t1 p:nth-of-type(2){font-size: 1.6em;}
.theme.t1.c1 p{color: #fff;}
.theme.t2{width:1200px; left:calc((100% - 1200px)/2); margin-top:4vw;}
.theme.t2 p{color:#fff; width: 98%; margin: 0 1%;}
.theme.t2 p:nth-of-type(1){font-size:3.5em; line-height: 1.5em;}
.theme.t2 p:nth-of-type(2){font-size:1.8em; line-height: 1em;}
.theme.t2 p:nth-of-type(3){font-size:1.4em; margin-top:1.5vw;}
.theme.t3{margin-top:7vw;}
.theme.t3 p{text-align: center; color:#fff;}
.theme.t3 p:nth-of-type(1){font-size:5em;}
.theme.t3 p:nth-of-type(2){font-size:1.8em;}
.theme.t4{margin-top:4vw;}
.theme.t4 p{text-align: center; color:#fff; line-height: 1.6em;}
.theme.t4 p:nth-of-type(1){font-size:6em; font-weight:700; line-height: 1.3em; text-shadow:5px 2px 6px #000; -webkit-text-shadow:5px 2px 6px #000; -moz-text-shadow:5px 2px 6px #000; -o-text-shadow:5px 2px 6px #000; -ms-text-shadow:5px 2px 6px #000;}
.theme.t4 p:nth-of-type(2){font-size:1.6em; margin-top: 1em;}
.theme.t4 p:nth-of-type(2) span{background: rgba(0,0,0,0.50); padding: 0.5em 1em; border-radius:3em; -webkit-border-radius:3em; -moz-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em;}
.theme.t4 p:nth-of-type(3){font-size: 2.5em; font-weight: 700; color:rgba(255,255,255,0.50); margin-top:1vw;}
.theme.t5{width: 45%; left:calc((100% - 45%)/2); margin-top:3vw;}
.theme.t5 p{text-align: center; color: #fff;}
.theme.t5 p:nth-of-type(1){font-size: 6em; font-weight: 700;}
.theme.t5 p:nth-of-type(2){font-size: 2.5em; margin:0 0 1.5vw;}

.theme.l1 p{text-align: center;}
.theme.l1 p:nth-of-type(1){font-size: 3em; font-weight: inherit;}
.theme.l1 p:nth-of-type(2){margin-top: 0.8em;}
.theme.l2 p{text-align: center;}
.theme.l2 p:nth-of-type(1){font-size: 3em; font-weight: inherit;}
.theme.l2 p:nth-of-type(2){font-size: 1.6em;}

.theme.s1{margin-top: 2em;}
.theme.s1 p{font-size:1.6em; padding:1em 0; border-bottom: 1px solid #e8e7ea; font-weight: inherit; color:#333333;}
.theme.s1 p font{color:#FF0004;}
/*宫格化展示列表*/
.gongge{width: 100%; float: left; position: relative;}
.gongge .list1{width: 100%; float: left; margin:2em 0;}
.gongge .list1 .term{width:calc(100%/3 - 1.5%); float: left; margin: 1.12%; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.gongge .list1 .term:nth-of-type(3n+1){margin-left:0;}
.gongge .list1 .term:nth-of-type(3n+3){margin-right:0;}
.gongge .list1 .term ol{float: left; width:100%; height:120px; overflow: hidden; position: relative;}
.gongge .list1 .term ol img{width: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list1 .term ol div.title{float: left; width:90%; padding:5%; position: absolute;}
.gongge .list1 .term ol div.title p{float: left; color:#fff;}
.gongge .list1 .term ol div.title h2{float: left; display: inline-block; font-size:2.5em; font-weight:700;}
.gongge .list1 .term ol div.title h2 a{color:#fff;}
.gongge .list1 .term ol div.title h2 a:hover{text-shadow:5px 2px 6px #000; -webkit-text-shadow:5px 2px 6px #000; -moz-text-shadow:5px 2px 6px #000; -o-text-shadow:5px 2px 6px #000; -ms-text-shadow:5px 2px 6px #000;}
.gongge .list1 .term ol div.title p:nth-of-type(1){display: inline-block; margin-left:3%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list1 .term ol div.title p:nth-of-type(1) span{float: left; display: inline-block; clear: both;}
.gongge .list1 .term ol div.title p:nth-of-type(1) span:first-child{font-size: 1.6em; font-weight:700;}
.gongge .list1 .term ol div.title p:nth-of-type(1) span:last-child{margin-top:0.2em; font-size: 0.12em;}
.gongge .list1 .term ol div.title p:nth-of-type(2){width: 100%; font-size:1.4em; margin-top:30px; position: relative;}
.gongge .list1 .term ol div.title p:nth-of-type(2)::after{ content: ""; position: absolute; top:-60%; left:2px; width:1.5em; border-bottom: 2px solid #fff;}
.gongge .list1 .term:hover>ol div.title h2 a{color:#ef8536;}
.gongge .list1 .term:hover>ol div.title p:nth-of-type(1){color:#ef8536;}
.gongge .list1 .term ul{float: left; width: 90%; margin:1em 5%;}
.gongge .list1 .term ul li{float: left; width:calc(100%/2 - 4%); height: 20px; line-height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding:1%; margin:1%; text-align: center; font-size: 1.4em; background: #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);}
.gongge .list1 .term ul li a{color: #333333;}
.gongge .list1 .term ul li:hover a{color: #fff;}
.gongge .list1 .term div.tone{float: left; width: 100%; text-align: center; padding: 0.5em 0;}
.gongge .list1 .term div.tone a{color:#fff; font-size: 1.2em;}
.gongge .list1 .term:nth-of-type(1) div.tone{background:#2a5dbb;}
.gongge .list1 .term:nth-of-type(1) ul li:hover{background:#2a5dbb;}
.gongge .list1 .term:nth-of-type(2) div.tone{background:#ef8536;}
.gongge .list1 .term:nth-of-type(2) ul li:hover{background:#ef8536;}
.gongge .list1 .term:nth-of-type(3) div.tone{background:#1dae65;}
.gongge .list1 .term:nth-of-type(3) ul li:hover{background:#1dae65;}
.gongge .list1 .term:nth-of-type(4) div.tone{background:#fa4747}
.gongge .list1 .term:nth-of-type(4) ul li:hover{background:#fa4747;}
.gongge .list1 .term:nth-of-type(5) div.tone{background:#29b3ab;}
.gongge .list1 .term:nth-of-type(5) ul li:hover{background:#29b3ab;}
.gongge .list1 .term:nth-of-type(6) div.tone{background:#4b7fde;}
.gongge .list1 .term:nth-of-type(6) ul li:hover{background:#4b7fde;}
.gongge .list2{width: 100%; float: left; margin:2em 0 1em;}
.gongge .list2 .theme p{text-align: center; margin-bottom: 1em; font-size:3em; font-weight: inherit;}
.gongge .list2 li{float: left; width: calc(100%/4 - 2%); margin: 1% 1.33%; padding:1em 0; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); border-radius:10em; -webkit-border-radius:10em; -moz-border-radius:10em; -o-border-radius:10em; -ms-border-radius:10em;}
.gongge .list2 li:nth-of-type(4n+1){margin-left:0;}
.gongge .list2 li:nth-of-type(4n+4){margin-right:0;}
.gongge .list2 li p{float:left; color:#333333;}
.gongge .list2 li p:nth-of-type(1){width: 30%}
.gongge .list2 li p:nth-of-type(1) span{float: left; width: 60px; height: 60px; margin:0 calc((100% - 60px)/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 .list2 li p:nth-of-type(1) span img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list2 li p:nth-of-type(2){width: 70%}
.gongge .list2 li p:nth-of-type(2) span{float: left; width: 90%;}
.gongge .list2 li p:nth-of-type(2) span:first-child{font-size:1.6em;}
.gongge .list2 li p:nth-of-type(2) span:last-child{font-size:1.2em; margin-top:5px; height: 34px; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.gongge .list2 li:hover{background: #2253ad;}
.gongge .list2 li:hover p{color:#fff;}
.gongge .list3{width: 100%; float: left; margin-bottom: 2em;}
.gongge .list3 li{float: left; width: calc(100%/4 - 1%); margin:0.5%; padding:0.8em 0; box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongge .list3 li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongge .list3 li dl{float: left; width: 92%; margin:0 4%;}
.gongge .list3 li dl dt,.gongge .list3 li dl dt{float: left; width: 100%;}
.gongge .list3 li dl dt{margin-bottom:0.8em; height: 2em; line-height: 2em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gongge .list3 li dl dt a{color:#333333; font-size: 1.6em;}
.gongge .list3 li dl dt a:hover{color:#15408f;}
.gongge .list3 li dl dd p{float: left;}
.gongge .list3 li dl dd p:nth-of-type(1){width: 40%; height: 70px; overflow: hidden; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongge .list3 li dl dd p:nth-of-type(1) img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list3 li dl dd p:nth-of-type(2){width: 55%; margin-left: 5%;}
.gongge .list3 li dl dd p:nth-of-type(2) span{float: left; width: 100%; height:3em; line-height: 1.6em; font-size: 1.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.gongge .list3 li dl dd p:nth-of-type(2) a{float: left; display: inline-block; padding:0.3em 1em; margin-top: 0.8em; font-size: 1.2em; color:#fff; background: #26c8fe;}
.gongge .list4{width: 100%; float: left; margin:3em 0 2em;}
.gongge .list4 .theme{margin-bottom: 3em;}
.gongge .list4 div.image{float: left; width:20%; height: 438px; position: relative;}
.gongge .list4 div.image img{width: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list4 ul{float: left; width:79%; margin-left: 1%; background:#fff;}
.gongge .list4 ul li{float: left; width: calc(100%/3); height:calc(438px/2); margin: -1px; border: 1px solid #e8e8e8; position: relative;}
.gongge .list4 ul li a{float: left; width:100%; height:100%;}
.gongge .list4 ul li a:hover{box-shadow:0px 0px 30px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 30px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 30px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 30px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 30px 2px rgba(0,0,0,0.1);}
.gongge .list4 ul li a dl{float: left; width:80%; margin:10%;}
.gongge .list4 ul li a dl dt{float: left; width: 100%;}
.gongge .list4 ul li a dl dt p{float: left; width: 100%;}
.gongge .list4 ul li a dl dt p:nth-of-type(1){font-size: 1.8em; font-weight: 700; color:#333333;}
.gongge .list4 ul li a dl dt p:nth-of-type(1) a{color:#333333;}
.gongge .list4 ul li a dl dt p:nth-of-type(1) a:hover{color:#2253ad;}
.gongge .list4 ul li a dl dt p:nth-of-type(2){font-size: 1.4em; margin-top: 1em; color: #666666;}
.gongge .list4 ul li a dl dd{float: left; width: 50%; height: 80px; position: absolute; bottom: 5%; right: 5%;}
.gongge .list4 ul li a dl dd ol{float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.gongge .list4 ul li a dl dd ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list4 ul li a dl db{display: none;}
.gongge .list4 ul li a dl db span{float: left; padding:0.5em 1em; font-size: 1.4em; background:#2253ad; color: #fff; position:absolute; bottom:17%; left:10%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.gongge .list4 ul li a:hover>dl db{display: block;}
.gongge .list4 ul li a:hover>dl dt p:nth-of-type(1){color:#2253ad;}
.gongge .list5{width: 100%; float: left; margin:3em 0 2em;}
.gongge .list5 div.map{float: left; width:1023px; height: 522px; position: relative; margin:2em calc((100% - 1023px)/2) 0; background-repeat: no-repeat; background-position: center center; background-size:auto 100%;}
.gongge .list5 div.map p{position:absolute; width:10px; height: 10px; margin:0; padding: 0; cursor: pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; background:#0b1d83;}
.gongge .list5 div.map p span{ position: absolute; display: inline-block;}
.gongge .list5 div.map p span a{ white-space: nowrap; padding:0.5em 1em; background:#0b1d83; color: #fff; font-size:1.4em; border: 2px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.gongge .list5 div.map p span a::after{content:""; position: absolute; width:22px; height:9px; background-repeat: no-repeat; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list5 div.map p:hover{background:#258714;}
.gongge .list5 div.map p:hover>span a{background:#258714;}
/*左上*/
.gongge .list5 div.map p.s1 span{top: -2.8em; right:0.9em;}
.gongge .list5 div.map p.s1 span a::after{bottom:-1.05em; right:0; background-image: url(/images/img/001.png);}
.gongge .list5 div.map p.s1:hover>span a::after{background-image: url(/images/img/002.png);}
/*右上*/
.gongge .list5 div.map p.s2 span{top: -2.8em; left:0.9em;}
.gongge .list5 div.map p.s2 span a::after{bottom:-1.05em; left:0; background-image: url(/images/img/003.png);}
.gongge .list5 div.map p.s2:hover>span a::after{background-image: url(/images/img/004.png);}
/*左下*/
.gongge .list5 div.map p.s3 span{bottom: -2.8em; right:0.9em;}
.gongge .list5 div.map p.s3 span a::after{top:-1em; right:0; background-image: url(/images/img/003.png); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.gongge .list5 div.map p.s3:hover>span a::after{background-image: url(/images/img/004.png);}
/*右下*/
.gongge .list5 div.map p.s4 span{bottom: -2.8em; left:0.9em;}
.gongge .list5 div.map p.s4 span a::after{top:-1em; left:0; background-image: url(/images/img/001.png); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.gongge .list5 div.map p.s4:hover>span a::after{background-image: url(/images/img/002.png);}
/*ie模式下微调*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.gongge .list5 div.map p.s1 span a::after{bottom:-1.25em;}
.gongge .list5 div.map p.s2 span a::after{bottom:-1.25em;}
.gongge .list5 div.map p.s3 span a::after{top:-1.1em;}
.gongge .list5 div.map p.s4 span a::after{top:-1.1em;}
}
.gongge .list6{float: left; width:100%; margin:2em 0;}
.gongge .list6 .theme{margin-bottom:2em;}
.gongge .list6 .roll{float: left; width: 90%; padding: 0 5%; position: relative;}
.gongge .list6 .roll ul li{float: left; width:calc(100%/5); height: 60px; position: relative; overflow: hidden;}
.gongge .list6 .roll ul li img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list6 .roll span{width: 3em; height: 3em; line-height: 3em; position: absolute; top: calc((100% - (3em - 1px))/2); cursor: pointer; color: #d0d0d0; border: 1px solid #d0d0d0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.gongge .list6 .roll span:nth-of-type(1){left:0;}
.gongge .list6 .roll span:nth-of-type(2){right:0;}
.gongge .list6 .roll span::before{ content: "\e62b"; display: inline-block; font-size: 2.5em; float: left; width: 100%; text-align: center;}
.gongge .list6 .roll span:hover{ color: #2253ad; border-color: #2253ad;}
.gongge .list6 .roll span:nth-of-type(1)::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.gongge .list6 .roll span:nth-of-type(2)::before{transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.gongge .list6 .roll.style1{width: 94%; padding: 0 3%;}
.gongge .list6 .roll.style1 ul li{position: inherit; overflow:inherit; height: auto;}
.gongge .list6 .roll.style1 ul li ol{float: left; width: 90%; margin:1em 5%; height:300px; position: relative; overflow: hidden; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.gongge .list6 .roll.style1 ul li ol img{max-width:100%; position: absolute; left:3%; right: 3%; top: 2%; bottom:3.5em; margin: auto;}
.gongge .list6 .roll.style1 ul li ol p{position:absolute; width: 100%; height:2.5em; line-height:2.5em; font-size: 1.6em; text-align: center; left: 0; bottom: 0; background:#fff;}
.gongge .list6 .roll.style1 ul li ol p a{color:#333333;}
.gongge .list6 .roll.style1 span{border-style: none; height:5em; line-height:5em; top:calc((100% - 5em)/2);}
.gongge .list6 .roll.style1 span::before{content:"\e632"; font-size: 5em;}
.gongge .list7{width: 100%; float: left; margin: 2em 0; padding-top:12px; max-height:466px; overflow: hidden;}
.gongge .list7.on{max-height:inherit;}
.gongge .list7 li{width:calc(100%/4 - 2%); margin:1%; height: 130px; float: left; position: relative;}
.gongge .list7 li dl{position: absolute; z-index:1; left: 0; top:0; right: 0; bottom: 0; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.gongge .list7 li dl a{float:left; width:100%; height: 100%;}
.gongge .list7 li dl dt{float: left; width: 65%; margin:1.5em 30% 1.5em 5%;}
.gongge .list7 li dl dt p{float: left; width: 100%;}
.gongge .list7 li dl dt p a{color:#333333;}
.gongge .list7 li dl dt p a:hover{color:#29b3ab;}
.gongge .list7 li dl dt p:nth-of-type(1){font-size: 1.6em; font-weight: 700; color:#333333;}
.gongge .list7 li dl dt p:nth-of-type(2){font-size: 1.2em; line-height: 1.6em; color:#999999; margin-top: 0.5em;}
.gongge .list7 li dl dd{position:absolute; width: 8em; height: 8em; overflow: hidden; bottom:0; right:0; background:#f0f6ff; border-radius:8em 0 0 0; -webkit-border-radius:8em 0 0 0; -moz-border-radius:8em 0 0 0; -o-border-radius:8em 0 0 0; -ms-border-radius:8em 0 0 0;}
.gongge .list7 li dl dd img{width:120%; position: absolute; right:-20%; bottom:-20%; margin: auto;}
.gongge .list7 li span{position: absolute; z-index: 0; left: 0; bottom: 30px; width: 100%; height:30px; line-height:30px; overflow: hidden; text-align: center; font-size: 1.4em; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list7 li span a{color:#fff;}
.gongge .list7 li:hover>dl{top:-15px; bottom:15px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list7 li:hover>span{bottom: -15px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge .list7.s1{margin:0 0 3em; overflow:inherit; padding:inherit; max-height:inherit;}
.gongge .list7 div.state{float: left; width: 98%; margin:3em 1%; padding:1em 0; border-bottom: 1px solid #e7e7e7; }
.gongge .list7 div.state span{display: inline-block; font-size: 1.6em; color:#333333;}
.gongge .list7 div.state span:nth-of-type(1){font-size:2.3em; margin:0 0.8em;}
.gongge .list7 div.state span:nth-of-type(3){color: #FF0004; font-weight: 700;}
.gongge .list7.s2{max-height:220px;}
.gongge .list7.s2 .theme{margin-bottom:2em;}
.gongge .list7.s2.on{max-height:inherit;}
.gongge .list7.s3{margin: 2em 0;}
.gongge .list7.s3 .theme{margin-bottom:2em;}
.gongge .list7.s3 li{width:calc(100%/3 - 2%); margin:1%;}
.gongge .list7.s3 li dl{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongge .list7.s3 li dl dt{width: 60%; margin:1.5em 0 1.5em 5%;}
.gongge .list7.s3 li dl dt p:nth-of-type(2){height:76px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.gongge .list7.s3 li dl dd{float: left; width: 30%; margin-left: 5%; height:80px; position: relative; margin:calc((130px - 80px)/2) 0; background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0;}
.gongge .list7.s3 li dl dd img{max-width:66%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list7.s3 li:hover>dl{top:0; bottom:0;}
.gongge .list7.s3 .remind{float: left; width: 100%; font-size:1.4em; color: #f55a1d; text-align: center; margin: 2em 0 1em;}

.gongge .list8{float: left; width:100%; margin:2em 0;}
.gongge .list8 ul{float: left; width:100%; margin-top: 1em; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.gongge .list8 ul li{width:calc(100%/5); margin:1em 0; display: inline-block; position: relative;}
.gongge .list8 ul li ol{float: left; width:190px; height: 190px; margin:0 calc((100% - 190px)/2); overflow: hidden; position: relative; background: #fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.gongge .list8 ul li ol a{float: left; width: 100%; height: 100%;}
.gongge .list8 ul li ol img{width:100%; position: absolute; left:0; right: 0; top: 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 .list8 ul li ol: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 .list8 ul li p{float: left; width:100%; font-size: 1.6em; line-height:3em; text-align: center;}
.gongge .list8 ul li p a{color:#4a4a4a;}
.gongge .list9{float: left; width:100%; margin:2em 0;}
.gongge .list9 .theme{margin-bottom:2.5em;}
.gongge .list9 li{float: left; width:calc(100%/3 - 3%); margin:0 1.5%;}
.gongge .list9 li p,.gongge .list9 li ol{float: left; width: 100%; text-align: center;}
.gongge .list9 li p:nth-of-type(1){height: 80px; position: relative; overflow: hidden;}
.gongge .list9 li p:nth-of-type(1) img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list9 li p:nth-of-type(2){font-size:1.8em; font-weight: 700;}
.gongge .list9 li p:nth-of-type(2) a{color:#333333;}
.gongge .list9 li p:nth-of-type(2) a:hover{color:#2253ad;}
.gongge .list9 li p:nth-of-type(3){width: 90%; padding:0 5%; font-size: 1.4em; line-height: 1.8em; color: #7f7f7f; margin: 5px 0;}
.gongge .list9 li ol{height:160px; position: relative; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.gongge .list9 li ol img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list9.h1 li{margin:1.5%;}
.gongge .list9.h1 li ol{height:200px;}
.gongge .list9.h1 li ol span{position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; font-size:1.4em; color:#fff; background: rgba(0,0,0,0.50);}
.gongge .list10{float: left; width:100%; margin:2em 0;}
.gongge .list10 .theme{margin-bottom:1.5em;}
.gongge .list10 li{float: left; width:calc(100%/5 - 2%); margin:1%; padding:calc(1%/5); height: 80px; overflow: hidden; position: relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.gongge .list10 li:nth-of-type(5n+1){margin-left:0;}
.gongge .list10 li:nth-of-type(5n+5){margin-right:0;}
.gongge .list10 li img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.gongge .list10.s1 li{height:100px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.gongge .list10.s1 li p{float: left; width:90%; margin:0 5%;}
.gongge .list10.s1 li p:nth-of-type(1){font-size:1.8em; font-weight: 700; font-style:oblique; margin-top: 0.5em;}
.gongge .list10.s1 li p:nth-of-type(2){font-size:1.4em; height: 2.8em; overflow: hidden; color:#666666; margin-top:0.8em;}
.gongge .list10.s2{float: left; width:100%; margin:2em 0;}
.gongge .list10.s2 ul{float: left; width:100%; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.gongge .list10.s2 ul li{float: left; width:39%; margin: 2% 5%; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none;}
.gongge .list10.s2 ul li p{float: left; width: 100%;}
.gongge .list10.s2 ul li p:nth-of-type(1){font-size: 1.8em; position: relative; padding-bottom:0.8em;}
.gongge .list10.s2 ul li p:nth-of-type(1)::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 6px; height: 6px; border: 1px solid #00a0e9; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.gongge .list10.s2 ul li p:nth-of-type(1)::before{content: ""; position: absolute; left: 8px; right: 0; bottom:calc((6px - 1px)/2); border-bottom: 1px solid #00a0e9;}
.gongge .list10.s2 ul li p:nth-of-type(2){font-size: 1.4em; margin-top:0.5em;}

.gongge more{float: left; width: 100%; height: 2em; line-height: 2em; font-size: 1.4em; position: relative; margin: 1em 0 2em;}
.gongge more span{width: 8em; position: absolute; left: calc((100% - 8em)/2); background:#ebebeb; text-align: center; cursor: pointer; border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -o-border-radius:2em; -ms-border-radius:2em;}
.gongge more span::after{content:"\e632"; display: inline-block; margin: 0 0.2em; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge more span.active::after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.gongge more::before{content:""; position: absolute; width: 43%; border-bottom: 1px solid #e5e5e5; left:0;}
.gongge more::after{content:""; position: absolute; width: 43%; border-bottom: 1px solid #e5e5e5; right:0;}
.gongge more::before,.gongge more::after{top:calc((100% - 1px)/2);}
/*列表展示*/
.lists .list1{ float: left; width: 100%; padding: 1em 0; margin:0 -1px 3em; border: 1px solid #e8e8e8; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
.lists .list1 li{float: left; width:calc(100%/4 - 2%); padding: 0 1%; font-size: 1.4em; line-height: 2em; height: 2em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list1 li a{float: left; display: inline-block; color:#333333;}
.lists .list1 li a:hover{color:#2253ad;}
.lists .list1 li a::before{content:"♦"; color:#2253ad; font-size:1.3em; margin-right:0.5em;}
.lists .list2{float: left; width: 100%; margin: 3em 0;}
.lists .list2 div.theme{margin-bottom: 3em;}
.lists .list2 div.left{width: 32%; padding:3%; float: left; overflow-x: hidden; position: relative; background: #fff; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list2 div.left .box li{float: left; width: 100%; position: relative;}
.lists .list2 div.left .box li ol{float: left; width: 100%; height:300px; overflow: hidden; position: relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.lists .list2 div.left .box li ol img{width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list2 div.left .trail{float: left; display: inline-block; left: 7%; position: absolute; bottom: 5%; text-align: center;}
.lists .list2 div.left .trail li{width:5px; height:5px; line-height:100em; overflow: hidden; margin: 0 0.1em; display: inline-block; border: 1px solid #474747; background: #474747; cursor: pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.lists .list2 div.left .trail .on{ background: #15408f; border-color: #15408f; }
.lists .list2 div.left .box li dl dt{float: left; width: 80%;}
.lists .list2 div.left .box li dl dt p{float: left; width: 100%;}
.lists .list2 div.left .box li dl dt p:nth-of-type(1){font-size: 1.8em; height: 1.4em; font-weight: 700; margin:0.8em 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list2 div.left .box li dl dt p:nth-of-type(1) a{color: #333333;}
.lists .list2 div.left .box li dl dt p:nth-of-type(1) a:hover{color: #2253ad;}
.lists .list2 div.left .box li dl dt p:nth-of-type(2){font-size: 1.4em; height:3.1em; line-height:1.6em; overflow: hidden; margin-bottom:1.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.lists .list2 div.left .box li dl dt p:nth-of-type(2) a{color: #7b7b7b;}
.lists .list2 div.left .box li dl dt p:nth-of-type(2) a:hover{color: #2253ad;}
.lists .list2 div.left .box li dl dd{float: left; width:18%; margin:0.8em 1%;}
.lists .list2 div.left .box li dl dd p{float: left; width:100%; color:#fff; background:#2253ad; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.lists .list2 div.left .box li dl dd p span{float: left; width:100%;}
.lists .list2 div.left .box li dl dd p span:nth-of-type(1){font-size: 5em;}
.lists .list2 div.left .box li dl dd p span:nth-of-type(2){font-size: 1.4em; margin-bottom:0.8em;}
.lists .list2 div.right{float: left; width:60%; margin-left:2%;}
.lists .list2 div.right ul{float: left; width:100%;}
.lists .list2 div.right ul li{float: left; width: 94%; padding:2% 3%; margin-bottom:2%; background: #fff;}
.lists .list2 div.right ul li:last-child{margin-bottom:0;}
.lists .list2 div.right ul li dl{float: left; width: 100%;}
.lists .list2 div.right ul li dl dt{float: left; width: 30%; height:126px; overflow: hidden; position: relative;}
.lists .list2 div.right ul li dl dt img{width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list2 div.right ul li dl dd{float: left; width: 67%; margin-left: 3%;}
.lists .list2 div.right ul li dl dd p{float: left; width:100%;}
.lists .list2 div.right ul li dl dd p:nth-of-type(1){font-size: 1.8em; height: 1.4em; font-weight: 700; margin: 0.5em 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list2 div.right ul li dl dd p:nth-of-type(1) a{color: #333333;}
.lists .list2 div.right ul li dl dd p:nth-of-type(1) a:hover{color: #2253ad;}
.lists .list2 div.right ul li dl dd p:nth-of-type(2){font-size: 1.4em; height:3.1em; line-height:1.6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.lists .list2 div.right ul li dl dd p:nth-of-type(2) a{color: #7b7b7b;}
.lists .list2 div.right ul li dl dd p:nth-of-type(2) a:hover{color: #2253ad;}
.lists .list2 div.right ul li dl dd p:nth-of-type(3){font-size: 1.4em; color: #7b7b7b; margin-top:1.2em;}
.lists .list2 div.more{float: left; width: 100%; margin-top: 3em;}
.lists .list2 div.more a{float: left; width: 15%; margin:0 calc((100% - 15%)/2); background:#80a2ca; color:#fff; font-size: 1.6em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius:3em; -webkit-border-radius:3em; -moz-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em;}
.lists .list2 div.more a:hover{background:#2253ad;}
.lists .list3 div.tab_box{float: left; width: 100%; margin-bottom: 1em;}
.lists .list3 div.tab_box div.tab ul{float: left; width: 100%; margin-bottom: 1em;}
.lists .list3 div.tab_box div.tab ul li{float: left; display: inline-block; padding:0.5em 1em; border: 1px solid #2253ad; color: #2253ad; margin-right:1em; font-size: 1.4em;}
.lists .list3 div.tab_box div.tab ul li a{color: #2253ad;}
.lists .list3 div.tab_box div.tab ul li a:hover{color: #fff;}
.lists .list3 div.tab_box div.tab ul li.on{background:#2253ad; color: #fff;}
.lists .list3 div.tab_box div.tab ul li.on a{color: #fff;}
.lists .list3 div.tab_box div.box ul{float: left; width: 100%;}
.lists .list3 div.tab_box div.box ul li{float: left; display: inline-block; margin:0.5em; font-size: 1.4em;}
.lists .list3 div.tab_box div.box ul li a{color:#999999;}
.lists .list3 div.tab_box div.box ul li a:hover{color: #2253ad;}
.lists .list4{float: left; width: 100%; margin:3em 0;}
.lists .list4 div.left{float: right; width: 25%;}
.lists .list4 div.left ul{float: left; width: 100%; padding-bottom:1em; margin-bottom:2em; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list4 div.left ul:last-child{margin-bottom: 0;}
.lists .list4 div.left ul div.theme{float: left; width:80%; padding:1em 10%; background:#f5f5f5; margin-bottom: 1em;}
.lists .list4 div.left ul div.theme p:nth-of-type(1){font-size: 1.6em;}
.lists .list4 div.left ul.l1 li{float: left; width:80%; padding:0.5em 10%;}
.lists .list4 div.left ul.l1 li a{float: left; width:94%; padding: 0 3%; font-size: 1.5em; height:2.8em; line-height:2.8em; color: #333333; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.lists .list4 div.left ul.l1 li:hover a{background:#9bacca; color: #fff;}
.lists .list4 div.left ul.l1 li:hover a::after{content:"\e632"; float: right; color: #fff;}
.lists .list4 div.left ul.l1 li.active a{background:#9bacca; color: #fff;}
.lists .list4 div.left ul.l1 li.active a::after{content:"\e632"; float: right; color: #fff;}
.lists .list4 div.left ul.l2 li{float: left; width:90%; padding:0.5em 5%; font-size: 1.6em; height: 1.4em; line-height: 1.4em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list4 div.left ul.l2 li span{margin:0 1em 0 0.5em;}
.lists .list4 div.left ul.l2 li a{color:#333333;}
.lists .list4 div.left ul.l2 li:hover>a{color: #2253ad;}
.lists .list4 div.left ul.l2 li:hover>span{color: #2253ad;}
.lists .list4 div.left ul.l3 li{float: left; width:94%; margin:1% 3%; height: 40px; line-height:40px; text-align: center; background:#2253ad; font-size: 1.6em;}
.lists .list4 div.left ul.l3 li span{margin:0 1em 0 0.5em;}
.lists .list4 div.left ul.l3 li a{float: left; width: 80%; height: 100%; padding: 0 10%; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list4 div.left ul.l3 li a:hover{color: #9bacca;}
.lists .list4 div.left ul.l3 li:nth-of-type(2){width:calc(49% - 3%); margin-right:1%;}
.lists .list4 div.left ul.l3 li:nth-of-type(3){width:calc(49% - 3%); margin-left:1%;}
.lists .list4 div.left ul.l3 li:nth-of-type(6){width:calc(49% - 3%); margin-right:1%;}
.lists .list4 div.left ul.l3 li:nth-of-type(7){width:calc(49% - 3%); margin-left:1%;}
.lists .list4 div.left ul.l4{padding-bottom:0;}
.lists .list4 div.left ul.l4 li{float: left; width:100%; overflow: hidden; }
.lists .list4 div.left ul.l4 li img{float: left; width:100%;}
.lists .list4 div.right{float:left; width: 73%; margin-right: 2%; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list4 div.right div.position{background:#f5f5f5;}
.lists .list4 div.right ul{float: left; width: 100%;}
.lists .list4 div.right ul li{ float: left; width: 94%; padding:3% 0; margin: 0 3%; background: #fff; border-bottom: 1px solid #e4e4e4; }
.lists .list4 div.right ul li dl{float: left; width: 100%;}
.lists .list4 div.right ul li dl dt{float: left; width: 25%; height:126px; overflow: hidden; position: relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.lists .list4 div.right ul li dl dt img{width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list4 div.right ul li dl dd{float: left; width: 72%; margin-left: 3%;}
.lists .list4 div.right ul li dl dd p{float: left; width:100%;}
.lists .list4 div.right ul li dl dd p:nth-of-type(1){font-size: 1.8em; height: 1.4em; font-weight: 700; margin: 0.5em 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list4 div.right ul li dl dd p:nth-of-type(1) a{color: #333333;}
.lists .list4 div.right ul li dl dd p:nth-of-type(1) a:hover{color: #2253ad;}
.lists .list4 div.right ul li dl dd p:nth-of-type(2){font-size: 1.4em; height:3.1em; line-height:1.6em; color: #7b7b7b; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.lists .list4 div.right ul li dl dd p:nth-of-type(2) a{color: #7b7b7b;}
.lists .list4 div.right ul li dl dd p:nth-of-type(2) a:hover{color: #2253ad;}
.lists .list4 div.right ul li dl dd p:nth-of-type(3){font-size: 1.4em; color: #7b7b7b; margin-top:1.2em;}
.lists .list4 div.right div.theme{width: 94%; padding:3em 0; margin: 0 3%;}
.lists .list4 div.right div.theme p{text-align: center;}
.lists .list4 div.right div.theme p:nth-of-type(1){font-size:2em}
.lists .list4 div.right div.theme p:nth-of-type(2){margin-top:1em;}
.lists .list4 div.right div.theme p:nth-of-type(2) span{margin-right:10px;}
.lists .list4 div.right div.theme p:nth-of-type(2) span:last-child{margin-right:0;}
.lists .list4 div.right word{width: 94%; margin: 0 3%; border-top:1px solid #e4e4e4; overflow: hidden;}
.lists .list4 div.right div.PrevNext{float: left; width: 94%; margin:0 3%; padding:2em 0; border-top:1px solid #e4e4e4;}
.lists .list4 div.right div.PrevNext p{float: left; width: 42%; height: 1.4em; font-size: 1.4em; color: #666666; background:#f0f0f0; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list4 div.right div.PrevNext p::after{content:"\e632"; width:1em; height:1em; position: absolute; font-size:1.4em; display: inline-block; color:#dedede;}
.lists .list4 div.right div.PrevNext p:nth-of-type(1){margin-right: 1%; padding:1em 2% 1em 5%;}
.lists .list4 div.right div.PrevNext p:nth-of-type(1)::after{left:3%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.lists .list4 div.right div.PrevNext p:nth-of-type(2){margin-left: 1%; padding:1em 5% 1em 2%;}
.lists .list4 div.right div.PrevNext p:nth-of-type(2)::after{right:3%;}
.lists .list4 div.right div.PrevNext a{color: #666666;}
.lists .list4 div.right div.PrevNext a:hover{color:#9bacca;}
.lists .list4.s1 div.right{margin-left:0; margin-right:2%;}
.lists .list5{float: left; width: 98%; margin:3em 1% 0;}
.lists .list5 li{float: left;}
.lists .list5 li:nth-of-type(1){width: 60%; font-size: 1.6em; line-height:2em;}
.lists .list5 li:nth-of-type(2){width: 37%; height:252px; overflow: hidden; margin-left: 3%; position: relative; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list5 li:nth-of-type(2) img{width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list6{float: left; width: 100%;}
.lists .list6 div.tab ul{float: left; width: 100%; text-align: center;}
.lists .list6 div.tab ul li{display:inline-block; margin:0 1em; padding:0.5em 0; font-size: 2.5em; position: relative;}
.lists .list6 div.tab ul li a{color:#333333;}
.lists .list6 div.tab ul li.on::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid #2253ad;}
.lists .list6 div.tab ul li.on a{color:#2253ad;}
.lists .list6 div.box term{float: left; width: 100%; margin:3em 0;}
.lists .list6 div.box term ul.l1{float: left; width:30%; margin:0.6em 0; background:#f8f8f8;}
.lists .list6 div.box term ul.l1 li{float: left; width:100%;}
.lists .list6 div.box term ul.l1 li p{float: left; width: 92%; margin:0 4%;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(1){width: 100%; margin:0; height:169px; overflow: hidden; position: relative;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(1) img{width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(2){font-size: 1.6em; height:3em; line-height:3em; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(2) a{color:#333333;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(2) a:hover{color:#2253ad;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(3){font-size: 1.4em; margin-bottom: 1em; min-height:75px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(3) a{color:#666666;}
.lists .list6 div.box term ul.l1 li p:nth-of-type(3) a:hover{color:#222222;}
.lists .list6 div.box term ul.l2{float: left; width:67%; margin-left: 3%;}
.lists .list6 div.box term ul.l2 li{float: left; width:calc(100%/2 - 2%); margin:7px 2%; background:#f8f8f8;}
.lists .list6 div.box term ul.l2 li dl{float: left; width: 94%; margin:3%;}
.lists .list6 div.box term ul.l2 li dl dt{float: left; width:20%; padding:1em 0;}
.lists .list6 div.box term ul.l2 li dl dt p{float:left; width: 100%; text-align: center; color: #fff;}
.lists .list6 div.box term ul.l2 li dl dt p:nth-of-type(1){font-size:2em; font-weight: 700;}
.lists .list6 div.box term ul.l2 li dl dt p:nth-of-type(2){font-size: 1.4em; margin-top:0.5em;}
.lists .list6 div.box term ul.l2 li dl dd{float: left; width:77%; margin-left:3%;}
.lists .list6 div.box term ul.l2 li dl dd p{float: left; width:100%;}
.lists .list6 div.box term ul.l2 li dl dd p:nth-of-type(1){font-size: 1.6em; height:25px; line-height:25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list6 div.box term ul.l2 li dl dd p:nth-of-type(1) a{color:#333333;}
.lists .list6 div.box term ul.l2 li dl dd p:nth-of-type(2){font-size: 1.4em; height:38px; line-height:1.4em; margin-top:5px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.lists .list6 div.box term ul.l2 li dl dd p:nth-of-type(2) a{color: #999999;}
.lists .list6 div.box term ul.l2 li dl dd p:nth-of-type(2) a:hover{color:#222222;}
.lists .list6 div.box term ul.l2 li:nth-of-type(2n+1){margin-left:0;}
.lists .list6 div.box term ul.l2 li:nth-of-type(2n+2){margin-right:0;}
.lists .list7{float: left; width: 100%; margin: 3em 0;}
.lists .list7 .theme{margin-bottom:1em;}
.lists .list7 li{float: left; width:calc(100%/3 - 3.5%); margin:calc(1.5%/2); padding:0.5% 1.25%; background: #fff; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list7 li:nth-of-type(3n+1){margin-left:0;}
.lists .list7 li:nth-of-type(3n+3){margin-right:0;}
.lists .list7 li a{float: left; width: 100%; height: 100%;}
.lists .list7 li p{float: left; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin: 5px 0; font-size:1.4em; text-overflow:ellipsis; white-space: nowrap;}
.lists .list7 li p:nth-of-type(1){color: #333333; font-size: 1.4em}
.lists .list7 li p::before{float: left; width: 20px; height: 20px; margin-right:10px; 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 li p:nth-of-type(1)::before{content:"Q"; background: #2253ad;}
.lists .list7 li p:nth-of-type(2){color: #333333;}
.lists .list7 li p:nth-of-type(2)::before{content:"A"; background: #ff6e00;}
.lists .list7 li p:nth-of-type(3){text-align: right;}
.lists .list7 li p:nth-of-type(3){color: #2253ad;}
.lists .list7 li p a:hover{color:#2253ad;}
.lists .list8{float: left; width: 100%; margin:3em 0;}
.lists .list8 .theme{margin-bottom:1em;}
.lists .list8 div.text{float: left; width: 100%; margin-top: 1em;}
.lists .list8 div.text p{float: left; width: 100%; text-align: center; font-size: 1.6em; line-height: 2em;}
.lists .list8 div.text p:nth-of-type(1){font-weight: 700;}
.lists .list8 div.text p:nth-of-type(2){margin-bottom: 2em;}
.lists .list8 div.text p:nth-of-type(3) img{max-width:100%;}
.lists .list9{float: left; width: 100%;}
.lists .list9 div.term{float: left; width: 100%; margin-top: 1em;}
.lists .list9 div.term ul{display: inline-block; width: calc(100%/3 - 10% - 4px); min-height:189px; padding-bottom:1em; margin:2em 5%; border: 2px solid #3463b9; box-shadow:0px 10px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 10px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 10px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 10px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 10px 10px 2px rgba(0,0,0,0.1); border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -o-border-radius:2em; -ms-border-radius:2em; overflow: hidden;}
.lists .list9 div.term ul li{float: left; width: 100%; height:25px; line-height: 25px;}
.lists .list9 div.term ul li:first-child{font-size:1.8em; height:45px; line-height:45px; font-weight: 700; background:#3463b9; text-align: center; color:#fff; margin-bottom:0.8em;}
.lists .list9 div.term ul li a{font-size: 1.4em; color:#666666;}
.lists .list9 div.term ul li a::before{content:"◤"; font-size:1.2em; margin:0 0.8em; display: inline-block; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg);}
.lists .list9.s1{margin:3em 0;}
.lists .list9.s1 div.term ul{ width: calc(100%/3 - 2%); min-height:300px; margin: 2em 1%; border-style: none;}
.lists .list9.s1 div.term ul li{height:30px; line-height: 30px;}
.lists .list9.s1 div.term ul li:first-child{font-size:1.8em; height:50px; line-height: 50px; font-weight: 700; background:#dd2e35; text-align: center; color:#fff; margin-bottom:0.8em;}
.lists .list9.s1 div.term ul li a{font-size: 1.6em; color:#333333;}
.lists .list9.s1 div.term ul li a::before{content:"\e633"; color:#4ebc88; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.lists .list9.s2{margin:3em 0;}
.lists .list9.s2 .theme p{color:#fff;}
.lists .list9.s2 div.term ul{width: calc((100%/2 - 2% - 4%) + (2%/2)); min-height:300px; margin: 2em 1%; padding:1em 2%; background-color: rgba(255,255,255,0.50); border-style: none; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.lists .list9.s2 div.term ul:nth-of-type(2n+1){margin-left:0;}
.lists .list9.s2 div.term ul:nth-of-type(2n+2){margin-right:0;}
.lists .list9.s2 div.term ul li{height:auto; line-height: 45px; font-size: 1.4em;}
.lists .list9.s2 div.term ul li:first-child{background:none; margin:0; font-weight: inherit; font-size: 1.4em; color:#333333; text-align: inherit;}
.lists .list9.s2 div.term ul li a{float: left; width: 10%;}
.lists .list9.s2 div.term ul li a::before{content:"\e633"; color:#4ebc88; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.lists .list9.s2 div.term ul li p{float: left; width: 90%;}
.lists .list10{float: left; width: 100%; margin-bottom: 2em;}
.lists .list10 .theme{margin-bottom:1.5em;}
.lists .list10 li{float: left; width:calc(100%/2 - 4%); margin:2%; padding:calc(2%/2);}
.lists .list10 li:nth-of-type(2n+1){margin-left:0;}
.lists .list10 li:nth-of-type(2n+2){margin-right:0;}
.lists .list10 li dl{float: left; width: 100%;}
.lists .list10 li dl dt{float: left; width: 25%; height:140px; position:relative; overflow:hidden;}
.lists .list10 li dl dt img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.lists .list10 li dl dd{float: left; width:72%; margin-left:3%;}
.lists .list10 li dl dd p{float: left; width: 100%;}
.lists .list10 li dl dd p:nth-of-type(1){font-size:1.8em; height: 25px; line-height: 25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lists .list10 li dl dd p:nth-of-type(1) a{color:#333333;}
.lists .list10 li dl dd p:nth-of-type(1) a:hover{color:#2253ad;}
.lists .list10 li dl dd p:nth-of-type(2){font-size: 1.4em; height: 68px; overflow: hidden; color:#666666; line-height:1.6em; margin-top: 5px;}
.lists .list10 li dl dd p:nth-of-type(3){font-size: 1.4em; margin-top:10px;}
.lists .list10 li dl dd p:nth-of-type(3) a{display: inline-block; background:#2253ad; color: #fff; padding: 0.3em 1em; margin:0 0.5em; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.lists .list10 li dl dd p:nth-of-type(3) a:first-child{margin-left:0;}
.lists .list10 li dl dd p:nth-of-type(3) a:first-child{margin-right:0;}
.lists .list11{float: left; width:100%; margin: 3em 0;}
.lists .list11 .theme{margin-bottom: 1.5em;}
.lists .list11 .theme p:nth-of-type(1){font-size:2em;}
.lists .list11 dl{float: left; width:96%; padding:2%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.lists .list11 dl dt{float:left; width:29%; height: 390px; margin-right:1%; background:#f0f0f0;}
.lists .list11 dl dt ol{float: left; width:100%; margin-bottom: 1em;}
.lists .list11 dl dt ol{max-height: 200px; overflow: hidden;}
.lists .list11 dl dt ol img{width:100%;}
.lists .list11 dl dt text{float: left; width:90%; margin:0 5%; font-size: 1.4em; color:333333; line-height: 1.8em; overflow: hidden;}
.lists .list11 dl dt p{float: left; width:90%; margin:0 5%; font-size: 1.4em; color:333333; line-height: 1.8em;}
.lists .list11 dl dt p a{color:#333333;}
.lists .list11 dl dt p a:hover{text-decoration:underline;}
.lists .list11 dl dd{float:left; width:69%; height: 390px; margin-left:1%; overflow: hidden;}
.lists .list11 dl dd iframe{float: left; width: 100%; height:390px;}

/*主题颜色*/
.color1 .gongge ul.list7 li span{background:#2a5dbb;}
.color1 .gongge ul.list7 li dl dt p a:hover{color:#2a5dbb;}
.color1 .gongge div.list8 ul li ol:hover~p a{color:#2a5dbb;}
.color1 .gongge div.list8 ul li p a:hover{color:#2a5dbb;}
.color1 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#2a5dbb;}
.color1 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #2a5dbb;}
.color1 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#2a5dbb;}
.color1 .lists div.list6 .box term ul.l2 li dl dt{background: #2a5dbb;}
.color1 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#2a5dbb;}

.color2 .gongge ul.list7 li span{background:#ef8536;}
.color2 .gongge ul.list7 li dl dt p a:hover{color:#ef8536;}
.color2 .gongge div.list8 ul li ol:hover~p a{color:#ef8536;}
.color2 .gongge div.list8 ul li p a:hover{color:#ef8536;}
.color2 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#ef8536;}
.color2 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #ef8536;}
.color2 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#ef8536;}
.color2 .lists div.list6 .box term ul.l2 li dl dt{background: #ef8536;}
.color2 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#ef8536;}

.color3 .gongge ul.list7 li span{background:#1dae65;}
.color3 .gongge ul.list7 li dl dt p a:hover{color:#1dae65;}
.color3 .gongge div.list8 ul li ol:hover~p a{color:#1dae65;}
.color3 .gongge div.list8 ul li p a:hover{color:#1dae65;}
.color3 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#1dae65;}
.color3 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #1dae65;}
.color3 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#1dae65;}
.color3 .lists div.list6 .box term ul.l2 li dl dt{background: #1dae65;}
.color3 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#1dae65;}

.color4 .gongge ul.list7 li span{background:#fa4747;}
.color4 .gongge ul.list7 li dl dt p a:hover{color:#fa4747;}
.color4 .gongge div.list8 ul li ol:hover~p a{color:#fa4747;}
.color4 .gongge div.list8 ul li p a:hover{color:#fa4747;}
.color4 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#fa4747;}
.color4 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #fa4747;}
.color4 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#fa4747;}
.color4 .lists div.list6 .box term ul.l2 li dl dt{background: #fa4747;}
.color4 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#fa4747;}

.color5 .gongge ul.list7 li span{background:#29b3ab;}
.color5 .gongge ul.list7 li dl dt p a:hover{color:#29b3ab;}
.color5 .gongge div.list8 ul li ol:hover~p a{color:#29b3ab;}
.color5 .gongge div.list8 ul li p a:hover{color:#29b3ab;}
.color5 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#29b3ab;}
.color5 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #29b3ab;}
.color5 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#29b3ab;}
.color5 .lists div.list6 .box term ul.l2 li dl dt{background: #29b3ab;}
.color5 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#29b3ab;}

.color6 .gongge ul.list7 li span{background:#4b7fde;}
.color6 .gongge ul.list7 li dl dt p a:hover{color:#4b7fde;}
.color6 .gongge div.list8 ul li ol:hover~p a{color:#4b7fde;}
.color6 .gongge div.list8 ul li p a:hover{color:#4b7fde;}
.color6 .gongge div.list6 .roll.style1 ul li ol:hover>p a{color:#4b7fde;}
.color6 .lists div.list6 .box term ul.l1 p:nth-of-type(2) a:hover{color: #4b7fde;}
.color6 .lists div.list6 .box term ul.l2 li dl dd p:nth-of-type(1) a:hover{color:#4b7fde;}
.color6 .lists div.list6 .box term ul.l2 li dl dt{background: #4b7fde;}
.color6 .lists ul.list7 li p:nth-of-type(1) a:hover{color:#4b7fde;}
/*项目展示*/
.item{float:left; width:100%;}
.item .list1{float: left; width: 100%; margin: 3em 0;}
.item .list1 dl{float: left; width: 100%;}
.item .list1 dl dt{float:left; width: 25%; height:200px; overflow: hidden; position: relative; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px;}
.item .list1 dl dt img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.item .list1 dl dd{float:left; width: 73%; margin:35px 0 0 2%; position: relative;}
.item .list1 dl dd span{padding:0 3em; margin: 0 1em; height: 35px; font-size: 1.6em; font-weight: 700; color: #fff; line-height: 35px; background:#033e8c; position: absolute; top: -35px; left:0; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;}
.item .list1 dl dd div{float: left; width:94%; padding:3%; height:113px;  background:#f5f5f5; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.item .list1 dl dd div p{float: left; width:100%; height:100%; line-height: 1.75em; font-size:1.4em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.item .list2{float: left; width: 100%; margin: 3em 0;}
.item .list2 .theme{margin-bottom:2em;}
.item .list2 li{float: left; width:calc((100%/3 - 2%)); margin:1%; padding:calc(1%/3); background: #fff; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.item .list2 li:nth-of-type(3n+1){margin-left:0;}
.item .list2 li:nth-of-type(3n+3){margin-right:0;}
.item .list2 li ol{float: left; width: 100%; height:80px; position: relative; overflow: hidden; margin-top:2em;}
.item .list2 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.item .list2 li p{float: left; width: 60%; margin:0 calc((100% - 60%)/2); text-align: center;}
.item .list2 li p:nth-of-type(1){font-size:1.8em; font-weight: 700; line-height:45px;}
.item .list2 li p:nth-of-type(1) a{color:#333333;}
.item .list2 li p:nth-of-type(1) a:hover{color:#033e8c;}
.item .list2 li p:nth-of-type(2){font-size:1.4em; margin-bottom:2em; line-height: 1.6em; color:#666666;}
.item .list2.s1 li{width:calc((100%/3 - 4%)); margin:1% 2%; padding:calc(2%/3);}
.item .list2.s1 li:nth-of-type(3n+1){margin-left:0;}
.item .list2.s1 li:nth-of-type(3n+3){margin-right:0;}
.item .list2.s1 li ol{width: 80px; margin:2em calc((100% - 80px)/2) 0;}
.item .list2.s1 li ol img{max-width:100%;}
.item .list2.s1 li p{width:80%; margin:0 calc((100% - 80%)/2);}
.item .list2.s1 li p:nth-of-type(1){font-weight: inherit; margin-top: 0.5em; font-size: 2.1em;}
.item .list2.s1 li p:nth-of-type(2){padding-top:40px; position: relative; height: 45px; margin-bottom:2em; overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.item .list2.s1 li p:nth-of-type(2)::before{content:""; width: 30%; border-bottom: 3px solid #ff8637; position: absolute; left:calc((100% - 30%)/2); top:calc(30px/2);}
.item .list2.s2 li{width:calc((100%/4 - 2%)); margin:1%; padding:calc(1%/4);}
.item .list2.s2 li:nth-of-type(4n+1){margin-left:0;}
.item .list2.s2 li:nth-of-type(4n+4){margin-right:0;}
.item .list2.s2 li ol{width: 80px; margin:1em calc((100% - 80px)/2) 0;}
.item .list2.s2 li ol img{max-width:100%;}
.item .list2.s2 li p{width:90%; height:43px; margin:1em calc((100% - 90%)/2); font-size: 1.4em; font-weight: inherit; line-height:1.6em; color:#333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.item .list2.s3 li{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -o-box-shadow:none;}
.item .list2.s3 li:hover{box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.item .list2.s3 li ol{height: 120px;}
.item .list2.s4 li ol{height: 60px;}
.item .list2.s4 li p:nth-of-type(1){margin-top: 0.5em; font-size:1.8em; line-height: 2em;}
.item .list2.s4 li p:nth-of-type(1) font{color: #FF0004;}
.item .list2.s4 li p:nth-of-type(2){width:90%; height:100px; margin:1em calc((100% - 90%)/2); font-size: 1.4em; font-weight: inherit; line-height:1.8em; color:#333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
.item .list2.s5 li{width:calc((100%/3 - 2%)); margin:1%; padding:calc(1%/3);}
.item .list2.s5 li:nth-of-type(3n+1){margin-left:0;}
.item .list2.s5 li:nth-of-type(3n+3){margin-right:0;}
.item .list2.s5 li ol{width: 80px; margin:2em calc((100% - 80px)/2) 0;}
.item .list2.s5 li ol img{max-width:90%;}
.item .list2.s5 li p{width:90%; height:43px; margin:2em calc((100% - 90%)/2); font-size: 1.4em; text-align: left; font-weight: inherit; line-height:1.6em; color:#333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.item .list2.s6 li{width:calc((100%/3 - 2%)); margin:1%; padding:calc(1%/3); background: rgba(255,255,255,0.70);}
.item .list2.s6 li:nth-of-type(3n+1){margin-left:0;}
.item .list2.s6 li:nth-of-type(3n+3){margin-right:0;}
.item .list2.s6 li ol{width:120px; height: 120px; margin:2em calc((100% - 120px)/2) 0;}
.item .list2.s6 li ol img{max-width:90%;}
.item .list2.s6 li p{width:90%; height:auto; margin:0.5em calc((100% - 90%)/2); font-size: 1.6em; line-height:1.6em; color:#333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.item .list2.s6 li p:nth-of-type(2){height:110px; margin-top:0; margin-bottom: 2em; font-size: 1.4em; -webkit-line-clamp: 5;}
.item .list3{float: left; width: 100%; margin: 3em 0;}
.item .list3 .theme{margin-bottom:3em;}
.item .list3 li:nth-of-type(1){float: left; width:52%; height: 252px; padding:2% 6% 2% 2%; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../images/b236.png); }
.item .list3 li text{float: left; width: 100%; height: 100%; overflow: hidden; font-size: 1.4em; line-height:1.6em;}
.item .list3 li ol{float: left; width: 40%; height:300px; position: relative; overflow: hidden;}
.item .list3 li ol img{width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.item .list4{float: left; width: 100%; margin: 3em 0;}
.item .list4 .theme{margin-bottom:3em;}
.item .list4 .theme p{color: #fff;}
.item .list4 div.tab{float: left; width: 100%;}
.item .list4 div.tab li{float: left; width:calc(100%/4); background:#1559b2; height:45px; line-height:45px; text-align: center; font-size:1.8em; color: #fff; position: relative; z-index: 3;}
.item .list4 div.tab li:first-child{border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0;}
.item .list4 div.tab li:last-child{border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0;}
.item .list4 div.tab li.on::before{content:""; position: absolute; top:-10px; bottom:0; left:0;right:0; background: #df0024; z-index:-1; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;}
.item .list4 div.box{float: left; width:96%; padding:2%; background:#dfedfe; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px;}
.item .list4 div.box li{float: left; width:calc(100%/2 - 6%); margin:0.5em 1%; padding:1% 2%; background:#bed7f5; font-size: 1.6em; color:#033e8c; border-radius:3em; -webkit-border-radius:3em; -moz-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em;}
.item .list5{float: left; width: 100%;}
.item .list5 ul{float: left; width:calc((100%/2 - 4%) + (4%/2)); margin:4em 2% 0;}
.item .list5 ul:nth-of-type(2n+1){margin-left:0;}
.item .list5 ul:nth-of-type(2n+2){margin-right:0;}
.item .list5 ul li{float: left; width: 100%;}
.item .list5 ul li:first-child{text-align: center; background:#1559b2; height:45px; line-height: 45px; font-size: 1.8em; color: #fff; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;}
.item .list5 ul li:last-child{float: left; width:96%; min-height:58px; padding: 2%; font-size: 1.6em; line-height: 1.8em; background:#f5f5f5; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px;}
.item .list6{float: left; width: 100%; margin: 3em 0;}
.item .list6 main{float: left; margin:3em 0; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap:1%; -webkit-column-gap:1%; -moz-column-gap:1%;}
.item .list6 main li{float: left; width: 100%; margin: 1% 0; break-inside: avoid; -webkit-column-break-inside: avoid; -moz-page-break-inside: avoid; background:#fff;}
.item .list6 main li ol{float: left; width:calc(96% - 2px); padding:2%; border: 1px solid #000000; line-height: 45px; font-size: 1.6em; cursor: pointer;}
.item .list6 main li ol::before{content:"✚"; float: left; width:45px; height: 45px; line-height: 48px; font-size:2em; margin-right:2%; text-align: center; background:#033e8c; color:#fff;}
.item .list6 main li ol:hover{color:#1559b2; border: 1px solid #1559b2;}
.item .list6 main li>ul{display:none; float: left; width: 100%;}
.item .list6 main li>ul li{float: left; width: 100%; margin:0.5em 0; font-size: 1.4em; line-height: 1.6em;}
.item .list6 div.remind{float: left; width: 100%; font-size:2em; text-align: center; text-decoration:underline;}
.item .list6 div.remind font{color: #FF0004; text-decoration:underline;}
.item .list7{float: left; width: 100%; margin: 3em 0 0;}
.item .list7 .theme{margin-bottom:1.5em;}
.item .list7 li{float: left; width: calc((100%/5 - 4%) + (4%/5)); margin:2%;}
.item .list7 li:nth-of-type(5n+1){margin-left:0;}
.item .list7 li:nth-of-type(5n+5){margin-right:0;}
.item .list7 li ol{float: left; width:100%; height: 220px; position: relative; overflow: hidden; background:#033e8c; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.item .list7 li ol img{max-width:60%; position: absolute; left:0; right: 0; top: 0; bottom:20%; margin: auto;}
.item .list7 li ol span{position: absolute; width:90%; padding:0 5%; height:45px; line-height:45px; left:0; right: 0; bottom: 5%; font-size:2em; font-weight: 700; text-align: center; color: #fff;}
.item .list7 li p{float: left; width: 100%; height:66px; overflow:hidden; padding-top:40px; position: relative; text-align: center; font-size: 1.4em; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.item .list7 li p::before{content:""; width: 30%; border-bottom: 3px solid #033e8c; position: absolute; left:calc((100% - 30%)/2); top:calc(40px/2);}
.item .list7.s1 li ol{float: left; width:130px; height:130px; margin:0 calc((100% - 130px)/2); position: relative; overflow: hidden; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.item .list7.s1 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list7.s1 li p{padding-top:10px; height: 45px; line-height: 45px; font-size: 1.8em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.item .list7.s1 li p::before{content:none;}
.item .list7.s2{margin:3em 0;}
.item .list7.s2 .theme{margin-bottom:3em;}
.item .list7.s2 li{width: calc((100%/4 - 8%) + (8%/4)); margin:0 4%; padding:2em 0 4em; position: relative; box-shadow:-10px 0px 30px 2px rgba(0,0,0,0.1); -webkit-box-shadow:-10px 0px 30px 2px rgba(0,0,0,0.1); -moz-box-shadow:-10px 0px 30px 2px rgba(0,0,0,0.1); -o-box-shadow:-10px 0px 30px 2px rgba(0,0,0,0.1); -ms-box-shadow:-10px 0px 30px 2px rgba(0,0,0,0.1);}
.item .list7.s2 li::after{content: ""; position: absolute; width: 40px; height: 80px; right:-31%; top: calc((100% - 80px)/2); background-image: url(/images/sjx2.png); background-position: center center; background-size: 100% auto; }
.item .list7.s2 li:last-child::after{content:none;}
.item .list7.s2 li:nth-of-type(4n+1){margin-left:0;}
.item .list7.s2 li:nth-of-type(4n+4){margin-right:0;}
.item .list7.s2 li ol{background:none; height: 150px;}
.item .list7.s2 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list7.s2 li p{padding-top:0; height:auto; line-height:inherit; font-size: 2.3em;}
.item .list7.s2 li p::before{content:none;}
.item .list7.s3{margin:3em 0;}
.item .list7.s3 .theme{margin-bottom:3em;}
.item .list7.s3 li{width: calc((100%/5 - 2%) + (2%/5)); margin:0 1%; padding:2em 0 2em; position: relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.item .list7.s3 li:nth-of-type(5n+1){margin-left:0;}
.item .list7.s3 li:nth-of-type(5n+5){margin-right:0;}
.item .list7.s3 li ol{background:none; height: 120px;}
.item .list7.s3 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list7.s3 li p::before{content:none;}
.item .list7.s3 li p{padding-top: 0; height: auto;}
.item .list7.s3 li p:nth-of-type(1){font-size: 2.3em; color: #333333;}
.item .list7.s3 li p:nth-of-type(2){font-size: 1.6em; line-height: 2em; color: #666666;}
.item .list7.s4{margin:3em 0;}
.item .list7.s4 .theme{margin-bottom:3em;}
.item .list7.s4 li{width: calc((100%/5 - 2% - 4px) + (2%/5)); background: #fff; margin: 0 1%; padding: 2em 0 2em; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); border: 2px solid #fff; }
.item .list7.s4 li:hover{ border-color: #FF0004;}
.item .list7.s4 li:nth-of-type(5n+1){margin-left:0;}
.item .list7.s4 li:nth-of-type(5n+5){margin-right:0;}
.item .list7.s4 li ol{background:none; height: 120px;}
.item .list7.s4 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list7.s4 li p::before{content:none;}
.item .list7.s4 li p{padding-top: 0; height: auto;}
.item .list7.s4 li p:nth-of-type(1){font-size: 2.3em; font-weight: 700; color: #FF0004;}
.item .list7.s4 li p:nth-of-type(2){font-size: 1.8em; font-weight: 700; color: #333333;}
.item .list7.s4 li p:nth-of-type(3){font-size: 1.6em; line-height: 2em; color: #666666;}
.item .list8{float: left; width:100%; margin:2em 0;}
.item .list8 .theme{margin-bottom:1.5em;}
.item .list8 li{ float: left; width: calc(100%/5 - 2% - 2px); margin:1%; padding: calc(1%/5); height: 80px; overflow: hidden; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border: 1px solid #e8e8e8; }
.item .list8 li:nth-of-type(5n+1){margin-left:0;}
.item .list8 li:nth-of-type(5n+5){margin-right:0;}
.item .list8 li img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}
.item .list9{float: left; width:100%; margin:3em 0;}
.item .list9 .theme{margin-bottom:2.5em;}
.item .list9 li{float: left; width:48%; clear: both; margin:0.5em 0; padding:1em 1%; font-size:1.4em; background:#fff; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
.item .list10{float: left; width:100%; margin:2em 0;}
.item .list10 .theme{margin-bottom:1.5em;}
.item .list10 li{display: inline-block; width:calc(100%/3 - 6%); margin:2% 3%;}
.item .list10 li dl{float: left; width: 100%;}
.item .list10 li dl dt{float: left; width: 100%; text-align: center; background:#ff8144; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0;}
.item .list10 li dl dt p{float: left; width: 94%; margin:0 3%; color:#fff;}
.item .list10 li dl dt p:nth-of-type(1){height:45px; line-height: 45px; font-size: 1.8em; font-weight: 700; text-align: center;}
.item .list10 li dl dt p:nth-of-type(2){font-size: 1.4em; line-height: 1.4em; height:76px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
.item .list10 li dl dd{float: left; width: 100%; height: 109px; position: relative; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-image: url("/images/sjx.png")}
.item .list10 li dl dd p{float: left; width:80px; height: 80px; position: absolute; left:calc((100% - 80px)/2); top:5%;}
.item .list10 li dl dd p img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list11{float: left; width:80%; margin:3em 10%;}
.item .list11 main{float: left; width:100%; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.item .list11 .theme{margin-bottom:3em;}
.item .list11 main li{float:left; width: 100%; height: 3em; line-height: 3em; font-size: 1.6em; text-align: center; color:#666666;}
.item .list11 main li:nth-of-type(odd){background:#f3f3f3;}
.item .list11 main li:nth-of-type(even){background:#fff;}
.item .list11 main li:first-child{background:#ffa478; color:#fff;}
.item .list11 main li:nth-of-type(2){font-weight: 700; color:#666666;}
.item .list11 main li bt{float: left; height:100%;}
.item .list11 main li bt:nth-of-type(1){width:calc(65% - 2% - 1px); padding:0 1%; border-right: 1px solid #e3e3e3;}
.item .list11 main li bt:nth-of-type(2){width:calc(35% - 2%); padding:0 1%;}
.item .list11 main li bt.c1{color:#f9712f;}
.item .list11 main li bt.c2{color:#6bc21e;}
.item .list12{float: left; width:100%; padding: 3em 0;}
.item .list12 li{float: left; display: inline-block; width:10%;}
.item .list12 li ol{float: left; width:100%; height: 80px; position: relative; overflow: hidden;}
.item .list12 li ol img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list12 li p{float: left; width:100%; color:#333333; text-align: center;}
.item .list12 li p:nth-of-type(1){font-size: 1.8em; line-height:2em; font-weight: 700;}
.item .list12 li p:nth-of-type(2){font-size: 1.4em; line-height:1.4em;}
.item .list13{float: left; width:100%; padding: 3em 0;}
.item .list13 .theme{margin-bottom:3em;}
.item .list13 main{float: left; width:100%;}
.item .list13 main.DivCenter1{align-items: end;}
.item .list13 main li{float: left; width:12%;}
.item .list13 main li ol{float: left; width:calc(100% - (35px*2)); padding:0 35px; height: 120px; position: relative; }
.item .list13 main li ol p{float: left; width: 100%; height: 100%; background-color:#30ab92; position: relative; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
.item .list13 main li ol p img{max-width:100%; position: absolute; left:0; right: 0; top: 0; bottom:0; margin: auto;}
.item .list13 main li ol::before{content:"";width: 0; height: 0;position:absolute; left:0; top:0; border-right:35px solid #30ab92; border-top:calc(120px/2) solid transparent; border-bottom:calc(120px/2) solid transparent;}
.item .list13 main li ol::after{content:"";width: 0; height: 0;position:absolute; right:0; top:0; border-left:35px solid #30ab92; border-top:calc(120px/2) solid transparent; border-bottom:calc(120px/2) solid transparent;}
.item .list13 main li ol p span{float: left; width: 100%; text-align: center; color: #fff; font-weight: 700; font-size: 1.6em;}
.item .list13 main li div{float: left; width:100%; margin-top:2em; text-align: center; font-size: 1.4em; font-weight: 700; color: #fff;}
.item .list14{float: left; width:100%; padding: 3em 0;}
.item .list14 div.ms p{float: left; width:calc(50% - 4%); margin:0 calc((100% - 50%)/2); padding:2%; text-align: center;}
.item .list14 div.ms p:nth-of-type(1){font-size: 1.8em; line-height:1.8em; font-weight: 700; color:#30ab92; margin-top: 2em; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.item .list14 div.ms p:nth-of-type(2){font-size: 1.4em; color:#666666;}
.item .list15{float: left; width:100%; padding: 3em 0;}
.item .list15 li{float: left; width:calc((100%/4 - 2%) + (2%/4)); height: 80px; margin:1%; position: relative; background:#fff; background-position: left top; background-size: 37px auto; background-repeat: no-repeat; background-image: url(/images/5963.png); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}
.item .list15 li:nth-of-type(4n+1){margin-left:0;}
.item .list15 li:nth-of-type(4n+4){margin-right:0;}
.item .list15 li p{float: left; width: 80%; height: 100%; margin: 0 10%; font-size: 1.4em; line-height: 1.6em; text-align: center; display:-webkit-flex; display:flex; justify-content: center; align-items: center;}
.item .list15 li span{position: absolute; left: 0; top: 0; width:20px; height:25px; line-height: 25px; font-size: 1.4em; color: #fff; text-align: center;}
.item .list16{float: left; width:100%; padding: 3em 0;}
.item .list16 main{float: left; width:100%; margin-top: 3em; position:relative;}
.item .list16 main::before{content:""; position: absolute; right:0; width:49%; top: 0; bottom: 0; background:#30ab92; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.item .list16 main ul{float: left; width:49%; margin-right:1%;}
.item .list16 main ul li{float: left; width:94%; height: 45px; line-height: 45px; padding: 0 3%; margin-bottom:1em; background:#f1f1f1; font-size: 1.6em; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.item .list16 main ul li:last-child{margin-bottom:inherit;}
.item .list16 main ul li p{float: left; width: 30px; height: 30px; margin:calc((45px - 30px)/2) 1.5% calc((45px - 30px)/2) 0; position: relative;}
.item .list16 main ul li p font{position: absolute; width: 100%; line-height: 33px; text-align: center; z-index:1; left:0; right: 0; top: 0; bottom:0; margin: auto; color: #fff;}
.item .list16 main ul li p::after{content:""; position: absolute; z-index:0; left:0; right: 0; top: 0; bottom:0; margin: auto; background:#30ab92; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
.item .list16 main div.text{position: absolute; width:49%; top: 0; right: 0; bottom: 0;}
.item .list16 main div.text p{float: left; width: 90%; margin:0 5%; text-align: center;}
.item .list16 main div.text p span{float: left; width:100%;}
.item .list16 main div.text p span:nth-of-type(1){font-size:2em; font-weight: 700; color: #8efeff;}
.item .list16 main div.text p span:nth-of-type(2){font-size: 1.4em; line-height: 1.6em; color:#fff; margin-top:1em;}
/*状态栏+筛选*/
.status{width: 80%; float: left; padding: 2em 10% 0;}
.status total{float:right; 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: 35px; 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;}
.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;}
}
/*内容*/
word {width:100%; float: left; min-height: 500px; padding: 2em 0; font-size: 1.6em}
word img{max-width:100%;}
/*分页*/
.page {width: 100%; float: left; text-align: center; margin:2em 0; }
.page a{ line-height: 3em; padding: 0.7em 1em; margin: 0 0.1em; color: #999999; font-size: 1.4em; position: relative; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.page .prev,.page .next{padding: 0.7em 2.5em; border-radius: 2.5em; -webkit-border-radius:2.5em; -moz-border-radius:2.5em; -o-border-radius:2.5em; -ms-border-radius:2.5em;}
.page a:hover {background-color: #15408f; color: #fff; border-color: #15408f;}
.page .active {background-color: #15408f; color: #fff; border-color: #15408f;}
/*底部导航*/
footer{ width:100%; float: left; background:#1e1b2e; overflow-x: hidden;}
footer div.image{width:100%; float: left;}
footer div.image img{float: left; width:100%;}
footer div.service{float: left; width:100%; height: 57px; margin:2em 0; position: relative; overflow: hidden;}
footer div.service img{max-width:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
footer div.nav{float: left; width:100%; margin:2em 0;}
footer div.nav ul{float: left;}
footer div.nav ul:nth-of-type(1){width: 35%;}
footer div.nav ul:nth-of-type(2){width: 20%;}
footer div.nav ul:nth-of-type(3){width: 14%;}
footer div.nav ul:nth-of-type(4){width: 10%;}
footer div.nav ul:nth-of-type(5){width: 10%;}
footer div.nav ul:nth-of-type(6){width: 10%;}
footer div.nav ul li{float: left; width: 100%; height:2em; line-height:2em;}
footer div.nav ul li a{font-size: 1.2em; color:#fff;}
footer div.nav ul li a::before{margin-right: 10px; pointer-events: none;}
footer div.nav ul.contact li{margin:0.5em 0;}
footer div.nav ul.contact li:first-child{margin:0 0 0.5em;}
footer div.nav ul:nth-of-type(1) li:nth-of-type(2) a{font-size: 1.6em; font-weight: 600;}
footer div.nav ul:nth-of-type(1) li:nth-of-type(3) a{font-size: 1.6em; font-weight: 600;}
footer div.nav ul:nth-of-type(1) li:nth-of-type(2) a::before{content:"\e639";}
footer div.nav ul:nth-of-type(1) li:nth-of-type(3) a::before{content:"\e62e";}
footer div.nav ul:nth-of-type(1) li:nth-of-type(4) a::before{content:"\e62f"; font-size: 1.4em;}
footer div.nav ul:nth-of-type(2) li:nth-of-type(2){height:152px; position: relative;}
footer div.nav ul:nth-of-type(2) li:nth-of-type(2) img{ max-width:100%; position:absolute; left: 0; top: 0; bottom: 0; margin: auto;}
footer div.nav ul:nth-of-type(3) li a::before{content:"\e626";}
footer div.nav ul:nth-of-type(4) li a::before{content:"\e626";}
footer div.nav ul li:first-child{font-size: 1.5em; color: #fff; font-weight: 700; margin:0 0 0.5em;}
footer div.nav ul li:first-child span{margin-right:50%;}
footer div.nav ul li:first-child a{font-size:1em;}
footer div.nav ul li:first-child a::before{content:none;}
footer div.copyright{width:100%; float: left; padding:0.5em 0; position: relative;}
footer div.copyright span{font-size:1.2em; color:#fff; margin: 0 0.3em; line-height:2.2em;}
footer div.copyright span a{color:#fff;}
footer div.copyright span a:hover{text-decoration:underline;}
/*弹出窗口*/
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:50%; height: 80vh; position: absolute; left:calc((100% - 50%)/2); top:calc((100% - 80vh)/2); background:#fff; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
webkit inside .album{float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
webkit inside .album img{max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
@media (max-width: 1000px){
webkit inside{width:90%; height: 60vh; left:calc((100% - 90%)/2); top:calc((100% - 60vh)/2);}
}
.share{float: left; width: 100%; margin: 0.8em 0;}
.share a{float: left; width:3em; height:3em; margin:0 0.5em; display: inline-block;position: relative; display: inline-block;  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 a::before{float: left; width:3em; height:3em; line-height: 3em; font-size:2em; position: absolute; left:calc((100% - 3em)/2); top: calc((100% - 3em)/2); z-index: 1;}
.share a.icon-tencent:before { content: "\f07a" }
.share a.icon-qq:before { content: "\f11a" }
.share a.icon-weibo:before { content: "\f12a" }
.share a.icon-wechat:before { content: "\f09a" }
.share a.icon-douban:before { content: "\f10a" }
.share a.icon-heart:before { content: "\f20a" }
.share a.icon-like:before { content: "\f00a" }
.share a.icon-qzone:before { content: "\f08a" }
.share a.icon-linkedin:before { content: "\f01a" }
.share a.icon-diandian:before { content: "\f05a" }
.share a.icon-facebook:before { content: "\f03a" }
.share a.icon-google:before { content: "\f04a" }
.share a.icon-twitter:before { content: "\f06a" }
.share a.icon-weibo{ color: #ff763b; border-color: #ff763b }
.share a.icon-weibo:hover { background: #ff763b }
.share a.icon-tencent { color: #56b6e7; border-color: #56b6e7 }
.share a.icon-tencent:hover { background: #56b6e7 }
.share a.icon-qq { color: #56b6e7; border-color: #56b6e7 }
.share a.icon-qq:hover { background: #56b6e7 }
.share a.icon-qzone { color: #FDBE3D; border-color: #FDBE3D }
.share a.icon-qzone:hover { background: #FDBE3D }
.share a.icon-douban { color: #33b045; border-color: #33b045 }
.share a.icon-douban:hover { background: #33b045 }
.share a.icon-linkedin { color: #0077B5; border-color: #0077B5 }
.share a.icon-linkedin:hover { background: #0077B5 }
.share a.icon-facebook { color: #44619D; border-color: #44619D }
.share a.icon-facebook:hover { background: #44619D }
.share a.icon-google { color: #db4437; border-color: #db4437 }
.share a.icon-google:hover { background: #db4437 }
.share a.icon-twitter { color: #55acee; border-color: #55acee }
.share a.icon-twitter:hover { background: #55acee }
.share a.icon-diandian { color: #307DCA; border-color: #307DCA }
.share a.icon-diandian:hover { background: #307DCA }
.share a.icon-wechat { position: relative; color: #7bc549; border-color: #7bc549 }
.share a.icon-wechat:hover { background: #7bc549 }
.share a.icon-wechat:hover> .wechat-qrcode{display: block;}
.share a:hover {background: #666; color: #fff }
.share a .wechat-qrcode{float: left; width: 20em; padding: 1em 0; display: none; position: absolute; bottom:4em; left:calc((100% - 20em)/2); z-index: 99; background:#fff; border-radius: 1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em; 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);}
.share a .wechat-qrcode h4{color: #333333; line-height: 3em; font-size: 1.6em;}
.share a .wechat-qrcode .qrcode{float: left; width: 100%; height: 5vw; position: relative; overflow: hidden;}
.share a .wechat-qrcode .qrcode img{max-height:100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.share a .wechat-qrcode .help{float: left; width: 100%; margin: 1em 0;}
.share a .wechat-qrcode .help p{font-size: 1.2em; color:#333333; line-height: 1.8em;}
@media (max-width: 1000px){
.share{margin: 0.2em 0;}
.share a{width: 0.3em; height: 0.3em; margin: 0 0.02em;}
.share a::before{width:100%; height:100%; font-size:0.16em; line-height:2em; left: 0; top: 0;}
}