@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:'华文行楷';  
  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;}
.clear { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; visibility: 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;}

.socialmedias{
background:#fff;border:solid 1px #1b59a8;
position:fixed;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
bottom:36%;
right:20px;
z-index:100;
font-size:13px;
border-radius:8px 8px 0px 0px;
}
.socialmedias div{background:#1b59a8;display:flex;flex-direction:column;justify-content:center;padding:2px;border-radius:6px 6px 0px 0px;}
.socialmedias div span{font-size:13px;color:#FFF;text-align:center;margin:0px;}
.socialmedias a{margin:2px 2px;}
.socialmedias a img{width:32px;height:32px;border:dotted 1px #eee;}

/*手机端*/
@media screen and (max-width:1023px){
div.empty{font-size:0.16em;}
body{margin-top:80px;}
.socialmedias{
right:0px;
}
.socialmedias div{}
.socialmedias div span{font-size:8px;width:20px;overflow:hidden;}
.socialmedias a img{width:16px;height:16px;}
}
/*定义主体*/
whole{float:left; width:100%; background-position:center center; background-size: cover; background-repeat: no-repeat;}
whole.tone1{background:#f0f0f0;}
whole.tone2{background:#1b59a8;}
whole.tone3{background:#ffffff;}
whole.tone4{background:#123366;}
whole.grid:nth-of-type(even){background:#f5f5f5;}
whole.web{display:block;}
whole.wap{display:none;}
@media screen and (max-width:1023px){
whole.web{display:none;}
whole.wap{display:block;}
}
/*定义内容大小*/
section{margin:0 auto; width:1200px;}
@media screen and (max-width:1023px){
section{width:94%;}
}
/*主题文字*/
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{float:left; width:100%;}
header div.web div.top{float:left; width:100%; margin:15px 0 10px 0}
header div.web div.top div.left{float:left; width:30%;}
header div.web div.top div.left p{display:inline-block; font-size:1.4em; color:#6a6a6a; line-height:2em;}
header div.web div.top div.left p a{display:inline-block; margin-left:10px; position:relative; color:#6a6a6a;}
header div.web div.top div.left p a::before{ content:""; position:absolute; top:25%; bottom:25%; left: -5px; border-left:1px solid #6a6a6a;}
header div.web div.top div.left p a:hover{color:#fa7226;}
header div.web div.top div.right{float:right; display:inline-block; font-size:1.4em;}
header div.web div.top div.right ul.nav{float:left; display:inline-block;}
header div.web div.top div.right ul.nav li{float:left; margin:0 10px; position:relative; color:#6a6a6a; line-height:2em;}
header div.web div.top div.right ul.nav li::before{ content:""; position:absolute; top:25%; bottom:25%; left:-10px; border-left:1px solid #6a6a6a;}
header div.web div.top div.right ul.nav li:first-child::before{content:none;}
header div.web div.top div.right ul.nav li:first-child a{margin-left:10px; color:#fa7226;}
header div.web div.top div.right ul.nav li font{cursor:pointer;}
header div.web div.top div.right ul.nav li font:hover{color:#fa7226;}
header div.web div.top div.right ul.nav li a{color:#6a6a6a;}
header div.web div.top div.right ul.nav li a:hover{color:#fa7226;}
header div.web div.top div.right ul.lang{float:left; display:inline-block; margin:0 10px;}
header div.web div.top div.right ul.lang li{float:left; margin:0 5px; position:relative; color:#000000; line-height:2em;}
header div.web div.top div.right ul.lang li a{color:#000000;}
header div.web div.top div.right ul.lang li a:hover{color:#fa7226;}
header div.web div.top div.right ul.lang li.active a{color:#1b59a8;}
header div.web div.top div.right select::-ms-expand{display: none;}
header div.web div.top div.right select{float: left; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 20px 5px 10px; margin-left:10px; border: 1px solid #6a6a6a; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-image: url(/images/img/0123.png); background-repeat: no-repeat; background-size: 15px auto; background-position: right center; }
header div.web div.PageHead{float:left; width:100%; margin:30px 0;}
header div.web div.PageHead div.logo{float:left; width:60%; height:80px;}
header div.web div.PageHead div.logo a{float:left; width:100px; height:80px; position:relative;}
header div.web div.PageHead div.logo a img{max-width:100%; position:absolute; top:0; left:0; bottom:0; margin:auto;}
header div.web div.PageHead div.logo p{float:left; width:calc(70% - 100px - 4%); margin-left:2%; padding:20px 0 20px 2%; position:relative;}
header div.web div.PageHead div.logo p::before{content:""; position:absolute; border-left:1px solid #818182; top:10%; bottom:10%; left:0;}
header div.web div.PageHead div.logo p span{float:left; width:100%;}
header div.web div.PageHead div.logo p span:nth-of-type(1){font-size:2em; font-weight:700; color:#181818;}
header div.web div.PageHead div.logo p span:nth-of-type(2){font-size:1.6em; color:#333333;}
header div.web div.PageHead div.info{float:right; display: inline-block; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap:nowrap;}
header div.web div.PageHead div.info div.Hotline{float:left; display: inline-block; margin-right:20px;}
header div.web div.PageHead div.info div.Hotline p{float:left; display: inline-block; padding-left:4.5em; position: relative; color:#181818;}
header div.web div.PageHead div.info div.Hotline p::before{content:"\e60a"; font-size:4em; position:absolute; left:0; top:0.15em; color:#1b59a8;}
header div.web div.PageHead div.info div.Hotline p span{font-size:2em; line-height:1.4em;}
header div.web div.PageHead div.info div.qrcode{float:left; margin-left:20px;}
header div.web div.PageHead div.info div.qrcode p:nth-of-type(1){float:left; height:80px; text-align:center; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-size:1.4em;}
header div.web div.PageHead div.info div.qrcode p:nth-of-type(2){float:left; display:inline-block; position:relative; width:80px; height:80px; margin-left:10px;}
header div.web div.PageHead div.info div.qrcode p:nth-of-type(2) img{max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
header div.web div.nav{float:left; width:100%;}
header div.web div.nav ul{float:left; width:100%; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
header div.web div.nav ul li{float:left; display:inline-block; padding:0 10px; font-size:1.4em;}
header div.web div.nav ul li a{float:left; color:#fff; width:100%; padding:15px 0;}
header div.web div.nav ul li:hover{background:#040504;}
header div.web div.nav ul li.active{background:#040504;}
header div.web div.nav ul li.active a{color:#fff;}
header div.wap{display:none; float:left; width:100%;}
header div.wap div.top{float:left; width:100%; display: inline-flex; display:-webkit-flex; align-items: center; flex-wrap: nowrap;}
header div.wap div.top div.logo{float:left; width:27%; margin-left:3%;}
header div.wap div.top div.logo a{float:left; width:100%; height:80px; position: relative; overflow: hidden;}
header div.wap div.top div.logo a img{max-width:80%; position:absolute; top:0; left:0; bottom:0; margin:auto;}
header div.wap div.top div.nav{float:left; width:57%; overflow:auto;}
header div.wap div.top div.nav::-webkit-scrollbar {display: none;}
header div.wap div.top div.nav ul{display:flex;white-space: nowrap;}
header div.wap div.top div.nav ul li{font-size:0.14em; padding:8px;}
header div.wap div.top div.nav ul li a{color:#000000;}
header div.wap div.top div.nav ul li.on a{color:#1b59a8;}
header div.wap div.top div.more{float:left; width:10%; margin:0 3%; height:1em; position:relative; font-size:0.28em; pointer-events:none;}
header div.wap div.top div.more::before{content:"\e660"; position:absolute; top:0; left:0; bottom:0; margin:auto; pointer-events:auto;}
header div.wap div.top div.more.active::before{color:#1b59a8;}
header div.wap div.top div.vertical{display:none; position:absolute; z-index:500; top:80px; left:0; right:0; background:#fff; box-shadow:0px 0px 10px -5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.1); -o-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.1); -ms-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.1);}
header div.wap div.top div.vertical ul{float:left; width:100%; height:calc(100vh - 80px); overflow-x:hidden;}
header div.wap div.top div.vertical ul::scrollbar{display: none;}
header div.wap div.top div.vertical ul::-webkit-scrollbar{display: none;}
header div.wap div.top div.vertical ul::-moz-scrollbar{display: none;}
header div.wap div.top div.vertical ul::-o-scrollbar{display: none;}
header div.wap div.top div.vertical ul::-ms-scrollbar{display: none;}
header div.wap div.top div.vertical ul li{float:left; width:94%; margin:0 3%; padding:10px 0; font-size:0.14em; text-align:center; border-bottom:1px solid #f5f5f5;}
header div.wap div.top div.vertical ul li a{color:#000000;}
@media screen and (max-width:1023px){
header{position:fixed; z-index:999; left:0; top:0; right:0; 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);}
header div.web{display:none;}
header div.wap{display:block;}
}
/*banner图*/
div.banner{width: 100%; float: left; overflow:hidden;}
div.banner,div.banner ul.box,div.banner ul.box li,div.banner ul.box li ol{float: left; width: 100%; position: relative;}
div.banner ul.box li{float: left; width: 100%; height:30vw;}
div.banner ul.box li a{float: left; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.banner ul.box li a div.slogan{float:left; width:94%; margin:0 3%; text-align:center; color:#fff; 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;}
div.banner ul.box li a div.slogan font{float:left; width:100%; font-size:6.5em; font-weight:bold;}
div.banner ul.box li a div.slogan p{float:left; width:100%; font-size:1.6em; margin-top:20px;}
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:999; 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:"\e602"; 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.next::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
/*公告栏*/
div.notice{width:100%; float: left; overflow:hidden; background:#fff;}
div.notice ul.box li{float:left; width:calc(100%/2); font-size:16px; text-align:center; margin:15px 0;}
div.notice ul.box li a{margin:0 10%; display: inline-block; color:#181818;}
div.notice ul.box li a::before{content:"\e687"; margin-right:5px; font-weight:700;}
div.notice ul.box li a:hover{color:#1b59a8;}
/*产品搜索*/
div.search.s1{background:none;}
div.search{width:100%; float:left; overflow:hidden; background:#fff; margin:10px 0; padding:30px 0; display: flex; display:-webkit-flex; justify-content: center; align-items:flex-start; flex-wrap: nowrap;}
div.search div.theme{width:15%;}
div.search div.theme p:nth-of-type(1){font-size:3.3em;}
div.search div.theme p:nth-of-type(2){font-size:1em;}
div.search form{width:30%; float:left; margin-top:8px;}
div.search form div.InputText{float:left; width:100%; border:2px solid #1b59a8;}
div.search form div.InputText p{float:left; display:inline-block; height:45px; line-height:45px;}
div.search form div.InputText p:nth-of-type(1){width:80%;}
div.search form div.InputText p:nth-of-type(1) input{width:90%; height:100%; font-size:1.4em; padding:0 5%;}
div.search form div.InputText p:nth-of-type(2){width:20%; font-size:3em; text-align:center; background:#1b59a8; color:#fff; cursor:pointer;}
div.search form div.InputText p:nth-of-type(2):hover{background:#0E4994;}
div.search form div.InputText p:nth-of-type(2)::before{content:"\e605";}
div.search form ul.HotSearch{float:left; width:100%; font-size:1.2em; margin-top:10px;}
div.search form ul.HotSearch ol{float: left; display: inline-block; margin:0 10px; color:#FF0004; line-height:1.6em;}
div.search form ul.HotSearch li{float: left; display: inline-block; margin:0 5px; line-height:1.6em;}
div.search form ul.HotSearch li a{color:#818182;}
div.search form ul.HotSearch li a:hover{color:#fa7226;}
div.search form div.tips{float:left; width:100%; margin:50px 0 30px; text-align:center; font-size:3em;}
@media screen and (max-width:1023px){
div.search{display:none;}
}
/*广告图片*/
div.picture.s1 a{height:20vw;}
div.picture{width: 100%; float:left; position:relative;}
div.picture a{float:left; width:100%; height:18vw; 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;}
/*大图*/
div.bigimg{float:left; width:100%;}
div.bigimg img{float:left; width:100%;}

div.gong{float: left; width: calc(100% - 6%); padding: 0 3%; position: relative; background-color: #fff; background-image: url(/images/); background-repeat: no-repeat; background-position: center center; background-size: cover;}
div.gong::before{content:""; position:absolute; width:20px; height:20px; top:88px; border:3px solid #1b5aa9; left:calc((100% - 26px)/2); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.gong::after{content:""; position:absolute; border-right:2px solid #505050; left:calc((100% - 2px)/2); top:111px; bottom:100px;}
div.gong h2{float:left; width:100%; margin-top:2.5%; font-size:25px; text-align:center;}
div.gong ul{float:left; width:calc((100% - 20%)/2); margin:2.5% 10%;}
div.gong ul:nth-of-type(2n+1){margin-left:0;}
div.gong ul:nth-of-type(2n+2){margin-right:0; margin-top:100px;}
div.gong ul li{float:left; width:100%; position:relative; background:#f5f5f5; margin:10px 0;}
div.gong ul li span{position:absolute; z-index:1; width:135px; height:150px; font-size:16px; color:#fff; display:flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: wrap;}
div.gong ul li span::after{content:""; position:absolute; z-index:-1; left:0; right:0; top:0; bottom:0; background-image: url(/images/img/maopao.png); background-repeat: no-repeat; background-position: center center; background-size:contain;}
div.gong ul:nth-of-type(2n+1) li span{padding-left:15px; top:8%; left:calc(100% + 30px);}
div.gong ul:nth-of-type(2n+1) li span::after{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
div.gong ul:nth-of-type(2n+2) li span{padding-right:15px; bottom:8%; right:calc(100% + 30px);}
div.gong ul:nth-of-type(2n+2) li span::after{transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg);}
div.gong ul li font{float:left; width:calc(100% - 20px); margin:10px; font-size:18px; color:#1958a7; }
div.gong ul li p{float:left;}
div.gong ul li p:nth-of-type(1){width:100%; height:300px; position:relative; overflow: hidden; }
div.gong ul li p:nth-of-type(1) img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.gong ul li p:nth-of-type(2){width:calc(100% - 20px); margin:10px; font-size:16px; line-height:20px;}
@media screen and (max-width:1023px){
  div.gong ul li p:nth-of-type(1){height:1em;}
  
}
/*内页顶部位置和导航*/
div.position{float:left; width:100%; border-bottom:1px dashed #bfbfc0; padding:10px 0; 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:"\e72a"; margin-left:10px;}
div.position span a:hover{color:#1b59a8;}
div.position span:last-child a::after{content:none;}
@media screen and (max-width:1023px){
div.position{font-size:0.12em;}
div.position span{font-size:1em;}
div.position span a{margin-left:0;}
div.position span a::after{margin-left:0;}
}
/*视图*/
div.view1{float:left; width:100%; position:relative;}
div.view1 div.theme{margin:20px 0;}
div.view1 div.theme h2{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; left:-50px; width:30px; border-bottom:1px solid #4f4f4f; top:calc((1em - 1px)/2);}
div.view1 div.theme h2::after{content:""; position:absolute; right:-50px; width:30px; border-bottom:1px solid #4f4f4f; top:calc((1em - 1px)/2);}
div.view1 div.theme p{float:left; width:100%; text-align:center; font-size:1.4em; margin-top:10px; color:#6e6e6e;}
@media screen and (max-width:1023px){
div.view1 div.theme{float:left; width:100%; margin:0; text-align:center;}
div.view1 div.theme h2{float:left; width:100%; font-size:0.2em; color:#174ea1;}
div.view1 div.theme h2::before{content:none;}
div.view1 div.theme h2::after{content:none;}
div.view1 div.theme p{font-size:0.12em; margin-top:10px;}
div.view1 div.theme p span{position:relative;}
div.view1 div.theme p span::before{content:""; position:absolute; left:-50px; width:30px; border-bottom:1px solid #4f4f4f; top:calc((1.2em - 1px)/2);}
div.view1 div.theme p span::after{content:""; position:absolute; right:-50px; width:30px; border-bottom:1px solid #4f4f4f; top:calc((1.2em - 1px)/2);}
}
div.view1 div.bigimg.s1{width:100%; padding:0; margin:0; background:none;}
div.view1 div.bigimg{float:left; width:96%; padding:2%; margin:30px 0; background:#fff;}
div.view1 div.term{float:left; width:12%; padding:10px 0; position:absolute; top:0; left:5%; z-index:0; text-align:center; color:#fff;}
div.view1 div.term font{font-size:8em; font-weight:bold;}
div.view1 div.term h2{font-size:2em; font-weight:normal; margin-bottom:10px;}
div.view1 div.term::after{content:""; position: absolute; z-index:-1; top:0; bottom:0; right:0; left:0; transform:skew(-5deg); -webkit-transform:skew(-5deg); -moz-transform:skew(-5deg); -o-transform:skew(-5deg); -ms-transform:skew(-5deg);  background:#fa6400;}
div.view1 div.video{float:left; width:60vw; background:#fff; position:absolute; left:calc((100% - 60vw)/2); top:300px;}
div.view1 div.video div.CuPc{float:left; width:96%; height:500px; margin:2%;}
@media screen and (max-width:1023px){
div.view1{margin-top:3%;}
}
div.view1 ul.list1{float:left; width:100%; background:#1b59a8; padding:10px 0;}
div.view1 ul.list1 li{float:left; width:calc((100%/4 - 2%) + (2%/4)); padding:1%; position: relative;}
div.view1 ul.list1 li::after{content:""; position:absolute; top:10%; bottom:10%; right:0; border-right:1px solid #fff;}
div.view1 ul.list1 li:last-child::after{content:none;}
div.view1 ul.list1 li:nth-of-type(4n+1){padding-left:0;}
div.view1 ul.list1 li:nth-of-type(4n+4){padding-right:0;}
div.view1 ul.list1 li p{float:left; width:100%; color:#fff; text-align: center; display: flex; display:-webkit-flex; justify-content: center; align-items:flex-start; flex-wrap: nowrap;}
div.view1 ul.list1 li p:nth-of-type(1){font-size:3em;}
div.view1 ul.list1 li p:nth-of-type(1) font{font-size:0.5em; display: inline-block; margin-left:10px; text-align:left;}
div.view1 ul.list1 li p:nth-of-type(1) font a{color:#fa6400;}
div.view1 ul.list1 li p:nth-of-type(2){font-size:1.6em; margin-top:10px;}
@media screen and (max-width:1023px){
div.view1 ul.list1{display:none;}
}
div.view1 dl.list2{float:left; width:96%; padding:2%; background:#fff; margin-bottom:30px;}
div.view1 dl.list2 ol{display:none;}
div.view1 dl.list2 dt{float:left; width:50%;}
div.view1 dl.list2 dt img{width:100%;}
div.view1 dl.list2 dd{float:left; width:40%; margin:0 5%;}
div.view1 dl.list2 dd font{float:left; width:100%; font-size:5em; font-weight:bold; color:#d8dfec;}
div.view1 dl.list2 dd h2{float:left; font-size:2em; display: inline-block; padding:10px 0 20px 0; position:relative; margin-left:4em;}
div.view1 dl.list2 dd h2::after{content:""; position:absolute; left:30%; right:30%; bottom:10%; border-bottom:2px solid #828282;}
div.view1 dl.list2 dd text{float:left; width:100%; margin:30px 0; font-size:1.4em; line-height:2em; color:#313131;}
div.view1 dl.list2 dd div.sign{float:right; width:30%; margin:0 10% 0 60%;}
div.view1 dl.list2 dd div.sign p{float:left; width:100%; text-align:center;}
div.view1 dl.list2 dd div.sign p:nth-of-type(1){color:#121212; font-family:"华文行楷"; font-size:2.5em;}
div.view1 dl.list2 dd div.sign p:nth-of-type(2){margin-top:5px; color:#313131; font-size:1.6em;}
div.view1 dl.list2 dd div.sign p:nth-of-type(2)::after{content:"\e600"; color:#fa6400;}
@media screen and (max-width:1023px){
div.view1 dl.list2 ol{display:block; text-align: center;}
div.view1 dl.list2 ol h2{font-size:0.2em; padding:10px 0 20px 0; margin-bottom:20px; position:relative; color:#174ea1;}
div.view1 dl.list2 ol h2::after{content:""; position:absolute; left:35%; right:35%; bottom:0; border-bottom:1px solid #828282;}
div.view1 dl.list2 dt{width:100%;}
div.view1 dl.list2 dt img{float: left;}
div.view1 dl.list2 dd{width:90%;}
div.view1 dl.list2 dd h2{display:none;}
div.view1 dl.list2 dd font{display:none;}
div.view1 dl.list2 dd text{font-size:0.14em; margin:10px 0;}
div.view1 dl.list2 dd div.sign{width:50%; margin:10px 0 20px 50%;}
div.view1 dl.list2 dd div.sign p:nth-of-type(1){font-size:0.25em;}
div.view1 dl.list2 dd div.sign p:nth-of-type(2){font-size:0.16em;}
div.view1 dl.list2.m1{padding:8% 2% 0; margin-bottom:0; background:none;}
div.view1 dl.list2.m1 ol{float: left; width:100%; height:42vw; margin:10px 0; position: relative; overflow: hidden;}
div.view1 dl.list2.m1 ol img{width:100%;}
div.view1 dl.list2.m1 dt ul{float: left; width:100%; margin:10px 0 20px; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view1 dl.list2.m1 dt ul li{float: left; width:calc(100%/4);}
div.view1 dl.list2.m1 dt ul li p{text-align: center;}
div.view1 dl.list2.m1 dt ul li p font{color:#174ea1; font-weight:700;}
div.view1 dl.list2.m1 dt ul li p span{font-size:0.5em; margin-left:5px;}
div.view1 dl.list2.m1 dt ul li p:nth-of-type(1){font-size:0.16em; display: flex; display:-webkit-flex; justify-content: center; align-items:flex-start; flex-wrap: nowrap;}
div.view1 dl.list2.m1 dt ul li p:nth-of-type(2){font-size:0.1em;}
div.view1 dl.list2.m1 dd text{font-size:0.12em;}
div.view1 dl.list2.m1 dd more{float: left; width:100%; font-size:0.14em; margin-bottom:20px;}
div.view1 dl.list2.m1 dd more a{float:left; width:35%; margin:0 calc((100% - 35%)/2); text-align:center; background:#d01329; color:#fff; padding:5px 0; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em;}
}
div.view1 ul.list2{float:left; width:100%;}
div.view1 ul.list2 li{float:left; width:calc((100%/4 - 4%) + (4%/4)); margin:2%; position:relative;}
div.view1 ul.list2 li:nth-of-type(4n+1){margin-left:0;}
div.view1 ul.list2 li:nth-of-type(4n+4){margin-right:0;}
div.view1 ul.list2 li dl dt{float:left; width:100%; height:16vw; background:#fff; position:relative; overflow:hidden;}
div.view1 ul.list2 li dl dt::before{content:""; position: absolute; width:50px; height:50px; top:0; left:3%; background-image:url(/images/img/hot.png); background-position:top center; background-size:29px auto; background-repeat: no-repeat;}
div.view1 ul.list2 li dl dt img{max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 ul.list2 li dl dd{float:left; width: calc(100% - 4px); border: 2px solid #fff; text-align:center; padding:10px 0;}
div.view1 ul.list2 li dl dd p{font-size:1.4em;}
div.view1 ul.list2 li dl dd p a{color:#fff;}
div.view1 ul.list2 li dl dd p:nth-of-type(1){float:left; width:100%; height:3em; line-height:1.6em; padding:5px 0; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden;}
div.view1 ul.list2 li dl dd p:nth-of-type(2){display:inline-block; padding:5px 15px; margin-top:10px; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em; background:#fa6400;}

div.view1 ul.list3.s1{margin:10px 0 50px 0;}
div.view1 ul.list3.s1 li{float:left; width:calc((100%/3 - 2%) + (2%/3)); height:9vw; margin:1%; border:none; position:relative; overflow:hidden; padding:0;}
div.view1 ul.list3.s1 li:nth-of-type(3n+1){margin-left:0;}
div.view1 ul.list3.s1 li:nth-of-type(3n+3){margin-right:0;}
div.view1 ul.list3.s1 li img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 ul.list3{float:left; width:100%; margin-top:50px;}
div.view1 ul.list3 li{float:left; width:calc((100%/3 - 1px)); border:1px solid #828282; margin-right:-1px; margin-bottom:-1px; padding:20px 0;}
div.view1 ul.list3 li p{float: left; width:50%; margin:0 calc((100% - 50%)/2); text-align:center;}
div.view1 ul.list3 li p:nth-of-type(1){height:12em; position:relative;}
div.view1 ul.list3 li p:nth-of-type(1) img{max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 ul.list3 li p:nth-of-type(2){font-size:2em; height:2em; position:relative; padding-bottom:10px;}
div.view1 ul.list3 li p:nth-of-type(2)::after{content:""; position: absolute; bottom:0; left:20%; right:20%; border-bottom:2px solid #1b59a8;}
div.view1 ul.list3 li p:nth-of-type(3){font-size:1.4em; height:5em; line-height:1.6em; margin-top:10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
@media screen and (max-width:1023px){
div.view1 ul.list3.s1{margin:10px 0 30px;}
div.view1 ul.list3.s1 li{width:100%; margin:2% 0; height:40vw;}
div.view1 ul.list3.s2{margin:10px 0 30px;}
div.view1 ul.list3.s2 li{width:calc((100%/3 - 2% - 2px) + (2%/3)); margin:1%;}
div.view1 ul.list3.s2 li:nth-of-type(3n+1){margin-left:0;}
div.view1 ul.list3.s2 li:nth-of-type(3n+3){margin-right:0;}
div.view1 ul.list3.s2 li p{float:left; width:100%; margin:0; height:auto;}
div.view1 ul.list3.s2 li p span{float:left; width:100%; text-align:center; line-height:1.4em;}
div.view1 ul.list3.s2 li p span:nth-of-type(1){font-size:0.25em; font-weight:bold;}
div.view1 ul.list3.s2 li p span:nth-of-type(2){font-size:0.12em;}
}
div.view1 div.list4{float:left; width:96%; margin:20px 0; padding:2%; background:#fff;}
div.view1 div.list4 div.hd{float:left; width:20%;}
div.view1 div.list4 div.hd ul li{float:left; width:100%; background:#777777; text-align:center; font-size:1.6em; margin:1px 0; padding:15px 0; position:relative; z-index:1;}
div.view1 div.list4 div.hd ul li a{color:#fff;}
div.view1 div.list4 div.hd ul li.on{background:#1b59a8;}
div.view1 div.list4 div.hd ul li.on::after{content:"\e600"; color:#1b59a8; position:absolute; z-index:0; right:-0.7em; display:inline-block; transform:rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
div.view1 div.list4 div.bd{float:left; width:78%; margin-left:2%;}
div.view1 div.list4 div.bd ul li{float:left; width:calc((100%/3 - 2%) + (2%/3)); margin:1%;}
div.view1 div.list4 div.bd ul li:nth-of-type(3n+1){margin-left:0;}
div.view1 div.list4 div.bd ul li:nth-of-type(3n+3){margin-right:0;}
div.view1 div.list4 div.bd ul li p:nth-of-type(1){float: left; width: calc(100% - 2px); border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; height:15vw; position: relative; }
div.view1 div.list4 div.bd ul li p:nth-of-type(1) img{max-height:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 div.list4 div.bd ul li p:nth-of-type(2){float:left; width:90%; padding:10px 5%; background:#1b59a8; font-size:1.4em; line-height:1.8em; height:3em; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden; text-align:center;}
div.view1 div.list4 div.bd ul li p:nth-of-type(2) a{color:#fff;}
@media screen and (max-width:1023px){
div.view1 div.theme p{margin-bottom:10px;}
div.view1 div.list4{background:none;}
div.view1 div.list4 div.hd{width:100%;}
div.view1 div.list4 div.hd ul li{font-size:0.14em; width:calc((100%/4 - 2%) + (2%/4)); margin:1%; padding:10px 0; background:#fff;}
div.view1 div.list4 div.hd ul li:nth-of-type(4n+1){margin-left:0;}
div.view1 div.list4 div.hd ul li:nth-of-type(4n+4){margin-right:0;}
div.view1 div.list4 div.hd ul li a{color:#343434;font-size:12px;}
div.view1 div.list4 div.hd ul li span{display:none;}
div.view1 div.list4 div.hd ul li.on{background:#d01329;}
div.view1 div.list4 div.hd ul li.on a{color:#fff;}
div.view1 div.list4 div.hd ul li.on::after{content:none;}
div.view1 div.list4 div.bd{width:100%; margin-left:0;}
div.view1 div.list4 div.bd ul li{width:calc((100%/2 - 2%) + (2%/2)); margin:1%; background:#fff;}
div.view1 div.list4 div.bd ul li:nth-of-type(3n+1){margin-left:1%;}
div.view1 div.list4 div.bd ul li:nth-of-type(3n+3){margin-right:1%;}
div.view1 div.list4 div.bd ul li:nth-of-type(2n+1){margin-left:0;}
div.view1 div.list4 div.bd ul li:nth-of-type(2n+2){margin-right:0;}
div.view1 div.list4 div.bd ul li p:nth-of-type(1){width:100%; border:none; height:32vw;}
div.view1 div.list4 div.bd ul li p:nth-of-type(1) img{max-height:inherit; max-width:50%;}
div.view1 div.list4 div.bd ul li p:nth-of-type(2){font-size:0.14em; width:100%; padding:0; background:none;}
div.view1 div.list4 div.bd ul li p:nth-of-type(2) a{color:#1d1c1a;}
div.view1 div.list4 div.bd ul li p:nth-of-type(3){float: left; width:100%; font-size:0.12em; width:100%; margin:5px 0 15px;}
div.view1 div.list4 div.bd ul li p:nth-of-type(3) a{float: left; width:35%; margin:0 calc((100% - 35%)/2); background:#047ac0; color:#fff; text-align:center; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em;}
div.view1 div.list4 more a{position:absolute; z-index:1; left:30%; right:30%; bottom:-18px; font-size:0.14em; color:#fff; background:#d01329; padding:10px 0; text-align:center; border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -o-border-radius:2em; -ms-border-radius:2em;}
}
div.view1 div.list5{float:left; width:100%; position:relative;}
div.view1 div.list5 ul{float:left; width:100%; background:#fff; margin-top:80px; margin-bottom:60px; padding-top:80px;}
div.view1 div.list5 ul li{float:left; width:calc(100%/3 - 8%); margin:4%;}
div.view1 div.list5 ul li p{float:left; width:80%; margin:0 10%; text-align: center;}
div.view1 div.list5 ul li p:nth-of-type(1){height:8vw; position:relative;}
div.view1 div.list5 ul li p:nth-of-type(1) img{max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 div.list5 ul li p:nth-of-type(2){font-size:2em; margin-top:10px; margin-bottom:10px; font-weight:700;}
div.view1 div.list5 ul li p:nth-of-type(3){font-size:1.4em; line-height:1.8em;}

div.view1 div.list6{float:left; width:100%; position:relative; margin:30px 0;}
div.view1 div.list6 div.term{left:inherit; right:5%; top:-6%;}
div.view1 div.list6 dl{float:left; width:96%; padding:2%;  background:#fff;}
div.view1 div.list6 dl dt{float:left; width:60%;}
div.view1 div.list6 dl dt img{width:100%;}
div.view1 div.list6 dl dd{float:left; width:38%; margin-left:2%; margin-top:80px;}
div.view1 div.list6 dl dd h3{float:left; width:66%; font-size:2em;}
div.view1 div.list6 dl dd text{float:left; width:100%; font-size:1.4em; line-height:1.6em; margin-top:10px;}
div.view1 div.list6 dl dd ul{float:left; width:100%; margin-top:20px;}
div.view1 div.list6 dl dd ul li{float:left; width:calc((100%/3 - 4%) + (4%/3)); margin:2%; padding:10px 0 20px; background:#1b59a8; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
div.view1 div.list6 dl dd ul li:nth-of-type(3n+1){margin-left:0;}
div.view1 div.list6 dl dd ul li:nth-of-type(3n+3){margin-right:0;}
div.view1 div.list6 dl dd ul li::before{content:""; position: absolute; bottom:10%; left:35%; right:35%; border-bottom:1px solid #fff;}
div.view1 div.list6 dl dd ul li p{float: left; width:80%; margin:0 10%; text-align:center; font-size:1.4em; color:#fff;}
div.view1 div.list6 dl dd ul li p:nth-of-type(2){margin-top:5px; margin-bottom:5px; font-size:2.5em; color:#fa6400;}
div.view1 div.list6 div.box{float:left; width:100%; position:relative; overflow:hidden; background:#fff; padding-bottom:2%;}
div.view1 div.list6 div.box div.hd{float:left; width:100%;}
div.view1 div.list6 div.box div.hd p{position:absolute; width:35px; height:35px; top:calc((100% - 35px)/2); line-height:36px; cursor:pointer; font-size:2em; color:#fff; text-align:center; background:#1b59a8; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.view1 div.list6 div.box div.hd p.prev{left:1.5%;}
div.view1 div.list6 div.box div.hd p.next{right:1.5%;}
div.view1 div.list6 div.box div.hd p::before{content:"\e72a"; display:inline-block;}
div.view1 div.list6 div.box div.hd p.prev::before{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
div.view1 div.list6 div.box div.bd{float:left; width:90%; margin:0 5%;}
div.view1 div.list6 div.box div.bd ul li{float: left; width:calc(100%/5);}
div.view1 div.list6 div.box div.bd ul li a{float: left; width:94%; height:15vw; margin:0 3%; overflow:hidden; position:relative;}
div.view1 div.list6 div.box div.bd ul li a img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

div.view1 div.list7.s1 div.term{left:inherit; right:5%; top:-6%;}
div.view1 div.list7{float:left; width:100%; position:relative; margin:80px 0 30px;}
div.view1 div.list7 div.term{left:5%; right:inherit; top:-6%;}

div.view1 div.list8{float:left; width:100%; margin-top:50px;}
div.view1 div.list8 div.evaluate{float:left; width:100%; overflow:hidden; margin-bottom:30px;}
div.view1 div.list8 div.evaluate ul li{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);}
div.view1 div.list8 div.evaluate ul li dl{float:left; width:80%; padding:10%;}
div.view1 div.list8 div.evaluate ul li dl dt{float:left; width:100%; height:18vw; overflow: hidden; position:relative;}
div.view1 div.list8 div.evaluate ul li dl dt img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 div.list8 div.evaluate ul li dl dd{float:left; width:100%; position:relative;}
div.view1 div.list8 div.evaluate ul li dl dd h3{float:left; width:100%; text-align:center; font-size:1.8em; margin:10px 0; font-weight: normal;}
div.view1 div.list8 div.evaluate ul li dl dd h3 a{color:#232323;}
div.view1 div.list8 div.evaluate ul li dl dd text{float: left; width:100%; position:relative; padding:10px 0; font-size:1.4em; line-height:1.6em;}
div.view1 div.list8 div.evaluate ul li dl dd text::before{content:""; position:absolute; top:0; left:10%; right:10%; border-top:1px solid #1b59a8;}
div.view1 div.list8 div.evaluate ul li dl dd ol{float:left; width:100%; font-size:1.4em;}
div.view1 div.list8 div.evaluate ul li dl dd more a{position:absolute; padding:3px 25px; font-size:2.5em; color:#fff; background:#1b59a8; right:10%; bottom:0;}
div.view1 div.list8 div.evaluate ul li dl dd more a::before{content:"\e683";}
div.view1 div.list8 div.evaluate ul li dl dd more a:hover{background:#08418A;}
div.view1 div.list8 div.evaluate div.trail{float: left; width:100%; text-align:center; margin:30px 0; font-size:0;}
div.view1 div.list8 div.evaluate div.trail span{border-radius:0; width:50px;}
div.view1 div.list8 div.evaluate div.trail span.swiper-pagination-bullet-active{background:#1b59a8;}
@media screen and (max-width:1023px){
div.view1 div.list8.s1{margin-top:20px;}
div.view1 div.list8.s1 div.evaluate{margin-bottom:inherit;}
div.view1 div.list8.s1 div.evaluate ul li dl{width:90%; padding:5%;}
div.view1 div.list8.s1 div.evaluate ul li dl dt{height:60vw;}
div.view1 div.list8.s1 div.evaluate ul li dl dd h3{font-size:0.14em;}
div.view1 div.list8.s1 div.evaluate ul li dl dd text{font-size:0.12em; line-height:1.6em;}
div.view1 div.list8.s1 div.evaluate ul li dl dd more a{font-size:0.14em; right:0;}
div.view1 div.list8.s2{margin-top:20px;}
div.view1 div.list8.s2 div.theme h2{color:#fff;}
div.view1 div.list8.s2 div.theme p{color:#a3c31f;}
div.view1 div.list8.s2 div.theme p span::after{border-bottom-color:#a3c31f;}
div.view1 div.list8.s2 div.theme p span::before{border-bottom-color:#a3c31f;}
div.view1 div.list8.s2 div.tabbox div.hd{float:left; width:100%; background:#fff; margin-top:20px;}
div.view1 div.list8.s2 div.tabbox div.hd ul{float:left; width:94%; margin:15px 3%; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view1 div.list8.s2 div.tabbox div.hd ul li{font-size:0.14em; padding:10px; position:relative;}
div.view1 div.list8.s2 div.tabbox div.hd ul li.on{color:#fff; background:#d01329;}
div.view1 div.list8.s2 div.tabbox div.hd ul li.on::after{content:"\e600"; color:#fa6400; position:absolute; width:1em; height:1em; margin:auto; left:0; right:0; bottom:-0.85em; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
div.view1 div.list8.s2 div.tabbox div.bd{float:left; width:100%;}
div.view1 div.list8.s2 div.tabbox div.bd ul{float:left; width:94%; margin:2% 3%;}
div.view1 div.list8.s2 div.tabbox div.bd ul li{float:left; width:100%; font-size:0.14em; color:#fff; line-height:1.8em;}
div.view1 div.list8.s2 div.tabbox div.bd ul li img{float:left; width:100%;}
div.view1 div.list8.s3{margin-top:20px;}
div.view1 div.list8.s3 div.evaluate ul li ol{float: left; width:90%; padding:5%;}
div.view1 div.list8.s3 div.evaluate ul li ol img{float:left; width:100%;}
div.view1 div.list8 div.evaluate ul li dl dd ol{font-size:0.14em;}
}
div.view1 div.list9{float:left; width:100%; background:#fff; padding:40px 0;}
div.view1 div.list9 text{float:left; width:90%; margin:0 5%; font-size:1.4em; line-height:1.6em;}
div.view1 div.list9 more{float:left; width:90%; margin:0 5%;}
div.view1 div.list9 more a{float:right; display:inline-block; padding:8px 20px; font-size:1.4em; color:#fff; border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -o-border-radius:2em; -ms-border-radius:2em; background:#fa6400;}
div.view1 div.list9 more a:hover{background:#B74A02;}

div.view1 div.list10{float:left; width:100%; margin:10px 0;}
div.view1 div.list10 h2{float:left; width:100%; font-weight:normal;}
div.view1 div.list10 ul li{float:left; width:calc((100%/3 - 2%) + (2%/3)); margin:1%; height:12vw; position:relative; overflow:hidden;}
div.view1 div.list10 ul li:nth-of-type(3n+1){margin-left:0;}
div.view1 div.list10 ul li:nth-of-type(3n+3){margin-right:0;}
div.view1 div.list10 ul li img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

div.view1 div.list11{float:left; width:100%; margin:10px 0;}
div.view1 div.list11 div.hd ul{float:left; width:100%; margin:20px 0 10px;}
div.view1 div.list11 div.hd ul li{float:left; display:inline-block; font-size:1.6em; padding:10px 30px; margin:0 10px; background:#1b59a8; border-radius:0.8em; -webkit-border-radius:0.8em; -moz-border-radius:0.8em; -o-border-radius:0.8em; -ms-border-radius:0.8em;}
div.view1 div.list11 div.hd ul li a{color:#fff;}
div.view1 div.list11 div.hd ul li.on{background:#fa6400;}
div.view1 div.list11 div.bd ul{float:left; width:100%;}
div.view1 div.list11 div.bd ul dl{float:left; width:calc(100% - 2% - 2px); border:1px solid #c0c0c0; padding:1%; margin-bottom:5px;}
div.view1 div.list11 div.bd ul dl dt{float:left; width:20%; height:8vw; position:relative; overflow:hidden;}
div.view1 div.list11 div.bd ul dl dt img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view1 div.list11 div.bd ul dl dd{float:left; width:79%; margin-left:1%;}
div.view1 div.list11 div.bd ul dl dd h3{font-weight:normal; font-size:1.8em; line-height:2em;}
div.view1 div.list11 div.bd ul dl dd h3 a{color:#4b4b4b;}
div.view1 div.list11 div.bd ul dl dd text{font-size:1.6em; color:#4b4b4b; line-height:1.8em;}
div.view1 div.list11 div.bd ul dl dd text a{color:#fa6400; margin-left:10px;}
div.view1 div.list11 div.bd ul dl dd text a:hover{color:#1b59a8;}
div.view1 div.list11 div.bd ul li{float:left; width:100%; background:#ededed; margin:5px 0; padding:10px 0;}
div.view1 div.list11 div.bd ul li p:nth-of-type(1){float:left; width:10%; padding:0 1%; position:relative;}
div.view1 div.list11 div.bd ul li p:nth-of-type(1)::after{content:""; position:absolute; top:5%; bottom:5%; right:0; border-right:1px solid #a3a3a3;}
div.view1 div.list11 div.bd ul li p:nth-of-type(1) span{float:left; width:100%; text-align:center;}
div.view1 div.list11 div.bd ul li p:nth-of-type(1) span:nth-of-type(1){font-size:1.8em;}
div.view1 div.list11 div.bd ul li p:nth-of-type(1) span:nth-of-type(2){font-size:1.4em;}
div.view1 div.list11 div.bd ul li p:nth-of-type(2){float:left; width:82%; padding:0.5em 3%; font-size:1.6em;}
div.view1 div.list11 div.bd ul li p:nth-of-type(2) a{color:#4b4b4b;}
div.view1 div.list11 div.bd ul li p:nth-of-type(2) a:hover{color:#fa6400;}
@media screen and (max-width:1023px){
div.view1 div.list11.s1{float:left; width:100%; margin:10px 0;}
div.view1 div.list11.s1 dl{float:left; width:100%; margin:2% 0;}
div.view1 div.list11.s1 dl dt{float:left; width:46%; margin:0 2%;}
div.view1 div.list11.s1 dl dt p:nth-of-type(1){font-size:0.14em; font-weight:bold; line-height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.view1 div.list11.s1 dl dt p:nth-of-type(2){font-size:0.12em; line-height:1.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden;}
div.view1 div.list11.s1 dl dt p a{color:#1c1c1c;}
div.view1 div.list11.s1 dl dd{float:left; width:50%; height:30vw; overflow:hidden; position: relative;}
div.view1 div.list11.s1 dl dd img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font-size:0.14em;}
}
div.view1 div.list12{float:left; width:96%; margin:30px 0; padding:2%; background:#fff; position:relative;}
div.view1 div.list12 h2{float:left; width:98%; padding:0 1%; font-size:2em; line-height:1em; height:1em; color:#5a5a5a; font-weight:normal; position:relative;}
div.view1 div.list12 h2::before{content:""; position:absolute; top:5%; bottom:5%; left:0; border-left:1px solid #fa6400;}
div.view1 div.list12 more a{position:absolute; right:2%; font-size:1.4em; color:#8f8f8f;}
div.view1 div.list12 more a:hover{color:#fa6400;}
div.view1 div.list12 ul{float:left; margin-top:10px;}
div.view1 div.list12 ul li{float:left; width:100%; font-size:1.4em; margin:10px 0;}
div.view1 div.list12 ul li p{margin:5px 0;}
div.view1 div.list12 ul li p::before{color:#fff; padding:2px 5px; margin-right:10px;}
div.view1 div.list12 ul li p span.q{background:#1b59a8;color:#FFF;padding:3px 5px;margin:0px 5px;}
div.view1 div.list12 ul li p span.a{background:#fa6400;color:#FFF;padding:3px 5px;margin:0px 5px;}
@media screen and (max-width:1023px){
div.view1 div.list12.s1{margin-top:0;}
div.view1 div.list12.s1 h2{font-size:0.2em; padding-bottom:15px;}
div.view1 div.list12.s1 h2::before{content:"\e6a2"; position:inherit; margin-right:10px; border-left:none;}
div.view1 div.list12.s1 h2::after{content:""; position:absolute; bottom:0; left:0; right:0; border-bottom:2px solid #174ea1;}
div.view1 div.list12.s1 dl{float:left; width:calc(100% - 4% - 2px); padding:5% 2%; border:1px solid #000000; margin-top:10px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view1 div.list12.s1 dl dt{float:left; width:20%;}
div.view1 div.list12.s1 dl dt p{float:left; width:100%; text-align:center; color:#174ea1;}
div.view1 div.list12.s1 dl dt p span{float:left; width:100%; font-weight:700;}
div.view1 div.list12.s1 dl dt p span:nth-of-type(1){font-size:0.3em;}
div.view1 div.list12.s1 dl dt p span:nth-of-type(2){font-size:0.14em;}
div.view1 div.list12.s1 dl dd{float:left; width:78%; margin-left:2%;}
div.view1 div.list12.s1 dl dd p:nth-of-type(1){font-size:0.14em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
div.view1 div.list12.s1 dl dd p:nth-of-type(2){font-size:0.12em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
}
div.view2{float:left; width:100%;}
div.view2 div.theme{margin:10px 0;}
div.view2 div.theme h2{display:inline-block; line-height:1em; position:relative; padding:20px 0 22px; clear:both; font-size:3em; color:#4f4f4f; font-weight:normal;}
div.view2 div.theme h2::before{content:""; position:absolute; left:15%; right:15%; bottom:10px; border-bottom:2px solid #1b59a8;}
div.view2 div.theme h3{width: auto; display:inline-block; line-height:1em; position:relative; clear:both; font-size:1.4em; color:#5d5d5d; font-weight:normal;}
div.view2 div.theme h3::before{content:""; position:absolute; left:-100px; width:30px; border-bottom:1px solid #5d5d5d; top:calc((1em - 1px)/2);}
div.view2 div.theme h3::after{content:""; position:absolute; right:-100px; width:30px; border-bottom:1px solid #5d5d5d; top:calc((1em - 1px)/2);}
div.view2 div.theme p{float:left; width:100%; text-align:center; font-size:1.4em; margin-top:10px; color:#6e6e6e;}
@media screen and (max-width:1023px){
div.view2 div.theme{line-height:0;}
div.view2 div.theme h2{font-size:0.25em;}
}
div.view2 div.list1{float:left; width:100%;}
div.view2 div.list1 div.left{float:left; width:20%;}
div.view2 div.list1 div.left div.type h2{float: left; width:100%; background:#1b59a8; font-size:3em; color:#fff; padding:15px 0 20px; position:relative; text-align: center; font-weight:normal;}
div.view2 div.list1 div.left div.type h2::after{content:""; border-bottom:2px solid #fff; position: absolute; bottom:8px; left:0; right:0;}
div.view2 div.list1 div.left div.type ul{float:left; width:100%; margin-top:2px;}
div.view2 div.list1 div.left div.type ul li{float:left; width:90%; margin:2px 0; padding:15px 5%; background:#fff; font-size:1.5em;font-weight:bold;}
div.view2 div.list1 div.left div.type ul li.children{font-size:1em;font-weight:normal;}
div.view2 div.list1 div.left div.type ul li.children.active{font-size:1em;font-weight:normal;}
div.view2 div.list1 div.left div.type ul li a{color:#2d2d2d;font-size:1em;}
div.view2 div.list1 div.left div.type ul li:hover{background:#1b59a8;}
div.view2 div.list1 div.left div.type ul li:hover a{color:#fff;}
div.view2 div.list1 div.left div.type ul li.active{background:#1b59a8;}
div.view2 div.list1 div.left div.type ul li.active a{color:#fff;}
div.view2 div.list1 div.left div.type ul li.active:hover a{color:#fff;}
div.view2 div.list1 div.left div.ranking h2{ float: left; width: 100%; background: #e81a1c; font-size: 3em; color: #fff; padding: 15px 0; text-align: center; font-weight: normal;}
div.view2 div.list1 div.left div.ranking ul{float:left; width:calc(100% - 2px); padding:10px 0; border-left:1px solid #e81a1c; border-right:1px solid #e81a1c; border-bottom:1px solid #e81a1c; background:#fff;}
div.view2 div.list1 div.left div.ranking ul li{float:left; width:90%; margin:2px 0; padding:3px 5%; font-size:1.4em; overflow: hidden; white-space:nowrap;text-overflow:ellipsis; word-break:break-all;}
div.view2 div.list1 div.left div.ranking ul li a{color:#2d2d2d;}
div.view2 div.list1 div.left div.ranking ul li a:hover{color:#e81a1c;}
div.view2 div.list1 div.left div.ranking ul li::before{content:""; content:"\e600"; display:inline-block; margin-right:5px; color:#e81a1c; transform:rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
div.view2 div.list1 div.left div.service.s1 dl dd{background:#e81a1c;}
div.view2 div.list1 div.left div.service.s1{margin-top:10px;}
div.view2 div.list1 div.left div.service{float: left; width:100%;}
div.view2 div.list1 div.left div.service dl dt{float: left; width:100%;}
div.view2 div.list1 div.left div.service dl dt img{float: left; width:100%;}
div.view2 div.list1 div.left div.service dl dd{float:left; width:100%; background:#1b59a8; padding:10px 0;}
div.view2 div.list1 div.left div.service dl dd p{float:left; width:90%; margin:0 5%; text-align:center; color:#fff;}
div.view2 div.list1 div.left div.service dl dd p:nth-of-type(1){font-size:1.8em; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view2 div.list1 div.left div.service dl dd p:nth-of-type(1)::before{content:"\e60a"; font-size:1.6em; margin-right:5px;}
div.view2 div.list1 div.left div.service dl dd p:nth-of-type(2){font-size:2.5em;}
div.view2 div.list1 div.left div.push{float: left; width:100%; margin:10px 0;}
div.view2 div.list1 div.left div.push ul li{float: left; width:100%; margin:5px 0;}
div.view2 div.list1 div.left div.push ul li p:nth-of-type(1){float:left; width: calc(100% - 2px); height:12vw; position:relative; overflow:hidden; border-top:1px solid #949393; border-left:1px solid #949393; border-right:1px solid #949393; background:#fff;}
div.view2 div.list1 div.left div.push ul li p:nth-of-type(1) img{max-width:90%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.left div.push ul li p:nth-of-type(2){float:left; width:90%; padding:10px 5%; font-size:1.8em; text-align:center; background:#b30303;}
div.view2 div.list1 div.left div.push ul li p:nth-of-type(2) a{color:#fff;word-break: break-all;}
div.view2 div.list1 div.right{float:left; width:78%; margin-left:2%;}
div.view2 div.list1 div.right h2{float: left; width: 100%; font-size:2.5em; color: #2d2d2d; padding: 10px 0; position: relative; font-weight: normal; border-bottom: 1px solid #b1b1b1;}
div.view2 div.list1 div.right h2::after{content:""; position:absolute; left:0; bottom:-1px; width:50px; border-bottom:2px solid #1b59a8;}
div.view2 div.list1 div.right div.square ul{float: left; width:100%;}
div.view2 div.list1 div.right div.square ul li{float: left; width:calc(100%/3 - 2% - 4% - 2px); margin:1%; padding:2%; background:#fff; border:1px solid #b1b1b1;}
div.view2 div.list1 div.right div.square ul li p{float:left; width:100%;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(1){height:10vw; position:relative; overflow:hidden;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(1) img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(2){font-size:1.6em; height:3em; line-height:1.6em; text-align:center; margin-top:15px; color:#3a3a3a; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; overflow:hidden;}
div.view2 div.list1 div.right div.square ul li:hover p:nth-of-type(2){color:#1b59a8;}
div.view2 div.list1 div.right div.theme{margin:30px 0;}
div.view2 div.list1 div.right div.theme h1{font-size:3em; color:#2f2f2f;word-break:break-all;}
div.view2 div.list1 div.right div.theme p{font-size:1.6em; margin-top:10px; color:#5e5e5e;}
div.view2 div.list1 div.right div.album{float: left; width:70%; padding:30px 10%; margin:0 5%; background:#fff;}
div.view2 div.list1 div.right div.album div.bd{float: left; width:100%; position:relative;}
div.view2 div.list1 div.right div.album div.bd ul li{float: left; width:100%; height:80vh; position:relative;}
div.view2 div.list1 div.right div.album div.bd ul li img{max-width:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.right div.album div.bd div.arrow p{font-size:5em; pointer-events:none;}
div.view2 div.list1 div.right div.album div.bd div.arrow p::before{content:"\e72a"; position:absolute; pointer-events:auto; top:calc((100% - 50px)/2); display:inline-block; width:40px; height:50px; line-height:57px; text-align:center; cursor:pointer;}
div.view2 div.list1 div.right div.album div.bd div.arrow p:nth-of-type(1)::before{left:-50px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
div.view2 div.list1 div.right div.album div.bd div.arrow p:nth-of-type(2)::before{right:-50px;}
div.view2 div.list1 div.right div.album div.hd{float: left; width:100%;}
div.view2 div.list1 div.right div.album div.hd div.pageState{float: left; width:100%; text-align:right; font-size:1.8em; margin:10px 0;}
div.view2 div.list1 div.right div.album div.hd ul li{float:left; width:calc(100%/5 - 2% - 2px); height:6vw; margin:1%; border:1px solid rgba(0,0,0,0.00); position: relative; overflow: hidden; cursor: pointer;}
div.view2 div.list1 div.right div.album div.hd ul li img{width:90%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.right div.album div.hd ul li.on{border-color: #1b59a8;}
div.view2 div.list1 div.right div.type{float:left; width:86%; padding:0 2%; margin:0 5%; background:#fff; margin-top:10px;}
div.view2 div.list1 div.right div.type ul li{float: left; width:100%; border-bottom:1px dashed #e3e3e3; padding:10px 0; font-size:1.4em; line-height:1.6em;word-break: break-all;}
div.view2 div.list1 div.right div.type ul li:last-child{border-bottom-style:none;}
div.view2 div.list1 div.right div.type ul li span:nth-of-type(1){float: left; width:10%; font-weight: 700;}
div.view2 div.list1 div.right div.type ul li span:nth-of-type(2){float: left; width:90%;}
div.view2 div.list1 div.right div.contact.s1{float:left; width:88%; padding:2% 6%; margin:0; background:#fff; margin-bottom:30px;}
div.view2 div.list1 div.right div.contact.s1 word{border-top:1px dashed #b1b1b1; padding-top:2%; font-size:1.6em;}
div.view2 div.list1 div.right div.contact.s1 word img{max-width:100%;}
div.view2 div.list1 div.right div.contact.s1 div.DivCenter{float:left; width:100%;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext{float:left; display:inline-block;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext p{font-size:1.4em; margin:25px 0;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext p span{padding:10px 20px; margin-right:10px; color:#fff; background:#929292;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext p a{color:#5d5d5d;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext p a:hover{color:#1b59a8;}
div.view2 div.list1 div.right div.contact.s1 div.push{float:left; width:100%; margin:10px 0;}
div.view2 div.list1 div.right div.contact.s1 div.push h2{float:left; width:100%; border-bottom:1px solid #1b59a8; margin:0; padding:0; color:#fff;}
div.view2 div.list1 div.right div.contact.s1 div.push h2 font{float:left; padding:3px 20px; background:#1b59a8;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li{float:left; width:100%; border-bottom:1px dashed #e3e3e3;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p{float:left; font-size:1.4em; padding:10px 0;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p:nth-of-type(1){width:80%;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p:nth-of-type(2){width:18%; margin-left:2%; text-align:right;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p:nth-of-type(2) a::after{content:"\e72a"; margin-left:5px;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p a{color:#818182;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p a:hover{color:#1b59a8;}
div.view2 div.list1 div.right div.content{float: left; width:86%; padding:2%; margin:0 5% 30px; background:#fff;}
div.view2 div.list1 div.right div.content word{font-size:1.6em;}
div.view2 div.list1 div.right div.content div.theme{margin:100px 0;}
div.view2 div.list1 div.right div.list{float:left; width:100%;}
div.view2 div.list1 div.right div.list ul li{float:left; width:calc(96% - 2px); padding:2%; background:#fff; margin:10px 0; border:1px solid #b1b1b1;}
div.view2 div.list1 div.right div.list ul li dl dt{float:left; width:35%; height:10vw; overflow:hidden; position:relative;}
div.view2 div.list1 div.right div.list ul li dl dt img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list1 div.right div.list ul li dl dd{float:left; width:62%; margin-left:3%;}
div.view2 div.list1 div.right div.list ul li dl dd h3{font-size:2em; font-weight:normal;}
div.view2 div.list1 div.right div.list ul li dl dd h3 a{color:#3a3a3a;}
div.view2 div.list1 div.right div.list ul li dl dd text{float:left; width:100%; height:4.5em; overflow:hidden; margin-top:10px; line-height:1.6em; font-size:1.4em; color:#6d6d6d;}
div.view2 div.list1 div.right div.list ul li dl dd more{float:right; display:inline-block; font-size:1.4em; margin-top:50px;}
div.view2 div.list1 div.right div.list ul li dl dd more a{padding:10px 20px; color:#fff; background:#f96400;}
div.view2 div.list1 div.right div.list ul li dl dd more a:hover{background:#1b59a8;}
div.view2 div.list1 div.right div.file{float:left; width:100%;}
div.view2 div.list1 div.right div.file ul li{float:left; width:calc(100%/4 - 4%); margin:2%; text-align:center; }
div.view2 div.list1 div.right div.file ul li svg{float:left; width:100%; font-size:10em; text-align:center; fill:currentColor;}
div.view2 div.list1 div.right div.file ul li font{float:left; width:100%;height:48px; font-size:2em;}
div.view2 div.list1 div.right div.file ul li span{float:left; width:100%; font-size:1.4em; margin:5px 0;}
div.view2 div.list1 div.right div.file ul li p{float:left; width:100%; font-size:1.4em;}
div.view2 div.list1 div.right div.file ul li p a{display:inline-block; margin:0 10px; color:#0e5aba; cursor:pointer;}
div.view2 div.list1 div.right div.file ul li p a:hover{color:#fa6400;}
div.view2 div.list2{float:left; width:100%;}
div.view2 div.list2 div.nav ul{float:left; width:100%; margin-bottom:10px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view2 div.list2 div.nav ul li{float: left; width:calc(100% - 1px); margin:0.5px; background:#fff; text-align:center; font-size:1.6em;}
div.view2 div.list2 div.nav ul li a{float: left; width:100%; padding:20px 0; color:#4f4f4f;}
div.view2 div.list2 div.nav ul li:hover{background:#1b59a8;}
div.view2 div.list2 div.nav ul li:hover a{color:#fff;}
div.view2 div.list2 div.nav ul li.active{background:#1b59a8;}
div.view2 div.list2 div.nav ul li.active a{color:#fff;}
div.view2 div.list2 div.contact{float: left; width:96%; padding:2%; margin-bottom:30px; background:#fff;}
div.view2 div.list2 div.contact ul.honor{float:left; width:100%;}
div.view2 div.list2 div.contact ul.honor li{float:left; width:calc((100%/4 - 2%) + (2%/4)); margin:1%;}
div.view2 div.list2 div.contact ul.honor li:nth-of-type(4n+1){margin-left:0;}
div.view2 div.list2 div.contact ul.honor li:nth-of-type(4n+4){margin-right:0;}
div.view2 div.list2 div.contact ul.honor li p:nth-of-type(1){ float: left; width: calc(100% - 2px); height:18.5vw; position: relative; overflow: hidden; border-top:1px solid #8e8e8e; border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e;}
div.view2 div.list2 div.contact ul.honor li p:nth-of-type(1) img{width:96%; margin:2%; position:absolute; left:0; right:0; top:0; bottom:0;}
div.view2 div.list2 div.contact ul.honor li p:nth-of-type(2){float:left; width:calc(96% - 2px); padding:10px 2%; border:1px solid #8e8e8e; font-size:1.4em; background:#ededed; text-align:center;}
div.view2 div.list2 div.contact ul.album{float:left; width:100%;}
div.view2 div.list2 div.contact ul.album li{float:left; width:calc((100%/2 - 2%) + (2%/2)); margin:1%;}
div.view2 div.list2 div.contact ul.album li:nth-of-type(2n+1){margin-left:0;}
div.view2 div.list2 div.contact ul.album li:nth-of-type(2n+2){margin-right:0;}
div.view2 div.list2 div.contact ul.album li p:nth-of-type(1){float: left; width:100%; height:15vw; position: relative; overflow: hidden;}
div.view2 div.list2 div.contact ul.album li p:nth-of-type(1) img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list2 div.contact ul.album li p:nth-of-type(2){float:left; width:96%; padding:10px 2%; font-size:1.4em; background:#ededed; text-align:center;}
div.view2 div.list2 div.view1 dl.list2{margin-bottom:0; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view2 div.list2 div.view1 dl.list2 dt{position:relative; height:15vw; overflow: hidden;}
div.view2 div.list2 div.view1 dl.list2 dt img{width:auto; max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list2 div.view1 dl.list2 dd text{font-size:1.6em;}
div.view2 div.list2 div.view1 ul.list1{margin-bottom:2%;}
div.view2 div.list2 div.recruit.s1{padding:2% 0; background:#fff;}
div.view2 div.list2 div.recruit.s1 ul{width:96%; margin:1% 2%;}
div.view2 div.list2 div.recruit.s1 ul li{height:auto; font-size:1.6em;}
div.view2 div.list2 div.recruit.s1 ul li::before{content:"\e600"; display:inline-block; margin-right:5px; color:#e53c01; transform:rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);}
div.view2 div.list2 div.recruit.s1 ul li a{color:#1b59a8;}
div.view2 div.list2 div.recruit.s1 ul li a:hover{color:#e53c01;}
div.view2 div.list2 div.recruit.s2{padding:2% 0; background:#fff; margin:20px 0;}
div.view2 div.list2 div.recruit.s2 ul{width:96%; margin:1% 2%;}
div.view2 div.list2 div.recruit.s2 ul li{width:100%; height:auto; margin:0; font-size:1.4em; border-bottom:1px solid #c1c1c1; color:#4c4b4b;}
div.view2 div.list2 div.recruit.s2 ul li:first-child{font-size:1.6em; border-bottom:none;}
div.view2 div.list2 div.recruit.s2 ul li p{float:left; width:calc((100%/6 - 2%) + (2%/6)); margin:15px 1%;}
div.view2 div.list2 div.recruit.s2 ul li p:nth-of-type(6n+1){margin-left:0;}
div.view2 div.list2 div.recruit.s2 ul li p:nth-of-type(6n+6){margin-right:0;}
div.view2 div.list2 div.recruit.s2 ul li p a{color:#e53c01;}
div.view2 div.list2 div.recruit.s2 ul li p a:hover{color:#1b59a8;}
div.view2 div.list2 div.recruit.s3{padding:2% 0; background:#fff; margin-bottom:30px; margin-top:0;}
div.view2 div.list2 div.recruit.s3 div.album{float:left; width:96%; margin:1% 2%; overflow:hidden;}
div.view2 div.list2 div.recruit.s3 div.album ul li{float: left; width:100%; margin:0; height:auto;}
div.view2 div.list2 div.recruit.s3 div.album ul li a{float: left; width:100%; height:19vw; overflow: hidden; position: relative;}
div.view2 div.list2 div.recruit.s3 div.album ul li a img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
div.view2 div.list2 div.recruit.s3 div.album div.trail{float:left; width:100%; text-align:center; margin-top:30px;}
div.view2 div.list2 div.recruit.s3 div.album div.trail span.swiper-pagination-bullet-active{width:50px; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em;}
div.view2 div.list2 div.recruit{float:left; width:100%; margin-top:20px;}
div.view2 div.list2 div.recruit h2{float:left; width:calc(100% - 2% - 3px); margin-left:1%; padding-left:1%; border-left:3px solid #1b59a8; font-size:1.8em; color:#2d2d2d;}
div.view2 div.list2 div.recruit ul{float:left; width:100%;}
div.view2 div.list2 div.recruit ul li{float:left; width:calc((100%/4 - 2%) + (2%/4)); margin:1%; height:9vw; position: relative; overflow:hidden;}
div.view2 div.list2 div.recruit ul li:nth-of-type(4n+1){margin-left:0;}
div.view2 div.list2 div.recruit ul li:nth-of-type(4n+4){margin-right:0;}
div.view2 div.list2 div.recruit ul li img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
@media screen and (max-width:1023px){
div.view2 div.list2 div.contact ul.album li p:nth-of-type(2){font-size:0.14em;}
div.view2 div.list2 div.nav ul{display:inline-block;}
div.view2 div.list2 div.nav ul li{width:calc((100%/3 - 2%) + (2%/3)); margin:1%; font-size:0.14em;}
div.view2 div.list2 div.nav ul li:nth-of-type(3n+1){margin-left:0;}
div.view2 div.list2 div.nav ul li:nth-of-type(3n+3){margin-right:0;}
div.view2 div.list2 div.nav ul li a{padding:10px 0;}
div.view2 div.list2 div.view1 dl.list2{display: inline-block;}
div.view2 div.list2 div.view1 dl.list2 dt{height: 50vw;}
div.view2 div.list2 div.view1 dl.list2 dt img{max-width: 60%;}
div.view2 div.list2 div.view1 dl.list2 dd text{font-size: 0.12em;}
div.view2 div.list2 div.contact{margin-bottom:20px;}
div.view2 div.list2 div.contact ul.album li p:nth-of-type(1){height: 25vw;}
div.view2 div.list2 div.contact ul.honor li{width: calc((100%/2 - 2%) + (2%/2));}
div.view2 div.list2 div.contact ul.honor li:nth-of-type(2n+1){margin-left:0;}
div.view2 div.list2 div.contact ul.honor li:nth-of-type(2n+2){margin-left:0;}
div.view2 div.list2 div.contact ul.honor li p:nth-of-type(1){height:58vw;}
div.view2 div.list2 div.contact ul.honor li p:nth-of-type(2){font-size:0.14em;}
div.view2 div.list2 div.recruit.s1{padding:5% 0;}
div.view2 div.list2 div.recruit.s1 ul li{font-size:0.12em;}
div.view2 div.list2 div.recruit.s2{padding:5% 0;}
div.view2 div.list2 div.recruit.s2 ul li{font-size:0.12em;}
div.view2 div.list2 div.recruit.s2 ul li:first-child{font-size:0.14em;}
div.view2 div.list2 div.recruit.s2 ul li p:nth-of-type(2){display: none;}
div.view2 div.list2 div.recruit.s2 ul li p:nth-of-type(3){display: none;}
div.view2 div.list2 div.recruit.s2 ul li p:nth-of-type(5){display: none;}
div.view2 div.list2 div.recruit.s2 ul li p{width:calc((100%/3 - 2%) + (2%/3));}
div.view2 div.list2 div.recruit.s3{padding:5% 0;}
div.view2 div.list2 div.recruit.s3 div.album div.trail{font-size:0.14em; margin-top:10px;}
div.view2 div.list2 div.recruit.s3 div.album ul li a{height:30vw;}
div.view2 div.list2 div.recruit h2{font-size:0.18em; width: calc(100% - 6% - 3px); margin-left: 3%; padding-left: 3%;}
div.view2 div.list2 div.recruit ul{margin:10px 0;}
div.view2 div.list2 div.recruit ul li{width:calc((100%/2 - 2%) + (2%/2)); height:30vw;}
div.view2 div.list2 div.recruit ul li:nth-of-type(2n+1){margin-left:0;}
div.view2 div.list2 div.recruit ul li:nth-of-type(2n+2){margin-right:0;}
div.view2 div.list1 div.left{width:100%;}
div.view2 div.list1 div.left div.type h2{font-size:0.25em;}
div.view2 div.list1 div.left div.type h2::after{content:none;}
div.view2 div.list1 div.left div.type ul{display:inline-flex;justify-content: center; align-items: center; flex-wrap: wrap;margin-top:10px; margin-bottom:10px;}
div.view2 div.list1 div.left div.type ul li{width:calc((100%/3 - 2%) + (2%/3)); margin:1%; padding:10px 0; font-size:0.14em;}
div.view2 div.list1 div.left div.type ul li.children{width:calc((100%/3 - 2%) + (2%/3)); margin:1%; padding:10px 0; font-size:0.12em;font-weight:normal;}
div.view2 div.list1 div.left div.type ul li:nth-of-type(3n+1){margin-left:0;}
div.view2 div.list1 div.left div.type ul li:nth-of-type(3n+3){margin-right:0;}
div.view2 div.list1 div.left div.service{display:none;}
div.view2 div.list1 div.right{width:100%; margin-left:0;}
div.view2 div.list1 div.right h2{display:none;}
div.view2 div.list1 div.right div.list ul{float: left; width:100%; margin:10px 0 0;}
div.view2 div.list1 div.right div.list ul li{margin:5px 0;}
div.view2 div.list1 div.right div.list ul li dl dt{height: 21vw;}
div.view2 div.list1 div.right div.list ul li dl dd h3{font-size:0.14em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
div.view2 div.list1 div.right div.list ul li dl dd text{font-size:0.12em; height:auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
div.view2 div.list1 div.right div.list ul li dl dd more{display:none;}
div.view2 div.list1 div.right div.contact.s1{}
div.view2 div.list1 div.right div.theme{line-height:inherit;}
div.view2 div.list1 div.right div.theme h1{font-size:0.18em;}
div.view2 div.list1 div.right div.theme p{font-size:0.14em;}
div.view2 div.list1 div.right div.contact.s1 word{font-size:0.12em;}
div.view2 div.list1 div.right div.contact.s1 div.PrevNext p{font-size:0.12em;}
div.view2 div.list1 div.right div.contact.s1 div.theme h3{display:inherit;}
div.view2 div.theme h3{font-size:0.14em;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p{font-size:0.12em;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p:nth-of-type(1){width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
div.view2 div.list1 div.right div.contact.s1 div.push ul li p:nth-of-type(2){display:none;}
div.view2 div.list1 div.left div.push{display:none;}
div.view2 div.list1 div.left div.ranking{display:none;}
div.view2 div.list1 div.right div.square ul li{width: calc((100%/2 - 2% - 2px) + (2%/2)); margin:1%; padding:0;}
div.view2 div.list1 div.right div.square ul li:nth-of-type(2n+1){margin-left:0}
div.view2 div.list1 div.right div.square ul li:nth-of-type(2n+2){margin-right:0;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(1){height:40vw;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(1) img{max-width:80%;}
div.view2 div.list1 div.right div.square ul li p:nth-of-type(2){font-size:0.14em; margin-top:0; margin-bottom:15px;}
div.view2 div.list1 div.right div.album{width:94%; margin:0; padding:3%;}
div.view2 div.list1 div.right div.album div.bd ul li{height:80vw;}
div.view2 div.list1 div.right div.album div.hd div.pageState{font-size:0.18em;}
div.view2 div.list1 div.right div.album div.hd ul li{height:15vw;}
div.view2 div.list1 div.right div.type{width:94%; padding:3%; margin:2% 0;}
div.view2 div.list1 div.right div.type ul li{font-size:0.12em;}
div.view2 div.list1 div.right div.type ul li span:nth-of-type(1){display:inline-block; float:none; width: auto;}
div.view2 div.list1 div.right div.type ul li span:nth-of-type(2){display:inline-block; float:none; width: auto;}
div.view2 div.list1 div.right div.content{width:94%; padding:3%; margin:0; margin-bottom:20px;}
div.view2 div.list1 div.right div.content div.theme{margin:10px 0;}
div.view2 div.list1 div.right div.album div.bd div.arrow p{font-size:0.4em;}
div.view2 div.list1 div.right div.album div.bd div.arrow p:nth-of-type(1)::before{left:0;}
div.view2 div.list1 div.right div.album div.bd div.arrow p:nth-of-type(2)::before{right:0;}
div.view2 div.list1 div.right div.file ul li{width:50%; margin:0;}
div.view2 div.list1 div.right div.file ul li svg{width:30%; height:20vw;}
div.view2 div.list1 div.right div.file ul li font{width:60%; margin-left:10%; font-size:16px; text-align: left;}
div.view2 div.list1 div.right div.file ul li span{width:60%; margin-left:10%; font-size:0.12em; text-align: left;}
div.view2 div.list1 div.right div.file ul li p{width:60%; margin-left:10%; font-size:0.14em; text-align: left;}
div.view2 div.list1 div.right div.file ul li p a{margin:0;}
}
div.view2 div.list3{float:left; width:96%; padding:2%; background:#fff; margin-bottom:30px;}
div.view2 div.list3 div.album{float:left; width:70%; overflow:hidden; position:relative;}
div.view2 div.list3 div.album ul li{float: left; width:100%; margin:0; height:auto;}
div.view2 div.list3 div.album ul li p:nth-of-type(1){float: left; width:100%; height:505px; overflow: hidden; position: relative;}
div.view2 div.list3 div.album ul li p:nth-of-type(1) img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
div.view2 div.list3 div.album ul li p:nth-of-type(2){position:absolute; left:0; right:0; bottom:0; padding:20px 0 40px; font-size:3em; text-align:center; background:rgba(0,0,0,0.50);}
div.view2 div.list3 div.album ul li p:nth-of-type(2) a{color:#fff;}
div.view2 div.list3 div.album div.trail{position:absolute; z-index:9; left:0; right:0; bottom:10px; text-align:center;}
div.view2 div.list3 div.album div.trail span{background:#d2d2d2; width:10px; height:10px;}
div.view2 div.list3 div.notice{float:left; width:28.8%; margin-left:1.2%; text-align:center;}
div.view2 div.list3 div.notice h2{float:left; width:calc(100% - 56px); padding-left:56px; line-height:56px; font-size:3.5em; margin:15px 0; position:relative; color:#f0ff00;}
div.view2 div.list3 div.notice h2::before{content:""; position:absolute; left:56px; width: 56px; height: 56px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image:url(/images/img/party.png); }
div.view2 div.list3 div.notice dl{float:left; width:100%; background:#e81a1c;}
div.view2 div.list3 div.notice dl dt{float:left; width:90%; padding:10px 5%; border-top:1px dashed #f0ff00; font-size:1.8em;}
div.view2 div.list3 div.notice dl dt a{color:#fff;}
div.view2 div.list3 div.notice dl dd{float:left; width:90%; padding:0 5% 10px;}
div.view2 div.list3 div.notice dl dd a{float:left; width:100%; height:10vw; overflow:hidden; position: relative;}
div.view2 div.list3 div.notice dl dd a img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
div.view2 div.list3 div.notice dl dd text{float:left; width:100%; height:4.6em; font-size:1.4em; line-height:1.6em; text-align:left; margin:10px 0; color:#fff; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical; line-clamp:3; -webkit-line-clamp:3;}
div.view2 div.list3 div.notice div.service{float:left; width:90%; padding:10px 5%; margin-top:2px; background:#e81a1c;}
div.view2 div.list3 div.notice div.service p{float:left; width:90%; margin:0 5%; text-align:center; color:#fff;}
div.view2 div.list3 div.notice div.service p:nth-of-type(1){font-size:2em; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view2 div.list3 div.notice div.service p:nth-of-type(1)::before{content:"\e60a"; font-size:1.6em; margin-right:5px;}
div.view2 div.list3 div.notice div.service p:nth-of-type(2){font-size:2.5em;}
div.view2 div.list3 div.list{float:left; width:100%; margin-top:20px;}
div.view2 div.list3 div.list ul li{float:left; width:96%; padding:2%; background:#ededed; margin:15px 0;}
div.view2 div.list3 div.list ul li dl dt{float:left; width:25%; height:10vw; overflow:hidden; position:relative;}
div.view2 div.list3 div.list ul li dl dt img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view2 div.list3 div.list ul li dl dd{float:left; width:72%; margin-left:3%;}
div.view2 div.list3 div.list ul li dl dd h3{font-size:2em; font-weight:normal;}
div.view2 div.list3 div.list ul li dl dd h3 a{color:#3a3a3a;}
div.view2 div.list3 div.list ul li dl dd h3 a:hover{color:#e81a1c;}
div.view2 div.list3 div.list ul li dl dd text{float:left; width:100%; height:4.5em; overflow:hidden; margin-top:10px; line-height:1.6em; font-size:1.4em; color:#6d6d6d;}
div.view2 div.list3 div.list ul li dl dd more{float:right; display:inline-block; font-size:1.4em; margin-top:50px;}
div.view2 div.list3 div.list ul li dl dd more a{padding:10px 20px; color:#fff; background:#e81a1c;}
div.view2 div.list3 div.list ul li dl dd more a:hover{background:#1b59a8;}
@media screen and (max-width:1023px){
div.view2 div.list3 div.album{width:100%;}
div.view2 div.list3 div.album ul li p:nth-of-type(1){height:56vw;}
div.view2 div.list3 div.album ul li p:nth-of-type(2){font-size:0.16em;}
div.view2 div.list3 div.album div.trail{font-size:0.14em;}
div.view2 div.list3 div.notice{width:100%; margin-left:0;}
div.view2 div.list3 div.notice h2{font-size:0.3em;}
div.view2 div.list3 div.notice dl dt{font-size:0.16em;}
div.view2 div.list3 div.notice dl dd a{height:50vw;}
div.view2 div.list3 div.notice dl dd text{font-size:0.12em;}
div.view2 div.list3 div.notice div.service p:nth-of-type(1){font-size:0.2em;}
div.view2 div.list3 div.notice div.service p:nth-of-type(2){font-size:0.25em;}
div.view2 div.list3 div.list ul li{margin: 5px 0;}
div.view2 div.list3 div.list ul li dl dt{width:32%; height: 20vw;}
div.view2 div.list3 div.list ul li dl dd{width:65%;}
div.view2 div.list3 div.list ul li dl dd h3{font-size:0.14em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
div.view2 div.list3 div.list ul li dl dd text{height:inherit; font-size:0.12em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
div.view2 div.list3 div.list ul li dl dd more{display:none;}
}
div.view2 div.list4{float:left; width:96%; padding:2%; background:#fff; margin-bottom:30px;}
div.view2 div.list4 div.theme{line-height:normal;}
div.view2 div.list4 div.theme h1{font-size:2.5em;}
div.view2 div.list4 div.theme p{font-size:1.4em;}
div.view2 div.list4 word{font-size:1.6em; border-top:solid 1px #7A7A7A; padding-top:10px; padding-bottom:10px;}
div.view2 div.list4 word text{float:right; margin-top:100px; display:inline-block; line-height:1.6em;}
@media screen and (max-width:1023px){
div.view2 div.list4 div.theme h1{font-size:0.18em;}
div.view2 div.list4 div.theme p{font-size:0.14em;}
div.view2 div.list4 word{font-size:0.14em;}
div.view2 div.list4 word text{margin-top:50px;}
}
div.view3{float:left; width:100%; margin-bottom:30px;}
div.view3 div.list1 div.left{float:left; width:25%; height:100vh; background:#fff;}
div.view3 div.list1 div.left ul.MyInfo{float:left; width:100%;}
div.view3 div.list1 div.left ul.MyInfo h2{float:left; width:70%; padding:20px 15%; font-size:2.8em; font-weight:inherit; color:#1b59a8;}
div.view3 div.list1 div.left ul.MyInfo li{ float: left; width: calc(70% - 3px); padding: 10px 15%; font-size: 1.6em; border-left:3px solid rgba(0,0,0,0.00);}
div.view3 div.list1 div.left ul.MyInfo li a{color:#535353; cursor:pointer;}
div.view3 div.list1 div.left ul.MyInfo li:hover{border-left-color:#1b59a8; background:#ededed;}
div.view3 div.list1 div.left ul.MyInfo li.active{border-left-color:#1b59a8; background:#ededed;}
div.view3 div.list1 div.right{float:left; width:73%; margin-left:2%;}
div.view3 div.list1 div.right div.main{float:left; width:100%;}
div.view3 div.list1 div.right div.main div.top{float:left; width:100%; background:#fff;}
div.view3 div.list1 div.right div.main div.top dl{float:left; width:80%; margin:5% 10%; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view3 div.list1 div.right div.main div.top dl dt{float:left; width:60%; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view3 div.list1 div.right div.main div.top dl dt p{float:left;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(1){width:120px; height:120px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; box-shadow:0px 0px 0px 5px #ededed; -webkit-box-shadow:0px 0px 0px 5px #ededed; -moz-box-shadow:0px 0px 0px 5px #ededed; -o-box-shadow:0px 0px 0px 5px #ededed; -ms-box-shadow:0px 0px 0px 5px #ededed;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(1) a{float:left; width:100%; height:100%; position:relative; overflow:hidden; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(1) a img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(2){width:calc(100% - 120px - 40px); margin:0 20px;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(2) span{float:left; width:100%; font-size:1.4em; line-height:1.6em;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(2) span:nth-of-type(1){font-size:2em;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(2) span:nth-of-type(2){color:#828282;}
div.view3 div.list1 div.right div.main div.top dl dt p:nth-of-type(2) span:nth-of-type(3) a{color:#fa6400;}
div.view3 div.list1 div.right div.main div.top dl dd{float:left; width:40%;}
div.view3 div.list1 div.right div.main div.top dl dd ul li{float:left; width:100%; font-size:1.4em; line-height:1.6em; color:#828282;}
div.view3 div.list1 div.right div.main div.record{float:left; width:100%; background:#fff; margin-top:10px;}
div.view3 div.list1 div.right div.main div.record ul{float:left; width:94%; margin:0 3% 2%;}
div.view3 div.list1 div.right div.main div.record ul h2{font-size:2em; display:inline-block; margin:15px 0 10px; font-weight:normal; color:#535353;}
div.view3 div.list1 div.right div.main div.record ul li{float:left; width:100%; margin:8px 0; font-size:1.4em;}
div.view3 div.list1 div.right div.main div.record ul li a{color:#1b59a8;}
div.view3 div.list1 div.right div.main div.record ul li a:hover{color:#fa6400;}

div.view3 div.list1 div.right div.main div.personal{float:left; width:100%; background:#fff;}
div.view3 div.list1 div.right div.main div.personal h2{float:left; width:94%; padding:2% 3%; font-size:2em; display:inline-block; font-weight:normal; border-bottom:2px solid #c8c8c8; color:#fa6400;}
div.view3 div.list1 div.right div.main div.personal dl{float: left; width:80%; margin: 5% 10%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view3 div.list1 div.right div.main div.personal dl dt{float:left; width:30%; display: flex; display:-webkit-flex; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
div.view3 div.list1 div.right div.main div.personal dl dt input[type="file"]{display:none; width:0; height:0; -webkit-appearance: auto;}
div.view3 div.list1 div.right div.main div.personal dl dt p{float:left; cursor:pointer;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(1){width:120px; height:120px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; box-shadow:0px 0px 0px 5px #ededed; -webkit-box-shadow:0px 0px 0px 5px #ededed; -moz-box-shadow:0px 0px 0px 5px #ededed; -o-box-shadow:0px 0px 0px 5px #ededed; -ms-box-shadow:0px 0px 0px 5px #ededed;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(1) a{float:left; width:100%; height:100%; position:relative; overflow:hidden; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(1) a img{width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2){width:120px; margin:20px calc(100% - 120px) 0 0; clear:both; text-align: center; font-size:1.6em; color:#1b59a8;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2):hover{color:#fa6400;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2) span{float:left; width:100%; font-size:1.4em; line-height:1.6em;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2) span:nth-of-type(1){font-size:2em;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2) span:nth-of-type(2){color:#828282;}
div.view3 div.list1 div.right div.main div.personal dl dt p:nth-of-type(2) span:nth-of-type(3) a{color:#fa6400;}
div.view3 div.list1 div.right div.main div.personal dl dt p a speed{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.60); display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view3 div.list1 div.right div.main div.personal dl dt p a speed div{display:inline-block; font-size:1.6em; color:#fff;}
div.view3 div.list1 div.right div.main div.personal dl dd{float:left; width:70%;}
div.view3 div.list1 div.right div.main div.personal dl dd h3{float:left; width:100%; font-size:1.6em; font-weight:normal; margin-bottom:10px;}
div.view3 div.list1 div.right div.main div.personal dl dd h3 font:nth-of-type(1){float:left; display:inline-block; color:#000000; pointer-events:none;}
div.view3 div.list1 div.right div.main div.personal dl dd h3 font:nth-of-type(2){float:right; display:inline-block; color:#1b59a8; cursor:pointer; pointer-events:auto;}
div.view3 div.list1 div.right div.main div.personal dl dd h3 font:nth-of-type(2) a{color:#1b59a8;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li{ float: left; width: 100%; font-size:1.4em; line-height:1.6em; height:1.6em; padding:10px 0; color:#828282; border-bottom: 1px solid #e1e1e1;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li span{float:left; height:100%; display: inline-block;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li font{float:left; display:inline-block; margin-right:5px;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li input[type="text"]{float:left; width:75%; height:100%; font-size:1em; color:#828282;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li label{float:left; display:inline-block; margin-right:20px; cursor: pointer;}
div.view3 div.list1 div.right div.main div.personal dl dd ul li label input[type="radio"]{float:left; width:15px; height:15px; margin:calc((1.6em - 15px)/2) 0; -webkit-appearance:auto;}

div.view3 div.list1 div.right div.main div.security.s1{min-height:500px;}
div.view3 div.list1 div.right div.main div.security.s1 dl{margin:2% 10%;}
div.view3 div.list1 div.right div.main div.security.s1 h2{margin-bottom:3%;}
div.view3 div.list1 div.right div.main div.security{float:left; width:100%; background:#fff; padding-bottom:30px;}
div.view3 div.list1 div.right div.main div.security h2{float:left; width:94%; padding:2% 3%; font-size:2em; display:inline-block; font-weight:normal; border-bottom:2px solid #c8c8c8; color:#1b59a8;}
div.view3 div.list1 div.right div.main div.security dl{float: left; width:80%; margin:5% 10%; display:flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view3 div.list1 div.right div.main div.security dl dt::before{float:left; content:"\e620"; font-size:2.5em; color:#1b59a8; margin-right:10px;}
div.view3 div.list1 div.right div.main div.security dl dt p{float:left; width:300px;}
div.view3 div.list1 div.right div.main div.security dl dt p span{float:left; width:100%;}
div.view3 div.list1 div.right div.main div.security dl dt p span:nth-of-type(1){font-size:1.8em; color:#4a4a4a; line-height:1.6em;}
div.view3 div.list1 div.right div.main div.security dl dt p span:nth-of-type(2){font-size:1.4em; color:#676767;}
div.view3 div.list1 div.right div.main div.security dl dd a{display:inline-block; padding:10px 35px; font-size:1.4em; color:#343434; border: 1px solid #343434;}
div.view3 div.list1 div.right div.main div.security dl dd a:hover{color: #1b59a8; border-color:#1b59a8;}

div.view3 div.list1 div.right div.main div.security div.RenewPass{float: left; width:30%; margin:5% calc((100% - 30%)/2);}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li{float:left; width:100%; margin:2% 0;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li input{float:left; width:calc(100% - 20px - 2px); font-size:1.4em; padding:10px; border:1px solid #343434;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li input[name="captcha"]{width:calc(60% - 20px - 2px);}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li input.null{border-color:#FF0004;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li div.SendCode{float:left; width:40%; font-size:1.4em; padding:9.5px 0; text-align:center; color:#fff; background:#1b59a8; cursor:pointer;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li div.SendCode:hover{background:#054496;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li div.Sendforbid{float:left; width:40%; font-size:1.4em; padding:9.5px 0; text-align:center; color:#fff; background:#818181; pointer-events: none;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li div.strength{float:right; width:100%; margin-top:3%;}
div.view3 div.list1 div.right div.main div.security div.RenewPass ul li div.strength font{float:left; width:calc(100%/3); display:inline-block; text-align:center; padding:3px 0;}
div.view3 div.list1 div.right div.main div.security div.RenewPass div.submit,div.view3 div.list1 div.right div.main div.security div.RenewPass div.forbid{float:left; width:100%; padding:10px 0; margin-top:20px; color:#fff; font-size:1.6em; text-align: center;}
div.view3 div.list1 div.right div.main div.security div.RenewPass div.submit{pointer-events:auto; cursor:pointer; background:#1b59a8;}
div.view3 div.list1 div.right div.main div.security div.RenewPass div.submit:hover{background:#003e8d;}
div.view3 div.list1 div.right div.main div.security div.RenewPass div.forbid{pointer-events:none; background:#4B4B4B;}

div.view3 div.list1 div.right div.main div.security div.RenewMail{float: left; width:30%; margin:5% calc((100% - 30%)/2);}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li{float:left; width:100%; margin:2% 0;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li input{float:left; width:calc(100% - 20px - 2px); font-size:1.4em; padding:10px; border:1px solid #343434;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li input[name="captcha"]{width:calc(60% - 20px - 2px);}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li input.null{border-color:#FF0004;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li div.SendCode{float:left; width:40%; font-size:1.4em; padding:9.5px 0; text-align:center; color:#fff; background:#1b59a8; cursor:pointer;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li div.SendCode:hover{background:#054496;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li div.Sendforbid{float:left; width:40%; font-size:1.4em; padding:9.5px 0; text-align:center; color:#fff; background:#818181; pointer-events: none;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li div.strength{float:right; width:100%; margin-top:3%;}
div.view3 div.list1 div.right div.main div.security div.RenewMail ul li div.strength font{float:left; width:calc(100%/3); display:inline-block; text-align:center; padding:3px 0;}
div.view3 div.list1 div.right div.main div.security div.RenewMail div.submit,div.view3 div.list1 div.right div.main div.security div.RenewMail div.forbid{float:left; width:100%; padding:10px 0; margin-top:20px; color:#fff; font-size:1.6em; text-align: center;}
div.view3 div.list1 div.right div.main div.security div.RenewMail div.submit{pointer-events:auto; cursor:pointer; background:#1b59a8;}
div.view3 div.list1 div.right div.main div.security div.RenewMail div.submit:hover{background:#003e8d;}
div.view3 div.list1 div.right div.main div.security div.RenewMail div.forbid{pointer-events:none; background:#4B4B4B;}

div.view{float:left; width:94%; min-width:1200px; margin:30px 3%;}
div.view div.left{float: left; width:calc(15% - 5px); margin-right:5px;}
div.view div.left div.keyword{display:none;}
div.view div.left div.content h2,div.view div.left div.condition h2{float:left; width:100%; font-size:1.6em; font-weight:inherit; background:#1b59a8; color:#fff; text-align: center; padding:10px 0;}
div.view div.left div.condition{float:left; margin-top:10px;}
div.view div.left form{float:left; width: calc(94% - 2px); text-align:center; padding:3%; border-left:1px solid #9c9c9c; border-right:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c;}
div.view div.left form ul li{float:left; width:100%; font-size:1.4em; margin:10px 0;}
div.view div.left form div.submit,div.view div.left form button.submit,button.submit-btn{cursor:pointer; padding:5px 20px; margin:10px auto; background:#1b59a8; color:#fff; border-radius:0.8em; -webkit-border-radius:0.8em; -moz-border-radius:0.8em; -o-border-radius:0.8em; -ms-border-radius:0.8em;}
div.view div.left form div.submit:hover,div.view div.left form button.submit:hover,button.submit-btn:hover{background:#fa6400;}
div.view div.left div.content form ul li span{float:left; width:60px; height:30px; line-height:30px; text-align:right;}
div.view div.left div.content form ul li input{float:left; height:30px; width:calc(100% - 60px - 6% - 2px); padding:0 3%; border:1px solid #040000;}
div.view div.left div.condition form ul li span{float:left; width:80px; height:30px; line-height:30px; text-align:right;}
div.view div.left div.condition form ul li span::before{content:""; float:left; width:30px; height:30px; background-repeat: no-repeat; background-position:5px center; background-size:25px auto;}
div.view div.left div.condition form ul li:nth-of-type(1) span::before{background-image: url(/images/img/ss1.png);}
div.view div.left div.condition form ul li:nth-of-type(2) span::before{background-image: url(/images/img/ss2.png);}
div.view div.left div.condition form ul li:nth-of-type(3) span::before{background-image: url(/images/img/ss3.png);}
div.view div.left div.condition form ul li:nth-of-type(4) span::before{background-image: url(/images/img/ss4.png);}
div.view div.left div.condition form ul li select::-ms-expand{display: none;}
div.view div.left div.condition form ul li select{float:left; height:30px; width:calc(100% - 80px - 6% - 2px); padding:0 3%; border:1px solid #040000; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(/images/img/0123.png); background-repeat: no-repeat; background-size: 15px auto; background-position: right center;}
div.view div.left div.tabbox div.hd{display:none;}
@media screen and (max-width:1023px){
div.view{min-width:inherit;}
div.view div.left{width:100%; margin-right:0;}
div.view div.left div.tabbox.focus{display:none;}
div.view div.left div.tabbox div.hd{display:block;}
div.view div.left div.tabbox div.hd ul{float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #b3b3b4;}
div.view div.left div.tabbox div.hd ul li{float: left; width:calc(100%/2); padding:10px 0; font-size:0.12em; text-align: center; position: relative;}
div.view div.left div.tabbox div.hd ul li.on{color:#007fc8;}
div.view div.left div.tabbox div.hd ul li.on::after{content:""; position: absolute; left:40%; right:40%; bottom:-1px; border-bottom:5px solid #007fc8; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em; -o-border-radius:1em; -ms-border-radius:1em;}
div.view div.left div.tabbox div.bd form{border:none; width:100%; padding:0;}
div.view div.left div.tabbox div.bd form ul{float: left; width:94%; padding:3%; background:#f7f7f7;}
div.view div.left div.tabbox div.bd form div.submit{float:left; width:100%; font-size:0.14em; padding:10px 0; background:#d01329;}
div.view div.left div.tabbox div.bd form button.submit{border-radius:4em;width:100%; font-size:1em; padding:10px 0; background:#d01329;}
div.view div.left div.tabbox div.bd div.content h2{display:none;}
div.view div.left div.tabbox div.bd div.content form ul li{font-size:0.14em; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view div.left div.tabbox div.bd div.content form ul li span{width:20%;}
div.view div.left div.tabbox div.bd div.content form ul li input{height:40px;}
div.view div.left div.tabbox div.bd div.condition h2{display:none;}
div.view div.left div.tabbox div.bd div.condition form ul li{font-size:0.14em; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.view div.left div.tabbox div.bd div.condition form ul li span{width:25%;}
div.view div.left div.tabbox div.bd div.condition form ul li select{height:40px;}
div.view div.left div.keyword{display:block; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view div.left div.keyword form{display:flex; border:none; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view div.left div.keyword form ol{float: left; width:70%; border:1px solid #b3b3b4; overflow: hidden; border-radius:0.08em 0 0 0.08em; -webkit-border-radius:0.08em 0 0 0.08em; -moz-border-radius:0.08em 0 0 0.08em; -o-border-radius:0.08em 0 0 0.08em; -ms-border-radius:0.08em 0 0 0.08em;}
div.view div.left div.keyword form ol input{float:left; width:90%; margin:10px 5%; font-size:0.14em;}
div.view div.left div.keyword form div.submit{float:left; width:30%; padding:10px 20px; font-size:0.14em; border-radius:0 0.5em 0.5em 0; -webkit-border-radius:0 0.5em 0.5em 0; -moz-border-radius:0 0.5em 0.5em 0; -o-border-radius:0 0.5em 0.5em 0; -ms-border-radius:0 0.5em 0.5em 0;}
}
div.view div.right{float:right; width:85%;}
div.view div.right div.product{float:left; width:calc(100% - 5px); margin-left:5px;}
div.view div.right div.product ul.list{float:left; width:calc(100% - 2px); margin-bottom:20px; border:1px solid #8a8a8a;}
div.view div.right div.product ul.list h2{float:left; width:90%; text-align: center; font-size:1.8em; font-weight:normal; color:#fff; background:#1b59a8; padding:10px 5%;}
div.view div.right div.product ul.list h2 font{color:#eaff00;}
div.view div.right div.product ul.list h2.listcaption{text-align:left;background:#1b59a8;padding:5px 0px;margin:1px 0px;width:100%;}
div.view div.right div.product ul.list h2.listcaption span{display:inline-block;margin:0px 10px;}
div.view div.right div.product ul.list h2.listcaption span.arrow{cursor:pointer;}
div.view div.right div.product ul.list div.expansion div.listbox{display:inline;}
div.view div.right div.product ul.list div.contraction div.listbox{display:none;}
div.view div.right div.product ul.list div.expansion h2.listcaption span.arrow{background:url(../images/img/arrow_down.png);width:24px;height:24px;}
div.view div.right div.product ul.list div.contraction h2.listcaption span.arrow{background:url(../images/img/arrow_right.png);width:24px;height:24px;}


div.view div.right div.product ul.list ol{margin:0px;float:left; width:100%; font-size: 1.4em; border-bottom: 1px solid #818182; display: inline-flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;overflow:hidden;}
div.view div.right div.product ul.list ol li{display:inline-block;white-space: nowrap;width:100%;margin:0px;height:60px; line-height:60px;overflow:hidden;text-overflow:ellipsis;}
div.view div.right div.product ul.list ol.title li{height:24px; line-height:24px;}

div.view div.right div.product ul.list ol li{float:left; text-align:center; padding:0; position:relative;}
div.view div.right div.product ul.list ol li input{float:left; position:absolute; width:18px; height:18px; border:1px solid #7C7C7C; top:calc((62px - 18px + 2px)/2); left:10px; -webkit-appearance: auto;}
div.view div.right div.product ul.list.s1 ol li{width:calc(100%/8);}
div.view div.right div.product ul.list.s1 ol li:nth-of-type(-n+4)::after{content:""; position:absolute; border-right:1px solid #818182; top:0; right:-0.5px; bottom:0;}
div.view div.right div.product ul.list.s1 ol li.image p{float:left; width:50%; margin:0 calc(50%/2); height:100%; position:relative; overflow: hidden; cursor: pointer;}
div.view div.right div.product ul.list.s1 ol li.image p img{height:64px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view div.right div.product ul.list.s1 ol li.image p:hover::before{content:"\e64d"; position:absolute; z-index:1; font-size:2em; left:0; right:0; top:0; bottom:0; margin:auto; color:#fff;}
div.view div.right div.product ul.list.s2 h2{text-align: left;}
div.view div.right div.product ul.list.s2 ol li{width:calc(100%/12);}
div.view div.right div.product ul.list.s2 ol li:nth-of-type(-n+4)::after{content:""; position:absolute; border-right:1px solid #818182; top:0; right:-0.5px; bottom:0;}
div.view div.right div.product ul.list.s2 ol li span{padding:8px 15px 8px 25px; background:#1b59a8; color:#fff; position:relative; border-radius:0.8em; -webkit-border-radius:0.8em; -moz-border-radius:0.8em; -o-border-radius:0.8em; -ms-border-radius:0.8em;}
div.view div.right div.product ul.list.s2 ol li span::after{content:""; position:absolute; width:6px; height:6px; top:calc((100% - 6px)/2); left:10px; background:#fff;}
div.view div.right div.product ul.list div.button{float:left; width:50%; margin:0 calc(50%/2); display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.view div.right div.product ul.list div.button a{display:inline-block; pointer-events:auto; padding:10px 25px; color:#fff; background:#d01329; font-size:1.6em; margin:30px 2%; cursor:pointer;}
div.view div.right div.product ul.list div.button a:hover{background:#A60002;}
div.view div.right div.product ul.list div.button a.forbid{pointer-events:none; background:#818181;}
div.view div.right div.product ul.list div.button a.forbid:hover{background:#818181;}
div.view div.right div.product ul.list.s1 div.order ol{background:#f6f9e8; border-bottom:1px solid #818182; }
div.view div.right div.product ul.list.s1 div.order ol:first-child{font-size:1.4em;}
div.view div.right div.product ul.list.s1 div.order ol li{height:60px; line-height:60px;}
div.view div.right div.product ul.list{display:block;}
div.view div.right div.product ul.listwap{display:none;}

div.view div.push{display:none;}
@media screen and (max-width:1023px){
div.view div.right{width:100%; float: left;}
div.view div.right div.product{width:100%; margin-left:0;}
div.view div.right div.product ul.list{display:none;}
div.view div.right div.product ul.listwap{display:block; float: left; width:100%;}
div.view div.right div.product ul.listwap li{float: left; width:100%; margin:2% 0;}
div.view div.right div.product ul.listwap li dl{float: left; width:100%;}
div.view div.right div.product ul.listwap li dl dt{float: left; width:calc(45% - 2px); height:35vw; position:relative; overflow:hidden; border:1px solid #b3b3b4;}
div.view div.right div.product ul.listwap li dl dt img{width:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view div.right div.product ul.listwap li dl dd{float:left; width:50%; margin-left:5%;}
div.view div.right div.product ul.listwap li dl dd font{float:left; width:100%; font-size:0.18em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.view div.right div.product ul.listwap li dl dd p{float:left; width:100%; font-size:0.12em; margin-top:10px;}
div.view div.right div.product ul.listwap li dl dd p span{float:left; width:100%; position:relative; padding:10px 0; color:#b3b3b4;}
div.view div.right div.product ul.listwap li dl dd p span:nth-of-type(2)::before{content:""; width:80%; position:absolute; left:0; top:0; border-top:1px solid #b3b3b4;}

div.view div.push{display:block;}
div.view div.push h2{float: left; width:100%; margin:20px 0; text-align: center; font-size:0.2em; font-weight: normal;}
div.view div.push ul{float: left; width:100%;}
div.view div.push ul li{float: left; width:calc((100%/2 - 2% - 2px) + (2%/2)); margin:1%; border:1px solid #818182;}
div.view div.push ul li:nth-of-type(2n+1){margin-left:0;}
div.view div.push ul li:nth-of-type(2n+2){margin-right:0;}
div.view div.push ul li p{float: left; width:100%;}
div.view div.push ul li p:nth-of-type(1){height:40vw; position:relative; overflow:hidden;}
div.view div.push ul li p:nth-of-type(1) img{max-width:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.view div.push ul li p:nth-of-type(2){font-size:0.14em; height:2.8em; line-height:1.6em; text-align:center; margin-bottom:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
div.view div.push ul li p:nth-of-type(2) a{color:#a3a3a3;}
}

div.consult{float:left; width:100%;}
div.consult h2{float:left; width:90%; text-align: center; font-size:1.8em; font-weight:normal; color:#fff; background:#1b59a8; padding:10px 5%;}
div.consult ul{float:left; width: calc(100% - 2px); margin-bottom: 20px; border: 1px solid #8a8a8a;}
div.consult ul ol{float:left; width:100%; font-size: 1.4em; border-bottom: 1px solid #818182; background:#f6f9e8; display:flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
div.consult ul ol li{float:left; width:calc(100%/10); height:60px; line-height:60px; text-align:center; padding:10px 0; position:relative;}
div.consult ul ol:nth-of-type(1){font-size:1.6em; background:#ededed; border-bottom:none;}
div.consult ul ol:nth-of-type(1) li{height:auto; line-height:inherit;}
div.consult ul ol:last-child{border-bottom:none;}
div.consult ul ol li.image p{float:left; width:50%; margin:0 calc(50%/2); height:100%; position:relative; overflow: hidden; cursor: pointer;}
div.consult ul ol li.image p img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
div.consult ul ol li.image p:hover::before{content:"\e64d"; position:absolute; z-index:1; font-size:2em; left:0; right:0; top:0; bottom:0; margin:auto; color:#fff;}
/*友情链接*/
div.links{float:left; width:100%; padding:10px 0; font-size:1.4em; color:#474747;}
div.links p{float:left; display:inline-block; padding-left:2em; position:relative;}
div.links p::before{content:"\e667"; font-size:2em; position:absolute; top:-0.2em; left:0; color:#1b59a8;}
div.links a{float:left; display:inline-block; margin:0 10px; color:#474747;}
div.links a:hover{color:#1b59a8;}
/*内容*/
word{width:100%; float:left; min-height:500px; overflow:hidden;}
word section{width:auto;}
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){
word{min-height:inherit;}
}
/*分页*/
.page {width:100%; float: left; text-align: center; margin:50px 0; font-size: 1.4em;}
.page a{line-height: 3em; padding: 0.7em 1em; margin: 0 0.1em; color:#999999; background:#fff; 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:#0076ce; color: #fff; border-color: #0076ce;}
.page .active {background:#0076ce; color: #fff; border-color: #0076ce;}
.page total{line-height: 3em; padding: 0.7em 1em; margin: 0 0.1em; color: #999999;}
@media screen and (max-width:1023px){
.page{font-size:0.14em; margin:30px 0;}
.page a{padding: 0.3em 0.6em;}
}
/*用户登录*/
login{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.60); z-index:9999;}
login div.user{position:absolute; width:600px; height:500px; left:calc((100% - 600px)/2); top:calc((100% - 500px)/2); background:#fff; box-shadow:0px 0px 10px 2px #1b59a8; -webkit-box-shadow:0px 0px 10px 2px #1b59a8; -moz-box-shadow:0px 0px 10px 2px #1b59a8; -o-box-shadow:0px 0px 10px 2px #1b59a8; -ms-box-shadow:0px 0px 10px 2px #1b59a8;}
login div.user::before{content:""; position: absolute; top:0; right:0; width:43px; height:45px; background-repeat: no-repeat; background-position: center center; background-size: 43px auto; background-image: url(/images/img/0258.jpg);}
login div.user close{font-size:4.5em; color:#959595; cursor:pointer;}
login div.user close:hover{color:#FF0004;}
login div.user close::before{content:"\e700"; position:absolute; right:5%; top:5%;}
login div.user form{float: left; width:50%; margin:5% calc(50%/2);}
login div.user form ico{float:left; width:100%; height:80px; position:relative; overflow:hidden;}
login div.user form ico img{max-height:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
login div.user form h2{float:left; width:100%; font-size:1.8em; text-align:center; margin-bottom:20px;}
login div.user form ul{float: left; width:100%; line-height:0;}
login div.user form input{float:left; width:calc(100% - 20px - 2px); padding:10px; margin:10px 0; border:1px solid #959595; color:#959595; font-size:1.4em;}
login div.user form input.null{border-color:#FF0004;}
login div.user form div.submit,login div.user form div.forbid{float:left; width:100%; padding:10px 0; margin-top:20px; color:#fff; font-size:1.6em; background:#d01329; text-align: center;}
login div.user form div.submit{pointer-events:auto; cursor:pointer;}
login div.user form div.submit:hover{background:#B90015;}
login div.user form div.forbid{pointer-events:none; background:#4B4B4B;}
login div.user form div.auxiliary{float:left; width:100%; margin:10px 0; font-size:1.4em;}
login div.user form div.auxiliary p:nth-of-type(1){float:left; display:inline-block;}
login div.user form div.auxiliary p:nth-of-type(2){float:right; display:inline-block;}
login div.user form div.auxiliary p:nth-of-type(2) a:nth-of-type(2){margin-left:10px;}
login div.user form div.auxiliary p a{color:#5c5c5c;}
login div.user form div.auxiliary p a:hover{color:#1b59a8;}
@media screen and (max-width:1023px){
login div.user{width:90vw; height:90vh; left:calc((100% - 90vw)/2); top:calc((100% - 90vh)/2);}
login div.user close{font-size:0.3em;}
login div.user form{width: 80%; margin: 5% calc((100% - 80%)/2);}
login div.user form h2{font-size:0.18em;}
login div.user form input{font-size:0.14em;}
login div.user form div.submit,login div.user form div.forbid{font-size:0.16em;}
login div.user form div.auxiliary{font-size:0.14em;}
}
div.apply{width:50%; margin:0 auto;font-size:1.0em;}
div.apply h2{ float: left; width: 100%; text-align: center; font-size: 3.5em; margin: 20px 0px; font-weight: normal; letter-spacing:5px;}
div.apply form{float:left; width:70%; padding:5% 15%; background:#fff;}
div.apply form ul li{float:left; width:100%; position:relative; margin:10px 0; font-size:1.4em;}
div.apply form ul li input{float:left; width:94%; border:1px solid #959595; padding:15px 3%;}
div.apply form ul li input.null{border-color:#FF0004;}
div.apply form ul li must{position: absolute; right:1%; color:#ff8d91; margin:16px 0; font-size:1.6em;}
div.apply form ul li span.s1{color:#0DBB00;}
div.apply form ul li span{color:#ff8d91;}
div.apply form ul li p{float:left; width:100%; color:#868686; margin-top:5px;}
div.apply form ul li div.strength{float:right; display:inline-block;}
div.apply form ul li div.strength font{float:left; display:inline-block; width:30px; background:#E9E9E9; text-align:center; font-size:1em;}
div.apply form sign{float:left; width:100%; letter-spacing:1px; font-size:1.4em; height:30px; line-height:30px; color:#737373; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
div.apply form sign input{display:inline-block; width:15px; height:15px; border:1px solid #959595; margin:calc((30px - 15px - 2px)/2) 0; -webkit-appearance:auto; margin-right:5px;}
div.apply form sign a{display:inline-block; color:#276730; margin-left:10px; cursor:pointer;}
div.apply form sign a:hover{color:#d01329;}
div.apply form div.submit,div.apply form div.forbid{float:left; width:100%; padding:12px 0; margin-top:5px; color:#fff; font-size:1.6em; background:#d01329; text-align: center;}
div.apply form div.submit{pointer-events:auto; cursor:pointer;}
div.apply form div.submit:hover{background:#B90015;}
div.apply form div.forbid{pointer-events:none; background:#4B4B4B;}
div.apply div.follow{margin-bottom:50px;}
div.apply div.follow h2{font-weight:700;}

@media screen and (max-width:1023px){
div.apply {width:90%;}
div.apply h2{font-size:0.2em;}
div.apply form{width:100%;padding:5px;}
div.apply form ul li{margin:0px;font-size:0.1em;margin:5px 0px;}
div.apply form sign{font-size:0.1em;}
div.apply form div.submit{font-size:0.2em;}
div.apply div.follow{font-size:0.1em}
}

popup{position:fixed; z-index:99999; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.50);}
popup div.wicket{float:left; width:calc(1200px - 4%); height:calc(80vh - 4%); margin:calc((100vh - 80vh)/2) calc((100% - 1200px)/2); padding:2%; background:#fff; position:relative;}
popup div.wicket close{font-size:4.5em; color:#959595; cursor:pointer;}
popup div.wicket close:hover{color:#FF0004;}
popup div.wicket close::before{content:"\e700"; position:absolute; right:2%; top:2%;}
popup div.wicket div#title{float:left; width:100%; text-align:center; font-size:3em; margin-bottom:10px;}
popup div.wicket div#content{float:left; width:100%; height:66vh; margin:10px 0; font-size:1.4em; overflow:hidden;}

/*用户登录*/
album{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.60); z-index:9999;}
album div.TabBox{position:absolute; width:600px; height:500px; left:calc((100% - 600px)/2); top:calc((100% - 500px)/2); background:#fafaf2; box-shadow:0px 0px 10px 2px #1b59a8; -webkit-box-shadow:0px 0px 10px 2px #1b59a8; -moz-box-shadow:0px 0px 10px 2px #1b59a8; -o-box-shadow:0px 0px 10px 2px #1b59a8; -ms-box-shadow:0px 0px 10px 2px #1b59a8;}
album div.TabBox div.main{float:left; width:100%; position:relative;}
album div.TabBox div.main div.BigImage{float:left; width:calc(600px - 20%); margin:3% 10%; overflow:hidden; position:relative;}
album div.TabBox div.main div.BigImage ul li{float:left; width:100%; height:350px; position:relative; overflow:hidden;}
album div.TabBox div.main div.BigImage ul li img{max-width:100%; max-height:100%;position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
album div.TabBox div.main div.PrevNext span{position:absolute; z-index:2; width:50px; height:50px; top:calc((100% - 50px)/2); font-size:5em;color:#d01329; pointer-events:none; cursor:pointer;}
album div.TabBox div.main div.PrevNext span::before{content:"\e627"; position:absolute; display:inline-block; left:0; right:0; top:0; bottom:0; margin:auto; pointer-events:auto;}
album div.TabBox div.main div.PrevNext span.swiper-button-disabled{color:#BBBBBB; cursor:auto;}
album div.TabBox div.main div.PrevNext span.prev::before{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
album div.TabBox div.main div.PrevNext span.prev{left:20px;}
album div.TabBox div.main div.PrevNext span.next{right:20px;}
album div.TabBox div.thumbnail{float:left; width:calc(600px - 6%); margin:0 3%; overflow:hidden;}
album div.TabBox div.thumbnail ul li{float:left; width:100%;}
album div.TabBox div.thumbnail ul li p{float:left; width:calc(100% - 2px); height:90px; border:1px solid #959595; position:relative; overflow:hidden; cursor:pointer;}
album div.TabBox div.thumbnail ul li p img{max-height:80%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
album div.TabBox div.thumbnail ul li.swiper-slide-thumb-active p{border-color:#FF0004;}
/*底部导航*/
footer{float:left; width:100%; position:relative; z-index:2; background:#606060;}
footer div.PageTail{width:1200px; margin:2% auto; position:relative; z-index:2; background:#606060; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
footer div.PageTail div.logo{float:left; width:15%; height:116px; position: relative;}
footer div.PageTail div.nav{float: left; width:35%;}
footer div.PageTail div.nav ul{float:left; width:0 calc((50% - 23%)/2); min-height:180px; padding:0 20px; position:relative;}
footer div.PageTail div.nav ul::after{content:""; border-right:1px solid #fff; position: absolute; top:0; right:0; bottom:0;}
footer div.PageTail div.nav ul li{float:left; display:inline-block; clear:both; font-size:1.4em; line-height:1.6em;}
footer div.PageTail div.nav ul li:first-child{font-size:1.6em;}
footer div.PageTail div.nav ul li a{color:#fff;}
footer div.PageTail div.nav ul li a:hover{color:#fa6400;}
footer div.PageTail ul.qrcode{float:left; width:19%; margin:0 3%;}
footer div.PageTail ul.qrcode li{float:left; width:40%; margin:0 5%;}
footer div.PageTail ul.qrcode li p:nth-of-type(1){float:left; width:100%; height:100px; position:relative; overflow:hidden;}
footer div.PageTail ul.qrcode li p:nth-of-type(1) img{width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
footer div.PageTail ul.qrcode li p:nth-of-type(2){float:left; width:100%; text-align:center; margin-top:10px; font-size:1.4em; color:#fff;}
footer div.PageTail ul.contact{float:left; width:30%;}
footer div.PageTail ul.contact li{float:left; width:100%; font-size:1.4em; line-height:1.6em; color:#fff;}
footer div.PageTail ul.contact li:first-child{font-size:3em; font-weight:lighter;}
footer div.PageTail ul.contact li:first-child::before{content:"\e60a";}
footer div.copyright{float:left; width:100%; font-size:1.4em; color:#fff; text-align: center; background:#1b59a8; padding:15px 0;}
footer div.copyright p{display:none;}
footer div.copyright span{padding:0 5px;}
footer div.copyright a{color:#fff;}
footer div.copyright a:hover{text-decoration:underline;}
footer div.copyright.web{display:block;}
footer div.copyright.wap{display:none;}
footer div.MobileNav{display:none;}
@media screen and (max-width:1023px){
footer{padding-bottom:45px; background:#fff;}
footer div.PageTail{display:none;}
footer div.copyright.web{display:none;}
footer div.copyright.wap{display:block;}
footer div.copyright{width:94%; font-size:0.14em; padding:15px 3%; background:#f7f7f7;}
footer div.copyright.wap span{float:left; width:100%; color:#000000; line-height:1.6em; text-align:center; padding:0;}
footer div.copyright.wap span:first-child{display:block; float:left; width:100%; font-size:3.5em; pointer-events:none;}
footer div.copyright.wap span:first-child::before{content:"\e604"; pointer-events:auto;}
footer div.copyright.wap span a{color:#000000;}
footer div.copyright.wap span:last-child{margin:10px 0 20px; color:#817c78;}
footer div.copyright.wap span:last-child a{color:#817c78;}
footer div.MobileNav{display:block; position:fixed; left:0; right:0; bottom:0;}
footer div.MobileNav ul{float:left; width:100%; height:45px; line-height:45px; font-size:0.14em; background:#174ea1; display: flex; display:-webkit-flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
footer div.MobileNav ul li{display:inline-block; position:relative; text-align:center; padding:0 4.3%;}
footer div.MobileNav ul li a{color:#fff;}
footer div.MobileNav ul li::after{content:""; position: absolute; right:0; top:25%; bottom:25%; border-left:1px solid #fff;}
footer div.MobileNav ul li:last-child::after{content:none;}
}
/*返回顶部*/
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;}
/*缩放动画*/
@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);}
}
/*关注*/
div.follow{float:left; width:100%; text-align:center; margin-top:20px;}
div.follow h2{position:relative; font-size:1.8em; line-height:1em; height:1em; color:#5c5c5c;}
div.follow h2::before{content:""; width:30%; border-bottom:1px solid #979797; position:absolute; left:0; top:calc((1em - 1px)/2);}
div.follow h2::after{content:""; width:30%; border-bottom:1px solid #979797; position:absolute; right:0; top:calc((1em - 1px)/2);}
div.follow ul li{display:inline-block;}
div.follow ul li a::before{content:""; display:inline-block; padding:20px; margin:0 10px; background-repeat:no-repeat; background-position: center center; background-size: 100% auto;}
div.follow ul li a.WeChat{position:relative; cursor:pointer;}
div.follow ul li a.WeChat::before{background-image:url(/images/img/Wechat.png);}
div.follow ul li a.WeChat div.wechat-qrcode{display:none; position:absolute; z-index:999; top:-250px; 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.follow ul li a.WeChat div.wechat-qrcode h3{font-size:1.4em; color:#353535; margin:10px 0; position:relative;}
div.follow ul li a.WeChat div.wechat-qrcode img{width:90%; margin:0 5%;}
div.follow ul li a.WeChat div.wechat-qrcode span{float:left; width:100%; margin:5px 0 10px; color:#3F3F3F; font-size:1.2em;}
div.follow ul li a.WeChat:hover>div.wechat-qrcode{display:block;}
div.follow ul li a.facebook::before{background-image:url(/images/img/Facebook.png);}
div.follow ul li a.twitter::before{background-image:url(/images/img/Twitter.png);}
/*分享*/
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);}
@media screen and (max-width:1023px){
div.share{font-size:0.14em;}
}