/*头部开始*/

/*****header*******/
.header{
	width: 100%;
	padding: 30px 0;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 109;
       
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.headerBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:90%;
	margin:0 auto;
}
.headerLogo a{
	display: block;
}
.headerLogo img{
	width: 180px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.headerRight{
	width: 300px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headerContact{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.headerContact p{
	font-family: Arial;
	font-size: 20px;
	color: #f2f2f2;
	margin-left: 15px;
}

.header.on{
	padding: 18px 0;
	background: rgba(51,51,51,0.8);
    box-shadow: rgba(0,0,0,0.5); 0px 2px 50px 0px;
}
.header.on .headerLogo img{
	width: 110px;
}
.header.shadow{
    box-shadow: none;
    background-color: transparent;
}
.menuBtn{
	width: 40px;
	cursor: pointer;
}
.menuBtn.disable{
	pointer-events: none;
}
.menuBtn span{
	display: block;
	width: 40px;
	height: 2px;
	background-color: #f2f2f2;
	transform-origin: center center;
}
.menuBtn span:nth-child(2){
	width: 30px;
}
.menuBtn span:nth-child(n+2){
	margin: 10px 0 0 auto;
}
@keyframes navOne {
	0% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		-webkit-transform: translate(0, 12px) rotate(0deg);
		-ms-transform: translate(0, 12px) rotate(0deg);
		-o-transform: translate(0, 12px) rotate(0deg);
		transform: translate(0, 12px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(0, 12px) rotate(45deg);
		-ms-transform: translate(0, 12px) rotate(45deg);
		-o-transform: translate(0, 12px) rotate(45deg);
		transform: translate(0, 12px) rotate(45deg);
	}
}
.menuBtn.on span:nth-child(1){
	animation: navOne 1s forwards ease-in-out;
}
@keyframes navTwo {
	0% {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}
	50% {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
	    -moz-opacity: 0;
	    -khtml-opacity: 0;
	    -webkit-opacity: 0;
	    filter: alpha(opacity=0);
	}
}
.menuBtn.on span:nth-child(2){
	animation: navTwo 1s forwards ease-in-out;
}
@keyframes navThree {
	0% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
	50% {
		-webkit-transform: translate(0, -12px) rotate(0deg);
		-ms-transform: translate(0, -12px) rotate(0deg);
		-o-transform: translate(0, -12px) rotate(0deg);
		transform: translate(0, -12px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(0, -12px) rotate(-45deg);
		-ms-transform: translate(0, -12px) rotate(-45deg);
		-o-transform: translate(0, -12px) rotate(-45deg);
		transform: translate(0, -12px) rotate(-45deg);
	}
}
.menuBtn.on span:nth-child(3){
	animation: navThree 1s forwards ease-in-out;
}
.menuBtn.leave span{
	background-color: #f2f2f2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@keyframes navOne2 {
	0% {
		-webkit-transform: translate(0, 12px) rotate(45deg);
		-ms-transform: translate(0, 12px) rotate(45deg);
		-o-transform: translate(0, 12px) rotate(45deg);
		transform: translate(0, 12px) rotate(45deg);
	}
	50% {
		-webkit-transform: translate(0, 12px) rotate(0deg);
		-ms-transform: translate(0, 12px) rotate(0deg);
		-o-transform: translate(0, 12px) rotate(0deg);
		transform: translate(0, 12px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
}
.menuBtn.leave span:nth-child(1){
	animation: navOne2 1s forwards ease-in-out;
}
@keyframes navTwo2 {
	0% {
		opacity: 0;
	    -moz-opacity: 0;
	    -khtml-opacity: 0;
	    -webkit-opacity: 0;
	    filter: alpha(opacity=0);
	}
	50% {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
	}
}
.menuBtn.leave span:nth-child(2){
	animation: navTwo2 1s forwards ease-in-out;
}
@keyframes navThree2 {
	0% {
		-webkit-transform: translate(0, -12px) rotate(-45deg);
		-ms-transform: translate(0, -12px) rotate(-45deg);
		-o-transform: translate(0, -12px) rotate(-45deg);
		transform: translate(0, -12px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translate(0, -12px) rotate(0deg);
		-ms-transform: translate(0, -12px) rotate(0deg);
		-o-transform: translate(0, -12px) rotate(0deg);
		transform: translate(0, -12px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
}
.menuBtn.leave span:nth-child(3){
	animation: navThree2 1s forwards ease-in-out;
}
/*****header*******/

/*****menu*******/
.menu{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;

	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.menu.on{
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 99;
}
.menu.leave{
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
    -webkit-transition: all 0.4s ease-in-out 0.8s;
	-moz-transition: all 0.4s ease-in-out 0.8s;
	-ms-transition: all 0.4s ease-in-out 0.8s;
	-o-transition: all 0.4s ease-in-out 0.8s;
	transition: all 0.4s ease-in-out 0.8s;
}
.menuBox{
	width: 25vw;
	height: 100vh;
	padding: 0 15%;
	background-color: #000;

	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	right: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.menu.on .menuBox{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.4s ease-in-out 0.4s;
	-moz-transition: all 0.4s ease-in-out 0.4s;
	-ms-transition: all 0.4s ease-in-out 0.4s;
	-o-transition: all 0.4s ease-in-out 0.4s;
	transition: all 0.4s ease-in-out 0.4s;
}
.menu.leave .menuBox{
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition: all 0.4s ease-in-out 0.4s;
	-moz-transition: all 0.4s ease-in-out 0.4s;
	-ms-transition: all 0.4s ease-in-out 0.4s;
	-o-transition: all 0.4s ease-in-out 0.4s;
	transition: all 0.4s ease-in-out 0.4s;
}
.menuList{
	
}
.menuList li{
	margin-bottom: 3vh;
	overflow: hidden;
}
.menuList li a{
	display: inline-block;
	overflow: hidden;
	font-size: 25px;
	color: #f2f2f2;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%);
}
.menuList li a::after{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #f2f2f2;

	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.menuList li.on a::after{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
@keyframes lineMove {
	0% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
}
.menuList li.leave a::after{
	animation: lineMove 0.3s ease-in-out;
}
.menuList p{
	margin-top: 10vh;
	font-size: 22px;
	color: #f2f2f2;
	letter-spacing: 1px;

	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0); 
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%);
}
.menu.on .menuList li a,
.menu.on .menuList p{
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.4s ease-in-out 0.8s;
	-moz-transition: all 0.4s ease-in-out 0.8s;
	-ms-transition: all 0.4s ease-in-out 0.8s;
	-o-transition: all 0.4s ease-in-out 0.8s;
	transition: all 0.4s ease-in-out 0.8s;
}
.menu.leave .menuList li a,
.menu.leave .menuList p{
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    -o-transform: translateY(110%);
    transform: translateY(110%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/*头部结束*/
/*头部结束*/

/*banner start*/
.bannerwarp{    position: relative;}
.inbanner{overflow:hidden; clear:both; width:100%; position:relative; z-index:1;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:100%;}
.bannerheight{display:block; width:100%; /*height:925px; height:100vh;*/ background-repeat:no-repeat !important; background-position:center center !important; background-size:100% 100% !important;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:20px; z-index:10; width:100%; text-align:center; display:none;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1;}
.bx-wrapper .bx-pager-item a{display:block; width:10px; height:10px; border:1px solid #fff; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#2c3783; border-color:#2c3783;}
.bx-wrapper .bx-controls-direction a{display:none;}
.web-banner{display:block !important;}
.mob-banner{display:none !important;}
/*banner end*/

.index-waper-box{
	position:absolute; 
	bottom:0; 
	width:100%; 
	height:100px;
	overflow:hidden; 
	z-index:9;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
.index-back-box{
	width:92%; 
	height:100px; 
	background-color:#fff; 
	position:absolute; 
	bottom:0; 
	margin:0 4%; 
	overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);    
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.index-back-box.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);	
}
.index-back-box .sub-arrows{position:absolute; left:0; top:0; width:auto; height:100%; line-height:100px; padding-left:100px; font-size:0;}
.index-back-box .sub-arrows i.icom{display:inline-block; vertical-align:top; width:60px; height:100%; height:100px\0; cursor:pointer; position:relative;}
.index-back-box .sub-arrows i.prev:before,.index-back-box .sub-arrows i.next:before{
	content:''; 
	display:inline-block; 
	position:absolute; 
	top:42%; 
	width:10px; 
	height:15px; 
	background-image:url("../images/sub-arrows.png")/*tpa=http://www.100vic.com/themes/index/images/sub-arrows.png*/; 
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
.index-back-box .sub-arrows i.prev:before{background-position:0px 0px; left:-7px;}
.index-back-box .sub-arrows i.next:before{background-position:-10px 0px; left:24px;}
.index-back-box .sub-arrows i.icom:after{
	position:absolute; 
	content: ''; 
	left:0; 
	top:49px; 
	width:30px; 
	height:2px; 
	background-color: #000;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom font{
	color:#000;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom.prev font{position:absolute; left:9px;}
.index-back-box .sub-arrows i.icom.next font{position:absolute; left:6px;}
.index-back-box .sub-arrows i:hover:after{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px;}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px;}
.index-back-box .sub-share{position:absolute; right:15px; top:0; width:auto; height:100%; display:table; cursor:pointer;}
.index-back-box .sub-share .tels{display:table-cell; vertical-align:middle;}
.index-back-box .sub-share .tels span{display:inline-block;}
.index-back-box .sub-share .tels .cc1{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share .tels .cc2{
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
}
.index-back-box .sub-share .sider-tel{
	display:table-cell; 
	vertical-align:middle; 
	font-size:0;
    opacity:0;
    filter: alpha(opacity='0');
 	transform: translateX(130px);
 	-webkit-transform: translateX(130px);
 	-moz-transform: translateX(130px);
 	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
}
.index-back-box .sub-share .sider-tel a{
	display:inline-block;
	font-size:12px;
	color:#000;
	margin: 0 8px;
    opacity: 0;
    filter: alpha(opacity='0');
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share:hover .tels .cc1{
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-moz-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
}
.index-back-box .sub-share:hover .tels .cc2{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.index-back-box .sub-share:hover .sider-tel{
	opacity: 1;
    filter: alpha(opacity='100');
 	transform: translateX(0px);
 	-webkit-transform: translateX(0px);
 	-moz-transform: translateX(0px);
 	transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-webkit-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-moz-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;	
}

.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
}
.index-back-box .sub-mouse{width:30px; height:43px; position:absolute; top:50px; right:100px; cursor:pointer; z-index:1; zoom:0.7; -moz-transform:scale(0.7);}
.index-back-box .sub-mouse:after{display:none; z-index:-1; position:absolute; content:''; top:-30px; left:50%; height:53px; border-right:1px solid #333; margin-left:-1px;}
.index-back-box .sub-mouse span{
	display:block; 
	position:relative;
	width:100%;
	height:100%;
	animation: ani-svg 0.85s linear 0s alternate infinite;
	-webkit-animation: ani-svg 0.85s linear 0s alternate infinite; 
}
.index-back-box .sub-mouse i{
	position:absolute;
	bottom:5px;
	left:50%;
	color:#000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}
.IndexList{width:660px; margin:0 auto; display:table; position:relative; -webkit-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s;}
.IndexList ul{font-size:0; padding-top:30px;}
.IndexList li{display:inline-block; width:25%; text-align:center; position:relative;}
.IndexList li i{font-size:16px; color:#000;}
.IndexList li span{display:block; font-size:14px; color:#666; letter-spacing:4px;}
.nub{font-size:48px; color:#000; line-height:48px; height:48px; display:inline-block;}
/*-------index-about start-------*/

.index-about{
	margin-top: 40px;
}
.about-title {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #1a1a1a
}

.about-title span {
	color: #d93f3d
}

.about-text {
	padding: 41px 0 66px;
	font-size: 16px;
	line-height: 30px;
	color: #333
}

.about-us-intro {
    padding: 45px 0 15px;
	position: relative;
	overflow: hidden
}

.about-us-intro .year {
	position: absolute;
	right: 0;
	top: 70px
}

.about-us-intro .article {
	padding: 54px 38.875% 82px 0;
	font-size: 16px;
	line-height: 30px;
	color: #333
}


/*-------index-about end-------*/
/*-------index-service start-------*/

.index-service {
	width:100%;
	background:#fff;
	padding:0px 0 30px 0;
}
.index-box {
	max-width:1600px;
	margin:auto;
	position:relative;
}
.service-title {
	width:100%;
	position:relative;
	padding-bottom:54px;
}
.service-title .bdl {
	font-size:70px;
	line-height:70px;
	font-family:Helvetica;
	color:#000;
}
.service-title .tbox {

}
.service-title .title {
	font-size:36px;
	line-height:1;
	font-weight:bold;
	color:#222;
	margin-bottom:23px;
}
.service-title .txt {
	width:685px;
	font-size:14px;
	line-height:24px;
	color:#666;
}
.service-title .bdr {
	font-size:70px;
	line-height:70px;
	font-family:Helvetica;
	color:#000;
	display:table;
	position:absolute;
	right:0;
	top:110px;
}
.service-title .bdr span {
	width:300px;
	height:2px;
	background:#222;
	display:inline-block;
	position:absolute;
	top:9px;
	right:65px;
}
.service-list {
	width:100%;
	display:table;
	border-bottom:2px solid #222;
	padding-bottom:60px;
	overflow:hidden;
}
.service-list li {
	width:20%;
	float:left;
	box-sizing:border-box;
	padding:60px 20px 54px 40px;
	background:#fff;
	transition:all ease .3s;
	margin:0 5.125% 0 0.5%;
    border-radius: 5px;
}
.service-list li:nth-child(4n) {
	margin:0 0 0 8px;
}
.service-list li:hover {
	background:#0084ff;
}
.service-list li .icon {
	width:100%;
	height:100px;
	transition:all ease .3s;
}
.service-list li .icon1 {
	background:url(../images/icon8.png) left top no-repeat;
}
.service-list li .icon2 {
	background:url(../images/icon9.png) left top no-repeat;
}
.service-list li .icon3 {
	background:url(../images/icon10.png) left top no-repeat;
}
.service-list li .icon4 {
	background:url(../images/icon11.png) left top no-repeat;
}
.service-list li:hover .icon1 {
	background:url(../images/icon12.png) left top no-repeat;
}
.service-list li:hover .icon2 {
	background:url(../images/icon13.png) left top no-repeat;
}
.service-list li:hover .icon3 {
	background:url(../images/icon14.png) left top no-repeat;
}
.service-list li:hover .icon4 {
	background:url(../images/icon15.png) left top no-repeat;
}
.service-list li .title {
	font-size:24px;
	color:#222;
	line-height:36px;
	font-weight:bold;
	margin-bottom:28px;
	transition:all ease .3s;
}
.service-list li:hover .title {
	color:#fff;
}
.service-list li .txt {
	color:#666;
	font-size:14px;
	line-height:24px;
	transition:all ease .3s;
}
.service-list li:hover .txt {
	color:#fff;
}
.service-list li .link {
	width:0;
	height:10px;
	margin-top:45px;
	background:url(../images/icon16.png) right center no-repeat;
	transition:all ease .3s;
}
.service-list li:hover .link {
	width:48px;
}
/*-------index-service end-------*/



/*-------index-case start-------*/

.index-case {
	width: 100%;
	padding:30px 0 80px;
}
.case-title {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #1a1a1a
}
.case-title span {
	color: #d93f3d
}
.index-box{
	width: 100%;
	margin: 0 auto;
}
.index-case-list {
	width:100%;
	display:table;
	margin-top:40px;
}
.index-case-list li {
	width:32.5%;
	float:left;
	margin-right:1.25%;
	margin-bottom:20px;
}
.index-case-list li:nth-child(3n) {
	margin-right:0;
}
.index-case-list li:hover {
	box-shadow:0 0 15px 1px rgba(0,0,0,.1);
}
.index-case-list li .img {
	width:100%;
	overflow:hidden;
}
.index-case-list li .img  img {
    width:100%;
    -moz-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
.index-case-list li:hover .img img {
    -webkit-transform:  scale(1.05) ; 
    -moz-transform: scale(1.05) ; 
    -ms-transform: scale(1.05);     
    -o-transform:  scale(1.05) ; 
    transform:  scale(1.05);
}
.index-case-list li .tbox {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ebebeb;
	border-top:none;
	padding:20px 20px 0;
}
.index-case-list li .tbox .title {
	width:100%;
	position:relative;
	line-height:36px;
}
.index-case-list li .tbox .title .t1 {
	font-size:16px;
	font-weight:bold;
	color:#222;
}
.index-case-list li .tbox .title .t2 {
	font-size:14px;
	color:#666;
}
.index-case-list li .tbox .title .icon {
	position:absolute;
	right:0;
	top:20px;
}
.index-case-list li .tbox .title .icon span {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon a {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}
.index-case-list li .tbox .title .icon .icon1 {
	background:url(../images/icon17.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon2 {
	background:url(../images/icon18.png) center center no-repeat;
}
.index-case-list li .tbox .title .icon .icon3 {
	background:url(../images/icon19.png) center center no-repeat;
}
.index-case-list li .tbox .more {
	width:100%;
	border-top:1px solid #e3e3e3;
	margin-top:7px;
	font-size:14px;
	color:#666;
	line-height:36px;
	padding:7px;
	background:url(../images/icon20.png) right center no-repeat;
	transition:all ease .3s;
}
.index-case-list li:hover .tbox .more {
	background:url(../images/icon21.png) right center no-repeat;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
/*-------index-case end----*/
/*-------index-news start----*/


.index-news {
	width:100%;
	background:#fff;
	overflow:hidden;
}
.index-news-title {
	font-size:36px;
	line-height:1;
	color:#000;
	font-weight:bold;
}
.index-news-more {
	font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(../images/icon21.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 15px;
    top: 30px;
}
.index-news-menu {
	width:100%;
	margin-top:30px;
	display:table;
}
.index-news-menu li {
	float:left;
	margin-right:10px;
	border:none;
}
.index-news-menu li a {
	display:block;
	line-height:26px;
	padding:4px 20px;
	border:1px solid #666;
	font-size:14px;
	color:#666;
	border-radius:5px;
	transition:all ease .3s;
}
.index-news-menu li:hover a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news-menu li.on a {
	color:#fff;
	background:#222;
	border-color:#222;
}
.index-news .index-box {
	max-width:1610px;
	overflow:hidden;
	padding:0 5px;
}
.index-news-list {
	width:calc(700% + 70px);
	margin-top:40px;
	display:inline-block;
	left:0;
	position:relative;
	transition:all ease 1s;
}
.index-news-list .lbox {
	width:calc(100% / 7);
	display:inline-block;
	float:left;
	padding-right:10px;
}
.index-news-list .lbox .box1 {
	width:30%;
	margin-right:0.625%;
	float:left;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 a {
	display:inline-block;
	width:100%;
}
.index-news-list .lbox .box1 .img {
	width:100%;
	height:280px;
}
.index-news-list .lbox .box1 .tbox {
	width:100%;
	height:270px;
	box-sizing:border-box;
	background:#f7f7f7;
	padding:0 30px;
}
.index-news-list .lbox .box1:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box1 .tbox .time {
	color:#999;
	font-family: 'sheepsansbold';
	font-weight:bold;
	font-size:48px;
	line-height:50px;
	border-bottom:1px solid #dbdbdb;
	padding:22px 0 16px;
	background:url(../images/icon20.png) right 54px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box1 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box1 .tbox .time span {
	font-size:16px;
	line-height:20px;
	font-weight:initial;
	display:block;
}
.index-news-list .lbox .box1 .tbox .titles {
	font-size:16px;
	line-height:36px;
	color:#000;
	margin-top:30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box1 .tbox .txts {
	font-size:14px;
	line-height:24px;
	color:#666;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box3 {
	width:68.75%;
	float:left;
}
.index-news-list .lbox .box3 .tbox {
	width:49%;
	height:130px;
	float:left;
	margin-left:1%;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:20px;
	background:#f4f4f4 url(../images/icon20.png) 95% 60px no-repeat;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box3 .tbox a {
	display:inline-block;
}
.index-news-list .lbox .box3 .tbox .time {
	font-size:48px;
	font-weight:bold;
	line-height:50px;
	font-family: 'sheepsansbold';
	color:#999;
	float:left;
	margin-right:10px;
	transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover .time {
	color:#222;
}
.index-news-list .lbox .box3 .tbox .time span {
	font-size:16px;
	display:block;
	line-height:20px;
}
.index-news-list .lbox .box3 .tbox .titles {
	width:285px;
	float:left;
	font-size:16px;
	line-height:26px;
	color:#000;
	padding-top:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}





/*-------index-news end----*/
/*-------index-footer start----*/

.foot_bg{
	width:100%;
	min-width: 1200px;
	background-color:#303233;
}
.foot{
	width: 100%;
	color:#a6a6a6;
}
.foot a{
	color:#80898d;
}
.foot a:hover{
	color:#63b5df;
}
.page-foot-service{
	width: 100%;
	float: left;
	padding:56px 0 10px 0px;
	color: #80898d;
}
.page-foot-service ul li{
	width:16.6%;
	margin-bottom: 15px;
	float: left;
}
.page-foot-service .page-foot-active{
	display: block;
	width: 100%;
	height: 100%;
}
.service-icon{
	display: block;
	margin:0  auto;
}
.page-foot-service .foot-icon-first{
	width:44px;
	height: 56px;
	background: url("../images/list_icon.png");
	background-position:543px 134px;
}
.page-foot-service .foot-icon-second{
	width:50px;
	height: 56px;
	background: url("../images/list_icon.png");
	background-position:467px 134px;
}
.page-foot-service .foot-icon-third{
	width:56px;
	height: 56px;
	background: url("../images/list_icon.png");
	background-position:393px 134px;
}
.page-foot-service .foot-icon-fourth{
	width:47px;
	height: 56px;
	background: url("../images/list_icon.png");
	background-position:308px 134px;
}
.page-foot-service .foot-icon-fifth{
	width:37px;
	height: 56px;
	background: url("../images/list_icon.png");
	background-position:229px 134px;
}
.page-foot-service .foot-icon-sixth{
	width:50px;
	height:56px;
	background: url("../images/list_icon.png");
	background-position:148px 134px;
}
.service-title{
	width:  100%;
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
}
.foot dl{
	width: 11%;
	float:left;

}
.foot dt{
	margin-bottom:20px;
	font-size:14px;
	color:#fff;
}
.foot dd{
	float:left;
	font-size:12px;
	line-height:28px;
	margin-right:20px;
}
.foot-logo-box{
	float:right;
	height:190px;
	font:inherit ;
	border-left:1px #565656 solid;
}
.home-foot-menu{
	float: left;
	width: 100%;
	padding: 40px 0;
	border-bottom: 1px solid #494a4b;
	border-top: 1px solid #494a4b;
}
.we-chat-out{
	float: left;
	width: 106px;
	margin-left: 70px;
	margin-top: 27px;
}
.we-chat-out .wechat-images{
	width: 110px;
	height: 110px;
	background: url("../images/fixed_icon.png") no-repeat center center;
    background-position:-137px -152px;
}
.wechat-title{
	width: 100%;
	color: #80898d;
	font-size:14px;
	text-align: center;
	line-height: 40px;
}
.online-chat{
	float: left;
	margin-left:57px;
	margin-top: 27px;
}
.online-chat h4{
	width: 100%;
	font-size: 22px;
	color: #0084ff;
	text-align: center;
	line-height: 40px;
}
.link-title{
	width: 100%;
	font-size: 12px;
	color: #7f7f7f;
	text-align: center;
}
.online-chat .online-chat{
	display: block;
	width:105px;
	height: 25px;
	margin:24px 0 0 25px;
	background: url("../images/fixed_icon.png") no-repeat center center;
	background-position:-9px -24px;
}
.foot-address{
	clear: both;
	padding-top: 10px;
	text-align: center;
}

.foot .foot-logo-box .long_dl dd{margin-right:0px;}
.foot dd a{display:block;}
.friend_link{
	float: left;
	width:100%;
	padding:30px 0;
	overflow:hidden;
	border-bottom: 1px solid #494a4b;
}
.friend_link a{
	line-height:30px;
	padding:7px 8px 7px 12px;
        display:inline-block;
	/*margin-left:-8px;*/

}
.foot-statement{
	position: relative;
	float: left;
	width: 100%;
	padding: 25px 0;
	clear: both;
}
.state-logo{
	float: left;
	display: block;
	width: 62px;
	height: 62px;
	/*background:url(../images/foot_icon.png);
	background-size:62px 62px ;*/
}
.state-menu{
	float: left;
	margin-left: 17px;
}
.state-menu ul{
	width: 100%;
}
.state-menu ul li{
	float: left;
	margin-right: 28px;
	line-height:28px;
}
.state-menu ul li a{
	font-size:16px;
	color: #fff;
}
.state-title{
	width: 100%;
	float: left;
	font-size:12px;
	line-height: 15px;
}

.head-logo-box{
	position: absolute;
	width: 439px;
	right: 0;
	display: none;
	z-index:999999;
	float: left;
    height: 185px;
    border-left: none;
    background: #fff;
    box-shadow:3px 3px 10px rgba(0,0,0,0.10),-3px 0px 10px rgba(0,0,0,0.10),;
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.10),-3px 0px 10px rgba(0,0,0,0.10);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.10),-3px 0px 10px rgba(0,0,0,0.10);
}
.home-us-icon{
	display:inline-block;
	width: 9px;
	height: 5px;
	margin-left: 4px;
	margin-bottom:2px;
}
.us-icon-down{
	background: url("../images/small_icons.png") no-repeat center center;
	background-position:-165px -24px;
}
.us-icon-up{
	background: url("../images/small_icons.png") no-repeat center center;
	background-position:-165px -7px;
}
.head-logo-us{
	right: 0px;
	width: 90px;
	padding: 2px 0;
	height: auto;
}
.head-logo-us .home-about-list{
	float: left;
	width: 100%;
	height: 33px;
}
.us-list-title{
	display: block;
	width: 88px;
	height: 33px;
	margin: 0 auto;
	font-size: 12px;
	color: #1e1e1e;
	line-height: 33px;
	text-align: center;
}
.us-list-title:hover{
	color: #fff;
	background: #4786e4;
}
.head-wechat{
	width: 117px;
	margin:32px 0px 0 55px;
	padding-right: 42px;
	border-right: 1px #565656 solid;
}
.head-wechat .wechat-images{
	width: 117px;
    height: 117px;
    background: url("../images/fixed_icon.png") no-repeat center center;
    background-position:-129px -149px;
}
.head-wechat-title{
	line-height: 17px;
}
.head-online-chat{
	margin:32px 45px 0 28px;
}
.head-online-chat h4{
	line-height: 30px;
}
.head-online-chat .online-chat-img{
	display: block;
	width:90px;
	height: 25px;
	margin:4px auto 0;
	background: url("../images/fixed_icon.png") no-repeat center center;
	background-position:-9px -24px;
}
.head-position{
	width: 135px;
	margin-top: 10px;
	font-size: 12px;
	color: #7f7f7f;
	line-height: 17px;
}
.head-position-icon{
	display: block;
	float: left;
	width: 12px;
	height: 15px;
	margin-right: 4px;
	background:url("../images/list_icon.png");
	background-position:178px 353px;
}
.fix-foot {
	margin-top: 0;
	font-size: 14px;
	text-align: left;
}
.fix-city {
	display: inline-block;
	/*width: 65px;*/
	padding-left: 14px;
}
.fix-city i {
	margin-right: 7px;
}
.qthp-nav-out {
    position: fixed;
    top: 0;
}
.qt-all-top {
	width: 100%;
	height: 71px;
	display: none;
}
.home-page-logo img, .home-page-poster img {
	width: 100%;
}
.fix-clr {
	clear: both;
}
/*-------index-footer end----*/
/*-------about start----*/
.nyabout{
	width: 100%;
	margin: 0 auto;
}
.nyabout-con{
	    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 70px 0px;

}
.nyabout-con-left{
	width: 48%;
	float: left;
    padding-right: 100px;
    box-sizing: border-box;
}
.nyabout-txt1{
	    line-height: 30px;
    font-size: 24px;
    color: #666666;
}
.nyabout-txt2{
	line-height: 50px;
    font-size: 42px;
    color: #000000;
    margin-top: 30px;
}
.nyabout-btn{
	display: block;
	width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: url(../images/about_btn.png) no-repeat right 44px center #333333;
    display: block;
    font-size: 18px;
    color: #fff;
    text-indent: 44px;
    text-align: left;
    margin-top: 100px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.nyabout-con-right{
	width: 48%;
	margin: 0 auto;
	float: right;
	padding: 0px 20px;
    line-height: 40px;
    font-size: 16px;
    color: #666666;
    text-align: justify;;
}
 .business{
	padding-top: 100px;
}
 .business .list{
	border-left: solid 1px #eaeaea;
	border-top: solid 1px #eaeaea;
	box-sizing: border-box;
}
 .business .list:after{content:"";height:0;display:block;clear:both}
 .business li{
	width: 50%;
	float: left;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	box-sizing: border-box;
	padding: 60px 58px;
	height: 340px;
}
 .business li:nth-child(1),
 .business li:nth-child(4){
	background: #f5f5f5;
}
 .business li .icon{
	height: 84px;
}
 .business li .icon img{
	height: 100%;
}
 .business li .tit{
	line-height: 30px;
	font-size: 24px;
	color: #000;
	margin-top: 40px;
}
 .business li .txt{
	line-height: 30px;
	font-size: 16px;
	color: #666666;
	margin-top: 12px;
}
/*-------about end----*/


/*-------xiaochegnxu start----*/

.xiaochengxu{
	width: 100%;
	margin: 0 auto;
}
.xcx-con{
	width: 100%;
	margin: 0 auto;
	height: 200px;
}
/*-------xiaochengxu end----*/

/*-------web start----*/
.nyweb{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #F7F7F7;
}

.nyweb-con{
	width: 100%;
	margin: 0 auto;

}

.join-list .each-item .image-wrap:after,
.ourwork-list .each-item .image-wrap:after,
.solution-list .each-item .image-wrap:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    opacity:0;
    transition:all .6s ease-in-out;
}
.ourwork-list .each-item .image-wrap:after,
.solution-list .each-item .image-wrap:after {background:rgba(0,0,0,0);}
.about-wrap-second .each-item:hover .image-wrap:after ,
.about-wrap-four .each-item:hover .image-wrap:after ,
.about-page .each-item .image-wrap:hover:after,
.join-list .each-item:hover .image-wrap:after,
.ourwork-list .each-item:hover .image-wrap:after,
.solution-list .each-item:hover .image-wrap:after{opacity:1;}
.about-page .each-item img,
.join-list .each-item .image-wrap img{transition:all .4s ease-in-out;}
.about-wrap-second .each-item:hover .image-wrap img,
.about-page .each-item .image-wrap:hover img,
.join-list .each-item:hover .image-wrap img{
    transform:scale(1.05);
}

.join-list {padding:50px 0 65px;}
.join-list .each-item {
    position:relative;
    background:#fff;
    transition:all .5s;
}
 .each-item .image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    transition: all .4s;
}
.normal-more-wrap2:before {
    z-index: 1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #333;
    background: url(../images/more-icon1.png) no-repeat center center;
    border-radius: 100%;
    box-sizing: border-box;
}
.join-list .each-item:hover {box-shadow:0 0 25px rgba(0,0,0,.2);}
.join-list .each-item .text-wrap {
    float:left;
    width:50%;
}
.normal-more-wrap2 {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}
.join-list .each-item .text-inner {
    padding:8%;
    line-height:1;
}
.join-list .each-item .text-inner .title {
    font:30px/1 "Microsoft JhengHei",'Gotham-Book','Microsoft Yahei';
    font-weight:bold;
    color:#333;
}
.join-list .each-item .text-inner .line {
    display:block;
    width:30px;
    height:3px;
    margin:25px 0;
    background:#d1d1d1;
}
.join-list .each-item .text-inner .descrition {
    font-size:16px;
    color:#333;
    line-height:30px;
}
.join-list .each-item .normal-more-wrap2 {
    position:absolute;
    bottom:12%;
}
.join-list .each-item .normal-more-wrap2:before {background:url(../images/more-icon.png) no-repeat center center;}
.join-list .each-item .normal-more-wrap2:hover:before {background:url(../images/more-icon1.png) no-repeat center center;}
.join-list .each-item .image-wrap {
    position:relative;
    float:left;
    width:50%;
    overflow:hidden;
}
.join-list .each-item:nth-child(2n+1) .image-wrap {float:right;}
	.hide{display: block; opacity: 1;}
		.show{display: block;opacity: 1;}

/*-------web end----*/