@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,li,img,dl,dt,dd{margin: 0; padding: 0; display: block;}
ol,ul{list-style: none;}
img{border: none;}
html{font-size: 62.5%; width: 100%; height: 100%;}

body{font-size: 62.5%; width: 100%; height: 100%;font-family:"Microsoft Yahei","微软雅黑";-webkit-font-smoothing:antialiased;}
.container{
	max-width:1200px;
	margin:0 auto;
	}
.nav.container{
	padding:0
	}
.map #container{
	position:relative
	}
.amap-icon img{
	width:100%
	}
.bodybox{
	width:100%;

	}
.clearfix {
	zoom: 1;
	max-width:1100px;padding-top:50px;margin:0 auto;padding-left:50px;
}
.fl{
	float:left
	}
.fr{
	float:right
	}
.tl{
	text-align:left
	}
.tr{
	text-align:right
	}
.top{
	/* background:rgba(255,255,255,.9); */
	height:80px;
	line-height:80px;
	position:absolute;
	top:0;
	z-index:9999;
	/* border-bottom:1px solid #f8f9f9; */
		-webkit-transition:all ease-out .5s;
		-o-transition:all ease-out .5s;
			transition:all ease-out .5s;
	}
.top1{
	background:rgba(255,255,255,1);
	height:80px;
	line-height:80px;
	position:fixed;
	top:0;
	z-index:9999;
	border-bottom:1px solid #F1F1F1;
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,.3);
    	box-shadow:0 0px 0px rgba(0,0,0,.3);
			-webkit-transition:all ease-out .5s;
		-o-transition:all ease-out .5s;
			transition:all ease-out .5s;
	}
.fx{
	padding-left:30px;
	margin-top:26px;
	position:relative;
	margin-left:15px
	}
.fx:before{
	content:"";
	height:16px;
	width:1px;
	background:#ffffff;
	left:0;
	top:5px;
	position:absolute
	}
.nav .logo img{
	margin-top:17px;
	}
.nav ul li{
    float: left;
    font-size: 14px;
    color: #646464;
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* text-align: center; */
    line-height: 80px;
    cursor: pointer;
	}
.nav ul li.active a{
 
  color: #fff;
  font-weight: bold;
  font-size: 18px;
	}
.nav ul li:hover a{
	/* background:#baec72; */
  color:#fff;
  font-weight: bold;
  font-size: 18px;
	}
.nav ul li a{
  display: inline-block;
  line-height: 80px;
  text-decoration: none;
  color: #fff;
  width: 120px;
  text-align: center;
  display: block;
  transition: 0.3s;
	}
.nav ul li span img{
	width:14px;
	margin-top:2px;
	}
.nav ul li span{
	width:14px;
	height:14px;
	display:inline-block;
	margin-right:3px;
	}
.wh100{width: 100%; height:100%;}
#box1{width: 100%; height: 100%; margin: 0 auto;min-width:1200px;left:0;top:0;min-height:500px}
#scene{width: 100%; height: 100%}
#box1_bg{ background-position: left top; background-size:cover;width: 100%; height: 100%;-moz-background-size:100% 100%;  
    background-size:100% 100%;  

 }
.bannertext{
	position:absolute;
	width:1200px;
	margin:0 auto;
	top:0;
	left:50%;
	margin-left:-600px;
	margin-top:250px;
	top:50%;
	margin-top:-150px;
	color:#7d8087;
	}
.bannertext img{
	
	}
.banner1{
	height:370px;
	background:#EEEEEE
	}
.mybody{
	position:absolute;
	z-index:999;
	background:#ffffff
	}
.title{
	position:relative;
	margin-top:100px;
	/*height:80px;*/
	}

.title table font{
	display:block;
	}
.titletext1{
	font-size:14px;
	color:#aeafb1;
	text-align:left
	}
.titletext2{
	font-size:22px;
	text-align:left;
	color:#666;
	}
.about-us{
	font-size:14px;
	}
.about-us-a{
	margin-top:30px;
	padding-left:20px;
	border-left:4px solid #6eba2b;
	font-size:12px;

	box-sizing:border-box;
	}
.about-us-a dt{
	font-size:18px;
	}
.about-us-a dd{
	margin-top:5px;
	}
.about-img{
	width:100%;
	height:272px;
	}
.scope{
	margin-top:60px;
	}
.scope li{
	float:left;
	width:25%;
	box-sizing:border-box;
	height:60px;
	border:1px solid #E6E6E6;
	border-right:none;
	text-align:center;
	line-height:60px;
	font-size:14px;
	}
.scope li:hover{
	background:#6eba2b;
	color:#ffffff;
	}
.scope li:last-child{
	border-right:1px solid #E6E6E6;
	}
.scope li.active{
	background:#6eba2b;
	color:#ffffff;
	}
.tm{
	width:504px;
	float:left;
	display:block;
	}
.tm img{
	width:400px;
	display:block;
	margin:0 auto;
	border-radius:4px;
	}
.ifm-scope  p font{
	display:block;
	}
.news-box{
	width:100%;
	border-top:1px solid #ebebeb;
	margin-top:40px;
	}

.news{
	width:150px;
	padding-left:15px;
	margin-top:25px;
	float:left;
	}
.news dt{
	font-weight:bolder;
	border-left:2px solid #6eba2b;
	margin:20px 0;
	padding-left:15px;
	}
.news dd{
	border-top:1px solid #EBEBEB;
	margin-left:-15px;
	padding-left:30px;
	line-height:50px;
	color:#80828e
	}
.new-list{
	width:100%;
	margin-top:15px;
	}
.new-list li{
	border-bottom:1px solid #ebebeb;
	padding:30px 0;
	}
.new-list1{
	font-size:14px;
	}
.new-list2{
	margin-top:10px;
	color:#80828e
	}
.container{
	margin:0 auto;
	padding:0 5em
}
.mybodyifmsun .container ul li{
	width: calc(25% - 1px);
	float:left;
	margin-right:1px;
	height:300px;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#f5f5f5;
	cursor:pointer;
		-webkit-transition:all ease-out .2s;
		-o-transition:all ease-out .2s;
			transition:all ease-out .2s;
	}

.mybodyifmsun .container ul li:last-child{
	margin-right:0;
	}
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed:700);
@keyframes icon-bounce {
  0%, 100% {
	  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

 

  25% {
	   
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  50% {
	   
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
	   
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
	  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

 

  25% {
	   
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  50% {
	   
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
	   
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
	  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

 

  25% {
	   
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  50% {
	   
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
	   
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
	  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

 

  25% {
	   
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  50% {
	   
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
	   
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.mybodyifmsun .container ul li .icon{
	margin:0 auto;
	display:block;
	}
.mybodyifmsun .container ul li:hover{
	background:#6eba2b;
	color:#ffffff;
	}
.mybodyifmsun .container ul li:hover .icon2{
	width:51px;
	margin:0 auto;
	background:url(../images/2.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.mybodyifmsun .container ul li:hover .icon3{
	width:51px;
	margin:0 auto;
	background:url(../images/3.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.mybodyifmsun .container ul li:hover .icon4{
	width:51px;
	margin:0 auto;
	background:url(../images/4.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.mybodyifmsun .container ul li:hover .icon1{
	width:51px;
	margin:0 auto;
	background:url(../images/xiaolian_icon_baise.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.icon1{
	width:51px;
	margin:0 auto;
	background:url(../images/xiaolian_icon.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.icon2{
	width:51px;
	margin:0 auto;
	background:url(../images/22a.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.icon3{
	width:51px;
	margin:0 auto;
	background:url(../images/33a.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.icon4{
	width:51px;
	margin:0 auto;
	background:url(../images/44a.png) no-repeat center;
	background-size:51px;
	height:66px;
	}
.aaa{
	-webkit-transition:all ease-out .3s;
		-o-transition:all ease-out .3s;
			transition:all ease-out .3s;
	height:1px;width:50px;margin:0 auto;background:#6eba2b
	}
.mybodyifmsun .container ul li:hover .icon{
	-webkit-animation: icon-bounce 0.4s alternate;
  -moz-animation: icon-bounce 0.4s alternate;
  -o-animation: icon-bounce 0.4s alternate;
  animation: icon-bounce 0.4s alternate;
	}
.mybodyifmsun .container ul li:hover .aaa{
	height:1px;width:120px;margin:0 auto;background:#ffffff
	}
.mybodyifmsun .container ul li:hover p{
	color:#ffffff;
	}
.mybodyifmsun .container ul li p{
	color:#666
	}
.mybodyifmsun .container ul li:hover .more{
	visibility:visible;
	margin-top:30px;
	}
.mybodyifmsun2 .container ul li{
	float:left;
	width:291px;
	margin-right:12px;
	border-bottom:1px solid #e6e6e6;
	}
.mybodyifmsun2 .container ul{
	margin-top:30px;
	}
.mybodyifmsun2 .container ul li:last-child{
	margin-right:0;
	}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;

	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;

	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;

}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure{
	margin:0;padding:1
	}
  
figure.effect-goliath {
	background: #6eba2b;
}
figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-53px,0);
	transform: translate3d(0,-53px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.mybodyifmsun2 .container ul li .hhh{
	padding:15px;
	background:url(../images/10.png) right center no-repeat;
	background-size:15px;
	background-position:255px center;
	position:relative;
		-webkit-transition:all ease-out .2s;
		-o-transition:all ease-out .2s;
			transition:all ease-out .2s;
			cursor:pointer;
	}
.mybodyifmsun2 .container ul li .hhh:hover{
	background-position:275px center;
	}
.mybodyifmsun2 .container ul li .hhh:hover .ccc{
	width:291px;
	}
.ccc{
	width:0px;
	height:2px;
	background:#6eba2b;
	position:absolute;
	display:block;
	bottom:-1px;
	left:0;
		-webkit-transition:all ease-out .2s;
		-o-transition:all ease-out .2s;
			transition:all ease-out .2s;
	}
.mybodyifmsun2 .container ul li p:hover{
	
	}
.mybodyifmsun2 .container ul li p font{
	display:block;
	}
.mybodyifmsun21{
	font-size:16px;
	color:#64665b
	}
.mybodyifmsun22{
	font-size:12px;
	color:#aeafb1;
	margin-top:3px;
	}
.mybodyifmsun3{
	background:#6eba2b;
	width:100%;
	height:550px;
	margin-top:120px;
	}
.mybodyifmsun3 .container div{
	display:inline-block;
	}
.btn3{
	width:30px;
	height:70px;
	background-color:hsla(88, 94%, 50%, 0.39);
	border-radius:2px;
	background-image:url(../images/11.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:9px;
	margin-top:235px;
		-webkit-transition:all ease-out .2s;
		-o-transition:all ease-out .2s;
			transition:all ease-out .2s;
			cursor:pointer;
	}
.btn3:hover{
	background-color:rgb(121, 193, 21);
	}
.btn3:last-child{
	background-image:url(../images/12.png);
	}
.mid3{
	width:calc(100% - 60px);
	height:550px;
	color:#ffffff;
	}
.sun31{
	font-size:30px;
	opacity:0;
	-webkit-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	-webkit-transition: opacity 1.5s, transform 0.8s;
	transition: opacity 1.5s, transform 0.8s;
	color: #ffffff;
	}
.sun31_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.sun32{
	opacity:0;
	-webkit-transform: translate3d(0,400px,0);
	transform: translate3d(0,400px,0);
	-webkit-transition: opacity 1.5s, transform 0.8s;
	transition: opacity 1.5s, transform 0.8s;
	font-size:16px;
	margin-top:10px;
	}
.sun32_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.sun33{
	opacity:0;
	-webkit-transform: translate3d(0,300px,0);
	transform: translate3d(0,300px,0);
	-webkit-transition: opacity 1.5s, transform 0.8s;
	transition: opacity 1.5s, transform 0.8s;
	margin-top:32px;
	font-size:14px;
	line-height:28px;
	}
.sun3211{
	font-size:30px;
	}
.sun3212{
	font-size:16px;
	margin-top:10px;
	}
.sun3213{
	margin-top:32px;
	font-size:14px;
	line-height:28px;
	}
.sun3214{
	width:170px;
	height:46px;
	color:#ffffff;
	background:none;
	font-size:16px;
	border-radius:5px;
	border:1px solid #ffffff;
	margin-top:34px;
	}
.sun3215{
	opacity:1;
	}
.sun321{
	font-size:30px;
	opacity:0;
	-webkit-transform: translate3d(300px,0,0);
	transform: translate3d(300px,0,0);
	-webkit-transition: opacity 1.3s, transform 0.6s;
	color: #ffffff;
	}
.sun322{
	font-size:16px;
	margin-top:10px;
	opacity:0;
	-webkit-transform: translate3d(300px,0,0);
	transform: translate3d(300px,0,0);
	-webkit-transition: opacity 1.3s, transform 0.6s;
	}
.sun323{
	margin-top:32px;
	font-size:14px;
	line-height:28px;
	opacity:0;
	-webkit-transform: translate3d(300px,0,0);
	transform: translate3d(300px,0,0);
	-webkit-transition: opacity 1.3s, transform 0.6s;
	}
.sun324{
	width:170px;
	height:46px;
	color:#ffffff;
	background:none;
	font-size:16px;
	border-radius:5px;
	border:1px solid #ffffff;
	margin-top:34px;
	opacity:0;
	-webkit-transform: translate3d(300px,0,0);
	transform: translate3d(300px,0,0);
	-webkit-transition: opacity 1.3s, transform 0.6s;
	}
.sun325{
	opacity:0;
	transition: opacity .4s;
	}
.sun33_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.click_1 .left{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left1{
	opacity:0;
	-webkit-transform: translate3d(-180px,0,0);
	transform: translate3d(-180px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left2{
	opacity:0;
	-webkit-transform: translate3d(-940px,0,0);
	transform: translate3d(-940px,0,0);
	-webkit-transition: opacity .8s, transform 1.4s;
	transition: opacity .8s, transform 1.4s;
	}
.click_1 .left3{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left4{
	opacity:0;
	transition: opacity .4s;
	}
	
.click_1 .left11{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left12{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left13{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left14{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_1 .left15{
	opacity:1;
	transition: opacity .4s;
	}
	
	
.click_2 .left{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left1{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left2{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left3{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left4{
	opacity:1;
	transition: opacity .4s;
	}
.click_2 .left01{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left102{
	opacity:0;
	-webkit-transform: translate3d(-180px,0,0);
	transform: translate3d(-180px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left203{
	opacity:0;
	-webkit-transform: translate3d(-940px,0,0);
	transform: translate3d(-940px,0,0);
	-webkit-transition: opacity .8s, transform 1.4s;
	transition: opacity .8s, transform 1.4s;
	}
.click_2 .left304{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_2 .left405{
	opacity:0;
	transition: opacity .4s;
	}
.click_3 .left{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left1{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left2{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left3{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left4{
	opacity:1;
	transition: opacity .4s;
	}
.click_3 .left01{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left102{
	opacity:0;
	-webkit-transform: translate3d(-180px,0,0);
	transform: translate3d(-180px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left203{
	opacity:0;
	-webkit-transform: translate3d(-940px,0,0);
	transform: translate3d(-940px,0,0);
	-webkit-transition: opacity .8s, transform 1.4s;
	transition: opacity .8s, transform 1.4s;
	}
.click_3 .left304{
	opacity:0;
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0);
	-webkit-transition: opacity .4s, transform .6s;
	transition: opacity .4s, transform .6s;
	}
.click_3 .left405{
	opacity:0;
	transition: opacity .4s;
	}
.fff{
	margin:0 auto;
	display:block;
	width:190px;
	height:46px;
	color:#a3a3a3;
	font-size:16px;
	border:1px solid #cccccb;
	margin-top:40px;
	background:none;
	
	}
.ttt_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.sun34{
	width:170px;
	height:46px;
	color:#ffffff;
	background:none;
	font-size:16px;
	border-radius:5px;
	border:1px solid #ffffff;
	margin-top:34px;
	opacity:0;
	-webkit-transform: translate3d(0,300px,0);
	transform: translate3d(0,300px,0);
	-webkit-transition: opacity 1.5s, transform 0.8s;
	transition: opacity 1.5s, transform 0.8s;
	}

.sun34_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.sun334{
	width:140px;
	height:40px;
	background-color:#666666;
	border:none;
	background-image:url(../images/13.png);
	background-size:26px;
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto;
	display:block;
	margin-bottom:60px;
	}
.ooo1{
	opacity:0;
	-webkit-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	-webkit-transition: opacity 1.2s, transform 0.6s;
	transition: opacity 1.2s, transform 0.6s;
	}
.ooo1_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.ppp1{
	opacity:0;
	-webkit-transform: translate3d(0,150px,0);
	transform: translate3d(0,150px,0);
	-webkit-transition: opacity 1.2s, transform 0.6s;
	transition: opacity 1.2s, transform 0.6s;
	}
.ppp1_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.qqq1{
	opacity:0;

	-webkit-transition: opacity 1.2s, transform 1s;
	transition: opacity 1.2s, transform 1s;
	}
.qqq1_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.ooo2{
	opacity:0;
	-webkit-transform: translate3d(0,300px,0);
	transform: translate3d(0,300px,0);
	-webkit-transition: opacity 1.3s, transform 0.7s;
	transition: opacity 1.3s, transform 0.7s;
	}
.ooo2_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.ppp2{
	opacity:0;
	-webkit-transform: translate3d(0,250px,0);
	transform: translate3d(0,250px,0);
	-webkit-transition: opacity 1.3s, transform 0.7s;
	transition: opacity 1.3s, transform 0.7s;
	}
.ppp2_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.qqq2{
	opacity:0;
	
	-webkit-transition: opacity 1.5s, transform 1.2s;
	transition: opacity 1.5s, transform 1.2s;
	}
.qqq2_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.ooo3{
	opacity:0;
	-webkit-transform: translate3d(0,400px,0);
	transform: translate3d(0,400px,0);
	-webkit-transition: opacity 1.3s, transform 0.7s;
	transition: opacity 1.3s, transform 0.7s;
	}
.ooo3_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.ppp3{
	opacity:0;
	-webkit-transform: translate3d(0,450px,0);
	transform: translate3d(0,450px,0);
	-webkit-transition: opacity 1.5s, transform 0.8s;
	transition: opacity 1.5s, transform 0.8s;
	}
.ppp3_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.qqq3{
	opacity:0;
	
	-webkit-transition: opacity 1.5s, transform 1.2s;
	transition: opacity 1.5s, transform 1.2s;
	}
.qqq3_1{
	opacity:1;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
	}
.sun3ifm{
	max-width:1200px;
	margin:70px auto 0;
	}
.sun3ifmtitlel{
	    width: calc(50% - 40px);
	position:relative;
	padding-right:40px;
	height:172px;
	
	}
.sun3ifmtitlel1{
	opacity:0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	}
.sun3ifmtitlel1_1{
	opacity:1;
	}
.sun3ifmtitlel2{
	opacity:0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	}
.sun3ifmtitlel2_1{
	opacity:1;
	}
.sun3ifmtitlel3{
	opacity:0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	}
.sun3ifmtitlel3_1{
	opacity:1;
	}
.sun3ifmtitlel:before{
	content:"";
	width:7px;
	height:7px;
	background:#c6c6c6;
	position:absolute;
	right:-3px;
	border-radius:7px;
	top:4px;
	
	}
.sun3ifmtitlel:after{
	position:absolute;
	content:"";
	height:161px;
	width:1px;
	background:#c6c6c6;
	right:0;
	top:13px;
	
	}
.sun3ifmdatel{
	position:absolute;
	top:-4px;
	right:-50%;
	padding-left:40px;
	width:calc(50% - 40px)
	}
.sun3ifmtitler{
	width: calc(50% - 40px);
    position: relative;
    padding-left: 40px;
    height: 173px;
	}
.sun3ifmtitler:before{
	content:"";
	width:7px;
	height:7px;
	background:#c6c6c6;
	position:absolute;
	left:-4px;
	border-radius:7px;
	top:4px;
	
	}
.sun3ifmtitler:after{
	position:absolute;
	content:"";
	height:161px;
	width:1px;
	background:#c6c6c6;
	left:-1px;
	top:13px;
	
	}
.sun3ifmdater{
	position: absolute;
    top: -4px;
    left: -100%;
    padding-right: 40px;
    width: calc(100% - 40px);
	}
.contantit{
	font-size:14px;
	color:#323232;
	background:url(../images/15.png) no-repeat right center;
	background-size:5px;
	padding-right:15px;
	}
.contantit1{
	font-size:10px;
	color:#8a8987;
	}
.contantit2{
	font-size:12px;
	color:#323232;
	margin-top:10px;
	}
.mybodyifmsun5{
	height:110px;
	position:relative
	}
.btn4{
	width:30px;
	height:70px;
	border-radius:2px;
	background-image:url(../images/19.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:10px;
	position:absolute;
	left:-30px;
	top:50%;
	margin-top:-35px;
	}
.btn4:last-child{
	background-image:url(../images/20.png);
	right:-30px;
	left:auto;
	
	}
.mid4 ul li img{
	display:block;
	opacity:.5;
	width:100%;
	}
.mid4 ul li{
	float:left;
	display:inline-block;
	margin-left:36px;
	height:110px;
	
	}
.foot{
	height:210px;
	background:#212121;
	width:100%;
	position:relative
	}
.gotop{
	position:absolute;
	left:50%;
	margin-left:-40px;
	top:-40px;
	}
.gotopr{
	position:fixed;
	right:20px;
	width:90px;
	height:120px;
	border-radius:5px;
	z-index:9999;
	background:#6eba2b;
	top:50%;
	display:none;
	}
.vis{
	visibility:hidden;
	opacity:0;
	 -webkit-transition:all ease-out .2s;
		-o-transition:all ease-out .2s;
			transition:all ease-out .2s;
			top:40px;
			cursor:pointer;
	}
.hover{
	overflow:hidden;
	}
.hover:hover .vis{
	visibility:visible;
	opacity:1;
	top:0;
	}
.modal{
	background:rgba(0,0,0,.6);
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	top:0;
	}
.feilei1{
	width:100px;
	height:30px;
	border:1px solid #333333;
	color:#333333;
	background:none;
	border-radius:40px;
	outline:none;
	cursor:pointer;
	-webkit-transition:background ease-out .25s;
		-o-transition:background ease-out .25s;
			transition:background ease-out .25s;
	}
.feilei1:hover{
	background:#6eba2b;
	color:#ffffff;
	border:1px solid #6eba2b;
		-webkit-box-shadow:0 0px 2px rgba(0,0,0,.1);
    	box-shadow:0 0px 2px rgba(0,0,0,.1);
	}

.modal img{border:10px solid #ffffff;width:50%;margin:0 auto;}
@-webkit-keyframes myfirst
{
from {top: 2px;}
to {top: 15px; opacity: 0}
}
@keyframes myfirst
{
from {top: 2px;}
to {top: 15px; opacity: 0}
}
@-moz-keyframes myfirst
{
from {top: 2px;}
to {top: 15px; opacity: 0}
}
@-o-keyframes myfirst
{
from {top: 2px;}
to {top: 15px; opacity: 0}
}
.banner .prev,.banner .next{z-index: 3;position: absolute;display: block;width: 45px;height: 94px;left: 45px; top: 50%;background:url(../images/i1.png) no-repeat center;}
.banner .next{left: auto;right: 45px; background-image:url(../images/i2.png); }
.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=40);  /* ie 有效*/	-moz-opacity:0.4; /* Firefox  有效*/	opacity: 0.4;}
.footer dl dd a:hover,
a,
a:hover {
	text-decoration: none
}
.footer dl dd span,
.footer dl dt,
.footer dl.other dd {
	text-align: left;
	font-weight: 400
}
.footer {
	background-color: #1b1f22;
	
}

.footer .main {
	margin-bottom: 80px;
	padding-top: 56px;
	max-width:1100px
}

.footer dl {
	display: inline-block;
	margin-right: 20px;
	line-height: 34px;
	vertical-align: top
}

.footer dl dt,
.footer dl.other dd>a div.yx p {
	line-height: 1
}

.footer dl dt {
	margin-bottom: 15px;
	font-size: 14px;
	color: #ccc
}
.footer dl dd ,
.footer dl dd span {
	position: relative;
	font-size: 12px;
	color: #868e94
}

.footer dl dd a:hover {
	color: #ccc
}

.footer dl.other {
	float: right;
	margin-right: 52px
}

.footer dl.other dd {
	font-size: 20px;
	color: #ccc
}

.footer dl.other dd:nth-child(3) {
	margin-top: 35px;
	font-weight: 400
}

.footer dl.other dd em {
	display: block;
	margin-top: 6px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	color: #868e94
}

.footer dl.other dd>a {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #ccc;
	background-color: #3b454d;
	border-radius: 12px
}

.footer dl.other dd>a:before {
	position: relative;
	top: -6px;
	font-family: iconfont;
	font-size: 18px;
	color: #b0bac2
}

.footer dl.other dd>a.email:before {
	content: '\e61c'
}

.footer dl.other dd>a.wx:before {
	content: '\e616'
}

.footer dl.other dd>a.weibo:before {
	content: '\e619'
}

.footer dl.other dd>a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #657683
}

.footer dl.other dd>a:hover:before {
	color: #fff
}

.footer dl.other dd>a:hover div {
	display: block
}

.footer dl.other dd>a div {
	display: none;
	position: absolute;
	left: -176%;
	top: 34px;
	z-index: 3;
	padding: 4px 7px 11px;
	background-color: #fff;
	border-radius: 4px
}

.footer dl.other dd>a div:before {
	content: "";
	display: block;
	margin: -12px auto 0;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff
}


.footer dl.other dd>a div.ecode {
	width: 86px;
	height: 86px
}

.footer dl.other dd>a div.ecode:after {
	content: "";
	display: block;
	width: 86px;
	height: 86px;
	background: url(../images/ewm.jpg) no-repeat;
	background-size: 100%
}

.footer dl.other dd>a div.yx p:nth-child(1) {
	font-size: 13px;
	color: #333
}

.footer .copyright {
	margin: 0 auto;
	
	font-size: 12px;
	line-height: 70px;
	text-align: center;
	color: #868e94;
	border-top: 1px solid #21272b
}
.main {
	margin: 0 auto;
	max-width:1100px;
}