/*@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');
}*/
@font-face {
  font-family: 'ico';  /* Project id 2538850 */
  src: url('https://at.alicdn.com/t/font_2538850_ac1rtrvwh0r.woff2?t=1620751281843') format('woff2'),
       url('https://at.alicdn.com/t/font_2538850_ac1rtrvwh0r.woff?t=1620751281843') format('woff'),
       url('https://at.alicdn.com/t/font_2538850_ac1rtrvwh0r.ttf?t=1620751281843') format('truetype');
}
@font-face {
  font-family:'华文行楷';  
  src: url('./font/RegularScript.eot');
  src: url('./font/RegularScript.eot?#iefix') format('embedded-opentype'),
  url('./font/RegularScript.ttf') format('truetype'),
  url('./font/RegularScript.svg') format('svg');
}
@font-face {
  font-family:'share';  
  src: url('./font/share.eot');
  src: url('./font/share.eot?#iefix') format('embedded-opentype'),
  url('./font/share.ttf') format('truetype'),
  url('./font/share.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","share",sans-serif; -webkit-tap-highlight-color: transparent;}
body, ul, li, h1, h2, h3, h4, h5, o, * {margin:0; padding:0; outline:none;}
body {font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; -o-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body.off{overflow:hidden;}
/*字体缩放设置*/
@media screen and (min-width: 320px) {html{font-size:671.75%;}}
@media screen and (min-width: 360px) {html{font-size:703%;}}
@media screen and (min-width: 375px) {html{font-size:732.4%;}}
@media screen and (min-width: 400px) {html{font-size:781.25%;}}
@media screen and (min-width: 414px) {html{font-size:808.6%;}}
@media screen and (min-width: 440px) {html{font-size:839.85%;}}
@media screen and (min-width: 480px) {html{font-size:871.1%;}}
@media screen and (min-width: 520px) {html{font-size:902.35%;}}
@media screen and (min-width: 560px) {html{font-size:933.6%;}}
@media screen and (min-width: 600px) {html{font-size:964.85%;}}
@media screen and (min-width: 640px) {html{font-size:996.1%;}}
@media screen and (min-width: 680px) {html{font-size:1027.35%;}}
@media screen and (min-width: 720px) {html{font-size:1058.6%;}}
@media screen and (min-width: 760px) {html{font-size:1098.85%;}}
@media screen and (min-width: 800px) {html{font-size:1121.1%;}}
@media screen and (min-width: 960px) {html{font-size:1152.35%;}}
@media screen and (min-width: 1024px) {html{font-size:62.5%;}}
input,button,select,textarea{background:none; outline:none; border:0; -webkit-appearance:none; border-radius:0;}
input[type=button],input[type=submit],input[type=file],input[type=checkbox],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:1.8em; color: #474747; text-align: center;}
div.interval{float:left; width:100%; height:60px;}
/*手机端*/
@media screen and (max-width:1023px){
div.empty{font-size:0.16em;}
/*body{margin-top:80px;}*/
}
section{margin:0 auto; width:1063px;}
/*主题文字*/
div.theme{float: left; width:100%; text-align:center;}
/*矩阵展示，框架主体居中*/
.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.Wap{display: none;}
header .whole{float: left; width:100%;}
header .whole:nth-of-type(1){background:#2b2b2b;}
header .whole .top,header .whole .nav{float: left; width:1200px; margin:0 calc((100% - 1200px)/2);}
header .whole .top ul{float:right;}
header .whole .top ul li{float: left; padding:0 15px; border-left:solid #4b4b4b 1px; font-size:1.4em; height:35px; line-height:35px;}
header .whole .top ul li a{color:#fff; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}
header .whole .top ul li img{width:16px; margin-right:10px;}
header .whole .nav logo{float:left; width:25%; height:80px; position:relative; overflow: hidden;}
header .whole .nav logo img{max-width:80%; position: absolute; left:0; top:0; bottom:0; margin: auto;}
header .whole .nav .search{float:right; width:30px; height:30px; line-height:30px; position: relative; margin:calc((80px - 30px)/2) 0; font-size:1.6em; text-align: center;}
header .whole .nav .search::before{content:"\e60e"; cursor: pointer;}
header .whole .nav .search:hover>form{display:block; z-index:999;}
header .whole .nav .search form{position: absolute; top:30px; right:0; width:300px; display:none;}
header .whole .nav .search form input{float: left; width:60%; height:35px; line-height:35px; padding:0 5%; background:#fff; border:solid #7E7E7E 1px;}
header .whole .nav .search form #search{float: left; width:calc(30% - 2px); height:37px; line-height:37px; background:#2b2b2b; text-align: center; color:#fff; cursor:pointer;}
header .whole .nav .search form #search_wap{float: left; width:calc(30% - 2px); height:37px; line-height:37px; background:#2b2b2b; text-align: center; color:#fff; cursor:pointer;}
header .whole .nav ul{float:right;}
header .whole .nav ul li{float:left; height:30px; line-height:30px; margin:calc((80px - 30px)/2) 15px; font-size:1.6em;}
header .whole .nav ul li a{color:#333333;}
@media screen and (max-width:1023px){
section{font-size: 0.1em; width: 96%;}
header.PC{display: none;}
header.Wap{display: flex;}
header {font-size: 0.1em;}
header .whole:nth-of-type(1){background: #fff;position: fixed;z-index: 9999;}
header .whole .top, header .whole .nav{float: left; width: 100%; height: 10vh; margin: auto; position: relative;}
header .whole .nav .menu{float: left; width: 15%; height: 100%; display: flex; text-align: center; align-items: center; justify-content: center;}
header .whole .nav .menu.menu_close{background-color: #000;}
header .whole .nav .menu .menu_clo{display: none;}
header .whole .nav .menu .menu_ul{position: absolute; left: 0; top: 100%; width: 100%; z-index: 99; background-color: #fff;}
header .whole .nav .menu_ul li{ display: inline-block; height: initial; width: 100%; line-height: initial; margin: initial; text-align: left; border-bottom: 1px solid #e9e9e9;}
header .whole .nav ul li a{width: 90%; margin: auto; display: block; padding: 4%; font-size: 0.8em;}
header .whole .nav logo{width: 70%; height: 100%; display: flex; text-align: center; align-items: center;}
header .whole .nav logo img{max-width: 80%; position: initial;}
/*header .whole .nav ul{display: none;}*/
header .whole .nav .search{ position: initial; float: left; margin: auto; width: 15%; height: 100%; display: flex; align-items: center; justify-content: center; line-height: initial;}
header .whole .nav .search::before{font-weight: bold; font-size: 1.5em;}
header .whole .nav .search_wap{display: none;}
header .whole .nav .search_wap form{top: 100%; width: 100%;}
header .whole .nav .search_wap form input{float: left; width:60%; height:35px; line-height:35px; padding:0 5%; background:#fff; border:solid #7E7E7E 1px;}
header .whole .nav .search_wap form #search{float: left; width:calc(30% - 2px); height:37px; line-height:37px; background:#2b2b2b; text-align: center; color:#fff; cursor:pointer;}
header .whole .nav .search_wap form #search_wap{float: left; width:calc(30% - 2px); height:37px; line-height:37px; background:#2b2b2b; text-align: center; color:#fff; cursor:pointer;}
}
/*banner图*/
div.banner{width: 100%; float:left; margin-bottom:30px; overflow:hidden; position:relative;}
div.banner ul li{float:left; width:100%; height:35vw;}
div.banner ul li a{float: left; width:100%; height:100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
div.banner div.trail{width: 100%; float: left; position: absolute; bottom: 5%; text-align: center; z-index:999; font-size:0;}
div.banner div.trail span{width: 10px; height:10px; line-height:100em; overflow: hidden; margin: 0 0.5em; display: inline-block; border: 1px solid #fff; background: #fff; cursor: pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.banner div.trail span.swiper-pagination-bullet-active{ background: #fff; border-color: #fff; }
div.banner div.arrow span{position: absolute; width:50px; height:50px; background: rgba(0,0,0,0.60); color:#fff; top:calc((100% - 50px)/2); cursor: pointer; z-index:1; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.banner div.arrow span::before{content:"\e627"; display:inline-block; font-size:2em; position:absolute; top:calc((100% - 1.2em)/2); left:calc((100% - 1em)/2);}
div.banner div.arrow span.prev{left:1%;}
div.banner div.arrow span.next{right:1%;}
div.banner div.arrow span.prev::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
@media screen and (max-width:1023px){
div.banner ul li{height: 50vw;}
div.banner{margin-top: 10vh;}
div.banner div.arrow span::before{font-size: 0.1em}
div.banner div.arrow span{width: 5vh;height: 5vh;}
}
/*广告图片*/
div.picture{width: 100%; float:left; position:relative;}
div.picture a{float:left; width:100%; height:25vw; position: relative; overflow:hidden;}
div.picture a img{width:100%; position:absolute; z-index:0; left:0; right:0; top:0; bottom:0; margin:auto;}
@media screen and (max-width:1023px){
div.picture{margin-top: 10vh; width: 100vw; height: 36vw;}
div.picture a{position: initial;display: flex; height: 100%; text-align: center;align-items: center;justify-content: center;}
div.picture a img{position: initial;width: initial; height: 100%;}
}
/*内页顶部位置和导航*/
div.position{float:left; width:100%; padding:15px 0; background:#f5f5f5; margin-bottom:10px;}
div.position span{display:inline-block; font-size:1.4em; color:#818182;}
div.position span a{display:inline-block; color:#818182; margin-left:10px;}
div.position span a::after{content:"\e627"; margin-left:10px;}
div.position span a:hover{color:#1b59a8;}
div.position span:first-child a{margin-left:0;}
div.position span:last-child a::after{content:none;}
@media screen and (max-width:1023px){
/*div.position{margin-top: 10vh; background: initial;}*/
div.position span{font-size: 1em;}
}
/*视图*/
div.view1{float:left; width:100%; position:relative;}
div.view1 div.theme{float: left; width:100%; position: relative;}
div.view1 div.theme::before{content:""; position:absolute; border-bottom:2px solid #4f4f4f; top:calc((100% - 2px)/2); left:0; right:0;}
div.view1 div.theme h2{margin:10px 0; padding:0 20px; background:#fff; display:inline-block; line-height:1em; position:relative; clear:both; font-size:2.5em; color:#181818;}
div.view1 div.theme h2::before{content:""; position:absolute; top:0; left:0; bottom:0; border-left:2px solid #4f4f4f;}
div.view1 div.theme h2::after{content:""; position:absolute; top:0; right:0; bottom:0; border-right:2px solid #4f4f4f;}
div.view1 ul{float:left; width:100%;}
div.view1 ul li{float:left; width:calc((100%/3 - 2%) + (2%/3)); margin:1%; position: relative;}
div.view1 ul li:nth-of-type(3n+1){margin-left:0;}
div.view1 ul li:nth-of-type(3n+3){margin-right:0;}
div.view1 ul li p{float: left; width:100%;}
div.view1 ul li p:nth-of-type(1){height:18vw; overflow:hidden; display:flex;justify-content:center;align-items:center;}
div.view1 ul li p:nth-of-type(2){position:absolute; bottom:0; left:0; right:0; padding:5px 0; background:rgba(0,0,0,0.30);}
div.view1 ul li p:nth-of-type(2) font,div.view1 ul li p:nth-of-type(2) span{float: left; width:100%; text-align:center; color:#fff;}
div.view1 ul li p:nth-of-type(2) font{font-size:1.6em; line-height:1.8em;}
div.view1 ul li p:nth-of-type(2) span{font-size:1.4em; line-height:1.6em;}
div.view1 ul li p img{width:100%;}
div.view1 .more{float:right; margin-top:10px; clear:both; display:inline-block; font-size:1.6em; border:solid #4f4f4f 1px; padding: 0.8%; color:#323232;}
/*div.view1 more a{float:left; width:100%; height:35px; line-height:35px; text-align:center; color:#323232; border:solid #4f4f4f 1px;}*/
@media screen and (max-width:1023px){
div.view1{text-align: center;}
div.view1 div.theme h2{font-size: 1em;}
div.view1 ul li{width: calc((100%/2 - 2%) + (2%/2))}
div.view1 ul li:nth-of-type(2n+2){margin-right: 0}
div.view1 ul li:nth-of-type(3n+3){display: none;}
div.view1 ul li p:nth-of-type(1){height: 48vw;display: flex; align-items: center; text-align: center; justify-content: center;}
div.view1 ul li p img{width: initial;height: 100%;}
div.view1 ul li p:nth-of-type(2) font{font-size: 1em;line-height: 2;}
div.view1 ul li p:nth-of-type(2) span{font-size: 1.2em;line-height: 2;}
div.view1 more{font-size: 1em;width: 20%; float: initial;}
}
div.view2{float:left; width:100%; margin-top:30px; position:relative;}
div.view2 word{font-size:1.4em;}
div.view2 div.list1{float:left; width:100%; margin-top:30px;}
div.view2 div.list1 div.left{float:left; width:20%;}
div.view2 div.list1 div.left h2{float:left; width:100%; font-size:1.8em; border-bottom:solid #e5e5e5 1px; padding-bottom:20px;}
div.view2 div.list1 div.left ul{float:left; width:100%;}
div.view2 div.list1 div.left ul li{float:left; width:100%; border-bottom:solid #e5e5e5 1px;}
div.view2 div.list1 div.left ul li ol{float:left; width:100%; line-height:45px; font-size:1.6em;}
div.view2 div.list1 div.left ul li ol span{margin-right:3px; color:#d3d3d3; pointer-events:none;}
div.view2 div.list1 div.left ul li ol span::after{content:"\e650"; pointer-events:auto; pointer-events:auto; cursor:pointer;}
div.view2 div.list1 div.left ul li ol a{color:#2b2b2b;}
div.view2 div.list1 div.left ul li>ul{float:left; width:90%; margin:10px 0 20px 16%; display:none;}
div.view2 div.list1 div.left ul li>ul li{border:none; font-size:1.2em; line-height:1.8em;}
div.view2 div.list1 div.left ul li>ul li a{color:#666666;}
div.view2 div.list1 div.right{float:left; width:75%; margin-left:5%;}
div.view2 div.list1 div.right ul{float:left; width:100%;}
div.view2 div.list1 div.right ul li{float:left; width:calc((100%/3 - 1%) + (1%/3)); height:18vw; margin:0 0.5%; position:relative;}
div.view2 div.list1 div.right ul li:nth-of-type(3n+1){margin-left:0;}
div.view2 div.list1 div.right ul li:nth-of-type(3n+3){margin-right:0;}
div.view2 div.list1 div.right ul li p{float: left; width:100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
div.view2 div.list1 div.right ul li p:nth-of-type(1){height:13vw; position: relative; overflow: hidden; margin:1vw 0 0;}
div.view2 div.list1 div.right ul li p:nth-of-type(1) img{max-width:100%; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.right ul li p:nth-of-type(2){font-size:1.4em; text-align: center; color:#333333; padding:20px 0;}
div.view2 div.list1 div.right ul li:hover p{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
div.view2 div.list1 div.right ul li:hover p:nth-of-type(1){height:16vw; margin:0;}
div.view2 div.list1 div.right ul li:hover p:nth-of-type(2){ color:#fff; background:rgba(0,0,0,0.50); bottom:0; left:0; right:0; padding:10px 0;}
div.view2 div.list2{float:left; width:100%; margin:30px 0;}
div.view2 div.list2 div.left{float:left; width:45%; margin-right:5%;}
div.view2 div.list2 div.left h1{float:left; width:100%; margin-bottom:20px; font-size:1.8em;}
div.view2 div.list2 div.left h2{float:left; width:100%; margin-top:20px; margin-bottom:10px; font-size:1.4em; color:#000000;}
div.view2 div.list2 div.left text{float:left; width:100%; font-size:1.2em; margin-bottom:20px; line-height:1.6em; color:#666666;}
div.view2 div.list2 div.left p{font-size:1.4em; line-height:1.8em; color:#333333;}
div.view2 div.list2 div.left div.qrcode{float:left; width:120px; height:120px; position:relative; overflow: hidden;}
div.view2 div.list2 div.left div.qrcode img{width:100%;}
div.view2 div.list2 div.right{float:left; width:50%;}
div.view2 div.list2 div.right h1{float:left; width:100%; margin-bottom:20px; font-size:1.8em;}
div.view2 div.list2 div.right iframe{float:left; width:100%; height:30vw; border:none;}
div.view2 div.list3{float:left; width:100%; margin-top:30px;}
div.view2 div.list3 div.top{float:left; width:100%;}
div.view2 div.list3 div.top h2{float:left; display: inline-block; height:30px; line-height: 30px;}
div.view2 div.list3 div.top select{float:right; display: inline-block; border:solid #777777 1px; padding:0 10px; height:30px; line-height: 30px; padding-right:30px; cursor:pointer; background-image:url(/images/img/xiala.png); background-position:70px center; background-size:12px auto; background-repeat: no-repeat;}
div.view2 div.list3 ul{float:left; width:100%;}
div.view2 div.list3 ul li{float:left; width:100%; border-bottom:solid #e5e5e5 1px;}
div.view2 div.list3 ul li dl{float:left; width:100%; margin:25px 0;}
div.view2 div.list3 ul li dl dt{float:left; width:30%; height:14vw; position:relative; overflow:hidden;}
div.view2 div.list3 ul li dl dt img{width:100%;}
div.view2 div.list3 ul li dl dd{float:left; width:65%; margin-left:5%;}
div.view2 div.list3 ul li dl dd h3{float:left; width:100%; font-size:1.6em; font-weight:normal;}
div.view2 div.list3 ul li dl dd h3 a{color:#333333;}
div.view2 div.list3 ul li dl dd p{float:left; width:100%; font-size:1.2em; margin:10px 0; line-height:1.6em; color:#999999;}
div.view2 div.list3 ul li dl dd span{float:left; width:100%; font-size:1.2em; color:#666666; margin-top:20px;}
div.view2 div.list3 ul li dl dd more{float:right; display:inline-block; font-size:1.4em; margin-top:20px;}
div.view2 div.list3 ul li dl dd more a{color:#333333;}
.wap_pro_nav{display: none;}
@media screen and (max-width:1023px){
div.view2{float: initial;width: 95%;margin: 30px auto;}
div.view2 word{font-size: 1em;}
div.view2 div.list1 div.left{display: none;}
div.view2 div.list1 div.right{width: 100%; margin-left: initial; margin-top: 5%;}
div.view2 div.list1 div.right ul li{ width: calc((100%/2 - 1%) + (1%/2)); height: 55vw; margin: initial;}
div.view2 div.list1 div.right ul li:nth-of-type(3n+1){margin-left: initial;margin-right: initial;}
div.view2 div.list1 div.right ul li:nth-of-type(2n+2){margin-right: 0;margin-left: initial;}
div.view2 div.list1 div.right ul li:nth-of-type(3n+3){margin-right: initial;}
div.view2 div.list1 div.right ul li:nth-of-type(2n+1){margin-left: 0; margin-right: 1%;}
div.view2 div.list1 div.right ul li p:nth-of-type(1){height: 45vw;}
div.view2 div.list1 div.right ul li:hover p:nth-of-type(1){height: 48vw;}
div.view2 div.list1 div.right ul li p:nth-of-type(1) img{height: 100%;}
div.view2 div.list1 div.right ul li p:nth-of-type(2){font-size: 100%;padding: 2% 0;}
.wap_pro_nav{display: block;}
div.view2 div.list2 div.left{width: 100%;}
div.view2 div.list2 div.left h1{font-size: 1.2em;}
div.view2 div.list2 div.left p{font-size: 1em;}
div.view2 div.list2 div.left h2{font-size: 1.2em;}
div.view2 div.list2 div.right h1{font-size: 1.2em;}
div.view2 div.list3 ul li dl dt{width: 40%;height: 40vw; display: flex; text-align: center; align-items: center; justify-content: center;}
div.view2 div.list3 ul li dl dt a{height: 100%;}
div.view2 div.list3 ul li dl dt img{width: initial; height: 100%;}
div.view2 div.list3 ul li dl dd{width: 50%;}
div.view2 div.list3 ul li dl dd h3{font-size: 1em;}
div.view2 div.list3 ul li dl dd p{font-size: 0.8em;}
div.view2 div.list3 ul li dl dd span{font-size: 0.8em;}
div.view2 div.list3 ul li dl dd more{font-size: 0.9em;}
div.view2 div.list2 div.right{width: 100%;}
}
div.view3{float:left; width:100%; position:relative;}
div.view3 div.list1{float:left; width:100%; margin-top:30px;}
div.view3 div.list1 div.album{float:left; width:50%;}
div.view3 div.list1 div.album div.bd{float:left; width:100%; background:#a8a39d; background:linear-gradient(to bottom,#a6a19b,#e4e3df);}
div.view3 div.list1 div.album div.bd ul li{ background : #fff; float:left; width:100%; height:25vw; overflow: hidden;display: flex; text-align: center; align-items: center; justify-content: center;}
div.view3 div.list1 div.album div.hd{float:left; width:calc(100% - (60px * 2)); margin:20px 60px 0; position:relative;}
div.view3 div.list1 div.album div.hd li{float:left; width:calc((100%/4 - 2%) + (2%/4) - 2px); margin:1%; border:solid #fff 1px; background:linear-gradient(to bottom,#a6a19b,#e4e3df); cursor:pointer; position:relative; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}
div.view3 div.list1 div.album div.hd li:nth-of-type(4n+1){margin-left:0;}
div.view3 div.list1 div.album div.hd li:nth-of-type(4n+4){margin-right:0;}
div.view3 div.list1 div.album div.hd li p{float:left; width:100%; height:5vw; position:relative; overflow:hidden;display: flex; text-align: center; align-items: center; justify-content: center;}
div.view3 div.list1 div.album div.hd li p img{max-width:100%; position: initial; left:0; right:0; top:0; bottom:0; margin:0;}
div.view3 div.list1 div.album div.hd li.on{border:solid #000000 1px; font-size:30px;}
div.view3 div.list1 div.album div.hd li.on::after{content:"\e6e6"; position: absolute; width:30px; top:-20px; left:calc((100% - 30px)/2);}
div.view3 div.list1 div.album div.hd div.arrow p{position:absolute; top:calc((100% - 45px)/2); width:45px; height:45px; line-height:45px; text-align: center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; cursor:pointer; font-size:4.5em;}
div.view3 div.list1 div.album div.hd div.arrow p::after{content:"\e776"; display:inline-block;}
div.view3 div.list1 div.album div.hd div.arrow p:nth-of-type(1){left:-60px;}
div.view3 div.list1 div.album div.hd div.arrow p:nth-of-type(2){right:-60px;}
div.view3 div.list1 div.album div.hd div.arrow p:nth-of-type(2)::after{transform:rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg);}
div.view3 div.list1 div.detail{float:left; width:47%; margin-left:3%;}
div.view3 div.list1 div.detail h1,div.view3 div.list1 div.detail h2,div.view3 div.list1 div.detail text{float:left; width:100%;}
div.view3 div.list1 div.detail h1{font-size:2.5em; font-weight: normal; margin-bottom:30px; color:#333333;}
div.view3 div.list1 div.detail h2{font-size:1.8em; font-weight: normal; margin:15px 0; color:#333333;}
div.view3 div.list1 div.detail text{font-size:1.4em; line-height:1.8em; padding:10px 0; color:#666666; border-top:solid #e5e5e5 1px; border-bottom:solid #e5e5e5 1px;}
div.view3 div.list1 div.detail text:last-child{border-bottom:none;}
div.view3 div.list2 div.top{float:left; width:100%; border-bottom:solid #e5e5e5 1px;}
div.view3 div.list2 div.top h1{float: left; width:100%; text-align: center; font-size:2.5em; margin-top:50px;}
div.view3 div.list2 div.top p{float: left; width:100%; text-align: center; font-size:1.4em; color:#999999; margin-top:30px; margin-bottom:20px;}
div.view3 div.list2 word{margin:30px 0;}
@media screen and (max-width:1023px){
div.view3{width: 95%; margin: auto; float: initial;}
div.view3 div.list1 div.album{width: 100%; margin-bottom: 5%;}
div.view3 div.list1 div.album div.bd ul li{height: 45vh;}
div.view3 div.list1 div.album div.bd ul li img{width: 100%;}
div.view3 div.list1 div.detail{ width: 100%; margin-left: initial; font-size: 0.8em;}
div.view3 div.list1 div.album div.hd li p{height: 10vh; }
div.view3 div.list1 div.album div.hd li p img{max-width: initial; width: 100%;position:initial;}
div.view3 div.list1 div.album div.hd div.arrow p{top: 45%;transform: translateY(-50%);}
div.view3 div.list1 div.album div.hd div.arrow p::after{font-size: 0.8em;}
div.view3 div.list2 div.top h1{font-size: 1em;}
div.view3 div.list2 div.top p{font-size: 0.8em;}
div.view3 div.list2 word{font-size: 0.8em;}
}
/*内容*/
word{width:100%; float:left; min-height:500px; overflow:hidden;}
word iframe{float:left; width:100%; height:500px;}
word video{float:left; width:100%; height:500px;}
word img{max-width:100%;}
@media screen and (max-width:1023px){

}
/*分页*/
.page.s1 a{border:solid #2b2b2b 1px; color:#2b2b2b;}
.page{width: 100%; float: left; text-align: center; margin:50px 0; }
.page a:first-child,.page a:last-child{position: relative;}
.page a:first-child::after{content:"\e6e6"; position:absolute; width:30px; height:30px; top:calc((100% - 30px)/2); left:calc((100% - 30px)/2); font-size:1.8em; display:inline-block; transform:rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.page a:last-child::after{content:"\e6e6"; position:absolute; width:30px; height:30px; top:calc((100% - 30px)/2); left:calc((100% - 30px)/2); font-size:1.8em; display:inline-block; transform:rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.page a{line-height: 3em; padding: 0.7em 1em; margin: 0 0.1em; color:#999999; background:#fff; font-size: 1.4em; position: relative;}
.page a:hover {background:#2b2b2b; color: #fff; border-color: #2b2b2b;}
.page .prev,.page .next{position: relative;}
.page .prev:hover,.page .next:hover{background:none; color:#2b2b2b;}
.page .prev::after{content:"\e6e6"; position:absolute; width:30px; height:30px; top:calc((100% - 30px)/2); left:calc((100% - 30px)/2); font-size:1.8em; display:inline-block; transform:rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.page .next::after{content:"\e6e6"; position:absolute; width:30px; height:30px; top:calc((100% - 30px)/2); left:calc((100% - 30px)/2); font-size:1.8em; display:inline-block; transform:rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.page .active{background:#2b2b2b; color: #fff; border-color: #2b2b2b;}
@media screen and (max-width:1023px){
.page{margin: 6% 0;}
.page a{font-size: 0.8em;}
.page a:first-child::after{width: 2vh;height: 2vh; top: 55%; left: 20%; transform: translateY(-50%) rotate(-90deg);}
.page a:last-child::after{width: 2vh;height: 2vh; top: 45%; left: 5%; transform: translateY(-50%) rotate(90deg);}
}
/*底部导航*/
footer{float:left; width:100%; margin-top:30px; position:relative; z-index:2; background:#2b2b2b;}
footer div.co-brand{float:left; width:100%; border-bottom:solid #4b4b4b 1px;}
footer div.co-brand ul li{float:left; width:calc((100%/8 - 4%) + (4%/8)); height:80px; margin:1% 2%; position:relative;}
footer div.co-brand ul li:nth-of-type(8n+1){margin-left:0;}
footer div.co-brand ul li:nth-of-type(8n+8){margin-right:0;}
footer div.co-brand ul li img{max-width:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
footer div.nav{float:left; width:100%; margin:45px 0; display: flex; display:-webkit-flex; justify-content: space-between; align-items:flex-start; flex-wrap: nowrap;}
footer div.nav ul{float:left; width:11%; margin:0 1%;}
footer div.nav ul ol{float:left; width:100%; margin-bottom:20px; font-size:1.6em; color:#fff;}
footer div.nav ul li{float:left; width:100%; font-size:1.4em; line-height:2em;}
footer div.nav ul li img{float:left; width:20px; margin-right:10px; margin-top:3px;}
footer div.nav ul li a{color:#a5a5a5;}
footer div.rule ul{float:left; width:100%; margin-bottom:20px; text-align: center;}
footer div.rule ul li{display:inline-block; margin:0 5px; font-size:1.4em; position: relative;}
footer div.rule ul li::after{content:""; position:absolute; top:10%; bottom:10%; right:-7px; border-left:solid #a5a5a5 1px;}
footer div.rule ul li:last-child::after{border-left:none;}
footer div.rule ul li a{color:#a5a5a5;}
footer div.copyright{float:left; width:100%; padding:20px 0; border-top:solid #4b4b4b 1px; text-align:center; font-size:1.4em; color:#a5a5a5;}
footer div.copyright a{color:#a5a5a5;}

.fot_fixed{ width: 5%; height: 40vh; display: inline-block; text-align: center; align-items: center; justify-content: center; position: fixed;top: 40%;right: 0;transform: translateY(-50%);background: rgba(0, 0, 0, 0.5); color: #fff; z-index: 999999;}
.fot_fixed li{margin-bottom: 10%; width: 100%; height: calc(40vh/5); display: flex; text-align: center; align-items: center; justify-content: center; }
.fot_fixed li:last-child{margin-bottom: 0;}
.fot_fixed li a{color: #fff; display: block;}
.fot_fixed li p{padding: 5% 0;}
.fot_fixed li a img{ display: block; margin: auto;}

.footer{display: none;}
@media screen and (max-width:1023px){
.footer{display: block;}
footer div.nav{display: none;}
footer div.rule ul{font-size: 0.3em;}
footer div.rule ul li{font-size: 0.4em;}
footer div.copyright{font-size: 0.1em;}
footer div.co-brand{float: initial;display: inline-block;}
footer div.co-brand ul li{width: 100%;}
footer div.co-brand ul li:nth-of-type(8n+1){margin-left:initial;}
footer div.co-brand ul li:nth-of-type(8n+8){margin-right:initial;}
footer div.co-brand ul li:nth-of-type(4n+1){margin-left:0;}
footer div.co-brand ul li:nth-of-type(4n+4){margin-right:0;}

.fot_fixed{width: 15vw;}
.fot_fixed li p{font-size: 0.1em;}
.fot_fixed li a img{width: 60%;}
}
/*返回顶部*/
div.BackTop{display:none; position:fixed; z-index:99; right:1em; bottom:1em; font-size:3em; width:45px; height:45px; line-height:45px; background:#c1c1c1; color:#727272; cursor:pointer; text-align:center; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.BackTop::before{content:"\e629"; display:inline-block; transform:rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
div.BackTop:hover{background:#0076ce; color:#fff;}
@media screen and (max-width:1023px){

}
/*分享*/
div.share{float:left; width:100%; text-align:center; margin-top:20px;}
div.share a::before{content:""; display:inline-block; padding:20px; margin:0 10px; background-repeat:no-repeat; background-position: center center; background-size: 100% auto;}
div.share a.icon-wechat{position:relative;}
div.share a.icon-wechat::before{background-image:url(/images/img/Wechat.png);}
div.share a.icon-wechat div.wechat-qrcode{display:none; position:absolute; z-index:999; top:25px; width:150px; left:calc((100% - 150px)/2); 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 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);}
div.share a.icon-wechat div.wechat-qrcode h4{font-size:1.4em; color:#353535; margin:10px 0;}
div.share a.icon-wechat div.wechat-qrcode p.tips{margin:10px 0; color:#3F3F3F; font-size:1.2em;}
div.share a.icon-wechat:hover>div.wechat-qrcode{display:block;}
div.share a.icon-facebook::before{background-image:url(/images/img/Facebook.png);}
div.share a.icon-linkedin::before{background-image:url(/images/img/Linkedin.png);}
div.share a.icon-twitter::before{background-image:url(/images/img/Twitter.png);}
div.share a.icon-youtube::before{background-image:url(/images/img/YouTube.png);}
/*缩放动画*/
@keyframes scaleDraw{ /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0%{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1);}
25%{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
50%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
75%{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
}