/* Montserrat */
@font-face {
	font-family: 'Montserrat-light';
	font-style: normal;
	font-weight: 300;
	src: url('font/montserrat light.eot'); /* IE9 Compat Modes */
	src: url('font/montserrat light.eot') format('embedded-opentype'), /* IE6-IE8 */
		 url('font/montserrat light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('font/montserrat light.woff') format('woff'), /* Modern Browsers */
		 url('font/montserrat light.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('font/montserrat light.svg#montserrat') format('svg'); /* Legacy iOS */
 }
@font-face {
  font-family: "Montserrat-Medium";
  src: url("font/Montserrat-Medium.woff2") format("woff2"),
       url("font/Montserrat-Medium.woff") format("woff"),
       url("font/Montserrat-Medium.ttf") format("truetype"),
       url("font/Montserrat-Medium.eot") format("embedded-opentype"),
       url("font/Montserrat-Medium.svg") format("svg"),
       url("font/Montserrat-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
 @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('font/montserrat regular.eot'); /* IE9 Compat Modes */
	src: url('font/montserrat regular.eot') format('embedded-opentype'), /* IE6-IE8 */
		 url('font/montserrat regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('font/montserrat regular.woff') format('woff'), /* Modern Browsers */
		 url('font/montserrat regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('font/montserrat regular.svg#montserrat') format('svg'); /* Legacy iOS */
 }

 @font-face {
	font-family: 'Montserrat-bold';
	font-style: normal;
	font-weight: 700;
	src: url('font/Montserrat-bold.eot'); /* IE9 Compat Modes */
	src: url('font/Montserrat-bold.eot') format('embedded-opentype'), /* IE6-IE8 */
		 url('font/Montserrat-bold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('font/Montserrat-bold.woff') format('woff'), /* Modern Browsers */
		 url('font/Montserrat-bold.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('font/Montserrat-bold.svg#montserrat') format('svg'); /* Legacy iOS */
 }
 @font-face {
	font-family:geometria;
	src:url(font/geometria-light-webfont.woff2)format('woff2'),
	url(font/geometria-light-webfont.woff)format('woff');
	font-weight:300
}

@font-face {
	font-family:geometria;src:url(font/geometria.woff2)format('woff2'),url(font/geometria.woff)format('woff');font-weight:400
}

@font-face {
	font-family:geometria;src:url(font/geometria-medium.woff2)format('woff2'),url(font/geometria-medium.woff)format('woff');font-weight:600
}


*{margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  color: #333;
  font: 14px/1.7 Montserrat-Medium, source-han-sans-simplified-c, "Pingfang SC", Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
  background: transparent;
}



h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,form,span,input,a,div{ 
	margin:0px; 
	padding:0px; 
	font-style:normal; 
	border:0;
}	
img {
    border:0px;
    border:none;
}
ol,ul,li{
    list-style:none;
}
a {
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease; 
    text-decoration:none; 
    outline:none;
    color: #333;
	font-family: Montserrat-Medium, source-han-sans-simplified-c, "Pingfang SC", Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;;
}
.w1280 {
	width:1280px;
}
.w100 {
	width:100%; 
}
.w90 {
	width: 90%;
}
.md {
	margin:0 auto;
}
.fl {
	float:left;
}
.fr,.rt {
	float:right;
}
.clear {
	clear:both;
}
ul::after {
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	overflow: hidden;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	clear:both;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
img {
	border: 0;
	vertical-align: middle; 
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input,select,textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0
}
input:focus,button:focus,textarea:focus {
	outline: none
}
input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear {
	display: none
}
input, button, select {
    font-size:100%; 
    box-sizing:border-box;
    margin:0; 
    padding:0; 
    vertical-align:middle;
    outline:none;
    line-height:normal; 
    color:#666;
	border: none;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
input, textarea, button, select {
	-webkit-border-radius:0; 
	-moz-border-radius:0; 
	-o-border-radius:0; 
	border-radius:0;
}


 

.loading .top,.loading .bottom,
{
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s
}


.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background: #eee;
	   /* background: url(/css/about/top2.jpg) no-repeat center;
	    background-size: cover;*/
	z-index: 10000000
}

.loading .line {
	position: absolute;
	bottom: calc(50% - 200px);
 
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 3px;
	background-color: rgba(112,112,112,0.4);
	background-color: #b5b5b5;
	z-index: 200;
 display: block!important;
}

.loading .progress {
	position: absolute;
	bottom: calc(50% - 200px);
 
	left: 50%;
	width: 100%;
	width: 50%;
	width: 0;
	height: 3px;
	margin-left: -50px;
	max-width: 100px;
	margin-top: 0px;
	background-color: #002d74;
 display: block!important;
	z-index: 400;
}
.loading .percent span{
	padding: 0 20px;
	background: #fff;
	background: #eee;
}
.loading .percent {
	position: absolute;
	top: 60%;
	left: 50%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	font-size: 20px;
	text-align: center;
	z-index: 600;
	font-weight: 700
}

.loading .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 55%;
	-moz-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	-o-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	-webkit-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	/*background-color: #fff;
	background: #eee;
	    background: url(/css/about/top.jpg) no-repeat center;*/
}

.loading .top.animate {
	/*-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)*/
}

.loading .top .p {
	font-size: 14px;
	color: #000;
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-weight: 500
}
.loading .top .p img {
	opacity: 1;width: 180px;
	    animation: float2 3s ease-in-out infinite;
 
}
.logo_motion_lay {
	animation: logo_motion 1s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28);
    height: 59px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 50%;
    width: 100%;
    text-align: center;
    margin-left: -137.5px;
}
.logo_motion_lay i {
    width: 300px;
    height: 61px;
    opacity: 1;
    display: block;
    /*background: url(../images/foot-logo1.png) transparent no-repeat;
    background-size: contain;*/
}

@keyframes logo_motion {
	0% {
	  width: 0;
	}
	100% {
	  width: 273px;
	}
  }

.loading .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #fff;
	background-color: #eee;
	-moz-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	-o-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	-webkit-transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
	transition: all 1.2s cubic-bezier(0.32, 0.17, 0, 1)
}


.loading .bottom.animate {
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.loading .bottom p {
	font-size: 16px;
    color: #333;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500
}


.loading {
 
}

.loading .op01 {
	 -webkit-animation: op01 2.5s ease-in;
	 animation: op01 2.5s ease-in;
	 
	 animation-delay: 0s;
	/*animation-delay: 500000000000000s; */
	 animation-iteration-count:1;
	 -moz-animation-iteration-count:1;
	 -webkit-animation-iteration-count:1;
	 -o-animation-iteration-count:1;
	 animation-fill-mode: forwards; 
	 -moz-animation-fill-mode: forwards; 
	 -webkit-animation-fill-mode: forwards; 
	 -o-animation-fill-mode: forwards;
}
@-webkit-keyframes op01 {
0% {
  opacity: 0;
}

100% {opacity: 1;
}
}
@keyframes op01 {
   0% {
     opacity: 0;
   }
   
   100% {opacity: 1;
   }
}
.loading ul {
	width: 440px;
	height: 320px;
	margin: 18% auto 0;
	background:  url('../images/logo1/logo2.png') no-repeat center -10px;
	background-size: 415px;
	
}
/*.loading div{
	text-align:center;
	color:#666
}*/
.loading ul li{
	height: 200px;
	float: left;
	width: 110px;
	background:  url('../images/logo1/1.png') no-repeat 12px top;
	background-size: auto 100px;
	
}
.loading ul .li1 {
	transition-delay: 0.1s;
	-webkit-animation:left200 2s forwards ease-out;
	animation: left200 2.5s forwards ease-out;
}
.loading ul .li2 {
	float: left;
 
	background:  url('../images/logo1/2.png') no-repeat 21px top;
	background-size: auto 100px;
	transition-delay: 0.3s;
	-webkit-animation:left100 2s forwards ease-out;
	animation: left100 2.5s forwards ease-out;
}
.loading ul .li3 {
	float: left;
	 
	background:  url('../images/logo1/3.png') no-repeat 18px top;
	background-size: auto 100px;
	transition-delay: 0.3s;
	-webkit-animation:right100 2s forwards ease-out;
	animation: right100 2.5s forwards ease-out;
}
.loading ul .li4 {
	float: left;
 
	background:  url('../images/logo1/4.png') no-repeat 20px top;
	background-size: auto 100px;
	transition-delay: 0.3s;
	-webkit-animation:right200 2s forwards ease-out;
	animation: right200 2.5s forwards ease-out;
}

@-webkit-keyframes left200 {
0% {
transform: translatex(-200px);
}

100% {
transform: translatex(0px);
}
}
@keyframes left200 {
  0% {
  transform: translatex(-200px);
  }
  
  100% {
  transform: translatex(0px);
  }
}
@-webkit-keyframes left100 {
0% {
transform: translatex(-100px);
}

100% {
transform: translatex(0px);
}
}
@keyframes left100 {
  0% {
  transform: translatex(-100px);
  }
  
  100% {
  transform: translatex(0px);
  }
}
@-webkit-keyframes right200 {
0% {
transform: translatex(200px);
}

100% {
transform: translatex(0px);
}
}
@keyframes right200 {
  0% {
  transform: translatex(200px);
  }
  
  100% {
  transform: translatex(0px);
  }
}
@-webkit-keyframes right100 {
0% {
transform: translatex(100px);
}

100% {
transform: translatex(0px);
}
}
@keyframes right100 {
  0% {
  transform: translatex(100px);
  }
  
  100% {
  transform: translatex(0px);
  }
}




/*
#nav {
    left: 0px;
    list-style: none;
    margin: 0;
    position: fixed;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}
#nav li {
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 21px;
	border-bottom: none;
    transition: all 0.1s;
}
#nav li::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 30px;
    margin-right: 21px;
    vertical-align: super;
    background-color: rgba(196, 196, 196, 0.8);
}


#nav a { display: block;	 text-decoration: none;text-transform: uppercase;
text-align: left;
font-size: 14px;
padding: 5px 10px 5px 50px;
text-shadow: 0;
border-top: 0px solid #eee;
color: #fff;
content: '';
position: relative;
opacity: 0;
}
#nav:hover a {opacity: 1;}

/*
#nav a::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 16px;
	width: 40px;
	height: 1px;
	background: #eee;
}

#nav .current a { color: #002d74;
border-top: 0px solid #333;
/*text-shadow: inherit;*
background: #fff;
opacity: 1;
}
#nav a:hover {
	opacity: 1;
	background: #fff;
	color: #002d74;
}
*/


.left-side-nav {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    height: 314px;
    width: 178px;
    margin: auto 0;
    /* will-change: auto; */
    cursor: pointer;
  }
  .left-side-nav li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 21px;
    border-bottom: none;
    transition: all 0.3s;
  }
  .left-side-nav li::before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 30px;
    margin-right: 15px;
    vertical-align: super;
    background-color: transparent;
  }
  .left-side-nav:hover li::before {
	background-color: rgba(196, 196, 196, 0.8);
  }
  .left-side-nav:hover li.current::before {
	background-color: #002d74;
  }


  .left-side-nav li a {
    display: none;
    text-decoration: none;
	font-size: 15px;
  }
  .left-side-nav:hover li,
  .left-side-nav .current.fir li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(196, 196, 196, 0.3);
  }
  .left-side-nav:hover li.last,
  .left-side-nav .current.fir li.last {
    border-bottom: none;
  }
  .left-side-nav:hover a,
  .left-side-nav .current.fir a {
    display: inline;
    color: #a2a2a2;
  }
  .left-side-nav:hover {
    /* will-change: content; */
  }
  .current.fir {
    padding-left: 0;
  }
  .current.fir::before {
    width: 51px;
    background-color: #fff;
  }
  .current.fir a {
    color: #fff !important;
    display: inline;
  }
  .current.two,
  .current.last {
    padding-left: 0;
  }
  .current.two::before {
	background-color: #002d74;
	width: 51px;
  }

  .current.last::before {
    width: 51px;
    background-color: #002d74;
  }

  .current.two a {
    color: #002d74 !important;
    display: inline;
  }

  .current.last a {
    color: #002d74 !important;
    display: inline;
  }
  .current.three,
  .current.four,
  .current.five {
    padding-left: 0;
  }
  .current.three::before,
  .current.four::before,
  .current.five::before {
    width: 51px;
    background-color: #fff;
  }
  .current.three:before,
  .current.four:before,
  .current.five:before {
    background-color: #002d74;
  }
  .current.three a,
  .current.four a,
  .current.five a {
    color: #002d74 !important;
    display: inline;
  }
  .current.three a {
  	color: #fff !important;
  }
  .current.three:before {
  	background-color: #fff;
  }
  
  .main_head {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.main_head .menu{
	padding-left: 100px;
}

.main_head .logo {
	position: absolute;
	left: 5%;
	top: 22px;
	top: 12px;
	z-index: 2;
	background: url(../images/foot-logo1-w.png) no-repeat left center;
    width: 340px;
    background-size: 285px;
    height:50px;
}
.main_head .logo a {
	display: block;
	width: 100%;
	height: 50px;
}

.main_head.on .logo {
	background: url(../images/foot-logo1.png) no-repeat left center;
	background-size: 285px;
    top: 12px;
}
.main_head .logo img {
	width: 180px;
	display: none;
}
.main_head .menu .main-menu {
	text-align: center;
	margin-top: 20px;
}
.main_head .menu .main-menu li {
	display: inline-block;
    padding-left: 22px;
    padding-right: 22px;
	position: relative;
	
}
.main_head .menu .main-menu li:hover {
	padding-bottom: 30px;
}
.main_head .menu .main-menu li a {
	color: #fff;
	font-size: 17px;
	display: block;
	position: relative;
}
.main_head.on .menu .main-menu li a {color: #333;}

.main_head .main-menu li a .text-wrap {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
    overflow: hidden;
}
.main_head .main-menu li a .text {
	font-family: Montserrat-Medium, source-han-sans-simplified-c, "Pingfang SC", Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
    font-size: 17px;
    display: block;
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    transition: opacity .4s,-webkit-transform .4s;
    -o-transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s,-webkit-transform .4s;
}
.main_head .main-menu li a:hover .text {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
}
.main_head .main-menu li a:hover .text-wrap:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.main_head .main-menu li a .text-wrap:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    transition: opacity .4s,-webkit-transform .4s;
    -o-transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s;
    transition: transform .4s,opacity .4s,-webkit-transform .4s;
}

.main_head .menu .main-menu li a::after {
	content: "";
    display: block;
    background: #002d74;
    width: 0;
    height: 7px;
    opacity: 0.5;
    position: absolute;
    bottom: 4px;
    z-index: -1;
	-webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out; 
}
.main_head .menu .main-menu li a:hover::after{
	width: 100%;
}
.main_head .main-menu li svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    width: 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main_head .main-menu li path {
    stroke-dashoffset: 530;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	fill: none;
    stroke: #000;
    stroke-dasharray: 530;
    stroke-width: 1;
}
.main_head .main-menu li:hover path, 
.main_head .main-menu li.active path {
    -webkit-animation: pathFill 1.2s ease;
    animation: pathFill 1.2s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes pathFill {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes pathFill {
    to {
        stroke-dashoffset: 0;
    }
}

/*xiala*/
.main-menu li .subnav {
	position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    background: rgba(4, 4, 4, 0.3);
    border-radius: 5px 5px 5px 5px;
	z-index: 10;
	text-align: center;
	opacity: 0;
	overflow: hidden;
    height: 0;
	transition: all .5s;
    -webkit-transition: all .5s;
	padding: 5px 0 8px;
}
.main_head .menu .main-menu li .subnav a {
	color: #fff;
	font-size: 16px;
    position: relative;
    padding: 5px 0px;
}
.main-menu li:hover .subnav {
	opacity: 1;
	height: auto;
	overflow:visible;
}
.main_head .menu .main-menu li .subnav a::after {
	display: none !important;
}
.main_head .menu .main-menu li .subnav a span {
	position: relative;
}
.main_head .menu .main-menu li .subnav a span::after {
	content: "";
    display: block;
    background: #91a3d8;
    width: 0;
    height: 7px;
    opacity: 0.5;
    position: absolute;
    bottom: 1px;
    z-index: -1;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    left: 50%;
    transform: translateX(-50%);
}
.main_head .menu .main-menu li .subnav a:hover span::after {
	width: 110%;
}
.on .main-menu li .subnav {
	top: 55px;
    background: rgb(255 255 255);
    border-radius: 0px 0px 5px 5px;
}
.main_head.on .menu .main-menu li .subnav a {
    color: #333;
}
.main_head.on .menu .main-menu li .subnav a span::after {
	background: #1252af;
}

#headers {
    width: 100%;
    height: 75px;
    margin: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    transition: all .4s;
    -webkit-transition: all .4s;
}
#headers {
    background-color: transparent; 
    box-shadow: none;
}

#headers.on {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    /* box-shadow: 0 0 5px rgba(0, 0, 0, .2); */
}

.hamburger {
	position: absolute;
	right: 50px;
	top: 0px;
	z-index: 2;
	cursor: pointer;
	color: #fff;
	transition: .3s;
}
.out .hamburger {
	width: 50px;
    height: 50px;
    padding-top: 15px;
    padding-left: 8px;
    border-radius: 100%;
    background: #242973;	
}
.hamburger .ico-menu {
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 13px;
    position: relative;
}
.hamburger .ico-menu .bar {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    overflow: hidden;
	transition: all 0.5s ease-out;
}
.hamburger .ico-menu .bar:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    transition: .3s;
}
.hamburger .ico-menu .bar:nth-child(1) {
    top: 0;
}
.hamburger .ico-menu .bar:nth-child(2) {
    top: 4px;
}
.hamburger .ico-menu .bar:nth-child(3) {
    top: 8px;
}

.out .hamburger .ico-menu .bar:nth-child(1) {
	-webkit-transform: translateY(3px) translateX(0) rotate( -45deg);
	-ms-transform: translateY(3px) translateX(0) rotate(-45deg);
	transform: translateY(3px) translateX(0) rotate( -45deg);
}
.out .hamburger .ico-menu .bar:nth-child(2) {
	opacity: 0;
}
.out .hamburger .ico-menu .bar:nth-child(3) {
	-webkit-transform: translateY(-3px) translateX(0) rotate( 45deg);
    -ms-transform: translateY(-3px) translateX(0) rotate(45deg);
    transform: translateY(-5px) translateX(0) rotate( 45deg);
}
.out .hamburger:hover .bar:after,
.master_hide.out .hamburger:hover .bar:after {
    background: #fbfbfb;
}
.out .hamburger:hover,
.master_hide.out .hamburger:hover{
    color: #fff;
}

.ico-menu .bar:nth-child(1):after {
    transition-delay: .1s;
}
.ico-menu .bar:nth-child(2):after {
    transition-delay: .2s;
}
.ico-menu .bar:nth-child(3):after {
    transition-delay: .3s;
}
.hamburger span {
    transition: all .3s ease-in-out;
}

.hamburger:hover .ico-menu .bar:after {
    left: 0;
}
.hamburger:hover .bar:after {
    background: #333;
}
.master_hide .main_head .hamburger .bar:after {
    background: #333;
	left: 0;
}
.master_hide.out .main_head .hamburger .bar:after {
	background: #fff;
	left: 0;
}

.hamburger:hover {
	color: #333;
}
.master_hide .hamburger {
    color: #333;
}
.master_hide.out .hamburger {color: #fff;}

.home_banner {
	background-position: center;
	background-size: cover;
	height: 100vh;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 10;
}

@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}

@keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}
@-webkit-keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}

@keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
@-webkit-keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}

@keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}
@-webkit-keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}

@keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}
@-webkit-keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}



#main_visual {overflow:hidden;position: relative;width:100%;height:100%;}

#main_visual .viewer_area {width:100%; height:100%;}
#main_visual .viewer_area .slick-arrow {position: absolute;bottom: 0;}
#main_visual .slick-list {width:100%; height:100%;}
#main_visual .slick-list .slick-track {width:100%; height:100%;}
#main_visual .slick-list .slick-slide {width:100%; height:100%;}
#main_visual .slick-list .slick-slide>div {overflow: hidden;width:100%;height:100%;}
#main_visual .images_fade {width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .images_fade .bgimg {position:absolute; left:0; top:0; width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .slick-active .images_fade .bgimg {transform: scale(1.1);-webkit-transform: scale(1.1);animation: bg 12s linear 1; -webkit-animation: bg 12s linear 1;}
#main_visual .images_fade1 .bgimg {background-image:url(/images/visual01.jpg);}
#main_visual .images_fade2 .bgimg {background-image:url(/images/visual02.jpg);}
#main_visual .images_fade3 .bgimg {background-image:url(/images/visual03.jpg);}
#main_visual .images_fade4 .bgimg {background-image:url(/images/visual04.jpg);}
#main_visual .images_fade .bgimg::after {
	content: "";
	position: absolute;
	background: linear-gradient(250deg, transparent 10%, rgb(0 0 0 / 30%));
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#main_visual .tiptxt {position:absolute;left:50px;bottom:45px;z-index: 10;padding:12px 45px 11px 45px;border-radius:30px;background:rgba(0,0,0,.5);}
#main_visual .tiptxt span {display:block; position:relative; color:#fff; }
#main_visual .tiptxt span:before {display:block;position:absolute;left: -15px;top: 8px;content:'';width:5px;height:5px;border-radius:50%;background:#1aa59f;}
#main_visual .tiptxt2 {position:absolute;top: 50%;right: 150px;z-index:10;color:#fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#main_visual .tiptxt2 strong {display:block;line-height: 1.2;margin: 0 0 10px;font-weight:bold;font-size: 48px;text-shadow: 2px 2px 6px rgb(0 0 0 / 40%);}
#main_visual .tiptxt2 p {font-size:20px;text-shadow: 2px 2px 6px rgb(0 0 0 / 40%);}
#main_visual .tiptxt2 p span {display:block; }

#main_visual .pagingbox {
	position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 10;
    transform: translateX(-50%);
}
#main_visual .paging {}
#main_visual .paging .inner {display: inline-block;position:relative;margin-right: 10px;}
#main_visual .paging .slick-dots {display:inline-block;position: relative;top: -4px;width: 300px;height: 1px;background: rgba(255, 255, 255, 0.3);}
#main_visual .paging .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .paging .slick-dots li {display:inline-block;float:left;position: absolute;left:0;bottom:0;width:0;height: 100%;background: #fff;}
#main_visual .paging .slick-dots li.slick-active {width: 100%;-webkit-animation: ProgressDots 10s both;animation: ProgressDots 10s both;}
#main_visual .paging .slick-dots li button {display:none;}
#main_visual .paging >button {display:inline-block;margin: 0;font-size: 0;}

#main_visual .paging >button[data-control="stop"]:before{width: 3px;height: 12px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .paging >button[data-control="play"]:before{right: -2px;width: 0;height: 0;border-width: 6px 0 6px 9px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .paging .total {display:inline-block;margin: 0 5px 0 15px;}
#main_visual .paging .total span {display:inline-block;line-height:25px;font-size:15px;color: rgba(255,255,255,.5);}
#main_visual .paging .total span.current {font-size:15px; font-weight:bold; color:#fff;}
#main_visual .paging .total span.current:before,
#main_visual .paging .total span.count:before {display:inline-block; content:"0"; font-size:15px;}
#main_visual .paging .total span.line {margin:0 5px 0 3px;}

#main_visual .paging .slick-arrow {
	display:inline-block !important;
	cursor: pointer;
	position:relative; 
	width:25px; 
	height:25px; 
	margin:0 10px;
	background:url(../images/arr5.png)no-repeat;
	font-size:0; 
	vertical-align:top;
}
#main_visual .paging .slick-prev {}
#main_visual .paging .slick-next:before {display:block; position:absolute; top:50%; left:-10px;  content:''; width:1px; height:10px; margin-top:-5px; background:rgba(255,255,255,.5);}
#main_visual .paging .slick-next {background-position:-25px 0;}

.home_banner .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.home_banner .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.home_banner .slick-list:focus {
	outline: 0
}
.home_banner .slick-list.dragging {
	cursor: pointer
}

.home_banner .slick-slider .slick-list,
.home_banner .slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}
.home_banner .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.home_banner .slick-track:after,
.home_banner .slick-track:before {
	display: table;
	content: ''
}
.home_banner .slick-track:after {
	clear: both
}
.home_banner .slick-loading .slick-track {
	visibility: hidden
}
.home_banner .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir=rtl] .slick-slide {
	float: right
}
.home_banner .slick-slide img {
	display: block
}
.home_banner .slick-slide.slick-loading img {
	display: none
}
.home_banner .slick-initialized .slick-slide {
	display: block
}
.home_banner .slick-loading .slick-slide {
	visibility: hidden
}
.home_banner .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.home_banner .slick-arrow.slick-hidden {
	display: none
}
.home_banner .slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}

.section1 {position:relative;overflow:hidden;min-height: 100vh;}



.section1 .side_box {display:none;}

.section1 .logo-img {
	position: absolute;
    width: 450px;
    left: 20%;
    margin-left: -200px;
    top: 22%;
}
.section1 .logo-img img {
	width: 70%;
	opacity: 0.6;
	animation: float1 6s ease-in-out infinite;
}
@-webkit-keyframes float1 {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
    opacity: .6;
  }
  50% {
    transform: translatey(-10px);     
    opacity: .1;
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
    opacity: .6;
  }
}
@-moz-keyframes float1 {
  0% {
    transform: translatey(0px);
    transform: translatex(0px);
    opacity: .4;
  }
  50% {
    transform: translatey(-5px);     
    opacity: .1;
  }
  100% {
    transform: translatey(0px);
    transform: translatex(0px);
    opacity: .4;
  }
}
@-o-keyframes float1 {
 0% {
   transform: translatey(0px);
   transform: translatex(0px);
   opacity: .4;
 }
 50% {
   transform: translatey(-5px);     
   opacity: .1;
 }
 100% {
   transform: translatey(0px);
   transform: translatex(0px);
   opacity: .4;
 }
}
@keyframes float1 {
 0% {
   transform: translatey(0px);
   transform: translatex(0px);
   opacity: .4;
 }
 50% {
   transform: translatey(-5px);     
   opacity: .1;
 }
 100% {
   transform: translatey(0px);
   transform: translatex(0px);
   opacity: .4;
 }
}

@-webkit-keyframes float2 {
  0% {
    opacity: 1;
  }
  50% { 
    opacity: .3;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes float2 {
  0% {
    opacity: 1;
  }
  50% { 
    opacity: .3;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes float2 {
 0% {
   opacity: 1;
 }
 50% { 
   opacity: .3;
 }
 100% {
   opacity: 1;
 }
}
@keyframes float2 {
 0% {
   opacity: 1;
 }
 50% { 
   opacity: .3;
 }
 100% {
   opacity: 1;
 }
}
.scroll-downs {
	position: absolute;
    bottom: 50px;
    right: 100px;
}
.section1 .scroll-downs .scroll-circle{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-animation: 15s rotate infinite normal linear;
    animation: 15s rotate infinite normal linear;
	background: url(../images/scroll.png) 50% center / contain no-repeat;
}
.section1 .scroll-downs .hero {
	-webkit-animation: horizontalMaskAnim 2s cubic-bezier(.19,1,.22,1) 0s infinite;
    animation: horizontalMaskAnim 2s cubic-bezier(.19,1,.22,1) 0s infinite;
    background-image: url(../images/arrow_wh.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 70px 10px;
    bottom: 25px;
    height: 10px;
    position: absolute;
    right: 50%;
    transform: rotate(90deg);
    transform-origin: right bottom;
    width: 90px;
}


@-webkit-keyframes horizontalMaskAnim {
	0% {
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0)
	}

	25% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	75% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 100%);
		clip-path: inset(0 0 0 100%)
	}
}

@keyframes horizontalMaskAnim {
	0% {
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0)
	}

	25% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	75% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0)
	}

	to {
		-webkit-clip-path: inset(0 0 0 100%);
		clip-path: inset(0 0 0 100%)
	}
}


@-webkit-keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
	  transform: rotate(-360deg);
	}
  }
  @keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
	  transform: rotate(-360deg);
	}
  }
  
  .sobue__wave {
	position: absolute;
	bottom: 28%;
	width: 100%;
	height: 100px;
	z-index: 999;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
  }
  .sobue__wave.is-last {
	visibility: hidden;
	opacity: 0;
  }
  .waveCanvas #waveCanvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

.scroll-down {
	width: 35px;
	height: 60px;
	position:absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.scroll-down .line {
	background-color: #fff;
	content: '';
	height: 100%;
	width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
.scroll-down .dote {
	background-color: #002d74;
    border-radius: 50%;
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    left: 1px;
    right: 0;
    top: -8px;
    margin: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);	
	-webkit-animation: scrolling 1.8s infinite;
	animation: scrolling 1.8s infinite;
}
@-webkit-keyframes scrolling{
	0%{
	-webkit-transform:translateY(0);
	transform:translateY(0)}
	100%{
	-webkit-transform:translateY(70px);
	transform:translateY(70px)}
}

@keyframes scrolling{
	0%{
	-webkit-transform:translateY(0);
	transform:translateY(0)
	}
	100%{
	-webkit-transform:translateY(70px);
	transform:translateY(70px)
	}
}

.section1 .cn_txt {
	position: absolute;
    width: 100%;
    top: 35%;
    margin-left: 20%;
}	
.section1 .zk-txt {margin-top: 10px;}
.layer2 {
    background-size: cover;
    background-position: center;
    /* position: absolute; */
    width: auto;
    height: auto;
    /* top: 50%; */
    font-size: 60px;
    color: #fff;
    text-align: left;
    /* margin-top: -40px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.layer2 h2 {
	width: auto;
    /*margin-left: -350px;*/
	font-weight: bold;
}
.layer2 h2 span{
	font-weight: bold;
	padding: 0 3px;
}
.layer3 {
    /* background-image: url(../images/txt.png); */
    background-size: 52%;
    background-position: center;
    /* position: absolute; */
    width: 100%;
    /* height: 200px; */
    /* top: 23%; */
    font-size: 60px;
    color: #fff;
    text-align: left;
    background-repeat: no-repeat;
    z-index: 99;
}
.layer3 h2 {
	font-size: 58px;
    line-height: 78px;
    text-transform: capitalize;
	font-weight: bolder;
	font-family: "Montserrat-bold";
}
.layer3 h2 b {
	text-transform: uppercase;
	font-family: "Montserrat-Medium";
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 70px;
}
.cd-intro {
	position: absolute;
    top: 50%;
    /* transform: translateY(-50%); */
    /* left: 20%; */
    /* transform: translateX(-50%); */
    margin-top: 45px;
    color: #fff;
    color: #a3b6d8;
    margin-left: 480px;
}
  

.about-seciton2 {
	position: relative;
	padding: 8% 0 0%;
	padding-left: 10%;
	overflow: hidden;
}
.about-seciton2 .top-t {
	padding-bottom: 40px;
    position: relative;
    z-index: 9;
}
.about-seciton2 .top-t h2 {
	font-size: 50px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	color: #002d74;
	font-family: 'Montserrat-bold';
}
.about-seciton2 .top-t h4 {
	font-size: 40px;
    font-weight: normal;
    letter-spacing: 3px;
    position: relative;
    z-index: 2;
	padding-bottom: 10px;
}
.about-seciton2 .sidecolor {
	position: absolute;
    width: 25%;
    height: 50vh;
    top: 0;
    right: 0;
    /* will-change: transform; */
    /* -webkit-transform: translateY(100%); */
    -moz-transform: translateY(100%);
    /* transform: translateY(100%); */
    background-color: #dadce5;
    max-width: 450px;
}
.about-seciton2 .sidecolor img {
	width: 100%;
    opacity: 0.5;
	animation: zoom 25s infinite;
    animation-direction: alternate;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	animation-delay: 2s;
    animation-duration: 30s;
}
.about-seciton2 .aboutImage {position: relative;
padding-left: 150px;
}

.project-image-wrapper {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	margin: 0 auto;
	-webkit-clip: inset(0 0 0 0);
	clip: inset(0 0 0 0);
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}
.about-seciton2 .aboutImage img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.project-image-wrapper.nV {
	opacity: 0;
	clip: inset(0 70% 0 0);
	clip-path: inset(0 70% 0 0)
}



.about-seciton2 .txt {
	position: absolute;
    width: 35%;
    bottom: 0;
    z-index: 3;
    left: 0;
    height: 70%;
    background: rgb(9 45 116 / 80%);
    /*background: #002d74;*/
    color: #fff;
}
.about-seciton2 .txt p {
	padding: 40px;
    font-size: 16px;
    line-height: 2.2;
    text-align: justify;
    text-indent: 2em;
}
.more.actionBtn16 {
	width: 200px;
	    margin: 0 auto 50px;
	    background: #002d74;
	    border-radius: 50px;
	    color: #fff;
}
.more.actionBtn16 .cir-lt {
	display: none;
}
.actionBtn16 .cir-rt {
	right: 0;
	left: auto;
}

.more.actionBtn16 .lb {
	color: #fff;
}
.more.actionBtn16 .ico-plus {
	    background: url(../images/ico_cross_2.png) no-repeat center;
}

.about-seciton2 .txt .actionBtn15 {
	margin-left: 40px;
    margin-top: 0px;
}
.about-seciton2 .txt .actionBtn15 .lb {color: #fff;}

.about-seciton2 .actionBtn15 .ico-plus {
	background: url(../images/ico_cross_2.png) no-repeat center;
}
.about-seciton2 .element4 {
	position: absolute;
    top: -100px;
    left: -15%;
    -webkit-transform: scale(.9) rotate(50deg);
    transform: scale(.9) rotate(50deg);
	display: none;
}
.about-seciton2 .element4 img {
    animation: zoom 25s infinite;
    animation-direction: alternate;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@keyframes zoom {
	0% {
		transform: scale(.7) rotate(0deg)
	}

	30% {
		transform: scale(.95) rotate(40deg)
	}

	60% {
		transform: scale(.8) rotate(20deg)
	}

	100% {
		transform: scale(1) rotate(60deg)
	}
}

.about-seciton {
	position: relative;
	padding: 3% 0 0;
}
.about-seciton .bg {
	background: url(../images/picture03.png) no-repeat bottom;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    background-size: cover;
}


.about-seciton .bg .adorn {
	width: 350px;
    background-position: center;
    background-size: cover;
    height: 300px;
    position: absolute;
    right: 0;
    bottom: -65px;	
}


.about-seciton .fl {
	width: 32%;
	max-width: 480px;
}
.about-seciton .fl img {
	width: 100%;
	position: relative;
	z-index: 2;
	margin-top: 27px;
	display: block;
}
.about-seciton .rt {
	position: relative;
	z-index: 2;
	width: 45%;
	float: left;
	margin-left: 50px;
	font-size: 17px;
	line-height: 2;
	text-align: justify;
	padding-top: 330px;
	color: #2c2d2d;
}
.actionBtn15 {
	display: block;
	margin-top: 60px;
	font-family: Montserrat;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
	width: 175px;
}
.about-seciton .title {
	position: absolute;
	left: 28%;
	padding-top: 100px;
	z-index: 3;
}

.about-seciton .title h2 {
	font-family: Montserrat-bold;
	font-size: 40px;
	font-weight: bold;
	line-height: 30px;
}
.about-seciton .title h4 {
    font-size: 3.4vw;
	font-weight: bold;
	color: #f70;
}
.about-seciton .title h5 {
	font-size: 45px;
    font-weight: normal;
    letter-spacing: 3px;
    position: relative;
    z-index: 2;
    margin-left: 140px;
    line-height: 60px;
}
.company-info .actionBtn15 .cir-lt{
	background: #9dabc7;
}

.actionBtn15 .lb-box {
	 display: block;
	 padding: 11px 15px 11px 20px;
}
.actionBtn15.center {
	margin: 60px auto 0;
}

.actionBtn15 .lb-box:after {
	content: '';
	 display: block;
	 clear: both;
}
.actionBtn15 .lb {
	 display: block;
	 position: relative;
	 z-index: 1;
	 float: left;
	 color:#222;
	 font-size: 18px;
	 font-weight: bold;
}
.actionBtn15 .cir-lt, .actionBtn15 .cir-rt {
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 50%;
	 width: 40px;
	 height: 40px;
	 margin-left: 0;
	 background: #9dabc7;
	 border-radius: 20px;
	 -webkit-border-radius: 20px;
	 -moz-border-radius: 20px;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -moz-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
}
.actionBtn15 .cir-lt {
	 width: 40px;
	 opacity: 1;
	 transition: width .3s ease .3s, opacity 0s ease .3s;
	 -webkit-transition: width .3s ease .3s, opacity 0s ease .3s;
	 -moz-transition: width .3s ease .3s, opacity 0s ease .3s;
}
.actionBtn15 .cir-rt {
	 width: 100%;
	 opacity: 0;
	 transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease;
	 -webkit-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease;
	 -moz-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease;
}
.actionBtn15:hover .cir-lt {
	 width: 100%;
	 opacity: 0;
	 transition: width .3s ease 0s, opacity 0s ease .3s;
	 -webkit-transition: width .3s ease 0s, opacity 0s ease .3s;
	 -moz-transition: width .3s ease 0s, opacity 0s ease .3s;
}
.actionBtn15:hover .cir-rt {
	 left: 100%;
	 margin-left: -40px;
	 width: 40px;
	 opacity: 1;
	 transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
	 -webkit-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
	 -moz-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
}
.actionBtn16 .cir-rt {
 
	-webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
}
.actionBtn16:hover .cir-rt {
	 left: 100%;
	 margin-left: -40px;
	 width: 40px;
	 opacity: 1;
	-webkit-transition: all 0.3s ease;
	    transition: all 0.3s ease;
}
.actionBtn15 .ico-plus {
	 display: block;
	 position: relative;
	 z-index: 1;
	 float: right;
	 width: 9px;
	 height: 32px;
	 background: url('../images/ico_cross_1.png') no-repeat center;
	 transition: transform .3s ease .15s;
	 -webkit-transition: transform .3s ease .15s;
	 -moz-transition: transform .3s ease .15s;
}
.busniess-section .actionBtn15 .ico-plus {
    background: url(../images/ico_cross_2.png) no-repeat center;
}

.actionBtn15:hover .ico-plus {
	 transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 -moz-transform: rotate(90deg);
	 -ms-transform: rotate(90deg);
}

.busniess-section {
	padding: 0 0 6%;
    background: #f7f7f7;
    margin-top: 2%;
	margin-top: 0;
    padding-top: 8%;
}
.busniess-section .c-scroll {
	height: 100px;
    position: relative;
    width: 1px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
	display: none;
}
.busniess-section .scroll_line {
	width: 1px;
    height: 100%;
    position: relative;
	transition: transform .6s cubic-bezier(.86,0,.07,.995);
    transform: translateY(0);
}
.busniess-section .before {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #fff;
}
.busniess-section .after {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #002d74;
	-webkit-animation: scrolldown 2.2s cubic-bezier(.76,0,.3,1) infinite forwards;
    animation: scrolldown 2.2s cubic-bezier(.76,0,.3,1) infinite forwards;
}

.busniess-section .top-t {
	text-align: center;
	padding-bottom: 40px;
    position: relative;
    z-index: 9;
}
.busniess-section .top-t h2 {
	font-size: 50px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	color: #002d74;
	font-family: 'Montserrat-bold';
}
.busniess-section .top-t h4 {
	font-size: 40px;
    font-weight: normal;
    letter-spacing: 3px;
    position: relative;
    z-index: 2;
	padding-bottom: 10px;
}
.busniess-section .top-t p {
	font-size: 17px;
    color: #464646;
    line-height: 2;
}
.topbanner.swiper-container {
	width: 100%;
	height: 88vh;
	background-color: #c7c7c7;
	transition: 1s background-color 1.3s;
	position: relative;
}
.topbanner .swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.topbanner .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.topbanner .swiper-slide a {
	display: block;
	z-index: 99;
	position: relative;
}

.topbanner .title {
	transition-delay: 1s;
	z-index: 10;
	position: absolute;
	left: 50px;

}
.topbanner .title h3 {
	font-size: calc(40px + 54 * ((53vw + 53vh) - 520px) / 820);
	font-size: calc(40px + 54 * ((53vw + 53vh) - 800px) / 820);
	letter-spacing: -1px;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
	font-family: Montserrat-Medium, source-han-sans-simplified-c;
	text-align: left;
	text-transform: capitalize;
}
.topbanner .title h3 i {
	color: #002d74;
    -webkit-text-stroke: 2px #002d74;
}
.topbanner .title h3 span {
	display: block;
    font-size: 40px;
    font-weight: lighter;
    letter-spacing: 3px;
	position: relative;
	-webkit-text-stroke: 1px #fff;
}
.topbanner .title h3 span::after {
	content: "";
    display: block;
    width: 100px;
    height: 1px;
    position: absolute;
    top: 50%;
    background: #fff;
    left: 200px;
	
}

.topbanner .img-box {
	width: 80%;
    height: 65vh;
    position: absolute;
    transform: scale(0.6, 0.6);
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
    opacity: 0.9;
    overflow: hidden;
    right: 15vh;
    bottom: 10vh;
}	
.topbanner .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.topbanner .button-prev, 
.topbanner .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	bottom: 5vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.topbanner .button-prev {
	left: 4vw;
}
.topbanner .button-next {
	right: 4vw;
}
.topbanner .button.disabled {
	opacity: 0.6;
	cursor: default;
}
.topbanner #arrow-svg-home {
	transform: translateY(353px);
}
.topbanner .button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
.topbanner svg {
	transition: 0.5s;
}
.topbanner .cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.topbanner .cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
.topbanner #arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
.topbanner #line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.topbanner .button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.topbanner .button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.topbanner .button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.topbanner .button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.topbanner .button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.topbanner .button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}


.project-section {
	position: relative;
    padding-bottom: 6%;
    padding-top: 3%;
    background: #f7f7f7;
}


@-webkit-keyframes scrolldown {
	0% {
		transform: translateY(-100%)
	}

	75% {
		transform: translateY(0)
	}

	to {
		transform: translateY(100%)
	}
}

@keyframes scrolldown {
	0% {
		transform: translateY(-100%)
	}

	75% {
		transform: translateY(0)
	}

	to {
		transform: translateY(100%)
	}
}



.project-section .w90 {
	width: 100%;
    margin-left: 10%;
}
.project-section .t-h2 {
    font-size: 50px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
	text-transform: uppercase;
	font-family: 'Montserrat-bold';
	color: #002d74;
}
.project-section .t-p {
	font-size: 40px;
    font-weight: normal;
    letter-spacing: 3px;
    position: relative;
	z-index: 2;
}
.project-section .td{
	margin-top: 40px;
	font-size: 13px;
	margin-bottom: 10px;
	color: #777;
}

.project-section .ject {
	margin-top: 0px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background-color:#002d74;
}
.orange-bg {
	position: absolute;
    width: calc(94% - 233px);
    right: 0;
    top: 12px;
    height: 90%;
    background: #002d74;
    background: #dadce5;
}

.all-project {
	position: absolute;
    right: 3%;
    top: 0;
	z-index: 3;
}
.all-project .actionBtn15 {
    display: block;
    margin-top: 60px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    width: 255px;
    font-weight: 700;
}
.all-project  .actionBtn15 .cir-lt, 
.all-project  .actionBtn15 .cir-rt {
	background: #002d74;
	background: #9dabc7;
	z-index: 1;
}
.all-project .actionBtn15 .lb {font-size: 18px; color: #fff;color: #000;
}
.all-project .swiper-button-disabled {
	opacity: .5;
}
.all-project .actionBtn15 .ico-plus {background: url(../images/ico_cross_2.png) no-repeat center;}

.footer {
	width: 100%;
	background: url(../images/picture10.jpg) no-repeat center -100px #f7f7f7;
    background-size: 100%;
    padding: 3% 0 0;
    height: 620px;
	height: 590px;
    position: relative;
	background: #dedede;
	color: #002d74;
	padding: 4% 0 3%;
	height: auto;
	overflow: hidden;
	height: 235px;
}
.footer .img-pa {
	position: absolute;
    left: 30px;
    bottom: 30px;
    width: 600px;
    opacity: 0.5;
	
}
.footer .img-pa img {width: 100%;}

.footer .foot_logo img {
	width: 150px;
	display: none;
}
.footer .foot_menu {
	float: left;
    width: 88%;
    padding-top: 50px;
    position: relative;
}
.footer .foot_menu li {
	float: left;
	margin-right: 6%;
}
.footer .foot_menu li h3 {
	font-size: 17px;
    margin-bottom: 15px;
    font-weight: bold;
	letter-spacing: 0.5px;
	position: relative;
}
.footer .foot_menu li h3::after {
	content: "";
    display: block;
    background: #002d74;
    width: 3px;
    height: 100%;
    position: absolute;
    top: -1px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.footer .foot_menu li:hover h3::after {
	width: 100%;
}
.footer .foot_menu li a {
	font-size: 18px;
	display: block;
	line-height: 2;	
	color: #333;
	position: relative;
    z-index: 2;
	line-height: 1.2;
	padding-left: 8px;
	padding-right: 8px;
}
.footer .foot_menu li:hover a{
	color: #fff;
}
.footer .code-2 {
	/*position: absolute;
	right: 0;
	bottom: 0;*/
    float: right;
 
}
.footer .code-2 .wechat {
	display: inline-block;
	margin-left: 15px;
	text-align: center;
}
.footer .code-2 p {padding-top: 5px;
	font-weight: bold;
}

.footer .w90 {width: 85%;}

.footer .slogn {
	margin-bottom: 90px;
	width: 85%;
	display: none;
}
.footer .slogn h4 {
	font-size: 32px;
    /* padding-left: 100px; */
    color: #002d74;
    text-transform: uppercase;
	font-family: 'Montserrat-bold';
}
.footer .slogn h4 b {font-weight: bold;}
.footer .slogn h2 {
	font-size: 45px;
    padding-left: 0px;
}

.footer .pgy-1 {
	position: absolute;
    width: 130px;
    top: 13%;
    left: 40%;
	animation-name: piaodong;  
	animation-duration: 8s;    
	animation-timing-function: linear;  
	animation-iteration-count: infinite; 	  
	-webkit-animation-name: piaodong;  
	-webkit-animation-duration: 8s;  
	-webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite;
}
.footer .pgy-2 {
	position: absolute;
    width: 90px;
    top: 20%;
    right: 16%;
	animation-name: piaodong2;  
	animation-duration: 8s;    
	animation-timing-function: linear;  
	animation-iteration-count: infinite; 	  
	-webkit-animation-name: piaodong2;  
	-webkit-animation-duration: 6s;  
	-webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite;
}

.footer .pgy img {
	width: 100%;
	display: block;
}




.copyright {
	color: #7c7c7c;
	background: #464545;
	background: #002d74;
    color: #fdfdfd;
	text-align: center;
	font-size: 14px;
	padding: 15px 0px 20px;
}
.copyright .w90 {width: 85%;}
.copyright .qixia span {
	padding-right: 10px;
    font-size: 18px;
    display: block;
    text-align: left;
    color: #002d74;
	color: #fff;
    /*background: url(../images/icon01.png) no-repeat left;
    background-size: 23px;
    padding-left: 28px;*/
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 5px;
}
.copyright .qixia a {
	font-size: 16px;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin-right: 13px;
	z-index: 1;
}
.copyright .qixia a::after {
	content: "";
    position: absolute;
    right: 0;
    top: 5px;
    background: #aaa;
    width: 1px;
    height: 15px;
    opacity: 0.6;
}
.copyright .qixia a:last-child:after {display: none;}
.copyright .qixia a i {
	display: block;
    background: #a3b6d8;
    width: 0;
    height: 7px;
    opacity: 0.5;
    position: absolute;
    bottom: 0px;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    z-index: -1;
    left: -1px;
} 
.copyright .qixia a:hover i {
	width: 90%;
}
.copyright p.rt {
	text-align: left;
    padding-top: 15px;
	line-height: 2;
	color: #fff;
}


.gotop a {
	width: 35px;
    height: 35px;
    display: block;
    border-radius: 50px;
	position: absolute;
	right: 30px;
    bottom: 30px;
	background: url(../images/top.png) no-repeat center #232323;
	background-size: 16px;
}
.gotop a:hover{
	box-shadow: 0 0 0 0.1875rem #847e78;
}
.news-section .actionBtn15 .cir-lt{
	background: #9dabc7;
}

.news-section {padding: 6% 0 4%;}
.news-section .w90 {
	width: 80%;
}
.news-section .top-t {
	text-align: center;
	padding-bottom: 40px;
    position: relative;
    z-index: 9;
}
.news-section .top-t h2 {
	font-size: 50px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 10px;
	color: #002d74;
	font-family: 'Montserrat-bold';
}
.news-section .top-t h4 {
	font-size: 40px;
    font-weight: normal;
    letter-spacing: 3px;
    position: relative;
    z-index: 2;
	padding-bottom: 10px;
}
.news-section .top-t p {
	font-size: 17px;
    color: #464646;
    line-height: 2;
}
.news-section .n-list {

}
.news-section .n-list li {
	margin-bottom: 1%;
    width: 31%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.news-section .n-list li:last-child {
	margin-right: 0;
}

.news-section .n-list li a {
    position: relative;
    display: block;
    height: 286px;
}
.news-section .n-list li .news-bg {
	width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-section .n-list li .img {
	height: 286px;
	overflow: hidden;
}

.news-section .n-list li a:hover .news-bg {
    opacity: 1;
}
.news-section .n-list li .newsbox {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6 url(../images/news-bg.png) no-repeat center center;
	background: rgba(0, 0, 0, .6);
    background-size: cover;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-section.news_page .n-list li .newsbox {
	position: relative;
	height: 200px;
	background: #eee;
}
.news_page.news-section .n-list li a:hover .news-bg,
.news-section .n-list li:hover .news-bg
{
	 -webkit-transform: scale(1.1);
	 transform: scale(1.1);
}
.news-section .n-list li {
	overflow: hidden;
}

.news_page.news-section .n-list li a:hover .newsbox {
   background: rgba(0, 0, 0, .4);
   background: #002d74;
}
.news-section.news_page .n-list li {
	height: 490px;
}

.news-section.news_page .n-list .text p {
	color: #333;
}
.news-section.news_page .n-list .text h3 {
	color: #333;
	font-weight: bold;
}

.news-section .n-list li a:hover .newsbox {
    /*background: rgba(0, 0, 0, .4);
    background: #002d74;*/
}
.news-section .n-list li .newsbox .nb-in {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    padding: 30px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-section .n-list .nb-in .text {	
    width: 100%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-section .n-list a:hover .text {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.news-section .n-list .text p {
	margin-bottom: 10px;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-section .n-list .text h3 {
	font-size: 20px;
	height: 68px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.news-section .n-list a:hover .text p, 
.news-section .n-list a:hover .text h3 {
    color: #fff;
}

.news-section .n-list .arrow {
	background: url(../images/icon-arrow5.png) no-repeat;
    width: 45px;
    height: 45px;
    background-size: 45px;
    margin-top: 20px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.news-section .n-list a:hover .arrow {
	background: url(../images/icon-arrow7.png) no-repeat;
	background-size: 45px;
	opacity: 1;
}	
.news-section .actionBtn15 {
	margin: 0 auto;
	margin-top: 50px;
}


/*新闻动态*/
.inner_banner {
	min-height: 50vh;
    position: relative;
    width: 100%;
    height: calc(100vh - 70px);
    min-height: 800px;
	overflow: hidden;
}
.inner_banner.news-n {
	min-height: 150px;
	height: 200px;
}
.inner_banner.news-n .background-image{
	/*background: #242425;*/
}

.inpage .section1.news-n .cn_txt {
	display: none;
}

.inner_banner.section1 .zk-txt {
    margin-top: 30px;
}
.inner_banner .layer3 h2 {
	font-size: 28px;
	letter-spacing: 0px;
    line-height: 1.4;
	text-transform: uppercase;
}
.section1 .cn_txt2 h2 {
	letter-spacing: 0;
	font-size: 44px;
}
.section1 .cn_txt2 .layer3 h2 {
	letter-spacing: 1px;
	font-size: 24px;
	text-transform: capitalize;
}
.section1 .cn_txt2 .zk-txt {
    margin-bottom: 10px;
}
.inner_banner .background-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(../images/visual02.jpg);
}
.inner_banner .background-image::after {
    content: "";
    position: absolute;
    background: linear-gradient(250deg, transparent 10%, rgb(0 0 0 / 30%));
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.news_banner .background-image {
	background-image: url(../images/picture10.jpg);
}



.son_navigation {
	height: 75px;
    background-color: #002d74;
    position: relative;
    width: 70%;
    line-height: 75px;
    margin-top: -35px;
}
.son_navigation ul li {
	float: left;
    text-align: center;	
}
.son_navigation ul li a {
	color: #fff;
    font-size: 16px;
	position: relative;
	display: inline;
}
.son_navigation ul li a::after {
	content: "";
    position: absolute;
    bottom: 50%;
    width: 0px;
    height: 2px;
    background: #fff;
    margin-left: 15px;
	-webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.son_navigation ul li a.current::after {background: #fff;width: 24px;}
.son_navigation ul li a:hover::after{
	width: 24px;
}


.son_navigation .three-li li {
	width: 33%;
}
.son_navigation .four-li li {
	width:25%;
}

.news_page {margin-top: 20px;}
.news_page .n-list li {
    margin-bottom: 2%;
}
.news_page .n-list .text p {font-family: 'Montserrat-light';}


.news_page2 {
	margin: 0;
	padding: 0 0 5% 0;
}
.news_page2 .hangye li {
	padding: 4% 0px;
	background: #f7f7f7;
	transition: background .5s linear;
    -ms-transition: background .5s linear;
    -moz-transition: background .5s linear;
    -webkit-transition: background .5s linear;
    -o-transition: background .5s linear;
}

.news_page2 .hangye li a {
	width: 90%;
	margin: 0 auto;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
	
}
.news_page2 .hangye li a:hover {color: #333;}
.news_page2 .hangye li:nth-child(2n+1) {
    background-color: #fff;
}

.news_page2 .hangye li .pic_box {
	width: 32%;
    overflow: hidden;
	float: left;
}
.news_page2 .hangye li .pic_box .bg {
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	padding-top: 57.69231%;
	transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -o-transition: transform .3s linear;
	-webkit-filter: saturate(40%);
    filter: saturate(40%);
}
.news_page2 .hangye li:hover .pic_box .bg {
	-webkit-filter: saturate(100%);
    filter: saturate(100%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.news_page2 .main-txt {
	width: 63%;
    margin-left: 5%;
    position: relative;
}
.news_page2 .main-txt h2 {
	font-size: 22px;
    padding-bottom: 30px;
    margin-top: 25px;
}
.news_page2 .main-txt p {
	color: #696969;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 28px;
}

.hangye .link {
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
	display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}
.hangye .link .dat {
	color: #002d74;
    letter-spacing: 1px;
}
.hangye .link .arrow {
	width: 70px;
    height: 70px;
    position: relative;
    cursor: pointer;
}
.hangye .link .arrow::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: wave 1.5s linear infinite;
	background-color: rgb(243 129 43 / 24%);
}
.hangye .link .item-round {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
	background-color: #002d74;
}
.hangye .link .item-round .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
	color: #000;
	background: url(../images/icon-arrow6.png) no-repeat center;
    width: 14px;
    height: 10px;
    display: block;
}

.news_page3 .tongzhi {
	margin-bottom: 30px;
}
.news_page3 .tongzhi li {
	 
	width: 100%;
	margin-right: 0%;
	margin-top: 1px;
	margin-bottom: 20px;
}
.news_page3 .tongzhi li a {
	display: block;
    position: relative;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    margin-right: -1px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    padding: 20px;
    height: auto;
}
.news_page3 .tongzhi li a .rt {
	width: calc(100% - 350px);
	float: right;
}
.news_page3 .tongzhi li a .rt p {
	font-size: 15px;
	color: #666;
	padding-top: 20px;
}

.news_page3 .tongzhi .coverbg {
	position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    background:  url('/images/s2.jpg') no-repeat left top;
    background-size:  cover;
    width: 300px;
    height: 200px;
    float: left;
    margin-bottom: 20px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    overflow: hidden;
	font-weight: bold;
}
.news_page3 .tongzhi a:hover .coverbg{
	 transform: scale(1.03);
}

.news_page3 .tongzhi strong {
	color: #002d74;
    display: block;
    padding: 0;
    margin-bottom: 15px;
    font-size: 15px;
}
.news_page3 .tongzhi h2 {
	color: #222;
    line-height: 1.8;
	height: 40px;
	font-size: 24px;
	font-weight: bold;
}
.news_page3 .tongzhi span {
	position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    margin-top: 20px;
	background: url(../images/icon06.png) no-repeat  97% center;
	transition: all 0.4s ease-out;
	    -webkit-transition: all 0.4s ease-out;
}
.news_page3 .tongzhi li:hover span {
background: url(../images/icon06a.png) no-repeat  99% center!important;
}

.news_page3 .tongzhi a:hover {
    background-color: #eee;
}
.news_page3 .tongzhi a:hover strong, 
.news_page3 .tongzhi a:hover h2, 
.news_page3 .tongzhi a:hover span {
    color: #002d74;
}
.news_page3 .tongzhi a:hover span {
 
}


@keyframes wave{
    50%, 75% {    transform: scale(1.5);-webkit-transform: scale(1.5);   }  80%, 100% {    opacity: 0;  }
}
@-webkit-keyframes wave{
    50%, 75% {    transform: scale(1.5);-webkit-transform: scale(1.5);  }  80%, 100% {    opacity: 0;  }
}

 
.fenye ul {
       text-align: center;
       padding-bottom: 50px;
	   color: #fff;
   }
   .fenye li {display: inline-block;margin-top:25px;}
   
   .fenye li a {
   	padding: 10px 15px;
   	border: 1px solid #aaa;
   	margin-left: 5px;
   	background: #FFF;
   	color: #000;
   	line-height: 20px;
   	font-size: 13px;
   	    display: block;
   	    box-sizing: border-box;
   }
   .fenye li a:hover,
   .fenye li.active a {
 
   	border: 1px solid #2c3665;
   	background: #2c3665;
   	color: #fff;
   }
   
   .fenye .thisclass a {
   	display:block;
   	color: #fff;
 
   	
   	border: 1px solid #2c3665;
   	background: #2c3665;
   	color: #fff;
   }
   .fenye .pageinfo {display:none}

/*about*/
.section1 .inner-logoimg {
	left: 5%;
    margin-left: -200px;
    top: -50%;
}
.layer3 h2,
.layer3 .slogn {position: relative;z-index: 2;}

.inpage .section1 .cn_txt {
    position: absolute;
    width: 90%;
    top: 38%;
    margin-left: -45%;
    left: 50%;
}
.inpage .layer3,
.inpage .layer2 {text-align: center;}
.inpage .layer2 h2 {
	font-size: 66px;
	letter-spacing: 2px;
}

.navbox {
    height: 95px;
    position: relative;
    width: 95%;
  
    margin-top: -45px;
    /*margin-top: -75px;*/
}
.navbox ul {
	border-radius: 15px;overflow: hidden;background-color: #9b9b9b;
}

.navbox ul.ul2 li{
	width: 50%;
}

.navbox ul li {
	float: left;
	text-align: center;
	line-height: 95px;
	position: relative;
}
.navbox ul li.current {
	background: #002d74;
	height: 95px;
}
.navbox ul li::after {
	content: '';
    display: block;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
	background-color: rgb(180 180 180);
	background: #eee;
    position: absolute;
}
.navbox ul li.current::after {
	/* background: none; */
	
}

.navbox ul li:last-child::after {display: none;}
.four_navbox ul li {
	width: 25%;
}
.three_navbox ul li {
	width: 33.33%;
}
.two_navbox ul li {
	width: 50%;
}

.navbox ul li a {color: #fff;font-size: 16px;position: relative;
letter-spacing: 2px;
text-indent: 0px;
}

.navbox ul li a::after {
	content: '';
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 0%;
    /*border: 2px solid #fff;*/
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-90px, -34px);
    transform: translate(-28%, -96px);
   /* background:  url('/images/logo-img-w.png') no-repeat left top; */
    
    opacity: 0;
    transition: all .5s ease-in-out;
}
.navbox ul li {
	position: relative;
background: #002d74;}

.navbox ul li::before {
	content: '';
	display: block;
	width: 50px;
	height: 20px;
	background: #9b9b9b;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40px, -50%);
	display: none;
}
.navbox ul li.current a,
.navbox ul li:hover a {
	color: #fff;
}
.navbox ul li.current a span,
.navbox ul li:hover a span
{
	font-weight: bold;
}

.navbox ul li.current a::after,
.navbox ul li:hover a::after{
	opacity: .1;
    transform: translate(-28%, -96px);
    background: url(/images/logo-img-w.png) no-repeat left top;
    background-size: 200px;
}

/*menu2*/
.navbox {
	width: 100%;
	height: 70px;
	padding: 0 10%;
	margin-top: 0;
	background: #fff;
	  background: #eee;
	border-bottom: 0px solid #ccc;
}
.navbox ul {
	background: none;
	border-radius: 0;
}
.navbox ul li a::after {
	display: none;
}
.navbox ul li.current {
	background: none;
	height: 70px;
}

.navbox ul li.current,
.navbox ul li:hover
 {
	height: 70px;
	border-bottom: 2px solid #002d74;
	background: none;
}
.navbox ul li::after {
	background: #aaa;
	height: 25px;
	top: 30px;
}

.navbox ul li  {
	border-bottom: 0px solid #002d74;
	background: none;
	height: 70px;
	box-sizing: border-box;
}
.navbox ul li  a{
	font-size: 18px;
	line-height: 70px;
	color: #333;
	display: block;
}
.navbox ul li.current a, .navbox ul li:hover a {
	color: #002d74;
}

.navbox ul li a {
	/*color: #002d74;*/
	color: #666;
	color: #2d2d2d;
}

.navbox ul.new-n {
	text-align: center;
}

.navbox ul.new-n li {
	float: none;    width: 33%;
	display: inline-block;
}
/*menu2*/



.company_1 {
	margin-top: 5%;
	margin-bottom: 70px;
	min-height: 600px;
}
.company_bg {
	/*background: url(/css/about/top.jpg) no-repeat center;
    background-size: cover;*/
    width: 45vw;
    height: 700px;
    float: right;
    top: 50px;
	right:5%;
	width: 50vw;
}
.company_bg video{
	width:100%;
	display:black;
}
.company_1 h2 {
	padding-top: 40px;
    font-size: 60px;
    color: #002d74;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}
.company_1 h2 span {
	font-weight: 700;
}
.company_1 h3 {
    font-size: 40px;
	position: relative;
    z-index: 2;
 
}
.company_1 .info {
	font-size: 16px;
    width: 40%;
    line-height: 35px;
    margin-top: 60px;
    text-align: justify;
}
.company_1 .lines {
	/* width: 50%; 
    font-size: 50px;
    /* margin-top: 50px; */
    position: absolute;
    top: -8%;
}
.company_1 .lines i {
	display: block;
    width: 50%;
    height: 1px;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 46%;
	display: none;
}
.company_1 .lines span {
	display: block;
    font-family: "Montserrat-bold";
    color: #ebebeb;
    font-size: 8vw;
    opacity: 0; 
    margin-left: 0px;
}
.company_1 .scroll-downs {
	position: relative;
    margin-top: 85px;
    bottom: 0;
    right: 0;
	width: 100px;
}
.company_1 .scroll-downs .scroll-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-animation: 15s rotate infinite normal linear;
    animation: 15s rotate infinite normal linear;
    background: url(../images/scroll-orange.png) 50% center / contain no-repeat;
}
.company_1 .scroll-downs .hero {
    -webkit-animation: horizontalMaskAnim 2s cubic-bezier(.19,1,.22,1) 0s infinite;
    animation: horizontalMaskAnim 2s cubic-bezier(.19,1,.22,1) 0s infinite;
    background-image: url(../images/arrow_orange.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 60px 10px;
    bottom: 20px;
    height: 10px;
    position: absolute;
    left: -40%;
    transform: rotate(90deg);
    transform-origin: right bottom;
    width: 90px;
}

.parallax-wrapper{
    position: relative;
    height: 150px;
    overflow: hidden;
}
.parallax{
    position: relative;
	background: url(../images/about.png) no-repeat;
	width: 802px;
    height: 123px;
    top: -300px;
    left: 8%;
    margin-left: -300px;
}
  

#shiming {
    padding: 70px 0 80px;
}
#shiming h3{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 10px;
    color: #002d74;
    font-family: 'Montserrat-bold';
}
#shiming .blockTitle {
    font-size: 40px;
	margin-bottom: 30px;
}
#shiming .bigp {
    font-size: 18px;
}
#shiming ul {
    margin-top: 40px;
}
#shiming ul li {
    float: left;
    width: 32.5%;
    background: #f5f5f5;
    background: #f1f1f1;
    padding: 0;
 
    margin-right: 1%;
    position: relative;
}
#shiming ul li:nth-child(3) {
	margin-right: 0;
}
#shiming ul li img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    padding-top: 0px;
}
#shiming ul li p {
    font-size: 28px;
        text-align: center;
        position: absolute;
        top: 0px;
        height: 100%;
        padding-top: 32%;
        box-sizing: border-box;
        width: 100%;
        /* line-height: 2; */
        vertical-align: bottom;
        left: 0%;
        display: block;
      /*  background: rgb(34 34 34 / 70%);*/
        color: #fff;
        background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(26 44 112 / 70%));
}
#shiming ul li p::after {
	content: '';display: block;
	width: 50px;
	height: 3px;
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -25px;
	bottom: 40%;
}
.company_mission {
	position: relative;
	overflow: hidden;
	max-height: 750px;
}
.company_mission .img-box .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
}

.company_mission .img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.company_mission .img-box::before {
	content: "";
    display: block;
    padding-top: 42.70833%;
}
.company_mission .mission-txt {
	position: absolute;
    top: 100px;
    right: 5%;
    bottom: 0;
    left: 5%;
}
.company_mission .mission-txt .mt-70{
	margin-top: 0;
}
.company_mission .mission-txt .intro h2 {
	text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 10px;
    color: #fff;
    font-family: 'Montserrat-bold';
}
.company_mission .mission-txt .intro h3 {
	color: #fff;
    font-size: 40px;
    letter-spacing: 0.03em;
    line-height: 1.7;
    padding-bottom: 10px;
	margin-bottom: 30px;
}
.company_mission .mission-txt .intro p {
	font-size: 16px;
    color: #fff;
    line-height: 2;
    width: 100%;
    text-align: justify;
}
.company_mission .mission-txt .intro .pbig {
	font-size: 22px;
    padding-bottom: 30px;
    width: 100%;
}


.mt-100 {margin-top: 100px;}


.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}
.mt-70 {
	margin-top: 70px
}
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
.bg-cover.li1 {
	background-position: right center;
}

.wh-4 {
	background:  url('/images/visual01-.jpg') no-repeat center;
	height: 650px;
	background-size: cover;
	position: relative;
}
.wh-4 .pa{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 40px;
	text-align: center;
	padding-top: 220px;
	background: rgb(0 0 0 / 50%);
}
.wh-4 .pa h3{
	letter-spacing: 6px;
}
.wh-4 .pa h3 span{
	display: block;
	letter-spacing: 0;
 
	font-size: 30px;
	    font-weight: bold;
	    line-height: 2;
	    padding-bottom: 10px;
	    color: #fff;
	    font-family: 'Montserrat-bold';
}
.wh-4 .pa p{
	font-size: 20px;
	line-height: 2;
	padding-top: 40px;
}

@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

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

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.index-life .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.index-life .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.index-life .slick-list:focus {
	outline: 0
}

.index-life .slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.index-life .slick-slider .slick-list,
.index-life .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.index-life .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.index-life .slick-track::after,
.index-life .slick-track::before {
	display: table;
	content: ""
}

.index-life .slick-track::after {
	clear: both
}

.index-life .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0
}

.index-life .slick-slide a {
	outline: 0
}[dir=rtl] .index-life .slick-slide {
	float: right
}

.index-life .slick-slide img {
	display: block
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-arrow.slick-hidden {
	display: none
}

.index-life {
	position: relative;
	background-color: #f1f1f1;
	
}
.index-life .ti {
	font-size: 40px;
    width: 640px;
}
.index-life .bigp {
	font-size: 22px;
	padding-bottom: 30px;
 padding-top: 30px;
 width: 640px;
	text-align: left;
	    line-height: 2;
}

.index-life .ti_en {
	text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 60px;
    font-size: 50px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 10px;
    color: #002d74;
    font-family: 'Montserrat-bold';
}

.slick-life {
	width: 50%
}

.life-item {
	padding-bottom: 120px;
	padding-top: 20px;
	background-color: #f1f1f1
}
.slick-life .life-item {
	background: #002d74;
}
.slick-life .life-item p {
	height: 150px;
}

.life-item__logo img {
	display: block;
	margin: 0 auto;
	height: 60px;
	width: auto
}

.life-item__img {
	width: 290px;
	margin-right: auto;
	margin-left: auto
}

.life-item__img::before {
	padding-top: 124.13793%
}
.item-h2 {
	font-size: 32px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: bold;
}
.life-item__desc {
	width: 80%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	padding: 2em 1em;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 2;
	font-weight: 300;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid  #fff
}

.index-life-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	background: url(/images/value02.jpg) no-repeat center;
}

.index-life-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 1.2s;
	transition: all 1.2s
}

.index-life-bg.current {
	visibility: visible;
	opacity: 1
}

.life-dots {
	position: absolute;
	right: 0;
	bottom: 50px;
	left: 0;
	text-align: center
}

.life-dots>li {
	display: inline-block;
	vertical-align: top
}

.life-dots button {
	border: 0;
	padding: 0;
	outline: 0;
	background: none;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 0;
	width: 14px;
	height: 14px;
	margin: 0 6px;
	cursor: pointer
}

.life-dots .slick-active button {
	background-color: #fff
}

@media (max-width: 1440px) {
	.life-item {
		padding-top: 20px;
		padding-bottom: 80px
	}

	.life-item__logo>img {
		height: 40px
	}

	.life-dots {
		bottom: 30px
	}

	.life-item__desc {
		width: auto;
		margin-right: 40px;
		margin-left: 40px
	}
	.company_bg {
   height: 360px;
   
    top: 202px; 
    width: 45vw;
}
}
@media (max-width: 1367px) {
	.company_bg {
   height: 325px;
    width: 50vw;
    top: 260px;
}
.company_1 .info {
   
    line-height: 30px;
    
}
	
}
@media (max-width: 1024px) {
	.life-item {
		padding-top: 20px
	}

	.slick-life {
		width: 100%
	}

	.index-life-right {
		display: none
	}

	.life-dots button {
		width: 8px;
		height: 8px
	}

	.life-item__desc {
		margin-right: 20px;
		margin-left: 20px;
		padding-right: 0;
		padding-left: 0;
		font-size: 14px
	}
}


.c-header {opacity: 0;    display: none;}

.zhaopin-section {
    padding: 5% 0 0%;
}

.zhaopin-section .celan {
	margin-top: 40px;
}
.zhaopin-section  .celan li {
	background: #002d74;
	background: #ccc;
    margin-bottom: 20px;
    text-align: center;
}
.zhaopin-section .celan li a {
	color: #333;
    font-size: 16px;
    display: block;
    padding: 20px 0;
}
.zhaopin-section .celan li.current,
.zhaopin-section .celan li:hover {background: #002d74;}
.zhaopin-section .celan li.current a,
.zhaopin-section .celan li:hover a {color: #fff;}


.zhaopin-section .ti {
	text-align: center;
	font-size: 28px;
	margin-bottom: 50px;
}
.zhaopin-section .ti h2 {
	text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
    color: #002d74;
    font-family: 'Montserrat-bold';
}
.zhaopin-section .ti h2.daxie {
	text-transform: uppercase;
}

.zhaopin-section .ti p {
	padding-bottom: 20px;
}
.zhaopin-section.after1 .ti::after {
	display: none;
}

.zhaopin-section .ti::after {
	content: "";
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 1px;
    height: 60px;
    background-color: #ddd;
}
.zhaopin-section .question-list {
    margin-top: 12px;
}
.zhaopin-section .question-list li {
    width: 47%;
    float: left;
    margin-right: 5%;
    background: #eee;
	margin-bottom: 20px;
	position: relative;
}
.zhaopin-section .question-list li:nth-child(2n) {
	margin-right: 0;
}
.zhaopin-section li .ques01 {
    overflow: hidden;
    padding: 20px 30px;
    cursor: pointer;
    background: url(arrow_off.png) no-repeat 98% 20px;
	position: relative;
}
.zhaopin-section li .ques01.active {
    background: url(arrow_on.png) no-repeat 98% 20px;
}
.zhaopin-section .ques01 span {
    float: none;
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding-right: 60px;
}
.zhaopin-section .ques01 span.ques-a {
text-align: left;
font-size: 16px;
padding-bottom: 10px;
    color: #002d74;
	font-weight: bold;
	font-style: italic;
}
.zhaopin-section .ques01 span.ques-subject {
    overflow: hidden;
    text-align: left;
    font-size: 20px;
	font-weight: bold;
}
.zhaopin-section .ques01 span.ques-cont {
    text-align: left;
}
.zhaopin-section .question-list li:nth-child(2n) .ques-txt {
	right: auto;
	left: -600px;
}
.zhaopin-section .question-list li .ques-txt {
    display: none;
    padding: 20px 20px;
    background-color: #222;
    border-top: 1px solid #b7caeb;
	font-size: 16px;
	line-height:30px;
	position: absolute;
	right: -600px;
	bottom: -15vh;
	width: 600px;
	height: 500px;
	overflow: scroll;
	border-radius: 10px;
	color: #fff;
	opacity: 1;
	z-index: 22;
}
.zhaopin-section .question-list li .ques-txt h3 {
	padding-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
}
.job-fl ul{
	margin-right: 0%;
	margin-bottom: 60px;
	text-align: center;
}

.job-fl li{
	display: inline-block;
	width: 17%;
	text-align: center;
	 margin: 0 5px;
}
.job-fl li:last-child{
 
}
.job-fl li.on a,
.job-fl li:hover a {
	background: #002d74;
	color: #fff;
	font-weight: bold;
	
}

.job-fl li a{
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 14px;
	line-height: 50px;
	display: block;
}

.job-icon {
	-webkit-transition: all .4s;
    transition: all .4s;
    width: 56px;
    height: 56px;
    border-radius: 50%;
	background-color: #5e5e5e;
    color: #ffffff;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.zhaopin-section .question-list li .ques01.active .job-icon {
    background-color: #002d74;
}
.zhaopin-section .job-icon i {
	background: url(/images/arr2.png) no-repeat center;
    width: 100%;
    height: 100%;
    background-size: 24px;
    display: block;
}
.zhaopin-section .left-lxfs {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.5;
}
.zhaopin-section .right-gw {
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	line-height: 1.6;
}


.zhaopin-section .question-list li {
	width: 100%;
	float: none;
	margin-right: 0;
}
.zhaopin-section .joblist {
	float: right;
	width: calc(100% - 350px);
	margin-bottom: 100px;
}
.zhaopin-section .ti.fl {
	float: left;
	width: 300px;
	text-align: left;
}
.zhaopin-section .ti.fl h2 {
	font-size: 32px;
	line-height: 2;
	margin-bottom: 30px;
}
.zhaopin-section .ti.fl p {
	font-size: 16px;
}
.zhaopin-section .ti.fl::after {
	width: 50px;
	height: 5px;
	margin: 0;
	background: #002d74;
	opacity: 0;
}

.zhaopin-section .question-list li .ques01{
	float: left;
	width: calc(100% - 150px);
	padding: 20px 30px 10px;
}
.zhaopin-section .question-list li .ques01 {
	padding-left: 40px;
}

.zhaopin-section .question-list li .ques01:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #192a6c;
	position: absolute;
	left: 20px;
	top: 30px;
}

.zhaopin-section .ques01 span.ques-subject {
	font-size: 18px;
}
.zhaopin-section .question-list li a:hover {
	color: #002d74;
}

.zhaopin-section .question-list li .riqi-r{
	width: 120px;
	float: right;
	    padding: 20px 0px;
	    font-size: 16px;
	        font-weight: bold;
}

.honor-section h3 {
	font-size: 40px;
	padding-bottom: 20px;
}
.honor-box {
	margin-top: 50px;
	text-align: center;
}
.mt-50 {margin-top: 50px;}
.center {text-align: center;}

.index-life.value-page {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
	margin-top: -3%;
}

.chanye_banner .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/visual01.jpg);
}

.chanye_banner_1 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/load01.jpg);
}
.chanye_banner_1a .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/01a.jpg);
}
.chanye_banner_2 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/chanye07-1.jpg);
}
.chanye_banner_3 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/s21.jpg);
}
.chanye_banner_4 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/s9.jpg);
}
.chanye_banner_5 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/lh1.jpg);
}
.chanye_banner_6 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/s14.jpg);
    background-image: url(../images/chanye06a.jpg);
    
}
.chanye_banner_8 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/images/visual02.jpg);
}
.chanye_banner_77 .background-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(/images/chanye09.jpg);
    background-position: center 60%;
}
.qixia-box ul li {
	float: left;
	width: 48%;
	height: 480px;
	margin-left: 1%;
	margin-right: 1%;
	overflow: hidden;
	margin-bottom: 2%;
	position: relative;
}
.qixia-box ul li a {
	width: 100%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
	position: relative;
}
.qixia-box ul li a::after {
	content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.3;
    position: absolute;
}
.qixia-box ul li .pic {
	background-position: center;
	background-size: cover;
	height: 100%;
	width: 100%;
	transition: transform .4s ease-in-out;
	transform: scale(1.08);
}
.qixia-box ul li:hover .pic {
	transform: scale(1);
}
.qixia-box ul li .title {
	position: absolute;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    top: 50%;
    z-index: 2;
    letter-spacing: 1px;
    transform: translateY(-30%);
	transition: all .6s ease-in-out;
}
.qixia-box ul li:hover .title {
	transform: translateY(-40%);
}
.qixia-box ul li .title p {
	width: 80%;
    margin: 0 auto;
    font-size: 16px;
    padding-top: 20px;
	opacity: 0;
	transition: all .6s ease-in-out;
	
}
.qixia-box ul li:hover .title p {opacity: 0;}
.qixia-box ul li .actionBtn15 {
	margin: 0 auto;
	transition: all .6s ease-in-out;
	bottom: 50px;
}
.qixia-box ul li .actionBtn15 .lb {color: #fff;}
.qixia-box .actionBtn15 .ico-plus {
	background: url(/images/ico_cross_2.png) no-repeat center;
}
.qixia-box ul li:hover .actionBtn15 .cir-lt {
    width: 100%;
    opacity: 0;
    transition: width .3s ease 0s, opacity 0s ease .3s;
    -webkit-transition: width .3s ease 0s, opacity 0s ease .3s;
    -moz-transition: width .3s ease 0s, opacity 0s ease .3s;
}
.qixia-box ul li:hover .actionBtn15 .cir-rt {
    left: 100%;
    margin-left: -40px;
    width: 40px;
    opacity: 1;
    transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
    -webkit-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
    -moz-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s;
}
.qixia-box ul li:hover .actionBtn15 {bottom: 20px;}

.chanye-section,
.chanye-s3 {padding: 6% 0 3%;}

body .chanye-section .company-info .actionBtn15
{
	display: none;
}

.chanye-section .ti {
    font-size: 16px;
    padding-right: 50px;
    margin-bottom: 100px;
    width: 37%;
    float: left;
}
.chanye-section .ti .yuding {
	margin-top: 25px;
}
.chanye-section .ti .yuding i {
 
	display: inline-block;
 
}

.chanye-section .ti .yuding span{
	display: block;
	height: 40px;
	color: #666;
	font-size: 16px;
	line-height: 40px;
	background: url('/images/dianhua.png') no-repeat left center;
	background-size: 22px;
	padding-left: 30px;
}
.chanye-section .ti .yuding span.b{
	background: url('/images/add.png') no-repeat left center;
	background-size: 22px;
}

.chanye-section .ti h2 {
    line-height: 48px;
    text-transform: uppercase;
    font-size: 32px;
    color: #002d74;
    font-family: 'Montserrat-bold';
    font-weight: bold;
    margin-bottom: 10px;
}
.chanye-section .ti h3 {
	font-size: 15px;
}

.chanye-section .company-info {
	font-size: 16px;
	float: right;
	width: 60%;
}
.chanye-section .ti strong {
	display: block;
	background: #eee;
	border-radius: 20px;
	padding: 5px 0px;
	width: 170px;
	text-align: center;
	font-size: 13px;
	color: #002d74;
	font-weight: normal;
}

.chanye-section .company-info p{
	min-height: 250px;
}
.chanye-section .company-info2 {
	width: 60%;
    position: relative;
    right: 0;
    top: 15px;
    font-size: 16px;
    line-height: 30px;
    float: right;
}
.company-info3 ul {
	margin-bottom: 80px;
}

.company-info3 strong {
	display: block;
	color: #002d74;
	font-weight: bold;
	font-size: 17px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	border-left: 4px solid #002d74;
	padding-left: 10px;
}
.company-info3 li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.company-info3 li:last-child {
	margin-right: 0;
}
 .company-info3 i {
	font-style: italic;
	color: #002d74;
	padding-bottom: 10px;
	display: block;
}

 .company-info3 h3 {
	font-size: 20px;
}
.chanye-section .company-info .actionBtn15 {
    display: block;
 
    margin-top: 60px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    width: 130px;
    font-family: Montserrat-Medium, source-han-sans-simplified-c, "Pingfang SC", Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif;
}
.chanye-s2 .bg {
	width: 100%;
	height: 680px;
	background-position: center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.chanye-s2 .bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}
.chanye-s2 .w90 {
	position: absolute;
    top: 25%;
    color: #fff;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}
.chanye-s2 .ti h3 {font-size: 30px;}
.chanye-s2 .ti p {
	font-size: 16px;
    margin-bottom: 50px;
    padding-top: 20px;
    max-width: 50%;
}
.chanye-s3 p strong {
	    font-size: 30px;
	    color: #002d74;
}

.chanye-s2 .ti p b,
.chanye-s3 p b
 {
	font-weight: bold;
	    font-size: 16px;
	    display: block;
}



.chanye-s2 ul {
	position: absolute;
    right: 5%;
    top: 0;
}
.chanye-s2 ul li {
	margin-bottom: 30px;	
}
.chanye-s200 {
	margin-bottom: 80px;
}
.chanye-s200 ul li span {
	font-size: 32px;
}

.chanye-s200 ul{
	right: auto;
	left: 35%;
	top: 0;
	width: 80%;
}


.chanye-s200 ul li,
.chanye-s3 ul li
{
	float: left;
	width: 25%;
}
.chanye-s3 ul {
	text-align: center;
	margin-bottom: 20px;
}

.chanye-s3 ul li
{
	display: inline-block;
	text-align: center;
}

.chanye-s2 ul li h4,
.chanye-s3 ul li h4
 {
	font-size: 16px;
	color: #eee;
}
.chanye-s2 ul li span,
.chanye-s3 ul li span
 {
	display: block;
    color: #fff;
    font-size: 32px;
	font-weight: bold;
}
.chanye-s3 ul li h4
 {
	color: #002d74;
	padding-bottom: 10px;
	font-weight: normal;
}
.chanye-s3 ul li span {
	color: #444;
}

.chanye-s3 {
	padding: 5% 0 3%;
}
.chanye-s3 p {
	font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 50px;
}
.chanye-s4 {padding-bottom: 5%;}
.chanye-s4 ul li {
	float: left;
    width: 47%;
    margin-right: 1.5%;
    position: relative;
    margin-left: 1.5%;
}
.chanye-s4 ul li.li2 {
	margin-top: 60px;
}
.chanye-s4 ul li img {width: 100%;display: block;margin-bottom: 15px;}
.chanye-s4 .detail .no {
	position: absolute;
    left: 0;
    top: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: 10px;
    color: #002d74;
}
.chanye-s4 .detail .no:before {
	content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 11px;
    width: 1px;
    height: 100px;
    background: #002d74;
}
.chanye-s4 .detail h4 {
	padding-left: 40px;
    font-size: 24px;
}
.chanye-s4 .detail p {
	padding-left: 40px;
    font-size: 16px;
	padding-top: 10px;
}

.chanye-s2-2 .w90 {
    position: absolute;
    color: #fff;
    width: 90%;
    left: 50%;
    transform: translateY(-50%);
    top: 50%;
    margin-left: -45%;
}
.chanye-s2-2 ul {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.chanye-s2 .ti h3 {    margin-bottom: 0px;}

.chanye-s2 .ti .hotel-lx {margin-top: 20px;}
.chanye-s2 .ti .hotel-lx p {
	float: left;
    margin-right: 30px;
    font-size: 18px;
    border-right: 1px solid rgb(255 255 255);
    padding-right: 30px;
    padding-top: 0;
}
.chanye-s2 .ti .hotel-lx p:last-child {
	border-right: 0px solid rgb(255 255 255);
	padding-right: 0px;
}
.chanye-s2 .ti .hotel-lx p img {
	display: block;
    width: 40px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.chanye-other {
	position: relative;
    z-index: 2;
    padding: 6.5% 0 5%;
}
.chanye-other.bgf7 {
	background-color: #f7f7f7;
}

.chanye-other .c-en-title1{
	position: absolute;
    top: -60px;
    left: calc(-1.6rem - 50px);
    z-index: -1;
    font-size: 300px;
    line-height: 1;
    white-space: nowrap;
    color: #e3e3e3;
}
.chanye-other h3 {
	font-size: 34px;
	font-weight: bold;
    margin-bottom: 30px;
}
.chanye-other.qixia-box ul li .title h2 {
	font-size: 22px;
}

.chanye-other.qixia-box ul li {
	float: left;
    width: 24%;
    height: 350px;
    margin-left: 0;
    margin-right: 1%;
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;
}
.chanye-other.qixia-box.f6 ul li {
	    width: 32%;
}
.chanye-other.qixia-box ul li .title h3 {
		font-size: 14px;
	    letter-spacing: 0;
	    padding: 0 50px;
	    font-weight: normal;
	margin-bottom: 0px;
	padding-top: 10px;
}
.qixia-box ul li .title h3 {
	font-size: 15px;
	    letter-spacing: 0;
	    padding: 0 50px;
	    font-weight: normal;
	margin-bottom: 0px;
	padding-top: 10px;
}

.chanye-other.qixia-box ul li .title {font-size: 20px;}
.chanye-other.qixia-box ul li .title p {font-size: 14px;}
.chanye-other.qixia-box .actionBtn15 .lb  {font-size: 15px;}

.chanye-s2-3 .w90 {
    position: absolute;
    color: #fff;
    width: 90%;
    left: 50%;
    transform: translateY(-50%);
    top: 50%;
    margin-left: -45%;
}
.chanye-s2-3 .bg {
    height: 600px;
}
.chanye-s2-3 ul {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.chanye-s2-3 .ti p {
    line-height: 36px;
}
.chanye-s3-3 h3 {
	font-size: 30px;
    margin-bottom: 30px;
}
.chanye-s3-3 p img {
	width: 32%;
	display: inline-block;
	margin-right: 1%;
}

.chanye-s2-4 ul {
    position: relative;
    right: 0;
    top: 0;
}
.chanye-s2-4 ul li {
    margin-bottom: 30px;
    float: left;
    width: 24%;
	text-align: center;
}
.chanye-s2-4 .w90 {top: 45%;}

.chanye-s2-5 .bg {
	width: 100%;
	height: 660px;
	background-position: center;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.chanye-s2-5 .ry {
	display: block;
	line-height: 36px;
}
.chanye-s2-5 .w90 {
    top: 20%;
}	

.chanye-s2-7 .bg {height: 450px;}
.chanye-s3-7 {
	padding: 5% 0;
	background: #f7f7f7;
}
.chanye-s3-7 h2 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    color: #002d74;
    font-family: 'Montserrat-bold';
}
.chanye-s3-7 h3 {
	font-size: 30px;
    margin-bottom: 30px;
}
.chanye-s3-7 ul li {
    float: left;
    width: 48%;
    height: 390px;
    margin-bottom: 30px;
    margin-right: 2%;
        background: #f7f7f7;
        padding: 261px 0% 10px;
	background-position: center;
	background-size: cover;
}
.chanye-s3-7 ul li:first-child {
	background-position: center bottom;
}
.chanye-s3-7 ul li:nth-child(4) {
	background-position: center;
}
.chanye-s3-7 ul li h4 {
    font-size: 20px;
        /* margin-bottom: 10px; */
        color: #002d74;
        background: rgb(255 255 255 / 76%);
        display: block;
        padding: 5px;
        font-weight: bold;
        padding-left: 20px;
        padding-top: 20px;
}
.chanye-s3-7 ul li p {
	font-size: 16px;
	height: 70px;
	    line-height: 30px;
	    padding: 0px 20px 10px;
	    /* height: 60px; */
	    color: #262626;
	    background: rgb(255 255 255 / 76%);
}
.chanye-s3-8 {padding: 5% 0;}
.chanye-s3-8 li {
	float: left;
	width: 16%;
	text-align: center;
}
.chanye-s3-8 li h4 {
	font-size: 18px;
}
.chanye-s3-8 li .icon {
	border: 1px solid #ff6e1e;
    width: 80px;
    margin: 0 auto;
    padding: 20px 0;
    margin-bottom: 15px;
    border-radius: 5px;
}
.chanye-s3-8 li img {
	display: block; 
	margin: 0 auto; 
	width: 40px;
}
.qixia-2 li {
	background: linear-gradient(to right, #f7f7f7 64.58%, #fff 64%);
	position: relative;
    padding: 80px 0;
    margin-bottom: 80px;
}
.qixia-2 li .w90 {
	position: relative;
}
.qixia-2 li:nth-child(even) {
	background: linear-gradient(to left, #f7f7f7 64.58%, #fff 64%);
}
.qixia-2 li a:hover {
	color: #333;
}
.qixia-2 li .title {
	z-index: 2;
    width: 28%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    float: left;
	left: 0;
}
.qixia-2 li .title h2 {
	font-size: 26px;
    margin-bottom: 40px;
}
.qixia-2 li .title p {
	line-height: 30px;
    color: #666;
    font-size: 16px;
}
.qixia-2 li .pic {
	position: relative;
    z-index: 3;
    width: 65%;
    float: right;
    height: 600px;
    background-size: cover;
}
.qixia-2 li:nth-child(even) .pic {float: left;}
.qixia-2 li:nth-child(even) .title {
    float: right;
    left: auto;
	right: 0;
}

.banner_paiqi .background-image {
	background-image: url(../images/visual02.jpg);
}
.paiqi-section {
	padding: 5% 0;
}
.paiqi-section .ti {
	text-align: center;
	font-size: 28px;
	margin-bottom: 50px;
}
.paiqi-section .ti h2 {
	text-transform: uppercase;
    font-size: 34px;
    font-weight: bold;
    color: #002d74;
    
}
.paiqi-section .ti h3,
.zhaopin-section .ti h3,
.honor-section h3

 {
	 font-size: 28px;
	font-family: 'Montserrat-bold';
}
.paiqi-section .ti p {
	padding-bottom: 20px;
}
.paiqi-section .ti::after {
	content: "";
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 1px;
    height: 60px;
    background-color: #ddd;
}
.paiqi-section .zh-date ul {text-align: center;}
.paiqi-section .zh-date li {
	display: inline-block;
}
.paiqi-section .zh-date li a {
	font-size: 20px;
    display: block;
    background: #002d74;
    padding: 5px 40px;
    border-radius: 50px;
    color: #fff;
}

.paiqi-section .zh-box{margin-top: 50px;}
.paiqi-section .zh-box li {
	float: left;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 35px;
}
.paiqi-section .zh-box li a:hover {color: #333;}
.paiqi-section .zh-box .zhpic {
	width: 100%;
	height: 350px;	
	position: relative;
	overflow: hidden;
}
.paiqi-section .zh-box .zhpic .tu {
	transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.paiqi-section .zh-box li:hover .zhpic .tu{
	transform: scale(1.08, 1.08);
}

.paiqi-section .zh-box .ject_mid_2_left_1 {
	font-size: 22px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.paiqi-section .zh-box .ject_mid_2_left_2{
	font-size: 15px;
    color: #555;
}
.paiqi-section .zh-box .ject_mid_2_left_2 span {
	display: block;
    padding-left: 32px;
	margin-bottom: 5px;
}
.paiqi-section .zh-box .ject_mid_2_left_2 .span1 {
	background: url(/images/icon16.png) no-repeat left;
	background-size: 26px;
}
.paiqi-section .zh-box .ject_mid_2_left_2 .span2 {
	background: url(/images/icon17.png) no-repeat left;
	background-size: 28px;
}
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family: "Montserrat-Medium";height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:10;}

.paiqi-section .zh-box li:hover .a-image-hover {
  background: url(plus.png) no-repeat 50% 60%;
  background-size: 25px;
}

.a-image-hover span{
	display:inline-block;
	opacity:0;
	transform:translate3d(-30px,0,0);
	transition:all .5s cubic-bezier(.14,1,.34,1) 0s
}
.paiqi-section .zh-box li:hover .a-image-hover span {
    opacity: 1;
    transform: translateZ(0);
}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.paiqi-section .zh-box li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.paiqi-section .zh-box li:hover .a-image-hover span:first-child{transition-delay:.12s}
.paiqi-section .zh-box li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.paiqi-section .zh-box li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.paiqi-section .zh-box li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}

.zhpic:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.paiqi-section .zh-box li:hover .zhpic:after{
	opacity:1;
}

.dangqun_page {
	padding: 5% 0;
	margin-top: 20px;
}
.dangqun_page .dangul li {
	background-color: #F9FAFC;
    padding: 30px;
    width: 31.33333%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
	margin-bottom: 30px;
}
.dangqun_page .dangul li a:hover {
	color: #333;
}
.dangqun_page li .item-month {
	font-size: 45px;
    line-height: 50px;
}
.dangqun_page li .item-year {
	font-size: 15px;
}
.dangqun_page li .neir {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	height: 68px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.dangqun_page li:hover .neir{
	color:#d40000
}
.zeren_page li:hover .neir {    color: #002d74;}

.dangqun_page li .zhutu {
	position: relative;
	overflow: hidden;
}
.dangqun_page li .zhutu img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.dangqun_page li:hover .zhutu img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.dangqun_page li .zhutu::before {
    padding-top: 53.33333%;
	content: "";
    display: block;
}

.article_banner .background-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url(/images/picture14.jpg);
}
.article_page {
	padding: 5% 0 0;
	position: relative;
    z-index: 2;
}
.article_page .w90 {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
	position: relative;
}
.article_page .left-body {
	width: 60%;
}


.article_page .left-body h1 {
	font-size: 30px;
}
.article_page .left-body .article-date {
	color: #555;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.article_page .left-body .content {
	line-height: 28px;
	font-size: 16px;
	padding-bottom: 100px;
	text-align:justify
}
.article_page .left-body .content table {width: 100%;}
.article_page .left-body .content table td {vertical-align: middle; }
.article_page .left-body .content table td span {
	display: block;
	font-family: Montserrat-Medium, source-han-sans-simplified-c, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif !important;
}
.article_page .left-body .content a:hover {
	color: #333;
	text-decoration: underline;
}

.article_page .left-body .content strong span,
.article_page .left-body .content strong {font-weight:bold}
.article_page .left-body .content em {
	font-style: italic;
	border-left: 1px solid #002d74;
	padding-left: 10px;
	display: block;
}

.article_page .left-body .content video{
	width: 100%;
	    height: 100%;
	    vertical-align: middle;
	 
	    z-index: 999;
	    padding: 0;
	    top: 0;
}

.article_page .left-body .content img {max-width: 100%;}
.article_page .right-fix {	
	width: 25%;
	background: #f7f7f7;
    padding: 2%;
	position:absolute;
}
#sidebar.fixed {position:fixed;top: 100px !important;}
.article_page .right-fix .prev {margin-bottom: 20px;}
.article_page .right-fix .next {
	border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.article_page .right-fix a {
	font-size: 16px;
}
.article_page .right-fix a:hover {color: #002d74;}
.article_page .right-fix .return a {
	color: #002d74;
    background: url(/images/icon-arrow2.png) no-repeat right;
    background-size: 20px;
    padding-right: 25px;
}
.article_page .right-fix .return a:hover {
	padding-right: 33px;
}

.article-foot .footer {z-index: 9;}
.other-article {
	background: #fff;
	position: relative;
	z-index: 2;
}
.other-article.dangqun_page li:hover .neir {color: #002d74;}

.cb-main .cb-1 {
	position: relative;
    display: block;
    width: 100%;
    height: 35vw;
}
.cb-main .cb-1:hover .left {
	/*background: #242425;
	background: #002d74;*/
}
.cb-main .cb-1 .left {
	position: relative;
    float: left;
    width: 50%;
    height: 100%;
    background-color: #f3f3f3;
    background:  ;
	-webkit-transition:all 0.3s ease;
    transition:all 0.3s ease; 
	
}
.cb-main .cb-2 .left {
	position: relative;
    float: right;
    background-color: #f3f3f3;
}

.cb-main .cb-1 .left .wen {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 88%;
}
.cb-main .cb-1 .left .wen .title {
 
	font-size: 38px;
	margin-bottom: 30px;
	text-transform: uppercase;
    font-weight: bold;
    line-height: 44px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    
	color: #002d74;
}
.cb-main .cb-1 .left .wen .title span{
	font-family: Montserrat-Medium, source-han-sans-simplified-c;
	font-weight: bold;
}
.cb-main .cb-1:hover .left .wen .title {
	/*color: #7592bf;
	/*color: #fff;*!/*/
}
 


.cb-main .cb-1 .left .wen .title b {
	font-size: 32px;
	padding-left: 20px;
	font-weight: normal;
}
.cb-main .cb-1 .left .wen .desc {
	font-size: 17px;
    line-height: 32px;
    white-space: normal;
    word-break: break-all;
    color: #333;
}
.cb-main .cb-1 .left .wen .desc .bankuai {
	margin-top: 50px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a {
    display: block;
    margin-right: 40px;
	margin-bottom: 0px;
    border: 0px solid rgb(255 255 255 / 62%);
    padding: 62px 0px 5px;
    font-size: 15px;
    position: relative;
    float: left;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    text-align: center;	
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li1 {
	background: #e2e2e2 url('/images/h2/h1.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li2 {
	background: #e2e2e2 url('/images/h2/h2.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li3 {
	background: #e2e2e2 url('/images/h2/h3.png') no-repeat center 24px;
	background-size: 42px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li4 {
	background: #e2e2e2 url('/images/h2/h4.png') no-repeat center 20px;
	background-size: 34px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li5 {
	background: #e2e2e2 url('/images/h2/h5.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li6 {
	background: #e2e2e2 url('/images/h2/h6.png') no-repeat center 20px;
	background-size: 36px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li7 {
	background: #e2e2e2 url('/images/h2/h7.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li9 {
	background: #e2e2e2 url('/images/h2/h9.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li10 {
	background: #e2e2e2 url('/images/h2/sz-01.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li11 {
	background: #e2e2e2 url('/images/h2/sz-02.png') no-repeat center 20px;
	background-size: 40px;
}

.cb-main .cb-1 .left .wen .desc .bankuai a.li12 {
	background: #e2e2e2 url('/images/h2/sz-03.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a.li13 {
	background: #e2e2e2 url('/images/h2/sz-04.png') no-repeat center 20px;
	background-size: 40px;
}
.cb-main .cb-1 .left .wen .desc .bankuai a:hover {    color: #333;
	/*background: #002d74;
    border: 0px solid #002d74;*/
}
.cb-main .cb-1 .left .wen .desc .bankuai a span {
	padding-left: 0px;
	width: 100%;
	text-align: center;
}

.cb-main .cb-1 .right {
	float: right;
    position: relative;
    width: 50%;
    height: 100%;
}
.cb-main .cb-2 .right {
	float: left;
    position: relative;
    width: 50%;
    height: 100%;
}
.cb-main .cb-1 .right .bg {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.cb-main .cb-2 {margin-top: 0px;}
.cb-main .cb-3 {margin-top: 20px;}

.organi-box .zuzhi {
	/*background: #002d74;*/
    padding: 0px 0;
}
.organi-box .zuzhi img {
	max-width: 1080px;
}

.zhpaiqi .left-body .content .sj-dd {
	background: #eee;
	padding: 20px 20px 15px;
    margin-bottom: 30px;
    color: #333;
}
.zhpaiqi .left-body .content .sj-dd span {
	display: block;
	padding-left: 32px;
	margin-bottom: 10px;
    font-size: 18px;
}
.zhpaiqi .left-body .content .sj-dd .sj {
    background: url(/images/icon18.png) no-repeat left;
    background-size: 26px;
}
.zhpaiqi .left-body .content .sj-dd .dd {
    background: url(/images/icon19.png) no-repeat left;
    background-size: 28px;
}
.zhpaiqi .left-body .content .sj-dd .zh {
    background: url(/images/icon20.png) no-repeat left;
    background-size: 28px;
}
.other-paiqi {
	background: #f7f7f7;
	position: relative;
    z-index: 2;
    margin-top: 70px;
	padding: 3% 0;
}
.other-paiqi .w90 {
	width: 88%;
}
.other-paiqi h2 {
	font-size: 28px;
	padding-bottom: 30px;
}
.other-paiqi li {
	float: left;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 35px;
}
.other-paiqi li a:hover {color: #333;}
.other-paiqi .zhpic {
	width: 100%;
	height: 350px;	
	position: relative;
	overflow: hidden;
}
.other-paiqi .zhpic .tu {
	transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.other-paiqi li:hover .zhpic .tu{
	transform: scale(1.08, 1.08);
}

.other-paiqi .ject_mid_2_left_1 {
	font-size: 22px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.other-paiqi .ject_mid_2_left_2{
	font-size: 15px;
    color: #555;
}
.other-paiqi .ject_mid_2_left_2 span {
	display: block;
    padding-left: 32px;
	margin-bottom: 5px;
}
.other-paiqi .ject_mid_2_left_2 .span1 {
	background: url(/images/icon16.png) no-repeat left;
	background-size: 26px;
}
.other-paiqi .ject_mid_2_left_2 .span2 {
	background: url(/images/icon17.png) no-repeat left;
	background-size: 28px;
}

.other-paiqi li:hover .a-image-hover {
  background: url(plus.png) no-repeat 50% 60%;
  background-size: 25px;
}

.other-paiqi li:hover .a-image-hover span {
    opacity: 1;
    transform: translateZ(0);
}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.other-paiqi li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.other-paiqi li:hover .a-image-hover span:first-child{transition-delay:.12s}
.other-paiqi li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.other-paiqi li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.other-paiqi li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}

.other-paiqi li:hover .zhpic:after{
	opacity:1;
}

.dang_banner .background-image {
	background-image: url(/images/dang.jpg);
}
.zeren_banner .background-image {
	background-image: url(/images/picture15.jpg);
}



.cont-1 li{
	float: left;
	width: 33.333%;
	font-size: 18px;
	color: #002d74;
}
.cont-1 li a{
	background: #002d74;
	    width: 90px;
	    height: 35px;
	    line-height: 35px;
	    margin-top: 20px;
	    color: #fff;
	    display: block;
	    font-size: 13px;
	    text-align: center;
}

.cont-1 li b{
	background: url('../images/n1.png') no-repeat left top;
	width: 50px;
	height: 50px;
	display: block;
	border: 1px solid #b2b2b2;
	border-radius: 50px;
	margin-bottom: 20px;
}
.cont-1 li.youxiang b{
	background: url('../images/n2.png') no-repeat left top;
}
.cont-1 li.dizhi b{
	background: url('../images/n3.png') no-repeat left top;
}
.cont-1 li span{
	display: block;
	font-size: 16px;color: #333;
}
.map #container {
    height: 600px;
    width: 100%;
}
.map {
    height: 550px;
    overflow: hidden;
    margin: 70px 0 60px;
}

.his-box ul {
	 padding-bottom: 120px;
}
.his-box ul li {
	width: 45%;
	float: right;
	position: relative;
	min-height: 276px;
}
.his-box ul li.li2,
.his-box ul li.li3,
.his-box ul li.li6,
.his-box ul li.li7,
.his-box ul li.li8,
.his-box ul li.li9, 
.his-box ul li.li10,
.his-box ul li.li11,
.his-box ul li.li12,
.his-box ul li.li13, 
.his-box ul li.li14,
.his-box ul li.li15 {margin-top: -50px;}

.his-box ul li.li4,
.his-box ul li.li5,
.his-box ul li.li8, 
.his-box ul li.li13,
.his-box ul li.li14 {margin-top: -80px;}



.his-box ul li.fl {
	float: none;
	margin-left: 0;
}
.his-box ul li div.img{
	float: none;
	width: 300px;
	width: 100%;
	text-align: left;
}


.his-box ul li.fl div.img{
	float: none;
	text-align: right;
	
}
.his-box ul li.fl p{
	float: none;
	padding-left: 0;
	padding-right: 0px;
	text-align: right;
}
.his-box ul li div.img img{
	height: 200px;
	
	padding-bottom: 20px;
}
.his-box ul li p{
	float: none;
	font-size: 16px;
	line-height: 2;
	text-align: left;
	padding-left: 0px;
	/*width: calc(100% - 320px);*/
}
.his-box ul li.pad50 p {
	padding-right: 120px;
}
.his-box ul li p b{
	font-size: 22px;
	font-weight: bold;
	color: #002d74;
	display: block;
	font-family: 'Montserrat-bold';
}
.his-box ul li .dian{
	content: '';
	position: absolute;
	left: -11.9%;
	z-index: 9;
	top: 300px;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #222;
}
.his-box ul li.fl .dian{
	right: -11.3%;
	left: auto;
}
.his-box ul li.li1 .dian,
.his-box ul li.li2 .dian,
.his-box ul li.li3 .dian,
.his-box ul li.li4 .dian,
.his-box ul li.li5 .dian,
.his-box ul li.li6 .dian,
.his-box ul li.li7 .dian,
.his-box ul li.li8 .dian, 
.his-box ul li.li9 .dian,
.his-box ul li.li10 .dian,
.his-box ul li.li11 .dian,
.his-box ul li.li12 .dian, 
.his-box ul li.li13 .dian,
.his-box ul li.li14 .dian,
.his-box ul li.li15 .dian {top: 215px;}


.his-box ul li.li15 .dian {    top: 270px;}



.his-box ul li:before {
    content: '';
    display: block;
    width: 1px;
    right: 111.7%;
    margin-left: -2px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: #777;
}
.his-box ul h2{
	text-align: center;
	position: relative;
	padding-top: 40px;
	font-size: 16px;
	text-indent: -10px;
	font-family: 'Montserrat-bold';
}
.his-box ul h2::after{
	content: '';
	position: absolute;
	left: 49.72%;
	z-index: 9;
	bottom: -6px;
	margin-left: -5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #222;
}
.his-box ul li.fl:before {
    right: -10.53%;
    left: auto;
}

.amap-icon img {
	position: absolute;
	z-index: -1;
	width: 170px !important;
	left: -70px !important;
	top: -50px !important;
}

@media screen and (min-width:1900px) {
	/*.footer .foot_menu li {margin-right: 9%;}*/
	.footer .foot_menu li h3 {
		font-size: 18px;
	}	
	.sobue__wave {bottom: 33%;}
	.about-seciton2 .txt p {
		font-size: 18px;
	}
	.about-seciton2 .txt p {
		padding: 50px 50px;
	}	
	.zhaopin-section .w90 {
		width: 80%;
	}
	.qixia-section .w90 {width: 90%;}

}

@media screen and (max-width:1500px) {
	.footer .foot_menu li {margin-right: 7%;}
	
	.about-seciton .title {padding-top: 90px;}
	.quicklinks {bottom: 90px;}
	.sobue__wave {bottom: 20%;}
	.section1 .logo-img {
		position: absolute;
		width: 400px;
	}
	.about-seciton2 .txt {width: 45%;}
	.company_1 .lines {top:-30px}
	.chanye-other.qixia-box ul li {width: 48%;}
	.qixia-2 li .pic {height: 480px;}
	.cb-1 {height: 45vw;}
	#top-menu li:nth-child(2) {
		margin-bottom: 3%;
	}
	.bottom-contanct {
		bottom: 2%;
	}
	.company_mission {padding-bottom: 50px;}
	
}

@media screen and (max-width:1300px) {
	.footer .foot_menu li h3 {font-size: 16px;}
	/*.footer .foot_menu {margin-left: 4%;}*/
	.footer .code-2 .wechat img {width: 80px;}

}



.cssanimations .anim_emt {
	visibility: hidden
}
.cssanimations .anim_emt.visb {
	visibility: inherit
}
.split [class*=word] {
	display: inline-block
}
.split .spt {
	display: inline-block;
	text-rendering: optimizeSpeed;
	text-transform: none;
	visibility: hidden
}
.split .spt.visb {
	visibility: visible
}
.split .spt.start {
	-webkit-animation: mk_spt 1s cubic-bezier(.165,.84,.44,1) both;
	animation: mk_spt 1s cubic-bezier(.165,.84,.44,1) both;
	visibility: visible
}

.anim_emt.start {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.anim_emt.start.scale_up {
	-webkit-animation-name: mk_scale;
	animation-name: mk_scale
}

.anim_emt.start.fade_in {
	-webkit-animation-name: mk_fade;
	animation-name: mk_fade
}

.anim_emt.start.r_to_l {
	-webkit-animation-name: mk_right_to_left;
	animation-name: mk_right_to_left
}

.anim_emt.start.l_to_r {
	-webkit-animation-name: mk_left_to_right;
	animation-name: mk_left_to_right
}

.anim_emt.start.t_to_b {
	-webkit-animation-name: mk_top_to_bottom;
	animation-name: mk_top_to_bottom
}

.anim_emt.start.b_to_t {
	-webkit-animation-name: mk_bottom_to_top;
	animation-name: mk_bottom_to_top
}
.anim_emt.start {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.anim_emt.start.scale_up {
	-webkit-animation-name: mk_scale;
	animation-name: mk_scale
}

.anim_emt.start.fade_in {
	-webkit-animation-name: mk_fade;
	animation-name: mk_fade
}

.anim_emt.start.r_to_l {
	-webkit-animation-name: mk_right_to_left;
	animation-name: mk_right_to_left
}

.anim_emt.start.l_to_r {
	-webkit-animation-name: mk_left_to_right;
	animation-name: mk_left_to_right
}

.anim_emt.start.t_to_b {
	-webkit-animation-name: mk_top_to_bottom;
	animation-name: mk_top_to_bottom
}

.anim_emt.start.b_to_t {
	-webkit-animation-name: mk_bottom_to_top;
	animation-name: mk_bottom_to_top
}

.visb {
	visibility: visible
}

.invisible {
	visibility: hidden
}
@keyframes wave{
    50%, 75% {    transform: scale(1.5);-webkit-transform: scale(1.5);   }  80%, 100% {    opacity: 0;  }
}
@-webkit-keyframes wave{
    50%, 75% {    transform: scale(1.5);-webkit-transform: scale(1.5);  }  80%, 100% {    opacity: 0;  }
}

@-webkit-keyframes mk_scale {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes mk_scale {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes mk_fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes mk_left_to_right {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes mk_left_to_right {
	0% {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_right_to_left {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes mk_right_to_left {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_bottom_to_top {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mk_top_to_bottom {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_spt {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes mk_spt {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes mk_line {
	0% {
		width: 0;
		opacity: 0
	}

	100% {
		width: 100%;
		opacity: 1
	}
}

@keyframes mk_line {
	0% {
		width: 0;
		opacity: 0
	}

	100% {
		width: 100%;
		opacity: 1
	}
}


@-webkit-keyframes throb {
	0% {
	  -webkit-transform: scale(1);
	}
  
	50% {
	  -webkit-transform: scale(0.8);
	}
  
	100% {
	  -webkit-transform: scale(1);
	}
  }
  
  @keyframes throb {
	0% {
	  transform: scale(1);
	}
  
	50% {
	  transform: scale(0.8);
	}
  
	100% {
	  transform: scale(1);
	}
  }


@keyframes piaodong {
	0%{
		opacity: 1;top:15%;left:55%;
				}
				30%{
					opacity: 1;top:18%;left:52%;
				}
				50%{
					opacity: 1;top:17%;left:49%;
				}
				75%{
					opacity: 1;top:15%;left:46%;
				}
				85%{
					opacity: 1;top:14%;left:43%;
				}   
				100%{
					opacity: 0.1;top:13%;left:40%;
				}     
 }

 @keyframes piaodong2 {
	0%{
				opacity: 1;top:20%;right:22%;
				}
				30%{
					opacity: 1;top:17%;right:20%;
				}
				50%{
					opacity: 1;top:14%;right:18%;
				}
				75%{
					opacity: 1;top:11%;right:16%;
				}
				85%{
					opacity: 1;top:8%;right:14%;
				}   
				100%{
					opacity: 0.1;top:5%;right:12%;
				}     
 } 



 @media (max-width:1440px) {
 	.main_head .menu{
 		padding-left: 150px;
 	}
 	.zhaopin-section .question-list li .ques-txt {
 		bottom: -10vh;
 		height: 300px;
 	}
	 .current.three::before, .current.four::before, .current.five::before {
		width: 45px;
	 }
	 .layer3 h2 {
		font-size: 46px;
		line-height: 50px;
	 }	
	 .layer3 h2 b {font-size:42px ;}
	 .layer2 {font-size: 48px;}
 }
@media (max-width:1366px) {
	.main_head .menu{
		padding-left: 200px;
	}
	.main_head .menu .main-menu li {
		padding: 0 15px;
	}
	.about-seciton2 .txt {
		width: 55%;
	}
	.select_box .select3 ul {
		width: 95%;left: 8%;
	}
	.news-section .n-list .text h3 {font-size: 18px;height: auto;}
	.cb-main .cb-1 .left .wen .desc .bankuai a {
		width: 90px;
		height: 90px;
		padding: 52px 0px 5px;
	}
	.cb-main .cb-1 .left .wen .desc .bankuai a.li3 {
		background: #e2e2e2 url(/images/h2/h3.png) no-repeat center 24px;
		background-size: 32px;
	}
	.cb-main .cb-1 .left .wen .title {
		font-size: 32px;line-height: 30px;
	}
	.chanye-section .ti h2 {font-size: 30px;}
	.company_mission .img-box>img {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#top-menu {
		padding-top: 20px;
	}
	.menu__item a {font-size: 24px;}
	.menu__item p a {height: 25px; font-size: 16px;}
	.current.three::before, .current.four::before, .current.five::before {width: 30px;}
	.select_box ul li.desc .bankuai a {padding: 5px 17px;}
}