.banner .swiper-container { height: 100%; width: 100% }
.banner .swiper-slide>img { width: 100%; height: 100%; }
.banner .swiper-slide .bannertxt { position: absolute; left: 0; width: 100%; top: 45%;/* transform: translateY(-50%) */ }
.banner .swiper-slide .bannertxt img { width: 100%; opacity: 0; transform: translateY(-100%); transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; }
.banner .swiper-slide .bannertxt img:nth-child(2) {
 transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
 -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
 -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
}
.banner .swiper-slide-active .bannertxt>img { opacity: 1; transform: translateY(0) }
.banner .swiper-slide .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: 100% 100% !important; }
.banner .swiper-slide 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; }
.banner .swiper-slide .imgTimes>article { position: absolute; left: 10%; bottom: 15%; }
.banner .swiper-slide .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; }
.banner .swiper-slide .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); }
.banner .swiper-slide .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); }
 .banner .swiper-slide .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);
}
.banner .swiper-slide .imgTimes>article .banTops small, .banner .swiper-slide .imgTimes>article .banTops em, .banner .swiper-slide .imgTimes>article .banText i, .banner .swiper-slide .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; }
 .banner .swiper-slide .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;
}
 .banner .swiper-slide .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;
}
.banner .swiper-slide .imgTimes>article .banText { font-size: 0; margin-top: 20px; }
.banner .swiper-slide .imgTimes>article .banText i { display: inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #fff; }
.banner .swiper-slide .imgTimes>article .banText span { display: inline-block; width: 0px; vertical-align: middle; margin-left: 8px; overflow: hidden; }
.banner .swiper-slide .imgTimes>article .banText span font { display: inline-block; width: 600px; font-size: 22px; color: #fff; }
.banner .swiper-slide-active video { width: 100% !important; }
.banner .swiper-slide-active .imgTimes>article .banTops small, .banner .swiper-slide-active .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); }
.banner .swiper-slide-active .imgTimes>article .banTops small, .banner .swiper-slide-active .imgTimes>article .banTops em { opacity: 1 !important; transform: matrix(1, 0, 0, 1, 0, 0) !important; -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important; -moz-transform: matrix(1, 0, 0, 1, 0, 0) !important; transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important; -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important; -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s !important; }
.banner .swiper-slide-active .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; }
.banner .swiper-slide-active .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; }
.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: 100% 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: 50px; font-size: 0; }
.index-back-box .sub-arrows .swiper-pagination { display: inline-block; vertical-align: middle; }
.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #636161; opacity: 1; transition: all .3s ease 0s;
 -webkit-transition: all .3s ease 0s;
 -moz-transition: all .3s ease 0s;
margin-right: 25px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; /*box-shadow: 1px 1px 1px 1px #221f1f inset;*/ background: transparent; }
.index-back-box .sub-arrows .swiper-pagination-bullet:before { content: ''; display: block; width: 4px; height: 4px; background: #636161; top: 50%; border-radius: 50%; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); }
.index-back-box .sub-arrows .swiper-pagination-bullet-active:before { opacity: 0; }
.index-back-box .sub-arrows .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.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: #fff; 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);
}
 75% {
 opacity: 0.8;
 transform: translateY(10px);
}
 85% {
 opacity: 0.65;
 transform: translateY(15px);
}
 100% {
 opacity: 0.4;
 transform: translateY(20px);
}
}
 @-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);
}
 75% {
 opacity: 0.8;
 -webkit-transform: translateY(10px);
}
 85% {
 opacity: 0.65;
 -webkit-transform: translateY(15px);
}
 100% {
 opacity: 0.4;
 -webkit-transform: translateY(20px);
}
}
 @-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);
}
 75% {
 opacity: 0.8;
 -moz-transform: translateY(10px);
}
 85% {
 opacity: 0.65;
 -moz-transform: translateY(15px);
}
 100% {
 opacity: 0.4;
 -moz-transform: translateY(20px);
}
}
.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(../images2019/bg1.jpg) no-repeat center center;
 background-size: 100% 100%;
}
 .hejun-works .sub-slides li:nth-of-type(2) {
 background: url(../images2019/bg2.jpg) no-repeat center center;
 background-size: 100% 100%;
}
 .hejun-works .sub-slides li:nth-of-type(3) {
 background: url(../images2019/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(../images2019/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(../images2019/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(../images2019/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(../images2019/you11_03.png) no-repeat center center; width: 25px; height: 25px; top: auto; bottom: 11px; right: 20px; }
.topYear .swiper-button-prev { background: url(../images2019/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(../images2019/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(../images2019/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(../images2019/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(../images2019/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; display: none !important }
.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(../images2019/s_right_03.png) no-repeat center center #c80000;}
.swper_ss_div_right .swiper-button-prev{background: url(../images2019/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(../images2019/tuicheng_03.png) no-repeat left center; background-position-x: 95%; background-attachment: fixed; padding-bottom: 30px; }
.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; display: none }
.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(../images2019/tuicheng_03.png) no-repeat left center #eeeeee; background-position-x: 95%; background-attachment: fixed; }
.hejun-contact { background: url(../images2019/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 url(../img/modal-bg.jpg) no-repeat center center; 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;
 background: url(../img/ink-separation.svg) no-repeat center center;
 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) url(../img/cd-icon-close.svg) no-repeat center center; /* 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(../images2019/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: rgba(32, 20, 85, 1); }
/*导航*/
.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;
}


 .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%);
}
}
@media only screen and (max-width:1200px) {
 .banner .swiper-slide .imgTimes>article {
 display: none
}
}