@font-face {
	font-family: 'font1';
	src: url('../font/FZZZHONGHJW.eot');
	src: local('☺'), url('../font/FZZZHONGHJW.woff') format('woff'), url('../font/FZZZHONGHJW.ttf') format('truetype'), url('../font/FZZZHONGHJW.svg') format('svg');
	font-weight:normal;
	font-style: normal;
}
@font-face {
	font-family: 'font2';
	src: url('../font/impact.eot');
	src: local('☺'), url('../font/impact.woff') format('woff'), url('../font/impact.ttf') format('truetype'), url('../font/impact.svg') format('svg');
	font-weight:normal;
	font-style: normal;
}
* {padding:0;margin:0;}
body {width:100%; border: 0 none; overflow-x:hidden; background:#fff; font-family:Microsoft Yahei; font-size:62.5%; color:#333;-webkit-text-size-adjust:none;}
table{border-collapse:collapse; border-spacing:0;}
ul {list-style:none; border:none;}
hr{border:none; background:#5ac5fe; width:100%; margin:0 auto; height:2px;}
a{text-decoration: none; outline:none; color:#333;}
a:active{ outline:none;}
a,a span,a h3,a h4,a h5,a h6{text-decoration: none; outline:none; color:#333;transition:all  800ms;-webkit-transition:all  800ms;-moz-transition:all  800ms;-o-transition:all  800ms;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl {clear:both;}
.fl{float:left;}
.fr{float:right;}
.ct{text-align:center;}
.pa_rt{padding-right:64px;}
.pd_btm{padding-bottom:80px;}
.ps{ position:relative; z-index:999;}
.a_fff a{color:#fff;}
.a_fff a:hover{color:#fff;}
.a_333 a{color:#333;}
.a_333 a:hover{color:#e70012;}
.img_blk{display:block;}
img{ border: 0 none;}
textarea,input{font-family:Microsoft Yahei; font-size:14px; outline:none;}
.ap_nav{z-index:9999;}
.kd{}
.left{position:absolute; z-index:9999; left:15px; top:35px;}

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section .title{ position:relative; height:100%;}
.section-wrap .section .title .kd{ position:relative; height:100%;}
.section-wrap .section .title .kd .fr{ text-align:right;}
.section-wrap .section .title .kd .fr i{ line-height:70px; color:rgba(255,255,255,0.3); font-size:68px; font-style:normal; text-transform:uppercase; font-family:Georgia; font-weight:100;}
.section-wrap .section .title .kd .fr em{ font-size:33px; font-weight:100; display:block; font-style:normal; color:#fff;}
.section-wrap .section .title .kd .fr p{ font-size:22px; line-height:38px; color:#aaa;}
.section-wrap .section .title .kd .cl{ text-align:right; color:#fff; padding-top:5%;}
.section-wrap .section .title .kd .cl p{ font-size:16px; margin:8px 0; line-height:28px; letter-spacing:1px;  max-width:900px; float:right;}
.section-wrap .section-1{ background-color:#050505; overflow:hidden;}
.section-wrap .section-2{ background-color:#fff}
.section-wrap .section-3{ background-color:#fff; overflow:hidden;}
.section-wrap .section-4{ background-color:#fff}
.section-wrap .section-5{ background-color:#fff}
.section-wrap .section-6{ background-color:#fff}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%); z-index:99;}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-550%);-webkit-transform:translateY(-550%);}


.section-btn{ width:14px;position:fixed;right:4%;top:50%;}
.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#fff}
.in1{background:url(../img/banner.jpg) no-repeat; height:100vh;}
.top_icon{float:right;}
.top_icon ul li{float:left;}
.top_icon ul li a{display:block; position:relative; height:88px; cursor:pointer; width:65px; border-left:2px solid rgba(255,255,255,0.2);}
.top_icon ul li a span{height:0; width:300px; background:#fff; position:absolute; top:65px; right:0; opacity:0; overflow:hidden;}
.top_icon ul li a:hover span{height:46px; opacity:1; top:88px;}
.top_i1{background:url(../img/top1.png) no-repeat center;}
.top_i2{background:url(../img/top2.png) no-repeat center;}
.top_i3{background:url(../img/top3.png) no-repeat center;}
.top_i4{background:url(../img/top4.png) no-repeat center;}
.top_txt{height:46px; line-height:46px; border:none; padding:0 5px; width:210px;}
.top_but{width:78px; border:none; background:#e70012; color:#fff; height:46px; cursor:pointer; font-weight:bold;}
.home{height:100%;}
.in2{background:url(../images/pinpaibg.jpg) no-repeat center; background-size:100% 100%; height:100%; overflow:hidden;}
.in3{background:url(../images/productbg.jpg) no-repeat center; background-size:100% 100%; height:100%; overflow:hidden;}
.in3 .ap_pd{height:100%;}
.section-wrap .section .active .in_bgdh{-webkit-animation-duration: 4s;animation-duration: 4s; -webkit-animation-name:bnjt;animation-name:bnjt; animation-timing-function:linear;-webkit-animation-timing-function:linear;}
@-webkit-keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}
.section-wrap .section .active .indhup{animation: indhup 2s; opacity:0;-webkit-animation: indhup 2s;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
@-webkit-keyframes indhup {
  0% {
	opacity:0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes indhup {
  0% {
	opacity:0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}
.section-wrap .section .active .indhleft{animation: indhleft 2s; opacity:0;-webkit-animation: indhleft 2s;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
@-webkit-keyframes indhleft {
  0% {
	opacity:0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes indhleft {
  0% {
	opacity:0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}
.section-wrap .section .active .indhright{animation: indhright 2s; opacity:0;-webkit-animation: indhright 2s;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
@-webkit-keyframes indhright {
  0% {
	opacity:0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes indhright {
  0% {
	opacity:0;
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  
  100% {
    opacity:1;
    -webkit-transform: none;
            transform: none;
  }
}
.arrow{position:absolute; bottom:60px; left:0; right:0; width:42px; height:42px; z-index:99999; margin:0 auto; background:url(../images/gd.png) no-repeat center center;animation: arowdh 3s infinite;-webkit-animation: arowdh 3s infinite; opacity:0;animation-timing-function:linear;-webkit-animation-timing-function:linear; cursor:pointer;}
@-webkit-keyframes arowdh {
  0% {
	opacity:0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  80% {
	opacity:0.8;
    -webkit-transform: none;
            transform: none;
  }
  100% {
    opacity:0;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes arowdh {
  0% {
	opacity:0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  80% {
	opacity:0.8;
    -webkit-transform: none;
            transform: none;
  }
  100% {
    opacity:0;
    -webkit-transform: none;
            transform: none;
  }
}
.in_bt{padding-top:5%; float:right; text-align:right;}
.in_bt i{ line-height:70px; color:rgba(255,255,255,0.3); font-size:68px; display:block; font-style:normal; text-transform:uppercase; font-family:Georgia; font-weight:100;}
.in_bt em{ font-size:33px; font-weight:100; display:block; font-style:normal; color:#fff;}

#container{margin:0 auto; position:absolute; top:5%; margin-top:220px; left:0; border-bottom:1px solid #fff; height:160px; right:0; z-index:9999;}
#container h2 {font-weight:normal;line-height:28px;}
#container p{padding:5px 0;}
.credit{text-align:center;padding: 20px 0 100px;font-size:10px;}

/*-核心代码-*/
/* Menu style */
	#timeline {
		width: 1020px;
		margin:0 auto;
		position: relative;
		overflow:hidden;
	}
		#dates {
			overflow: hidden;
			padding-bottom:270px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 340px;
				font-size: 24px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					color:#fff;
				}
				#dates a span{color:#fff;}
				
		
		#issues {
			width: 1020px;
			overflow: hidden;
		}	#issues li{width:1020px;float: left;}
			#issues li h3{
				width: 285px;
				height:285px;
				border-radius:100%;
				border:2px solid rgba(255,255,255,0.6);
				list-style: none;
				position:relative;
				margin:0 auto;
				padding:10px;
			}
			#issues li img{border-radius:100%;}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			#grad_left {
		        left: 0;
		        border-radius:5px;
		        background: url('../images/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../images/grad_right.png') repeat-y;
			}
			
#dates .selected h3{ font-size:24px; font-weight:normal;}
#dates{margin-top:-160px;}
#dates a h3{font-size:18px; color:#fff; font-weight:normal; margin:10px 0;}
#dates a h4{font-size:14px; color:#fff; font-weight:normal;}
#dates a span{display:none; font-size:18px;}
#dates .selected span{display:block;}
#dates a i{display:block; width:22px; height:22px; border-radius:100%; background:#fff; margin:0 auto 40px;}
#dates .selected i{display:none;}
#dates a{display:block;}
#dates .selected{padding-top:160px;}

/********  banner   */

#page-container, #content-container {
	overflow: hidden
}
#yt-capture-background {
	position: absolute;
	left: 0;
	width: 100%;
	height: 443px;
	overflow: hidden
}
#yt-capture-background img {
	min-width: 100%;
	min-height: 100%
}
#yt-capture-header {
	position: absolute;
	width: 970px;
	margin-top: 35px;
	z-index: 5
}
#yt-capture-logotype img {
	float: left
}
#yt-capture-logotype img.yt-capture-logo {
	margin: 13px 13px 0 25px
}
.exp-new-site-width #yt-capture-header {
	width: 1003px
}
#yt-capture-hero {
	position: relative;
	height: 756px;
}
#yt-capture-hero, #yt-capture-hero a {
	color: #fff
}
#yt-capture-hero h2 {
	font-size: 40px;
	font-family: Open Sans, arial, sans-serif;
	font-weight: 300;
	line-height: 48px
}
#yt-capture-hero p {
	font-size: 15px;
	line-height: 20px;
	margin: 15px 0
}
#yt-capture-hero a {
	font-size: 16px
}
#yt-capture-hero-nav {
	position: absolute;
	bottom: -50px;
	width: 100%;
	text-align: center;
	z-index: 3
}
.yt-capture-hero-nav-item {
	margin: 0 8px;
	width: 22px;
	height: 22px;
	background:url(../images/in_pro.png) no-repeat center;
	border:none;
	cursor: pointer;
	
}
.yt-capture-hero-nav-item-current, .yt-capture-hero-nav-item:hover {
	background:url(../images/in_proon.png) no-repeat center;
}
.yt-capture-hero-item {
	position: absolute;
	width:100%;
	bottom: 0;
	height:756px;
	opacity:0;
}
.yt-capture-hero-iphone-capture, .yt-capture-hero-iphone-share, .yt-capture-hero-iphone-enhance {
	position: absolute;
	bottom: -125px;
	z-index: 0
}
.yt-capture-hero-iphone-capture {
	left: 460px
}
.yt-capture-hero-iphone-share {
	left: 550px
}
.yt-capture-hero-iphone-enhance {
	left: 500px
}
#yt-capture-hero-links {
	position: absolute;
	bottom: 50px
}
#yt-capture-hero-links div.yt-uix-overlay {
	display: inline-block
}
#yt-capture-overlay-target {
	cursor: pointer;
	font-size: 16px
}
#yt-capture-promo-video {
	width: 640px;
	height: 360px;
	margin-top: 20px
}
#yt-capture-promo-overlay-close {
	text-align: right;
	margin-top: 4px;
	margin-bottom: -10px
}
#yt-capture-promo-overlay-close .yt-uix-overlay-close:hover, #yt-capture-promo-overlay-close .yt-uix-overlay-close:focus {
	background-color: transparent
}
.yt-capture-hero-item h2, .yt-capture-hero-item p {
	position: relative;
	left: -15px
}
.yt-capture-hero-item-current {
	z-index: 3;
	opacity:1;
}
.yt-capture-hero-item-current h2, .yt-capture-hero-item-current p {
	left: 0
}
.yt-capture-hero-item h2, .yt-capture-hero-item p, .yt-capture-hero-item-img {
	opacity: 0;
*display:none
}
.ie8 .yt-capture-hero-item h2, .ie8 .yt-capture-hero-item p, .ie8 .yt-capture-hero-item-img {
	display: none
}
.yt-capture-hero-item-current h2, .yt-capture-hero-item-current p, .yt-capture-hero-item-current img {
*display:block
}
.ie8 .yt-capture-hero-item-current h2, .ie8 .yt-capture-hero-item-current p, .ie8 .yt-capture-hero-item-current-img {
	display: block
}
.yt-capture-hero-item-current .yt-capture-hero-item-img {
	margin-left: 0
}
.yt-capture-hero-item-arrow {
	width: 0;
	height: 0;
	margin-left: 35px;
	border: 10px solid transparent;
	border-left-color: #fff;
	vertical-align: text-bottom
}
#yt-capture-features {
	color: #434343;
	margin-bottom: 40px
}
#yt-capture-features h3 {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: Open Sans, arial, sans-serif;
	font-weight: 300
}
#yt-capture-features p {
	font-size: 13px;
	line-height: 20px
}
.yt-capture-features-illustration {
	float: left;
	width: 50px;
	margin-right: 30px;
	text-align: right
}
#yt-capture-available {
	color: #434343;
	border-top: 1px solid #e2e2e2;
	padding: 55px 0 0;
	text-align: center;
	font-size: 18px;
	font-family: Open Sans, arial, sans-serif
}
#yt-capture-appstore img {
	margin: 20px 0
}
#yt-capture-available-soon {
	color: #999
}

.in_prolf{position:relative; height:100%; width:540px;}
.in_prolf img{ max-width:100%;}
.in_prolf h3{position:absolute; top:40%; left:0; opacity:0; transition:1.3s; z-index:10;}
.in_prolf h4{position:absolute; top:22%; left:-50px; opacity:0; transition:1.3s; transition-delay:0.8s;  z-index:100;}
.inprobg{position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; transition:0.8s; height:100vh;}
.yt-capture-hero-item-current .inprobg{opacity:1;}
.yt-capture-hero-item-current .in_prolf h3{opacity:1;}
.yt-capture-hero-item-current .in_prolf h4{opacity:1; left:0;}
.in_prort{margin-right:-50px; transition:1.3s; transition-delay:0.8s; opacity:0; position:absolute; top:40%; right:0;}
.yt-capture-hero-item-current .in_prort{margin-right:0; opacity:1;}

/********/
.in4{height:100%; overflow:hidden;}
.in_prolspic{position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; z-index:9; transition:2s;}
.in4_nav a{display:block; color:#fff; position:absolute; top:0; bottom:0; margin:auto; width:20%; text-align:center; z-index:99; cursor: pointer; padding-top:20%;}
.in4_nav a:nth-child(1){left:0; border-right:1px solid rgba(255,255,255,0.5);}
.in4_nav a:nth-child(2){left:20%;border-right:1px solid rgba(255,255,255,0.5);}
.in4_nav a:nth-child(3){left:40%;border-right:1px solid rgba(255,255,255,0.5);}
.in4_nav a:nth-child(4){left:60%;border-right:1px solid rgba(255,255,255,0.5);}
.in4_nav a:nth-child(5){right:0;}
.in4_nav i{opacity:0; background:url(../img/shui2.png) no-repeat center; width:41px; height:78px; display:block; transition:1.5s; margin-left:auto; margin-right:auto; margin-top:-20px;}
.in4_nav a h3{padding-top:50%; text-transform:uppercase; font-size:48px; color:#fff;}
.in4_nav a h4{font-size:15px; font-weight:normal; color:#fff;}
.in4_nav a h5{font-size:18px; font-weight:normal; color:#fff;}

.in5{background:url(../images/aboutbg.jpg) no-repeat center; background-size:100% 100%; height:100%; overflow:hidden;}
.in5wz{padding-top:15%;}
.in_6{background:url(../images/newsbg.jpg) no-repeat center; background-size:100% 100%; height:100%; overflow:hidden;}
.kqbn1 h2 img{ display:block;position:absolute; bottom:0; left:0; right:0; max-height:90%;}
.bn1ps h6{position:absolute; bottom:20px; left:0; right:0; z-index:99; }
.bn1ps h6 img{ display:block;max-width:100%;}
.bn1ps dd{position:absolute; bottom:0; left:0; right:0; z-index:99; }
.bn1ps dd img{ display:block;max-width:100%;}
.kqbn1 h4 img{display:block;position:absolute; top:40%; left:0; z-index:99;}
.kqbn1 h5 img{display:block;position:absolute; top:50%; margin-top:-300px; right:0; z-index:99;}
.slick-slide.slick-active .kqbn1 h2 img{
	animation: bn1dh1 1.5s ease-out 1.5s;
	-webkit-animation: bn1dh1 1.5s ease-out 1.5s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:1;
}
.slick-slide.slick-active h6 img{
	animation: bn1dhxin1 1.5s ease-out 2s;
	-webkit-animation: bn1dhxin1 1.5s ease-out 2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:0;
}
@keyframes bn1dhxin1{ 0%{ opacity: 0; margin-bottom:-50px}100%{ opacity: 1; margin-bottom: 0; } }
@-webkit-keyframes bn1dhxin1{ 0%{ opacity: 0; margin-bottom:-50px}100%{ opacity: 1; margin-bottom: 0; } }
@keyframes bn1dh1{ 0%{ opacity: 1; margin-bottom:50px}100%{ opacity: 1; margin-bottom: 0; } }
@-webkit-keyframes bn1dh1{ 0%{ opacity: 1; margin-bottom:50px}100%{ opacity: 1; margin-bottom: 0; } }
.slick-slide.slick-active .kqbn1 h4 img{
	animation: bn1dh2 1.5s ease-out 1s;
	-webkit-animation: bn1dh2 1.5s ease-out 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:0;
}
@keyframes bn1dh2{ 0%{ opacity: 0; margin-right:-50px}100%{ opacity: 1; margin-right: 0; } }
@-webkit-keyframes bn1dh2{ 0%{ opacity: 0;  margin-right: -50px; }100%{ opacity: 1; margin-right: 0; } }
.slick-slide.slick-active .kqbn1 h5 img{
	animation: bn1dh3 1.5s ease-out 1s;
	-webkit-animation: bn1dh3 1.5s ease-out 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:0;
}
@keyframes bn1dh3{ 0%{ opacity: 0; margin-left:-50px}100%{ opacity: 1; margin-left: 0; } }
@-webkit-keyframes bn1dh3{ 0%{ opacity: 0;  margin-left: -50px; }100%{ opacity: 1; margin-left: 0; } }
.kqbn2 h4 img{display:block;position:absolute; top:50%; max-width:calc(100% - 450px); margin-top:-215px; right:0; z-index:99;}
.kqbn2 h5 img{display:block;position:absolute; bottom:20%; max-height:90%; left:0; z-index:99;}
.slick-slide.slick-active .kqbn2 h4 img{
	animation: bn1dh2 1.5s ease-out 1s;
	-webkit-animation: bn1dh2 1.5s ease-out 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:0;
}
.slick-slide.slick-active .kqbn2 h5 img{
	animation: bn1dh3 1.5s ease-out 1s;
	-webkit-animation: bn1dh3 1.5s ease-out 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity:0;
}
@keyframes btexth{ 0%{ opacity: 0; margin-top: -405px; }100%{ opacity: 1; margin-top:-480px; } }
@-webkit-keyframes btexth{ 0%{ opacity: 0; margin-top: -405px; }100%{ opacity: 1; margin-top:-480px; } }
@-moz-keyframes btexth{ 0%{ opacity: 0; margin-top: -405px; }100%{ opacity: 1; margin-top:-480px; } }
@-o-keyframes btexth{ 0%{ opacity: 0; margin-top: -405px; }100%{ opacity: 1; margin-top:-480px; } }
#prev,#next{cursor:pointer; position:absolute; top:125px; z-index:999;}
#prev{left:0;}
#next{right:0;}
.in3_ps{position:absolute; top:0; left:0; right:0; bottom:0;}

.lang{font-size:14px; color:#eee; text-align:center; padding-top:25px; display:table; margin:0 auto;}
.lang a{margin:0 10px; display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#fff; color:#666;}
.lang a:hover{color:#fff; background:#d10413;}
.nav{padding-top:40px;}
.nav ul li{font-size:18px; margin-top:10px; line-height:36px; height:36px; text-align:center;}
.nav ul li a{display:block; border-radius:18px; line-height:36px; color:#fff; width:110px; margin:0 auto; font-weight:700;}
.nav ul li a:hover{color:#d10413; background:#fff;}
.nav ul li .nav_on{color:#d10413; background:#fff;}
.slideGroup .parBd ul li h4{font-size:20px; text-align:center; padding:10px 0 5px;}
.slideGroup .parBd ul li h5{font-size:16px; text-align:center; font-weight:normal;}
.slideGroup .parBd ul li h6{font-size:14px; text-align:center; font-weight:normal;}

.in_prort{position:relative; text-align:left !important;}
.in_prort h3{font-size:48px; font-weight:normal; color:#fff; padding-bottom:20px;}
.in_prort h3 i{ display:inline; font-size:16px; padding-right:15px;}
.in_prort h4{font-size:22px; display:inline; line-height:35px; color:#fff; font-weight:normal; padding:5px 20px;}
.in_prort h5{font-size:20px; font-weight:normal; color:#fff; line-height:36px; padding-top:15px; text-align:left;}

.in_newsbt{position:absolute; padding-right:15px; left:0; border-right:1px solid rgba(255,255,255,0.5); top:0; bottom:0; color:#fff; width:112px;}
.in_newsbt a{color:#fff; display:block; text-align:right; position:absolute; left:0; top:50%;}
.in_newsbt a h3{font-size:28px; font-weight:700; color:#fff; padding-top:75px;}
.in_newsbt a h4{font-size:18px; font-family:Arial; opacity:0.75; color:#fff; font-weight:100; line-height:50px;}
.in_newsbt a:hover h4,.in_newsbt a:hover h5{opacity:1;}
.in_newsnr{position:absolute; left:128px; top:0; bottom:0; margin:auto; height:525px;}
.in_newsnr a h3{font-size:20px; overflow:hidden; font-weight:normal; color:#fff; padding-top:40px; max-width:425px; padding-left:15px;}
.in_newsnr a h4{font-size:14px; font-weight:normal; color:#fff; opacity:0.7; max-width:425px; padding-left:15px; padding-top:20px}
.in_newsnr a h5{font-size:14px; font-weight:normal; color:#fff; opacity:0.7; padding-left:15px; font-family:"Times New Roman", Times, serif; padding-top:25px; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:20px;}
.in_newsnr a{display:block;}
.in_newspic img{display:block;}
.in_newspic{position:relative; overflow:hidden;}
.in_newsnr a .in_newspic span{display:block; width:0; height:3px; left:0; top:0; background:#d10413; position:absolute; ;}
.in_newsnr a:hover .in_newspic span{left:0; width:100%;}
.in_newsnr a h3 span{display:block; height:2px; background:rgba(255,255,255,0.7); opacity:0; width:100%;}
.in_newsnr a:hover h3 span{opacity:1;}
.in_newsnr a:hover h4,.in_newsnr a:hover h5{opacity:1;}
.in_62nr{position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; height:525px;}
.in_62xian{position:absolute; left:127px; height:100%; width:1px; background:rgba(255,255,255,0.5); top:0; bottom:0;}
.in_62{width:585px; position:relative; height:100%;}
.in_newsbt2{padding-right:15px;color:#fff; width:112px;}
.in_newsbt2 a{color:#fff; display:block; text-align:right;}
.in_newsbt2 a h3{font-size:28px; font-weight:normal;font-family:'font1'; color:#fff;}
.in_newsbt2 a h4{font-size:18px; font-family:Arial; opacity:0.75; color:#fff; font-weight:100; line-height:50px;}
.in_newsbt2 a:hover h4,.in_newsbt a:hover h5{opacity:1;}
.in_news2{width:407px;}
.in_news2 a h3{font-size:20px; overflow:hidden; font-weight:normal; color:#fff;font-family:'font1'; max-width:425px; padding-left:15px;}
.in_news2 a h4{font-size:14px; font-weight:normal; color:#fff; opacity:0.7; max-width:425px; padding-left:15px; padding-top:20px}
.in_news2 a h5{font-size:14px; font-weight:normal; color:#fff; opacity:0.7; padding-left:15px; font-family:"Times New Roman", Times, serif; padding-top:25px; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:20px;}
.in_news2 a{display:block;}
.in_news2 a .in_newspic span{display:block; width:0; height:3px; left:0; top:0; background:#d10413; position:absolute; ;}
.in_news2 a:hover .in_newspic span{left:0; width:100%;}
.in_news2 a h3 span{display:block; height:2px; background:rgba(255,255,255,0.7); opacity:0; width:100%;}
.in_news2 a:hover h3 span{opacity:1;}
.in_news2 a:hover h4,.in_news2 a:hover h5{opacity:1;}
.in_62nr ul li{margin-bottom:20px;}
.in_61{height:100%;}
.ft_top{background:#0b0b0b; padding:45px 0;}
.section-7{background:#282828;}
.ft_bq{background:#282828;}
.ft_nav ul li{float:left; max-width:145px; padding-right:40px;}
.ft_nav ul li a{color:#c5c5c5; font-size:16px; display:block; margin-bottom:29px; font-weight:700;}
.ft_nav ul li span a{font-size:14px; line-height:25px; margin-bottom:5px; font-weight:100;}
.ft_nav ul li a:hover{color:#d00412;}
.ft_lxnr{font-size:14px; line-height:25px; color:#c5c5c5; padding-top:15px;}
.ft_lxbt{font-size:16px; font-weight:700; color:#c5c5c5; line-height:25px;}
.ft_lxbt img{padding-left:20px;}
.ft_icon{padding-top:20px;}

.ft_bq{text-align:center; color:#aaa; font-size:14px;}
.ft_bq a{color:#aaa;}
.nei_bg{background:rgba(255,255,255,0.75); position:relative;}
.nei_bt{padding-top:70px; font-size:24px; font-family:'font1'; background:url(../images/nei_btbg.png) no-repeat left bottom; padding-bottom:50px;}
.nei_bt span{font-family:"Times New Roman", Times, serif; font-size:48px; text-transform:uppercase;}
.nei_menu a{display:block; float:left; margin-left:30px; font-size:16px; position:relative; padding-top:90px; overflow:hidden;}
.nei_menu a span{display:block; position:absolute; background:url(../images/nei_navbg.png) no-repeat center bottom; height:80px; width:19px; margin:0 auto; left:0; right:0; opacity:0; top:-100%;}
.nei_menu a:hover span{top:0; opacity:1;}
.nei_menu .nei_navon span{top:0; opacity:1;}
.nei_menu a:hover{color:#d00412;}
.nei_menu .nei_navon{color:#d00412;}
.nei_gotop{position:absolute; top:170px; right:20px; z-index:999;}
.nei_gotop{transition:1.3s;}
.abt1_nr{padding:10px 0 60px;}
.abt1_nr img{max-width:100%; display:block;}
.abt_nr{font-size:16px; line-height:32px; max-width:1140px;}
.abt_nr h3{font-size:30px; font-weight:normal;font-family:'font1'; padding-bottom:32px;}

.ry_1jj{padding-top:100px; font-size:18px; line-height:24px; color:#666;}
.ry_1jj h3{font-size:38px; font-family:'font1'; font-weight:normal; color:#333; padding-bottom:30px;}
.ry_1lsrt{background:#f5f5f5;}
.ry_1ls{padding-top:20px;}

.lf_menu{position:fixed; left:0; bottom:0; top:0; height:100%; z-index:99999;}
.lf_menups{position:relative; height:100%;}
.lf_menujt{position:absolute; left:0; top:50%; margin-top:-101px; cursor:pointer; transition:0.8s; }
.lf_menups:hover .lf_menujt{left:200px;}
.lf_menunr{position:absolute; left:-200px; background:#fff; top:0; bottom:0; width:196px; border-right:4px solid #d10413;transition:0.8s; }
.lf_menups:hover .lf_menunr{left:0;}
.lf_menunr a{display:block; padding:20px 0 20px 30px; font-size:16px; border-bottom:1px solid #eee;}
.lf_menunr a:hover{color:#d10413;}
.lf_menunr img{ width:100px; margin:30px 0 30px 30px;}
.ls_picmw img { max-width: 100%;}

.news_ls{padding:40px 0;}
.news_lslf img{display:block; max-width:100%; margin-top:25px;}
.news_lfbg{background:#d10413; padding:25px; position:relative;}
a .news_lfbg h3,a .news_lfbg h4{color:#fff;}
.news_lslf a .news_lftm,.news_lslf a .news_lftm span{color:#fff;}
.news_lftm{font-size:50px; font-weight:bold; text-align:center; position:absolute; left:25px; top:15px;}
.news_lftm span{font-size:14px; font-weight:normal; text-align:center; display:block;}
.news_lfnr{padding-left:90px;}
.news_lfnr h3{font-size:18px; font-weight:normal; padding-bottom:10px;}
.news_lfnr h4{font-size:14px; font-weight:normal; line-height:20px; opacity:0.8;}
a .news_lfmore{font-size:14px; margin-top:15px; width:185px; line-height:40px; height:40px; text-align:center; color:#fff; display:block; background:#d10413; transition:0.8s;}
a:hover .news_lfmore{width:100%;}

.news_list ul li{padding:30px 0; border-bottom:1px dashed #c9c9c9; position:relative;}
.news_rttm{font-size:50px; font-weight:bold; text-align:center; position:absolute; left:15px; top:26px;}
.news_rttm span{font-size:14px; font-weight:normal; text-align:center; display:block;}
.news_rtnrls{padding-left:110px;}
.news_rtnrls h3{font-size:18px; font-weight:normal; padding-bottom:10px;}
.news_rtnrls h4{font-size:14px; font-weight:normal; line-height:20px; opacity:0.8;}
a .news_rttm,a .news_rttm span{color:#bcbbbb; transition:0.8s;}
a .news_rtnr h4{color:#666;}
a:hover .news_rttm,a:hover .news_rttm span{color:#d10413;}
a:hover .news_rtnr h3{color:#d10413;}

.news_nei{padding:40px 0;}
.news_neibt{font-size:24px; padding:20px 0;}
.news_img{padding-top:20px; font-size:15px; line-height:28px;}
.news_img img{max-width:100%;}
.news_nr{padding-top:20px; font-size:15px; line-height:28px;}
.news_nr img{max-width:100%;}
.news_rtfy ul li{padding-top:20px;}
.news_rtfy ul li a{display:block; background:#f5f5f5; padding:25px 20px;}
.news_rtfy ul li a h3{font-size:18px; padding-bottom:10px; color:#444;}
.news_rtfy ul li a h4{font-size:18px; line-height:30px; font-weight:normal; color:#818181;}
.news_rtfy ul li a span{display:block; font-size:12px; padding-top:5px; color:#818181;}
.news_rtfy ul li a:hover{background:#d10413;}
.news_rtfy ul li a:hover h3,.news_rtfy ul li a:hover h4,.news_rtfy ul li a:hover span{color:#fff; }
.news_rtfx{background:#fff; padding:25px 20px;}
.news_neifanhui a{display:block; background:#d10413; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; margin-top:20px;}
.news_neifanhui a:hover{background:#d10413;}
.news_neinr{padding:25px 0;}
.news_ll{ border-bottom:1px #ddd dashed;}
.news_ll a{ display:block; padding-left:30px; float:left; line-height:32px; margin-right:20px; font-size:14px; color:#cac8c8; }
.news_ll span{ display:block; padding-left:30px;  line-height:32px; margin-right:20px; font-size:14px; color:#cac8c8; }
.news_ll1{background:url(../images/news_i1.png) no-repeat center left;}
.news_ll2{background:url(../images/news_i2.png) no-repeat center left;}
.news_neinav{padding-top:40px;}
.news_neinav a{display:block; width:49%; font-size:18px; line-height:50px; height:50px; text-align:center; background:#dcd9da;}
.nnav1{float:left;}
.nnav2{float:right;}
.news_neinav a:hover{background:#d10413; color:#fff;}

.ct_topmap{text-align:center; padding:25px 0;}
.ct_lx{background:#f8f8f8; text-align:center; padding:25px 0; font-size:24px; font-family:'font1'; line-height:40px; }
.ct_lx span{padding-right:20px; float:left;}
.ct_lx h3{display:table; margin:0 auto; font-weight:normal;}
.ct_ls{ margin-bottom:50px;}
.ct_ls ul li{border:1px solid #d2d2d2; position:relative; padding:45px 0 25px; margin:30px 0; box-sizing: border-box;}
.ct_ls ul li i{display:block; position:absolute; width:65px; height:65px; top:-27px; left:20px;}
.ct_ls ul li h3{padding-left:30px; color:#666; font-weight:normal;font-size:14px;}
.ct_ls ul li h3 span{color:#000; font-size:16px;}
.ct_baidumap{ display:block; width:100%; height:420px; margin-bottom:50px; border:1px #d2d2d2 solid;}

/*品牌*/
.section-wrap .section{}
.section-wrap .section .listpp{ position:relative; height:100%;}
.section-wrap .section .listpp img{ display:block; width:100%;}
.section-wrap .section .listpp .listppbg{ position:absolute; z-index:99; height:100%; width:100%; background:url(../images/ppbg.png); font-size:18px; }
.section-wrap .section .listpp .listppbg .bgbody{ position:absolute; z-index:15; color:#fff; line-height:30px; width:420px; text-shadow:0px 0px 5px #555;}
.section-wrap .section .listpp .listppbg .indhup{animation: indhup 2s; opacity:0;-webkit-animation: indhup 2s;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.section-wrap .section .listpp .listppbg .bgbody.wz1{ left:36%; top:32%;}
.section-wrap .section .listpp .listppbg .bgbody.wz2{ left:50%; top:26%;}
.section-wrap .section .listpp .listppbg .bgbody.wz3{ left:10%; top:44%;}
.section-wrap .section .listpp .listppbg .bgbody.wz4{ left:50%; top:40%;}
.section-wrap .section .listpp .listppbg .bgbody.wz5{ left:60%; top:30%;}
.section-wrap .section .listpp .listppbg .bgbody.wz6{ left:50%; bottom:20%; margin-left:-180px;}

.pro_erbt{text-align:center; padding:60px 0 40px;}
.pro_erbt h3{font-size:36px;font-family:'font1'; font-weight:normal; color:#d10413;}
.pro_erbt h4{font-size:24px;font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal;}

.cpclassimg{ display:block;}
.cpclassimg img{ display:block; width:100%;}
.cpclass{ display:block; position:relative; margin-bottom:60px;}
.cpclass img{ display:block; float:right; width:6.53%;}
.cpclass ul{ width:93.47%; position:absolute; left:0; top:0; height:100%; display:inline; width:100%; z-index:10; padding-right:6%; box-sizing: border-box;}
.cpclass ul li{ float:left; width:20%; height:100%; box-sizing: border-box; position:relative; overflow:hidden;}
.cpclass ul li img{ display:block; width:100%;}

.cpclass ul li{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.cpclass ul li img{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.cpclass ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.cpclass ul li:last-child{ border-right:0;}
.cpclass ul li a{ display:block; height:100%; text-align:center; position:relative; background-color:rgba(255,255,255,0.45); position:absolute; left:0; top:0; width:100%; opacity:0; transition:.5s; z-index:99999;}

.cpclass ul li a span{ position:absolute; left:0; top:50%; line-height:50px; width:100%; font-size:24px; font-weight:700; margin-top:-25px; transition:.5s;}
.cpclass ul li a i{ position:absolute; left:0; top:60%; height:30px; width:100%; font-size:24px; opacity:0; transition:.5s; background:url(../images/new_jt_a.png) center no-repeat;}
.cpclass ul li a:hover{ background-color:rgba(182,0,5,0.65); opacity:1}
.cpclass ul li a:hover span{ color:#fff; margin-top:-55px;}
.cpclass ul li a:hover i{ opacity:1; top:65%; color:#fff;}

.plist ul{max-width:1300px;}
.plist li{float:left; width: calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; transition:.5s; box-sizing: border-box; border:1px solid #e5e5e5;}
.plist li:nth-child(3n+0){ margin-right:0;}
.plist li:hover{box-shadow:0px 10px 20px rgba(0,0,0,0.2);transform:translateY(-8px);}
.plist li .pic{overflow:hidden;}
.plist li .pic img{transition:all 0.3s; width:100%;}
.plist li:hover .pic img{transform:scale(1.08);}
.plist li .caption{padding:0px 25px; position:relative;}
.plist li .caption .intit{font-size:18px;color:#333;font-weight:bold;height:66px;line-height:66px;width:50%;border-bottom:1px solid #ececec;position:relative;transition:all 0.3s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.plist li .caption .intit:before{content:"";display:block;width:30px;height:3px;background-color:#999999;position:absolute;left:0px;bottom:-1px;transition:all 0.3s;}
.plist li .caption .inbod{font-size: 16px;color:#555;padding:18px 0px 30px;min-height: 50px;}
.plist li .caption .dd{position:absolute;font-size:14px;color:#555;position:absolute;right:20px;top:26px;}
.plist li:hover .intit{color:#005343;}
.plist li:hover .intit:before{background-color:#005343;}

.flclass{ display:block; padding:5% 0 10%;}
.flclass li{ display:block; float:left; width: calc(20% - 20px); margin:10px; position:relative; background:url(../images/pvwh.png) no-repeat; background-size:contain; transition:.5s;}
.flclass li img{ display:block; width:100%;}
.flclass li a{ position:absolute; z-index:100; left:0; top:0; width:100%; height:100%; text-align:center; font-size:18px; box-sizing: border-box; padding-top:80%;}
.flclass li a span{ display:block; position:relative; padding-bottom:25px;}
.flclass li a span:before{ content:""; width:50px; margin-left:-25px; height:1px; background-color:#d10413; left:50%; bottom:0; position:absolute;}
.flclass li:hover{ background:url(../images/pvred.png) no-repeat; background-size:contain;}
.flclass li:hover a span{ color:#fff !important;}
.flclass li:hover a span:before{ background-color:rgba(255,255,255,0.8);}