@charset "utf-8";
/* CSS Document */
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
html, body { width: 100%; font-size:calc(100vw / 19.2); position: relative;}
body{color:#555555;	margin:0px auto; font-family: 'adobe-garamond-pro', sans-serif; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; vertical-align: middle; *vertical-align:top;}
p{ margin: 0px; line-height: 1.7; font-size: 0.16rem;}
b,strong {}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
table th,table td{
	border:1px solid #ddd;
}
address, cite, dfn, em, var {
    font-style: normal;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* ie7以下两个以上的 li浮动产生的空白间隙bug */
li{
	+vertical-align: top;
	_vertical-align: top;
}
li *{
	*zoom:1;
}
li{ list-style: none outside none;}
i{ font-style: normal;}
@font-face {
  font-family: 'FontAwesome';
  src: url('/Content/NewIndex2/fonts/fontawesome-webfont.eot');
  src: url('/Content/NewIndex2/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/Content/NewIndex2/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/Content/NewIndex2/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/Content/NewIndex2/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/Content/NewIndex2/fonts/fontawesome-webfont.svg?v=4.6.3') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: "iconfont";
	font-style: normal;
	font-weight: normal;
	src:url("/Content/NewIndex2/fonts/iconfont.ttf") format("truetype");
  }
@font-face{font-family:"socialshare";src:url("/Content/NewIndex2/fonts/share.eot");src:url("/Content/NewIndex2/fonts/share.eot?#iefix") format("embedded-opentype"),url("/Content/NewIndex2/fonts/share.woff") format("woff"),url("/Content/NewIndex2/fonts/share.ttf") format("truetype"),url("/Content/NewIndex2/fonts/share.svg") format("svg")}
.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
[class*='webicon-']{ font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { font-size: 0.16rem; position: relative; width: 14rem; margin: 0 auto;}
/*链接*/
a{ text-decoration:none; color:#555555; background: transparent;  outline:none;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
a:focus { outline:none; }
a:hover{ color:#ffc437;}
a:active{ outline:none;}
/*侧边滑动条*/
::-webkit-scrollbar{width:6px; background-color:#E5E5E5;}
::-webkit-scrollbar-thumb{width:5px;  border-radius:4px; background-color:#424c72;}
::-webkit-scrollbar-corner{background-color:#333;}
::-webkit-scrollbar:horizontal{height:6px;}
/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}
.hide{ display: none;}
video { width: auto; height: auto; max-width: 100%; max-height: 100%;
}
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;  font-family: inherit; font-size: inherit; margin: 0; outline: none; box-sizing: border-box; }
button,select {text-transform: none;}
input,textarea{ font-size: 0.16rem; width: 100%; padding: 0.15rem 0.3rem;color: #000000; border: 1px solid #c1c1c1; background-color: #FFFFFF; background-image: none; -webkit-user-select:auto; /*webkit浏览器*/  user-select:auto; -o-user-select:auto; -ms-user-select:auto;}
/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:0.6rem; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
/**表单通用样式**/
.text_table li{ width:100%; margin-bottom:0.1rem;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content: flex-start;}
.text_table span{flex-shrink: 0; font-weight:bold; text-align: right; width:1rem; margin-right:0.1rem;}
.text_table span i{ font-style:normal;}
.text_table li > div{text-align:left;width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); }
.text_table li > div.MemberCode{ width:auto;}
.text_table li.smscode{}
.text_table li.smscode > div{ width:auto;}
.text_table .operation{text-align:center; }
.text_table #Detail{ height:2rem;}
.text_table .operation{ text-align:center; }
/*按钮*/
.btn { display: inline-block;  padding: 0.05rem 0.1rem; font-weight: 400; overflow: hidden; background: #0256ac; color: #FFF;
	text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	background-image: none; border: 1px solid transparent; border-radius: 0.04rem;; -webkit-appearance: none; appearance: none; }
/*默认样式*/
.btn:hover { opacity: .8; }
.btn:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
/*按钮大小*/
.btn-large {font-size: 0.16rem;  height: 0.4rem;  line-height: 0.4rem;  padding: 0rem 0.25rem;}
.btn-small { padding: 0.05rem 0.15rem; font-size: 0.14rem; line-height: 1.5; border-radius: 0.03rem; }
.btn-tiny {  font-size: 0.12rem;  height: 0.25rem;  line-height: 0.25rem; padding: 0rem 0.1rem;}
/*块按钮*/
.btn-block {display: block;}
/*==========@@HTML默认  结束@@==========*/
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0; border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; background:#fff;}
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:100%; border: #e1e1e1 solid 1px; height:1.2rem;border-radius: 3px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
/*==========@@元件 开始@@==========*/
/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;   padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn{ padding:0.15rem 0.45rem;font-size:0.18rem;text-decoration:none; margin:5px 0px; cursor:pointer;background:#ffb54c;  color: #fff; border-radius:0;}
.btn:hover {  color:#fff;}
.btn:active {  color: #fff; outline:0;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
.InfoContent{ width: 100%; padding: 0.2rem; position: relative; text-align:justify; text-justify:inter-ideograph;}
.InfoContent table{ width: auto !important; max-width: 100% !important;}
.InfoContent img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
/*块按钮*/
.btn-block {display: block;}
/*==========@@公共板块  开始@@==========*/
/*导航*/
.head-nav{ width: 100%; position: fixed; top: 0; left: 0; z-index: 111;}
.navfloat{ width:100%; background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)); position: relative;}
.head-nav.notTop .navfloat{position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    transition-duration: .8s;}
.head-navk{ width: 100%; position: relative; display: -webkit-flex;  display: flex; justify-content: space-between;}
.head-logo{ width: 5.6rem; padding-left: 1rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;  align-items:center;}
.head-logo img{ padding: 0.1rem 0;}
.navbar{ display: block; padding-right: 2rem; padding-top: 0.15rem; position: relative;}
.header_navtop{ display: block; width: 100%; position: relative;}
.webicon-email::before{ content: "\A001"; font-size: 0.24rem; padding-right: 5px;}
.webicon-job::before{ content: "\E616"; font-size: 0.18rem; padding-right: 5px;}
.webicon-pc::before{ content: "\E60E"; font-size: 0.16rem; padding-right: 5px;}
.header_navtoplist{  display: -webkit-flex; display: flex; justify-content:flex-end;}
.header_navtoplist span{ position: relative;font-size: 0.14rem; padding: 0 0.15rem; color: #FFFFFF; display: -webkit-flex; display: flex; align-items: center;}
.header_navtoplist .webicon-email a{ padding-right: 0.1rem; position: relative; overflow: hidden;}
.header_navtoplist .webicon-email a::after{ content: "|"; position: absolute; right: 0; top: 50%; margin-top: -0.05rem; width: 1px; height: 0.1rem; background: #fff;}
.header_navtoplist .webicon-email a:last-of-type{ padding-left: 0.1rem; padding-right: 0rem;}
.webicon-search::before{ cursor: pointer; content: "\E6A2"; font-size: 0.18rem; margin-left: 0.5rem;}
.header_navtoplist .webicon-email a:last-of-type::after{content: none;}
.head-eject {
    width: 100%; position: fixed; left: 0; z-index: 100; padding: 0.2rem 0.35vw;
     background: #FFFFFF;
    transition: all .6s;
    transform: translate(0,20%);
    opacity: 0;
    pointer-events: none;
}
.head-eject .close{ display: inline-block; position: absolute; right: 2.5vw; top: 0.15rem; transition: all .6s; opacity: 1; cursor: pointer; z-index: 2; color: #FFFFFF;}
.head-eject .close::before{ cursor: pointer; content: "\E470"; font-size: 0.18rem; font-family: "iconfont";}
.head-eject .close:hover{ transform: rotate(360deg);}
.head-eject.active { opacity: 1; transform: translate(0,0); pointer-events: auto;}
.head-tcsearch{ width: 100%; margin: 0 auto; position: relative; overflow: hidden; padding: 0.4rem 0;}
.head-tcsearchtit{ font-size: 0.18rem; position: relative; overflow: hidden; margin-bottom: 0.2rem;}
.head-tcsearchform{width: 100%; margin: 0 auto; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex; align-items:center; }
.head-tcsearch .text{ width: 100%; height: 0.5rem; border: none; padding: 0rem; color: #434343; font-size: 0.16rem; border-bottom: 1px solid #ddd;}
.head-tcsearch .btns{ width: 1rem; height: 0.5rem; margin-left: 0.3rem; color: #FFFFFF; background: #033f5a; padding: inherit;border: none;}



.header_navtoplist span a{ font-size: 0.14rem; color: #FFFFFF;}
.header_menuico{ width: 1.15rem; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0;}
.header_menuico .waptc-menu{z-index: 999;cursor: pointer; width: 1.15rem; height: 1.15rem; background:#012b41 url("../images/wapmenu.png") no-repeat center center; background-size: 0.3rem 0.3rem;  overflow: hidden; clip-path: polygon(0 0,100% 0%, 100% 100%,0.3rem 100%); display: -webkit-flex;  display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0;}
.header_menuico.on .waptc-menu{ z-index: 9999;}
.head-right span i img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.head-logo img{ width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.navbar{ width: auto; position: relative;}
.navbar_list{ position: relative;}
.navbar_list > ul{ display: -webkit-flex;  display: flex;  align-items:center;}
.navbar_list > ul > li{ position: relative; padding: 0rem 0.25rem; color: #FFFFFF; font-size: 0.2rem;}
.navbar_list > ul > li > a{ position: relative; overflow: hidden; display: block; padding: 0.2rem 0rem 0.35rem 0rem;; color: #FFFFFF;}
.navbar_list > ul > li > a.curr{ color: #ffb54c;}
.navbar_list > ul > li > a::after{
	content: ""; 
	position: absolute;
	left: 0; bottom: 0;
	width:100%;
    height:0px;
	background: #ffb54c;
	clip-path: polygon(10% 0%,90% 0%, 100% 100%,0% 100%);
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.navbar_list > ul > li > a.curr:after,.navbar_list > ul > li > a:hover:after{ height: 5px; opacity: 1;}
.dropdown-menupc{ width: 150%; z-index: 16; margin-top: 0.1rem; background: #fff; position: absolute; top: 100%; left: -25%; opacity: 0;transition: all .6s; pointer-events: none; padding: 0.1rem 0; border-top: 3px solid #EE9640;}
.dropdown-menupc li{ width: 100%; text-align: center; position: relative; overflow: hidden;}
.navbar_list > ul > li.dropdownpc:hover .dropdown-menupc { opacity: 1; pointer-events: all;}
.navbar_list > ul > li.dropdownpc:hover > a:after{  height: 5px; opacity: 1;}
.dropdownpc::after { z-index: 16;
    content: '';
    width: 100%;
    height: 0.3rem;
    position: absolute;
    left: 0rem;
    top: 97%;
}

.dropdown-menupc li a{ display: block; padding: 0.15rem 0.1rem; font-size: 0.2rem; color: #333333;}
.dropdown-menupc li a:hover,.dropdown-menupc li a.curr{ background: #e9e9e9; color: #ffb54c;}
/*弹出菜单*/
.wap-nav-tc{  width: 100%;height: 100vh;
    position: fixed;
	z-index: -1;
    top: 0;
    left: 0;
    transform: scale(1.1);
    opacity: 0;
	pointer-events: none;
    visibility: hidden;
    transition: .7s;
    -webkit-transition: .7s;}
.wap-nav-tc .wap-nav-box { width: 100%; height: 100vh; background: #fff; display: -webkit-flex;  display: flex; justify-content: space-between;visibility: hidden;}
.header_menuico.on  .wap-nav-box{visibility: visible;}
.wap-nav-box::before {
  content: '';
  width: 4rem;
  height: 4rem;
  background: url(/Content/NewIndex2/images/fengg-bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 23%;
  right: -2rem;
  z-index: 1;
  animation: Rotate 35s linear infinite;
}

.wap-nav-boxleft {
  width: 50%; height: 100%;display: block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.wap-logo{ width: 100%; display: block; position: relative; overflow: hidden;}
.wap-logo img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.wap-nav-box .wap-nav-boxright {
  width: 50%; height: 100%;
  background-color: #fff;
  padding-top: 1.1rem;
  padding-left: 1.1rem;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.wap-nav-box .wap-nav-boxright::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: rgba(54, 60, 80, 0.5);
}

.wap-nav-box .wap-nav-boxright::-webkit-scrollbar-thumb {
  background-color: #014f6e;
}

.wap-nav-box .wap-nav-boxright .wap-nav {
  margin-top: 0.4rem;
}

.wap-nav-box .wap-nav-boxright .wap-nav li {
  position: relative;
  margin-bottom: 24px;
}

.wap-nav-box .wap-nav-boxright .wap-nav li > a {
  font-size: 15px;
  color: #333;
  transition: .4s;
  -webkit-transition: .4s;
}

.wap-nav-box .wap-nav-boxright .wap-nav li > a:hover {
  color: #e98f00;
}

.wap-nav-box .wap-nav-boxright .wap-nav li .sub {
  position: absolute;
  top: 50%;
  left: 22%;
  z-index: 10;
  border-left: 1px solid #015677;
  padding-left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .4s;
  -webkit-transition: .4s;
}

.wap-nav-box .wap-nav-boxright .wap-nav li .sub a {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  transition: .4s;
  -webkit-transition: .4s;
}

.wap-nav-box .wap-nav-boxright .wap-nav li .sub a:last-child {
  margin-bottom: 0;
}

.wap-nav-box .wap-nav-boxright .wap-nav li .sub a:hover {
  color: #e98f00;
}

.wap-nav-box .wap-nav-boxright .wap-nav li:hover > a {
  color: #e98f00;
}

.wap-nav-box .wap-nav-boxright .wap-nav li:hover .sub {
  left: 15%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header_menuico.on .wap-nav-tc{
  opacity: 1;
  z-index: 100;
  pointer-events: auto;
  visibility: visible;
  transform: scale(1);
}
/**二级页面banner**/
.erbanner{ width:100%; position:relative; overflow:hidden;}
.erbanner_pic{ width:100%; height: 5.6rem; position:relative; overflow:hidden;}
.erbanner img{ width:100%; height: 100%;object-fit: cover; display:block;}
.erbanner_title{ width:100%; position:absolute; left: 0; bottom: 1.1rem; overflow:hidden;}
.erbanner_k{ width: 85%; position: relative; overflow: hidden;}
.erbanner_txt{ padding-bottom: 0.3rem; position: relative; overflow: hidden; margin-bottom: 0.2rem;}
.erbanner_txt h3{ font-size:0.44rem;  color:#FFF; margin-bottom:0.15rem;font-weight: bold;}
.erbanner_txt h5{ font-size:0.24rem; color:#FFF; text-transform: uppercase; font-weight: normal;}
.erbanner_txt::after{ content: ""; width: 0.9rem; height: 5px; position: absolute; left: 0; bottom: 0; background: #ffb237;}
/*==========@@HTML默认 结束@@==========*/
/*通用列表类*/
.info_top{ width:100%; padding-top: 0.3rem; padding-bottom: 0.5rem; background: #f5f5f5; position: relative; overflow: hidden;}
.info_down{ width:100%; padding: 0.05rem; margin-top: 0.6rem; position: relative; overflow: hidden;}
/*带缩略图3*/
.thumblist3{ width:100%; position:relative;}
.thumblist3 li{ width:100%; display: contents; position: relative; display: -webkit-flex;  display: flex;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; border-bottom: #e1e1e1 solid 1px;}
.thumblist3 li a{ width: 100%; display: block;}
.thumblist3k{ width:100%; padding: 0.4rem 0.2rem; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between;}
.thumblist3k:after {
    content: "";
    width: 0%;
    height: 2px;
    background: #043b55;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
	overflow: hidden;
}
.thumblist3k:hover:after{ width: 100%;}
.thumblist3_time{flex-shrink: 0; color: #666666; border: #c6c6c6 solid 1px; padding: 0.1rem 0.15rem 0.2rem 0.15rem; text-align: center;position: relative; overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.thumblist3_time dt{ font-size: 0.48rem;}
.thumblist3_time dd{ font-size: 12px;}
.thumblist3_pic{flex-shrink: 0; width:2.15rem; height:1.4rem;flex-shrink: 0; position:relative; overflow: hidden; }
.thumblist3_pic img{object-fit: cover; width:100%;transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;}
.thumblist3_con{ width:100%; padding-left: 0.2rem; padding-right: 0.2rem; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:space-between;}
.thumblist3_con h3{ color: #222222; font-size:0.22rem; font-weight: normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.13rem;}
.thumblist3_txtp{ font-size: 0.14rem; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumblist3 li:hover .thumblist3_pic img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.thumblist3 li:hover{ border-color: #FFFFFF;-webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);}
.thumblist3 li:hover .thumblist3_con h3{ color: #043b55;}
.thumblist3 li:hover .thumblist3_time{ border-color: #043b55; color: #ffc437; background: #043b55;}
/*橱窗列表4*/
.gridlist4{ width: 100%; position: relative; overflow: hidden;}
.gridlist4 li{ width: 25%;float: left; position: relative; overflow: hidden;}
.gridlist4_list{ width: 100%; height: 3.2rem; position: relative; overflow: hidden; transition: all .6s;}
.gridlist4_pic{ width: 100%; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;align-items: center; justify-content: center; transition: all .6s;}
.gridlist4_pic span{width: 100%; position: relative; overflow: hidden;}
.gridlist4_pic span::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/Content/NewIndex2/images/icon_11.png) no-repeat center rgba(0,0,0,0.6);
    background-size: auto 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .6s;
}
.gridlist4 li .gridlist4_list::before{ display: block;z-index: 1; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.gridlist4_list img{ display: block; width: 100%; transition: 400ms;  -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist4_list h3{ width: 100%; position: absolute; bottom: 0; left: 0; font-weight: normal;font-size: 0.18rem; color: #FFFFFF; padding: 0.2rem 0.15rem; text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all .6s; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}
.gridlist4 li:hover .gridlist4_list::before{ border: rgba(255,178,55,1) solid 5px;}
.gridlist4 li:hover span::after { opacity: 1;}
.gridlist4 li:hover h3 { color: #FFFFFF;}

/*info*/
.infocon{ width: 100%; margin-top: 0.4rem; margin-bottom: 0.8rem; position: relative; overflow: hidden;}
.infoconbg{ width: 100%; margin-bottom: 0.8rem; position: relative; overflow: hidden;}
.info_conk{ width: 100%; position: relative; overflow: hidden;}
.info_menu{ width: 100%; margin-top: -0.25rem; position: relative; overflow: hidden;}
.info_menuk{ width: 100%; height: 1rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items: flex-end; justify-content: space-between; padding: 0.3rem 2.7rem 0.3rem 2.7rem;}
.info_menuleft{ width: 60%; display: flex; padding-bottom: 0.2rem; position: relative; overflow: hidden;}
.info_menuk::before{display: block; content: ""; width: 58%; height: 0.85rem;  position: absolute; top: 0; left: 0; background-color: #052e44; /* 不支持线性的时候显示 */ background-image: linear-gradient(to right, #052e44 , #005c7f);transition: all 0.5s ease 0s;  clip-path: polygon(0 0,96% 0%, 100% 100%,0% 100%);}
.info_menuk::after{display: block; content: ""; width: 50%; height: 0.15rem; background: #ffb237; position: absolute; bottom: 0; left: 0; clip-path: polygon(0 0,99.5% 0%, 100% 100%,0% 100%);}
.info_menuleft ul{ width: 100%; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items: center;}
.info_menuleft li{ display: block; font-size: 0.18rem;  padding-right: 0.4rem;}
.info_menuleft li:last-child{ padding-right: 0;}
.info_menuleft li a{ color: #FFFFFF;}
/*.info_menuleft li a::before{content: "\E692";font-family: "iconfont" !important; font-style: normal; font-size: 0.12rem; margin-right: 5px;}*/
.info_menuleft li a:hover,.info_menuleft li a.curr{ color: #ffc437;}
.info_menuright{ width: 40%; text-align: right;display: flex;}

.ermenu_rightgoto{ width: 100%; font-size: 0.16rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;  align-items:center; justify-content: flex-end;}
.ermenu_rightgoto::before{content: "\E003"; margin-right: 0.1rem; font-size: 0.2rem; font-family: "iconfont";}
.ermenu_rightgoto a::after{content: ">";font-family: "iconfont"; margin: auto 0.05rem;}
.ermenu_rightgoto a:last-of-type::after{content: "";}
/*动态信息*/
.infosearch{ width: 100%; position: relative; overflow: hidden;}
.infosearch_list{ width: 100%; position: relative; overflow: hidden;}
.infosearch_form{ width: 100%; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;  align-items:center;}
.infosearch_form form{ flex: 1;}
.infosearch_form h3{ flex-shrink: 0; padding-left: 0.3rem; padding-right: 0.35rem; position: relative; overflow: hidden;}
.infosearch_form ul{ display: -webkit-flex;  display: flex;  align-items:center;}
.infosearch_list li{ float: left;  width: 33.33333%;  padding: 0 0.1rem; position: relative; overflow: hidden;}
.infosearch_listk{ width: 100%; position: relative; overflow: hidden;display: -webkit-flex;  display: flex;}
.infosearch_list select {font-size: 0.16rem;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    background: none;
    border: 1px solid #c1c1c1;
    padding: 0.1rem 0.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 99;
    color: #8e8e8e;
}
.infosearch_list select option{ font-size: 0.16rem;}
.infosearch_list input{padding: 0.1rem 0.15rem;}
.search_button{ flex-shrink: 0; background: #043b55; padding: 0.1rem 0.45rem; position: relative; overflow: hidden;}
/*机构*/
.info_jglist{ width: 100%; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; flex-wrap: wrap; margin-bottom: 0.3rem;}
.info_jglist::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0.35rem; left: 0; background-color: #f7f9fa; z-index: 0; border-right: #024967 solid 0.05rem;transition: all 0.5s ease 0s;}
.info_jgleft{ width: 45%; position: relative; overflow: hidden; z-index: 2; font-size: 0.24rem; color: #FFFFFF;}
.info_jgleft_title{ width: 100%; position: relative; overflow: hidden; background-color: #024967; clip-path:polygon(0% 0%,100% 0%, 90% 100%,0% 100%);display: -webkit-flex;  display: flex;  align-items: center; justify-content: center;}
.info_jgleft_titletxtk{ width: 100%; padding: 0.1rem 1rem 0.1rem 0.1rem;}
.info_jgright{ width: 55%; z-index: 2; padding: 0.9rem 0.4rem; position: relative; overflow: hidden;}
.info_jgleft_titletxt{ display: inline-block; color: #FFFFFF; z-index: 1; position: absolute;}
.info_jgleft_titletxt h3{ font-size: 0.36rem;}
.info_jgmore{ display: inline-block; margin-top: 0.35rem;  font-size: 0.16rem;}
.info_jgmore a{ display: inline-block; padding: 0.1rem 0.3rem; border: #FFFFFF solid 1px;  font-size: 0.16rem; color: #FFFFFF;}
.info_jgpic{ width: 100%; height: 4rem; position: relative; overflow: hidden;}
.info_jgpic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.info_jgtext{ width: 100%; position: relative; overflow: hidden;}
.info_jgtext h3{ display: inline-block;font-size: 0.24rem; color: #242424; margin-bottom: 0.35rem; position: relative; overflow: hidden;}
.info_jgtext h3::before{ display: inline-block; margin-right: 8px; content: ""; width: 0.05rem; height: 0.2rem; background-color: #ffb237;}
.info_jgtext ul{ width: 100%; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.info_jgtext li{ width: 33.33333%; margin-bottom: 0.3rem; position: relative; overflow: hidden;}
.info_jgtext li a{ line-height: 0.25rem; display: inline-block; font-size: 0.18rem; color: #242424; position: relative; overflow: hidden;}
.info_jgtext li a::before{ content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: 0; background: #015374; transition: all 0.5s ease 0s;}

.info_jglist:nth-of-type(2n){flex-direction:row-reverse;}
.info_jglist:nth-of-type(2n) .info_jgleft_title{ clip-path:polygon(10% 0%,100% 0%, 100% 100%,0% 100%);}
.info_jglist:nth-of-type(2n) .info_jgright{ padding: 0.9rem 0.4rem 0.9rem 1.1rem;}
.info_jglist:nth-of-type(2n)::after{ border-right: none; border-left: #024967 solid 0.05rem;}

.info_jglist:hover::after{ border-color: #ffb237;}
.info_jglist:hover .info_jgmore a{ background: #FFFFFF; color: #323232;}
.info_jgtext li a:hover{ color: #015374;}
.info_jgtext li a:hover::before{ width: 100%;}
.info_jglist:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
/*工作重点*/
.works{ width: 100%; margin-top: 0.3rem; position: relative; overflow: hidden;}
.works_list{ width: 100%; position: relative; overflow: hidden;}
.works_list ul{margin: 0.1rem -0.1rem;}
.works_list li{float: left; width: 33.33333%; padding: 0.1rem 0.1rem; position: relative; overflow: hidden;}
.works_listk{ width: 100%; background: #FFFFFF; position: relative; overflow: hidden;}
.works_pic{ width: 100%; height: 4rem; padding-bottom: 1.05rem; position: relative; overflow: hidden;}
.works_pic img{ width: 100%; height: 100%; transition: all 0.6s;}
.works_mask{ width: 100%; position: absolute; bottom: 0; overflow: hidden; transition: all 0.6s ease 0s;}
.works_nr{ width: 100%; padding: 0.15rem; position: relative; overflow: hidden;}
.works_nr h3{ color: #000000; font-weight: normal;font-size: 0.2rem; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.15rem;}
.works_none{min-height: 0rem; max-height: 0rem; width: 100%; position: relative; overflow: hidden; transition: max-height 0.5s ease-in-out;}
.works_txt{ color: #333333; font-size: 0.14rem; position: relative;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.4rem;}
.works_nr dd{ margin-top: 0.2rem; color: #989898; font-size: 0.14rem; display: -webkit-flex;  display: flex;  align-items: center; position: relative; overflow: hidden;}

.works_nr dd span{ margin-right: 10px; position: relative; overflow: hidden;width: 0.15rem; height: 0.15rem;}
.works_nr dd span i{width: 0.15rem; height: 0.15rem; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex; align-items: center; justify-content: center;}
.works_nr dd span i img{ width: 100%; height: 100%;}
.works_listk:hover .works_mask{ background: #043b55;}
.works_listk:hover .works_txt,.works_listk:hover dd{ color: #FFFFFF;}
.works_listk:hover h3{ color: #ffc437;}
.works_listk:hover .works_none{ max-height: 0.8rem; }
.works_listk:hover .works_nr dd span i{ left: -0.15rem; color: #FFFFFF; -webkit-filter: drop-shadow(0.15rem 0); filter: drop-shadow(0.15rem 0);}
.works_listk:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.works_list.huodong .works_txt{-webkit-line-clamp: 3;}
.works_list.huodong .works_listk{ background: #f4f4f4;}
/*东城娱乐场*/
.infoabout{ width:100%; position:relative; overflow:hidden;}
.infoabout h3{ width: 100%; margin-bottom: 0.4rem; position: relative; overflow: hidden;font-size: 0.36rem; color: #033c56; text-align: center;}

.infocounter{ width:100%; padding: 0.3rem 0.1rem; width: 100%; margin-bottom: 0.4rem; border-top: #024967 solid 1px;  border-bottom: #024967 solid 1px; position:relative; overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; flex-wrap: wrap;}
.infocounter li h2{ font-size:0.18rem; font-weight: normal; color: #2f2f2f; position: relative; overflow: hidden; padding-bottom: 0.15rem; margin-bottom: 0.15rem;}
.infocounter li h2::after{ content: ""; width: 0.3rem; height: 3px; background: #ffb237; position: absolute; left: 50%; bottom: 0; margin-left: -0.15rem;}
.infocounter li h2 span{ font-weight: bolder;font-size:0.36rem; color: #333333;}
.infocounter li{ display: inline-block;flex-shrink: 0; text-align:center;}
.infocounter li p{ color: #8f8f8f;font-size: 0.18rem;}
.erinfocontent{ width:100%; position:relative; overflow:hidden; margin-top: 0.2rem;}

.infoScenery{ width:100%; position:relative; overflow:hidden;}
.infoscenery_title{ width:100%; text-align: center; margin: 0.3rem auto; position:relative; overflow:hidden;display: -webkit-flex;  display: flex; justify-content: center;}
.infoscenery_wk{ display: inline-block; position: relative; overflow: hidden;}
.infoscenery_nei{ z-index: 1;  padding: 0rem 0.05rem 0.05rem 0rem; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex;}
.infoscenery_nei::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0.1rem; left: 0; background-color: #ffb237;  clip-path:polygon(10% 0%,100% 0%, 90% 100%,0% 100%);}
.infoscenery_nei span{ z-index: 2; font-size: 0.24rem; color: #FFFFFF; padding: 0.15rem 0.5rem; background-color: #024967; clip-path:polygon(10% 0%,100% 0%, 90% 100%,0% 100%);}
.infoscenery_title::before{ z-index: 0; content: ""; width: 40%; height: 7px; background-image: linear-gradient(to right, rgba(255,178,55,1) , rgba(255,178,55,0)); position: absolute; left: 50%; top: 0.1rem;}
.infoscenery_title::after{ z-index: 0; content: ""; width: 40%; height: 7px; background-image: linear-gradient(to right, rgba(2,73,103,0) , rgba(2,73,103,1)); position: absolute; right: 50%; bottom: 0.1rem;}

.infoscenery_list{ width:100%; position:relative; overflow:hidden;}
.infoscenery_list .swiper-pagination{ width:100%; position:relative; overflow:hidden; margin-top: 0.25rem;display: -webkit-flex; /* Safari */ display: flex; justify-content: center;}
.infoscenery_list .swiper-pagination-bullet{ width: 0.15rem; height: 0.1rem; border-radius: 0; clip-path: polygon(0.05rem 0%,100% 0%, 0.1rem 100%,0% 100%); transition: all .6s;}
.infoscenery_list .swiper-pagination-bullet-active{ width: 0.25rem; height: 0.1rem; background: #ffb237; clip-path: polygon(0.05rem 0%,100% 0%, 0.2rem 100%,0% 100%);}
/*校训校徽*/
.schoolbody{ background: #f4f4f4;}
.schoolbody .info_conk{ background: #FFFFFF;}
.infoconlist{ width: 100%; padding-top: 0.3rem; position: relative; overflow: hidden;}
.infoconlist li{ width: 100%;  padding: 0.3rem 0.8rem; position: relative; overflow: hidden;}
.infoconlistk h3{ text-align: center; padding-bottom: 0.2rem; margin-bottom: 0.3rem; border-bottom: #d9e4e8 solid 1px; font-size: 0.36rem; color: #033c56;}
/*地图*/
.infomap{ width: 100%; position: relative;overflow: hidden; margin-top: 0.6rem;}
#allmap{width:100%; height:7rem;}
.cleanfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.infomaptxt{ width: 3.9rem;text-align: left; min-height: 1.45rem; color: #222222; position: relative; margin-bottom: 10px; background: #fff; padding: 0.2rem 0.25rem;-webkit-box-shadow: 0 6px 12px rgb(0 33 88 / 43%); box-shadow: 0 6px 12px rgb(0 33 88 / 43%);}
.infomaptxt h3{ font-size: 0.24rem; margin-bottom: 0.12rem;}
.infomaptxt span{display: block; font-size: 0.14rem; line-height: 0.25rem; width: 100%;white-space: normal;}

.BMap_bubble_content { padding: 5px 10px;
}
/* 内容 */

/* 左上角删除按键 */
.BMap_pop>img {display: none;}
.BMap_top {
	display:none;
}
.BMap_bottom {
	display:none;
}

/* 隐藏边角 */
.BMap_pop > div:nth-of-type(1){ display: none;}
.BMap_pop > div:nth-of-type(4) {
	display:none;
}
.BMap_pop > div:nth-of-type(3) {
	display:none;
}
.BMap_pop > div:nth-of-type(5) {
	display:none;
}
.BMap_pop > div:nth-of-type(8) {
	display:none;
}
.BMap_pop > div:nth-of-type(7) {
	display:none;
}
.BMap_pop > div:nth-of-type(9) { width: auto; height: auto; display: inline-block;
	border-radius:7px;
}
/*投影*/
.BMap_shadow{ display: none;}
/*新闻详情页*/
.infoshow{ width:100%; position:relative; overflow:hidden;}
.erinfo_news{ width: 100%; padding: 0.7rem 0; position: relative; overflow: hidden;}
.erinfo_news_left{ float: left; width: 9.5rem; position: relative; overflow: hidden;}
.erinfo_news_right{ width: 4rem; display: inline-block; float: right; vertical-align: baseline; position: relative; overflow: hidden;}
.erinfo_newscon{ z-index: 1; width: 100%; margin-bottom: 0.15rem; position: relative;border-bottom: 1px solid #e5e5e5;}
.erinfo_newscon h3{ width: 100%; font-size: 0.25rem; text-align: center; position: relative; overflow: hidden; margin-bottom: 0.15rem;}
.erinfo_newscontag{font-size: 0.16rem; padding: 0.1rem 0; color: #666666; display: -webkit-flex;  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.erinfo_newstime{flex-shrink: 0; position: relative; overflow: hidden;}
.erinfo_newstime span{ margin-right: 0.1rem;}
.erinfo_size{ font-size: 0.16rem; color: #5b5b5b;display: -webkit-flex;  display: flex;}
.sizejia, .sizejian, .sizedf { margin: auto 0.1rem; cursor: pointer;}
.erinfo_share{flex-shrink: 0;  display: -webkit-flex;  display: flex; align-items: center;}
.erinfo_share .social-share .social-share-icon{color: #666666 !important; border-color: #666666;}
.erinfo_share .social-share .social-share-icon:hover{ background: #666666 !important; color: #FFFFFF !important;}
.erinfo_share span{ display: inline-block; position: relative; overflow: hidden;}
.erinfo_news_right.active{ opacity: 0; transition: all .6s;}
.erinfo_newsgo{ width: 100%; text-align: center; position: relative; overflow: hidden;}
.erinfo_newsgo a{  width: 100%; display: block; font-size: 0.22rem; padding: 0.25rem 0; position: relative; overflow: hidden; background-color: #024764; color: #FFFFFF;}
.erinfo_newsgo span{ display: -webkit-flex;  display: flex; align-items: center; justify-content: center;}
.erinfo_newsgo span::before{ content: "\E610"; font-weight: bolder;margin-right: 0.15rem; font-size: 0.32rem;font-family: "iconfont" !important; font-style: normal;}
.erinfo_share .social-share .icon-wechat .wechat-qrcode{ top: 35px;}
.erinfo_share .social-share .icon-wechat .wechat-qrcode:after{ display: none;}
.erinfo_news_rightk{ width: 4rem; float: right; padding: 0.1rem; position: relative; overflow: hidden;}
.erinfo_news_right.fixed .erinfo_news_rightk{ position: fixed; top: 10px;}
.erinfo_newsshowpage{ width: 100%; display: block; position: relative;}
.erinfo_newsshowpagetop{ width: 100%; position: relative; overflow: hidden;}
.erinfo_newsshowpagetop a{width: 100%; background: #f3f3f3; display: block; padding: 0.25rem;color: #333333; position: relative; overflow: hidden; margin-bottom: 0.1rem;}
.erinfo_newsshowpagetop a:first-child{ border-top: none;}
.erinfo_newsshowpagetop a strong {
    display: block;
    font-size: 0.2rem;
    font-weight: bold;
    transition: all .6s;
}
.erinfo_newsshowpagetop a:hover strong {
    color: #E40012;
}
.erinfo_newsshowpagetop a i {
    display: block;
    font-size: 0.16rem;
    background: url(/Content/NewIndex2/images/icon_10.png) no-repeat left;
    padding: 0.1rem 0 0.1rem 18px;
}
.erinfo_newsshowpagetop a p {
    font-size: 0.16rem;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.erinfo_newshot{ width: 100%; background: #fff; margin-top: 0.4rem; margin-bottom: 0.2rem; position: relative; overflow: hidden;}
.erinfo_newshot::after{ content: ""; width: 1px; height: 100%; background-color: #dbdbdb; position: absolute;left: 3.4px; top: 0.25rem;}
.erinfo_newshot h3{ display: -webkit-flex;  display: flex; align-items: center; z-index: 1; width: 100%; position: relative; overflow: hidden;}
.erinfo_newshot h3 span{ display: inline-block; font-size: 0.28rem; padding-bottom: 0.13rem; border-bottom: #024764 solid 2px;  overflow: hidden;}
.erinfo_newshot h3::before{margin-bottom: 0.1rem; flex-shrink: 0; margin-right: 10px; display: block; content: ""; width: 7px; height: 7px; background-color: #024764; border-radius: 100%;}
.erinfo_newshot h3 span::after{ content: ""; width: 100%; height: 1px; background: #e9e9e9; position: absolute; bottom: 0; left: 17px;}
.erinfo_newshot_list{  z-index: 1; padding-left: 0.2rem; padding-bottom: 0.2rem; position: relative; overflow: hidden;}
.erinfo_newshot_list li{ width: 100%; font-size: 0.18rem; margin-top: 0.15rem; position: relative;}
.erinfo_newshot_list li span{ font-size: 0.14rem; color: #a9a9a9; margin-left: -0.2rem; display: -webkit-flex;  display: flex; align-items: center; z-index: 1; width: 100%; position: relative; overflow: hidden;}
.erinfo_newshot_list li span::before{ flex-shrink: 0; margin-right: 10px; display: block; content: ""; width: 7px; height: 7px; background-color: #024764; border-radius: 100%;}
.erinfo_newshot_list li a{ width: 100%; color: #666666; }
.erinfo_newshot_list li a:hover{ color: #003b54;}
.erinfo_newshot_list li a:hover  span{ color: #003b54;}
.erinfo_newshot_list li p{ width: 100%; position: relative; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
/*分页样式*/
.page_main{ clear: both; text-align: left; font-size: 0.16rem; padding-top: 0.45rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items: center;}
.page {margin: 0 auto; display: inline-block; position: relative; overflow: hidden;}
.page a, .page span {cursor: pointer; background: #e8e8e8;float: left; padding:0 0.1rem; min-width: 0.35rem; line-height:0.35rem; text-align: center; border: 1px solid #fff; border-right: 0; color: #888; -webkit-transition: all .5s; -moz-transition: all .5s;  transition: all .5s;}
.page a{ color: #333; }
.page a:link, .page a:visited { text-decoration:none; }
.page span:hover,.page a:hover,.page .curr{ color:#FFF; background: #043b55; border-color: #043b55; border-left: 1px solid #fff; }

.page #total{color:red}
/*footer 开始*/
.footer-box{ width: 100%; min-height: 3rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;}
.footer-boxleft{ width: 5.9rem; height: 100%; position: absolute; left: 0; top: 0; padding: 0.55rem 0.65rem 0.5rem 2.7rem; background-color: #052e44; /* 不支持线性的时候显示 */ background-image: linear-gradient(to right, #052e44 , #005c7f);transition: all 0.5s ease 0s;  clip-path: polygon(0 0,4.9rem 0%, 100% 100%,0% 100%); z-index: 1;}
.footer-boxright{ width: 100%; background-color: #052e44; flex-grow: 1;}
.footer-link{ width: 100%; background: #FFFFFF; font-size: 0.14rem; color: #676767; padding: 0.15rem 0.15rem 0.15rem 5.5rem; position: relative; overflow: hidden;}
.footer-link a{color: #676767; font-size: 0.14rem; padding: 0 0.2rem; position: relative; overflow: hidden;}
.footer-link a::after{ content: "/"; position: absolute; right: 0; top: 0; color: #c7c7c7;}
.footer-link a:first-of-type{ padding-left: 0rem;}
.footer-link a:first-of-type::after{ content: "";}
.footer-link a:last-of-type::after{ content: "";}
.footer-link a:hover{ color: #ffc437;}
.footer-rightcon{ width: 100%; padding: 0.5rem 2.7rem 0.5rem 7.5rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-box-info{ padding-right: 0.1rem; position: relative; overflow: hidden;}
.footer-box-info li{ width: 100%; color: #FFFFFF; font-size: 0.14rem; padding: 0.15rem 0; position: relative; overflow: hidden;}
.footer-box-info li:before{ margin-right: 0.1rem; font-size: 0.18rem;}
.footer-box-info li a{ color: #1f9fd3;}
.footer-boxewm{ flex-shrink: 0; display: -webkit-flex;  display: flex;}
.footer-boxewm span{ font-size: 0.14rem; color: #FFFFFF; padding: 0 0.4rem; text-align: center; position: relative; overflow: hidden;}
.footer-boxewm img{ width: 1rem; height: 1rem;}
.footer-boxewm span dt{ text-align: center; width: 100%; margin-top: 0.15rem;}
.footer-boxleft span{ width: 2.5rem; height: 1.7rem;position: relative; overflow: hidden;  display: -webkit-flex;  display: flex; align-items: center; justify-content: center;}
.footer-boxleft span img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.webicon-tel:before { content: "\E019";}
.webicon-emall:before { content: "\E475";}
.webicon-add:before { content: "\E003";}
.copyRight{ width: 100%; background: #e7e7e7; position: relative; overflow: hidden; }
.copycon{ width: 100%; padding: 0.2rem 0; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items:center; justify-content: space-between; flex-wrap: wrap;}
.copyconright{font-size: 0.14rem; color: #676767; display: -webkit-flex;  display: flex; align-items:center; flex-wrap: wrap;}
.copyconright a{ color: #676767;}
.copyconright strong{ font-weight: normal; color: #7a7a7a;}
.copyconright span{ padding: 0 0.04rem;display: -webkit-flex;  display: flex; align-items:center;}
.copyconright span i{ float: left; width: 0.2rem; margin-right: 0.05rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items:center;}
.copyconright span img{ margin-right: 5px; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.jszc{ margin-left: 0.1rem;}
.jszc,.jszc a{ color: #7a7a7a; font-size: 0.14rem;}
/*首页*/
.img-box i {
  transition: .4s;
  -webkit-transition: .4s;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: rgba(54, 60, 80, 0.5);
}

body::-webkit-scrollbar-thumb {
  background-color: #014f6e;
}
/* 浮动 */
.fl,.fl-li li,.fl-a{
	float: left;
	_display: inline;
}
.fr,.fr-li li,.fr-a{
	float: right;
	_display: inline;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.padd{
	padding: 0.1px;
}
.opacity{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:08;
}
/* 清除浮动 */
.cb:after{
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
/* 内联块级元素 */
.ib,.flexslider .hd ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.transition{
    transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -webkit-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -moz-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -ms-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
    -o-transition: all .5s cubic-bezier(0, 0.93, 1, 1);
}
.db{
	display: block;
}
.th{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.es{
	overflow: hidden;
	display: -webkit-box;
	text-align: justify;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.es.es-3{
	-webkit-line-clamp: 3;
}
.wh{
	width: 100%;
	height: 100%;
}
.w{
	width: 100%;
}
.h{
	height: 100%;
}
.pr{
	position: relative;
}
.oh{
	overflow: hidden;
}
.br{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}
.bg{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.container{
	width: 14rem;
	margin: 0px auto 0px;
	/* padding-left: 5.21%;
	padding-right: 5.21%; */
	padding-top: .1px;
}
.df{
	display:box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.fz{
	font-size: 0;
}
.align-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.align-end{
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.df-between{
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}
.df-flex-end{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
}
.df-justify-center{
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
}
.df-flex-auto{
	-webkit-box-flex: auto;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: auto;   /* OLD - Firefox 19- */
	-webkit-flex: auto;   /* Chrome */
	-ms-flex: auto;      /* IE 10 */
	flex: auto;
}
.df-flex-1{
	-webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;   /* OLD - Firefox 19- */
	-webkit-flex: 1;   /* Chrome */
	-ms-flex: 1;      /* IE 10 */
	flex: 1;
}
.flex-flow{
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
}
.df-shrink{
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
}
.flex-wrap{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.text-center {
    text-align: center;
}
.title{
	line-height: 1.5;
}
.text-center{
	text-align: center;
}
.hide{
	display: none;
}
/*公共样式结束*/
#banner {
  height: 100vh;
}

#banner .swiper-pagination-box {
  width: 36%;
  position: absolute;
  bottom: 0.45rem;
  right: 0;
  z-index: 100;
  text-align: center;
}

#banner .swiper-pagination-box .swiper-pagination {
  width: auto;
  position: relative;
  padding: 0 0.22rem;
}

#banner .swiper-pagination-box .swiper-pagination::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  bottom: -6px;
  z-index: 10;
}

#banner .swiper-pagination-box .swiper-pagination span {
  width: auto;
  height: auto;
  border-radius: 0px;
  background-color: transparent;
  font-size: 14px;
  color: #f5f5f5;
  position: relative;
  opacity: 1;
  margin-right: 1.1rem;
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .swiper-pagination-box .swiper-pagination span:last-child {
  margin-right: 0;
}

#banner .swiper-pagination-box .swiper-pagination span::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -15px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .swiper-pagination-box .swiper-pagination span.swiper-pagination-bullet-active {
  color: #ffc437;
}

#banner .swiper-pagination-box .swiper-pagination span.swiper-pagination-bullet-active::after {
  width: 16px;
  opacity: 1;
  visibility: visible;
  background-color: #ffc437;
}

#banner .index-type {
  width: 12.23rem;
  height: 0.86rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  background: url(/Content/NewIndex2/images/index-type-bg.png) left center no-repeat;
  padding-left: 2.5rem;
  background-size: 100% 100%;
}

#banner .index-type li {
  margin-right: 1.1rem;
  position: relative;
}

#banner .index-type li:last-child {
  margin-right: 0;
}

#banner .index-type li > a {
  font-size: 0.18rem;
  color: #fff;
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .index-type li > a .icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transition: .4s;
  -webkit-transition: .4s;
  margin-right: 14px;
}

#banner .index-type li > a .arrow {
  width: 12px;
  height: 7px;
  background: url(/Content/NewIndex2/images/down-icon.png) center center no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
  position: relative;
}

#banner .index-type li .sub {
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .index-type li .sub .box {
  width: 110px;
  background-color: #fff;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  position: relative;
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .index-type li .sub .box::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  z-index: 10;
  margin: auto;
}

#banner .index-type li .sub .box a {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  transition: .4s;
  -webkit-transition: .4s;
}

#banner .index-type li .sub .box a:hover {
  color: #ffb237;
}

#banner .index-type li:nth-child(1) .icon {
  width: 28px;
  height: 24px;
  background-image: url(/Content/NewIndex2/images/index-type-1.png);
}

#banner .index-type li:nth-child(2) .icon {
  width: 31px;
  height: 24px;
  background-image: url(/Content/NewIndex2/images/index-type-2.png);
}

#banner .index-type li:nth-child(3) .icon {
  width: 22px;
  height: 22px;
  background-image: url(/Content/NewIndex2/images/index-type-3.png);
}

#banner .index-type li:nth-child(4) .icon {
  width: 26px;
  height: 26px;
  background-image: url(/Content/NewIndex2/images/index-type-4.png);
}

#banner .index-type li:hover > a {
  color: #ffc437;
}

#banner .index-type li:hover .icon {
  transform: rotate(360deg);
}

#banner .index-type li:hover .sub {
  opacity: 1;
  visibility: visible;
  padding-bottom: 0.3rem;
  pointer-events: auto;
}

#banner .index-type li:hover:nth-child(1) .icon {
  background-image: url(/Content/NewIndex2/images/index-type-1-hover.png);
}

#banner .index-type li:hover:nth-child(2) .icon {
  background-image: url(/Content/NewIndex2/images/index-type-2-hover.png);
}

#banner .index-type li:hover:nth-child(3) .icon {
  background-image: url(/Content/NewIndex2/images/index-type-3-hover.png);
}

#banner .index-type li:hover:nth-child(4) .icon {
  background-image: url(/Content/NewIndex2/images/index-type-4-hover.png);
}

#index-news {
  margin-top: 0.55rem;
  margin-bottom: 0.3rem;
}

#index-news .news-tab {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.34rem;
}

#index-news .news-tab .left a {
  font-size: 0.33rem;
  color: #626262;
  margin-right: 0.48rem;
  padding-bottom: 13px;
  position: relative;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .news-tab .left a:last-child {
  margin-right: 0;
}

#index-news .news-tab .left a::before {
  content: '';
  display: block;
  width: 0%;
  height: 3px;
  border-radius: 25px;
  background-color: #073a55;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 10;
  opacity: 1;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .news-tab .left a.on {
  color: #073a55;
}

#index-news .news-tab .left a.on::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

#index-news .news-tab .more {
  width: 67px;
  line-height: 26px;
  color: #728b98;
  font-size: 0.16rem;
  border: 1px dashed #7a94a1;
  text-align: center;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .news-tab .more:hover {
  background-color: #052e44;
  color: #fff;
  border-color: #052e44;
}

#index-news .news-info-box {
  margin-top: -0.12rem;
}

#index-news .news-info-box .list {
  display: none;
}

#index-news .news-info-box .list.on {
  display: block;
  -webkit-animation: fadeInUp .6s .1s ease both;
  -moz-animation: fadeInUp .6s .1s ease both;
}

#index-news .left-img {
  width: 5.2rem;
  margin-right: 0.2rem;
  margin-top: 0.12rem;
}

#index-news .left-img .swiper-pagination {
  width: 70%;
  left: initial;
  right: 0;
  bottom: 0.1rem;
  text-align: right;
  padding-right: 0.16rem;
}

#index-news .left-img .swiper-pagination span {
  background-color: #a8a8a8;
  opacity: 1;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .left-img .swiper-pagination span.swiper-pagination-bullet-active {
  width: 0.4rem;
  background-color: #e98f00;
  border-radius: 25px;
}

#index-news .left-img .img-box {
  height: 3.6rem;
}

#index-news .left-img .img-box .title {
  font-size: 0.18rem;
  color: #fff;
  padding: 0.2rem 0.16rem 0.16rem;
  background: url(/Content/NewIndex2/images/title-bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
}

#index-news .left-img .info {
  height: 1.2rem;
  background-color: #f0f0f0;
  padding: 0.16rem;
}

#index-news .left-img .info .desc {
  font-size: 14px;
  color: #444;
  text-align: justify;
  line-height: 1.4;
  margin-top: 2px;
}

#index-news .left-img .info .time {
  font-size: 14px;
  color: #626262;
  margin-top: 0.1rem;
}

#index-news .left-img .info .time em {
  font-size: 0.3rem;
  color: #444;
  margin-right: 0.1rem;
}

#index-news .right-info li {
  width: 49%;
  height: calc(100% / 4);
  border-bottom: 1px solid #e7e7e7;
  padding-top: 0.12rem;
  position: relative;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .right-info li::before {
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  background-color: #052e44;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: .7s;
  -webkit-transition: .7s;
}

#index-news .right-info li .time {
  width: 0.74rem;
  height: 0.96rem;
  background-color: #f0f0f0;
  text-align: center;
  font-size: 0.36rem;
  color: #636363;
  padding-top: 0.1rem;
  margin-right: 0.18rem;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .right-info li .time em {
  font-size: 14px;
  color: #626262;
  margin-top: 0.08rem;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .right-info li .desc {
  font-size: 0.18rem;
  color: #333;
  line-height: 1.4;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-news .right-info li:hover {
  border-color: #fff;
}

#index-news .right-info li:hover::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

#index-news .right-info li:hover .time {
  background-color: #052e44;
  color: #ffae00;
}

#index-news .right-info li:hover .time em {
  color: inherit;
}

#index-news .right-info li:hover .desc {
  color: #014062;
}

.index-more {
  width: 114px;
  line-height: 37px;
  color: #fff;
  font-size: 0.16rem;
  border: 1px dashed #fff;
  text-align: center;
  margin: 0.2rem auto 0px;
  transition: .4s;
  -webkit-transition: .4s;
}

.index-more:hover {
  background-color: #fff;
  color: #052e44;
  border-color: #fff;
}

.index-title-box {
  margin-top: 0.44rem;
}

.index-title-box .title {
  font-size: 0.33rem;
  color: #052e44;
  font-weight: bold;
}

.index-title-box .title em {
  height: 23px;
  font-size: 0.18rem;
  color: #ffae00;
  line-height: 29px;
  text-transform: capitalize;
  font-weight: normal;
  background: url(/Content/NewIndex2/images/title-icon.png) left center no-repeat;
  padding-left: 25px;
  margin-top: 3px;
}

.index-title-box .more {
  width: 67px;
  line-height: 26px;
  color: #728b98;
  font-size: 0.16rem;
  border: 1px dashed #728b98;
  text-align: center;
  transition: .4s;
  -webkit-transition: .4s;
}

.index-title-box .more:hover {
  background-color: #052e44;
  color: #fff;
  border-color: #052e44;
}

#index-notice {
  height: 6.38rem;
  background: #1e508c url(../images/index-notice-bg.jpg) center center no-repeat;
  background-attachment: fixed;
}

#index-notice .index-title-box .title {
  color: #fff;
}

#index-notice .swiper-pagination-box .swiper-pagination {
  width: auto;
  position: relative;
  left: 0;
  bottom: 7px;
  font-size: 0.18rem;
  color: #fff;
  vertical-align: middle;
  margin: 0 16px;
}

#index-notice .swiper-pagination-box .swiper-pagination span {
  font-size: 0.18rem;
  color: #fff;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .swiper-pagination-box .swiper-pagination .swiper-pagination-current {
  font-size: 0.33rem;
  font-style: italic;
}

#index-notice .swiper-pagination-box > a {
  width: 38px;
  height: 25px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .swiper-pagination-box > a.prev {
  background-image: url(/Content/NewIndex2/images/note-prev-icon.png);
}

#index-notice .swiper-pagination-box > a.next {
  background-image: url(/Content/NewIndex2/images/note-next-icon.png);
  top: 1px;
}

#index-notice .swiper-pagination-box > a:hover {
  opacity: .5;
}

#index-notice .list {
  margin-top: 0.26rem;
}

#index-notice .list li {
  width: 4.56rem;
  height: 3.83rem;
  background: url(/Content/NewIndex2/images/noteice-li-bg.png) center top no-repeat;
  background-size: 100% 100%;
  padding: 0.34rem;
  position: relative;
}

#index-notice .list li .title {
  font-size: 0.18rem;
  color: #052e44;
  line-height: 2;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .list li .desc {
  font-size: 0.16rem;
  color: #444;
  border-top: 1px solid #dedede;
  line-height: 1.8;
  margin-top: 0.15rem;
  padding-top: 0.15rem;
  position: relative;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .list li .desc::before {
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  background-color: #052e44;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: .7s;
  -webkit-transition: .7s;
}

#index-notice .list li .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 0.32rem;
  padding: 0 0.34rem;
}

#index-notice .list li .time {
  width: 0.74rem;
  height: 0.9rem;
  background-color: #8ba8b8;
  text-align: center;
  font-size: 0.36rem;
  color: #fff;
  z-index: 10;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .list li .time em {
  font-size: 14px;
  color: inherit;
  margin-top: 0.08rem;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-notice .list li .arrow {
  width: 0.42rem;
  height: 0.42rem;
  background: url(/Content/NewIndex2/images/not-arrow.png) center center no-repeat;
  background-size: 100% 100%;
  margin-top: 0.14rem;
}

#index-notice .list li:hover .title {
  color: #052e44;
}

#index-notice .list li:hover .desc {
  border-top-color: #fff;
}

#index-notice .list li:hover .desc::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

#index-notice .list li:hover .time {
  background-color: #052e44;
  color: #eab400;
}

#index-culture {
  background: url(/Content/NewIndex2/images/index-culture-bg.png) center center no-repeat;
  background-size: cover;
  padding-bottom: 0.8rem;
}

#index-culture .box-info {
  margin-top: 0.36rem;
}

#index-culture .box-info li {
  height: 2.29rem;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

#index-culture .box-info li::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 46, 68, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-culture .box-info li a {
  padding: 5%;
}

#index-culture .box-info li .img-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-culture .box-info li .info {
  position: relative;
  z-index: 5;
  border: 3px solid #ffae00;
  transform: scale(1.03);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-culture .box-info li .info .box {
  position: relative;
  z-index: 10;
  padding: 5%;
}

#index-culture .box-info li .info .box .title {
  font-size: 0.24rem;
  color: #fff;
}

#index-culture .box-info li .info .box .desc {
  font-size: 0.16rem;
  color: #fff;
  text-align: justify;
  line-height: 1.5;
  margin-top: 0.2rem;
}

#index-culture .box-info li .info .box .arrow {
  display: block;
  float: right;
  width: 0.42rem;
  height: 0.42rem;
  background: url(/Content/NewIndex2/images/not-arrow-hover.png) center center no-repeat;
  background-size: 100% 100%;
  margin-top: 0.2rem;
  transition: .4s;
  -webkit-transition: .4s;
  transition-delay: .3s;
}

#index-culture .box-info li:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#index-culture .box-info li:hover .img-box i {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#index-culture .box-info li:hover .info {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#index-culture .box-info li:hover .arrow {
  transform: rotate(360deg);
}

#index-culture .box-info > .left {
  width: 50%;
  padding-right: 5px;
}

#index-culture .box-info > .left li:nth-child(1) {
  width: 100%;
  height: 3.26rem;
}

#index-culture .box-info > .left li:nth-of-type(n+2) {
  width: 49.2%;
}

#index-culture .box-info > .left li:nth-of-type(n+2) .info .title {
  font-size: 14px;
  text-align: center;
}

#index-culture .box-info > .left li:nth-of-type(n+2) .info .desc, #index-culture .box-info > .left li:nth-of-type(n+2) .info .arrow {
  display: none;
}

#index-culture .box-info > .right {
  width: 50%;
  padding-left: 5px;
}

#index-culture .box-info > .right li:nth-child(1) {
  width: 60.4%;
}

#index-culture .box-info > .right li:nth-child(1) .info .title {
  font-size: 14px;
  text-align: center;
}

#index-culture .box-info > .right li:nth-child(1) .info .arrow {
  display: none;
}

#index-culture .box-info > .right li:nth-child(2) {
  width: 38.3%;
}

#index-culture .box-info > .right li:nth-child(2) .info .title {
  font-size: 14px;
  text-align: center;
}

#index-culture .box-info > .right li:nth-child(2) .info .desc, #index-culture .box-info > .right li:nth-child(2) .info .arrow {
  display: none;
}

#index-culture .box-info > .right li:nth-child(3) {
  width: 100%;
  height: 3.26rem;
}

#index-bottom-info {
  margin-top: 0.56rem;
  padding-bottom: 0.72rem;
}

#index-bottom-info .box > .left {
  width: 4.88rem;
  margin-right: 0.4rem;
}

#index-bottom-info .box > .left .list {
  margin-top: 0.23rem;
  padding-top: 0.22rem;
  border-top: 1px solid #052e44;
}

#index-bottom-info .box > .left .list li {
  margin-bottom: 0.1rem;
}

#index-bottom-info .box > .left .list li:last-child {
  margin-bottom: 0;
}

#index-bottom-info .box > .left .list li .title {
  font-size: 0.18rem;
  color: #333;
  background: url(/Content/NewIndex2/images/diandian-icon.png) left center no-repeat;
  padding-left: 14px;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-bottom-info .box > .left .list li .time {
  font-size: 14px;
  color: #555;
  margin-top: 0.08rem;
  padding-left: 14px;
}

#index-bottom-info .box > .left .list li:hover .title {
  color: #043952;
  text-indent: 10px;
  background-position-x: 10px;
}

#index-bottom-info .box > .right .list {
  margin-top: 0.23rem;
}

#index-bottom-info .box > .right .list ul::after {
  content: '';
  width: 2.8rem;
  height: 0;
  opacity: 0;
}

#index-bottom-info .box > .right .list li {
  width: 2.8rem;
  height: 4.28rem;
  background-color: #f0f0f0;
  position: relative;
}

#index-bottom-info .box > .right .list li .img-box {
  height: 1.94rem;
}

#index-bottom-info .box > .right .list li .box {
  padding: 0.14rem;
}

#index-bottom-info .box > .right .list li .title {
  font-size: 0.18rem;
  color: #222;
  line-height: 1.4;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-bottom-info .box > .right .list li .desc {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  text-align: justify;
  border-top: 1px solid #d0d0d0;
  padding-top: 0.13rem;
  margin-top: 0.13rem;
}

#index-bottom-info .box > .right .list li .time {
  width: 100%;
  font-size: 14px;
  color: #7e7e7e;
  position: absolute;
  left: 0;
  bottom: 0.26rem;
  z-index: 10;
  padding: 0 0.14rem;
}

#index-bottom-info .box > .right .list li .time em {
  color: #757575;
}

#index-bottom-info .box > .right .list li:hover .img-box i {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#index-bottom-info .box > .right .list li:hover .title {
  color: #043952;
}

#index-scenery {
  background: linear-gradient(#f0f0f0, #f0f0f0) left top/100% 4.09rem no-repeat;
  overflow: hidden;
}

#index-scenery .container::before {
  content: '';
  width: 5.06rem;
  height: 5.06rem;
  background: url(/Content/NewIndex2/images/fengg-bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -1.01rem;
  right: 1.32rem;
  z-index: 1;
  animation: Rotate 35s linear infinite;
}

#index-scenery .index-title-box {
  z-index: 10;
}

#index-scenery .list {
  z-index: 10;
  margin-top: 0.35rem;
}

#index-scenery .list li {
  float: left;
  width: 19%;
  height: 4.51rem;
  overflow: hidden;
  position: relative;
  transition: .7s;
  -webkit-transition: .7s;
}

#index-scenery .list li .title {
  width: 0.63rem;
  height: 2.37rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 10;
  overflow: hidden;
  padding: 0.5rem 0.2rem 0;
}

#index-scenery .list li:nth-child(odd) .title {
  bottom: 0;
  background-image: url(/Content/NewIndex2/images/jux-bg-1.png);
}

#index-scenery .list li:nth-child(even) .title {
  top: 0;
  background-image: url(/Content/NewIndex2/images/jux-bg-2.png);
}

#index-scenery .list li.on {
  width: 43%;
}

#index-scenery .pagination {
  margin-top: 0.44rem;
  text-align: center;
}

#index-scenery .pagination i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 14px;
  height: 8px;
  transform: skewX(-15deg);
  background-color: #052e44;
  margin-right: 0.06rem;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-scenery .pagination i:last-child {
  margin-right: 0;
}

#index-scenery .pagination i.on {
  width: 20px;
  background-color: #ffae00;
}

#index-column {
  margin-top: 0.15rem;
  margin-bottom: 0.74rem;
}

#index-column .index-title-box {
  border-top: 1px solid #052e44;
  padding-top: 0.4em;
  margin-top: 0;
}

#index-column .list {
  margin-top: 0.38rem;
}

#index-column .list ul {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}

#index-column .list ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: calc(100% / 5);
  height: 1.26rem;
  padding: 0 0.2rem;
}

#index-column .list ul li a {
  overflow: hidden;
}

#index-column .list ul li i {
  transition: .4s;
  -webkit-transition: .4s;
}

#index-column .list ul li:hover i {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#index-video-box .index-title-box {
  margin-top: 1.25rem;
}

#index-video-box .list {
  margin-top: 1.875rem;
}

#index-video-box .list ul {
  margin: 0 -12px;
}

#index-video-box .list li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: calc(100% / 3);
  height: 18.75rem;
  padding: 0 12px;
}

#index-video-box .list li a {
  position: relative;
}

#index-video-box .list li a::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#index-video-box .list li h4 {
  font-size: 16px;
  color: #fff;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 2.1875vw;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-video-box .list li .btn-icon {
  width: 2.44792vw;
  height: 2.5vw;
  background: url(/Content/NewIndex2/img/video-btn-icon.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -22px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
  margin: auto;
  cursor: pointer;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-video-box .list li video {
  width: 100% !important;
  height: 100% !important;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

#index-video-box .list li.on video {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}

#index-video-box .list li.on .btn-icon, #index-video-box .list li.on h4, #index-video-box .list li.on .img {
  opacity: 0;
  visibility: hidden;
}


/*右侧浮窗*/
#right {
  position: fixed;
  top: 50%;
  right: 1.5%;
  z-index: 500;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#right a {
  display: block;
  width: 41px;
  height: 41px;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  margin-bottom: 10px;
}

#right a img {
  display: block;
  position: absolute;
}

#right a .icon {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  margin: auto;
}

#right a .code {
  display: block;
  width: 99px;
  top: 50%;
  left: -150px;
  z-index: 200;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

#right a:last-child {
  display: none;
}

#right a:hover .code {
  left: -110px;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1200px){
	html, body {  font-size: 420%; }
	.container{ width: 100%; margin: 0 auto; padding-left: 5%; padding-right: 5%;}
	.zd-fz-12{font-size: 12px !important;}
	.zd-fz-13{font-size: 13px !important;}
	.zd-fz-14{font-size: 14px !important;}
	.zd-fz-15{font-size: 15px !important;}
	.zd-fz-16{font-size: 16px !important;}
	.zd-fz-17{font-size: 17px !important;}
	.zd-fz-18{font-size: 18px !important;}
	.zd-fz-19{font-size: 19px !important;}
	.zd-fz-20{font-size: 20px !important;}
	#header .container{
		padding-right: 10%;
	}
	#banner .index-type{
		width: 10.4rem;
		padding-left: 5%;
	}
	
	#index-news .left-img .swiper-pagination{
		bottom: 0.192rem;
	}
	#footer .f-info-box .container::before{
		display: none;
	}
	#footer .f-link{
		padding-left: 5%;
	}
	#index-column{
		margin-bottom: 0.48rem;
	}
	.none{
		display: none;
	}
}
@media (max-width: 1023px){
	.container{ width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
	#right a{ display: none;}
	.header_navtop,.navbar_list{ display: none;}
	.header_menuico{clip-path: none;}
	.navfloat{ background-image: none; background: #012b41;}
	.header_menuico.on .waptc-menu{ background: url(/Content/NewIndex2/images/wapclose.png) no-repeat center center;}
	.wap-logo{ display: none;}
	.header_menuico.on .wap-nav-tc{background: rgba(0,0,0,0.6);}
	.wap-nav-tc .wap-nav-box{ width: 85%;}
	.wap-nav-box::before{ display: none;}
	.wap-nav-boxleft{ display: none;}
	.wap-nav-box .wap-nav-boxright{ width: 100%; padding: 0.3rem;}
	.wap-nav-box .wap-nav-boxright .wap-nav{ margin-top: 10%; display: -webkit-flex;  display: flex; flex-wrap: wrap;flex-direction:column;}
	.wap-nav-box .wap-nav-boxright .wap-nav li .sub{ margin-top: 0.15rem; position: relative; left: auto; top: auto; border-left:none;    -webkit-transform: none; -moz-transform: none;  -ms-transform: none;  -o-transform: none; transform: none; opacity:1; pointer-events: auto; display: -webkit-flex;  display: flex; flex-wrap: wrap;}
	.wap-nav-box .wap-nav-boxright .wap-nav li:hover .sub{ left: auto;}
	.wap-nav-box .wap-nav-boxright .wap-nav > li{ margin-bottom: 10%; display: -webkit-flex;  display: flex; flex-wrap: wrap;flex-direction:column; border-bottom: 1px solid #e6e6e6;  padding-bottom: 10%;}
	.wap-nav-box .wap-nav-boxright .wap-nav li .sub li{ padding: 0.1rem 0.15rem;}
	.header_menuico.on .wap-nav-box .wap-nav-boxright .wap-nav li .sub{visibility: visible;}
	.head-logo{ padding-left: 0rem;}
}
@media (max-width: 991px){
	html, body {  font-size: 480%; }
	.info_menuk{ padding: 0.3rem 15px 0.3rem 15px;}
	.footer-box{ height: auto;}
	.footer-boxleft{ display: none;}
	.footer-link{ display: none;}
	.footer-rightcon{ padding: 0.5rem 15px;}
	.erinfo_news_left{ width: 100%;}
	.erinfo_news_right{ width: 100%;}
	.erinfo_news_rightk{ width: 100%;}
	}
@media (max-width: 767px){
	.erinfo_newstime,.erinfo_size,.erinfo_share{ margin-bottom: 0.1rem;}
	.info_menuleft{ display: none;}
	.info_menuright{ width: 100%;}
	.ermenu_rightgoto{ padding-bottom: 0.05rem; justify-content: flex-start; color: #FFFFFF;}
	.ermenu_rightgoto a{ color: #FFFFFF;}
	.info_menuk{ height: 0.45rem; padding: 0.1rem 15px 0.1rem 15px;}
	.info_menuk::before{ height: 0.35rem;clip-path: none; width: 100%;}
	.info_menuk::after{ height: 0.1rem;clip-path: none; width: 100%;}
	.info_jgtext h3{ margin-bottom: 0.15rem;}
	.works_list li{ width: 50%;}
	.info_jgtext li{ width: 50%; margin-bottom: 0.15rem;}
	.infoconlist li{padding: 0.1rem 0.1rem;}
	.infoconlistk h3{font-size: 0.24rem;}
	
	.mb-fz-12{font-size: 12px !important;}
	.mb-fz-13{font-size: 13px !important;}
	.mb-fz-14{font-size: 14px !important;}
	.mb-fz-15{font-size: 15px !important;}
	.mb-fz-16{font-size: 16px !important;}
	.mb-fz-17{font-size: 17px !important;}
	.mb-fz-18{font-size: 18px !important;}
	.mb-fz-19{font-size: 19px !important;}
	.mb-fz-20{font-size: 20px !important;}
	.container {
	    padding-left: 3%;
	    padding-right: 3%;
	}
	.mobile-btn-all{
		opacity: 1;
		visibility: visible;
	}
	#banner .index-type li > a .icon,
	#banner .index-type li > a .arrow,
	#banner .index-type li .sub,
	#footer .f-info-box .f-logo,
	#right a{
		display: none;
	}
	.mobile-logo,
	#index-news .news-info-box .list .box,
	#index-bottom-info .box{
		display: block;
	}
	#banner .swiper-pagination-box,
	#banner .index-type,
	#banner .index-type ul,
	#index-news .right-info li,
	#index-news .left-img,
	#index-bottom-info .box > .left,
	#index-bottom-info .box > .right .list li{
		width: 100%;
	}
	#index-column .list ul li{
		width: 50%;
	}
	
	#main{
		margin-top: 0.8rem;
	}
	#banner {
	    height: 80vw;
	}
	#banner .swiper-container{
		height: calc(100% - 0.64rem);
	}
	#banner .swiper-pagination-box .swiper-pagination{
		padding: 0;
	}
	#banner .swiper-pagination-box .swiper-pagination span{
		margin-right: 0.16rem;
	}
	#banner .index-type{
		height: 0.656rem;
		background-size: 110% 100%;
		padding: 0 3%;
	}
	#banner .index-type ul{
		justify-content: space-between;
	}
	#banner .index-type li{
		margin-right: 0;
	}
	#index-news .news-tab .left a{
		font-size: 0.24rem;
	}
	#index-news .news-tab .more{
		margin-top: -14px;
	}
	#index-news .left-img{
		margin-right: 0;
	}
	#index-notice .swiper-pagination-box > a{
		background-size: 70%;
	}
	#index-culture .index-title-box{
		align-items: center;
	}
	#index-culture .box-info li {
	    height: 0.96rem;
	}
	#index-culture .box-info > .left li:nth-child(1),
	#index-culture .box-info > .right li:nth-child(3) {
	    height: 1.6rem;
	}
	#index-bottom-info .box > .right .list li{
		margin-bottom: 0.16rem;
	}
	#index-scenery .list ul{
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	#index-scenery .list li{
		display: inline-block;
		float: none;
		width: 50% !important;
	}
	#index-scenery .list li .title{
		right: -1px;
		white-space: pre-wrap;
	}
	.index-title-box{
		align-items: center;
	}
	.index-title-box .title{
		font-size: 0.28rem;
	}
	#index-column .list ul{
		margin-left: -5px;
		margin-right: -5px;
	}
	#index-column .list ul li{
		padding: 0 5px;
		margin-bottom: 10px;
	}
	#index-video-box .list li{
		width: 100%;
		margin-bottom: 10px;
	}
	#index-video-box .list li h4{
		line-height: 40px;
	}
	#index-video-box .list li .btn-icon{
		width: 40px;
		height: 40px;
	}
	
	
	
	
	
}
@media (max-width: 480px){
    html, body {  font-size: 400%; }
	.infocounter li{ width: 50%;}
	.info_jgleft{ width: 100%;}
	.info_jgright{ width: 100%;padding: 0.2rem 0.1rem;}
	.info_jgpic{ height: 2rem;}
	.info_jgleft_title{clip-path: none;}
	.info_jgleft_titletxtk{padding:0rem; text-align: center;}
	.info_jglist::after{ border-right:none; border-bottom: #024967 solid 0.05rem; position: relative; top: auto; left: auto;}
	.info_jglist:nth-of-type(2n) .info_jgleft_title{clip-path: none;}
	.info_jglist:nth-of-type(2n) .info_jgright{ padding: 0.2rem 0.1rem;}
	.works_list li{ width: 100%;}
	.thumblist3_pic{ display: none;}
	.thumblist3_time dt{font-size: 0.28rem;}
	.infocon{ margin-top: 0.25rem; margin-bottom: 0.4rem;}
	.infoscenery_nei span{ font-size: 0.18rem;padding: 0.1rem 0.2rem;}
	.infoabout h3{font-size: 0.26rem;margin-bottom: 0.15rem;}
	.infosearch_form{ flex-wrap: wrap;}
	.infosearch_form ul{ width: 100%; flex-wrap: wrap;}
	.infosearch_form h3{ width: 100%; padding: 0.15rem 0rem;}
	.infosearch_list li{ width: 100%; padding: 0.15rem 0rem;}
	.erbanner_pic{ height: 3.6rem;}
	.erbanner_title{ bottom: 0.5rem;}
	.erbanner_txt h3{ font-size: 0.28rem;}
	.erbanner_txt h5{ font-size: 0.18rem;}
}
/*底部*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}