* {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}
table{  margin:auto;}
ul {
  margin: 0;
  padding: 0;
}
div.publicfooterbottomxx11{ width: 100%; height: 50px; line-height: 50px; background: #040810;}

div.publicfooterbottom11{ width: 1280px; height: auto; margin: auto;}

div.publicfooterbottom_l11{  height: 50px; float: left; line-height: 50px;  color: #6a6f77; font-size: 12px; }

div.publicfooterbottom_l11 a{ color: #6a6f77; transition: all 0.36s ease-in-out;}

div.publicfooterbottom_l11 a:hover{ color: #fff;}
li {
  list-style: none;
  font-family: "Microsoft YaHei", "arial", "微软雅黑", "verdana", "宋体";
}
.clear {
  height: 0px;
  clear: both;
}
textarea {
  font-family: "Microsoft YaHei", "arial", "微软雅黑", "黑体", "verdana", "宋体";
}
div {
  font-family: "Microsoft YaHei", "arial", "微软雅黑", "黑体", "verdana", "宋体";
}
p {
  font-family: "Microsoft YaHei", "arial", "微软雅黑", "黑体", "verdana", "宋体";
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  font-family: "Microsoft YaHei", "arial", "微软雅黑", "黑体", "verdana", "宋体";
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
img {
  border: none;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.px-0 {
  padding: 0 0;
}
.mx-0 {
  margin: 0 0;
}
.mbpx-0 {
  padding: 0 0;
}
html {
  font-size: 100px; /*根元素默认的大小是16px*/
}
.max-1920 {
  max-width: 1920px !important;
  margin: auto;
}
@media screen and (max-width: 1680px) {
  html {
    font-size: 86px;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: 78px;
  }
}
@media screen and (max-width: 1200px) {
  .hidden-1280 {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 60px;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 60px;
  }
}
.pagination p {
  margin: 0;
  cursor: pointer;
	position: relative;
}
.pagination {
  height: 48px;
  text-align: center;
  width: 100%;
  margin-bottom: 1rem;
}
.pagination a {
  display: inline-block;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  color: #545b65;
  transition: all 0.3s ease-in-out;
	position: relative;
}
.pagination a::before{ width: 100%; height: 100%; display: block; content: ''; background: url("../img/pagexz.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused; opacity: 0; position: absolute; left: 0; top: 0;transition: all 0.3s ease-in-out;}

.pagination a:hover:before{animation-play-state: running; opacity: 1;}
.pagination a:hover {
  color: #3655b3;
}
.pagination a.cur {
  display: inline-block;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  color: #3655b3;
}

.pagination a.cur::before{ width: 100%; height: 100%; display: block; content: ''; background: url("../img/pagexz.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused; transition: all 0.3s ease-in-out;position: absolute; left: 0; top: 0; opacity: 1;}

.pagination p {
  display: inline-block;
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #545b65;
  margin-right: 8px;
}
.pagination p.pageRemark {
  border-style: none;
  background: none;
  margin-right: 0px;
  padding: 4px 0px;
  color: #fe6600;
}
.pagination p.pageRemark b {
  color: red;
}
.pagination p.pageEllipsis {
  border-style: none;
  background: none;
  padding: 4px 0px;
  color: #fe6600;
  border-radius: 50%;
}
.dates li {
  font-size: 14px;
  margin: 20px 0
}
.dates li span {
  float: right
}
.pagination .page_xyy {
  width: 48px;
  height: 48px;
  border: none;
  line-height: 48px;
  text-decoration: none;
  color: #6c6c6c;
  font-size: 14px;
  text-align: center;
  color: #545b65;
}
.pagination .page_xyy:hover {
  color: #3655b3;
}
.pagination .page_syy {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border: none;
  text-decoration: none;
  color: #6c6c6c;
  font-size: 14px;
  text-align: center;
  color: #545b65;
  transition: all 0.5s ease-in-out;
}
.pagination .page_syy:hover {
  color: #3655b3;
}
.pagination .page_shouye {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  padding: 0;
  margin-top: 4px;
  background: none;
  display: none;
}
.pagination .page_weiye {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  padding: 0;
  margin-top: 4px;
  background: none;
  display: none;
}
/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8, 0, .5, 1);
}
@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@font-face {
  font-family: 'din500';
  src: local('din500'), url(../img/din500.woff) format('woff');
}
@font-face {
  font-family: 'goth500';
  src: local('goth500'), url(../img/goth500.woff) format('woff');
}
@font-face {
  font-family: 'goth100';
  src: local('goth100'), url(../img/goth100.woff) format('woff');
}
@font-face {
  font-family: 'exil';
  src: local('exil'), url(../img/exil.woff) format('woff');
}
@font-face {
  font-family: 'bebas';
  src: local('bebas'), url(../img/bebas.woff) format('woff');
}
div.publicheadback {
  width: 100%;
  height: 1.02rem;
  background: #fff;
  position: sticky;
  top: 0;
	z-index: 999999;
}
div.publicheadbackny {
  width: 100%;
  height: 1.02rem;
  background: #fff;
  position: sticky;
  top: 0;
	z-index: 999999;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);

}

div.publicheadbackny div.publicheadnavxl{box-shadow: 0 15px 20px rgba(0,0,0,0.1);}
div.publicheadbackindex {
  width: 100%;
  height: 1.02rem;
  background: #fff;
  position: fixed;
  top: 0;
	z-index: 999;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	transform: translate3d(0,100%,0);
	opacity: 0;
	transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;
}
.modify div.publicheadbackindex{transform: translate3d(0,0,0);
	opacity: 1;}
.publicheadbackindexheight{ height: 1.02rem;}
div.publicheadbackindex div.publicheadnavxl{box-shadow: 0 15px 20px rgba(0,0,0,0.1);}
div.publicheadlogo {
  height: 1.02rem;
  float: left;
  margin-left: 0.36rem;
  line-height: 1.02rem;
}
div.publicheadlogo img {
  display: inline-block;
  width: 0.69rem;
}
div.publicheadrt {
  float: right;
  height: 1.02rem;
  margin-right: 0.57rem;
}
div.publicheadrtnavbk {
  float: left;
}
div.publicheadrtnav {
  float: left;
  height: 1.02rem;
  line-height: 1.02rem;
  margin-left: 0.48rem;
  color: #081c73;
  font-size: 0.18rem;
	position: relative;
	z-index: 1;
}
div.publicheadrtnav > a {
  color: #081c73;
  font-family: "Noto Serif SC";
}
div.publicheadrtnav:hover{ z-index: 999;}
div.navxlhico{ width:100%; position:  absolute; transition: all 0.36s ease-in-out;  bottom: 0.14rem; left: 0; text-align: center; color: #0a6cce; font-size: 13px; line-height: 1; opacity: 0; transform: translate3d(0,20%,0); visibility: hidden;}

div.publicheadrtnav:hover div.navxlhico{opacity: 1; transform: translate3d(0,0,0);visibility: visible;}



div.publicheadrtnavline {
  width: 2px;
  height: 16px;
  float: left;
  margin: 0 0.35rem;
  margin-top: 0.51rem;
  position: relative;
  top: -8px;
  background: #d3d3d3;
}
div.publicheadrtnavlan_t {
  float: left;
  line-height: 1.02rem;
  color: #b60000;
  font-size: 0.18rem;
}
div.publicheadrtnavlan_t a {
  color: #b60000;
  font-family: "Noto Serif SC";
	transition: all 0.36s ease-in-out;
}
div.publicheadrtnavlan_t a:hover{ color: #ff0000;}


/*video*/
#container {
  overflow: hidden;
width: 100%;
}
#container header.header{ width: 100%; height: 100%; text-align: center;}
#background_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%;
  width: 100%;
}
#video_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('video_cover.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
}
#video_controls {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
#play img {
  width: 100px;
}
#pause img {
  width: 90px;
}
#pause {
  display: none;
}
@media (min-width: 768px) {
  #video_controls {
    display: none;
  }
}

#overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#main_content {
  z-index: 2;
  position: relative;
  display: inline-block;
  /* Vertical center */
  top: 50%;
  transform: translateY(-50%);
}
#main_content h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'proxima-nova-condensed', Helvetica;
  color: #fff;
  font-size: 35px;
}
#main_content .sub_head {
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
}
#main_content .info {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  margin-top: 10px;
}
#links {
  margin-top: 50px;
}
#links a {
  border: 2px solid rgba(255, 255, 255, 0.20);
  border-radius: 61px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 25px;
  display: inline-block;
  margin-right: 15px;
}
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#footer a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  margin: 10px;
  font-size: 12px;
}
#footer a:first-child {
  float: left;
}
#footer a:last-child {
  float: right;
}

/* Push */
/* -------------------------- */
.intro-effect-push:not(.notrans) .header,
.intro-effect-push:not(.notrans) > .title,
.intro-effect-push:not(.notrans) .content > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-push:not(.notrans) .header {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.intro-effect-push .codrops-demos a {
	color: #108576;
}

.intro-effect-push .header {
	position: absolute;
	z-index: 1500;
}

.intro-effect-push > .title {
	position: relative;
	top: auto;
	left: auto;
	padding: 6em 1em 2em;
}

.intro-effect-push .content > div {
	margin-top: 50px;
	color: #b2b2c0;
}

.intro-effect-push > .title,
.intro-effect-push .content > div {
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}

.intro-effect-push.modify > .title,
.intro-effect-push.modify .content > div {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.intro-effect-push.modify .header {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
}

/* Delays */
.intro-effect-push.modify:not(.notrans) > .title {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.intro-effect-push.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

/* -------------------------- */


/* Trigger Button */
button.trigger {
	position: fixed;
	bottom: 40px;
	left: 50%;
	z-index: 5000;
	display: block;
	margin-left: -56.5px;
	padding: 0;
	width: 113px;
	height: 113px;
	border: none;
	background: transparent;
	background: url("../img/bannerjt.png") center no-repeat;
	color: transparent;
	font-size: 2em;
	cursor: pointer;
}
@keyframes bannerbutton {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
div.trigger_xz{  width: 100%; height: 100%; background: url("../img/bannerhexie.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite;}

.container:not(.notrans) button.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) button.trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

button.trigger::before {
	position: absolute;
	bottom: 100%;
	left: -100%;
	padding: 0.8em;
	width: 300%;
	color: #fff;
	content: attr(data-info);
	font-size: 0.35em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

button.trigger:focus {
	outline: none;
}

button.trigger span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

button.trigger span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	content: "\e097";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.publicheadnavxl{ width:9rem; position: fixed; right: 0; z-index: 999999; top: 1.02rem; padding-top: 2px; opacity: 0; visibility: hidden; transform: translate3d(0,25px,0);transition: all 0.5s  cubic-bezier(.75,.2,.2,0.5) 0s; }
div.publicheadnavxlcont{ padding: 0.4rem 0.6rem; background: #fff;}

div.publicheadnavxlnav{  margin-right: 0.5rem; width: 1.75rem; height: 0.65rem; font-size: 0.18rem; font-weight: 100; line-height: 0.65rem; border-bottom: 1px solid #d3d3d3; text-align: left;transition: all 0.36s ease-in-out; float: left; }

div.publicheadnavxlnav a{ display: block; width: 100%; height: 100%;}

div.publicheadnavxlnavico{ width: 30px; height: 30px; line-height: 30px; display: inline-block; background: #fff; transition: all 0.36s ease-in-out; margin-right: 0.15rem; text-align: center; border-radius:50%;}

div.publicheadnavxlnav>a{ color: #0773d6;}

div.publicheadnavxlnavico span{ color: #999999; font-size: 14px;transition: all 0.36s ease-in-out; }

div.publicheadnavxlnav:hover{ padding-left: 10px;}

div.publicheadnavxlnav:hover  div.publicheadnavxlnavico{ border-radius: 50%; background: #0773d6; color: #fff;}

div.publicheadnavxlnav:hover  div.publicheadnavxlnavico > span{ color: #fff; font-size: 14px;}

div.publicheadrtnav:hover  div.publicheadnavxl{ opacity: 1; visibility: visible;  transform: translate3d(0,0,0);transition: all 0.8s cubic-bezier(.25,.84,.44,1) 0s;}

div.publicheadnavxlcont_san{ width: auto; position: relative;}

div.publicheadnavxlnav1{  margin-right: 0.5rem; width: 2rem; height: 0.65rem; font-size: 0.16rem; font-weight: 100; line-height: 0.65rem; border-bottom: 1px solid #d3d3d3; text-align: left;transition: all 0.36s ease-in-out; float: left; margin-left: 0.5rem;  }

div.publicheadnavxlnav1 a{ display: block; width: 100%; height: 100%;}

div.publicheadnavxlnav1ico{ width: 30px; height: 30px; line-height: 30px; display: inline-block; background: #fff; transition: all 0.36s ease-in-out; margin-right: 0.15rem; text-align: center; border-radius:50%;}

div.publicheadnavxlnav1>a{ color: #0773d6;}

div.publicheadnavxlnav1ico span{ color: #999999; font-size: 14px;transition: all 0.36s ease-in-out; }

div.publicheadnavxlnav1:hover{ padding-left: 10px;}

div.publicheadnavxlnav1:hover  div.publicheadnavxlnav1ico{ border-radius: 50%; background: #0773d6; color: #fff;}

div.publicheadnavxlnav1:hover  div.publicheadnavxlnav1ico > span{ color: #fff; font-size: 14px;}

div.publicheadnavxlnav_s{ position: absolute; overflow-x: hidden;   top: 0; left:1.75rem; width: 0;opacity: 0;   transition: all 0.36s ease-in-out;  }

div.publicheadnavxlnav_s::-webkit-scrollbar { width: 1px; }
div.publicheadnavxlnav_s::-webkit-scrollbar-track { background-color: transparent;  }
div.publicheadnavxlnav_s::-webkit-scrollbar-thumb { background-color:transparent;  width:1px}	

div.publicheadnavxlnav:hover div.publicheadnavxlnav_s{ opacity: 1;width: 100%; }

div.indexoneback{ width:98%; margin: auto; max-width: 1600px; padding: .62rem 0 1.47rem; display: flex;  flex-flow: nowrap; justify-content: space-between;}

div.indexone_left{ width: 24%; height: 6.45rem; position: relative;}

div.indexone_left::before{ width: 100%; height: 100%; content: ''; display: block; background: rgba(0,0,0,0.1); filter: blur(10px); position: absolute; top: 0; left: 0;}

div.indexone_leftlist{ width: 100%; height: 6.45rem;}

div.indexone_leftlist:hover div.indexone_leftlistpicbg{ transform: scale(1.05);}

div.indexone_leftlist:hover div.indexone_leftlistbottom_2{color: #dc251f;}

div.indexone_leftlistpic{ width:100%; height: 4.03rem; overflow: hidden; background: url("../img/indexoneleftpic.jpg") 50%/cover no-repeat; border-top-left-radius: 7px; border-top-right-radius: 7px;}

div.indexone_leftlistpicbg{ width: 100%; height: 100%; transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexone_leftlistbottom{ width: 100%; height: 2.41rem; background: #fff; padding: 0.13rem 0.23rem 0;border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}

div.indexone_leftlistbottom_1{ width:100%; height: 0.66rem; line-height: 0.66rem;  color: #aac9eb; font-size: 0.16rem; font-family:'din500';}

div.indexone_leftlistbottom_2{ width: 100%; height: 0.48rem; line-height: 0.24rem ; overflow: hidden; color: #3c3c3c; font-size: 0.16rem; transition: all 0.36s ease-in-out;}

div.indexone_leftbottom{ width: 100%; position: absolute; bottom: 0.4rem; left: 0; padding: 0 0.23rem; z-index: 9;}

div.indexone_leftbottom_t{  height: 0.32rem; float: left; line-height: 0.32rem;color: #aac9eb; font-size: 0.18rem;}

div.indexone_leftbottom_r{ float: right;}

div.indexone_leftbottom_r1{  float: left; width: 0.43rem; height: 0.32rem; background: url(../img/indexoneleftj.png) center no-repeat; background-size:0.26rem; cursor: pointer; transition: all 0.36s ease-in-out; outline: none;}
div.indexone_leftbottom_r1:hover{background: url(../img/indexoneleftjh.png) center no-repeat; background-size:0.26rem;}

div.indexone_leftbottom_r1line{ width: 1px; height: 0.32rem; float: left; background: #dfdfdf;}

div.indexone_leftbottom_r2{  float: left;  text-align: right; width: 0.43rem; height: 0.32rem; background: url(../img/indexonerightj.png) center no-repeat; background-size:0.26rem; cursor: pointer; transition: all 0.36s ease-in-out; outline: none; }

div.indexone_leftbottom_r2:hover{background: url(../img/indexonerightjh.png) center no-repeat; background-size:0.26rem;}

div.indexone_mid{ width: 48%; height: 6.45rem; position: relative;}
div.indexone_mid::before{ width: 100%; height: 100%; content: ''; display: block; background: rgba(0,0,0,0.1); filter: blur(10px); position: absolute; top: 0; left: 0;}

div.indexone_midcont{ width: 100%; height: 100%; position: relative;}

div.indexone_midpic{ width: 100%; height:4.03rem; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px; }

div.indexone_midpicbg{ width: 100%; height: 100%; transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexone_midbottom{ position: relative;width: 100%;height:2.44rem;border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background: #fff; padding: 0.34rem 0.37rem 0;}

div.indexone_midbottom_1{ width: 100%; height: 0.3rem; line-height: 0.3rem; color: #545b65; font-size: 0.16rem; font-weight: 100;}

div.indexone_midbottom_2{ width: 100%; height: 0.37rem; line-height: 0.37rem; color: #545b65; font-size: 0.24rem; font-weight: 100; background: url("../img/indexonerightjh.png") center right no-repeat; background-size: 0.26rem; transition: all 0.36s ease-in-out;}

div.indexone_midbottom_3{ width: 100%; height: 0.64rem; line-height: 0.32rem; overflow: hidden; color: #545b65;font-size: 0.18rem; font-weight: 100; margin-top: 0.25rem;}

div.indexone_mid:hover div.indexone_midpicbg{ transform: scale(1.05);}

div.indexone_mid:hover div.indexone_midbottom_2{color: #dc251f;}

div.indexone_right{ width:23.8%; height:auto;}

div.indexone_rightone{ width: 100%; height: 3.04rem; margin-bottom: 0.36rem;  overflow: hidden; position: relative;}

div.indexone_rightonebg{  width: 100%; height: 100%;transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexone_rightone:hover div.indexone_rightonebg{ transform: scale(1.1);}

div.indexone_rightonebottom{ width: 100%; height:auto; position: absolute; bottom:0.21rem; left: 0; padding: 0 0.3rem;}

div.indexone_rightonebottom_l{ float: left; }

div.indexone_rightonebottom_l1{ height: 0.36rem; line-height: 0.36rem; color: #ffffff; font-size: 0.24rem; font-weight: 700;}

div.indexone_rightonebottom_l2{  height: 0.33rem; line-height: 0.33rem; color: #ffffff; font-size: 0.18rem;}

div.indexone_rightonebottom_r{ width: 0.46rem; height: 0.46rem; float: right; background: url("../img/indexonerightjt.png") center no-repeat; background-size:0.46rem; position: relative; margin-top: 0.15rem;}

div.indexone_rightonebottom_rxz{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../img/indexrightfish.png") center no-repeat; opacity: 0; transition: all 0.36s ease-in-out; -webkit-animation: bannerbutton 10s linear infinite; background-size:0.46rem; }

div.indexone_rightone:hover div.indexone_rightonebottom_rxz{ opacity: 1;}

div.indexone_rightonebgover{border-radius: 7px; overflow: hidden;  width: 100%; height: 100%;position: absolute; top: 0; left: 0;}

div.indextwoback{ width: 100%; height:auto; background: url("../img/indextwobg.jpg") 50%/cover no-repeat; padding-top: 0.65rem; padding-bottom: 0.78rem;}

.intro-effect-push div.indexone_left{ opacity: 0; transform: translate3d(0,200%,0); transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

.modify div.indexone_left{ opacity: 1; transform: translate3d(0,0,0);}

.intro-effect-push div.indexone_mid{ opacity: 0; transform: translate3d(0,200%,0); transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0.5s;}

.modify div.indexone_mid{ opacity: 1; transform: translate3d(0,0,0);}

.intro-effect-push div.indexone_right{ opacity: 0; transform: translate3d(0,200%,0); transition: all 2.1s cubic-bezier(.165,.84,.44,1) 1s;}

.modify div.indexone_right{ opacity: 1; transform: translate3d(0,0,0);}

div.indextwo{ width: 98%; height: auto; max-width: 1600px; margin:auto;}

div.indextwo_tleft{  float: left;  }

div.indextwo_tleft_1{ height: 0.51rem; line-height: 0.51rem; color: #ffffff; font-size: 0.3rem;    font-family: "Noto Serif SC"; font-weight: 300;}

div.indextwo_tleft_2{ height: 0.64rem; line-height: 0.64rem; color: #ffffff; font-size: 0.48rem;  font-family: 'goth500';}

div.indextwo_tleft_3{  height: 0.51rem; line-height: 0.51rem; color: #ffa114; font-size: 0.14rem; font-family: 'goth100';}

div.indextwo_tright{ width: 1.4rem; height: 1.4rem; background: url("../img/indextwortmorejs.png") center no-repeat; background-size:1.4rem; position: relative; float: right; margin-top: 0.15rem;}

div.indextwo_trightxz{ width: 1.4rem; height: 1.4rem;  position: absolute; left: 0; top: 0; background:  url("../img/indextwortmorexz.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused; background-size:1.4rem; }

div.indextwo_tright:hover div.indextwo_trightxz{animation-play-state: running;}

div.indextwolistbk{ width:100%; height:auto; margin:auto; margin-top: 0.55rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indextwolist{ width: 49.1%; height: 6.7rem; position: relative; overflow: hidden; border-radius: 7px;}

div.indextwolistbg{ width:100%; height: 100%; position: absolute; transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indextwolist:hover div.indextwolistbg{ transform: scale(1.1);}

div.indextwolisttop{ width: 100%; height: auto; position: absolute; left: 0; padding: 0 0.5rem; top: 0.47rem;}

div.indextwolisttop1{ width: 100%; height: auto;height:0.42rem; color: #ffffff; font-size: 0.24rem;  }

div.indextwolisttop2{ display: inline-block; height: 0.34rem; line-height: 0.34rem; padding: 0 0.23rem; color: #ffffff; font-size: 0.18rem; font-weight: 100;  background: #e9bb30; border-radius: 35px; margin-top: 0.08rem;}

div.indextwolistbottom{ width: 100%; height: auto; position: absolute; left: 0; bottom: 0; padding: 0.3rem 0.23rem  0.65rem; background: linear-gradient( to bottom,transparent,rgba(1,14,79 , 0.8));}

div.indextwolistbottom_1{ width: 100%; height: auto; line-height: 0.45rem; padding: 0.17rem 0; color: #ffffff; font-size: 0.3rem; font-weight: 100;}

div.indextwolistbottom_2{ width: 100%; height:auto; line-height: 0.32rem; color: #ffffff; font-size: 0.18rem; }

div.indexthreeback{ width:100%; height: auto; background: url("../img/indexthreebg.jpg") 50%/cover no-repeat; padding-top: 0.62rem; padding-bottom: 0.88rem;}

div.indexthreetitlebk{ width:100%; height: 1.48rem;  background: url("../img/indexthreetitlebg.png") center no-repeat; background-size:1.48rem; padding-top: 0.21rem; }

div.indexthreetitlecn{ width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #1f1e64; font-size: 0.3rem;font-family: "Noto Serif SC"; font-weight: 300;}

div.indexthreetitleen{ width: 100%; height: auto; line-height: 0.26rem; text-align: center; margin-top: 0.03rem; color: #ffcc33; font-size: 0.16rem; font-style: italic; font-family: 'goth100';}

div.indexthreemain{ width: 98%; max-width: 1128px; margin:auto; margin-top: 0.35rem;}

div.indexthree_t{ width:100%; height: auto; line-height: 0.6rem; color: #333333; font-size: 0.4rem; font-weight: 100; text-align: center;  }


@-webkit-keyframes indexthree_tshow {
0% {
opacity:0;
transform: translate3d(0,30%,0);

}
100% {
opacity:1;
transform: translate3d(0,0,0);

}
}
.indexthree_tshow{
	-webkit-animation-name: indexthree_tshow;
	animation-name: indexthree_tshow;
}

div.indexthree_bottom{ width: 100%; height: 0.94rem; line-height: 0.94rem; text-align: center; color: #999999; font-size: 0.18rem;}

div.indexthree_bottom img{ display: inline-block; width: 0.21rem;    position: relative; top: -1px;}

div.indexthreebuttonbk{ width: 1.13rem; height: 0.44rem; margin:auto; display: flex; flex-flow: nowrap; justify-content: space-between; margin-top: 0.15rem;}

div.indexthreebuttonl{ width: 0.51rem; height: 0.45rem; line-height: 0.45rem; text-align: center; cursor: pointer; background: #fff; font-size: 14px; position: relative; overflow: hidden; outline: none;}

div.indexthreebuttonl p{ position: relative; transition: all 0.36s ease-in-out; color: #ffac18; font-family: 'goth100'}

div.indexthreebuttonl::before{ width: 100%; height: 100%; content: ''; display: block; background: #ffcc33; position: absolute; right: 0; top:0; transition: transform .5s;transform: scaleX(0); transform-origin: 0 0;}

div.indexthreebuttonl:hover:before{transform: scaleX(1); transform-origin: 100% 0; }

div.indexthreebuttonl:hover p{ color: #fff;}


div.indexthreebuttonr{ width: 0.51rem; height: 0.45rem; line-height: 0.45rem; text-align: center; cursor: pointer; background: #fff; font-size: 14px; position: relative; overflow: hidden;outline: none;}

div.indexthreebuttonr p{ position: relative; transition: all 0.36s ease-in-out; color: #ffac18; font-family: 'goth100'}

div.indexthreebuttonr::before{ width: 100%; height: 100%; content: ''; display: block; background: #ffcc33; position: absolute; right: 0; top:0; transition: transform .5s;transform: scaleX(0); transform-origin: 100% 0;}

div.indexthreebuttonr:hover:before{transform: scaleX(1); transform-origin: 0 0; }

div.indexthreebuttonr:hover p{ color: #fff;}

div.publicfooterback{ width: 100%; height: auto; background: url("../img/footerbg.jpg") 50%/cover no-repeat; padding: 1.4rem 0 0.4rem;  overflow: hidden;}

div.publicfooter{ width:98%; max-width: 1600px; margin: auto;}

div.publicfootertop_1{ width:71.5%; height: 3.42rem; float: left; background: #011a4e;  padding: 1.04rem 0.63rem 0.58rem 0.88rem;}

div.publicfootertop_l{  float: left; }

div.publicfootertop_l1{  height: 0.58rem; line-height: 0.58rem; color: #8caffd; font-size: 0.32rem;font-family: "Noto Serif SC"; font-weight: 200;}

div.publicfootertop_l2{ height: 0.42rem; line-height: 0.42rem; color: #ffffff; font-size: 0.2rem;font-family: 'exil'; letter-spacing: 1.5px;}

div.publicfootertop_l3{ height: 0.42rem; line-height: 0.42rem; color: #8caffd; font-size: 0.14rem; font-family: 'goth100'; text-transform: uppercase;}

div.publicfootertop_r{ float: right;}

div.publicfootertop_rewm{ width: 1.1rem; height: auto; float: left; margin-left: 0.41rem;}

div.publicfootertop_rewmpic{ width: 1.1rem; height: auto;}

div.publicfootertop_rewmpic img{ width: 100%; }

div.publicfootertop_rewmtitle{ width: 100%; height: 0.51rem; line-height: 0.51rem; text-align: center; color: #ffffff; font-size: 0.16rem; font-weight: 100;}

div.publicfootertop_2{ width:28.5%; float: left; height: 3.42rem; overflow: hidden; position: relative;}

div.publicfootertop_2bg{width:100%; height: 100%; background: url("../img/footervr.jpg") 50%/cover no-repeat;transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.publicfootertop_2nr{ width:100%; height: 100%; position: absolute; top: 0; left: 0; display: table;}

div.publicfootertop_2nr_cell{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}

div.publicfootertop_2nrxzout{ width: 0.9rem; height: 0.9rem; display: inline-block; background:url("../img/vrbof.png") center no-repeat; background-size: 0.9rem;}

div.publicfootertop_2nrxz{ width: 0.9rem; height: 0.9rem; background: url("../img/footervrxz.png") center no-repeat;background-size: 0.9rem;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused;}

div.publicfootertop_2:hover div.publicfootertop_2nrxz{animation-play-state: running;}

div.publicfootertop_2:hover div.publicfootertop_2bg{ transform: scale(1.1);}

div.publicfootertop_2nrxzflex{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: center;}

div.publicfootertop_2nrline{ width: 1px; height: 0.3rem; background: #69caf0; margin: 0 0.37rem 0 0.35rem;  margin-top: 0.3rem;}

div.publicfootertop_2nrword{ color: #ffffff; height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; font-family: 'exil';margin-top: 0.3rem;}

div.publicfooterbottom{ width:100%; height:auto; padding-top: 0.48rem; padding-bottom: 0.5rem; padding-left: 0.58rem; padding-right: 0.83rem; background: rgba(1,16,48,0.3); }

div.publicfooterbottomleft{  float: left;}

div.publicfooterbottomleftlogo{ float: left; width: 0.84rem; height: auto; }

div.publicfooterbottomleftlogo img{ width: 100%;}

div.publicfooterbottomleftxx{ float: left;  margin-left: 0.42rem; line-height: 0.25rem; color: #69caf0; font-size: 0.14rem; font-weight: 100;}

div.publicfooterbottomrt{ float: right; height: 1rem; line-height: 1rem;}

div.publicfooterbottomrt_nav{ margin-left: 0.4rem; line-height: 1rem; color: #a0d1e9; float: left; font-size: 0.18rem;}

div.publicfooterbottomrt_nav a{ color: #a0d1e9; transition: all 0.36s ease-in-out;font-family: "Noto Serif SC";}

div.publicfooterbottomrt_nav:nth-child(1){ margin-left: 0;}

div.publicfooterbottomrt_nav a:hover{ color: #fff;}

div.publicfooterbottom2{ width: 100%; height: auto; padding: 0.38rem 0.37rem 0; position: relative;display: flex; flex-flow: nowrap; justify-content: space-between;}

div.publicfooterbottom2_l{ line-height: 0.2rem; color: #ffffff; font-size: 0.14rem; font-family: 'exil'; text-transform: uppercase; margin-top: 0.15rem;}

div.publicfooterbottom2_mid{ width:0.81rem; height: 0.81rem; background: url("../img/footerjt.png") center no-repeat; background-size: 0.81rem; cursor: pointer; position: absolute; left: 50%; margin-left: -0.405rem; top: 0.4rem;}

div.publicfooterbottom2_midxz{ width:0.81rem; height: 0.81rem;background: url("../img/dibubacktopbg.png") center no-repeat; background-size: 0.81rem;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused;}

div.publicfooterbottom2_mid:hover div.publicfooterbottom2_midxz{animation-play-state: running;}

div.publicfooterbottom3{  height: auto; line-height: 0.26rem; margin-top:0.23rem;  color: #ffffff; text-align: right; }

div.publicfooterbottom3 a{   color: #ffffff;  transition:all 0.36s ease-in-out;}

div.publicfooterbottom3_1{ color: #74afe8;}

div.publicfooterbottom3_1 a{   color: #74afe8;  transition:all 0.36s ease-in-out;}

div.publicfooterbottom3_1 a:hover{color: #fff; }

div.nybannerback{ width: 100%; height:5rem; position: relative;   transition: all 1.5s cubic-bezier(.165,.84,.44,1) 0s;}

div.nybannertitleback{ width: 100%; height: 1rem; line-height: 1rem; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -0.5rem; color: rgba(255,255,255,0.2); font-family: 'goth100'; letter-spacing: 0.15rem;  text-transform: uppercase; font-size: 1.29rem; opacity: 0; transition: all 1s ease-in-out;}
 
div.nybannertitlecn{ width: 100%; height:1rem; line-height: 1rem; position: absolute; left: 0; top: 0; text-align: center; color: #fff; font-family: "Noto Serif SC"; font-size: 0.48rem; font-weight: 600;  letter-spacing: 100px;transition: all 1.5s cubic-bezier(.165,.84,.44,1) 0s;}

div.nybannerbackshow{}

div.nybannerbackshow div.nybannertitleback{opacity: 1;}

div.nybannerbackshow div.nybannertitlecn{letter-spacing: 0;}

div.nynavback{ width: 98%; max-width: 1280px; margin: auto; padding-top: 54px; padding-bottom: 43px; background: #fff; border-radius: 7px; display: flex;  flex-flow: nowrap; justify-content: center; position: relative; box-shadow:0 0 20px rgba(0,0,0,0.1);  margin-top: -75px;}

div.nynav:nth-child(1){ background: none;}

div.nynav{  padding: 0 0.29rem; height: 53px; background: url("../img/nynavbg.jpg") 0 6px no-repeat; text-align: center;position: relative;}

div.nynav::before{ width:0; height: 0; content: ''; display: block; background: url("../img/nynavh.png") top left no-repeat; position: absolute; left:50%; margin-left: -15px; top:55px; transition: all 0.7s cubic-bezier(.165,.84,.44,1) 0s; opacity: 0;}

div.nynav:hover:before{width:49px; height: 47px; opacity: 1;}

div.nynav_cn{  height:31px; line-height:31px; color: #545b65; font-size: 16px; font-weight: 100; transition: all 0.36s ease-in-out;}

div.nynav_en{  height: 22px; line-height: 22px; color: #b7b8b8; font-size: 14px; font-family: 'goth100'; transition: all 0.36s ease-in-out;}

div.nynav:hover div.nynav_cn{ color: #0773d6; }

div.nynav:hover div.nynav_en{ color: #0773d6; }

div.nynavhover::before{width:49px; height: 47px; opacity: 1;} 

div.nynavhover div.nynav_cn{ color: #0773d6; }

div.nynavhover div.nynav_en{ color: #0773d6; }

div.gywmoneback{ width: 98%; max-width: 1280px; margin: auto;}

div.gywmone_t{ width: 100%; height: 1.52rem; margin: auto; line-height: 1.52rem; text-align: center; background-image:linear-gradient( to right, #3754b2 , #0773d6); background-clip:text;  -webkit-background-clip:text; color: transparent;font-size: 40px; font-weight: 700; margin-top: 33px;}

div.gywmone_t11{ width: 100%; height:auto; margin: auto; line-height: 2; text-align: center; background-image:linear-gradient( to right, #3754b2 , #0773d6); background-clip:text;  -webkit-background-clip:text; color: transparent;font-size: 40px; font-weight: 700; margin-bottom: 35px;}


div.gywmone_content{ width: 100%; height: auto; line-height:36px; color: #545b65; font-size: 16px; font-weight: 100; padding-bottom: 80px;}

div.gywmone_content img{ max-width: 100%;}

div.gywmtwoback{ background: url(https://pic01.sq.seqill.cn/uploads/image/20220303/c18f6b603f70d7ac8b2598643b08cc5b.jpg) 50%/cover no-repeat; background-attachment: fixed; width: 100%; height: 4rem; padding-top: 1.54rem;}

div.gywmtwo{ width: 98%; margin: auto; max-width: 1280px; display: flex; flex-flow: nowrap; justify-content: space-around;}

div.gywmtwonav{ display: flex; flex-flow: nowrap; }

div.gywmtwonav_left{ height: 57px; line-height: 57px; font-family: 'bebas'; font-size: 60px;color: #ffffff; margin-right:15px; }
div.gywmtwonav_left span{font-family: 'bebas';}

div.gywmtwonavrt{ height: auto;}

div.gywmtwonavrt1{ height: 21px; line-height: 21px; color: #ffffff; font-size: 14px;}

div.gywmtwonavrt2{ height: 28px; line-height: 28px; color: #ffffff; font-size: 18px;  font-weight: 700;}

div.gywmtwocontback{width: 98%; margin: auto; max-width: 1280px;  padding-top: 55px;}

div.gywmthreeback{ width: 100%; height: 6.5rem;  position: relative; overflow: hidden;}


div.gywmthreeback::before{  width: 100%; height: 6.5rem;position: absolute; left: 0; top: 0; content: ''; display: block;background: url("../img/gywmthreebg.jpg") 50%/cover no-repeat;  transform: scale(1.15);transition: all 1.5s cubic-bezier(.165,.84,.44,1) 0s;}

div.gywmthreebackshow::before{  width: 100%; height: 6.5rem;position: absolute; left: 0; top: 0; content: ''; display: block;background: url("../img/gywmthreebg.jpg") 50%/cover no-repeat; transform: scale(1);}


div.gywmthree{ width: 98%; margin: auto; max-width: 1280px; height: 100%; display: table; position: relative;}

div.gywmthreecell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.gywmthreeflex{ display: flex; width: 100%; height: auto; flex-flow: nowrap; justify-content: space-between;}

div.gywmthreeflex_l1{ height: 68px; line-height: 68px; color: #fff; font-size: 45px; font-weight: 700;}

div.gywmthreeflex_l2{ height: 0.41rem; line-height: 0.41rem;  color: #ffffff; font-size: 16px;}

div.gywmthreeflex_r{ width: 450px; height: auto;}

div.gywmthreeflex_r img{ width: 100%;}

div.gywmthreeflex_l{ padding-top: 173px;}

div.gywmfourback{ width: 100%; height: 3rem; }

div.gywmfourl{ width: 50%; float: left; height: 3rem;background: url("../img/gywmfourbg.jpg") 50%/cover no-repeat;}

div.gywmfourr{ width: 50%; float: left; height: 3rem; background: #30a54a; display: flex; justify-content: space-around; flex-flow: nowrap;}

div.gywmfourrnav{ padding-top: 0.93rem;}

div.gywmfourrnav_1{ height: 0.66rem; line-height: 0.66rem; color: #ffffff; font-size: 0.6rem;}

div.gywmfourrnav_1 span{ font-family: 'bebas';}

div.gywmfourrnav_1 sup{ font-size:0.14rem; top: -2.5em; left: 0.1rem;}

div.gywmfourrnav_2{  height: 0.3rem; line-height: 0.3rem; color: #ffffff; font-size: 0.18rem; font-weight: 700;}

div.gywmfourbottomcon{ width: 98%; max-width: 1280px; margin: auto; padding-top: 1.06rem;}

div.gywmfiveback{ width: 100%; margin: auto; height: 593px; background: url("../img/gywmfivebg.jpg") center no-repeat; position: relative;}

div.gywmfive{width: 98%; max-width: 1280px; margin: auto; display: flex; position: relative;flex-flow: nowrap; justify-content: space-between;}


div.gywmfivenav{ width: 180px; height: 180px; border-radius: 50%; background: #72b5ed; padding: 11px; margin-top: 186px;}

div.gywmfivenavnei{ width: 100%; height: 100%; border: 1px solid #9acaf2; border-radius: 50%; display: table; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}
div.gywmfivenav:hover div.gywmfivenavnei{ transform: scale(0.8);}

div.gywmfivenavneicell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.gywmfivenavnei1{height: 38px; line-height: 38px; text-align: center; color: #ffffff; font-size: 24px;}

div.gywmfivenavnei2{height: 24px; line-height: 24px; text-align: center; color: #ffffff; font-family: 'goth100'; text-transform: uppercase; font-size: 14px;}

div.gywmfivenav:nth-child(2n){ margin-top: 138px; background: #daedfd;}

div.gywmfivenav:nth-child(2n) div.gywmfivenavnei{ border: 1px solid #fff;}

div.gywmfivenav:nth-child(2n) div.gywmfivenavnei1{ color: #0e416c;}

div.gywmfivenav:nth-child(2n) div.gywmfivenavnei2{ color: #99b4ca;}

div.gywmfivenav:nth-child(4){margin-top: 240px; }

div.gywmfivenav:nth-child(5){margin-top: 142px; }

div.gywmfivenav:nth-child(6){margin-top: 185px; }

div.gywmfivebgbk{ width: 100%; height: 593px; position: absolute; left: 0;  top: 0; overflow: hidden;}

div.gywmfivebgbk ul{  height: 593px; position: relative;}

div.gywmfivebgbk ul li{ float: left; width: 1280px; margin-right: 20px;}


div.gywmfivebg{  width: 1280px; margin:auto;height: 593px;  position: relative;}

div.gywmfivebgquan{ width: 19px; height: 19px; border: 2px solid #daedfd; border-radius: 50%; position: absolute;}

div.fivequan1{  top: 238px; left: -97px;}

div.fivequan2{  top: 354px; left: 233px;}

div.fivequan3{  top: 156px; left: 455px;}

div.fivequan4{  top: 346px; left: 906px;}

div.fivequan5{  top: 150px; left: 1107px;}

@keyframes gywmfivebgxiexz {
 from {
 transform: rotate(5deg);
}
to {
	transform: rotate(-10deg);
}
}

@keyframes gywmfivebgxiexz1 {
 from {
 transform: rotate(0deg);
}
to {
	transform: rotate(10deg);
}
}

@keyframes gywmfivebgxiexz2 {
 from {
 transform: rotate(10deg);
}
to {gywmfivenav
	transform: rotate(-15deg);
}
}



div.gywmfivebgxie{ width:39px; height: 32px; transition: all 0.36s ease-in-out; background: url("../img/gywmxie.png") center no-repeat; position: absolute;animation: gywmfivebgxiexz 1.3s linear infinite alternate;}

div.fivexie1{  top: 398px; left: 314px;}

div.fivexie2{  top: 145px; left: 675px; background-size:90%;animation: gywmfivebgxiexz1 1.3s linear infinite alternate; }

div.fivexie3{  top: 243px; left: 1343px; background-size:93%; animation: gywmfivebgxiexz2 1.5s linear infinite alternate;}

div.gywmbottomcont{ width:98%; margin: auto; max-width: 1280px; padding-top: 50px; }

div.xwlistback{ width: 98%; height: auto; max-width: 1280px; margin: auto; margin-top: 0.83rem;}
div.xwlistback3{ width: 98%; height: auto; max-width: 1280px; margin: auto; margin-top: 0;}

div.xwlist{ width:100%; height: auto; padding: 0.53rem 1.32rem 0.65rem;  background:#d9ecfe; margin-bottom: 30px; position: relative; border-radius: 7px;}

div.xwlistflex{display: flex; flex-flow: nowrap;}

div.xwlistleft{ width: 1.24rem; height: auto; position: relative;z-index: 10;}

div.xwlistleftpic{ width: 100%; height: auto; line-height: 47px; text-align: center;}

div.xwlistleftpicbt{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: space-between; margin-top: 0.15rem;}

div.xwlistleftpicbt_1{ height: 14px; line-height: 14px; color: #555555; font-size: 18px; font-weight: 700;}

div.xwlistleftpicbt_line{ height: 14px; width: 1px; background: #8b8a8a;}

div.xwlistrt{ width:880px; height: auto; margin-left: 0.4rem;  position: relative;z-index: 10;}

div.xwlistrt_t{ width: 100%; height: 0.46rem; line-height: 0.46rem; color: #212121; font-size: 20px; font-weight: 100; overflow: hidden;}

div.xwlistrt_t1{ width: 100%; height: 0.39rem; line-height: 0.39rem; color: #6d6d6d; font-size: 14px; font-weight: 100; overflow: hidden;}

div.xwlist_tmore{ padding-right: 38px; height: 25px; line-height: 25px; color: #6d6d6d; font-size: 14px; font-weight: 100; background: url("../img/xwmore.png") right center no-repeat; position: absolute; right: -15px; bottom: 20px; z-index: 99; transition: all 0.6s ease-in-out;}

div.xwlist::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; display: block; background: #f0f0f0;transition: transform 1s;transform: scaleX(0); transform-origin: 100% 0;}

div.xwlistfish{ position: absolute; left: 617px; bottom: 0; width: 286px; height: 94px; content: ''; display: block; overflow: hidden; }

div.xwlistfishpic{ position: absolute;  width: 286px; height: 152px; content: ''; display: block; background: url("../img/xwfish.png") center no-repeat;transition: all .8s ease-in-out; top: 286px; left: -143px; transform-origin: 100% 0; opacity: 0; -webkit-transform: rotate(-90deg);}

div.xwlist:hover div.xwlistfishpic{ top: 0px; left: 0px; transform-origin: 0 0; opacity: 1; -webkit-transform: rotate(0deg);}

div.xwlist:hover:before{transform-origin: 0 0;  transform: scaleX(1);}

div.xwlist:hover div.xwlist_tmore{ color: #0773d6;}

div.pagegao{  height: 0.54rem; }

div.nysanji{ width: 98%; max-width: 1280px; margin: auto; padding: 0.44rem 0.5rem;display: flex;  flex-flow: nowrap; justify-content: center;}

div.nynav1:nth-child(1){ background: none;}

div.nynav1{  padding: 0 0.49rem; height: 53px; background: url("../img/nynavbg.jpg") 0 6px no-repeat; text-align: center;position: relative;}



div.nynav1_cn{  height:31px; line-height:31px; color: #545b65; font-size: 14px; font-weight: 100; transition: all 0.36s ease-in-out;}

div.nynav1:hover div.nynav1_cn{ color: #0773d6; }


div.nynav1hover div.nynav1_cn{ color: #0773d6; }

div.cpadbanner{ width: 100%; height:720px; margin: auto; overflow: hidden; border-radius: 7px;}

div.cpadbanner div.cpadbannerpic{width: 100%; height:720px; transition: all 1.5s cubic-bezier(.165,.84,.44,1) 0s; transform: scale(1.15);}

div.cpadbanner div.cpadbannerpicshow{ transform: scale(1);}

div.cplistbk{ width: 32.4%; height: auto; margin-bottom: 30px; float: left; margin-left: 1.4%;}

div.cplistpic{ width:100%; height: auto; position: relative; border-radius: 7px; overflow: hidden;}

div.cplistpic img{ width: 100%; height: auto;transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s;}

div.cplistpich{ width:100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); opacity: 0;transition: all 2.1s cubic-bezier(.165,.84,.44,1) 0s; }

div.cplistpichlogo{ width: 100%; height: 100%; background: url("../img/dibulogo.png") center no-repeat;}

div.cplist_t{ width: 100%; height: 0.77rem; line-height: 0.77rem;  text-align: center; color: #545b65; font-size: 18px; font-weight: 100; overflow: hidden; transition: all 0.36s ease-in-out;}

div.cplistbk:hover div.cplistpic img{ transform: scale(1.05);}

div.cplistbk:hover div.cplistpich{ opacity: 1;}
div.cplistbk:hover div.cplist_t{ color: #0773d6;}

div.cp_cnt{ width: 100%; height: auto; line-height: 57px; margin-top: 60px; font-size: 40px; font-weight: 700;    background-image: linear-gradient( to right, #3654b2 , #0773d6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;}

div.cp_ent{ width: 100%; height: auto; line-height: 27px; color: #146bcc; font-size: 12px; font-family: 'goth100'; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 0.4rem;}

div.nongyeonebk{ width: 100%; height: 624px; background: url("../img/nongyeonebg.jpg") center no-repeat;}

div.nongyeone{ width: 1280px; height: 624px; margin: auto; position: relative; padding-top: 47px;}

div.nongyeone_en{ width: 100%; height: 51px; line-height: 51px; text-align: right; color: #3754b2; font-size: 48px; font-weight: 700; font-family: 'goth500';}

div.nongyeone_cn{ width: 100%; height: 48px; line-height: 48px; text-align: right;  font-size: 36px; font-weight: 700; background-image: linear-gradient( to right, #3654b2 , #0773d6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;}

div.nongyemain{ width: 914px; height: auto; margin: auto;margin-top: 56px;}

div.nongyelistpic{ width: 100%; height: auto; border: 15px solid #fff;}

div.nongyelistpic img{  width: 100%; height: auto;}

div.nongyeonebutton{ width: 94px; height: 40px; margin: auto; margin-top: 35px; display: flex; flex-flow: nowrap;justify-content: space-between;}

div.nongyeonebuttonl{ width: 40px; height: 40px;  background: #96cbfd; border-radius: 100%;outline: none; cursor: pointer;  transition: all 0.36s ease-in-out;}

div.nongyeonebuttonl div.nongyeonebuttonljt{ background: url("../img/nongyejt1.png") center no-repeat; width: 100%; height: 100%;}

div.nongyeonebuttonl:hover{ background: #3b87dc;}

div.nongyeonebuttonr{ width: 40px; height: 40px;  background: #96cbfd; border-radius: 100%; outline: none; cursor: pointer; transition: all 0.36s ease-in-out;}

div.nongyeonebuttonr div.nongyeonebuttonljt{ background: url("../img/nongyejt2.png") center no-repeat; width: 100%; height: 100%;}

div.nongyeonebuttonr:hover{ background: #3b87dc;}

div.nongyexie1{ width: 42px; height: 34px; background: url("../img/nongxie.png") center no-repeat; position: absolute; left: 118px; top: 133px; animation: gywmfivebgxiexz 1.3s linear infinite alternate;}

div.nongyexie2{ width: 42px; height: 34px; background: url("../img/nongxie.png") center no-repeat; position: absolute; right: 178px; bottom: 33px; animation: gywmfivebgxiexz1 1.3s linear infinite alternate;}

div.nongyecontentbk{ width: 98%; max-width: 1280px; margin: auto; padding: 57px 0;    line-height: 36px;text-indent: 2em; color: #545b65; font-size: 16px;font-weight: 100;}

div.nongyecontentbk img{ max-width: 100%;}

div.nongyeadbanner{ width: 100%;height: auto;}

div.nongyeadbanner img{ max-width: 100%;}

div.zizhiback{ width: 1280px; height: 750px; margin: auto; margin-top: 92px; padding-top: 88px; padding-left: 223px; background: url("../img/zizhibg.jpg") center no-repeat; margin-bottom: 110px;}

div.zizhiswiper{ width: 438px; height: auto; position: relative;}

div.zizhipic{ width:100%; height: auto;}

div.zizhipic img{ width: 100%;}

div.zizhititle{ width: 100%; height: 65px; line-height: 65px; text-align: center; overflow: hidden; color: #ffffff; font-size: 16px; background: #ee7143; font-weight: 700;}

div.zizhileftjt{ width: 40px; height: 40px; position: absolute; border-radius: 50%; background:url("../img/zizhileft.png") #f2af96 center no-repeat; top: 247px; left: -20px; outline: none; cursor: pointer; transition: all 0.36s ease-in-out;z-index: 99;}

div.zizhileftjt:hover{ background:url("../img/zizhileft.png") #ee7143 center no-repeat; }

div.zizhirightjt{ width: 40px; height: 40px; position: absolute; border-radius: 50%; background:url("../img/zizhiright.png") #f2af96 center no-repeat; top: 247px; right: -20px; outline: none; cursor: pointer; transition: all 0.36s ease-in-out; z-index: 99;}

div.zizhirightjt:hover{ background:url("../img/zizhiright.png") #ee7143 center no-repeat; }

div.dangjianlist{ width: 24%; height: auto; float: left; margin-bottom: 67px; margin-left: 1.3%;}

div.dangjianlistpicbk{ width: 100%; height: auto; border-top-left-radius: 7px; border-top-right-radius: 7px;  overflow: hidden;}

div.dangjianlistpicbk img{ width: 100%; height: auto;}

div.dangjianlistbottom{ width: 100%; height: auto; padding: 18px 0 13px; background: #e83821;  border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

div.dangjianlistbottom_1{ width: 100%; height: 28px; line-height: 28px; text-align: center;  color: #ffffff; font-size: 24px;font-family: "Noto Serif SC";}

div.dangjianlistbottom_1 img{ display: inline; margin-right: 4px;    position: relative;
    top: -5px;
}

div.dangjianlistbottom_2{ width: 100%; height: 32px; line-height: 32px; text-align: center; color: #ffffff; font-size: 14px;}



div.nyxxback{ width:100%; max-width: 960px;  height:auto; margin:auto; margin-bottom:15px; padding-top: 50px; margin-top: 35px;}

div.nyxxback33{ width:100%; max-width: 960px;  height:auto; margin:auto; margin-bottom:15px;  }



div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#323232; font-size:36px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

div.xinwenxxtopcontent img{  max-width:100%; }

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.nybannerback img{ width:100%; transition:all 0.36s ease-in-out; transform:scale(1.3);filter: blur(4px);}

div.nybannerback img.nybannerpicshow{ width:100%; transition:all 2s ease-in-out; transform:scale(1);filter: blur(0);}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f3f3f3 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 960px;}

div.yuekanniantop{ width:100%; height:51px; background:url(../img/yuekannianbg.jpg) center no-repeat;}

div.yuekannianflex{ display:flex;justify-content: space-around; flex-flow:nowrap; width:100%;}

div.yuekanniannav{  height:51px; line-height:51px; color:#393a3a; font-size:30px; font-weight:700;}

div.yuekanniannav a{ color:#393a3a; transition:all 0.36s ease-in-out;}

div.yuekanniannav a span{ display:inline-block; width:31px; height:31px; line-height:31px; text-align:center; background:#e7e5e8; border-radius:50%; font-size:16px; font-weight:100; margin-left:9px;   position: relative; top: -6px;}

div.yuekanniannav:hover a{ color:#ed3632;}

div.yuekanniannav:hover span{ background:#ed3632; color:#fff;}


div.yuekanniannavhover a{ color:#ed3632;}

div.yuekanniannavhover a span{ background:#ed3632; color:#fff;}

div.yuekannianfenz{ width:17px; height:12px; position:absolute; left:0; background:url(../img/yuekanzuojt.png) center no-repeat; cursor:pointer; top:50%; margin-top:-6px; outline:none;z-index:10;}

div.yuekannianfenr{ width:17px; height:12px; position:absolute; right:0; background:url(../img/yuekanyoujt.png) center no-repeat; cursor:pointer; top:50%; margin-top:-6px; outline:none; z-index:10;}

div.yuekanlist{ width:29.7%; height:auto; float:left; margin-top:64px;    margin-left: 5.45%;}

div.yuekanlistpic{ width:100%; height:auto; overflow:hidden; border-radius:7px;}


div.yuekanlistpic img{ width:100%; transition:all 0.36s ease-in-out;}

div.yuekanlist:hover div.yuekanlistpic img{ transform:scale(1.05);}

div.yuekanlist_t{ width:100%; height:44px; margin-top:23px; line-height:44px; color:#393a3a; font-size:18px; font-weight:700;}
div.yuekanlist:hover div.yuekanlist_t{ color:#ed3632;}
div.yuekanlist_time{ width:100%; height:36px; line-height:36px; color:#939191; font-size:14px; margin-bottom:36px;}

div.yuekanneiyetop{  padding-top:54px; padding-bottom:45px; line-height:77px;}

div.yuekanneiyetopleft{  float:left; width:50%; color:#3d3d3d; font-size:36px; font-weight:700;}

div.yuekanneiyetopright{ float:right; width:50%; color:#939191; font-size:14px; font-weight:100; text-align:right;}


.dsjList {
    background: url(../img/bgDsjLine.png) 6px 0 repeat-y;
    background-size: 2px 100%;
    margin: 0 0 30px 0;
}
.dsjList li {
    padding: 0 0 30px 50px;
    position: relative;
}
.dsjList li i {
    width: 14px;
    height: 14px;
    border: 2px solid #e60012;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 19px;
    background: #fff;
}
.dsjList li span {
    display: block;
    width: 19px;
    height: 17px;
    background: url(../img/icoDasj.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 32px;
    top: 26px;
}
.dsjList li div {
    border: 1px solid #ddd;
    padding: 20px 30px;
}
.dsjList li div h1 {
    font-size: 20px;
    line-height: 30px;
}
.dsjList li div p {
    background: url(../img/icoP.png) 0 13px no-repeat;
    line-height: 30px;
    padding: 0 0 0 10px;
}