.scrollBar{ position: relative; left: 0; top: 0; width: 100%; height: 100%;}
.scrollBar .banner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.scrollBar .banner ul{}
.scrollBar .banner ul li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
     transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
     -webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
     -moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
}
.scrollBar .banner ul li .imgTimes{ /* width: 100% !important; */ height: 100%; position: relative; z-index: 5; left: 0; top: 0;
	background-repeat: no-repeat !important; 
	background-position: center center !important;
	background-size:auto 100% !important;
}
.scrollBar .banner ul li video{ position: absolute; left: 0; top: 0; width: 0%; height: auto; object-fit: cover; object-position: center center; z-index: 1;display: none;
	 transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
     -webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
     -moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.scrollBar .banner ul li .imgTimes>article{ position: absolute; left: 10%; bottom: 15%;}
.scrollBar .banner ul li .imgTimes>article .banTops{ font-size: 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}
.scrollBar .banner ul li .imgTimes>article .banTops small{ display: inline-block; vertical-align: middle; margin: 0 8px; 
	opacity: 0;
	transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-webkit-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
}
.scrollBar .banner ul li .imgTimes>article .banTops em{ display: inline-block; vertical-align: middle; margin: 0 8px; 
    opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);	
}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2){
	 opacity: 0;
	 transform: matrix(1, 0, 0, 1, 0, -80);
	 -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	 -moz-transform: matrix(1, 0, 0, 1, 0, -80);
}
.scrollBar .banner ul li .imgTimes>article .banTops small,
.scrollBar .banner ul li .imgTimes>article .banTops em,
.scrollBar .banner ul li .imgTimes>article .banText i,
.scrollBar .banner ul li .imgTimes>article .banText span{
	transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(1){
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2){
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
}
.scrollBar .banner ul li .imgTimes>article .banText{ font-size: 0; margin-top: 20px;}
.scrollBar .banner ul li .imgTimes>article .banText i{ display: inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #fff;}
.scrollBar .banner ul li .imgTimes>article .banText span{ display: inline-block; width: 0px; vertical-align: middle; margin-left: 8px; overflow: hidden;}
.scrollBar .banner ul li .imgTimes>article .banText span font{ display: inline-block; width: 600px; font-size: 22px; color: #fff;}
.scrollBar .banner ul li.curs{ width: 0%;}
.scrollBar .banner ul li.visb{ width: 100%;}
.scrollBar .banner ul li.visb video{ width: 100% !important;}
.scrollBar .banner ul li.visb .imgTimes>article .banTops small,
.scrollBar .banner ul li.visb .imgTimes>article .banTops em{ opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}
.scrollBar .banner ul li.visb .imgTimes>article .banTops small{ opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
}
.scrollBar .banner ul li.visb .imgTimes>article .banText i{ width: 35px;
	transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-webkit-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-moz-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
}
.scrollBar .banner ul li.visb .imgTimes>article .banText span{ width: 600px;
	transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;	
	-webkit-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;	
	-moz-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;	
}
.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: 84%; height: 100px; background-color: #fff; position: absolute; bottom: 0; margin: 0 8%; 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%; cursor: pointer; position: relative;}
.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: 0;
	filter: alpha(opacity='0');
	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: 1;
	filter: alpha(opacity='100');
	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: 30px; left: 50%; margin-left: -15px; 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);
	}
}
.hejun-brand{ width: 100%; padding: 50px 0 90px; position: relative; background-color: #fff;}
.hejun-brand .bom-line{ position: absolute; left: 50%; margin-left: -1px; bottom: 0; height: 20%; border-right: 1px solid #C6C6C5;}
.hejun-brand .hejun-waperTit{ width: 100%; text-align: center;}
.hejun-brand .hejun-waperTit h2{
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s;
	-moz-transition: all .8s ease-out 0s;
}
.hejun-brand .hejun-waperTit h2 img{ display: inline-block;}
.hejun-brand .hejun-waperTit p{ font-size: 16px; color: #000; margin-top: 2px; line-height: 1.7;
	transition: all .8s ease-out .2s;
	-webkit-transition: all .8s ease-out .2s;
	-moz-transition: all .8s ease-out .2s;
}
.hejun-brand .IndexList{ width: 440px; margin: 0 auto; display: table; position: relative;
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s;
	-moz-transition: all .8s ease-out 0s;
}
.hejun-brand .IndexList sup{display: inline-block;vertical-align: top;margin-top: 8px;margin-left: 3px;}
.hejun-brand .IndexList,
.hejun-brand .hejun-waperTit p,
.hejun-brand .hejun-waperTit h2{
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);	
}
.hejun-brand .IndexList.active,
.hejun-brand .hejun-waperTit.active p,
.hejun-brand .hejun-waperTit.active h2{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}
.hejun-brand .IndexList ul{ font-size: 0; padding-top: 30px;}
.hejun-brand .IndexList li{ display: inline-block; width: 33.33%; text-align: center; position: relative;}
.hejun-brand .IndexList li i{ font-size: 16px; color: #000;}
.hejun-brand .IndexList li span{ display: block; font-size: 14px; color: #000; letter-spacing: 0px;}
.nub{ font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block; font-family: 'CalibreLight';}
.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.hejun-works{ position: relative; width: 100%; height: 100%; background-color: #000;}
.hejun-works .works-slide{ position: relative; width: 100%; height: 100%; display: table;}
.hejun-works .sub-slides{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hejun-works .sub-slides li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.hejun-works .sub-slides li:nth-of-type(1){ background: url(../image/bg1.jpg) no-repeat center center; background-size: 100% 100%;}
.hejun-works .sub-slides li:nth-of-type(2){ background: url(../image/bg2.jpg) no-repeat center center; background-size: 100% 100%;}
.hejun-works .sub-slides li:nth-of-type(3){ background: url(../image/bg3.jpg) no-repeat center center; background-size: 100% 100%;}
.hejun-works .sub-slides li .contsd{ position: relative; width: 100%; height: 100%; display: table; text-align: right; padding-right: 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.hejun-works .sub-slides li .contsd .neis{ display: table-cell; vertical-align: middle; font-size: 0;}
.hejun-works .sub-slides li .contsd .neis .imGs{ display: inline-block; margin-right: 100px; vertical-align: middle;
	opacity: 0;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transition: all 1.5s ease-in-out .8s; 
	-webkit-transition: all 1.5s ease-in-out .8s; 
	-moz-transition: all 1.5s ease-in-out .8s; 
}
.hejun-works .sub-slides li:nth-of-type(2) .contsd .neis .imGs{ margin-right: auto; margin-left: 100px;}
.hejun-works .sub-slides li .contsd .neis .textsz{ display: inline-block;margin-right: 3px;margin-top: 110px; vertical-align: middle; text-align: center;}

.hejun-works .sub-slides li .contsd .neis .textsz2{ margin-right: 100px;}
.hejun-works .sub-slides li .contsd .neis .imGs2{ margin-right: 35px;}



.hejun-works .sub-slides li .contsd .neis h3{
	opacity: 0;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	transition: all 1s ease 1s; 
	-webkit-transition: all 1s ease 1s; 
	-moz-transition: all 1s ease 1s; 
}
.hejun-works .sub-slides li .contsd .neis h4{ margin-top: 20px; margin-bottom: 50px;
	opacity: 0;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	transition: all 1s ease 1.2s; 
	-webkit-transition: all 1s ease 1.2s; 
	-moz-transition: all 1s ease 1.2s; 
}
.hejun-works .sub-slides li .contsd .neis p{ padding-left: 208px; text-align: left; font-size: 14px; color: #fff; margin-bottom: 20px;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
}
.hejun-works .sub-slides li .contsd .neis p font{ width: 310px; display: inline-block;}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(1){
	transition: all .5s ease 1.4s;
	-webkit-transition: all .5s ease 1.4s;
	-moz-transition: all .5s ease 1.4s;
}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(2){
	transition: all .5s ease 1.6s;
	-webkit-transition: all .5s ease 1.6s;
	-moz-transition: all .5s ease 1.6s;
}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(3){
	transition: all .5s ease 1.8s;
	-webkit-transition: all .5s ease 1.8s;
	-moz-transition: all .5s ease 1.8s;
}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(4){
	transition: all .5s ease 2s;
	-webkit-transition: all .5s ease 2s;
	-moz-transition: all .5s ease 2s;
}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(5){
	transition: all .5s ease 2.2s;
	-webkit-transition: all .5s ease 2.2s;
	-moz-transition: all .5s ease 2.2s;
}
.hejun-works .sub-slides li .contsd .neis p:nth-of-type(6){
	transition: all .5s ease 2.4s;
	-webkit-transition: all .5s ease 2.4s;
	-moz-transition: all .5s ease 2.4s;
}
.hejun-works .sub-slides li.cur{ opacity: 1; z-index: 1;}
.hejun-works .sub-slides li.cur .contsd .neis .imGs{
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.hejun-works .sub-slides li.cur .contsd .neis h3{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);

}
.hejun-works .sub-slides li.cur .contsd .neis .textsz1{margin-right:140px;}
.hejun-works .sub-slides li.cur .contsd .neis .textsz3 h3{margin-left:0px;}
.hejun-works .sub-slides li.cur .contsd .neis .textsz3 p{margin-left:85px;}
.hejun-works .sub-slides li.cur .contsd .neis h4{
	opacity: 1;
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.hejun-works .sub-slides li.cur .contsd .neis p{
	opacity: 1;
	transform: translateY(0px);
}

.hejun-works .words-slide{ position: absolute; left: 10%; top: 0; width: 90px; z-index: 2;}
.hejun-works .words-slide ul{ width: 100%;}
.hejun-works .words-slide ul li{ width: 100%; margin-bottom: 40px; cursor: pointer;}
.hejun-works .words-slide ul li i{ display: block; margin-left: 20px; height: 70px; width: 1px; background-color: #636267;}
.hejun-works .words-slide ul li span{ display: block; margin: 5px 0; height: 36px; font-size: 36px; color: #636267; font-family: 'ZurichBT-Light';}
.hejun-works .words-slide ul li font{ display: block; font-size: 12px; color: #636267;}

.hejun-works .words-slide ul li i,
.hejun-works .words-slide ul li span,
.hejun-works .words-slide ul li font{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}

.hejun-works .words-slide ul li:hover i,
.hejun-works .words-slide ul li.cues i{ background-color: #fff;}
.hejun-works .words-slide ul li:hover span,
.hejun-works .words-slide ul li:hover font,
.hejun-works .words-slide ul li.cues span,
.hejun-works .words-slide ul li.cues font{ color: #fff;}

.hejun-collection{ position: relative; width: 100%; height: 100%;background: url(../image/fond-bug.jpg) no-repeat center top; background-size:cover;z-index: 2;
margin-top: 0;}
.hejun-collection .collbgs{ position: relative; height: 200px !important;}
.hejun-collection .hejun-collumns{ position: static; top: 30%; width: 74%; height: 70%; margin: 0 13%; background-color: #000;
    opacity: 0;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transition: all 1s ease 0s; 
	-webkit-transition: all 1s ease 0s; 
	-moz-transition: all 1s ease 0s; 
}
.hejun-collection .hejun-collumns.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}
.hejun-collection .slider-waper{ position: relative; width: 100%; height: 100%;}
.hejun-collection .slider-waper ul{ position: relative; height: 100%; height: 100%; overflow: hidden;}
.hejun-collection .slider-waper ul li{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0;
	 opacity: 0;
	 visibility: hidden;
	 transition: all .7s ease-in-out 0s;
	 -webkit-transition: all .7s ease-in-out 0s;
	 -moz-transition: all .7s ease-in-out 0s;
}
.hejun-collection .slider-waper ul li.curs{ width: 100%; visibility: visible; opacity: 1; z-index: 1;}
.hejun-collection .slider-waper ul li>article{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.hejun-collection .slider-waper ul li>article>a>img{ width: 100%; height: 100%; display: block;
	transition: all 3s ease 0s;
	-webkit-transition: all 3s ease 0s;
	-moz-transition: all 3s ease 0s;
}
.hejun-collection .slider-waper ul li>article>video{ width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.hejun-collection .slider-remote{ width: 22%; height: 70%; background-color: #212020; position: absolute; right: 5%; bottom: 50px; z-index: 9;}
.hejun-collection .slider-remote .top-textg{ position: absolute; left: 0; top: 0; width: 100%; height: 50%; text-align: right; padding: 30px; overflow: hidden;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
}
.hejun-collection .slider-remote .top-textg span{ color: #949494; display: block; font-size: 12px; line-height: 1.8; letter-spacing: 1px;}
.hejun-collection .slider-remote .top-textg span.tits{ font-size: 15px; color: #fff;}
.hejun-collection .slider-remote .top-textg ul{ width: 100%; height: 100%; position: relative; overflow: hidden;
     transform-style: preserve-3d;
     -webkit-transform-style: preserve-3d;
     perspective: 1000px;
     -webkit-perspective: 1000px; 
}
.hejun-collection .slider-remote .top-textg ul li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; visibility: hidden; opacity: 0;
	 transform-origin: top;
	 -webkit-transform-origin: top;
	 -moz-transform-origin: top;
	 transform: rotateX(-90deg);
	 -webkit-transform: rotateX(-90deg);
	 -moz-transform: rotateX(-90deg);
	 transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	 -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	 -moz-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;	
}
.hejun-collection .slider-remote .top-textg ul li.fad{visibility: visible;opacity: 1;z-index: 1;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}
.hejun-collection .slider-remote .bom-number{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: url(../image/font-bg.jpg) no-repeat; background-size: cover; display: table;}
.hejun-collection .slider-remote .bom-number .nei .countr{ text-align: center; margin-bottom: 5px;}
.hejun-collection .slider-remote .bom-number .nei .countr span,
.hejun-collection .slider-remote .bom-number .nei .countr i{ display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; font-family: "HelveticaNeue"; letter-spacing: 1px;}
.hejun-collection .slider-remote .bom-number .nei .countr i{ margin: 0 5px;}
.hejun-collection .slider-remote .bom-number .nei{ display: table-cell; vertical-align: middle;}
.hejun-collection .slider-remote .bom-number .nei .sum{ text-align: center;}
.hejun-collection .slider-remote .bom-number .nei .sum a{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 17px; font-weight: bold;} 
.hejun-collection .slider-remote .bom-number .nei .sum .lines{ display: inline-block; vertical-align: middle; width: 108px; height: 1px; background-color: #fff; position: relative;}
.hejun-collection .slider-remote .bom-number .nei .sum .lines .nline{ width: 25%; height: 5px; background-color: #C80000; position: absolute; left: 0; top: -2px;
	transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
}
.hejun-collection .slider-remote .bom-number .nei .sum a:hover{color: #C80000;}
.hejun-waper-tits{ position: absolute; left: 10%; font-size: 0;}
.hejun-waper-tits span,.hejun-waper-tits small, .hejun-waper-tits small font, .hejun-waper-tits small i, .hejun-waper-tits strong{ display: inline-block; vertical-align: middle;}
.hejun-waper-tits span,
.hejun-waper-tits small,
.hejun-waper-tits strong{
	opacity: 0;
	transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
	-moz-transform: translateX(-150px);
}
.hejun-waper-tits span{ margin-right: 50px;
	transition: .6s ease 0.4s;
	-webkit-transition: .6s ease 0.4s;
	-moz-transition: .6s ease 0.4s;
}
.hejun-waper-tits small{ margin-right: 30px;
	transition: .6s ease 0.2s;
	-webkit-transition: .6s ease 0.2s;
	-moz-transition: .6s ease 0.2s;
}
.hejun-waper-tits small font{ font-size: 14px; font-family:'HelveticaNeue'; color: #000; letter-spacing: 1px;}
.hejun-waper-tits small a,
.hejun-waper-tits small font a{ font-size: 14px;}
.hejun-waper-tits small i{ display: inline-block; width: 35px; height: 1px; background-color: #000; margin: 0 10px;}
.hejun-waper-tits strong{ position: relative; width: 48px; height: 48px; border-radius: 50%; text-align: center; line-height: 48px;
	transition: .6s ease 0s;
	-webkit-transition: .6s ease 0s;
	-moz-transition: .6s ease 0s;
}
.hejun-waper-tits strong:before{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%;
	background-color: rgba(0,0,0,0.1);
	opacity: 0;
	transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-moz-transform: scale(0.5,0.5);
}
.hejun-waper-tits strong:after{ position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #000; border-radius: 50%; opacity: 1;}
.hejun-waper-tits strong:after,
.hejun-waper-tits strong:before{
	transition: all .5s ease-in-out 0s;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
}
.hejun-waper-tits strong:hover:before{
  opacity: 1;
  transform: scale(1.0,1.0);
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  transition: all .5s ease-in-out .1s;
  -webkit-transition: all .5s ease-in-out .1s;
  -moz-transition: all .5s ease-in-out .1s;
}
.hejun-waper-tits strong:hover:after{
	opacity: 0;
	transform: scale(1.6,1.6);
	-webkit-transform: scale(1.6,1.6);
	-moz-transform: scale(1.6,1.6);
	transition: all .5s ease-in-out 0s;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
}
.hejun-waper-tits3,
.hejun-waper-tits2{ margin-top: 4%;}
.hejun-waper-tits3 small font,
.hejun-waper-tits2 small font{ color: #fff;}
.hejun-waper-tits3 small i,
.hejun-waper-tits2 small i{ background-color: #fff;}
.hejun-waper-tits2 a{ color: #fff;}
.hejun-waper-tits3 strong:before,
.hejun-waper-tits3 strong:after,
.hejun-waper-tits2 strong:after,
.hejun-waper-tits2 strong:before{ border-color: #fff;}
.hejun-waper-tits3 strong:before,
.hejun-waper-tits2 strong:before{ background-color: rgba(255,255,255,0.1);}
.hejun-waper-tits3.active span,
.hejun-waper-tits3.active small,
.hejun-waper-tits3.active strong{
	opacity: 1;
	transform: translateX(0px);	
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
}
.hejun-waper-tits2.active span,
.hejun-waper-tits2.active small,
.hejun-waper-tits2.active strong{
	opacity: 1;
	transform: translateX(0px);	
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
}
.hejun-waper-tits33.active span,
.hejun-waper-tits33.active small,
.hejun-waper-tits33.active strong{
	opacity: 1;
	transform: translateX(0px);	
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
}
.hejun-waper-tits1.active span,
.hejun-waper-tits1.active small,
.hejun-waper-tits1.active strong{
	opacity: 1;
	transform: translateX(0px);	
	-webkit-transform: translateX(0px);	
	-moz-transform: translateX(0px);	
}
.hejun-newsList{ position: relative; width: 100%; padding: 90px 0 90px;}
.hejun-newsList .centerbox{ width: 80% !important; margin: 0 auto; display: table; padding-top: 100px;font-size: 0;}
.hejun-newsList .lft-news{ width: 450px;display: inline-block;vertical-align: middle;
	opacity: 0;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s;
	-moz-transition: all .8s ease-out 0s;
}
.hejun-newsList .lft-news.active{
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.hejun-newsList .lft-news .topYear{ width: 100%; padding-bottom: 0px; /*background-color: #C80000;*/}
.topYear .swiper-slide p{background: #1c1731;color: white;height: 48px;line-height: 48px;text-align: left;font-size: 18px;box-sizing: border-box;padding: 0 30px;}
.hejun-newsList .lft-news ul{ width: 100%; font-size: 0; position: relative;}
.hejun-newsList .bomtext{display: none;}
.hejun-newsList .lft-news ul li{ display: inline-block; vertical-align: top; margin: -55px 0 0 30px;}
.hejun-newsList .lft-news ul li.bigs{ position: absolute; right: -53px; bottom: -72px;display: none;}
.hejun-newsList .lft-news ul li img{}
.hejun-newsList .topYear h4{ margin: 10px 0 0 30px;}
.hejun-newsList .topYear h3{ margin: 27px 0 0 30px;}
.hejun-newsList .bomtext{ margin-top: 30px;}
.hejun-newsList .bomtext span{ display: inline-block; vertical-align: middle;}
.hejun-newsList .bomtext font{ display: inline-block; vertical-align: middle; color: #000; padding-left: 8px;}
.hejun-newsList .bomtext h5{ padding-left: 25px; font-size: 14px; text-transform: capitalize; font-family: 'HelveticaNeue'; color: #000; letter-spacing: 2px;}
.hejun-newsList .rit-news{margin-top: 0; width: calc(100% - 450px);box-sizing: border-box;padding-left: 100px;display:inline-block;vertical-align: top;}
.hejun-newsList .rit-news article{ width: 100%; padding: 28px 0; width: 100%;
	opacity: 0;
	transform: translateX(300px);
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
}
.hejun-newsList .rit-news article:nth-of-type(1){
	transition: all .8s ease 0s; 
	-webkit-transition: all .8s ease 0s; 
	-moz-transition: all .8s ease 0s; 
	padding-top: 5px;
}
.hejun-newsList .rit-news article:nth-of-type(2){
	transition: all .8s ease .2s; 
	-webkit-transition: all .8s ease .2s;
	-moz-transition: all .8s ease .2s;
}
.hejun-newsList .rit-news.active article{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.hejun-newsList .rit-news article time{ margin-left: 0;}
.hejun-newsList .rit-news article time img{ display: none; vertical-align: middle;}
.hejun-newsList .rit-news article time font{ display: inline-block; vertical-align: middle; padding-left: 0px; font-size: 14px; font-family: 'HelveticaNeue'; color: #000;}
.hejun-newsList .rit-news article h3{ margin:15px 0 17px 0; font-size: 0;}
.hejun-newsList .rit-news article h3 i{ display: inline-block; width: 0px; height: 1px; background-color: #000; vertical-align: middle; }
.hejun-newsList .rit-news article h3 a{ display: inline-block; font-size: 24px; color: #000; vertical-align: middle;}
.hejun-newsList .rit-news article h3 a h5{ font-size: 18px;}
.hejun-newsList .rit-news article p{ font-size: 12px; color: #737373; line-height: 2; margin-left: 0px;text-overflow:-o--ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}
.hejun-newsList .rit-news article h3:hover i{ width: 30px;margin-right: 10px;}
.hejun-newsList .rit-news .more{ padding-top: 20px;
	opacity: 0;
	transform: translateX(300px);
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	transition: all .8s ease .4s; 
	-webkit-transition: all .8s ease .4s; 
	-moz-transition: all .8s ease .4s; 
}
.hejun-newsList .rit-news.active .more{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.hejun-newsList .rit-news .more font{ display: inline-block; width: 0px; overflow: hidden; vertical-align: middle; }
.hejun-newsList .rit-news article h3 i,
.hejun-newsList .rit-news .more font{
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;	
}
.hejun-newsList .rit-news .more i{ display: inline-block; width: 38px;}
.hejun-newsList .rit-news .more:hover font{ width: 40px;margin-right: 10px;}
.hejun-about{ position: relative; width: 100%; height:690px !important; z-index: 2;}
.hejun-about .videobox{ position: absolute; left: 0; height: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.hejun-about .videobox .videbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/img50.png) repeat; z-index: 1;}
#video-bgs{ position: absolute; top: 0; min-width: 100%;width: 100% !important;height: auto !important; object-fit: cover; object-position: center;}
.hejun-about .example{ position: absolute; width: calc(1170px - 72px); left: 50%; margin-left: -500px; bottom: 10%;}
.hejun-about .example ul{ font-size: 0;}
.hejun-about .example li{ display: inline-block; vertical-align: middle; width: 16.66%; text-align: left;
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
}
.hejun-about .example.active li{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}
.hejun-about .example li:nth-of-type(1){
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
}
.hejun-about .example li:nth-of-type(2){
	transition: all 0.5s ease-out .3s;
	-webkit-transition: all 0.5s ease-out .3s;
	-moz-transition: all 0.5s ease-out .3s;
}
.hejun-about .example li:nth-of-type(3){
	transition: all 0.5s ease-out .6s;
	-webkit-transition: all 0.5s ease-out .6s;
	-moz-transition: all 0.5s ease-out .6s;
}
.hejun-about .example li:nth-of-type(4){
	transition: all 0.5s ease-out .9s;
	-webkit-transition: all 0.5s ease-out .9s;
	-moz-transition: all 0.5s ease-out .9s;
}
.hejun-about .example li:nth-of-type(5){
	transition: all 0.5s ease-out 1.2s;
	-webkit-transition: all 0.5s ease-out 1.2s;
	-moz-transition: all 0.5s ease-out 1.2s;
}
.hejun-about .example li:nth-of-type(6){
	transition: all 0.5s ease-out 1.5s;
	-webkit-transition: all 0.5s ease-out 1.5s;
	-moz-transition: all 0.5s ease-out 1.5s;
}
.hejun-about .waperSlide{ width: 1170px; height: 290px; position: relative; left: 50%; top: 47%; margin-left: -585px; margin-top: -145px;
	opacity: 0;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}

.hejun-about .waperSlide.active{
	opacity: 1;
	transform: translateY(0px);		
	-webkit-transform: translateY(0px);		
	-moz-transform: translateY(0px);		
}
.hejun-about .slide-wrap{ width: 100%; position: relative;}
.hejun-about .slide-wrap li{ position: absolute; left: 0; top: 0;}

@media only screen and (min-width:1200px) {
	.hejun-about .slide-wrap li:nth-child(1) img{width: 910px;}
	.hejun-about .slide-wrap li:nth-child(2) img{width:1050px;}
	.hejun-about .slide-wrap li:nth-child(3) img{width: 890px;}
}

.hejun-about .slide-line{ position: absolute; left: 0; bottom: 0; font-size: 0;}
.hejun-about .slide-line i{ display: inline-block; margin: 0 5px; vertical-align: bottom; width: 3px; height: 12px; background-color: #D7D6D7; cursor: pointer;
	transition: all 300ms linear 0s;
	-webkit-transition: all 300ms linear 0s;
	-moz-transition: all 300ms linear 0s
}
.hejun-about .slide-line i.on{ height: 24px; background-color: #BB1B22;}
.hejun-morebox{ width: 590px; height: 64px; position: absolute; left: 50%; margin-left: -295px; bottom: -30px; text-align: center;display: none;
	opacity: 0;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.hejun-morebox.active{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}

.hejun-morebox a{ display: inline-block; margin: 0 auto; padding: 0 100px; height: 100%; background-color: #DBDBDB; text-align: center; line-height: 64px; font-size: 0;}
.hejun-morebox a i{ display: inline-block; width: 200px; height:1px; background-color: #777777; vertical-align: middle;}
.hejun-morebox a, .hejun-morebox a i{
	transition: all 0.4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}
.hejun-morebox a:hover{ padding: 0 140px;}
.hejun-morebox a:hover i{ width: 224px;}
.hejun-contact{ width: 100%; position: relative; background-color: #fff; padding-top: 80px;}
.hejun-contact .contentbox{ width: 80%; height: 440px; position: relative; margin: 0 auto; background-color: #C80000; z-index: 2; display: table;}
.hejun-contact .contentbox:before{ position: absolute; content: ''; top: -2.2%; left: 50%; margin-left: -1px; height: 50px; border-left: 1px solid #fff;}
.hejun-contact .contentbox:after{ position: absolute; content: ''; top: -50px; left: 50%; margin-left: -1px; height: 50px; border-left: 1px solid #C80000;}
.hejun-contact .sub-conts{ position: relative; width: 100%; height: 100%; z-index: 2; display: table;}
.hejun-contact .sub-conts:after{ position: absolute; content: ''; left: 2.5%; top: 7.5%; width: 95%; height: 85%; border: 1px solid #fff; z-index: -1;
	opacity: 0;
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
}
.hejun-contact .sub-conts .different{ position: absolute; top: 50%; width: 240px; height: 210px; margin-top: -105px; background-color: #303030; text-align: center; line-height: 210px;
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.hejun-contact .sub-conts .different.active{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.hejun-contact .bigbox{ float: left; width: 25%; height: 100%; display: table;}
.hejun-contact .sub-conText{ float: right; width: 75%; padding-top: 5.5%; box-sizing: border-box; -moz-box-sizing: border-box;
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.hejun-contact .sub-conts .sub-conText.active{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.hejun-contact .sub-conText h2{ font-size: 58px; font-weight: bold; color: #fff;}
.hejun-contact .sub-conText h3{ padding-top: 3px;}
.hejun-contact .sub-conText h3 img{ display: block; width: 74%;}
.hejun-contact .tel{ padding-top: 30px; font-size: 0;}
.hejun-contact .tel aside{ display: inline-block; vertical-align: middle;}
.hejun-contact .tel p{ font-size: 14px; color: #FFFFFF;}
.hejun-contact .tel .nubgs{ position: relative; width: 465px; height: 35px;}
.hejun-contact .tel .nubgs span{ display: inline-block; height: 35px; overflow: hidden; padding-top: 3px;}
.hejun-contact .tel .nubgs span i{ display: inline-block; width: 100%; height: 35px; font-size: 28px; font-family: 'HelveticaNeue';}
.hejun-contact .tel .nubgs .sp1{ color: #000; position: absolute; left: 0; top: 0; z-index: 1; display: none;}
.hejun-contact .tel .nubgs .sp2{ width: 100%; color: #fff; position: absolute; left: 0; top: 0; z-index: 2;}
.hejun-contact .tel .nubgs:hover .sp2{ width: 100%;}
.hejun-contact .tel .QQuser{ display: inline-block; vertical-align: middle; padding-left: 40px; font-size: 0;}
.hejun-contact .tel .QQuser font{ display: inline-block; vertical-align: bottom; width: 62px; height: 46px; position: relative;}
.hejun-contact .tel .QQuser font em{ position: absolute; left: 0; top: 0; z-index: 1;}
.hejun-contact .tel .QQuser font i{ position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;}
.hejun-contact .tel .QQuser a{ display: inline-block; vertical-align: middle; width: 95px; height: 24px; background-color: #000000; color: #C80000; font-size: 13px; text-align: center; line-height: 24px; border-radius: 15px;}
.hejun-contact .countacti{ padding-top: 40px;}
.hejun-contact .countacti a font{ display: inline-block; vertical-align: middle; font-size: 14px; font-family: 'HelveticaNeue'; color: #fff; letter-spacing: 1px;}
.hejun-contact .countacti a small{ display: inline-block; width: 40px; height: 1px; vertical-align: middle; background-color: #fff; margin-left: 10px;}
.hejun-contact .bookmarks{ position: absolute; right: 80px; top: 70px;
	opacity: 0;
	transition: all 1s ease .4s; 
	-webkit-transition: all 1s ease .4s; 
	-moz-transition: all 1s ease .4s; 
}
.hejun-contact .bookmarks.active{
	opacity: 1;
}
.hejun-contact .countacti a small,
.hejun-contact .tel .QQuser font em,
.hejun-contact .tel .QQuser a,
.hejun-contact .tel .QQuser font i,
.hejun-contact .tel .nubgs .sp2{
	transition: all 0.6s ease-in-out 0s;
	-webkit-transition: all 0.6s ease-in-out 0s;
	-moz-transition: all 0.6s ease-in-out 0s;
}
.hejun-contact .contentbox:before,
.hejun-contact .contentbox:after,
.hejun-contact .sub-conts:after{
	transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
}
.hejun-contact .sub-conts:hover:after{
	opacity: 1;
	transform: scale(1.0,1.0);
	-webkit-transform: scale(1.0,1.0);
	-moz-transform: scale(1.0,1.0);
	display: none;
}
.hejun-contact .countacti a:hover small{ width: 80px;}
.hejun-contact .tel .QQuser:hover em{ opacity: 0;}
.hejun-contact .tel .QQuser:hover i{ opacity: 1;}
.hejun-contact .tel .QQuser:hover a{ background-color: #fff;}
.goYx{width: 80%; margin: 30px auto 0;padding: 40px 95px;background: #C91200;box-sizing: border-box;display: none;}
.goYx h2{color: #fff;font-size: 58px;line-height: 70px;font-weight: bold;}
.goYx p img{display: inline-block;vertical-align: middle;}
.goYx p img:last-child{float: right;}
footer{padding-bottom: 0;bottom: 0;transition: all 0.4s ease-out;}
.liBottom{height: 1px;z-index: -1;position: relative;margin-bottom: 1px;bottom: 10px;}
.liBottom.active+footer{bottom: 0 !important;}
.liBottom.active+footer .goYx{transform: rotateX(0) translate3d(0,0,0);}
footer{perspective: 800px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}
.goYx{transform: rotateX(-90deg) translate3d(0,0,0);transition: all 0.5s ease-in-out 0.4s;transform-origin: 50% 100%;}

.hejun-body-box{padding-bottom: 40px;}
.index_case_swiper .swiper-slide span {display: block;overflow: hidden;}

.hejun-collection{height: auto !important;padding-bottom: 0px;}
.hejun-collection .hejun-collumns{width: 100%;height: auto !important;margin: 0;padding-bottom: 90px}
.index_case_swiper{}
		
.topYear .swiper-button-next{background: url(../image/you11_03.png) no-repeat center center;width: 25px;height: 25px;top: auto;bottom: 11px;right: 20px;}
.topYear .swiper-button-prev{background: url(../image/zuo11_03.png) no-repeat center center;width: 25px;height: 25px;top: auto;bottom: 11px;left:auto;right: 55px;}
.hejun-newsList .lft-news{width: 500px;}
.hejun-newsList .rit-news{width: calc(100% - 500px);padding-right: 60px;padding-top: 0;position: relative;}
.hejun-newsList .rit-news:before{content: '';display: block;width: calc(100% + 152px);background: url(../image/dc_03.png) no-repeat right center;position: absolute;top: 0;left: 0;
background-attachment: fixed;background-position-x: 95%;height: 100%;}
.topYear img{width: 100%;}
.hejun-newsList .rit-news article h3 a{font-weight: bold;}
.hejun-newsList .rit-news article h3{margin: 5px 0 5px;}
.hejun-newsList .rit-news article{padding: 0;margin-top: 35px}
.hejun-newsList .centerbox{display: block;}
.hejun-newsList{background:#eee;}
.hejun-newsList .centerbox{position: relative;}
.hejun-newsList .centerbox:before{content: '';display:block;width: 3000px;height: 100%;position: absolute;background: white;left: 460px;top: 45px;}
.hejun-waper-tits{z-index: 3;}
.xin_news{font-size: 0;margin-top:55px;position: relative;z-index: 2;}
.xin_news_left{display: inline-block;vertical-align: top;width: 50%;}
.xin_news_left h3{font-size: 14px;font-weight: bold;font-family: verdana;color: #000;margin-bottom: 10px}
.xin_news_left p{font-size:12px;color: #666;line-height: 25px;}
.xin_news_left p a{font-size:12px;color: #666;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block}
.hejun-newsList .rit-news article{position: relative;z-index: 2;}
.hejun-newsList .rit-news article h3 a{display: inline-block;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xin_news_more{position: relative;z-index: 2;margin-top: 45px;}
.hejun-newsList .rit-news article time font{font-weight: bold}
.hejun-newsList .rit-news article{margin-top: 45px;}
.hejun-newsList .rit-news article:first-child{margin-top: 0;}
.hejun-contact .contentbox{background: url(../image/dg_03.jpg) no-repeat center center;background-size: cover;}
.hejun-contact .sub-conts .different{background-color: #201455;}
.hejun-contact .sub-conText h2{font-size: 48px;}
.hejun-contact .sub-conText h3{font-size: 36px;color: white;}
.hejun-contact .contentbox:after,.hejun-contact .contentbox:before{display: none;}
.hejun-contact .tel .QQuser font{vertical-align: top;line-height: 1;height: auto;width: 43px;margin-top: -5px;}
.hejun-contact .tel .QQuser a,.hejun-contact .tel .QQuser:hover a{background: white;color:#1c1731;}
.zhibu{position: relative;}
.zhibu_span{position: absolute;left:90px;top: 30px;opacity: 0;transition: 0.3s ease-out;transform: scale(0);}
.zhibu_span img{width: 80px;}
.zhibu:hover .zhibu_span{opacity: 1;transform: scale(1);}
.hejun-contact .contentbox{width: 80% !important;}
.xin_news>div,.xin_news_more{opacity: 0;transform: translateX(300px);-webkit-transform: translateX(300px);-moz-transform: translateX(300px);}
.xin_news>div:nth-child(1){transition:  all .8s ease .3s;}
.xin_news>div:nth-child(2){transition:  all .8s ease .4s;}
.xin_news_more{transition:  all .8s ease .5s;}
.hejun-newsList .rit-news.active .xin_news>div,.hejun-newsList .rit-news.active .xin_news_more{transform: translateX(0);opacity: 1}
.hejun-newsList .centerbox{margin-top: 50px;}
.hejun-newsList{padding: 90px 0 120px;}








.text_index{font-size: 0;text-align: center;}
.text_index p{text-align: center;display: inline-block;font-size: 0;vertical-align: top;line-height: 26px;}
.text_index p span{font-size: 26px;transition: 0.4s ease-out;display: inline-block;font-weight: bold !important;text-align: center;}
.text_index p span.active{transform: scale(1.5) translateY(-8px);padding: 0 5px;}
.text_index p span.active1{transform: scale(1.2) translateY(-4px);padding: 0 5px;}
.text_index .text_index_p3 span{font-weight: 200;}

.xin_con1_img{text-align: center;margin-bottom: 80px;position: relative;}
.xin_con1_img span{display: inline-block;position: relative;transform-style: preserve-3d;perspective: 1200px;}
.xin_con1_img span>img{transform: rotateX(80deg);opacity: 0;transition: 0.8s ease-out 0.8s;transform-origin: 50% 100%;}
.xin_con1_img_font1{position: absolute;display: inline-block;top: 0;left: 162px;height: 0;overflow: hidden;transition: 0.8s ease-out 1.1s;}
.xin_con1_img.active .xin_con1_img_font1{height: 384px;}
.xin_con1_img.active span>img{transform:rotateX(0deg);opacity: 1;}

.xin_con1_img_font2{position: absolute;top: 50%;transform: translateY(-50%);left: -160px;}
.xin_con1_img_font2 img{transform: translateX(-150px);opacity: 0;transition: 0.8s ease-out 0.5s;}
.xin_con1_img_font2 img:nth-child(2){transition: 0.8s ease-out 0.4s;}
.xin_con1_img.active .xin_con1_img_font2 img{opacity: 1;transform: translateX(0);}
.xin_con1_img_font2:after{content: '';display: inline-block;vertical-align: middle;width: 40px;height: 1px;background: #241d43;margin-left: 30px;margin-top: -2px;
transform:translateX(-150px) scaleX(0);transition: 0.8s ease-out 0.3s;opacity: 0;}
.xin_con1_img.active .xin_con1_img_font2:after{transform:translateX(0px) scaleX(1);opacity: 1;}


.text_index p{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out 0.1s;}
.text_index p:nth-child(2){transition: 0.8s ease-out 0.2s;}
.text_index p:nth-child(3){transition: 0.8s ease-out 0.3s;}
.text_index p:nth-child(4){transition: 0.8s ease-out 0.4s;}
.text_index p:nth-child(5){transition: 0.8s ease-out 0.5s;}
.text_index p:nth-child(6){transition: 0.8s ease-out 0.6s;}
.text_index p:nth-child(7){transition: 0.8s ease-out 0.7s;}
.text_index p:nth-child(8){transition: 0.8s ease-out 0.8s;}
.text_index p:nth-child(9){transition: 0.8s ease-out 0.9s;}
.text_index p:nth-child(10){transition: 0.8s ease-out 1s;}
.text_index p:nth-child(11){transition: 0.8s ease-out 1.1s;}
.text_index p:nth-child(12){transition: 0.8s ease-out 1.2s;}
.text_index p:nth-child(13){transition: 0.8s ease-out 1.3s;}
.text_index p:nth-child(14){transition: 0.8s ease-out 1.4s;}
.text_index p:nth-child(15){transition: 0.8s ease-out 1.5s;}
.text_index p:nth-child(16){transition: 0.8s ease-out 1.6s;}
.text_index p:nth-child(17){transition: 0.8s ease-out 1.7s;}
.text_index p:nth-child(18){transition: 0.8s ease-out 1.8s;}
.text_index p:nth-child(19){transition: 0.8s ease-out 1.9s;}
.text_index p:nth-child(20){transition: 0.8s ease-out 2s;}
.text_index p:nth-child(21){transition: 0.8s ease-out 2.1s;}
.text_index.active p{transform: translateY(0);opacity: 1;}


.xin_con1{background: url(../image/qian1_03.png) no-repeat left center;background-position-x: 95%;background-attachment: fixed;}
.index_logo{width: 1120px;margin: 50px auto 0;padding: 0;}
.index_logo ul{font-size: 0;padding: 0;}
.index_logo ul li{display: inline-block;vertical-align: top;width: 14.2%;text-align: center;line-height: 100px;position: relative;transform: translateY(200px);
opacity: 0;transition: 0.8s ease-out .2s;}
.index_logo ul li:nth-child(2){transition: 0.8s ease-out .4s;}
.index_logo ul li:nth-child(3){transition: 0.8s ease-out .6s;}
.index_logo ul li:nth-child(4){transition: 0.8s ease-out .8s;}
.index_logo ul li:nth-child(5){transition: 0.8s ease-out 1s;}
.index_logo ul li:nth-child(6){transition: 0.8s ease-out 1.2s;}
.index_logo ul li:nth-child(7){transition: 0.8s ease-out 1.4s;}
.index_logo.active ul li{transform: translateY(0);opacity: 1;}
.index_logo ul li img{max-width: 100%;vertical-align: middle;}
.index_logo ul li:after{position: absolute;width: 0%;height: 1px;top: 0;left: 0;background: #241d43;content: '';opacity: 0.3;transition: 0.3s ease-out;}
.index_logo ul li:before{position: absolute;width: 1px;height: 0%;top: 0;right: 0;background: #241d43;content: '';opacity: 0.3;transition: 0.3s ease-out;}
.index_logo ul li:hover:after{width: 100%;}
.index_logo ul li:hover:before{height: 100%;}
.index_logo ul li span:after{position: absolute;width: 0%;height: 1px;bottom: 0;left: 0;background: #241d43;content: '';opacity: 0.3;transition: 0.3s ease-out;}
.index_logo ul li span:before{position: absolute;width: 1px;height: 0%;bottom: 0;left: 0;background: #241d43;content: '';opacity: 0.3;transition: 0.3s ease-out;}
.index_logo ul li:hover span:after{width: 100%;}
.index_logo ul li:hover span:before{height: 100%;}



.xin_con2{background: url(../image/chuxin_03.png) no-repeat left center;background-position-x: 95%;background-attachment: fixed;}
.xin_div{width: 80%;margin: 0 auto;}
.xin_con2_u1{font-size: 0;margin-top: 65px;}
.xin_con2_u1 li{display: inline-block;vertical-align: top;width: 49.5%;margin-right: 1%;text-align: center;position: relative;margin-top: 10px;}
.xin_con2_u1 li:nth-child(2n){margin-right: 0;}
.xin_con2_u1 li span{display: block;background: #241d43;height: 205px;width: 100%;}
.xin_con2_u1_div{top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;position: absolute;}
.xin_con2_u1 li p{color: white;font-weight: bold;font-size: 30px;margin-top: 5px;}


.index_case_swiper .swiper-slide span {display: block;overflow: hidden;}
.index_case_swiper .swiper-slide span img{width: 100%;display: block;}
.index_case_swiper{position: relative;}
.index_case_swiper_list{position: absolute;bottom: 10%;width: 100%;z-index: 2;}
.index_case_swiper_list1{width: 73%;margin: 0 auto;box-sizing: border-box;padding-right: 3%;text-align: right;}
.swper_ss{display: inline-block;vertical-align: top;width: 305px;text-align: left;}
.index_case_swiper:after{position: absolute;width: calc(13.5%);height: 100%;background: rgba(0,0,0,.6);top: 0;left: 0;z-index: 2;
content: '';}
.index_case_swiper:before{position: absolute;width: calc(13.5%);height: 100%;background: rgba(0,0,0,.6);top: 0;right: 0;z-index: 2;
content: '';}
.swper_ss_u1{position: relative;height: 200px;background:#212020;}
.swper_ss_u1 li{height: 200px;text-align: center;background: #212020;padding: 30px;box-sizing: border-box;list-style: none;padding-top: 15px;
position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transform-style: preserve-3d;perspective: 800px;}
.swper_ss_u1 li.active{opacity: 1;}
.swper_ss_u1 li div{text-align: right;margin-top:10px;}
.swper_ss_u1 li h1{color: white;font-size: 14px;font-weight: bold;transform: translateX(-100px);transition: 1.2s ease .1s;opacity:0;}
.swper_ss_u1 li font{font-size: 12px;color: rgba(250,250,250,.5);display: block;margin-top: 5px;transform: translateX(-100px);transition: 1.2s ease .2s;
opacity: 0;}
.swper_ss_u1 li span{display: block;transform-style: preserve-3d;perspective: 800px;}
.swper_ss_u1 li img{max-width: 100%;transform: rotateX(-45deg);transform-origin: 50% 100%;display: block;margin: 0 auto;opacity: 0;
transition: 1.4s ease .2s;}
.swper_ss_u1 li.active img{transform: rotateX(0);opacity: 1;}
.swper_ss_u1 li.active h1,.swper_ss_u1 li.active font{transform: translateX(0);opacity: 1;}
.swper_ss_div{position: relative;background: rgba(40,40,40,.9);font-size: 0;}
.swper_ss_div_left{display: inline-block;vertical-align: middle;width: 148px;text-align: center;}
/*.swper_ss_div_left .swiper-pagination{position: static;color: white;font-size: 14px;}
.swper_ss_div_left .swiper-pagination span{color: white;}*/
.swper_ss_div{padding:35px 30px;box-sizing: border-box;}
.index_case_swiper .swiper-pagination{display: none;}
.yema{position: static;color: white;font-size: 12px;text-align: center;}
.yema span,.yema font{display: inline-block;vertical-align: top;font-size: 14px;color: white;margin:0 5px;}
.yema_u1{list-style: none;padding: 0;font-size: 0;margin-top: 20px;position: relative;}
.yema_u1 li{height: 1px;background: white;display: inline-block;vertical-align: top;} 
.yema_u1_line{display: block;width: 15px;height: 5px;background:#c80000;position: absolute;top: -2px;left: 0;z-index: 2;
transition: 0.3s ease-in-out;}
.swper_ss_div_right .swiper-button-next,.swper_ss_div_right .swiper-button-prev{width: 40px;height: 40px;background-color: #c80000;
display: inline-block;vertical-align: top;background-size: 16px;position:static;margin-top: 0;transition: 0.3s ease-out;}
.swper_ss_div_right{display: inline-block;vertical-align: top;font-size: 0;margin-left: 15px;}
/*.swper_ss_div_right .swiper-button-next{margin-left: 2px;background: url(../images/s_right_03.png) no-repeat center center #c80000;}
.swper_ss_div_right .swiper-button-prev{background: url(../images/s_left_03.png) no-repeat center center #c80000;}*/
/*.swper_ss_div_right .swiper-button-next:hover,.swper_ss_div_right .swiper-button-prev:hover{border-radius: 50%;background-color: #c80000;
background-size: 12px;}
*/

.index_case_swiper:before,.index_case_swiper:after{display: none;}
.index_case_swiper_list1{width: 100%;}
.swper_ss{width: 100%;right: auto;left: 25px;}
.index_case_swiper_list{bottom: 25px;}
.swper_ss_div{background: transparent;}
.swper_ss_div_left{width: auto;}
.yema_u1{width: 125px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.yema span, .yema font{font-family: arial;}
.swper_ss_div_right{margin-left: 0;margin-right: 25px;}
.swper_ss_div_right .swiper-button-next{margin-left: 2px;background-size: 12px;background-color: #fff;width: 48px;height: 48px;}
.swper_ss_div_right .swiper-button-prev{background-size: 12px;background-color: #fff;width: 48px;height: 48px;}
.swper_ss_div_right .swiper-button-next:hover,.swper_ss_div_right .swiper-button-prev:hover{border-radius: 50%;background-color: #fff;
background-size: 12px;}
.swper_ss_div{padding: 0;left: 25px;}
.swper_ss_div_left{margin-top: 16px;}
.xin_con3{margin-top: 90px;background: url(../image/tuicheng_03.png) no-repeat left center;background-position-x: 95%;background-attachment: fixed;padding-bottom: 15px;}

.xin_con3_list{position: absolute;bottom:25px;width: 335px;text-align: right;z-index: 3;height:85px;right: 0;}
.xin_con3_list_u1{position: relative;}
.xin_con3_list_u1:after{content: '';display: block;width: 1000px;height: 121px;position: absolute;right: 0;top: 0;background: rgba(36,29,67,.95);}
.xin_con3_list_u1 li{position: absolute;top: 0;width: 100%;opacity: 0;z-index: 1;padding: 35px 30px 0;box-sizing: border-box;}
.xin_con3_list_u1 li.active{z-index: 2;opacity: 1;}
.index_case_swiper .swiper-slide span img{min-height: 360px;}
.xin_con3_list_u1 li p{color: white;font-size: 12px;margin-top: 25px;}
.xin_con3_list_u1 li p i{display: inline-block;transform: translateX(-30px);opacity: 0;transition: 0.8s ease-out;}
.xin_con3_list_u1 li p font:before{content: '';display: inline-block;vertical-align: middle;width: 35px;height: 1px;background: white;margin: 0 8px;}
.xin_con3_list_u1 li img{opacity: 0;transition: 0.8s ease-out;transform: translateY(-50px);}
.xin_con3_list_u1 li.active img{opacity: 1;transform: translateY(0px);}
.xin_con3_list_u1 li p font{display: inline-block;transform: translateX(30px);opacity: 0;transition: 0.8s ease-out;}
.xin_con3_list_u1 li.active p font,.xin_con3_list_u1 li.active p i{opacity: 1;transform: translateX(0px);}



.xin_con4_u1{font-size: 0;}
.xin_con4_u1 li{display: inline-block;vertical-align: top;}
.xin_con4_u1 li span{display: block;overflow: hidden;}
.xin_con4_u1 li span img{width: auto;width: 100%;transition: 0.3s ease-out;}

.xin_con4_li1{width: 66.65%;}
.xin_con4_li2{width: 33.35%;margin-left: 0%;}
.xin_con4_li2_span{margin-top: 0%;}
.xin_con4_li3{width: 33.3333%;margin-top: 0%;}
.xin_con4_li4{width: 33.3333%;margin: 0 0%;margin-top: 0%;}
.xin_con4_li5{width: 33.3333%;margin-top: 0%;}
.xin_con4_p{display: block;text-align: right;font-size: 13px;font-family: "times new roman";color: #1c1731;margin-top: 40px;}
.xin_con4{padding:0;background: url(../image/tuicheng_03.png) no-repeat left center #eeeeee;background-position-x: 95%;background-attachment: fixed;}
.hejun-contact{background: url(../image/ql_03.png) no-repeat left center #fff;background-position-x: 95%;background-attachment: fixed;}




.xin_con1_img span{position: relative;height: 395px;}
/*.xin_con1_img span{height: 395px;overflow: hidden;}


.xin_con1_img span:after {
    position: absolute;
    left: 100px;
    top: 100px;
    width: 50px;
    height: 50px;
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(0,0,0,.2);
    content: '';
    opacity: 1;
    -webkit-transform: scale3d(.5,.5,1);
    transform: scale3d(.5,.5,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.xin_con1_img span:after{
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    transition: all .5s,transform .5s;
}
.xin_con1_img span:hover:after {
    opacity: 1;
    -webkit-transform: scale3d(5,5,5);
    transform: scale3d(5,5,5);
    box-shadow: 0 0 0 900px rgba(0,0,0,0);
}*/

.cd-main-content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  /* vertically align its content */
  display: table;
  background-color: #e4dcca;
}
.cd-main-content .center {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* -------------------------------- 

Modal window 

-------------------------------- */
.cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #402f44;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: opacity 0.5s 0s, visibility 0s 0.5s;
  transition: opacity 0.5s 0s, visibility 0s 0.5s;
}
.cd-modal .modal-content {
  height: 100%;
  overflow-y: auto;
  padding: 3em 5%;
  color: #e4dcca;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-modal h1 {
  text-align: center;
}
.cd-modal h1::after {
  /* ink/brush separation */
  content: '';
  display: block;
  width: 130px;
  height: 18px;
  margin: .2em auto 0;
}
.cd-modal p {
  line-height: 1.6;
  margin: 2em auto;
  max-width: 800px;
}
.cd-modal .modal-close {
  /* 'X' icon */
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 5%;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
  -moz-transition: -moz-transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
  transition: transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
}
.no-touch .cd-modal .modal-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.cd-modal.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.9s, visibility 0s;
  -moz-transition: opacity 0.9s, visibility 0s;
  transition: opacity 0.9s, visibility 0s;
}
.cd-modal.visible .modal-content {
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
}
.cd-modal.visible .modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
  -moz-transition: -moz-transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
  transition: transform 0.8s 0s, visibility 0s 0.8s, opacity 0.8s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media only screen and (min-width: 1100px) {
  .cd-modal .modal-content {
    padding: 6em 5%;
  }
  .cd-modal .modal-close {
    height: 60px;
    width: 60px;
  }
  .cd-modal p {
    font-size: 2rem;
  }
}



.xin_con3_list_u1:after{display: none;}
.text1,.text2,.text3 {visibility:hidden;}
.text1,.text2,.text3 {color:#000;text-shadow:0.025em 0.025em 0.025em rgba(32, 20, 85, 0.2);font-weight: bold;font-size: 26px;text-align: center;}
.inx_ss{text-align: center;margin-top: 180px;}
.text1 .word1 span:nth-child(7),.text1 .word1 span:nth-child(8),.text1 .word1 span:nth-child(9),.text1 .word1 span:nth-child(10),
.text1 .word1 span:nth-child(11),.text1 .word1 span:nth-child(12),.text1 .word1 span:nth-child(13),.text1 .word1 span:nth-child(14),
.text1 .word1 span:nth-child(15),.text1 .word1 span:nth-child(16),.text1 .word1 span:nth-child(17),.text1 .word1 span:nth-child(18),
.text1 .word1 span:nth-child(19),.text1 .word1 span:nth-child(20),
.text2 .word1 span:nth-child(23),.text2 .word1 span:nth-child(24),.text2 .word1 span:nth-child(25),.text2 .word1 span:nth-child(26),
.text2 .word1 span:nth-child(35),.text2 .word1 span:nth-child(36),.text2 .word1 span:nth-child(37),.text2 .word1 span:nth-child(38),
.text2 .word1 span:nth-child(40),.text2 .word1 span:nth-child(41),.text2 .word1 span:nth-child(42),.text2 .word1 span:nth-child(43),
.text3 .word1 span:nth-child(6),.text3 .word1 span:nth-child(7),.text3 .word1 span:nth-child(8),.text3 .word1 span:nth-child(9),.text3 .word1 span:nth-child(10),
.text3 .word1 span:nth-child(20),.text3 .word1 span:nth-child(21),.text3 .word1 span:nth-child(22),.text3 .word1 span:nth-child(23){color: #c40000;}

.xin_hellow{position: relative;}
.xin_hellow p{text-align: center;}
.xin_hellow p img:nth-child(1){transform: translateX(35px);position: relative;left: -200px;opacity: 0;transition: 1s ease-out .3s;}
.xin_hellow p img:nth-child(2){transform: translateX(-35px);position: relative;left: 200px;opacity: 0;transition: 1s ease-out .3s;}
.xin_con1.active .xin_hellow p img:nth-child(1),.xin_con1.active .xin_hellow p img:nth-child(2){left: 0;opacity: 1;}
.xin_con1_img span{overflow: hidden;position: absolute;top: -269px;transform: translateX(-40%);opacity: 0;right:0;}
.xin_con1.active .xin_con1_img span{opacity: 1;transition: 1s ease-out 1s;overflow: auto;}
.xin_con1{padding-top: 200px;}

.xin_con2{position: relative;margin-top: 0;}
.xin_con2:after{content: '';display:block;width: 100%;height: 100%;position: absolute;top: 0;left:0;background: url(../image/chuxin_03.png) no-repeat left center;
    background-position-x: 95%;z-index: 2;
    background-attachment: fixed;}
.xin_con2_u2{position: absolute;top: 0;left: 0;height: 366px;width: 100%;}
.xin_con2_u2 li{position: absolute;top: 0;width: 100%;height: 100%;opacity: 0;transition: 0.5s ease-out .2s;overflow: hidden;}
.xin_con2_u2 li img{width: 100%;height: 100%;}
.xin_con2_u2 li.active{opacity: 1;z-index: 2;}
.xin_con2_u3{font-size: 0;position: relative;z-index: 4;display: block;margin: 0 auto;max-width: 1200px;}
.xin_con2_u3 li{display: inline-block;vertical-align: top;line-height:170px;width: 14.2%;text-align: center;}
.xin_con2_u3 li img{max-width: 100%;}

.xin_con2_u4{font-size: 0;position: relative;z-index:4;margin-top: 16px;}
.xin_con2_u4 li{display: inline-block;vertical-align: top;width: 25%;background: #201455;text-align: center;}
.xin_con2_u4 li a{position: relative;display: block;padding: 40px 0;box-sizing: border-box;}
.xin_con2_u3_div2{position: absolute;width: calc(100% + 1px);top:0;height: 100%;box-sizing: border-box;padding: 20px 40px;text-align: left;color: white;z-index: 3;left: -1px;
opacity: 1;overflow: hidden;}
.xin_con2_u3_div2:before{content: '';display: block;width: 100%;height: 100%;top: -100%;background: #301f7d;z-index: 2;position: absolute;left: 0px;
transform: rotate(30deg);transition: 0.5s ease-in-out;opacity: 0;}

.xin_con2_u3_div2 p{font-family: serif;line-height: 27px;position: relative;z-index: 2;transform: translateX(50px);opacity: 0;}
.xin_con2_u3_div2 p:nth-child(1){transition: 0.5s ease-in-out .3s;}
.xin_con2_u3_div2 p:nth-child(2){transition: 0.5s ease-in-out .4s;}
.xin_con2_u3_div2 p:nth-child(3){transition: 0.5s ease-in-out .5s;}
.xin_con2_u3_div2 p:nth-child(4){transition: 0.5s ease-in-out .6s;}
.xin_con2_u3_div2 p:nth-child(5){transition: 0.5s ease-in-out .7s;}
.xin_con2_u3_div2 p:nth-child(6){transition: 0.5s ease-in-out .8s;}
.xin_con2_u3_div2 p:nth-child(7){transition: 0.5s ease-in-out .9s;}
.xin_con2_u3_div2 p span{display: inline-block;margin-right: 10px;}
.xin_con2_u3_div1{height: 100px;box-sizing: border-box;padding:25px 0;}
.xin_con2_u3_div1 h1{font-size: 24px;color: white;font-weight: bold;margin-bottom: 3px;}
.xin_con2_u4 li:hover .xin_con2_u3_div2 p{transform: translateX(0);opacity: 1;}
.xin_con2_u4 li:hover .xin_con2_u3_div2:before{transform: rotate(0deg);top: 0%;opacity: 1;}




.xin_con2_u4 li:hover .xin_con2_u3_div2{opacity: 1;}
.xin_con2_u4 li:hover .jia img{transform: rotate(180deg);opacity: 1;}
.jia{position: absolute;bottom: 33px;right: 30px;z-index: 4;color: white;display: inline-block;transition: 0.5s ease-out ;}
.jia img{transition: 0.5s ease-out ;opacity: 0;}
/*.jia:hover {cursor: pointer;transform: rotate(360deg);opacity: 1;}*/


.xin_con2_u4 li a:before{content: '';display: block;width: 1px;height: 100px;background: rgba(250,250,250,.2);position: absolute;right: 0;
top: 40px;}
.xin_con4_u1 li span{position: relative;}

.xin_con4_u1 li font{display: block;width: 100%;height: auto;position: absolute;z-index: 2;top:50%;left: 0;text-align: center;transform: translateY(-50%);}
/*.xin_con4_u1 li font:after{content: '';display: block;width: 1100px;height:1100px;background: red;position: absolute;
left:-30px;top: -400px;transition: all 0.8s ease-in-out;transform: translateX(-120%) rotate(30deg);}*/
    
  .xin_con4_u1 li font:after{
  	    content: '';
    position: absolute;
    top: -300px;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 2250px solid transparent;
    border-top: 2080px solid rgba(32,20,85,.5);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
  }  
  .xin_con4_u1 li span:hover font:after,.xin_con4_u1 .xin_con4_li5:hover font:after{
  	    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0); 
    transform: translateX(0); 
  }
/*.xin_con4_u1 li span:hover font:after{transform: translateX(0%) rotate(30deg);}*/
.xin_con4_u1 li font img{width: auto;position: relative;z-index: 2;max-width: 45%;}
.xin_con4_u1 li font i{ display: block;color: white;font-size: 16px;margin-top: 10px;transform: translateY(100px);transition: 0.5s ease-in-out .4s;opacity: 0;
position: relative;z-index: 2;}
.xin_con4_u1 li span:hover font i{transform: translateY(0);opacity: 1;}
.xin_con4_li5_div{position: absolute;top: 0;left: 0;width:100%;z-index: 5;text-align: center;top: 50%;transform: translateY(-50%);}
.xin_con4_li5_div i{display: block;font-size: 20px;color: white;margin-top: 15px;}
.xin_con4_u1 li{position: relative;}
.xin_con4_u1 li .xin_con4_li2_swiper font:after{border-right: 2250px solid transparent;border-top: 2380px solid rgba(255,225,58,.9);}
.xin_con4_u1 li .xin_con4_li2_swiper1 font:after{border-right: 1050px solid transparent;border-top: 1580px solid rgba(57,194,255,.9);}
.xin_con4_u1 li .xin_con4_li2_swiper2 font:after{border-right: 1050px solid transparent;border-top: 1580px solid rgba(21,175,0,.9);}
.xin_con4_u1 li .xin_con4_li2_swiper3 font:after{border-right: 1050px solid transparent;border-top: 1580px solid rgba(0,54,154,.8);}
.xin_con4_u1 li .xin_con4_li2_swiper4 font:after{border-right: 1050px solid transparent;border-top: 1580px solid rgba(228,0,0,.8);}
.xin_con4_u1 li .xin_con4_li2_swiper5 font:after{border-right: 2250px solid transparent;border-top: 2380px solid rgba(250,250,250,.8);}
.xin_con4_u1 li .xin_con4_li5_div_div{display: inline-block;line-height: 1;}
.xin_con4_u1 li .xin_con4_li5_div_div i{display: inline-block;vertical-align: top;width: 18px;height:18px;background: white;border-radius: 3px;margin-top: 5px;}
.xin_con4_u1 li .xin_con4_li5_div_div i:nth-child(2){position: relative;animation: rns 10s linear infinite;}
.xin_con4_li5 aside{display: block;text-align: center;position: absolute;bottom: 20px;width: 100%;z-index: 2;transition: 0.3s ease-out;}
.xin_con4_li5:hover aside{transform: translateY(-5px);}
.xin_con4_u1 .xin_con4_li3 .swiper-slide{width: 100% !important;}









.xin_con2_u3 li,.xin_con2_u4 li,.index_case_swiper,.xin_con4_u1 li{transform: translateY(200px);opacity: 0;}
.xin_con2_u3 li:nth-child(1){transition: 0.8s ease-out .2s;}
.xin_con2_u3 li:nth-child(2),.index_case_swiper{transition: 0.8s ease-out .3s;}
.xin_con2_u3 li:nth-child(3){transition: 0.8s ease-out .4s;}
.xin_con2_u3 li:nth-child(4){transition: 0.8s ease-out .5s;}
.xin_con2_u3 li:nth-child(5){transition: 0.8s ease-out .6s;}
.xin_con2_u3 li:nth-child(6){transition: 0.8s ease-out .7s;}
.xin_con2_u3 li:nth-child(7){transition: 0.8s ease-out .8s;}
.xin_con2_u3.active li,.xin_con2_u4.active li,.index_case_swiper.active,.xin_con4_u1.active li{transform: translateY(0);opacity: 1;}
.xin_con2_u4 li:nth-child(1){transition: 0.8s ease-out 1s;}
.xin_con2_u4 li:nth-child(2){transition: 0.8s ease-out 1.1s;}
.xin_con2_u4 li:nth-child(3){transition: 0.8s ease-out 1.2s;}
.xin_con2_u4 li:nth-child(4){transition: 0.8s ease-out 1.3s;}


.xin_con4_u1 li:nth-child(1){transition: 0.8s ease-out .6s;}
.xin_con4_u1 li:nth-child(2){transition: 0.8s ease-out .8s;}
.xin_con4_u1 li:nth-child(3){transition: 0.8s ease-out 1s;}
.xin_con4_u1 li:nth-child(4){transition: 0.8s ease-out 1.2s;}
.xin_con4_u1 li:nth-child(5){transition: 0.8s ease-out 1.4s;}




.xin_con2_u3_div1 span{font-size: 12px;color: white;font-family: 'HelveticaNeue';letter-spacing: 1px;}
.xin_con2_u3_div2 p{font-size: 14px;color: white;font-family: 'HelveticaNeue';}
.xin_con3 .hejun-waper-tits3{margin-top: -85px;}
.xin_con3{margin-top: 160px;}
.hejun-waper-tits3 small i, .hejun-waper-tits2 small i{background-color: #000;}
.hejun-waper-tits small a, .hejun-waper-tits small font a{color: #000 !important;}
.hejun-waper-tits3 strong:before, .hejun-waper-tits3 strong:after, .hejun-waper-tits2 strong:after, .hejun-waper-tits2 strong:before{border-color: #000;}





.xin_con2_u2{top: 200px;opacity: 0;transition: 1s ease-out;}
.xin_con2_u2.active{top: 0;opacity: 1;}
.index-waper-box .HelveticaNeue{font-size: 16px !important;font-family: arial;font-weight: bold;}
.scrollBar .banner ul li .imgTimes>article .banText span font{font-weight: bold;}
/*导航*/
.hejun-navBar .bar-logo svg.menu-svg{background-color:#fff;}
/*导航*/
.xin_con4_li5 aside img{max-width: 60%;}



.xin_con4_u1 .xin_con4_li1 .xin_con4_li1_span2 font:after{border-top-color:rgba(254,237,213,.9);}
.xin_con4_u1 .xin_con4_li2 .xin_con4_li2_swiper1 .xin_con4_li1_span2 font:after{border-top-color:rgba(230,59,0,.8);}
.xin_con4_u1 .xin_con4_li2 .xin_con4_li2_swiper2 .xin_con4_li1_span2 font:after{border-top-color:rgba(26,42,146,.9);}

.xin_con4_u1 .xin_con4_li3 .xin_con4_li2_swiper3 .xin_con4_li1_span2 font:after{border-top-color:rgba(250,250,250,.8);}
.xin_con4_u1 .xin_con4_li3 .xin_con4_li2_swiper4 .xin_con4_li1_span2 font:after{border-top-color:rgba(0,149,192,.8);}
.xin_con4_u1 .xin_con4_li4 .xin_con4_li1_span2 font:after{border-top-color:rgba(221,239,255,.9);}

.xin_con3_list_u1 li img{display: none;}
.index-back-box .sub-share .tels .cc2 img{transform: translateY(-2px);}



.myTop a,.myTop p,.GoTop{height: 60px;line-height: 60px;}







@media only screen and (min-width:2000px) {
	.scrollBar .banner ul li .imgTimes>article .banText span font{font-size: 18px}
}







@keyframes rns{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}

@media only screen and (max-width:1880px) {
	.hejun-contact .contentbox{height: 420px;}
	.xin_con1_img span{transform: translateX(-10%);}
}

@media only screen and (max-width:1660px) {
	.hejun-contact .contentbox{height: 400px;}
	.hejun-collection .collbgs {height: 186px !important;}
	.fw_swiper1_u1{padding-left: 150px;}
	.fw_swiper1_left{width: 80px;}
	.topYear .swiper-slide p{font-size: 16px}
	.hejun-contact .sub-conText h3{font-size: 30px;}
	.xin_hellow p img:nth-child(1){width: 380px;transform: translateX(25px);}
	.xin_hellow p img:nth-child(2){width:460px;transform: translateX(-25px);}
	.xin_con1_img span{top: -249px;}
	.text1, .text2, .text3{font-size: 20px;}
	.xin_con1.active .xin_con1_img span{transform: scale(0.8);}
	.scrollBar .banner ul li .imgTimes>article .banTops{transform: scale(0.8) translateX(0);transform-origin: 0% 50%;}
	.Tpiaochuan{transform: scale(0.85);}
	
	
	.hejun-waper-tits3 span img,.hejun-waper-tits1 span img{width: 70px;}
	.xin_con4_li5_div i{font-size: 16px;}
	.xin_news_left p{line-height: 20px;}
	.hejun-contact .sub-conts .different img{transform: scale(0.7);}
	.hejun-contact .sub-conts .different{width: 200px;height: 190px;line-height: 190px;margin-top: -100px;}
	.hejun-contact .bookmarks img{width: 50px;}
	.hejun-waper-tits strong img{width: 25px;}
	.zhibu_span{left: 65px;}
	.swper_ss_div_right .swiper-button-next,.swper_ss_div_right .swiper-button-prev{width: 40px;height: 40px;}
	.xin_con1_img span{right: 5%;}
	.inx_ss{margin-top: 150px;}

}
@media only screen and (max-width:1500px) {
	.fw_swiper1_u1_div2 a{margin-top: 75px;}
	.fw_swiper1_u1{height: 345px;}
	.hejun-newsList .rit-news{padding-top:0px;padding-left: 60px;padding-right: 30px;}
	.hejun-newsList .rit-news article{margin-top: 25px;}
	.xin_news,.xin_news_more{margin-top: 30px;}
	.hejun-contact .tel .nubgs span i{font-size: 20px;}
	.hejun-contact .tel .nubgs{width: 100%;}
	.hejun-newsList .lft-news{width: 400px;}
	.hejun-newsList .rit-news{width: calc(100% - 500px);}
	.hejun-newsList .centerbox:before{left: 348px;}
	.hejun-newsList .rit-news:before{width: calc(100% + 188px);}
	.topYear .swiper-slide p{font-size: 14px;}
	.scrollBar .banner ul li .imgTimes>article .banText span font{font-size: 16px}
	.xin_con2_u3 li img{zoom: 0.9}
	.hejun-newsList .rit-news article h3 a{font-size: 18px;}
	
	
	.myweixin p{background: rgba(255,255,255,.15) url(../image/wxs1.png) no-repeat 17px center;background-size: 26px;}
	.myweixin:hover p{background: rgba(0,0,0,.4) url(../image/wxs2.png) no-repeat 17px center;left: -220px;color: #fff;background-size: 26px;}
.myPhone p{background: rgba(255,255,255,.15) url(../image/mynum.png) no-repeat 17px center;background-size: 20px;}
.myPhone:hover p{background: rgba(0,0,0,.4) url(../image/mynum1.png) no-repeat 17px center;left: -220px;color: #fff;background-size: 20px;}
.myQQ{background: rgba(255,255,255,0.15) url(../image/myqq.png) no-repeat center;background-size: 18px;background-position-x: 19px;}
.myQQ:hover{background-image: url(../image/myqq1.png);background-color: rgba(0,0,0,.1);background-size: 18px;background-position-x: 19px;}
.myTop{width: 60px;}
.GoTop svg{left: -10px;}
.myweixin img{width: 60px}
.myTop p{padding-left: 40px;}
.hejun-waper-tits strong{width: 40px;height: 40px;line-height: 40px;}
}

@media only screen and (max-width:1440px) {
	.hejun-about .example{width: 1015px;margin-left: -474px;}
	.hejun-contact .sub-conText h3{font-size: 20px;}
	.index_logo{width: 80%;}
	.xin_con2_u3_div1 h1{font-size: 20px;}
	.xin_con1_img span{transform: translateX(0%);}
}