﻿*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #000;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
body{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	font-size: 14px;
	color: #000;
	overflow: hidden;
	font-family:arial,"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	
	
}

@font-face {
	font-family: Baron-Neue-Bold;
	src: url(../fonts/Baron-Neue-Bold.eot);
	src: url(../fonts/Baron-Neue-Bold.eot#iefix) format("embedded-opentype"), url(../fonts/Baron-Neue-Bold.woff2) format("woff2"), url(../fonts/Baron-Neue-Bold.woff) format("woff"), url(../fonts/Baron-Neue-Bold.ttf) format("truetype"), url(../fonts/Baron-Neue-Bold.svg#Baron-Neue-Bold) format("svg")
}

.fm-FuturaND{
	font-family: Baron-Neue-Bold;
	font-weight: bold;
}


/*顶部*/
header{
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 39;
}
.header{
	font-size: 0;
}
.logo{
	float: left;
	line-height: 90px;
	max-width: 150px;
}
.logo img{
	width:100%;
}
.logo .img2{
	display: none;
}
.header-yz{
	float: right;
	width: 50px;
	font-size: 20px;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding-left: 10px;
	line-height: 30px;
	margin-top: 30px;
	position: relative;
	margin-left: 70px;
}
.header-yz:hover{
	color: #fff;
}
.header-yz:after{
	content: '';
	width: 1px;
	height: 16px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 7px;
}
.header-nav{
	float: right;
	/*overflow: hidden;*/
	font-size: 0;
}
.header-nav li{
	display: inline-block;
	margin-left: 90px;
	position: relative;
}
.header-nav li .a1{
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 90px;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	position: relative;
}
.header-nav li .a1:after{
	content: '';
	width: 0;
	height: 3px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.header-nav li .div1{
	position: absolute;
	left: 0%;
	top: 100%;
	/*width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);*/
	width: 150px;
	max-width: 150px;
	padding: 0 15px;
	display: none;
	margin-left: -15px;
	/*transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);*/
}
.header-nav li .div1 a{
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 15px 0;
	color: #fff;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	transition: all .3s;
-webkit-transition: all .3s;
}
.header-nav li .div1 a:hover{
	color: #fff;
	transition: all .3s;
-webkit-transition: all .3s;
}

@media(min-width:1201px){
	.header-nav li:hover .a1:after{
		right: initial;
		left: 0;
		width: 100%;
		transition: all .3s;
	-webkit-transition: all .3s;
	}
	.header-nav li.on .a1:after{
		width: 100%;
	}
	.header-nav li.on .a1:after{
		width: 100%;
	}
}

header.bj{
	background: #fff;
}
header.bj .logo .img1{
	display: none;
}
header.bj .logo .img2{
	display: inline-block;
}
header.bj .header-nav li .a1{
	color: #000;
}
header.bj .header-nav li .a1:hover{
	color: #003366;
}
header.bj .header-nav li .a1:after{
	background: #003366;
}
header.bj .header-yz{
	color: #000;
}
header.bj .header-yz:after{
	background: #000;
	/*display: none;*/
}
header.bj .header-nav li .div1{
	background: #fff;
	box-shadow: 0 0 3px #eee;
}
header.bj .header-nav li .div1 a{
	color: #666;
}
header.bj .header-nav li .div1 a:hover{
	color: #000;
}

header.on{
	background: #fff;
}
header.on .logo .img1{
	display: none;
}
header.on .logo .img2{
	display: inline-block;
}
header.on .header-nav li .a1{
	color: #000;
}
header.on .header-nav li .a1:hover{
	color: #003366;
}
header.on .header-nav li .a1:after{
	background: #003366;
}
header.on .header-yz{
	color: #000;
}
header.on .header-yz:after{
	background: #000;
	/*display: none;*/
}
header.on .header-nav li .div1{
	background: #fff;
	box-shadow: 0 0 5px #ccc;
}
header.on .header-nav li .div1 a{
	color: #666;
}
header.on .header-nav li .div1 a:hover{
	color: #000;
}

@media(min-width:1201px){
	header.bj .header-nav li.on .a1{
		color: #003366;
	}
	header.on .header-nav li.on .a1{
		color: #003366;
	}
}

header.xt.bj{
	border-bottom: 1px solid #E5E5E5;
}


.header-dx{
	width: 35px;
	margin-top: 30px;
	text-align: right;
	margin-left:15px ;
	overflow: hidden;
	display: none;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
	background: #fff;
	float: right;
	
}
header.on .header-dx div{
	background: #000;
}
.header-dx div{
	transition: all .5s; 
}
.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
   transition: all .5s; 
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;
   top:1px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-nav .li2>i{
	display: none;
}

@media(max-width:1600px){
	.header-nav li{
		margin-left: 50px;
	}
	header{
		height: 80px;
	}
	.logo{
		line-height: 80px;
		max-width: 130px;
	}
	.header-nav li .a1{
		font-size: 20px;
		line-height: 80px;
	}
	.header-yz{
		margin-top: 25px;
	}
	.header-nav li .div1 a{
		font-size: 14px;
	}
}
@media(max-width:1200px){
	.header-dx{
		display: block;
	}
	.header-yz{
		padding-left: 0;
		padding-right: 10px;
		margin-right: 15px;
	}
	.header-yz:after{
		left: initial;
		right: 0;
	}
	header.bj .header-dx>div{
		background: #000;
	}
	.header-nav{
		width: 100%;
		height: calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		padding: 30px;
		border-top: 1px solid #E5E5E5;
		position: fixed;
		top: 90px;
		left: 0;
		background: #fff;
		display: none;
	}
	.header-nav li{
		display: block;
		width: 100%;
		margin: 0;
	}
	.header-nav li .a1{
		display: block;
		font-size: 18px;
		line-height: 100px;
		color: #000;
		border-bottom: 1px solid #ccc;
	}
	.header-nav li .div1{
		width: 100%;
		position: relative;
		top: initial;
		transform: initial;
		left: initial;
		padding: 10px 0;
		margin: 0;
		max-width: initial;
		border-bottom: 1px solid #ccc;
		box-shadow: inherit !important;
	}
	.header-nav li .div1 a{
		font-size: 18px;
		line-height: 50px;
		margin: 0;
		background: url(../img/ico05.png) no-repeat right center;
	}
	.header-nav .li2>i{
		display: block;
		width: 30%;
		height: 100px;
		position: absolute;
		z-index: 3;
		top: 0;
		right: 0;
		background: url(../img/jah.png) no-repeat right center;
	}
	.header-nav .li2.bj>i{
		background: url(../img/jh.png) no-repeat right center;
	}
}
@media(max-width:750px){
    .header-dx{
		width: .45rem;
		margin-top: .1rem;
		margin-left: .2rem;
		padding-top: .25rem;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .04rem;
		margin-bottom: .11rem;
	}
	.header-dx.cli .header-dx1{
		/*margin-bottom: .19rem;*/
	}
	
	header{
		height: 1rem;
	}
	.logo{
		line-height: 1rem;
		width: 1.6rem;
	}
	.header-yz{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .35rem;
		width: .6rem;
		padding-right: .2rem;
		margin-right: .2rem;
	}
	.header-yz:after{
		height: .24rem;
		top: .07rem;
	}
	.header-nav{
		height: calc(100% - 1rem);
    height: -webkit-calc(100% - 1rem);
    top: 1rem;
    padding: .2rem .4rem;
	}
	.header-nav li .a1{
		font-size: .3rem;
		line-height: 1.2rem;
	}
	.header-nav .li2>i,.header-nav .li2.bj>i{
		height: 1.2rem;
		background-size: .3rem;
	}
	.header-nav .li2 .div1 a{
		font-size: .26rem;
		line-height: .9rem;
	}
}



/*底部*/
footer{
	width: 100%;
	padding: 90px 0;
	background: #fff;
}
.footer{
	overflow: hidden;
}
.footer-lt{
	width: calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	float: left;
	max-width: 1200px;
	padding-right: 40px;
	padding-left: 30px;
	overflow: hidden;
}
.footer-list{
	width: 20%;
	float: left;
	padding-right: 15px;
	font-size: 0;
}
.footer-a{
	display: inline-block;
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
}
.footer-b{
	width: 100%;
	margin-top: 25px;
}
.footer-b li{
	font-size: 0;
	line-height: 1;
}
.footer-b li a{
	display: inline-block;
	font-size: 16px;
	color: #888;
	line-height: 20px;
	margin-bottom: 10px;
}
.footer-b li a:hover{
	color: #333;
}
.footer-c{
	width: 100%;
	margin-top: 28px;
}
.footer-c li{
	padding-left: 25px;
	background: no-repeat left 3px;
	font-size: 16px;
	line-height: 20px;
	color: #888;
	margin-bottom: 15px;
}

.footer-rt{
	width: 300px;
	float: right;
	padding-right: 30px;
}
.footer-rt .footer-c{
	display: none;
}
.footer-j{
	font-size: 22px;
	line-height: 25px;
}
.footer-k{
	margin-top: 20px;
	height: 22px;
	font-size: 0;
}
.footer-k li{
	display: inline-block;
	margin-right: 17px;
	position: relative;
	padding-bottom: 10px;
}
.footer-k li a{
	
}
.footer-k li>a img{
	height: 22px;
}
.footer-k li div{
	width: 110px;
	height: 110px;
	text-align: center;
	line-height: 100px;
	padding: 5px;
	box-shadow: 0 0 3px #ccc;
	position: absolute;
	right: 50%;
	top:30px;
	margin-right: -55px;
	background: #fff;
	z-index: 3;
	display: none;
}
.footer-k li div img{
	max-height: 100%;
}
.footer-k li:hover div{
	display: block;
}
.footer-l{
	font-size: 16px;
	line-height: 25px;
	color: #888;
	margin-top: 50px;
	padding-top: 55px;
	border-top: 1px solid #ddd;
}
@media(max-width:1600px){
	.footer-list:nth-child(4){
		width: 16%;
	}
	.footer-list:nth-child(5){
		width: 24%;
	}
}
@media(max-width:1200px){
	.footer-b,.footer-c{
		display: none;
	}
	.footer-lt{
		/*width: 100%;*/
		padding: 0;
		margin-bottom: 30px;
	}
	.footer-list{
		width: 33.333% !important;
		margin-bottom: 30px;
	}
	.footer-rt{
		float: left;
	}
	.footer-rt .footer-c{
		display: block;
		margin-top: 0;
	}
	.footer-j{
		display: none;
	}
	.footer-l{
		margin-top: 30px;
		padding-top: 30px;
	}
	.footer-k li div{
		top: initial;
		height: 90px;
		width: 90px;
		line-height: 80px;
		margin-right: -45px;
		bottom: 40px;
	}
}
@media(max-width:750px){
	footer{
		padding-top: .6rem;
		padding-bottom: .2rem;
	}
	.footer-lt{
		width: 100%;
		margin-bottom: .2rem;
	}
	.footer-rt .footer-c{
		display: block;
	}
	.footer-list{
		padding: 0;
		margin-bottom: .2rem;
	}
	.footer-a{
		font-size: .35rem;
		line-height: .45rem;
	}
	.footer-list:nth-child(3){
		text-align: right;
	}
	.footer-list:nth-child(2),.footer-list:nth-child(5){
		text-align: center;
	}
	.footer-rt{
		width: 100%;
		padding: 0;
	}
	.footer-rt .footer-c{
		width: 6rem;
	}
	.footer-c li{
		font-size: .24rem;
		line-height: .45rem;
		margin-bottom: .15rem;
	}
	.footer-l{
		margin-top: .4rem;
		padding-top: .3rem;
		font-size: .24rem;
		line-height: .45rem;
	}
	.footer-k li{
		padding-bottom: 0;
		padding-top: 5px;
	}
	.footer-k li div{
		left: 0;
		margin: 0;
		bottom:initial;
		top: 0;
		margin-top: -95px;
	}
	.footer-k{
		margin-top: .2rem;
	}
}


.gybotm{
	background: #fff;
}

.gybotm-img{
	width: 100%;
	position: relative;
	z-index: 1;
	margin-top: -210px;
}
.gybotm-top{
	width: 100%;
	height: 608px;
	position: relative;
	z-index: 2;
}
.gybotm-xg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	
}
.gybotm-div{
	width: 100%;
	max-width: 1160px;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.gybotm-a{
	font-size: 60px;
	line-height: 70px;
	padding-top: 35px;
	text-align: center;
}
.gybotm-b{
	font-size: 22px;
	line-height: 30px;
	padding-top: 15px;
	color: #888;
	text-align: center;
}
.gybotm-fm{
	margin-top: 35px;
	overflow: hidden;
	position: relative;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
}
.gybotm-fm li{
	width: 48%;
	float: left;
	max-width: 500px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.gybotm-fm li:after{
	content: '';
	width: 0;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.gybotm-fm li.animated:after{
	width: 100%;
	transition: all .5s .2s;
-webkit-transition: all .5s .2s;
}
.gybotm-fm li div{
	font-size: 20px;
	line-height: 60px;
	width: 100px;
	float: left;
}
.gybotm-fm li input{
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	float: left;
	font-size: 20px;
	line-height: 60px;
	padding: 0 10px;
	background: initial;
	outline:none;
	border: 0 !important;
}
.gybotm-fm li:nth-child(2n + 0){
	float: right;
}
.gybotm-fm-a{
	width: 100%;
	float: left;
	padding-right: 170px;
	margin: 20px 0;
	font-size: 16px;
	line-height: 30px;
	font-family: arial;
}
.gybotm-fm-a a{
	color: #06a3f4;
}
.gybotm-fm .sub{
	width: 140px;
	height: 55px;
	padding-left: 25px;
	background: #000 url(../img/ico08.png) no-repeat 25px center;
	color: #fff;
	border: 0 !important;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .3s;
-webkit-transition: all .3s;
}
.gybotm-fm .sub:hover{
	border-radius: 30px;
	transition: all .3s;
-webkit-transition: all .3s;
}
@media(max-width:1600px){
	.gybotm-top{
		height: 500px;
	}
	.gybotm-img{
		margin-top: -110px;
	}
	.gybotm-a{
		font-size: 46px;
		line-height: 60px;
	}
	.gybotm-b{
		font-size: 18px;
		line-height: 25px;
	}
}
@media(max-width:1000px){
	.gybotm-top{
		height: auto;
	}
	.gybotm-img{
		margin-top: -45px;
	}
	.gybotm-xg{
		background-size: 80% auto;
		background-position: center top; 
	}
	.gybotm-fm-a{
		margin-bottom: 70px;
		padding: 0;
	}
	.gybotm-fm li div{
		font-size: 16px;
		width: 80px;
	}
	.gybotm-fm li input{
		    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
	}
}






/*Projects*/
.crumbs{
	padding-top: 30px;
	font-size: 14px;
	color: #888;
	line-height: 25px;
	position: relative;
	z-index: 5;
}
.crumbs a{
	display: inline-block;
	margin-right: 5px;
}


.gyny-top-bj{
	padding-top: 120px;
	padding-bottom: 75px;
	/*overflow: hidden;*/
}
.gyny-top-xt{
	position: absolute;
	width: 100%;
	top: 130px;
	height: 415px;
	margin-top: 50px;
	overflow: hidden;
}
.gyny-top-xt img{
	/*max-height: 100%;
	max-width: initial;*/
	position: absolute;
	left: 0;
	
}
.gyny-top-xt .img1{
	left: 100%;
}
.gyny-top-xt .img3{
	left: 120%;
}
.gyny-top-xt .img5{
	left: 80%;
}
.gyny-top-xt .img2{
	left: -100%;
}
.gyny-top-xt .img4{
	left: 120%;
}
.gyny-top-xt.on img{
	left: 0;
	transition: all 2s linear .3s;
    -webkit-transition: all 2s linear .3s;
}
.gyny-top-xt .img1{
	animation:imgTB 10s linear 0s infinite;
	-moz-animation:imgTB 10s linear 0s infinite;
	-webkit-animation:imgTB 10s linear 0s infinite;
	-o-animation:imgTB 10s linear 0s infinite;
}
.gyny-top-xt .img2{
	animation:imgTB2 12s linear 0s infinite;
	-moz-animation:imgTB2 12s linear 0s infinite;
	-webkit-animation:imgTB2 12s linear 0s infinite;
	-o-animation:imgTB2 12s linear 0s infinite;
}
.gyny-top-xt .img3{
	animation:imgTB 11s linear 1s infinite;
	-moz-animation:imgTB 11s linear 1s infinite;
	-webkit-animation:imgTB 11s linear 1s infinite;
	-o-animation:imgTB 1s linear 1s infinite;
}
.gyny-top-xt .img4{
	animation:imgTB2 13s linear .5s infinite;
	-moz-animation:imgTB2 13s linear .5s infinite;
	-webkit-animation:imgTB2 13s linear .5s infinite;
	-o-animation:imgTB2 13s linear .5s infinite;
}
.gyny-top-xt .img5{
	animation:imgTB 11.5s linear .5s infinite;
	-moz-animation:imgTB 11.5s linear .5s infinite;
	-webkit-animation:imgTB 11.5s linear .5s infinite;
	-o-animation:imgTB 11.5s linear .5s infinite;
}
@keyframes imgTB{
	0%   {top: -20px;} 
	50%  {top: 40px;} 
	100% {top: -20px;}
}
@-moz-keyframes imgTB{
	0%   {top: -20px;} 
	50%  {top: 40px;} 
	100% {top: -20px;}
} 
@-webkit-keyframes  imgTB{
	0%   {top: -20px;} 
	50%  {top: 40px;} 
	100% {top: -20px;}
}
@-o-keyframes  imgTB{
	0%   {top: -20px;} 
	50%  {top: 40px;} 
	100% {top: -20px;}
}

@keyframes imgTB2{
	0%   {top: 20px;} 
	50%  {top: -40px;} 
	100% {top: 20px;}
}
@-moz-keyframes imgTB2{
	0%   {top: 20px;} 
	50%  {top: -40px;} 
	100% {top: 20px;}
} 
@-webkit-keyframes  imgTB2{
	0%   {top: 20px;} 
	50%  {top: -40px;} 
	100% {top: 20px;}
}
@-o-keyframes  imgTB2{
	0%   {top: 20px;} 
	50%  {top: -40px;} 
	100% {top: 20px;}
}
@media(max-width:750px){
	@keyframes imgTB{
		0%   {top: .3rem;} 
		50%  {top: -.4rem;} 
		100% {top: .3rem;}
	}
	@-webkit-keyframes  imgTB{
		0%   {top: .3rem;} 
		50%  {top: -.4rem;} 
		100% {top: .3rem;}
	}
	@keyframes imgTB2{
		0%   {top: .3rem;} 
		50%  {top: -.4rem;} 
		100% {top: .3rem;}
	}
	@-webkit-keyframes  imgTB2{
		0%   {top: .3rem;} 
		50%  {top: -.4rem;} 
		100% {top: .3rem;}
	}
}


.gyny-top-div{
	position: relative;
	z-index: 2;
}
.gyny-top-div .tit{
	font-size: 100px;
	text-align: center;
	color: #000;
	line-height: 1;
	text-transform: uppercase;
	overflow: hidden;
}
.gyny-top-div .tit>div{
	transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.gyny-top-div .tit.animated>div{
	    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .2s;
    -webkit-transition: all .5s .2s;
}
.gyny-top-div .txt{
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	max-width: 1340px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
	max-width: 980px;
}
.gyny-top-div .txt>div{
	transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.gyny-top-div .txt.animated>div{
	    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .6s;
    -webkit-transition: all .5s .6s;
}
.tithid{
	overflow: hidden;
}

.projects-nav{
	text-align: center;
	font-size: 0;
}
.projects-nav a{
	font-size: 20px;
	line-height: 50px;
	color: #888;
	display: inline-block;
	margin: 0 45px;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
}
.projects-nav a:hover{
	color: #000;
}
.projects-nav a.on{
	color: #000;
	border-bottom: 2px solid #000;
}
.projects{
	margin-top: 50px;
	overflow: hidden;
}
.projects a{
	display: block;
	width: 33.333%;
	float: left;
	overflow: hidden;
	position: relative;
	padding: 30px;
}
.projects-a{
	position: relative;
	z-index: 1;
}
.projects-b{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all .3s;
-webkit-transition: all .3s;
}
.projects a:hover .projects-b{
	opacity: 1;
	transition: all .3s;
-webkit-transition: all .3s;
}
.projects-d{
	position: absolute;
	top: 70%;
	left: 0;
	width: 100%;
	z-index: 5;
	padding: 0 15px;
	color: #000;
	text-align: center;
	transition: all .3s;
-webkit-transition: all .3s;
}
.projects-d1{
	font-size: 26px;
	line-height: 32px;
}
.projects-d2{
	margin-top: 15px;
	line-height: 1;
}
.projects-d2>div{
	display: inline-block;
	padding-right: 12px;
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 4px;
	color: #666;
	background: url(../img/ico05.png) no-repeat right center;
	transition: all .3s;
-webkit-transition: all .3s;
}
@media(min-width:1201px){
	.projects a:hover .projects-d{
		top: 73%;
		color: #fff;
		transition: all .3s;
	-webkit-transition: all .3s;
	}
	.projects a:hover .projects-d2>div{
		color: #fff;
		background-image: url(../img/ico05_1.png);
		transition: all .3s;
	-webkit-transition: all .3s;
	}
}
.projects-c{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	overflow: hidden;
	display: none;
}
.projects-c video{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}

.page{
	width: 100%;
	text-align: center;
	font-size: 0;
}
.page a{
	display: inline-block;
	font-size: 20px;
	text-align: center;
	width: 40px;
	line-height: 38px;
	height: 40px;
	color: #888;
	border-radius: 100%;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	margin: 0 2px;
}
.page a.active{
	background-color: #003366;
	color: #fff;
}
.page a.prev-page{
	background: url(../img/ico06.png) no-repeat center;
	position: relative;
	top: 12px;
}
.page a.next-page{
	background: url(../img/ico07.png) no-repeat center;
	position: relative;
	top: 12px;
}
.page a:hover{
	background-color: #003366;
	color: #fff;
}
.page a.prev-page:hover,.page a.next-page:hover{
	background-color:initial;
}
.projects-page{
	margin-top: 60px;
	margin-bottom: 160px;
}
.custom-pagination{
	text-align: center;
}
.custom-pagination ul{
	display: inline-block;
}
.custom-pagination ul li{
	display: inline-block;
	font-size: 20px;
	text-align: center;
	width: 40px;
	line-height: 38px;
	color: #888;
	border-radius: 100%;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	margin: 0 2px;
	cursor: pointer;
}
.custom-pagination ul li:hover{
	background-color: #003366;
	color: #fff;
}
.custom-pagination ul li.current-page{
	background-color: #003366;
	color: #fff;
}



@media(max-width:1600px){
	.gyny-top-bj{
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.gyny-top-div .tit{
		font-size: 80px;
	}
	.gyny-top-div .txt{
		font-size: 20px;
		line-height: 30px;
	}
}
@media(max-width:1200px){
	.projects-b,.projects-c{
		display: none !important;
	}
	.projects-d1{
		font-size: 22px;
		line-height: 30px;
	}
	.projects-d2{
		margin-top: 10px;
	}
	.projects-d2>div{
		font-size: 16px;
	}
	.gyny-top-xt img{
		max-width: 150%;
		margin-left: -25%;
	}
}
@media(max-width:1000px){
	.projects a{
		width: 50%;
	}
	.projects-nav a{
		font-size: 18px;
		margin: 0 20px;
	}
}
@media(max-width:750px){
	.projects a{
		padding: .3rem;
	}
	.gyny-top-xt{
		top: .6rem;
		height: 3rem;
	}
	.crumbs{
		padding-top: .3rem;
	}
	.gyny-top-bj{
		padding-top: .8rem;
		padding-bottom: .5rem;
	}
	.gyny-top-div .tit{
		font-size: .7rem;
	}
	.gyny-top-div .txt{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .3rem;
	}
	.projects-nav a{
		font-size: .28rem;
		line-height: .5rem;
		margin: 0 .15rem;
	}
	.projects{
		margin-top: .5rem;
	}
	.projects-d1{
		font-size: .3rem;
		line-height: .45rem;
	}
	.projects-d2{
		margin-top: .05rem;
		
	}
	.projects-d2>div{
		font-size: .24rem;
		line-height: .4rem;
		padding-bottom: 2px;
	}
	
	.page a,.custom-pagination ul li{
		font-size: .24rem;
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
		margin: 0 1px;
	}
	.page a{
		top: .2rem !important;
	}
	.projects-page{
		margin-top: .4rem;
		margin-bottom: .8rem;
	}
}


.gyban-bj{
	width: 100%;
	height: 960px;
	max-height: 100vh;
	position: relative;
	overflow: hidden;
}
.gyban-img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.gyban-vd{
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.gyban-div{
	width: 100%;
	height: auto;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 3;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.gyban-div-a{
	font-size: 82px;
	line-height: 1.35;
	text-align: center;
	color: #fff;
}

.gyban-Play{
	display: none;
	width: 100px;
	height: 100px;
	font-size: 24px;
	line-height: 100px;
	text-align: center;color: #fff;
	background: rgba(0,41,82,.8);
	position: absolute;
	bottom: -140px;
	left: 50%;
	margin-left: -50px;
	border-radius: 100%;
	cursor: pointer;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	transition: all .3s;
-webkit-transition: all .3s;
}
.gyban-Play:hover{
	background: rgba(0,41,82,1);
	transition: all .3s;
-webkit-transition: all .3s;
}

@media(max-width:1600px){
	.gyban-bj{
		max-height: 100vh;
	}
	.gyban-div-a{
		font-size: 60px;
		/*line-height: 70px;*/
	}
}
@media(max-width:1200px){
	.gyban-bj{
		max-height: initial;
		height: 600px;
		min-height: inherit;
	}
	.gyban-div-a{
		font-size: 60px;
		/*line-height: 70px;*/
	}
	.gyban-Play{
		display: block;
	}
	.gyban-vd{
		height: 100%;
		width: initial;
	}
}
@media(max-width:1000px){
	.gyban-bj{
		height: 500px;
	}
	.gyban-div-a{
		font-size: 40px;
		/*line-height: 50px;*/
	}
}
@media(max-width:750px){
	.gyban-bj{
		height: 8.5rem;
	}
	.gyban-div-a{
		font-size: .8rem;
		/*line-height: .6rem;*/
	}
	.gyban-Play{
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .28rem;
		bottom: -1.3rem;
		margin-left: -.5rem;
	}
}








/*projectsinfo*/
.prjinfo-abj{
	width: 100%;
	min-height: 700px;
	background-color: #f9f9f9;
	padding: 130px 0;
}
.prjinfo-a{
	width: 100%;
	max-width: 1050px;
	padding: 0 50px;
	margin: 0 auto;
	text-align: center;
}
.prjinfo-a1{
	font-size: 14px;
	line-height: 1;
	color: #888;
}
.prjinfo-a2{
	width: 100%;
	font-size:40px;
	line-height: 55px;
	color: #000;
	margin-top: 45px;
}
.prjinfo-a3{
	width: 40px;
	height: 2px;
	background: #bebebe;
	display: inline-block;
	margin-top: 40px;
}
.prjinfo-b{
	overflow: hidden;position: relative;
}
.prjinfo-bimg{
	float: right;
	width: 46.875%;
}
.prjinfo-bdiv{
	width: 53.1%;
	height: 100%;
	padding: 0 35px;
	max-width: 860px;
	float: right;
	padding-right: 95px;
	position: relative;
}
.prjinfo-btm{
	position: relative;
}
.prjinfo-b1{
	font-size: 32px;
	line-height: 45px;
	text-align: center;
	height: 180px;
	margin-top: 150px;
}
.prjinfoB-swiper{
	width: 100%;
	max-width: 580px;
	margin-top: 20px;
	text-align: center;
}
.prjinfo-b2{
	font-size: 19px;
	line-height: 25px;
	margin-top: 85px;
	text-align: center;
}
.prjinfo-b6{
	margin-top: 15px;
	text-align: center;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: calc(50% + 25px);
	z-index: 3;
	
}
.prjinfo-b6 div{
	display: inline-block;
	cursor: pointer;
	pointer-events: inherit;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.prjinfo-b6 .d1{
	position: relative;
	left: -15px;
	float: left;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.prjinfo-b6 .d1:hover{
	left: -10px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.prjinfo-b6 .d2{
	position: relative;
	left: 10px;
	float: right;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.prjinfo-b6 .d2:hover{
	left: 15px;
	transition: all .3s;
-webkit-transition: all .3s;  
}

.prjinfo-c{
	/*width: 100%;
	max-width: 1560px;*/
	padding: 0 50px;
	margin: 0 auto;
	overflow: hidden;position: relative;
	margin-top: 200px;
	margin-bottom: 160px;
}
.prjinfo-clt{
	width: 180px;
	float: left;
	padding-top: 75px;
}
.prjinfo-clt li{
	padding: 35px 0;
	border-top: 1px solid #ddd;
}
.prjinfo-clt li:first-child{
	border: 0;
}
.prjinfo-clt li div{
	font-size: 18px;
	color: #888;
	line-height: 25px;
}
.prjinfo-clt li p{
	font-size: 20px;
	line-height: 25px;
	
}
.prjinfo-clt.crt{
	float: right;
	position: absolute;
	top: 0;
	right: 50px;
}
.prjinfo-cimg{
	width: calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	float: right;
	margin-right: 200px;
	text-align: center;
	position: relative;
}
.prjinfo-cimg .img1,.prjinfo-cimg .img2{
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}

.prjinfo-cimg .img3{
	position: relative;
	z-index: 3;
	top: 120px;
}
.prjinfo-dimg{
	width: 100%;
	height: 820px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size: auto 820px;
}
.prjinfo-d1{
	width: 100%;
	background: #fff;
	padding: 70px 50px;
	text-align: center;
}
.prjinfo-d1>div{
	font-size:66px;
	line-height: 80px;
}
.prjinfo-d1>p{
	display: inline-block;
	font-size: 22px;
	line-height: 35px;
	margin-top: 20px;
	max-width: 1025px;
}
.prjinfo-d2{
	position: relative;
	margin-bottom: 150px;
}
.prjinfo-d2-a,.prjinfo-d2-b{
	width: 60px;
	height: 60px;
	background: url(../img/ico12.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -30px;
	margin-left: -160px;
	opacity: .3;
	cursor: pointer;
}
.prjinfo-d2-a:hover,.prjinfo-d2-b:hover{
	opacity: 1;
}
.prjinfo-d2-b{
	left: initial;
	background-image: url(../img/ico13.png);
	right: 0;
	margin-left: 0;
	margin-right: -160px;
}
.prjinfoD-swiper .swiper-slide{
	overflow: hidden;
}

.prjinfo-ebj{
	width: 100%;
	height: 790px;
	color: #fff;
}
.prjinfo-e1{
	font-size: 64px;
	line-height: 1;
	padding-top: 130px;
}
.prjinfo-e2{
	float: right;
	margin-top: 80px;
	width: 550px;
	margin-right: 120px;
}
.prjinfo-e2-a{
	font-size: 20px;
	line-height: 30px;
}
.prjinfo-e2-b{
	font-size: 0;
	margin-top: 40px;
}
.prjinfo-e2-b div{
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../img/ico12_1.png) no-repeat center;
	background-size: cover;
	margin-right: 20px;
	opacity: .4;
	cursor: pointer;	
}
.prjinfo-e2-b div:hover{
	opacity: 1;
}
.prjinfo-e2-b2{
	background-image: url(../img/ico13_1.png) !important;
}
.prjinfoF-swiper{
	margin-top: -225px;
	padding-right: 185px;
	padding-left: calc(50% - 730px);
	padding-left: -webkit-calc(50% - 730px);
	margin-bottom: 150px;
}
.prjinfoF-swiper .swiper-slide{
	overflow: hidden;
}

.prjinfo-d1{
	/*margin-top: -100px;*/
	position: relative;
	z-index: 3;
}
@media(max-width:1800px){
	.prjinfo-d2-b{
		margin-right: -35px;
		z-index: 3;
	}
	.prjinfo-d2-a{
		margin-left: -35px;
		z-index: 3;
	}
	.prjinfo-d2{
		padding: 0 30px;
	}
}
@media(max-width:1600px){
	.prjinfo-b1{
		margin-top: 50px;
		height: auto;
		margin-bottom: 30px;
	}
	.prjinfo-b2{
		margin-top: 30px;
	}
	.prjinfo-b1{
		font-size: 28px;
		line-height: 35px;
	}
	.prjinfoB-swiper{
		padding: 0 40px;
	}
	.prjinfo-d1>div{
		font-size: 60px;
		line-height: 70px;
	}
	.prjinfo-d1>p{
		font-size: 18px;
		line-height: 25px;
	}
	.prjinfo-ebj{
		height: 680px;
	}
	.prjinfo-e1{
		font-size: 55px;
		padding-top: 100px;
	}
	.prjinfoF-swiper{
		padding-left: 50px;
	}
	.prjinfo-dimg{
		height: 600px;
		background-position: center bottom;
		background-size: auto 600px;
	}
	.prjinfo-b6{
		top: calc(50% - 45px);
	}
}
@media(max-width:1200px){
	.prjinfo-cimg .img1{
	width: 98%;
	margin-left: 1%;
	margin-top: 2px;
}
	.prjinfo-abj{
		min-height: auto;
	}
	.prjinfo-d2{
		padding: 0 50px;
	}
	.prjinfo-d2-a, .prjinfo-d2-b{
		width: 40px;
		height: 40px;
	}
	.prjinfo-d2-a{
		margin-left: -10px;
	}
	.prjinfo-d2-b{
		margin-right: -10px;
	}
	.prjinfoF-swiper{
		margin-top: -50px;
	}
	.prjinfo-ebj{
		height: 500px;
	}
	.prjinfo-a2{
		font-size: 35px;
		line-height: 45px;
	}
	.prjinfo-c{
		margin-top: 100px;
	}
	.prjinfoF-swiper{
		padding-left: 30px;
		padding-right: 80px;
		margin-bottom: 80px;
	}
	.prjinfo-a{
		padding: 0 30px;
	}
	.prjinfo-dimg{
		height: 500px;
		background-size: auto 500px;
	}
}
@media(max-width:1000px){
	.prjinfo-abj{
		padding: 80px 0;
	}
	.prjinfo-b{
		padding: 50px;
	}
	.prjinfo-bimg{
		width: 100%;
	}
	.prjinfo-bdiv{
		width: 100%;
		padding: 0;
	}
	.prjinfo-c{
		margin-top: 50px;
	}
	.prjinfo-cimg{
		width: 100%;
		margin: 0;
		
	}
	.prjinfo-clt.crt{
		position: relative;
		right: initial;
	}
	.prjinfo-clt{
		width: 45%;
	}
	.prjinfo-d1{
		margin-top: -50px;
		padding: 40px 30px;
	}
	.prjinfo-d1>div{
		font-size: 45px;
		line-height: 52px;
	}
}
@media(max-width:750px){
	.prjinfo-abj{
		padding: 1rem 0;
	}
	.prjinfo-a{
		padding: 0 .4rem
	}
	.prjinfo-a2{
		font-size: .35rem;
		line-height: .55rem;
		margin-top: .2rem;
	}
	.prjinfo-a3{
		display: none;
	}
	.prjinfo-b{
		padding: .8rem .4rem;
	}
	.prjinfo-b1{
		font-size: .4rem;
		line-height: .5rem;
		margin-top: .7rem;
		margin-bottom: .4rem;
	}
	.prjinfoB-swiper{
		padding: 0 .4rem;
	}
	.prjinfo-b2{
		font-size: .3rem;
		line-height: .45rem;
		margin-top: .25rem;
	}
	.prjinfo-b6{
		top: calc(50% - .7rem);
	}
	.prjinfo-b6 div img{
		width: .5rem;
	}
	.prjinfo-b6 .d1{
		left: -.2rem;
	}
	.prjinfo-b6 .d1:hover{
		left: -.2rem;
	}
	.prjinfo-b6 .d2{
		left: .2rem;
	}
	.prjinfo-b6 .d2:hover{
		left: .2rem;
	}
	.prjinfo-c{
		margin-top: .2rem;
		padding: 0 .4rem;
		margin-bottom: .8rem;
	}
	.prjinfo-clt{
		padding-top: .5rem;
	}
	.prjinfo-clt li{
		padding: .3rem;
		min-height: 1.5rem;
	}
	.prjinfo-clt li div{
		font-size: .24rem;
		line-height: .35rem;
	}
	.prjinfo-clt li p{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.prjinfo-d1{
		padding: .4rem .3rem;
	}
	.prjinfo-d1>div{
		font-size: .5rem;
		line-height: .65rem;
	}
	.prjinfo-d1>p{
		font-size: .26rem;
		line-height: .35rem;
	}
	.prjinfo-d2{
		padding: 0 40px;
	}
	.prjinfo-d2{
		margin-bottom: .8rem;
	}
	.prjinfo-ebj{
		height: 7rem;
	}
	.prjinfo-e1{
		font-size: .6rem;
		padding-top: 1rem;
	}
	.prjinfo-e2{
		width: 100%;
		margin: 0;
		float: left;
		margin-top: .5rem;
	}
	.prjinfo-e2-a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.prjinfo-e2-b{
		margin-top: .5rem;
	}
	.prjinfo-e2-b div{
		width: .8rem;
		height: .8rem;
	}
	.prjinfoF-swiper{
		padding-left: .4rem;
		padding-right: 1.6rem;
		margin-top: -1.8rem;
		margin-bottom: .8rem;
	}
	.gybotm-div{
		padding: 0 .4rem;
	}
	.gybotm-a{
		font-size: .6rem;
		line-height: .72rem;
	}
	.gybotm-b{
		font-size: .26rem;
		line-height: .4rem;
		padding: 0;
		margin-top: .4rem;
	}
	.gybotm-fm{
		margin-top: .6rem;
	}
	.gybotm-fm li{
		width: 100%;
		margin-bottom: .1rem;
	}
	.gybotm-fm-a{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .25rem;
		margin-bottom: .3rem;
	}
	.gybotm-fm .sub{
		width: 100%;
		position: relative;
		font-size: .3rem;
		height: .8rem;
		margin-bottom: .8rem;
		background-position-x: 2.4rem;
		border-radius: 5px;
	}
	.gybotm-fm li div{
		font-size: .28rem;
		line-height: .8rem;
	}
	.gybotm-fm li input{
		font-size: .28rem;
		line-height: .8rem;
	}
	.gybotm-img{
		width: 150%;
		margin-left: -25%;
		
	}
	.prjinfo-d2-a, .prjinfo-d2-b{
		width: .6rem;
		height: .6rem;
	}
	.prjinfo-d2{
		width: 7.5rem;
		padding: 0;
		margin-left: -.4rem;
	}
	.prjinfo-dimg{
		height: 5rem;
		background: no-repeat center;
		background-size: cover;
		background-attachment:initial;
	}
	.prjinfo-d2-a, .prjinfo-d2-b{
		display: none;
	}
	.prjinfoD-swiper{
		padding-right: 70px;
		padding-left: 25px;
	}
}











/*Contacts*/
.contacts{
	width: 100%;
	height: 670px;
	overflow: hidden;
	background: #f6f9fa;
	margin-bottom: 75px;
	margin-top: 40px;
}
.map{
	width: 50%;
	float: left;
	height: 100%;
	background: #ccc;
	position: relative;
}
.map .amap-icon img{
	width: 30px;
}
.map #container{
	width: 100%;
	height: 100%;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
.contacts-txt{
	width: 50%;
	float: right;
}
.contacts-div{
	width: 100%;
	max-width: 800px;
	padding-top: 130px;
	padding-left: 100px;
	padding-right: 40px;
}
.contacts-a{
	font-size: 26px;
	color: #888;
	line-height: 1;
}
.contacts-b{
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 75px;
}
.contacts-b>div{
	margin-bottom: 15px;
}
.contacts-div .footer-k li div{
	right: initial;
	left: 0;
	top: initial;
	bottom: 40px;
}



@media(max-width:1600px){
	.contacts-div{
		padding-left: 40px;
		padding-top:50px;
	}
	.contacts{
		height: 550px;
	}
	.contacts-b{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 50px;
	}
	.contacts{
		margin-top: 30px;
	}
}
@media(max-width:1000px){
	.contacts{
		height: auto;
	}
	.contacts-txt{
		width: 100%;
	}
	.contacts-div{
		width: 100%;
		max-width: 100%;
		padding: 50px 30px;
	}
	.map{
		height: 400px;
		width: 100%;
	}
}
@media(max-width:750px){
	.contacts{
		margin-top: .3rem;
		margin-bottom: .7rem;
	}
	.contacts-div{
		padding: .8rem .4rem;
	}
	.contacts-a{
		font-size: .34rem;
	}
	.contacts-b{
		font-size: .28rem;
		line-height: .4rem;
		margin-bottom: .4rem;
		margin-top: .1rem;
	}
	.contacts-b>div{
		margin-bottom: .15rem;
	}
	.map{
		height: 5rem;
	}
}



/*News*/
.gyban-news{
	height: 820px;
}
.gyban-div-b{
	font-size: 120px;
	line-height: 1;
	padding-top: 280px;
	text-align: center;
	color: #fff;
}
.gyban-div-c{
	font-size: 22px;
	line-height: 32px;
	margin-top: 30px;
	color: #fff;
	text-align: center;
}
.gyban-div-c div{
	max-width: 1200px;
	margin: 0 auto;
}
.gyban-news-div{
	top: 0;
	transform: initial;
}
.news-nav-bj{
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.news-nav{
	overflow: hidden;
}
.news-nav li{
	width: 33.333%;
	float: left;
	text-align: center;
}
.news-nav li a{
	display: inline-block;
	font-size: 20px;
	color: #888;
	line-height: 80px;
	position: relative;
}
.news-nav li a:after {
    content: '';
    width: 0;
    height: 2px;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 1px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.news-nav li a:hover{
	color: #000;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.news-nav li a:hover:after{
	color: #000;
	right: initial;
	left: 0;
	width: 100%;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.news{
	padding-top: 115px;
}
.news-tit{
	width: 100%;
	font-size: 80px;
	line-height: 120px;
	text-align: center;
	    font-family: Baron-Neue-Bold;
	font-weight: bold;
}
.news-tit-a{
	width: 0%;
	height: 4px;
	background: #000;
	margin-left: 50%;
}
.news-tit.animated .news-tit-a{
	width: 100%;
	margin-left: 0;
	transition: all .5s .3s;
    -webkit-transition: all .5s .3s;
}
.news-a{
	display: block;
	margin-top: 60px;
	position: relative;
	color: #fff;
	overflow: hidden;
}
.news-a i{
	width: 100%;
	height: 100%;
	background: url(../img/ico15.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.news-a1{
	width: 100%;
	padding-left: 45px;
	padding-right: 200px;
	position: absolute;
	bottom: 35px;
	left: 0;
	z-index: 3;
	color: #fff;
}
.news-a1>p{
	font-size: 16px;
	line-height: 1;
}
.news-a1>div{
	font-size: 38px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-a2{
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	padding-right: 20px;
	background: url(../img/ico05_1.png) no-repeat 95% center;
	position: absolute;
	bottom: 35px;
	right: 45px;
	z-index: 4;
	transition: all .3s;
-webkit-transition: all .3s;
}
.news-a2:hover{
	background-position-x: 100%;
	transition: all .3s;
-webkit-transition: all .3s;
}
.news-bc{
	padding: 80px 0;
}
.news-b{
	overflow: hidden;
}
.news-ba{
	display: block;
	width: 48%;
	float: left;
	max-width: 690px;
	margin-bottom: 40px;
	overflow: hidden;
}
.news-ba:nth-child(2n + 0){
	float: right;
}
.news-b1{
	width: 48%;
	height: 300px;
	max-width: 310px;
	float: left;
	position: relative;
}
.news-b2{
	overflow: hidden;
	width: 50%;
	height: 300px;
	max-width: 340px;
	float: right;
	position: relative;
}
.news-b1-a{
	font-size: 16px;
	color: #888;
	line-height: 1;
}
.news-b1-b{
	font-size: 25px;
	line-height: 34px;
	height: 68px;
	margin-top: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b1-c{
	font-size: 18px;
	line-height: 25px;
	height: 50px;
	margin-top: 20px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-b1-d{
	display: inline-block;
	font-size: 18px;
	color: #003366;
	line-height: 25px;
	padding-right: 15px;
	margin-top: 50px;
	background: url(../img/ico05_2.png) no-repeat right center;
	transition: all .3s;
-webkit-transition: all .3s;
}
.news-b1-d:hover{
	padding-right: 20px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.news-b1-e{
	width: 00%;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.news-b1-e.animated{
	width: 100%;
	transition: all .3s .3s;
-webkit-transition: all .3s .3s;
}

.press{
	padding-bottom: 115px;
}
.press-div{
	position: relative;
	margin-top: 60px;
}
.press-la{
	display: block;
	text-align: center;
}
.press-a{
	overflow: hidden;
}
.press-b{
	font-size: 26px;
	height: 30px;
	color: #000;
	line-height: 30px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.press-c{
	font-size: 18px;
	line-height: 1;
	color: #888;
	margin-top: 10px;
}
.press-div .newsinfo-glt,.press-div .newsinfo-grt{
	top: 45%;
}
.nwvd-bj{
	padding-bottom: 135px;
}
.nwvd{
	margin-top: 50px;
}
.nwvd-top{
	width: 102.8%;
	margin-bottom: 50px;
	overflow: hidden;
	overflow: hidden;
}
.nwvd-a{
	width: 63.866%;
	float: left;
	margin-right: 2.8%;
	position: relative;
}
.nwvd-a1{
	display: block;
	width: 100%;
	position: relative;
}
.nwvd-a2{
	font-size: 18px;
	color: #888;
	line-height: 1;
	margin-bottom: 20px;
}
.nwvd-a3{
	width: 100%;
	height: 540px;
	position: relative;
	overflow: hidden;
}
.nwvd-a4{
	width: 100%;
	font-size: 38px;
	height: 45px;
	line-height: 45px;
	padding: 0 45px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.nwvd-a5{
	width: 120px;
	height: 120px;
	border-radius: 100%;
	background: rgba(0,41,82,.8);
	font-size: 24px;
	line-height: 120px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -60px;
	margin-top: -40px;
	z-index: 3;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	font-family: Baron-Neue-Bold;
	font-weight: bold;
	transition: all .3s;
-webkit-transition: all .3s;
}
.nwvd-a:hover .nwvd-a5{
	opacity: 1;
	transition: all .3s;
-webkit-transition: all .3s;
}
.nwvd-b{
	width: 30.533%;
	margin-right: 2.8%;
	margin-bottom: 35px;
	float: left;
	position: relative;
}
.nwvd-ba{
	display: block;
}
.nwvd-ba2{
	width: 100%;
	height: 345px;
	position: relative;
	overflow: hidden;
}
.nwvd-ba3{
	font-size: 30px;
	height: 80px;
	line-height: 40px;
	margin-top: 35px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.nwvd-ba4{
	font-size: 18px;
	line-height: 25px;
	height: 50px;
	color: #888;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.nwvd-b .nwvd-a5{
	top: 0;
	margin-top: 160px;
}
.nwvd-b:hover .nwvd-a5{
	opacity: 1;
	transition: all .3s;
-webkit-transition: all .3s;
}
.nwmag{
	padding-bottom: 155px;
}
.nwmag-a{
	height: 700px;
}
.nwmag-a1{
	font-size: 48px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	padding-top: 240px;
}
.nwmag-a2{
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	text-align: center;
}
.nwmag-fm{
	width: 100%;
	background: #fff;
	padding: 60px 75px;
	padding-bottom: 0;
	margin-top: -90px;
	position: relative;
	z-index: 2;
}
.nwmag-fm li{
	overflow: hidden;
	margin-bottom: 25px;
}
.nwmag-fm li:after{
	content: '';
	width: 0%;
	height: 2px;
	background: #000;
	position: absolute;
	left: 115px;
	bottom: 0;
}
.nwmag-fm li.animated:after{
	width: 100%;
	transition: all .5s .3s;
-webkit-transition: all .5s .3s;
}
.nwmag-fm li div{
	width: 115px;
	float: left;
	font-size: 18px;
	line-height: 50px;
	color: #000;
}
.nwmag-fm li input{
	width: calc(100% - 115px);
	width: -webkit-calc(100% - 115px);
	float: left;
	border: 0;
	outline: none;
	/*border-bottom: 2px solid #000;*/
	font-size: 18px;
	line-height: 50px;
	color: #000;
}
.nwmag-fm li input:input-placeholder{
	color: #000;
}
.nwmag-fm li input::-webkit-input-placeholder {
        color: #000;
      }
.nwmag-fm li input::-moz-input-placeholder {
    color: #000;
  }
.nwmag-fm li input::-ms-input-placeholder {
    color: #000;
  }
.nwmag-fm .sub{
	width: 320px;
	height: 60px;
	border: 0 !important;
	outline: none;
	background: #003366;
	font-size: 20px;
	color: #fff;
	margin-top: 25px;
	margin-left: 50%;
	position: relative;
	left: -160px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.nwmag-fm .sub:hover{
	border-radius: 30px;
	transition: all .3s;
-webkit-transition: all .3s;
}

@media(max-width:1500px){
	.news-tit{
		font-size: 60px;
		line-height: 100px;
	}
	.news-a1>div{
		font-size: 30px;
	}
	.news-b2,.news-b1{
		height: 240px;
	}
	.news-b1-b{
		font-size: 20px;
		line-height: 30px;
		height: 60px;
	}
	.news-b1-c{
		font-size: 16px;
		line-height: 22px;
		height: 44px;
		margin-top: 10px;
	}
	.news-b1-d{
		margin-top: 40px;
	}
	.press-b{
		font-size: 22px;
	}
	.nwvd-a3{
		height: 455px;
	}
	.nwvd-a4{
		font-size: 30px;
		padding: 0 20px;
	}
	.nwvd-ba2{
		height: 300px;
	}
	.nwvd-ba3{
		font-size: 22px;
		height: 70px;
		line-height: 35px;
		margin-top: 20px;
	}
	.nwvd-ba4{
		margin-top: 20px;
	}
	.nwmag-a1{
		font-size: 45px;
		line-height: 52px;
	}
	.nwmag-a2{
		font-size: 20px;
	}
	.gyban-news{
		height: 700px;
	}
	.gyban-div-b{
		font-size: 120px;
		padding-top: 200px;
	}
	.gyban-div-c{
		font-size: 22px;
		line-height: 30px;
	}
	.nwmag-a{
		height: 600px;
	}
	.nwmag-a1{
		padding-top: 200px;
	}
	.nwvd-a5{
		width: 80px;
		height: 80px;
		font-size: 20px;
		line-height: 80px;
		margin-top: -20px;
		margin-left: -40px;
	}
	.nwvd-b .nwvd-a5{
		margin-top: 130px;
	}
}
@media(max-width:1200px){
	.nwvd-a5{
		display: none;
	}
}
@media(max-width:1000px){
	.news-ba{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
		max-width: 100%;
	}
	.news-b{
		margin-bottom: 40px;
	}
	.news-tit{
		font-size: 40px;
	}
	.nwvd-a{
		width: 97.2%;
		margin-bottom: 35px;
	}
	.nwvd-b{
		width: 47.2%;
	}
	.nwvd-bj{
		padding-bottom: 80px;
	}
	.nwmag-a{
		height: 500px;
	}
	.nwmag-a1{
		padding-top: 160px;
	}
	.nwmag{
		padding-bottom: 100px;
	}
	.gyban-news{
		height: 560px;
	}
	.gyban-div-b{
		font-size: 100px;
		padding-top: 150px;
	}
}
@media(max-width:750px){
	.gyban-news{
		height: 8.5rem;
	}
	.gyban-div-b{
		font-size: .7rem;
		padding-top: 3rem;
	}
	.gyban-div-c{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.news-nav li a{
		font-size: .3rem;
		line-height: 1rem;
	}
	.news{
		padding-top: .85rem;
	}
	.news-tit{
		font-size: .5rem;
		line-height: 1.2rem;
	}
	.news-tit-a{
		height: 2px;
	}
	.news-a{
		margin-top: .5rem;
	}
	.news-a1{
		padding: 0 .3rem;
		bottom: .2rem;
	}
	.news-a2{
		display: none;
	}
	.news-a1>div{
		font-size: .3rem;
		height: .4rem;
		line-height: .4rem;
	}
	.news-a1>p{
		font-size: .24rem;
	}
	.news-bc{
		padding: .6rem 0;
		padding-bottom: .8rem;
	}
	.news-b2, .news-b1{
		height: 3rem;
	}
	.news-b1-a{
		font-size: .24rem;
	}
	.news-b1-b{
		font-size: .3rem;
		line-height: .4rem;
		height: .8rem;
		margin-top: .15rem;
		font-weight: bold;
	}
	.news-b1-c{
		font-size: .24rem;
		line-height: .35rem;
		height: .7rem;
		margin-top: .2rem;
	}
	.news-b1-d{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.news-b{
		margin-bottom: .2rem;
	}
	.press-div{
		margin-top: .6rem;
		padding: 0;
	}
	.press-b{
		font-size: .34rem;
		height: .45rem;
		line-height: .415rem;
		margin-top: .15rem;
	}
	.press-c{
		font-size: .26rem;
		margin-top: .1rem;
	}
	.press{
		padding-bottom: .8rem;
	}
	.nwvd{
		margin-top: .6rem;
	}
	.nwvd-a2{
		font-size: .26rem;
		margin-bottom: .15rem;
	}
	.nwvd-a3{
		height: 4rem;
	}
	.nwvd-a4{
		font-size: .34rem;
		line-height: .45rem;
		height: .45rem;
		padding: 0 .3rem;
		bottom: .2rem;
	}
	.nwvd-a{
		margin-bottom: .4rem;
	}
	.nwvd-b{
		margin-bottom: .4rem;
	}
	.nwvd-ba2{
		height: 2.6rem;
	}
	.nwvd-ba3{
		font-size: .28rem;
		height: .8rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.nwvd-ba4{
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
		margin-top: .15rem;
	}
	.nwvd-top{
		margin-bottom: .5rem;
	}
	.nwvd-bj{
		padding-bottom: .8rem;
	}
	.nwmag-a{
		height: 5rem;
	}
	.nwmag-fm{
		margin-top: -1rem;
		padding: .4rem;
		padding-bottom: 0;
	}
	.nwmag-a1{
		font-size: .45rem;
		padding-top: 1.2rem;
		line-height: .55rem;
	}
	.nwmag-a2{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .15rem;
	}
	.nwmag-fm li div{
		width: 1.6rem;
		font-size: .26rem;
		line-height: .7rem;
	}
	.nwmag-fm li input{
		width: calc(100% - 1.6rem);
    width: -webkit-calc(100% - 1.6rem);
    font-size: .28rem;
		line-height: .7rem;
	}
	.nwmag-fm li{
		margin-bottom: .2rem;
	}
	.nwmag-fm .sub{
		font-size: .28rem;
		height: .8rem;
		margin: 0;
		left: initial;
		margin-top: .2rem;
		width: 100%;
	}
	.nwmag{
		padding-bottom: .8rem;
	}
	.nwmag-fm li:after{
		left: 1.2rem;
	}
}






/*News-info*/
.newsinfo-top{
	padding-top: 30px;
	font-size: 16px;
	color: #888;
	line-height: 50px;
}
.newsinfo-top-xt{
	width: 100%;
	float: left;
	height: 1px;
	background: #ddd;
}
.newsinfo-top-lt{
	float: left;
}
.newsinfo-top-lt a{
	display: inline-block;
	margin: 0 10px;
	font-size: 16px;
	color: #888;
}
.newsinfo-top-rt{
	float: right;
	font-size: 16px;
	color: #888;
	padding-left: 22px;
	background: url(../img/ico14.png) no-repeat left center;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-top-rt:hover{
	color: #000;
	padding-left: 26px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-top-lt a:hover{
	color: #000;
}
.newsinfo-top-lt a.on{
	color: #000;
}
.newsinfo{
	padding-top: 90px;
	padding-bottom: 100px;
}
.newsinfo-ac{
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
}
.newsinfo-a{
	font-size: 16px;
	color: #888;
	line-height: 1;
}
.newsinfo-b{
	font-size: 42px;
	line-height: 55px;
	margin-top: 20px;
}
.newsinfo-c{
	margin-top: 45px;
	margin-bottom: 90px;
}
.newsinfo-c .bdsharebuttonbox a{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: no-repeat center;
	background-size: 80% auto;
	padding: 0;
	margin: 0;
	margin-right: 15px;
	opacity: .5;
}
.newsinfo-c .bdsharebuttonbox .bds_weixin{
	background-image: url(../img/ico03_5.png);
}
.newsinfo-c .bdsharebuttonbox .bds_tsina{
	background-image: url(../img/ico03_6.png);
}
.newsinfo-c .bdsharebuttonbox .bds_linkedin{
	background-image: url(../img/ico03_1.png);
}
.newsinfo-c .bdsharebuttonbox .bds_fbook{
	background-image: url(../img/ico03_2.png);
}

.newsinfo-c .bshare-custom a{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: no-repeat center;
	background-size: 80% auto;
	padding: 0;
	margin: 0;
	margin-right: 15px;
	opacity: .5;
}
.newsinfo-c .bshare-custom .bshare-weixin{
	background-image: url(../img/ico03_5.png);
}
.newsinfo-c .bshare-custom .bshare-sinaminiblog{
	background-image: url(../img/ico03_6.png);
}
.newsinfo-c .bshare-custom .bshare-linkedin{
	background-image: url(../img/ico03_1.png);
}
.newsinfo-c .bshare-custom .bshare-facebook{
	background-image: url(../img/ico03_2.png);
}
.bsBox{
	    height: 259px !important;
    width: 232px !important;
}
.newsinfo-d{
	text-align: center;
}
.newsinfo-e{
	max-width: 910px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 100px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
}
.newsinfo-e .p1{
	font-size: 24px;
	line-height: 30px;
	color: #000;
	margin-bottom: 40px;
}
.newsinfo-fg{
	margin-top: 10px;
	max-width: 910px;
	margin: 0 auto;
}
.newsinfo-f{
	font-size: 36px;
	line-height: 1;
}
.newsinfo-g{
	margin-top: 30px;
	position: relative;
}
.newsinfo-ga{
	display: block;
}
.newsinfo-g1{
	overflow: hidden;
	height: auto;
}
.newsinfo-g2{
	font-size: 16px;
	color: #888;
	line-height: 1;
	margin-top: 18px;
}
.newsinfo-g3{
	font-size: 20px;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-g4{
	font-size: 14px;
	line-height: 18px;
	margin-top: 15px;
	color: #003366;
	padding-bottom: 2px;
	display: inline-block;
	padding-right: 15px;
	background: url(../img/ico05_2.png) no-repeat right center;
}
.newsinfo-ga:hover .newsinfo-g3{
	color: #003366;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-glt,.newsinfo-grt{
	width: 50px;
	height: 50px;
	background: url(../img/ico06.png) no-repeat center;
	background-color: #f3f3f3;
	border-radius: 100%;
	position: absolute;
	left: -25px;
	top: 35%;
	z-index: 3;
	cursor: pointer;
	margin-top: -25px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-glt:hover,.newsinfo-grt:hover{
	background-color: #ccc;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.newsinfo-grt{
	left: initial;right: -25px;
	background-image: url(../img/ico07.png) ;
}
.newsinfo-top-lt a:first-child{
	margin-left: 0;
}
.newsinfo-top{
	overflow: hidden;
}
.newsinfo-xt{
	width: 100%;
	background: #c3c3c3;
	height: 1px;
}

@media(max-width:1000px){
	.newsinfo-b{
		font-size: 36px;
		line-height: 45px;
	}
	.newsinfo-c{
		margin-top: 30px;
		margin-bottom: 50px;
	}
}
@media(max-width:750px){
	.newsinfo-top{
		font-size: .24rem;
		line-height: .6rem;
		padding-top: .3rem;
	}
	.newsinfo-top-lt a{
		font-size: .24rem;
		margin: 0 .1rem;
	}
	.newsinfo-top-rt{
		font-size: .24rem;
		background-size: .3rem auto;
	}
	.newsinfo{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.newsinfo-a{
		font-size: .28rem;
	}
	.newsinfo-b{
		font-size: .42rem;
		line-height: .55rem;
		margin-top: .1rem;
	}
	.newsinfo-c{
		margin-top: .3rem;
		margin-bottom: .5rem;
	}
	.newsinfo-e{
		padding-top: .7rem;
		padding-bottom: .7rem;
		font-size: .28rem;
		line-height: .45rem;
	}
	.newsinfo-e .p1{
		font-size: .32rem;
		line-height: .45rem;
		margin-bottom: .25rem;
	}
	.newsinfo-f{
		font-size: .42rem;
	}
	.newsinfo-g{
		margin-top: .3rem;
	}
	.newsinfo-glt, .newsinfo-grt{
		width: .6rem;
		height: .6rem;
		left: -.3rem;
		margin-top: -.3rem;
		background-size: .15rem auto;
	}
	.newsinfo-grt{
		    left: initial;
    right: -.3rem;
	}
	.newsinfo-g2{
		font-size: .24rem;
		line-height: 1;
		margin-top: .2rem;
	}
	.newsinfo-g3{
		font-size: .28rem;
		line-height: .35rem;
		height: .35rem;
	}
	.newsinfo-g4{
		font-size: 12px;margin: 0;
	}
}


.gytk-bj{
	width: 0%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 69;
	background: rgba(0,0,0,.8);
	/*display: none;*/
}
.gytk-bj.sw{
	width: 100%;
	transition: all .5s linear;
-webkit-transition: all .5s linear;
}
.gytk{
	width: 100%;
	max-width: 60%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	opacity: 0;
	text-align: center;
	transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.gytk-bj.sw .gytk{
	opacity: 1;
	transition: all .5s .7s;
-webkit-transition: all .5s .7s;
}
.gytk video,.gytk img{

	max-width: 100%;
	max-height: 100%;

}
.gytk-bj>i{
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(../img/x02.png) no-repeat center; 
	background-size: cover;
	position: absolute;
	top: 5%;
	right: 20%;
	opacity: 0;
	cursor: pointer;
}
.gytk-bj.sw>i{
	opacity: 1;
	transition: all .5s .7s;
-webkit-transition: all .5s .7s;
}
@media(max-width:1200px){
	.gytk{
		max-width: 90%;
	}
	.gytk-bj>i{
		right: 5%;
	}
}



.services{
	padding-top: 100px;
}
.services-ul{
	
}
.services-ul a{
	display: block;
	overflow: hidden;
	text-align: center;
	margin-bottom: 125px;
}
.services-a{
	font-size: 56px;
	line-height: 1;
	width: 100%;
	float: left;
	color: #000;
	text-align: left;
	position: relative;
	z-index: 2;
}
.services-b,.services-c{
	overflow: hidden;
	width: 50%;
	float: left;
	background: #fff;
	position: relative;
	top: 0;
}
.services-b{
	margin-top: 120px;
	position: relative;
}
.services-b1{
	width: 100%;max-width: 700px;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #000;
	font-size: 38px;
	line-height: 44px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.services-b1 p{
	width: 100%;
	color: #000;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	margin-top: 30px;
	display: none;
}
.services-ul a:nth-child(2n + 0) .services-a{
	text-align: right;
}
.services-ul a:nth-child(2n + 0) .services-b{
	float: right;
}
.services-ul a:nth-child(2n + 0) .services-b1{
	max-width: 760px;
}

.services-jkl-bj{
	background: #fff;
	padding-top: 120px;
	padding-bottom: 150px;
}
.services-j{
	font-size: 56px;
	line-height: 1;
	text-align: center;
}
.services-jimg{
	margin-top: 55px;
	position: relative;
	height: 650px;
}
.services-jimg>div{
	position: absolute;
    top: 0;
    z-index: 1;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    max-width: 100% !important;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.services-k1{
	width: 100%;
	padding: 45px 145px;
	padding-bottom: 50px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	font-size: 38px;
	line-height: 44px;
	text-align: center;
	position: relative;
	z-index: 2;
	/*margin-top: -115px;*/
}
.services-l{
	margin-top: 85px;
	font-size: 24px;
	line-height: 32px;
	color: #888;
}
.services-l li{
	margin-bottom: 20px;
}

@media(max-width:1600px){
	.services-a{
		font-size: 40px;
	}
	.services-b{
		margin-top: 100px;
	}
	.services-b1{
		font-size: 30px;
		line-height: 36px;
	}
	.services-ul a{
		margin-bottom: 70px;
	}
	.services-j{
		font-size: 50px;
	}
	.services-k1{
		padding: 45px 70px;
		padding-bottom: 80px;
		font-size: 30px;
		line-height: 36px;
	}
	.services-l{
		margin-top: 50px;
		font-size: 20px;
		line-height: 25px;
	}
	.services-jimg{
		height: 500px;
	}
}
@media(max-width:1000px){
	.services{
		padding-top: 50px;
	}
	.services-a{
		font-size: 30px;
	}
	.services-b1{
		font-size: 20px;
		line-height: 26px;
	}
	.services-k1{
		font-size: 22px;
		line-height: 28px;
	}
	.services-jkl-bj{
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.services-jimg{
		height: 400px;
	}
}
@media(max-width:750px){
	.services{
		padding-top: .6rem;
	}
	.services-ul{
	}
	.services-a{
		font-size: .45rem;
		margin-bottom: .25rem;
		text-align: left !important;
	}
	.services-b1{
		font-size: .34rem;
		line-height: .45rem;
		padding: .3rem;
	}
	.services-b1 p{
		display: block;
		font-size: .28rem;
		margin-top: .3rem;
	}
	.services-k1{
		font-size: .3rem;
		line-height: .4rem;
	}
	.services-jkl-bj{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.services-b,.services-c{
		width: 100%;
		margin: 0;
	}
	.services-ul a{
		margin-bottom: .6rem;
	}
	.services-j{
		font-size: .5rem;
	}
	.services-jimg{
		margin-top: .6rem;
	}
	.services-jimg{
		height: 4rem;
	}
	.services-jimg>div{
		width: 100%;
	}
	.services-k1{
		padding: .4rem;
		padding-bottom: .7rem;
		font-size: .26rem;
		line-height: .4rem;
		margin-top: -1rem;
	}
	.services-l{
		margin-top: .5rem;
		font-size: .26rem;
		line-height: .4rem;
	}
	.services-l li{
		margin-bottom: .1rem;
	}
}



/*services-info*/
.svinfo-abj{
	background-color: #f3f6f8;
	padding-bottom: 370px;
}
.svinfo-img{
	margin-top: -270px;
	position: relative;
}
/*.svinfo-img .nwvd-a5{
	opacity: 1 !important;
	display: block !important;
}*/
.svinfo-img video{
	width: 100% !important;
	height: auto !important;
}
.svinfo-img>div{
	overflow: hidden;
	position: relative;
}

.svinfo-top{
	background: #ebf0f2;
	padding-bottom: 155px;
}
.svinfo-top .svinfo-abj{
	background-color: initial;
}
.svinfo-div{
	margin-top: 135px;
	overflow: hidden;
	position: relative;
}
.svinfo-div:after{
	content: '';
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	top: 0;
	left: 50%;
}
.svinfo-lt{
	width: 50%;
	float: left;
	padding-right: 30px;
	text-align: left;
}
.svinfo-lt-a{
	display: inline-block;
	max-width: 600px;
	font-size: 22px;
	line-height: 32px;
	padding: 50px 0;
}
.svinfo-rt{
	width: 50%;
	float: right;
	padding-left: 30px;
	text-align: right;
	overflow: hidden;
}
.svinfo-rt>div{
	display: inline-block;
	overflow: hidden;
}



.svinfo{
	padding-top: 140px;
}
.svinfo-txt{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	margin-bottom: 120px;
	font-size: 38px;
	line-height: 50px;
	text-align: center;
}
.svinfo-ul{
	margin-top: 45px;
	
}
.svinfo-ul li{
	width: 106%;
	padding: 0 3%;
	margin-left: -3%;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 200px;
	position: relative;
}
.svinfo-ul li:after{
	content: '';
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	top: 0;
	left: 50%;
}
.svinfo-ul-lt{
	width: 50%;
	float: left;
	height: 430px;
	padding-right: 30px;
	position: relative;
}
.svinfo-ab{
	width: 100%;
	max-width: 680px;
	padding-right: 30px;
	position: absolute;
	top: 50%;
	left: 0;
	text-align: left;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.svinfo-a{
	font-size: 42px;
	line-height: 50px;
}
.svinfo-b{
	font-size: 20px;
	line-height: 30px;
	max-height: 270px;
	overflow-y: auto;
	margin-top: 35px;
}
.svinfo-scl{
	padding-bottom: 10px;
}
.svinfo-scl::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
/*正常情况下滑块的样式--滑块颜色*/
.svinfo-scl::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.30);
    border-radius: 1px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*放在滑块上的颜色*/
.svinfo-scl::-webkit-scrollbar-thumb:hover {
    background-color: rgba(119, 119, 119, 0.84);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分 //滚动条初始化颜色*/
.svinfo-scl::-webkit-scrollbar-track {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: rgba(239, 239, 239, 0.89);
}
/*鼠标悬浮在滚动条上的主干部分*/
.svinfo-scl::-webkit-scrollbar-track:hover {
    background-color: rgba(119, 119, 119, 0.15);
}


.svinfo-ul-rt{
	width: 50%;
	float: right;
	height: 430px;
	padding-left: 45px;
	text-align: right;
	font-size: 0;
}
.svinfo-c{
	display: inline-block;
	width: 100%;
	max-width: 635px;
	position: relative;
}
.svinfo-swiper{
	height: 430px;
}
.svinfo-c .newsinfo-glt,.svinfo-c .newsinfo-grt{
	top: 50%;
}


.svinfo-ul li:nth-child(2n + 0) .svinfo-ul-lt{
	float: right;
	padding-left: 30px;
	padding-right: 0;
}
.svinfo-ul li:nth-child(2n + 0) .svinfo-ul-rt{
	text-align: left;
	padding-left: 0;
	padding-right: 30px;
}
.svinfo-ul li:nth-child(2n + 0) .svinfo-ab{
	left: initial;
	right: 0;
	padding: 0;
	padding-left: 30px;
}

.svinfo-jk{
	max-width: 630px;
	height: 100%;
	position: relative;
}
.svinfo-j{
	font-size: 120px;
	line-height: 1;
	color: #ddd;
}
.svinfo-k{
	font-size: 24px;
	line-height: 30px;
	max-height: 270px;
	overflow-y: auto;
	position: absolute;
	left: 0;
	bottom: 0;
}
.svinfo-ul li:nth-child(2n + 0) .svinfo-jk{
	max-width: 600px;
	padding-left: 70px;
}
.svinfo-ul li:nth-child(2n + 0) .svinfo-k{
	padding-left: 70px;
}
@media(max-width:1500px){
	/*.svinfo-img .nwvd-a5{
		margin-top: -40px;
	}	*/
}

@media(max-width:1200px){
	.svinfo-scl{
		padding-right: 5px;
	}
	.svinfo-lt-a{
		font-size: 20px;
		line-height: 30px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.svinfo-ul-rt,.svinfo-ul-lt,.svinfo-swiper{
		height: 360px;
	}
	.svinfo-a{
		font-size: 35px;
		line-height: 42px;
	}
	.svinfo-ul li{
		margin-bottom: 100px;
	}
	.svinfo-j{
		font-size: 80px;
	}
	.svinfo-k{
		font-size: 20px;
		line-height: 26px;
	}
	.svinfo-ul li:nth-child(2n + 0) .svinfo-jk{
		padding-left: 0;
	}
	.svinfo-ul li:nth-child(2n + 0) .svinfo-k{
		padding-left: 0;
	}
	.svinfo-txt{
		font-size: 35px;
		line-height: 42px;
	}
}
@media(max-width:1000px){
	.svinfo-abj{
		padding-bottom: 200px;
	}
	.svinfo-img{
		margin-top: -130px;
	}
	.svinfo-div{
		margin-top: 100px;
	}
	.svinfo-ul-rt, .svinfo-ul-lt, .svinfo-swiper{
		width: 100%;
		height: auto;
		padding: 0 ;
	}
	.svinfo-ul li:after{
		display: none;
	}
	.svinfo-ab{
		max-width: 100%;
		position: relative;
		top: initial;
		transform: inherit;
		padding: 0;
	}
	.svinfo-b{
		max-height: initial;
	}
	.svinfo-ul-rt, .svinfo-swiper{
		height: 400px;
	}
	.svinfo-c{
		max-width: 100%;
		padding: 0 30px;
	}
	.svinfo-ul-rt,.svinfo-ul li:nth-child(2n + 0) .svinfo-ul-rt{
		
		margin-top: 40px;
		padding: 0 30px;
	}
	.svinfo-ul li:nth-child(2n + 0) .svinfo-ab{
		padding: 0;
	}
	.svinfo-ul li:nth-child(2n + 0) .svinfo-ul-lt,.svinfo-ul li:nth-child(2n + 0) .svinfo-ul-lt{
		padding: 0;
	}
	.svinfo-k{
		position: relative;
		margin-top: 25px;
	}
}

@media(max-width:750px){
	.svinfo-abj{
		padding-bottom: 2rem;
	}
	.svinfo-img{
		margin-top: -1.2rem;
	}
	.svinfo-div{
		margin-top: .8rem;
	}
	.svinfo-rt,.svinfo-lt{
		width: 100%;
		padding: 0;
	}
	.svinfo-div:after{
		display: none;
	}
	.svinfo-lt-a{
		font-size: .3rem;
		line-height: .45rem;
		margin-bottom: .5rem;
	}
	.svinfo-top{
		padding-bottom: .8rem;
	}
	.svinfo{
		padding-top: .8rem;
	}
	.svinfo-txt{
		font-size: .4rem;
		line-height: .55rem;
		margin-bottom: .8rem;
	}
	.svinfo-ul{
		margin-top: .2rem;
	}
	.svinfo-a{
		font-size: .4rem;
		line-height: .5rem;
	}
	.svinfo-b{
		font-size: .3rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.svinfo-c{
		padding: 0;
	}
	.svinfo-ul-rt, .svinfo-ul li:nth-child(2n + 0) .svinfo-ul-rt{
		margin-top: .35rem;
		padding: 0;
	}
	.svinfo-ul-rt, .svinfo-swiper{
		height: 4rem;
	}
	.svinfo-ul li{
		margin-bottom: .8rem;
		width: 110%;
		margin-left: -5%;
		padding: 0 5%;
	}
	.svinfo-j{
		font-size: .8rem;
	}
	.svinfo-k{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
}


/*about*/
.about{
	padding-top: 150px;
	padding-bottom: 250px;
	background: url(../img/ico17.png) no-repeat center 75%;
	background-size: 100% auto;
}
.about-a{
	overflow: hidden;
	position: relative;
	padding-top: 50px;
	margin-top: -50px;
}
.about-alt{
	width: 50%;
	float: left;
	overflow: hidden;
}
.about-art{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 50px;
	right: 0;
}
.about-a1{
	font-size: 24px;
	line-height: 1;
	text-align: right;
	color: #888;
}
.about-a2{
	font-size: 42px;
	line-height: 54px;
	max-width: 700px;
	padding: 0 30px;
	position: absolute;
	top: 40%;
	right: 0;
	text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
@media(min-width:1200px){
	.about-a21{
		opacity: 1;
		margin-top: 0px;
		z-index: 2;
		transition: all .5s .3s;
	-webkit-transition: all .5s .3s;
	}
	.about-a22{
		opacity: 0;
		margin-top: 20px;
		z-index: 1;
		transition: all .5s;
	-webkit-transition: all .5s;
	}
	.about-a22 .about-b2-b{
		/*margin-top: 0 !important;*/
	}
	.about-art.on .about-a21{
		margin-top: -20px;
		opacity: 0;
		z-index: 1;
		transition: all .5s;
	-webkit-transition: all .5s;
	}
	.about-art.on .about-a22{
		margin-top: 00px;
		opacity: 1;
		z-index: 2;
		transition: all .5s 3s;
	-webkit-transition: all .5s .3s;
	}
}
.about-b{
	margin-top: 100px;
	overflow: hidden;
	position: relative;
	padding-top: 50px;
}
.about-blt{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	padding-right: 30px;
	position: absolute;
	top: 0px;
	left: 0;
	padding-top: 50px;
}
.about-b1{
	text-align: left;
}
.about-b2{
	width: 100%;
	max-width: 780px;
	padding-right:30px;
	position: absolute;
	left: 0;
	bottom: 20px;
}
.about-b2-a {
	font-size: 50px;
	line-height: 60px;
}
.about-b2-b{
	font-size: 20px;
	line-height: 30px;
	margin-top: 55px;
	font-weight: bold;
}
.about-a22 .about-b2-b{
	max-height: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	transition: all .8s;
-webkit-transition: all .8s;
}
.about-a23 .about-b2-b{
	max-height: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	transition: all .8s;
-webkit-transition: all .8s;
}
.about-amr{
	display: inline-block;
	font-size: 18px;
	line-height: 25px;
	margin-top: 60px;
	cursor: pointer;
}
.about-amr img{
	-ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg); /* 标准语法 */
	transition: all .3s;
-webkit-transition: all .3s;
}
.about-amr:hover img{
	margin-left: 5px;
transition: all .3s;
-webkit-transition: all .3s;
}
.about-a22.on .about-b2-b{
	max-height: 1000px;
	-webkit-line-clamp: initial;
	transition: all 1s;
-webkit-transition: all 1s;
}
.about-a22.on .about-amr img{
	-ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg); /* 标准语法 */
	transition: all .3s;
-webkit-transition: all .3s;
}
.about-a23.on .about-b2-b{
	max-height: 1000px;
	-webkit-line-clamp: initial;
	transition: all 1s;
-webkit-transition: all 1s;
}
.about-a23.on .about-amr img{
	-ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg); /* 标准语法 */
	transition: all .3s;
-webkit-transition: all .3s;
}
.about-brt{
	float: right;
	width: 50%;
	padding-left: 30px;
	overflow: hidden;
}
.about-brt>img{
	width: 100%;
	
}
.about-brt>p{
	width: 100%;
	font-size: 0;
	float: left;
	margin-bottom: 10px;
	background-color: #d7ebfb;
	overflow: hidden;
}
.about-brt>div{
	margin-right: 5px;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	float: left;
	background-color: #d7ebfb;
	overflow: hidden;
}
.about-brt>div:last-child{
	margin-right: 0;
	margin-left: 5px;
}
.about-cbj{
	width: 100%;
	position: relative;
	min-height: 1120px;
}
.about-cimg{
	position: absolute;
	top: 0;
	z-index: 1;
	width: calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	max-width: 100% !important;
	height: 100%;
	left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.about-c{
	position: relative;
	z-index: 2;
	padding-top: 100px;
	padding-bottom: 100px;
	color: #fff;
}
.about-c1{
	font-size: 56px;
	line-height: 1;
}
.about-c2{
	text-align: right;
}
.about-c2>div{
	font-size: 20px;
	line-height: 30px;
	max-width: 830px;
	display: inline-block;
	text-align: left;
}
.about-d{
	padding-top: 150px;
	overflow: hidden;
}
.about-dlt{
	float: left;
	font-size: 48px;
	line-height: 1;
}
.about-drt{
	float: right;
	max-width: 130px;
	overflow: hidden;
}
.about-drt div{
	float: left;
	width: 55px;
	height: 55px;
	background: url(../img/ico12.png) no-repeat center;
	background-size: cover;
	opacity: .4;
	cursor: pointer;
}
.about-drt div:hover{
	opacity: 1;
}
.about-d2{
	background-image: url(../img/ico13.png) !important;
	margin-left: 20px;
}
.about-e{
	width: 100%;
	margin-top: 75px;
	padding: 115px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.about-swiper{
	text-align: center;
}
.about-ediv{
	display: inline-block;
	padding-top: 6px !important;
	max-width: 160px;
	position: relative;
	top: 0;
	transition: all .3s;
-webkit-transition: all .3s;
}
.about-ediv:hover{
	top: -6px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.about-e1{
	height: 140px;
	line-height: 140px;
	font-size: 0;
	text-align: center;
}
.about-e1 img{
	max-height: 100%;
}
.about-e2{
	font-size: 20px;
	line-height: 25px;
	margin-top: 15px;
}
.about-fg{
	padding-top: 125px;
	padding-bottom: 50px;
}
.about-f{
	font-size: 54px;
	line-height: 1;
}
.about-g{
	width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
	overflow: hidden;
	margin-top: 70px;
}
.about-g li{
	width: calc(33.333% - 30px);
	width: -webkit-calc(33.333% - 30px);
	float: left;
	margin-right: 30px;
	margin-bottom: 110px;
}
.about-g1{
	overflow: hidden;
	background-color: #d7ebfb;
}
.about-g2{
	font-size: 45px;
	line-height: 60px;
	height: 60px;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.about-g3{
	font-size: 22px;
	line-height: 26px;
	height: 26px;
	color: #333;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.about-h{
	margin-bottom: 100px;
}

@media(max-width:1600px){
	.about-a2{
		font-size: 35px;
		line-height: 42px;
	}
	.about-b2-a{
		font-size: 40px;
		line-height: 50px;
	}
	.about-b2{
		bottom: 0;
	}
	.about-c1,.about-dlt,.about-f{
		font-size: 40px;
	}
	.about-c2>div{
		max-width: 600px;
		font-size: 20px;
	}
	.about-g2{
		font-size: 30px;
		line-height: 40px;
		height: 40px;
		margin-top: 15px;
	}
	.about-g3{
		font-size: 18px;
		height: 25px;
		line-height: 25px;
		margin-top: 5px;	
	}
	.about-cbj{
		min-height: 800px;
	}
	.about-cimg{
		width: calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
	}
	.about-a22 .about-b2-b{
		font-size: 16px;
		max-height: 182px;
		-webkit-line-clamp: 6;
	}
	.about-a23 .about-b2-b{
		font-size: 18px;
		max-height: 182px;
		-webkit-line-clamp: 6;
	}
}

@media(max-width:1200px){
	.about-a2{
		font-size: 28px;
		line-height: 34px;
	}
	.about-b2-a{
		font-size: 30px;
		line-height: 40px;
	}
	.about-b2{
		bottom: 0;
	}
	.about-c1,.about-dlt,.about-f{
		font-size: 35px;
	}
	.about-c2>div{
		max-width: 600px;
		font-size: 18px;
	}
	.about-g2{
		font-size: 22px;
		line-height: 35px;
		height: 35px;
		margin-top: 10px;
	}
	.about-g3{
		font-size: 13px;
		height: 20px;
		line-height: 20px;
		margin-top: 5px;	
	}
	.about-cbj{
		min-height: 800px;
	}
	.about-g li{
		margin-bottom: 50px;
	}
	.about-e{
		padding: 70px 0;
	}
	.about-h{
		margin-bottom:60px;
	}
	.about-cimg{
		width: 100%;
	}
	.about-a2{
		position: relative;
		top: initial;
		transform: initial;
		margin-top: 20px;
		font-size: 22px;
		line-height: 30px;
	}
	.about-a22 .about-b2-b{
		margin-top: 0;
		font-size: 14px;
		line-height: 20px;
	}
	.about-a23 .about-b2-b{
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px;
	}
}

@media(max-width:1000px){
	.about-alt,.about-art{
		width: 100%;
	}
	.about-a1{
		text-align: left;
	}
	.about-art{
		position: relative;
		padding: 0;
		top: initial;
		margin-bottom: 30px;
	}
	.about-a2{
		text-align: left;
		padding: 0;
		font-size: 30px;
		line-height: 36px;
	}
	.about-a22 .about-b2-b{
		font-size: 16px;
		line-height: 25px;
		max-height: 125px;
		-webkit-line-clamp: 5;
	}
	.about-a23 .about-b2-b{
		font-size: 16px;
		line-height: 25px;
		max-height: 125px;
		-webkit-line-clamp: 5;
	}
	.about-amr{
		font-size: 12px;
		margin-top: 20px;
	}
	.about-blt{
		position: relative;
		padding: 0;
	}
	.about-b2{
		position: relative;
		margin-top: 30px;
		padding: 0;
	}
	.about{
		padding-top: 50px;
		padding-bottom: 150px;
	}
	.about-b2-b{
		font-size: 18px;
		line-height: 24px;
		margin-top: 30px;
	}
	.about-c2>div{
		max-width: 100%;
		margin-top: 40px;
	}
	.about-d{
		padding-top: 80px;
	}
	.about-fg{
		padding-top: 80px;
	}
	.about-blt,.about-brt{
		width: 100%;
		padding: 0;
	}
	.about-blt{
		top: initial;
		margin-bottom: 30px;
	}
}

@media(max-width:750px){
	.about-alt,.about-art{
		width: 100%;
	}
	.about-art{
		position: relative;
		margin-bottom: .5rem;
		top: 0;
	}
	.about-a{
		padding-top: .5rem;
	   margin-top: -.5rem;
	}

	.about-a2{
		position: relative;
		top: 0;
		transform: initial;
		text-align: left;
		padding: 0;
		font-size: .36rem;
		line-height: .55rem;
		margin-top: .3rem;
	}
	.about-a22 .about-b2-b{
		font-size: .24rem;
		line-height: .4rem;
		max-height: 2.8rem;
		-webkit-line-clamp: 7;
	}
	.about-a23 .about-b2-b{
		font-size: .24rem;
		line-height: .4rem;
		max-height: 2.8rem;
		-webkit-line-clamp: 7;
	}
	.about-a1{
		font-size: .32rem;
		text-align: left;
	}
	.about-b{
		margin-top: .3rem;
		padding-top: .5rem;
	}
	.about-blt,.about-brt{
		top: .0rem;
	}
	.about-blt,.about-brt{
		width: 100%;
	}
	.about-brt{
		padding: 0;
		margin-top: .4rem;
		top: 0;
	}
	.about-b2{
		margin-top: .4rem;
	}
	.about-b2-a{
		font-size: .42rem;
		line-height: .55rem;
	}
	.about-b2-b{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.about{
		padding-top: .5rem;
		padding-bottom: 1rem;
	}
	.about-cbj{
		min-height: 12rem;
	}
	.about-c{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.about-c1, .about-dlt, .about-f{
		font-size: .5rem;
	}
	.about-c2>div{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .5rem;
	}
	.about-d{
		padding-top: .8rem;
	}
	.about-drt>div{
		width: .6rem;
		height: .6rem;
	}
	.about-drt{
		width: 1.5rem;
	}
	.about-d2{
		margin-left: .3rem;
	}
	.about-e{
		margin-top: .6rem;
		padding: .5rem 0;
		padding-top: .65rem;
	}
	.about-e1{
		height: 1rem;
		line-height: 1rem;
	}
	.about-e2{
		font-size: .24rem;
		line-height: .35rem;
		margin-top: .15rem;
	}
	.about-ediv{
		max-width: 100%;
		padding: 0 .2rem;
	}
	.about-fg{
		padding-top: .8rem;
		padding-bottom: .3rem;
	}
	.about-g{
		width: 100%;
		margin-top: .6rem;
	}
	.about-g li{
		width: 48%;
		margin: 0;
		margin-bottom: .4rem;
	}
	.about-g li:nth-child(2n + 0){
		float: right;
	}
	.about-g2{
		font-size: .28rem;
		height: .4rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.about-g3{
		font-size: .24rem;
		line-height: .32rem;
		height: .32rem;
		margin-top: .05rem;
	}
	.about-h{
		margin-bottom: .6rem;
	}
	
}



/*banner*/
.indx-bj{
	width: 100%;
	background: #fff;
	margin-top: 100vh;
	position: relative;
	z-index: 3;
}
.ban-swiper{
	width: 100%;
	height: 1080px;
	max-height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}
.ban-mr{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	display: block;
}
/*.ban-swiper:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background: #000;
	opacity: .1;
}*/
.ban-slide{
	background: no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.ban-slide-bj{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	/*transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);*/
}
/*.ban-slide.swiper-slide-active .ban-slide-bj{
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition:all linear 5s;
	-webkit-transition:all linear 5s;
}*/
.ban-video{
	width: 100%;
	/*height: 100%;*/
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.ban-span>span{
	background: #fff;
	margin-right: 3px;
	width: 50px;
	height: 3px;
	border-radius: 0;
	display: none;
}
.ban-span span.swiper-pagination-bullet-active{
	background: #fff;
}
.ban-div-bj{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 0;
	left: 0;
	bottom: 0;
}
.ban-div{
	position: relative;
	color: #fff;
}
.ban-div-a{
	font-size: 130px;
	line-height: 140px;
	position: absolute;
	left: 0px;
	bottom: 110px;
	padding-left: 50px;
	text-transform: uppercase;
	margin-top: -10px;
	opacity: 1;
	overflow: hidden;
}
.ban-div-a>div{
	transform:translateY(100%);
	-ms-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.ban-slide.swiper-slide-active  .ban-div-a>div{
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-webkit-transform:translateY(0%);
	transition: all .5s .2s;
-webkit-transition: all .5s .2s;
}
.ban-div-b{
	font-size: 28px;
	line-height: 34px;
	position: absolute;
	left:0px;
	bottom: 80px;
	padding-left: 60px;
	margin-top: 10px;
	overflow: hidden;
	/*opacity: 0;*/
}
.ban-div-b>div{
	transform:translateY(100%);
	-ms-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.ban-slide.swiper-slide-active  .ban-div-b>div{
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-webkit-transform:translateY(0%);
	transition: all .5s .5s;
-webkit-transition: all .5s .5s;
}
.ban-div-c{
	width: 55px;
	position: absolute;
	bottom: 50vh;
	right: 50px;
	margin-bottom: -70px;
}
.ban-div-c>div{
	width: 55px;
	height: 56px;
	cursor: pointer;
}
.ban-div-c1{
	background: url(../img/ico23.png) no-repeat center;
	background-size: cover;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.ban-div-c1:hover{
	background-image: url(../img/ico23_1.png);
	transition: all .3s;
-webkit-transition: all .3s;  
}
.ban-div-c2{
	background: url(../img/ico22.png) no-repeat center;
	background-size: cover;
	margin-top: 30px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.ban-div-c2:hover{
	background-image: url(../img/ico22_1.png);
	transition: all .3s;
-webkit-transition: all .3s;  
}

@media(max-width:1600px){
	.ban-div-a{
		font-size: 100px;
		line-height: 110px;
	}
	.ban-div-b{
		font-size: 22px;
		line-height: 30px;
	}
	.ban-div-c{
		bottom: 400px;
	}
	.ban-video{
		/*height: 100%;*/
		width: 120%;
	}
}
@media(max-width:1400px){
	.ban-video{
		height: 100%;
		width: auto;
		min-height: 100%;
	}
}

.ban-video-cl{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	margin: 0;
	opacity: 1;
	display: none;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
@media(max-width:1200px){
	.ban-video{
		width: auto;
		min-height: 100%;
	}
	.ban-swiper{
		height: 800px;
	}
	.indx-bj{
		margin-top: 800px;
	}
	.ban-div-a,.ban-div-b{
		padding-left: 30px;
	}
	.ban-video{
		display: none;
	}
	.ban-video-cl{
		display: none;
	}
}
@media(max-width:1000px){
	.ban-swiper{
		height: 600px;
	}
	.indx-bj{
		margin-top: 600px;
	}
	.ban-div-c{
		bottom: 300px;
	}
	.ban-div-a{
		font-size: 80px;
		line-height: 90px;
	}
	.ban-div-b{
		font-size: 20px;
		line-height: 26px;
	}
}
@media(max-width:750px){
	.ban-swiper{
		height: 100vh;
	}
	.indx-bj{
		margin-top: 100vh;
	}
	.ban-div-a,.ban-div-b{
		padding-left: .4rem;
	}
	.ban-div-a{
		font-size: 1.2rem;
		line-height: 1.35rem;
		bottom: 2.7rem;
	}
	.ban-div-b{
		font-size: .3rem;
		line-height: .4rem;
		bottom: 2.2rem;
	}
	.ban-div-c{
		width: 100%;
		right: 0;
		padding:0 .4rem ;
		margin: 0;
		bottom: 1.1rem;
		line-height: 1;
	}
	.ban-div-c>div{
		width: .6rem;
		height: .61rem;
		display: inline-block;
	}
	.ban-div-c2{
		margin: 0;
		margin-right: .2rem;
		float: left;
	}
}



.iabt-bj{
	padding-top: 150px;
	padding-bottom: 640px;
	
	position: relative;
	z-index: 2;
}
.iabt-bj-img{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../img/img34.jpg) no-repeat center bottom;
	background-size: 100% auto;
	opacity: 0;
}
.iabt{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.iabt-lt{
	width: 44%;
	float: left;
	font-size: 0;
	overflow: hidden;
}
.iabt-rt{
	width: 50%;
	float: right;
	max-width: 690px;
	padding: 0 30px;
}
.iabt-a{
	font-size: 50px;
	line-height: 1;
	padding-top: 80px;
}
.iabt-b{
	font-size: 16px;
	line-height: 30px;
	color: #888;
	margin-top: 35px;
}
.iabt-swiper{
	text-align: left;
}
.iabt-swiper .about-e1{
	height: 100px;
	line-height: 100px;
}
.about-e2{
	font-size: 14px;
	line-height: 20px;
	margin-top: 3px;
}
.iabt-swiper .about-ediv{
	display: inline-block;
	
	padding: 0 ;
}
.iabt-c{
	position: relative;
	margin-top: 40px;
}
.iabt-c .newsinfo-glt{
	left: -55px;
}
.iabt-c .newsinfo-grt{
	right: -55px;
}
.iabt-d{
	display: inline-block;
	width: 170px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 18px;
	color: #000;
	margin-top:60px;
	transition: all .3s;
-webkit-transition: all .3s;  
}

.icohove .img2{
	display: none;
}
/*.icohove:hover .img1{
	display: none;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.icohove:hover .img2{
	display: inline-block;
	transition: all .3s;
-webkit-transition: all .3s;  
}*/
.iabt-d:hover{
	color: #003366;
	border-color: #003366;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.icohove img{
	
	transition: all .3s;
-webkit-transition: all .3s;
}
.icohove:hover img{
	margin-left: 5px;
	transition: all .3s ;
-webkit-transition: all .3s ;
}

@media(max-width:1600px){
	.iabt-a{
		padding-top: 30px;
		font-size: 44px;
	}
	.iabt-swiper .about-e1 {
	    height: 80px;
	    line-height: 80px;
	}
	.iabt-d{
		margin-top: 50px;
	}
}
@media(max-width:1200px){
	.iabt-a{
		padding-top: 0px;
		font-size: 36px;
	}
	.iabt-swiper .about-e1 {
	    height: 50px;
	    line-height: 50px;
	}
	.iabt-swiper .about-e2{
		font-size: 12px;
		
	}
	
}
@media(max-width:1000px){
	.iabt-d{
		margin-top: 50px;
	}
	.iabt-rt{
		width: 100%;
	}
	.iabt-lt{
		width: 100%;
		max-width: 600px;
		padding: 0 50px;
		margin-top: 40px;
	}
	.iabt-d{
		margin-top: 30px;
	}
	.iabt-bj{
		
	}
	.iabt-bj-img{
		background: url(../img/ico17.png) no-repeat center top;
		    background-size: 150% auto;
	}
}
@media(max-width:750px){
	.iabt-swiper{
		/*text-align: left !important; */
	}
	.iabt-bj{
		padding-top: 1rem;
	}
	.iabt-rt{
		padding: 0;
	}
	.iabt-a{
		font-size: .45rem;
	}
	.iabt-b{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.iabt-c{
		margin-top: .5rem;
	}
	.iabt-swiper .about-e1{
		height: 1rem;
		line-height: 1rem;
		text-align: left;
	}
	.iabt-swiper .about-e2{
		font-size: .24rem;
		line-height: .35rem;
		text-align: left;
	}
	.iabt-c .newsinfo-grt{
		right: -.3rem;
	}
	.iabt-c .newsinfo-glt{
		left: -.3rem;
	}
	.iabt-d{
		width: 100%;
		padding: 0 .2rem;
		font-size: .28rem;
		height: .7rem;
		line-height: .68rem;
		margin-top: .4rem;
	}
	.iabt-lt{
		padding: 0;
		margin-top: .6rem;
	}
}

.isve-bj{
	position: relative;
	z-index: 2;
	margin-top: -430px;
	/*overflow: hidden;*/
	/*padding-bottom: 150px;*/
}
.isve-bj:after{
	content: '';
	width: 100%;
	height: calc(100% - 430px);
	height: -webkit-calc(100% - 430px);
	background: #e8f2f7;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.isve{
	font-size: 0;
	position: relative;
	z-index: 2;
}
.isve-top{
	width: 50%;
	height: 310px;
	position: relative;
	z-index: 2;
	text-align: left;
}
.isve-a{
	font-size: 65px;
	line-height: 1;
	padding-top: 25px;
	position: relative;
	z-index: 2;
}
.isve-b{
	margin-top: 30px;
	overflow: hidden;
}
.isve-b li{
	float: left;
	margin-right: 25px;
	font-size: 18px;
	color: #888888;
	line-height: 45px;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.isve-b li:after{
	content: '';
	width: 0%;
	height: 2px;
	background: #000;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.isve-b li:hover{
	color: #000;
}
.isve-b li:hover:after{
   right: initial;
   left: 0;
   width: 100%;
}
.isve-b li.on{
	color: #000;
}
.isve-b li.on:after{
	width: 100%;
}
.isve-btm{
	width: 100%;
	position: relative;
	z-index: 1;
	margin-top: -310px;
}
.isve-btm li{
	padding-top: 270px;
	min-height: 820px;
	padding-bottom: 150px;
	display: none;
}
.isve-rt{
	width: 50%;
	position: absolute;
	top: -80px;
	right: 0;
	cursor:url(../img/ico13.png) auto;
	cursor: url(../img/PLAY.cur) auto;
}
.isve-rt-a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.isve-rt-a1{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	margin: 0;
	opacity: 1;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.isve-rt .isve-rt-a1{
	opacity: 1;
	/*transition: all .3s;
-webkit-transition: all .3s;*/
}
.isve-rt:hover .isve-rt-a1{
	opacity: 0;
	/*transition: all .3s;
-webkit-transition: all .3s;*/
}
.isve-rt-a2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}
.isve-rt-a2 video{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.isve-lt{
	width: 50%;
	background: #fff;
	padding: 80px 50px;
	text-align: center;
	box-shadow: 0 0 15px #eee;
	position: relative;
	top: 60px;
}
.isve-div{
	width: 100%;
	max-width: 500px;
	display: inline-block;
	text-align: left;
}
.isve-d1{
	font-size: 46px;
	line-height: 55px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}
.isve-d2{
	font-size: 18px;
	line-height: 26px;
	color: #888;
	margin-top: 30px;
}
.isve-d3{
	display: inline-block;
	width: 150px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #003366;
	border-radius: 5px;
	margin-top: 50px;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.isve-d3:hover{
	opacity: .8;
	color: #fff;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.isve-d3 img{
	/*position: relative;
	left: 0;*/
	transition: all .3s;
-webkit-transition: all .3s;
}
.isve-d3:hover img{
	margin-left: 5px;
	transition: all .3s;
-webkit-transition: all .3s;
}

@media(max-width:1600px){
	.iabt-bj{
		padding-bottom: 500px;
	}
	.isve-bj{
		margin-top: -360px;
	}
	.isve-a{
		font-size: 50px;
	}
	.isve-b li{
		font-size: 16px;
		line-height: 40px;
	}
	.isve-d1{
		font-size: 40px;
		line-height: 50px;
		padding-bottom: 25px;
	}
	.isve-top{
		height: 260px;
	}
	.isve-d2{
		font-size: 16px;
	}
	.isve-btm{
		margin-top: -260px;
	}
}
@media(max-width:1200px){
	.isve-lt{
		padding: 40px 30px;
	}
	.isve-d1{
		font-size: 32px;
		line-height: 40px;
	}
	.isve-bj:after{
		height: calc(100% - 360px);
    height: -webkit-calc(100% - 360px);
	}
	.isve-btm li{
		padding-bottom: 100px;
	}
	.isve-rt-a1{
		display: block;
	}
	.isve-rt .isve-rt-a1{
		opacity: 1;
	}
}
@media(max-width:1000px){
	.iabt-bj{
		padding-bottom: 300px;
	}
	.isve-bj{
		margin-top: -200px;
	}
	.isve-d1{
		font-size: 25px;
		line-height: 32px;
	}
	.isve-d2{
		font-size: 13px;
		line-height: 20px;
	}
	.isve-btm{
		margin-top: -200px;
	}
	.isve-btm li{
		padding-top: 200px;
		min-height: auto;
	}
}
@media(max-width:750px){
	.iabt-bj{
		padding-bottom: 7rem;
	}
	.isve-bj{
		margin-top: -6rem;
	}
	.isve-top{
		width: 100%;
	}
	.isve-a{
		font-size: .6rem;
		padding: 0;
		text-align: center;
	}
	.isve-btm{
		margin: 0;
	}
	.isve-b{
		margin-top: .4rem;
	}
	.isve-b li{
		font-size: .32rem;
		line-height: .5rem;
		margin-right: .5rem;
		margin-bottom: .3rem;
	}
	.isve-b li:nth-child(3){
		margin-right: 0;
	}
	.isve-top{
		height: auto;
		margin-bottom: .5rem;
	}
	.isve-btm li{
		padding: 0;
	}
	.isve-rt{
		position: relative;
		width: 100%;
	}
	.isve-lt{
		width: 100%;
		padding: .6rem .4rem;
	}
	.isve-d1{
		font-size: .4rem;
		line-height: .5rem;
		padding-bottom: .23rem;
	}
	.isve-d2{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .4rem;
	}
	.isve-d3{
		font-size: .28rem;
		line-height: .7rem;
		width: 1.6rem;
		margin-top: .4rem;
	}
	.isve-btm li{
		padding-bottom: 1rem;
	}
}




.inws{
	padding-top: 90px;
	padding-bottom: 115px;
}
.inws-top{
/*	width: 100%;*/
	overflow: hidden;
	
}
.inws-top-a{
	font-size: 50px;
	line-height: 55px;
	padding-right: 30px;
	margin-right: 35px;
	float: left;
	position: relative;
}
.inws-top-a:after{
	content: '';
	width: 1px;
	height: 40px;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
}
.inws-top-b{
	float: left;
	padding-top: 10px;
}
.inws-top-b li{
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	color: #888;
	margin-right: 35px;
	cursor: pointer;
	position: relative;
	transition: all .3s;
-webkit-transition: all .3s;
}
.inws-top-b li:after{
	content: '';
	width: 0%;
	height: 2px;
	background: #000;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .3s;
-webkit-transition: all .3s;
}
.inws-top-b li:hover{
	color: #000;
	transition: all .3s;
-webkit-transition: all .3s;
}
.inws-top-b li:hover:after{
	right: initial;
	left: 0;
	width: 100%;
	transition: all .3s;
-webkit-transition: all .3s;
}
.inws-top-b li.on{
	color: #000;
}
.inws-top-b li.on:after{
	width: 100%;
}
.inws-top-c{
	float: right;
	padding-top: 5px;
}
.inws-top-c a{
	display: inline-block;
	font-size: 18px;
	line-height: 43px;
	border: 1px solid #000;
	padding: 0 20px;
	border-radius: 5px;
	border: 1px solid #000;
	display: none;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.inws-top-c a:hover{
	color: #003366;
	border-color: #003366;
	transition: all .3s;
-webkit-transition: all .3s;  
}
.inws-top-c img{
	/*position: relative;
	left: 0;*/
	transition: all .3s;
-webkit-transition: all .3s;
}
.inws-top-c:hover img{
	margin-left: 5px;
	transition: all .3s ;
-webkit-transition: all .3s ;
}
.inws-cnt{}
.inws-div{
	margin-top: 65px;
	overflow: hidden;
}
.inws-lt{
	width: 48%;
	float: left;
	max-width: 690px;
}
.inws-div .news-ba{
	width: 100%;
}
.inws-div .news-tit{
	font-size: 82px;
	line-height: 105px;
	margin-top: 25px;
}
.inws-div .news-tit-a{
	height: 2px;
}
.inws-lt .news-b1,.inws-lt .news-b2{
	height: 475px;
}
.inws-lt .news-b1-c{
	height: 120px;
	    -webkit-line-clamp: 4;
	    font-size: 18px;
	    line-height: 30px;
	    margin-top: 25px;
}
.inws-lt .news-b1-d{
	margin-top: 130px;
}
.inws-lt .news-ba{
	margin-bottom: 0;
	margin-top: 45px;
	position: relative;
}
.inws-lt .news-b1-b{
	font-size: 38px;
	line-height: 45px;
	height: 90px;
	margin-top: 20px;
}
.inws-rt{
	width: 48%;
	float: right;
	max-width: 690px;
	padding-top: 35px;
}
.inws-rt .news-b1,.inws-rt .news-b2{
	height: 300px;
}
.inws-rt .news-ba{
	margin: 0;
	margin-bottom: 40px;
	position: relative;
}
.inws-vdmr{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.inws-div .nwvd-a5{
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-left: -40px;
}
.inws-div a:hover .nwvd-a5{
	opacity: 1;
	transition: all .3s;
-webkit-transition: all .3s;  
}

@media(max-width:1600px){
	.inws-top-a{
		font-size: 42px;
	}
	.inws-div .news-tit{
		font-size: 60px;
		line-height: 80px;
	}
	.inws-lt .news-ba{
		margin-top: 30px;
	}
	.inws-lt .news-b1-b{
		font-size: 28px;
		line-height: 35px;
		height: 70px;
	}
	.inws-lt .news-b1, .inws-lt .news-b2{
		height: 380px;
	}
	.inws-lt .news-b1-d{
		margin-top: 60px;
	}
	.inws-rt .news-b1, .inws-rt .news-b2{
		height: 230px;
	}
}
@media(max-width:1200px){
	.inws-div .nwvd-a5{
		margin-top: -40px;
		display: block;
		opacity: 1;
	}
	.inws-top-b li{
		margin-right: 25px;
	}
}
@media(max-width:1000px){
	.inws-top-a{
		font-size: 32px;
	}
	.inws-top-a:after{
		height: 30px;
		margin-top: -15px;
	}
	.inws-top-b li{
		font-size: 16px;
		margin-right: 20px;
	}
	.inws-lt,.inws-rt{
		width: 100%;
		margin-bottom: 30px;
		max-width: initial;
	}
	.inws{
		padding-bottom: 30px;
	}
}
@media(max-width:750px){
	.inws-div .nwvd-a5{
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .28rem;
		margin-top: -.5rem;
		margin-left: -.5rem;
		display: block;
		opacity: 1;
	}
	.inws{
		padding-top: .5rem;
		padding-bottom: 1.3rem;
		position: relative;
	}
	.inws-top-a{
		width: 100%;
		text-align: center;
		font-size: .5rem;
		line-height: .6rem;
	}
	.inws-top-a:after{
		display: none;
	}
	.inws-top-b{
		width: 100%;
		text-align: center;
	}
	.inws-top-b li{
		display: inline-block;
		font-size: .28rem;
		line-height: .45rem;
		margin: 0 .2rem;
	}
	.inws-top-c{
		width: 100%;
		position: absolute;
		bottom: .7rem;
		left: 0;
		padding: 0 .4rem;
	}
	.inws-top-c a{
		width: 100%;
		font-size: .28rem;
		line-height: .7rem;
		text-align: center;
	}
	.inws-div{
		margin-top: .6rem;
	}
	.inws-div .news-tit{
		font-size: .8rem;
		line-height: 1rem;
		margin-top: .25rem;
	}
	.inws-lt .news-ba{
		margin-top: .3rem;
	}
	.inws-lt .news-b1, .inws-lt .news-b2{
		height: 4.6rem;
	}
	.inws-lt .news-b1-b{
		font-size: .4rem;
		line-height: .5rem;
		height: 1rem;
		margin-top: .2rem;
	}
	.inws-lt .news-b1-c{
		font-size: .28rem;
		line-height: .4rem;
		height: 1.6rem;
		margin-top: .3rem;
	}
	.inws-lt .news-b1-d{
		margin-top: .8rem;
	}
	.inws-lt, .inws-rt{
		margin-bottom: .45rem;
	}
	.inws .news-b1,.inws .news-b2{
		width: 47%;
	}
	.inws-rt .news-b1, .inws-rt .news-b2{
		height: 3rem;
		margin-bottom: 0;
	}
	.inws-rt .news-ba{
		margin-bottom: .4rem;
	}
}

.gytitHv{
	overflow: hidden;
}
.gytitHv .div,.gytitHv .div1{
	    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.gytitHv.animated .div{
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .2s;
    -webkit-transition: all .5s .2s;
}
.gytitHv.animated .div1{
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .5s;
    -webkit-transition: all .5s .5s;
}



.ipjt-bj{
	padding-top: 100px;
	padding-bottom: 80px;
	position: relative;
}
.ipjt-div{
	margin-top: 45px;
	position: relative;
}
.ipjt-swiper{
	width: calc(100% + 1460px);
	width: -webkit-calc(100% + 1460px);
	padding: 0 730px;
	margin-left: -730px;
	position: relative;
	z-index: 2;
}
.ipjt-txt{
	height: 620px;
	/*background-image:initial;
	background-color: #fafafa;*/
	margin-bottom: 75px;
	padding: 70px;
	text-align: center;
	color: #fff;
	position: relative;
}
.ipjt-cbj{
	height: 620px;
	position: relative;
	z-index: 1;
	height: 0;
}
.ipjt-cbj:after{
	content: '';
	width: 220px;
	height: 620px;
	background: #fafafa;
	position: absolute;
	left: -340px;
	top: 0;
	z-index: 1;
}
.ipjt-cbj:before{
	content: '';
	width: 220px;
	height: 620px;
	background: #fafafa;
	position: absolute;
	right: -340px;
	top: 0;
	z-index: 1;
}
.ipjt-c{
	height: 620px;
	width: 100%;
	background-image: url(../img/img37.jpg);
	/*opacity: 0;*/
	position: absolute;
	top: 0;
	left: 0;
}
.ipjt-a{
	font-size: 48px;
	line-height: 55px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.ipjt-a>div{
	    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.ipjt-slide.swiper-slide-active .ipjt-a>div {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .2s;
    -webkit-transition: all .5s .2s;
}
.ipjt-b{
	font-size: 20px;
	line-height: 25px;
	margin-top: 5px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.ipjt-b>div{
	    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.ipjt-slide.swiper-slide-active .ipjt-b>div {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transition: all .5s .5s;
    -webkit-transition: all .5s .5s;
}
.ipjt-m{
	display: inline-block;
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	margin-top: 20px;
}
.ipjt-m:hover{
	color: #fff;
}
.ipjt-m img{
	transition: all .3s;
-webkit-transition: all .3s;
}
.ipjt-m:hover img{
	margin-left: 5px;
	transition: all .3s;
-webkit-transition: all .3s;
}
.ipjt-img{
	width: 100%;
	padding: 0 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: right;
}
.ipjt-img-div{
	display: inline-block;
	width: 100%;
	height: 355px;
	position: relative;
	left: 0%;
	text-align: center;
}
.ipjt-img-div img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}
.ipjt-img-div{
	left: 00%;
	transform:scale(.7);
	-ms-transform:scale(.7);
	-moz-transform:scale(.7);
	-webkit-transform:scale(.7);
}

.ipjt-img-div .img2{
	opacity: 0;
}
.ipjt-slide.swiper-slide-active .ipjt-c{
	opacity: 1;
	transition: all .5s .1s;
    -webkit-transition: all .5s .1s; 
}
.ipjt-slide.swiper-slide-active .ipjt-img-div{
	left: 0%;
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition: all .5s linear .3s;;
    -webkit-transition: all .5s linear .3s;  
}
.ipjt-slide.swiper-slide-active .ipjt-img-div .img1{
	opacity: 0;
	/*transition: all .5s linear .3s;
    -webkit-transition: all .5s linear .3s; */
}
.ipjt-slide.swiper-slide-active .ipjt-img-div .img2{
	opacity: 1;
	bottom: 0px;
	/*transition: all 1s linear .3s;
    -webkit-transition: all 1s linear .3s; */
}
/*.ipjt-slide.swiper-slide-prev .ipjt-txt,.ipjt-slide.swiper-slide-next .ipjt-txt{
	background: #fafafa;
}*/
/*.ipjt-slide.swiper-slide-prev .ipjt-img-div .img1{
	left:75%;
	bottom: 0;
}
.ipjt-slide.swiper-slide-next .ipjt-img-div .img1{
	left:28%;
	bottom: 0;
}*/
.ipjt-div .newsinfo-glt{
	left: 25px;
	top: 50%;
	margin-top: -65px;
}
.ipjt-div .newsinfo-grt{
	right: 25px;
	top: 50%;
	margin-top: -65px;
}
@media(max-width:1800px){
	/*.ipjt-div .newsinfo-glt{
		left: -10px;
	}
	.ipjt-div .newsinfo-grt{
		right: -10px;
	}*/
	.ipjt-txt,.ipjt-c{
		height: 500px;
	}
	.ipjt-cbj:after{
		left: -250px;
		height: 500px;
	}
	.ipjt-cbj:before{
		right: -250px;
		height: 500px;
	}
	.ipjt-swiper{
		 width: calc(100% + 140px);
	    width: -webkit-calc(100% + 140px);
	    padding: 0 70px;
	    margin-left: -70px;
	}
}
@media(max-width:1600px){
	.ipjt-img-div{
		height: 300px;
	}
}
@media(max-width:1200px){
	.ipjt-div{
		padding: 0 50px;
	}
	.ipjt-txt{
		padding: 45px;
	}
	.ipjt-img-div{
		height: 200px;
	}
}
@media(max-width:1000px){
	.ipjt-txt,.ipjt-c{
		height: 350px;
	}
	.ipjt-cbj:after{
		height: 350px;
	}
	.ipjt-cbj:before{
		height: 350px;
	}
	.ipjt-img-div{
		height: 180px;
	}
	.ipjt-bj .inws-top-c a{
		font-size: 14px;
	}
	.ipjt-bj .inws-top-b li{
		margin-right: 15px;
	}
	.ipjt-div .newsinfo-glt,.ipjt-div .newsinfo-grt{
		display: none;
	}
}
@media(max-width:750px){
	
	.ipjt-div{
		padding: .5rem;
	}
	.ipjt-txt,.ipjt-c{
		height: 4rem;
	}
	.ipjt-cbj:after{
		height: 4rem;
		width: .4rem;
		left: -.6rem;
	}
	.ipjt-cbj:before{
		height: 4rem;
		width: .4rem;
		right: -.6rem;
	}
	.ipjt-img{
		padding: 0 .3rem;
	}
	.ipjt-img-div{
		height: 2rem;
	}
	.ipjt-txt{
		margin-bottom: .6rem;
		padding: .5rem;
	}
	.ipjt-a{
		font-size: .6rem;
		line-height: .75rem;
	}
	.ipjt-b{
		font-size: .24rem;
		line-height: .35rem;
		margin-top: 0;
	}
	.ipjt-bj{
		padding-top: .8rem;
		padding-bottom: 1.1rem;
	}
	.ipjt-bj .inws-top-b li{
		font-size: .24rem;
		margin: 0 .2rem;
	}
	.ipjt-div{
		margin-top: .0rem;
	}
	.ipjt-m{
		font-size: .26rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
}


.altTk-bj{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	display: none;
}
.altTk{
	width: 300px;
	background: #fff;
	padding: 40px;
	border-radius: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.altTk-a{
	width: 100%;
	font-size: 18px;
	line-height: 30px;
}
.altTk-b{
	display: inline-block;
	width: 130px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	margin-top: 30px;
	background: #003366;
	cursor: pointer;
}
.altTk-b:hover{
	opacity: .8;
}



.subscribe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.subscribe-div{
	width: 700px;
	padding: 55px;
	background: #fff;
	border-radius: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:ranslate(-50%,-50%);
	-moz-transform:ranslate(-50%,-50%);
	-webkit-transform:ranslate(-50%,-50%);
}
.subscribe-a{
	font-size: 36px;
	color: #000;
	line-height: 42px;
	text-align: center;
}
.subscribe-b{
	font-size: 24px;
	color: #000;
	line-height: 65px;
	margin-top: 35px;
	width: 100%;
	border: 0 !important;
	border-radius: 0 !important;
	border-bottom: 3px solid #000 !important;
	background: initial;
}
.subscribe-b::-webkit-input-placeholder {
    color: #000;
  }
  .subscribe-b::-moz-input-placeholder {
    color: #000;
  }
  .subscribe-b::-ms-input-placeholder {
    color: #000;
  }
.subscribe-c{
	font-size: 16px;
	color: #888;
	line-height: 23px;
	margin-top: 40px;
	text-align: center;
}
.subscribe-d{
	    width: 190px;
    height: 55px;
    padding-left: 25px;
    background: #000 url(../img/ico08.png) no-repeat 25px center;
    color: #fff;
    border: 0 !important;
    margin-top: 35px;
    margin-left: 50%;
    position: relative;
    left: -95px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.subscribe-d:hover{
	border-radius: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.subscribe-yz{
	display: inline-block;
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: 30px;
	right: 50px;
	z-index: 8;
}
.subscribe-yz:hover{
	color: #fff;
}
@media(max-width:750px){
	.subscribe-yz{
		top: .4rem;
		right: .4rem;
	}
	.subscribe-div{
		width: 90%;
		padding: .5rem .4rem;
	}
	.subscribe-a{
		font-size: .4rem;
		line-height: .55rem;
	}
	.subscribe-b{
		font-size: .3rem;
		line-height: .9rem;
		margin-top: .3rem;
	}
	.subscribe-c{
		font-size: .26rem;
		line-height: .45rem;
		margin-top: .3rem;
	}
	.subscribe-d{
		width: 3rem;
		font-size: .26rem;
		height: .8rem;
		margin-top: .4rem;
		left: -1.5rem;
	}
}