body{ padding-bottom:0 !important}
.home-head { text-align: center;}

.home-head .title {
	margin: 25px 0 10px;
	font-size: 28px;
	color: #535353;
}
.home-head .title span{ color:#008cd6; display:inline}
.home-head .subtitle {
	color: #b0b0b0;
}



/* ========== */
/* = BANNER = */
/* ========== */
.home-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:50px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1px;}
.swiper-pagination-bullet {
	position: relative;
	width: 35px;
	height: 12px;
	border-radius: 0;
	opacity: 1;
	background: url(/templets/default/images/mn1.svg) no-repeat center;
}

.swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -22px;
	width: 44px;
	height: 100%;
	background: url(/templets/default/images/mn1-1.svg) no-repeat center;
	opacity: 0;
	transition: all ease .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.home-banner .swiper-button-next, 
.home-banner .swiper-button-prev {
	width: 35px;
	height: 85px;
	margin-top: -42px;
	display:none
}

.home-banner .swiper-button-prev {
	left: 14.5%;
	background: url(/templets/default/images/home_banner_prev.png) no-repeat;
}

.home-banner .swiper-button-next {
	right: 14.5%;
	background: url(/templets/default/images/home_banner_next.png) no-repeat;
}




.home-banner-1,
.home-banner-2 { position: relative; overflow: hidden;}

.home-banner-con,
.home-banner-con-2 { 
	position: absolute;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	color: #fff;
	text-transform: uppercase;
	transform: translateX(-50%);
}

.home-banner-con {
	top: 24%;
	text-align: center;
}

.home-banner-con-2 {
	top: 50%;
	margin-top: -150px;
	
}

.home-banner-con-2 .con-in { width: 47%;}

.home-banner-con .text-1 {
	width: 100%;
	height: 110px;
	line-height: 110px;
	font-size: 148px;
	font-weight: bold;
	font-family: 'PingFang-Heavy';
}

.home-banner-con .text-1 .font {
	opacity: .7;
	font-family: 'PingFang-Heavy';
	-webkit-text-stroke: 1px #2b9eff;
	color: transparent;
}

.text-1 span {
	opacity: 0;
	display: inline-block;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 2s, opacity 2s;
}

.home-banner-con .wave {
	margin: 25px auto;
}

.home-banner-con .text-2 {
	margin-bottom: 10px;
	font-size: 26px;
	letter-spacing: 3px;
}

.home-banner-con .text-3 {
	font-size: 14px;
	opacity: .2;
}

.home-banner-con-2 .text-1 {
	font-size: 50px;
}

.home-banner-con-2 .line {
	position: relative;
	margin: 40px 0;
	height: 1px;
	background: url(/templets/default/images/home_banner_line.png) no-repeat;
}

.home-banner-con-2 .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}

.home-banner-con-2 .text-2 {
	margin-bottom: 20px;
	font-size:18px;
	line-height: 28px;
}

.home-banner-con-2 .text-3 {
	margin-bottom: 35px;
	font-size:14px;
	line-height: 18px;
	text-transform: lowercase;
	opacity: .1;
}

.home-banner-con-2 .more-button-2 {
	width: 222px;
	height: 45px;
	line-height: 43px;
	font-size: 16px;
}


.progress {
  margin: 0 auto;
  width: 110px;
  height: 110px;
  line-height: 110px;
  position: relative;
}
.progress:after{
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .07;
}

.progress .bg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: url(/templets/default/images/progress_bar_bg.png) no-repeat top right;
	 background-size: cover;
}
 
.progress .progress-value {
  	  position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -44px;
      margin-left: -44px;
      width: 88px;
      height: 88px;
      line-height: 88px;
      border-radius: 50%;
      font-size: 12px;
      color: #2b9eff;
      text-align: center;
      background: rgba(255,255,255,.1);
}


.banner-progress-list {
	padding-top: 120px;
	overflow: hidden;
}

.banner-progress-list li {
	float: left;
	width: 33.333%;
	text-align: center;
	color: #fff;
}

.banner-progress-list li p {
	padding-top: 15px;
	font-size: 15px;
	transition: all .4s ease-in;
}

.banner-progress-list li .num { font-size: 30px;}

.banner-progress-list li:hover .progress .bg {
	animation: progress-360 4s ease-in infinite;
}
  
.banner-progress-list li:hover p {
	transform: translateY(-5px);
}












@media (max-width: 1700px){
	.home-banner .swiper-button-prev { left: 15px; }
	.home-banner .swiper-button-next { right: 15px; }
	.banner-progress-list { padding-top: 20px; }
}


@media (max-width: 1300px){
	.home-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 50px;}
	.home-banner-con { top: 20%; }
	.home-banner-con .wave { margin: 10px auto; }
	.home-banner-con .text-1 {
		font-size: 100px;
		height: 85px;
		line-height: 85px;
	}
	.home-banner-con .text-2 { font-size: 20px; }
}


.home-banner-img-animate {	
	-webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s
}

.text-1 span.active  {
	opacity: .15;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}
.text-1 span.active:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.text-1 span.active:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.text-1 span.active:nth-child(4) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.text-1 span.active:nth-child(5) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.text-1 span.active:nth-child(6) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.home-banner-con .wave {
	opacity: 0;
	transition: all ease 1s;
	transform: scale(0);
}
.home-banner-con .text-2,
.home-banner-con .text-3 {
	opacity: 0;
	transition: all ease 1s;
	transform: translateY(20px);
}
.home-banner-con .wave.active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.home-banner-con .text-2.active {
	opacity: 1;
	transform: translateY(0);
}
.home-banner-con .text-3.active {
	opacity: .2;
	transform: translateY(0);
}




.home-banner-con-2 .text-1 {
	opacity: 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.home-banner-con-2 .line {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	transition-delay: .2s;
}

.home-banner-con-2 .line em {
	opacity: 0;
	left: 100%;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}

.home-banner-con-2 .text-2,
.home-banner-con-2 .text-3,
.home-banner-con-2 .more-button {
	opacity: 0;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.home-banner-con-2 .text-2 { transition-delay: .3s;}
.home-banner-con-2 .text-3 { transition-delay: .4s;}
.home-banner-con-2 .more-button { transition-delay: .5s;}
.home-banner-con-2 .text-1.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .line.active {
	opacity: 1;
}
.home-banner-con-2 .line.active em {
	opacity: 1;
	left: 0;
}
.home-banner-con-2 .text-2.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .text-3.active {
	opacity: .1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-banner-con-2 .more-button.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}











@-webkit-keyframes imageAnimation {
	0% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	8% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes imageAnimation {
	0% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
	8% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.home-link { overflow: hidden;}
.home-link-item {
	float: left;
	position: relative;
	height: 226px;
	color: #fff;
	overflow: hidden;
}

.home-link-item .img { position: relative; overflow: hidden; height: 226px;}
.home-link-item .line {
	position: absolute;
	z-index: 10;
	background: #2b9eff;
}
.home-link-item .img::before,
.home-link-item .img::after,
.home-link-item-5 .img::before,
.home-link-item-5 .img::after {
	content: '';
	position: absolute;
	z-index: 10;
	background: #2b9eff;
}


.home-link-item-3 .img::before,
.home-link-item-3 .img::after,
.home-link-item-4 .img::before,
.home-link-item-4 .img::after,
.home-link-item-5 .img::before,
.home-link-item-5 .img::after {
	height: 0;
	width: 5px;
	
}
.home-link-item-3 .img::before,
.home-link-item-4 .img::before,
.home-link-item-5 .img::before {
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.home-link-item-3 .img::after,
.home-link-item-4 .img::after,
.home-link-item-5 .img::after {
	right: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.home-link-item-3 .line,
.home-link-item-5 .line {
	width: 0;
	height: 5px;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.home-link-item-4 .line {
	width: 0;
	height: 5px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.home-link-item-2 .img::before,
.home-link-item-2 .img::after {
	width: 0;
	height: 5px;
}
.home-link-item-2 .img::before {
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.home-link-item-2 .img::after {
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.home-link-item-2 .line {
	width: 5px;
	height: 0;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.home-link-item-2:hover .img::before,
.home-link-item-2:hover .img::after {
	width: 100%;
}
.home-link-item-3:hover .img::before,
.home-link-item-3:hover .img::after,
.home-link-item-4:hover .img::before,
.home-link-item-4:hover .img::after,
.home-link-item-5:hover .img::before,
.home-link-item-5:hover .img::after {
	height: 100%;
}

.home-link-item-2:hover .line { height: 100%;}
.home-link-item-3:hover .line,
.home-link-item-4:hover .line,
.home-link-item-5:hover .line { width: 100%;}


.home-link-item .name {
	margin-bottom:20px;
	font-size: 18px;
	color: #fff;
}
.home-link-item .name span {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.home-link-item .name span span{ color:#008cd6; margin-left:1px}
.home-link-item p {
	margin-bottom: 35px; 
	opacity: .5;
	line-height: 24px;
	color: #fff;
}
.home-link-item:hover .name span span{ color:#fff}
.home-link-item .more span {
	display: none;
	margin-right: 15px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}
.home-link-item .more i {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 14px;
	background: url(/templets/default/images/home_link_more.png) no-repeat;
}
.home-link-item .more i::before {
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -15px;
	width: 1px;
	height: 30px;
	background: #fff;
	opacity: 0;
}

.home-link-item-1 { 
	padding:0 80px 0;
	width: 31.25%;
	background: #202020;
	background:url(/templets/default/images/a1.jpg) no-repeat center;
	padding-top:3.1%;
	cursor:pointer
}
.home-link-item-1 .name {
	margin-bottom: 12px;
	font-size:28px;
	font-family: arial;
	text-transform: uppercase;
	display: inline-block;
    border-bottom: #fff 1px solid;
    padding-bottom: 2%;
}
.home-link-item-1 em {
	display: none;
	margin-bottom: 15px;
	width:46%;
	height: 1px;
	background: #fff;
}
.home-link-item-1 p {
	font-size: 24px;
	opacity: 1;
}

.home-link-item-2 {
	width: 68.75%;
	background: #1d1d1d;
}
.home-link-item-2 .img {
	float: right;
	width: 45.45454%;
	height: 226px;
}
.home-link-item-2 .img-in {
	height: 226px;
	background:url(/templets/default/images/a2.jpg) no-repeat center;
	background-size: cover;
}
.home-link-item-2 .con { 
	padding: 65px 80px 0;
	margin-right: 45.45454%;
}

.home-link-item-3 { 
	height: 452px;
	width: 31.25%;
	background: #1d1d1d;
}
.home-link-item-3 .con { 
	padding: 50px 60px 0;
	height: 226px;
}
.home-link-item-3 .img-in {
	height: 226px;
	background:url(/templets/default/images/a4.jpg) no-repeat center;
	background-size: cover;
}

.home-link-item-4 { 
	height: 452px;
	width: 37.5%;
	background: #202020;
}
.home-link-item-4 .con { 
	padding: 68px 60px 0;
	height: 226px;
}
.home-link-item-4 .img-in {
	height: 226px;
	background:url(/templets/default/images/a3.jpg) no-repeat center;
	background-size: cover;
}

.home-link-item-5 { 
	height: 452px;
	width: 31.25%;
	background: #1d1d1d;
}
.home-link-item-5 .con { 
	padding: 50px 60px 0;
	height: 226px;
}

.home-link-item-5 .con-2 { 
	position: relative;
	height: 266px;
	background: #1c1c1c;
}
.home-link-item-5 .img-in {
	height: 226px;
	background:url(/templets/default/images/a5.jpg) no-repeat center;
	background-size: cover;
}
.home-link-item,
.home-link-item .name,
.home-link-item p,
.home-link-item .more span,
.home-link-item .more i,
.home-link-item .img,
.home-link-item .img::before,
.home-link-item .img::after,
.home-link-item .img-in,
.home-link-item .line,
.home-link-item-5 .con-2::before,
.home-link-item-5 .con-2::after {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
}

.home-link-item-1:hover,
.home-link-item-2:hover,
.home-link-item-3:hover,
.home-link-item-4:hover,
.home-link-item-5:hover { background: #2b9eff;}


.home-link-item:hover .img-in {
	 -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.home-link-item:hover .name,
.home-link-item:hover p { 
	opacity: 1;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.home-link-item:hover .more span { display: inline-block;}
.home-link-item:hover .more i { 
	background-image: url(/templets/default/images/home_link_more_h.png);
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
.home-link-item:hover .more i::before { opacity: 1;}

.home-link-item-1:hover { background: #202020;}
.home-link-item-1:hover{ background:url(/templets/default/images/a1.jpg) no-repeat center; }
.home-link-item-1:hover .name,
.home-link-item-1:hover p { 
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.home-link-item-1:hover p { opacity: .5;}

@media (max-width:1680px){
	.home-link-item-1 .name { font-size: 30px;}
}

@media (max-width:1440px){
	.home-link-item-1 { padding:65px 30px 0;}
	.home-link-item-2 .con,
	.home-link-item-3 .con,
	.home-link-item-4 .con,
	.home-link-item-5 .con { padding: 30px 30px 0;}
}

.home-intro {
	padding: 45px 0 0;
	background:url(/templets/default/images/a6.png) no-repeat left top;
}
.home-intro1 {
    background:url(/templets/default/images/a7.png) no-repeat right bottom;
	padding:0 0 45px
}

.home-intro-list {
	margin: 0 -30px 0;
	overflow: hidden;
}

.home-intro-list li {
	float: left;
	padding: 0 30px;
	width: 33.333%;
	color: #000;
	text-align: center;
	line-height: 24px;
}

.home-intro-item .img {
	position: relative;
	width: 114px;
	height: 114px;
	margin: 0 auto;
	border-radius: 100%;
}

.home-intro-item .img:after{
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
}

.home-intro-item .bg {
	  position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: url(/templets/default/images/home_intro_bg.png) no-repeat top right;
}


.home-intro-item .name {
	margin: 15px 0 15px;
	font-size: 21px;
	color:#008CD6
}

.home-intro-item .des {
	text-align:center;
	color:#008CD6
}

.home-intro-item .bg,
.home-intro-item .img,
.home-intro-item .name,
.home-intro-item .des {
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}


.home-intro-item:hover .bg {
	animation: progress-360 4s ease-in infinite;
}

.home-intro-list li:nth-child(1) .home-intro-item:hover .img img {
	animation: tada 4s ease-in-out infinite;
}
.home-intro-list li:nth-child(2) .home-intro-item:hover .img img {
	animation: aa 4s ease-in-out infinite;
}
.home-intro-list li:nth-child(3) .home-intro-item:hover .img img {
	animation: pulse 4s ease-in-out infinite;
}
.home-intro-list li:nth-child(4) .home-intro-item:hover .img img {
	animation: swing 4s ease-in-out infinite;
}

.home-intro-item:hover .name,
.home-intro-item:hover .des {
	transform: translateY(-20px);
}


@keyframes aa {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}
	50% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 20deg)
	}
}


@media (max-width:1220px) {
	.home-intro-list {
		margin-left: -15px;
		margin-right: -15px;
	}
	.home-intro-list li { padding: 0 15px;}
}

/* ========== */
/* = CASE = */
/* ========== */
.home-case {
	padding:63px 0 78px;
	background:url(/templets/default/images/a9.jpg) no-repeat;
	background-size: cover;
}

.home-case .home-head .title { color: #fff; font-size:28px}
.home-case .home-head .subtitle { color: #fff; font-size:24px}

.home-case-body {
	padding-top: 55px;
	overflow: hidden;
}

.home-case-list {
	overflow: hidden;
	padding-bottom: 53px;
	margin-left: -3px;
	margin-right: -3px;
}

.home-case-list li {
	float: left;
	padding: 3px;
	width: 33.333%;
}

.home-case-item {
	position: relative;
	color: #fff;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	perspective: 800px;
}

.home-case-item .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background:url(/templets/default/images/c7.jpg) no-repeat center;
/*	border: 4px solid #48b0ee;*/
	opacity: .8;
}

.home-case-item .con {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	width: 100%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.home-case-item .name {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

.home-case-item .name::before,
.home-case-item .name::after {
	content: '';
	position: absolute;
	left: 0;
	width: 1px;
	background: #fff;
	opacity: .33;
}

.home-case-item .line { 
	display: block; 
	position: absolute;
	background: #fff;
	opacity: .33;
}

.home-case-item .line-1 {
	top: 23px;
	left: -7px;
	width: 14px;
	height: 4px;
	opacity: 1;
}

.home-case-item .line-2,
.home-case-item .line-3 {
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}

.home-case-item .line-2 { top: 0;}
.home-case-item .line-3 { bottom: 1px;}

.home-case-item .line-4 {
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
}

.home-case-item img,
.home-case-item .bg,
.home-case-item .name::before,
.home-case-item .name::after,
.home-case-item .line,
.home-case-item p {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	transition: all ease .4s;
}

.home-case-item .bg,
.home-case-item .name span {
	display: inline-block;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
}

.home-case-item p {
	transform: translateY(20px);
	opacity: 0;
}


.home-case-item .name::before,
.home-case-item .name::after,
.home-case-item .line {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.home-case-item:hover .tb{
	transform: rotateX(85deg); 
	transform-origin: center bottom 0; 
	transition: 0.4s;
}

.home-case-item:hover .name span,
.home-case-item:hover .name::before,
.home-case-item:hover .name::after,
.home-case-item:hover .line {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.home-case-item:hover .bg {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .8;
}

.home-case-item:hover p {
	transform: translateY(0);
	opacity: 1;
}

/* ========== */
/* = DYNAMIC = */
/* ========== */
.dbj{ background:url(/templets/default/images/a8.png) no-repeat center top}
.home-dynamic {
	padding: 75px 0 83px;
}

.home-dynamic-body {
	padding-top: 65px;
	overflow: hidden;
}

.home-dynamic .home-head{ text-align: center; }
.home-dynamic .home-head .tab{  display: inline-block; cursor: pointer; }
.home-dynamic .home-head .tab.active .title, .home-dynamic .home-head .tab.active .subtitle,.home-kh .home-head .tab.active .subtitle{ color:#535353}
.home-dynamic .home-head .tab.active .subtitle,.home-kh .home-head .tab.active .subtitle{ font-size:24px}
.home-dynamic .tabcon{ display: none; }
.home-dynamic .tabcon.active{ display: block; }
.home-kh .dglo{ padding:30px 0 58px; max-width: 1200px; margin:auto}
.home-kh .dglo ul{ overflow:hidden}
.home-kh .dglo ul li{ float:left; width:19%; margin:0.5%}
.home-kh .dglo ul li img{ width:100%}
.home-kh .dglo ul li a{ display:block}
.home-kh .dglo ul li a img{ /*border:#fff 1px solid;*/ transition: all 0.6s; height:121px}
.home-kh .dglo ul li a:hover img{ transform: scale(1.2); }


/*.home-kh .dglo ul li a:hover img{ border:#008cd6 1px solid}*/

#mb-news-xz .mb-home-head{ text-align: center; }
#mb-news-xz .mb-home-head .tab{  display: inline-block; cursor: pointer; }
#mb-news-xz .mb-home-head .tab.active .title,
#mb-news-xz .mb-home-head .tab.active .subtitle{ color: #fff; }
#mb-news-xz .tabcon{ display: none; }
#mb-news-xz .tabcon.active{ display: block; }
.home-dynamic-list {

	overflow: hidden;
	padding: 20px 7px 58px;
	max-width:1200px;
	margin:auto;
}

.home-dynamic-list li {
	float: left;
	padding: 0 8px;
	width: 50%;
	margin-bottom: 35px;
}

.home-dynamic-item {
	position: relative;
	background: #fff;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.3);
	box-shadow: 0px 0px 7px rgba(0,0,0,.3);
}

.home-dynamic-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #48b0ee;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	opacity: 0;
}

.home-dynamic-item-in {
	position: relative;
	z-index: 2;
	padding:20px;
	color: #999;
	font-size: 14px;
}

.home-dynamic-item .date {
	position: absolute;
	left: 20px;
	top: -20px;
	padding: 25px 10px 25px;
	width: 101px;
	font-size: 28px;
	color: #fff;
	text-align: right;
	background: #48b0ee;
	background-color: rgba(72,176,238,0.9);
}

.home-dynamic-item .date p {
	font-size: 18px;
	color:#fff
}

.home-dynamic-item .name p{
	font-size: 14px;
	color: #535353;
	float:left;
	margin-top:12px
}
.home-dynamic-item .name .n1{
   width:83px;
   line-height:24px ;
	border:#48afed 1px solid;
	color:#48afed;
	padding:0 6px;
	font-size:14px
}
.home-dynamic-item .name .n1 img{ 
    /*vertical-align:middle;*/
	margin-right:5px;
	display:inline-block;
}
.home-dynamic-item .name .n2{ margin:12px 15px 0; line-height:26px}
.home-dynamic-item .name .n3{ float:right; font-size:14px; margin-top:15px}
.home-dynamic-item .name .n3 a{ color:#48afed; font-size:12px}
.home-dynamic-item .name .n3 img{ vertical-align:middle; margin-right:5px; display:inline-block}
.home-dynamic-item .name .n3 span{ margin-right:6px; display:inline-block; background:url(/templets/default/images/xs4-1b.png) no-repeat left; width:24px; height:10px}
.home-dynamic-item .name{ 
   overflow:hidden
}

.home-dynamic-item .des {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.home-dynamic-item:hover::before {
	opacity: 1;
}

.home-dynamic-item:hover .date {
	color: #fff;
	background: #535353;
	background-color:rgba(83,83,83,0.9)
}
.home-dynamic-item:hover .n1{
	background:#fff; color:#48b0ee
	}
.home-dynamic-item:hover .n2 a,.home-dynamic-item:hover .name .n3 a{
    color:#fff
}
.home-dynamic-item:hover .name .n3 span{
	background:url(/templets/default/images/xs4-1g.png) no-repeat left;
	}

.home-dynamic-item:hover .name { color: #fff;}

.home-dynamic-body .more-button-1 .default a { color: #2b9eff;}
.home-dynamic-body .more-button-1 .hover-i a { color: #fff;}


/* ========== */
/* = ANIMATION = */
/* ========== */
 @keyframes progress-180 {
    0%{
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
    }
    100%{
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
    }
}

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


.animateBox {
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.animateBox.animate {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}



.home-intro-list li:nth-child(2) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.home-intro-list li:nth-child(3) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.home-intro-list li:nth-child(4) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}


.home-case-list li:nth-child(2),
.home-case-list li:nth-child(6) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.home-case-list li:nth-child(3),
.home-case-list li:nth-child(7) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.home-case-list li:nth-child(4),
.home-case-list li:nth-child(8) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}



.home-dynamic-list li:nth-child(2) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.home-dynamic-list li:nth-child(3) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.home-dynamic-list li:nth-child(4) {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}


.home-banner-1, .home-banner-2{  top:0; left:0; width: 100%; height: 100%}
.home-banner-img-animate{ position: absolute; z-index: 0;  top:0; left:0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}



.xz-banner{ position: relative; }
.xz-mb-news{ display: none; }



header nav{text-align: center; background: #efefef;}
header nav ul{margin: 0; padding:1em; list-style-type: none;}
header nav ul li{display: inline; margin-left: 1em;}
header nav ul li:first-child{ margin-left: 0;}
header nav ul li ul{display: none;}
a,a:hover{-o-transition: color 0.25s ease-in;-webkit-transition: color 0.25s ease-in;-moz-transition: color 0.25s ease-in;transition: color 0.25s ease-in;}
section, article, header{display: block; width: 100%;}
article{width: 96%;padding: 3em 2%;}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:relative;padding:4px 0;min-height:47px;z-index:9999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px 13px 15px;position:absolute;top:0;right:0;cursor:pointer;color:#333;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.mean-container a.meanmenu-reveal span{display:block;background:#333;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#333;margin-top:52px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:12px 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:12px 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:14px 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:14px 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:14px 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:19px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

.n-banner p img{ width:100%}
.n-banner p{ position:relative}
.n-banner p span{ position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:36px; color:#fff; letter-spacing:2px; display:block; text-shadow:0 0 5px #666}
.n-banner{ position:relative}
.home-case1{ background:none; max-width:1200px; margin:auto}
.home-case1 .home-case-list li{ width:50%}
.home-case1 .home-head .title,.home-case1 .home-head .subtitle{ color:#535353}
.home-case1 .home-head .title span{ color:#008cd6}
.ny-dh ul{ overflow:hidden; position:absolute; botton:0; left:0; margin-top:-50px; width:100%}
.ny-dh ul li,.z-nav li{ float:left; width:33.333%; text-align:center}
.ny-dh ul li a,.z-nav li span{ display:block; font-size:18px; background:#313131; background-color:rgba(49,49,49,0.7); filter:Alpha(opacity=70); color:#fff; line-height:50px}
.ny-dh ul .j-l a{ margin:0 2px}
.ny-dh ul li a:hover,.z-nav .z-cur span,.ny-dh ul .dq a{ background:#008cd6; background-color:rgba(0,140,214,0.7); filter:Alpha(opacity=70);}
.z-nav .z-cur span a,.ny-dh .z-nav1-1 .z-cur a{ background:#008cd6; background-color:rgba(0,140,214,0.7); filter:Alpha(opacity=70);}
.ny-dh .z-nav1-1 .px2 a{ margin-right:2px}
.fw-nr p img{ width:100%; margin-top:4%}
.fw-n{ padding-top:3%; background:url(/templets/default/images/jt-bg.png) no-repeat top left} 
.fw-n .home-head .subtitle,.home-head1 .subtitle{ font-size:24px; color:#535353}
.bjt1{ background:url(/templets/default/images/f2.png) no-repeat top right}
.ny-dh1 ul li span .ny-dh1-1{ background:none }

.bj2{ background:url(/templets/default/images/jt-bg.png) no-repeat center top}
.bqsm{ max-width:1200px; margin:auto; padding:2% 0 4%}
.bqsm p{ font-size:14px; margin-top:4%; line-height:30px}

.ny-dh1 ul li{ width:50%}
.ny-dh1 ul .j-2 span{ margin-right:3px}
.bj3{ background:url(/templets/default/images/jt-bg.png) no-repeat top center}
.zw-li{ overflow:hidden; padding:4% 0}
.zw-li .zpbz{ float:left; background:url(/templets/default/images/j1.png) no-repeat center; width:380px; height:730px; margin:15px; padding:30px}
.z-con{ max-width:1230px; margin:auto}
.zw-li h1{ font-size:16px; color:#898989; font-weight:normal; margin-bottom:7%}
.zw-li h1 span{ font-size:20px; background:#008cd6; color:#fff; display:inline-block; padding:3px 7px; margin-bottom:5px}
.zw-li p{ font-size:14px; color:#535353; line-height:24px}
.zw-li p span{ color:#0065b4}
.zw-li h2{ font-size:16px; color:#0065b4; margin-top:4%; font-weight:normal}
.zw-li h3{ font-size:16px; margin-top:28%; font-weight:normal}
.zw-li .xdw1{ position: absolute;
    left: 8%;
    bottom: 8%;
    width: 100%;}
.zpbz{ position:relative}
.zw-li h3 span{ font-size:20px; color:#0065b4}

.hd-li{ overflow:hidden; padding:4% 0}
.hd-li dl{ width:31.333%; margin:1%; box-shadow:0 0 10px #ccc; background:#fff; float:left; padding:2%}
.hd-li dl dt img{ width:100%}
.hd-li dl dd{ font-size:14px; color:#535353; margin-top:2%}
.hd-li dl .y-b{ font-size:18px; margin-top:5%}
.hd-li dl a:hover dd{ color:#008CD6}

.xw-zx{ overflow:hidden; padding-bottom:4%}
.xw-li{ margin-top:4%}
.xw-li .left{ float:left; width:27%; position:relative}
.xw-li .right{ float:right; width:70%}
.xw-li .left dl{ position:absolute; top:0; left:0; bottom:0; width:100%;}
.xw-li .left h1 img{ width:100%; height:209px}
.xw-li .left dl a{ display:block; height:100%; /*background:#333333; background-color:rgba(51,51,51,0.8);*/ filter:Alpha(opacity=80);}
.xw-li .left dl a:hover{ background:#008cd6; background-color:rgba(0,140,214,0.8); filter:Alpha(opacity=80);}
.xw-li .left dl dd{ font-size:18px; color:#fff; text-align:center; padding-top:9%}
.xw-li .left dl dt{ padding-top:26%}
.xw-li .left dl dt img{ width:30%; display:block; margin:auto}
.xw-li .right p{ font-size:14px; color:#535353; margin-top:2%; line-height:26px}
.xw-li .right h1{ font-size:20px; margin-top:2.7%; font-weight:normal}
.xw-li .right h2{ font-size:12px; color:#898989; font-weight:normal; margin-top:1%; overflow:hidden}
.xw-li .right h2 a{ color:#898989;}
.xw-li .right h2 img{ display:inline-block; vertical-align:middle; margin-right:5px}
.xw-li .right h2 .zb{ border:#898989 1px solid; padding:2px 5px; font-size:14px; display:inline-block; margin-right:5px}
.xw-li .right h2 .yb{ float:right; font-size: 12px; color:#959595; padding-top:4px}
.xw-li .right h1 a:hover,.xw-li .right h2 a:hover{ color:#008cd6}
.xw-li .right h2 a:hover .zb{ border:#008cd6 1px solid;}
.xw-li .right h2 a .zb span{ background:url(/templets/default/images/x2-1.jpg) no-repeat center; width:8px; height:9px; display:inline-block; margin-right:5px;}
.xw-li .right h2 a:hover .zb span{ background:url(/templets/default/images/x2.jpg) no-repeat center;}
.xw-li .right h2 a .yb span{ background:url(/templets/default/images/xs4-2b.png) no-repeat center; width:29px; height:10px; display:inline-block; margin-right:5px;}
.xw-li .right h2 a:hover .yb{ color:#008cd6}
.xw-li .right h2 a:hover .yb span{ background:url(/templets/default/images/xs4-2g.png) no-repeat center;}
.fy{ position:relative; min-height:100px; margin:1% 0 3%}
.fy .left{ position:absolute; top:0; left:0}
.fy .right{  position:absolute; top:0; right:0}
.fy p,.fy ul{ text-align:center; display:block;}
.fy p span{ width:64px; height:64px; display:block; margin-top:3px}
.fy p a:hover,.fy ul .thisclass{ color:#008cd6;}
.fy p a{ font-size:14px; color:#898989}
.fy ul li{ font-size:16px; display:inline-block; padding:4% 8px; color:#535353}
.fy .left span{ background:url(/templets/default/images/x3.png) no-repeat center}
.fy .left a:hover span{ background:url(/templets/default/images/x3-1.png) no-repeat center}
.fy .right{ clear: both; }
.fy .right span{ background:url(/templets/default/images/x4.png) no-repeat center}
.fy .right a:hover span{ background:url(/templets/default/images/x4-1.png) no-repeat center}




.bj4{ background:url(/templets/default/images/jt-bg.jpg) no-repeat center}

.xwx1 h1{ text-align:center; font-size:20px; color:#535353; font-weight:normal;}
.xwx1 h2{ text-align:center; font-size:12px; color:#898989; font-weight:normal; margin:2% 0 4%}
.xwx1 p{ font-size:16px; color:#535353; line-height:30px}
.xwx{ padding:5% 0}
.sjj{ margin-top:3%}
.xwx2 h1{ margin-top:2%}
.xwx2 h1 img{ display:inline-block; margin-right:15px}
.xwx2 dl{ text-align:center; color:#48b0ee; margin:3% 0; cursor:pointer}
.xwx2 dl dt img{ width:5%; margin-bottom:5px;}
.xwx2 p{ overflow:hidden}
.xwx2 p .left{ float:left}
.xwx2 p .right{ float:right}
.xwx2 p{ font-size:14px; color:#535353}
.xwx2 p span{ color:#5bafe5; font-size:24px; vertical-align:middle}
.xwx2 p a:hover{ color:#5bafe5;}
.xwx3{ margin-top:6%; margin-bottom:2%} 
.xwx3 h1{ font-size:18px; color:#313131; border-bottom:#999 1px solid; padding-bottom:2%; font-weight:normal}
.xwx3 ul li{ border-bottom:#999 1px solid; padding:2% 0}
.xwx3 ul li a{ font-size:14px; color:#898989}
.xwx3 ul li .right{ float:right}
.xwx3 ul li a .right span{ display:inline-block; background:url(/templets/default/images/xs4-2g.png) no-repeat left; width:29px; height:4px; vertical-align:middle; margin-right:8px}
.xwx3 ul li .left{ display:inline-block; margin:0 3%}
.xwx3 ul li a:hover{ color:#008cd6}
.xwx3 ul li a:hover .right span{ background:url(/templets/default/images/xs4-1b.png) no-repeat left;}
.bj5{ background:url(/templets/default/images/xs-bg.png) no-repeat center}

.fw-xq{ max-width:1200px; margin:auto; padding:4% 0}
.fw1 h1{ font-size:24px; color:#535353; font-weight:normal; text-align:center; margin-bottom:3.5%; letter-spacing:2px}
.fw1 p img{ width:100%}
.nr{ font-size:14px; line-height:26px; margin-bottom:4%}
.fy1 .sz{ padding-top:2%}


.successlunbo {
    max-width:1200px;
    margin:3.5% auto;
}
.control {
    width:904px;
    height:517px;
    /*background: #282828;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.change li {
    width:904px;
    overflow: hidden;
    text-align: center
}

.change li .imgWrap {
    display: table-cell;
    width:904px;
    height:517px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 500px;
}

.change li img {
    max-width:904px;
    max-height:517px;
    width: expression(this.width > 904 && this.width > this.height ? 517: true);
    height: expression(this.height >904 ? 517: true);
    vertical-align: middle;
    overflow: hidden
}
/* 形貌部分 */

.change li .textDesc {
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 4px;
    text-align: left;
    overflow: hidden;
	display:none
}

.change li .opacity {
	display:none
}

.change li .title {
    padding: 10px 15px 0;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 22px;
}

.change li .title a {
    color: #e6e6e6;
}
.ssprev,
.ssnext {
	display:none
}

.ssprev span,
.ssnext span {
    display: none;
}
.pageClass {
    text-align: center;
    z-index: 9;
    position: absolute;
    top: 50px;
    padding-top: 10px;
}
.pageClass a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    overflow: hidden;
    border: 1px solid #bebebe;
    background: #bebebe;
    border-radius: 5px;
    outline: none
}
.pageClass a span {
    display: none
}
.pageClass a:hover,
.pageClass a.cur {
    border: 1px solid #be230a;
    background: #be230a
}
/* 缩图部分 */

.thumbWrap {
    width:292px;
    height:516px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.thumbWrap .thumbCont {
    height: 516px;
    overflow: hidden;
    position: relative;
    width:313px;
}
.thumbWrap ul li {
    /*height: 92px;*/
    overflow: hidden;
    text-align: center;
    width:292px;
	margin-bottom:3px
}
.thumbWrap ul li div {
    display: table-cell;
    width: 127px;
    height: 92px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 79px;
}
.thumbWrap ul li img {
    max-width:292px;
    max-height:172px;
    width: expression(this.width > 313 && this.width > this.height ? 313: true);
    height: expression(this.height >172 ? 172: true);
    vertical-align: middle;
    overflow: hidden
}
.thumbWrap ul li.cur {}
/* 缩图按钮 */
.thumbPrev,
.thumbNext {
    width: 30px;
    height: 14px;
    text-align: center;
    position: absolute;
    color: #000;
    z-index: 9;
    outline: none
}
.thumbPrev span,
.thumbNext span {
    display: none;
}
.thumbPrev {
    left:141.5px;
    top: 20px;
    background:url(/templets/default/images/fs2-3.png) no-repeat;
}
.thumbNext {
    left:141.5px;
    bottom:20px;
    background:url(/templets/default/images/fs2-4.png) no-repeat;
}
.sjd{ display:none}

.ny-dh2 ul li{ width:20%}
.gyy{ padding-left:19%; margin:2.5% 0 2.5%}
.gyy .left{ float:left}
.gyy .right{ float:right}
.gyy .fyy-z{ width:19%; width:29%; padding-top:3%}
.gyy .fyy-y{ width:78%; width:68%}
.gyy-0{ padding-right:19%; padding-left:0}
.gyy-0 .fyy-z{ padding-top:4%}
.gyy .fyy-z h1,.gyy .fyy-z h2{ font-weight:normal; color:#008cd6}
.gyy .fyy-z h1{ font-size:28px}
.gyy .fyy-y p img{ width:100%}
.gyy .fyy-z h2{ font-size:20px; margin:3% 0 10%}
.gyy .fyy-z p{ font-size:14px; line-height:29px; color:#535353}
.gyy-0 .fyy-z p{ font-size:14px}
.fw-n1{ background:url(/templets/default/images/jt-bg.png) no-repeat center top; padding-top:3.4%}
.gy1 p img{ width:81%; margin-left:0}
.gy1{ margin-bottom:2%}
.gy2{ max-width:1200px; margin:auto; overflow:hidden; margin-bottom:4%}
.gy2 div{ float:left; width:31.333%; margin:1%; box-shadow:0 0 10px #ccc; min-height:358px; padding:0 2% 2%}
.gy2 div p{ float:right; background:#5ab8f0; font-size:30px; color:#fff; margin-right:2%; display:inline-block; padding:2% 3% 10%; margin-bottom:10%}
.gy2 div ul{ clear:both;}
.gy2 div ul li{ background:url(/templets/default/images/jt-8.png) no-repeat top 8px left; padding-left:19px; font-size:14px; color:#535353; line-height:26px; margin-bottom:4%}
.glt,.ryj,.lxwm{ max-width:1200px; display:block; margin:2.3% auto 4%}
.lxwm{ margin:2.3% auto 4%}
.glt{ margin:2.3% auto 4.5%}
.glt div{ overflow:hidden}
.glt div .left{ float:left}
.glt div .right{ float:right}
.g1-1 h1,.g1-1 h2{ font-weight:normal}
.g1-1 .left{ width:43%}
.g1-1 .right{ width:50%; color:#fff; padding:7% 4% 0 0}
.g1-1{ background:url(/templets/default/images/jt-4-11.jpg) no-repeat right; width:49.8%; margin:0.2% 0.1%; color:#fff}
.g1-1 .left img,.dl2-2 .g1-1 p img{ width:100%}
.g1-1 .right h1,.dl2-2 .g1-1 h1{ font-size:20px}
.g1-1 .right h2,.dl2-2 .g1-1 h2{ font-size:16px; margin:2% 0 7%}
.g1-1 .right p,.dl2-2 .g1-1 p{ font-size:14px; line-height:24px}
.dl2-2{ width:36%}
.dl3-3{ width:64%}
.dl2-2 .g1-1{ background:url(/templets/default/images/jt-4-13.jpg) no-repeat bottom; float:left; min-height:575px; width:49%; margin:0.3% 0.45%;}
.dl2-2 .g1-1-1{ background:url(/templets/default/images/jt-4-14.jpg) no-repeat bottom; }
.dl2-2 .g1-1 div{ padding:11%}
.dl2-2 .g1-1 h2{ margin:2% 0 10%}
.g2-2 .left{ width:74.85%}
.g2-2 .left p img{ width:100%}
.g2-2 .right{ width:24.54%}
.g2-2 .right dl dt img,.g2-3 dl dt img{ width:100%}
.g2-2{ margin:0.2% 0.2% 0}
.g2-2 .right dl,.g2-3 dl{ position:relative; margin-bottom:2%}
.g2-2 .right dl dd,.g2-3 dl dd{ position:absolute; bottom:0; padding:4% 0%; background:#000; filter:Alpha(opacity=50); background-color:rgba(0,0,0,0.5); width:100%; color:#fff; text-align:center; font-size:16px}
.g2-3{ overflow:hidden}
.g2-3 dl{ float:left; width:24.48%; margin:0 0.262%}
.ryj ul{ overflow:hidden}
.ryj ul li{ float:left; width:18.6%; margin:0.7%}
.ryj{ margin:2% auto 4%}
.ryj ul li img{ width:100%}
.lxw1,.lxw2{ overflow:hidden}
.lxw1 p{ width:100%;}
.lxw1 p img{ width:100%}
.lxw2 .left{ float:left; width:40%}
.lxw2 .right{ float:right; width:50%}
.lxw2 h1{ font-size:24px; color:#008cd6; margin:6% 0; font-weight:normal}
.lxw2 h1 span{ font-size:14px; color:#535353; display:block; margin-top:1%}
.lxw2 .left p img{ display:inline-block; vertical-align:middle; margin-right:1%;}
.lxw2 .left p{ font-size:14px; margin-bottom:2%; color:#535353;}
.lxw2 .right p{ font-size:14px; overflow:hidden; margin-bottom:3%; color:#535353;}
.lxw2 .right p span{ display:inline-block; width:14%; float:left; line-height:30px}
.lxw2 .right p input,.lxw2 .right p textarea{ font-size:14px; width:85%; border:#ccc 1px solid; background:none; padding:0 5px; line-height:30px; border-radius:5px}
.lxw2 .right p textarea{ height:140px}
.lxw2 .right .tja input{ background:#008cd6; width:25%; margin-left:16%; display:block; color:#fff; line-height:35px; font-size:16px; border:0}

.bjs-z{ background:url(/templets/default/images/z-bg.png) no-repeat center top; padding:3% 0; overflow:hidden}
.z-dmk{ max-width:1200px; margin:auto}
.z-dmk .left{ float:left}
.z-dmk .right{ float:right}
.z-dmk .clear{ clear:both}
.mkz-1{ overflow:hidden; margin:4% 0 2%}
.mkz-1 .left,.mkz-1 .right{ width:100%; float:none}
.mkz-1 .left p img{ width:17.5%; display:block; margin:auto}
.mkz-1 .right{ padding:0 6%}
.mkz-1 .right h1{ font-size:24px; color:#bd0b4f; margin-top:2%; font-weight:normal; text-align:center; letter-spacing:4px}
.mkz-1-1 .right h1{ color:#505050}
.mkz-1-2 .right h1{ color:#d0ad60}
.mkz-1-3 .right h1{ color:#ff507a}
.mkz-1 .right p{ font-size:14px; color:#535353; line-height:24px; margin-top:1%; text-align:center}
.bjs-z .home-head .title{ font-size:28px}
.mkz-2{ overflow:hidden; margin-bottom:1%}
.mkz-2 div{ overflow:hidden}
.mkz-2 h1{ text-align:center; font-size:18px; color:#535353; font-weight: normal; margin-top: 0.8%;}
.mkz-2 dl{ float:left; width:18%; margin:1%; min-height:120px}
.mkz-2 dl dt img{ width:100%; border:#bd0b4f 1px solid}
.mkz-2 dl dd{ text-align:center; margin-top:8px}
.mkz-3{ border:#bd0b4f 2px solid; border-radius:10px; width:48%; float:left; margin:1%}
.mkz-44-1{ border:#505050 2px solid}
.mkz-66-1{ border:#e1be71 2px solid}
.mkz-99-1{ border:#ff507a 2px solid}
.mkz-3 .left{ width:9%;}
.mkz-3 .right{ width:91%; overflow:hidden; padding: 0 5%;}
.mkz-3 .left p{ font-size:14px; color:#fff; text-align:center; line-height:17px; background:#bd0b4f; padding:102% 0; border-radius:5px 0 0 5px;}
.mkz-5 .left p{ padding:91% 0}
.mkz-66-1 .left p{ padding:83% 0; background:#e1be71}
.mkz-44-1 .left p{ padding:241% 0; background:#505050}
.mkz-99-1 .left p{ background:#ff507a}
.mkz-3 .right dl{ float:left; width:38%; margin:7.7% 6%}
.mkz-3 .right dl dt img{ width:49%; display:block; margin:auto; border:#bd0b4f 1px solid; border-radius:49px; margin-bottom:8px} 
.mkz-44-1 .right dl dt img{ border:#505050 1px solid; }
.mkz-3 .right dl dd{ font-size:14px; color:#535353l; text-align:center;}
.mkz-3 .right dl .z-bty{ background:#bd0b4f; color:#fff; font-size:14px; padding:5px; margin-bottom:8px; width:80%; margin:0 auto 8px}
.mkz-44-1 .right dl .z-bty{ background:#505050}
.mkz-5 .right dl .z-bty{ margin-bottom:0}
.mkz-3z{ overflow:hidden} 
.mkz-3z .mkz-3 .left{ width:10.5%} 
.mkz-3z .mkz-3 .right{ width:89.5%} 
.mkz-4{ width:97.9%; float:none}
.mkz-4 .left{ width:5%;} 
.mkz-4 .right{ width:95%;}
.mkz-4 .right dl{ width:19%; margin:2% 3%}
.mkz-44-1 .right dl{ margin:2% 3% 0}
.mkz-44-1 .right{ padding-bottom:1.6%}
.mkz-3 .right dl dd span{ display:block; color:#bd0b4f; font-size:16px}
.mkz-4 .right dl dt img{ width:50%}
.mkz-5 .right dl dt img{ width:53%}
.mkz-5 .right dl{ margin:3.4% 3%}
.mkz-3-1 .left p{ padding:76% 0;}
.mkz-5{ margin-top:2%}
.mkz-3 .right p{ display:none}
.mkz-6 .right dl{ width:8.5%; margin:0.8% 2%;}
.mkz-66-1 .right dl{ width:8.5%; margin:3.1% 2%;}
.mkz-6 .right dl dt img{ border:0; border-radius:0; width:100%; margin-bottom:0}
.mkz-6 .right{ padding:0}
.mkz-7 h1{ font-size:16px; color:#1194d9; font-weight:normal}
.mkz-7 p{ font-size:14px; color:#535353; line-height:24px}
.mkz-1-1{ margin-top:6%}
.mkz-1,.mkz-7{ padding:0 1%}
.mkz-7{ margin:3% 0 2%}
.mkz-9 .right dl{ width: 22.5%; margin: 2.7% 5.2%;}
.mkz-10 .right dl{ width: 14%; margin: 2.5% 3%;}
.mkz-11 .right dl{ width: 22.5%; margin: 3% 5.2%;}
.mkz-9 .right{ padding:0 3%}
.mkz-10 .right{padding:2%;}
.mkz-11 .right{padding: 0 4%;}
.mkz-11 .left p{ padding:146% 0}
.mkz-6 .left p{ overflow:hidden}
.mkz-6 .left p .on1{ float:left}
.mkz-6 .left p .on2{ float:right; display:inline-block; padding-top:100%}
.mkz-9 .left p,.mkz-10 .left p{ padding:152% 10px}
.mkz-4{ margin:2% 1%}
.mkz-4-1{ margin-top:1%}

.ny1-1{ overflow:hidden}
.ny1-1 li{ float:left; width:15%; margin:4% 5%; text-align:center}
.ny1-1 li a{ font-size:22px; border-bottom:#fff 2px solid; color:#535353; display:inline-block; padding:6px 15px}
.ny1-1 li a:hover{ border-bottom:#008cd6 2px solid; color:#008cd6}
.ny1-1 .ny1-1_rel a{ border-bottom:#008cd6 2px solid; color:#008cd6}

.fw1{ overflow:hidden; margin-top:3%}
.fw1 .left,.fw1 .right{ float:left}
.fw1 .right{ margin-top:2%;}
.f-wz1{ background:#48b0ee; overflow:hidden; width:47%}
.f-wy1{ width:53%}
.f-wz1 h1{ color:#fff; font-size:18px; text-align:left; padding: 0 20px 10px 0; background:url(/templets/default/images/212.png) no-repeat bottom left;}
.f-wz1 p{ color:#fff; font-size:14px; line-height:25px}
.f-wy1 p img{ width:65%; padding:0; margin:0}
.f-wz1 div{ width:60%; float:right; padding: 10% 8% 10% 0;}
.fw2 .f-wy1 p{ overflow:hidden}
.fw2 .f-wy1 p img{ float:right}
.fw2 .f-wz1 div{ float:left; padding-left:8%; padding-right:0}
.fw3 .right{ margin-top:0}
.fw3 .left{ margin-top:2%}
.hd{ position:fixed; bottom:30%; right:5px; z-index:9999}
.hd ul li{ margin-top:5px}
.hd .x1 a{ display:block; background:url(/templets/default/images/b1-1.jpg) no-repeat center; width:50px; height:50px}
.hd .x1 a:hover{ background:url(/templets/default/images/b1-1-1.jpg) no-repeat center}
.hd .x2 a{ display:block; background:url(/templets/default/images/b1-2.jpg) no-repeat center; width:50px; height:50px}
.hd .x2 a:hover{ background:url(/templets/default/images/b1-2-2.jpg) no-repeat center}
.jlo{ display:none}
.g2-3 dl dt img{ height:189px}



@media (max-width:1400px){
	.f-wz1 div{ width:80%}
    .f-wy1 p img{ width:82%}
	.mkz-3 .right dl dd{ font-size:12px}
}



.zan p{
background:#000; opacity:.8;filter:alpha(opacity=80);} 
.zan p a{padding-left:30px; height:24px; background:url(/images/heart.png) no-repeat  
4px -1px;color:#fff; font-weight:bold; font-size:14px} 
.zan p a:hover{background-position:4px -25px;text-decoration:none}

.wdw2{ display:none}

.nr iframe,.xwx1 iframe{ width:50% !important; height: 400px !important}
@media (max-width:1024px){
.g2-3 dl dt img{ height:381px}
}

@media(max-width:640px){
	.nr iframe,.xwx1 iframe{ width:100% !important; height: 238px !important}
	.g2-3 dl dt img{ height:202px}
}

.xwx1{line-height: 26px !important; color: #535353 !important;max-width: 900px; margin: 0 auto;}
.nr900{max-width: 900px; margin: 0 auto;}<!--耗时1755051926.5365秒-->