.section{position: relative;background-size: 100% auto;
background-position: center;background-repeat: no-repeat;
overflow: hidden;}
.bg{ height:100%;width: 100%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:50%;
 -webkit-transition:all 3s ease-in-out 0s;
 transition:all 3s ease-in-out 0s;
 transform:scale(1); -webkit-transform:scale(1);}
.bg.active,.section.active .bg{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.cent{ width:100%;position:absolute;top:20%; left:0;
text-align:center;
top: 18%;}

#footer{
background-image: url(../img/ft.jpg);
background-size: 100% auto;background-repeat: no-repeat;
background-position: center bottom;}
.footer .fp-tableCell {overflow: hidden;display: block;}
.section1 .headerpage{display: none;}
.section1 video{width: 100%;height: 100%; object-fit:fill;}
.txt-video{position: absolute;
right: 10%;top: 30%;
opacity: 0;
}
.txt-video b,.txt-video>p{color: #ffffff;font-size: 56px;font-weight: bold;}
.txt-video ul{text-align: center;font-size: 0;
margin-top: 50px;padding: 14px 0 32px 0;border-top: 1px solid #fff;
background-image: linear-gradient(rgba(255,255,255,0.2), transparent); }
.txt-video li{display: inline-block;vertical-align: middle;
width: 25%;color: #ffffff;font-size: 16px;
font-size: 18px;font-weight: bold;}
.play-video{position: absolute;right: 10%;bottom: 16%;cursor: pointer;
display: inline-block;line-height: 48px;text-align: center;
width: 170px;height: 50px;border-radius: 25px;
border: solid 2px rgba(255,255,255,0.19);
opacity: 0;}
.play-video img{position: absolute;left: -1px;top: -2px;width: 51px;height: 50px;}
.play-video span{color: #ffffff;font-size: 14px;padding-left: 40px;
font-weight: bold;}
.play-video:hover img{transform: scale(1.15);}

.godown{position: absolute;left: 50%;bottom: 30px;margin-left: -27px;width: 55px;}
.godown a>img{width:55px;transform: rotate(0);
animation: rotateimg 2s linear infinite;
-moz-animation: rotateimg 2s linear infinite;
-webkit-animation: rotateimg 2s linear infinite;
-o-animation: rotateimg 2s linear infinite;}

@keyframes rotateimg{0% {transform: rotate(0);} 100% {transform: rotate(360deg);}}
@-webkit-keyframes rotateimg{0% {transform: rotate(0);} 100% {transform: rotate(360deg);}}
.godown .jdjz img{width: 22px;position: relative;top: -2px;animation: jumpimg 1.2s ease-in-out infinite;-moz-animation:jumpimg 1.2s ease-in-out infinite;-webkit-animation:jumpimg 1.2s ease-in-out infinite;-o-animation: jumpimg 1.2s ease-in-out infinite;}
@keyframes jumpimg{0%{top: -2px;} 50%{top: 2px;} 100%{top: -2px;}}
@-webkit-keyframes jumpimg{0%{top: -2px;} 50%{top: 2px;} 100%{top: -2px;}}

.videotan{position: fixed;left: 0;top: 0;z-index: 20;
width: 100%;height: 100%;background-color: rgba(0,0,0,.4);
visibility: hidden;opacity: 0;}
.videotan.active{
	transition: opacity 0.3s 0s, visibility 0s 0s;
	visibility: visible;
	opacity: 1;
	transition-duration: .5s;
}
.videotan .guan {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.videotan video {object-fit: fill;max-width: 1200px;width: 100%;position: absolute;
top: 50%;left: 50%;transition-duration: .5s;
transform: translate(-50%, -70%);
-ms-transform: translate(-50%, -70%);
-moz-transform: translate(-50%, -70%);
-webkit-transform: translate(-50%, -70%);
-o-transform: translate(-50%, -70%);	
}
.videotan.active video {
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);}


/* 经营理念 */
.section .ibt{text-align: center;font-size: 30px;color: #ffffff;position: relative;
font-weight: bold;}
.section .ibthei{color: #333333;}
.section .ibtmar{margin-bottom: 80px;}
.idearow{margin-left: -19px;margin-right: -19px;width: 462px;
position: relative;left: 14%;
/* opacity: 0; */
}
.idearow .col-lg-6{padding-left: 19px;padding-right: 19px;
width: 50%;float: left;display: none;}
.ideait{text-align: center;border-top: 1px solid #fff;
background-image: linear-gradient(rgba(255,255,255,0.2), transparent);
padding: 10px 0 34px 0;margin-bottom: 30px;}
.ideait .iden{font-size: 18px;opacity: 0.46;color: #fff;margin: 30px 0 10px 0;}
.ideait .idezh{color: #ffffff;font-size: 34px;}
/* .ideait:hover img{transform: rotateY(180deg);animation: imgturn 2s;-webkit-animation: imgturn 2s;}
@keyframes imgturn{from {transform: rotateY(0deg);}to {transform: rotateY(360deg);}}
@-webkit-keyframes imgturnfrom {transform: rotateY(0deg);}to {transform: rotateY(360deg);}
 */
.ideait img{position: relative;top: 0;}
.ideait:hover img{top:10px;}


/* 产品与服务 */
.section3{background-color: #dff2ff;}
.section3 .ibt{position: absolute;z-index: 100;
left: 50%;transform: translate(-50%,0);top: 100px;}
.imore{border: solid 1px #ffffff;position: relative;overflow: hidden;
width: 214px;height: 50px;line-height: 50px;
display: inline-block;border-radius: 25px;text-align: left;
padding: 0 20px;}
.imore span{color: #ffffff;font-size: 14px;/* padding-left: 20px; */position: relative;z-index: 1;
left: 0;}
.imore b{position: absolute;right: 20px;top: 16px;width: 11px;
background-image: url("../img/turn-dwon.png");
background-position: center center;height: 18px;
background-size: 12px 7px;transform: rotate(-90deg);
background-repeat: no-repeat;}
.imorehei{border-color: #edeff1;}
.imorehei span{color: #999;}
.imorehei b{background-image: url("../img/imore-hui-ico.png");transform: rotate(0deg);
background-size: 7px 13px;}
.imore:before{content: "";background-color: rgba(255,255,255,0.2);
position: absolute;left: 50%;top: 50%;opacity: 0;
width: 20%; height: 100%;  
transform: translate3d(-50%, -50%, 0) scale(.1);  
-webkit-transform: translate3d(-50%, -50%, 0) scale(.1);
-webkit-transition: opacity .2s cubic-bezier(1, 0.15, 0.34, 1.03), -webkit-transform 1s cubic-bezier(1, 0.15, 0.34, 1.03);
transition: opacity .2s cubic-bezier(1, 0.15, 0.34, 1.03), -webkit-transform 1s cubic-bezier(1, 0.15, 0.34, 1.03);
transition: transform 1s cubic-bezier(1, 0.15, 0.34, 1.03), opacity .2s cubic-bezier(1, 0.15, 0.34, 1.03);
transition: transform 1s cubic-bezier(1, 0.15, 0.34, 1.03), opacity .2s cubic-bezier(1, 0.15, 0.34, 1.03), -webkit-transform 1s cubic-bezier(1, 0.15, 0.34, 1.03);
}
.imorehei:before{background-color: rgba(242,250,255);}
/* .imore:hover:before,
.imore:focus:before
{opacity: 1;width: 110%;
transition-duration: .7s, .3s;-webkit-transition-duration: .7s, .3s;
transform: translate3d(-50%, -50%, 0) scale(5);
-webkit-transform: translate3d(-50%, -50%, 0) scale(5);  
} */
.imored{border-color: #fc2233;background-color: #fc2233;}
.imored span{color: #fff;}
.imored b{background-image: url("../img/swi-turn-right.png");transform: rotate(0deg);
background-size: 7px 13px;}

.imore:hover{border-color:rgba(252,34,51,1);
background-color: rgba(252,34,51,1);
box-shadow: 0 0 10px rgb(215 12 24 / 27%);}
.imore:hover b{right: -100%;}
.imore:hover span{color: #fff;
font-weight: bold;opacity: 1;
animation-duration: 0.5s;
transition-timing-function: linear;
left: 50%;margin-left: -28px;
}



.blozj{text-align: center;}

.swiprobig{height: 100%;}
.swiprobig .swiper-slide{overflow: hidden;}
.swiprobig .swiper-slide>img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;
transform: scale(1);}
.swiprobig .swiper-slide-active>img{
transform: scale(1.1); -webkit-transition:all 3s ease-in-out 0s;
 transition:all 3s ease-in-out 0s;
}

.swiprobig .iprocon{text-align: center;top: 40%;
}
.swiprobig .iprocon .en{font-size: 52px;opacity: 0.14;color: #fff;}
.swiprobig .iprocon .zh{font-size: 40px;color: #fff;margin-bottom: 70px;}
.swiprosmal{position: absolute;right: 0;bottom: 0;width: 50%;z-index: 2;}
.swiprosmal .swiper-slide>img{width: 892px;height: 277px;max-width: 100%;}
.swiprosmal .iprocon .zh{font-size: 22px;color: #fff;}
.swiprosmal .swiper-button-next{
	width: 70px;height: 100%;text-align: center;
	background-image: url("../img/swi-turn-right.png");
	background-size: 11px 18px;
	background-position: center center;
	background-repeat: no-repeat;opacity: 1;
	background-color: #e60012;right: 0;top: 0;margin-top: 0;
}
.swiprosmal .swiper-slide:hover>img{transform: scale(1.1);}
.swiprosmal .swiper-button-next:hover{width: 80px;}

/* 公司介绍 */
.section4{text-align: center;}
/* .section4 .bg.imgact{background-image:url("../img/4-develpo.jpg") !important;} */
.section4 .bloall{opacity: 0;}

.itabul{border: 2px solid #fff;border-radius: 8px;display: inline-block;font-size: 0;}
.itabul li{cursor: pointer;position: relative;z-index: 1;
width: 200px;display: inline-block;vertical-align: middle;
height: 50px;line-height: 50px;text-align: center;}
.itabul li span{font-size: 20px;color: #ffffff;position: relative;}
.itabul li.act span{color: #333333;font-weight: bold;/* background-color: #fff; */}
.itabul li.act:after{content: '';width: 0;height: 0;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 6px solid #fff;
position: absolute;left: 50%;bottom: -6px;margin-left: -7px;}
.itabul li:before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%; transition: .3s;}
.itabul li.act:before{background-color: #fff;width: 100%;}

.bloall .blo{display: none;}
.bloall .blo:first-child{display: block;}

.iabout{margin-top: 60px;}
.iabout h5{font-size: 40px;color: #fff;}
.jumpnum{font-size: 0;margin: 70px 0 100px 0;}
.jumpnum li{text-align: center;display: inline-block;vertical-align: middle;padding: 0 80px;border-right: 1px solid rgba(255,255,255,0.47);}
.jumpnum li:last-child{border-right: none;}
.jumpnum li span{font-size: 14px;color: #dff2ff;}
.jumpnum li .counter-value,.jumpnum li b{display: inline-block;vertical-align: top;}
.jumpnum li .counter-value{font-size: 60px;font-weight: bold;line-height: 60px;}
.jumpnum li b{
color: #dff2ff;
margin-left: 10px;
font-size: 60px;line-height: 60px;}
.idevelop{margin-top: 60px;}
.idevelop .numyear{position: relative;display: inline-block;}
.idevelop .numyear span{font-size: 175px;color: #91d2fa;line-height: 142px;font-weight: bold;}
.idevelop .numyear b{font-size: 24px;color: #9cd9ff;font-weight: normal;position: absolute;top: 0;right: -30px;}
.idevelop .zh{color: #ffffff;font-size: 40px;position: relative;top: -30px;}
.idevelop .p{color: #ffffff;font-size: 20px;margin: 40px auto 60px;}

/* 合作品牌 */
.section5,.section6{position: relative;}
.section5 .bg,.section6 .bg{display: none;position: absolute;left: 0;top: 0;}
.section5 .container{opacity: 0;}
.ibrandrow{margin-left: -13px;margin-right: -13px;}
.ibrandrow .col-lg-3{width: 25%;float: left;padding-left: 13px;padding-right: 13px;}
.ibrandit{margin-bottom: 22px;overflow: hidden;background-color: #f2faff;}
.ibrandit img{width: 100%;}
.ibrandit:hover img{transform: scale(1.1);}

/* 媒体中心 */
.section6{}
.imediarow{margin-left: -19px;margin-right: -19px;margin-bottom: 60px;}
.imediarow .col-lg-4{padding-left: 19px;padding-right: 19px;width: 33.33%;float: left;
display: none;}
.imedit{background-color: #f2faff;border-radius: 8px;}
.imedimg{border-radius: 8px;overflow: hidden;}
.imedimg img{width: 100%;}
.imedtxt{padding: 22px 30px 0px 30px;}
.imedtxt h3{font-size: 22px;color: #333;line-height: 34px;margin: 0 auto 30px;height: 68px;}
.imedtxt p,.imedtxt .time{font-size: 14px;color: #999999;}
.imedtxt p{height: 70px;}
.imedtxt .time{padding: 10px 0 20px 0;border-top: 1px solid #dae0e3;}
.imedit.act h3,.imedit:hover h3{color: #e51b29;}
.imedit:hover img{transform: scale(1.1);}
/* .opcibt{display: none;} */

.fn1,.fn2{display: none;}
.fn1 {animation-duration: 1.4s;animation-name: fn1;}
@keyframes fn1 {
  0% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transform: translate3d(0%, 20px, 0);
  }
  100% {
    opacity: 0.2;
    clip-path: inset(0 0 0 0);
    transform: none;
  }
}
.fn2 {animation-duration: 1.4s;animation-name: fn2;}
@keyframes fn2 {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
    transform: translate3d(0%, -20px, 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: none;
  }
}

.opcmore,.opcibt{display: none;}
.picmed{display: none;}

@media screen and (max-width: 1600px){
	#footer{background-size: auto 100% ;}
	
	.section6 .ibtmar{margin-bottom: 20px;}
	.imedtxt h3{font-size: 18px;line-height: 26px;height: 50px;
	margin-bottom: 16px;}
	.imedtxt{padding-top: 10px;}
	.imedtxt .time{padding-bottom: 10px;}
	.imedtxt p{height: 30px;}
	.imediarow{margin-bottom: 30px;}
}
@media screen and (max-width: 1400px){
	.section .ibtmar{margin-bottom: 60px;}
	.section6 .ibtmar{margin-bottom: 20px;}
	.txt-video b,.txt-video>p{font-size: 46px;}
	.ideait{padding-bottom: 20px;}
	.ideait .iden{margin-top: 20px;}
	.ideait .idezh{font-size: 28px;}
	.swiprobig .iprocon .zh{font-size: 28px;margin-bottom: 40px;}
	.swiprobig .iprocon .en{font-size: 40px;}
	.swiprosmal .iprocon .zh{font-size: 20px;}
	.iabout h5{font-size: 32px;}
	.jumpnum{margin: 40px 0 60px 0;}
	.jumpnum li{padding: 0 50px;}
	.jumpnum li .counter-value,.jumpnum li b{font-size: 48px;line-height: 48px;}
	.idevelop .numyear span {line-height: 110px;font-size: 130px;}
	.idevelop .zh{font-size: 32px;}
	.idevelop .p{margin: 30px 0;}
	/* .imedtxt h3{font-size: 20px;line-height: 30px;height: 60px;} */
	
	.section6 .ibtmar,.section5 .ibtmar{margin-bottom: 20px;}
}
@media screen and (max-width: 1280px){
	.section .ibtmar{margin-bottom: 40px;}
	/* .section6 .ibtmar{margin-bottom: 20px;} */
	.section .ibt{font-size: 26px;}
	.txt-video b,.txt-video>p{font-size: 40px;}
	.txt-video ul{margin-top: 30px;}
	.iabout h5{font-size: 28px;}
	.ideait .idezh{font-size: 24px;}
	.jumpnum li .counter-value,.jumpnum li b{font-size: 40px;line-height: 40px;}
	.idevelop .zh{font-size: 28px;top: -20px;}
	.idevelop .p{font-size: 18px;}
	.idevelop .numyear span{font-size: 100px;line-height: 90px;}
	.ibrandrow {margin-left: -10px; margin-right: -10px;}
	.ibrandrow .col-lg-3 {padding-left: 10px;padding-right: 10px;}
	.imedtxt {padding: 20px 20px 0px 20px;}
	
}

@media screen and (max-width: 991px){
	.section{background: auto 100%;
	background-size: cover;
	 -webkit-background-size: cover;
	 -o-background-size: cover;
	 background-position: center 0;}
	 .headerpage{display: none;}
	.section1 .headerpage{display: block;}
	.txt-video{text-align: center;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
	.txt-video b,.txt-video>p{font-size: 30px;}
	.play-video{height: 40px;line-height: 36px;width: 150px;}
	.play-video img{width: 40px;height: 40px;top: -2px;}
	.play-video span{padding-left: 34px;}
	
	.ideait img{width: 60px;}
	.ideait .idezh{font-size: 20px;}
	.idearow{margin-left: -10px;margin-right: -10px;left: 15px;}
	.idearow .col-lg-6{padding-left: 10px;padding-right: 10px;}
	
	.txt-video li{font-size: 16px;}
	.section5 .bg,.section6 .bg{display: block;position: absolute;left: 0;top: 0;}
}

@media screen and (max-width: 768px){
	.section .ibtmar{margin-bottom: 40px;}
	.section .ibt{font-size:24px;}
	.imore{width: 180px;line-height:40px;height: 40px;}
	.imore b{top: 11px;}
	.txt-video{width: 400px;}
	.txt-video b,.txt-video>p{font-size: 26px;}
	.swiprobig .swiper-slide>img{width: auto;height: 100%;}
	.swiprobig .iprocon .zh{font-size: 20px;}
	.swiprobig .iprocon .en{font-size: 24px;}
	.swiprosmal{width: 80%;}
	.swiprosmal .swiper-slide>img{height: 180px;}
	.swiprosmal .iprocon .zh{font-size: 18px;}
	.itabul li{width: 180px;height: 40px;line-height: 40px;}
	.itabul li span{font-size: 16px;}
	.iabout,.idevelop{margin-top: 30px;}
	.iabout h5{font-size: 20px;}
	.jumpnum li{padding: 0 20px;}
	.jumpnum li .counter-value,.jumpnum li b{font-size: 26px;line-height: 26px;}
	/* .jumpnum li b{font-size: 14px;} */
	.idevelop .zh{font-size: 20px;}
	.idevelop .numyear b{font-size: 18px;}
	.idevelop .numyear span {font-size: 80px;line-height: 70px;}
	.idevelop .p{font-size: 14px;margin: 20px 15px;}
	.ibrandrow .col-lg-3{width: 33.33%;}
	.imediarow{margin-bottom: 10px;}
	.imediarow .col-lg-4{width: 100%;}
	.imedit{position: relative;padding-left: 40%;margin-bottom: 15px;}
	.imedimg{position: absolute;left: 0;top: 0;width: 40%;height: 100%;overflow: hidden;}
	.imedimg img{width: auto;height: 100%;}
	.imedtxt{padding: 10px 10px 0 10px;}
	.imedtxt h3{font-size: 16px;height: auto;margin-bottom: 10px;line-height: 24px;}
	.imedtxt p{height: auto;}
	.imedtxt .time{padding: 10px 0;}
	
	#v1{display: none;}
	.picmed{display: block;}
	.picmed .jdjz{width: auto;height: 100%;}
	.section1 video{object-fit: cover;}
	
	.jumpnum li{width: 100%;padding: 0 10px;margin-bottom: 15px;border-right: 0;}
	.jumpnum li .counter-value,.jumpnum li b{font-size: 22px;}
	.jumpnum li p{margin-bottom: 0;}
}

@media screen and (max-width: 480px){
	.section .ibtmar{margin-bottom: 20px;}
	.txt-video{width: 90%;top: 25%;left: 5%;}
	.txt-video b,.txt-video>p{font-size: 18px;}
	.play-video{right: 10px;}
	.section .ibt{font-size: 18px;}
	.idearow{width: 100%;left: 10px;}
	.idearow .col-lg-6{width: 100%;}
	.ideait{padding-top: 6px;padding-bottom: 0;margin-bottom: 15px;}
	.ideait img{width: 40px;}
	.ideait .iden,.ideait .idezh{font-size: 16px;}
	.ideait .iden{margin: 10px 0 0 0;}
	
	.swiprosmal{width: 100%;}
	.swiprosmal .swiper-slide>img{height: 160px;}
	.swiprosmal .iprocon .zh{font-size: 14px;}
	.swiprobig .iprocon .en{font-size: 20px;}
	.swiprobig .iprocon .zh{font-size: 16px;}
	.itabul{width: 290px;max-width: 98%;}
	.itabul li{width: 50%;height: 34px;line-height: 34px;}
	.itabul li span{font-size: 14px;}
	.iabout h5{font-size: 16px;}
	.jumpnum{margin: 20px 0;}
	.jumpnum li{width: 100%;padding: 0 10px;margin-bottom: 15px;border-right: 0;}
	.jumpnum li .counter-value,.jumpnum li b{font-size: 22px;}
	.jumpnum li p{margin-bottom: 0;}
	.idevelop .numyear span{font-size: 60px;line-height: 50px;}
	.idevelop .numyear b{font-size: 16px;}
	.idevelop .zh{font-size: 16px;top: -10px;}
	.idevelop .p{margin: 10px;}
	.ibrandit{margin-bottom: 10px;}
	.imedtxt h3{font-size: 14px;line-height: 20px;}
	.imedtxt .time{padding: 6px 0;}
	
	.cent{top: 12%;}
}
@media screen and (max-width: 414px){
	.ibrandrow .col-lg-3{width: 50%;}
	
}