input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
img,.menu span,.header-right,.header,.header-code:before,.header-code span,.header-code p,.header-lang,.search,.search form,.search-close,.header-right ul li.icon span:before,.header-right ul li.icon span:after,.header-search:before,.header-search:after,.subs,.subs-item .em:before,.subs-item p i a:before,.subs-item p i a:after,.navs,.navs-li,.navs-li:before,.navs-li p,.navs-li em:before,.navs-li em:after,.navs-form form,.sub-nav,.footer-1right ul li,.footer-1right ul li img,.menu-item:before,.right-phone,.right-wx,.banner-detail span:before,.banner-detail span:after,.banner-more,.habout-1more span,.habout-1more span:before,.habout-1more span:after,.habout-item,.habout-item samp img,.habout-item span,.happ-bg span,.happ-more span,.happ-more span:before,.happ-more span:after,.happ-item,.happ-item:before,.happ-item samp,.happ-item span,.hpro-right img,.hpro-button .swiper-button-prev:before,.hpro-button .swiper-button-prev:after,.hpro-button .swiper-button-next:before,.hpro-button .swiper-button-next:after,.hpro-title span,.hpro-nav p samp,.hpro-nav p samp:before,.hpro-nav p samp:after,.hpro-nav span,.hpro-nav em:before,.hpro-nav em:after,.hpro-bottom .swiper-button-prev,.hpro-bottom .swiper-button-next,.hnews-left,.hnews-cont .h4,.hnews-info,.hnews-left em,.hnews-left .swiper-pagination span,.hnews-model,.hnews-model:before,.hnews-model span,.hnews-model p,.hnews-model em,.bread-nav ul li a:before,.news-input,.news-right span,.news-item:after,.news-model span,.detail-page span,.vd-1 span,.about-3item,.about-3item:before,.about-4nav,.about-4nav p,.about-4nav p:before,.about-4nav p:after,.about-4nav p samp,.about-4nav em,.about-4nav span,.about-4bottom .swiper-button-prev,.about-4bottom .swiper-button-next,.about-5 ul li,.about-5pannel .swiper-button-prev,.about-5pannel .swiper-button-next,.join-item samp:before,.join-center,.contact-2item:before,.contact-2cont,.contact-3item,.contact-3item span,.contact-3item p,.join-2right span,.zx-nav span,.zx-2item,.zx-2left span,.zx-2left em,.zx-2left em:before,.zx-2left em:after,.zp-5,.zp-5 input,.solve-nav ul li,.solve-nav ul li samp img,.solve-2more em,.solve-2more em:before,.solve-2more em:after,.solve-3content .swiper-slide,.solve-3content .swiper-button-prev,.solve-3content .swiper-button-next,.solve-4right em,.solve-5 ul li,.solve-6 ul li,.solve-6 ul li:before,.solve-7pannel ul li,.solve-7pannel ul li span,.solve-7pannel ul li em,.pro-title,.pro-title span,.pro-title span:before,.pro-title em:before,.pro-title em:after,.pro-item span,.pro-item em:before,.pro-item em:after,.pro-model ul li,.pro-li p,.pro-li p span,.pro-1nav .swiper-slide,.pro-1nav .swiper-button-prev,.pro-1nav .swiper-button-next,.pro-2 ul li,.pro-2 ul li:before,.pro-3pannel,.pro-3small samp,.pro-3small samp:before,.pro-3small .pro-3res span,.pro-3small .pro-3res em,.pro-3rel span,.pro-3rel .swiper-button-prev,.pro-3rel .swiper-button-next,.pro-3item samp em,.pro-3video .swiper-button-prev,.pro-3video .swiper-button-next,.down-1icon,.down-1icon samp img,.down-1icon span,.down-2content ul li,.down-2content ul li span,.down-2content ul li em,.down-3content .swiper-slide,.down-3item samp em,.down-3item span,.down-3content .swiper-button-prev,.down-3content .swiper-button-next,.down-4 select,.down-4 .txt5,.down-4 textarea,.down-4bt input,.tz-2 ul li,.tz-2item,.tz-2left:before,.tz-2left span,.tz-2left em,.tz-2right span,.tz-2right em,.tz-3item,.tz-3item samp img,.tz-3item span,.server-1left ul li,.server-1bg span,.server-1icon samp:before,.server-1icon samp:after,.server-1icon span,.server-3 ul li,.server-3 ul li span,.server-3 ul li em,.server-3more,.server-4 ul li,.server-4 ul li:after,.server-4 ul li span,.server-4item span,.server-4more,.pro-3li,.pro-3li span,.pro-3li em,.zx-close,.zx-g select,.zx-g .txt5,.zx-g textarea,.zx-bt input{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}


.swiper-container{width:100%;height:100%}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto}
.swiper-button-prev,.swiper-button-next{background:none}
.swiper-button-prev::after,.swiper-button-next::after{content:""}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@keyframes opa{0%{opacity:0}
100%{opacity:1}
}
@keyframes suofang{0%{transform:scale(1)}
100%{transform:scale(1.2)}
}
@keyframes updown{0%{opacity:0;transform:translateY(60px)}
100%{opacity:1;transform:translateY(0px)}
}
@keyframes quan1{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes quan2{0%{transform:rotate(0deg)}
100%{transform:rotate(-360deg)}
}
@keyframes wenhua{0%{opacity:1}
2%{opacity:0}
20%{opacity:0}
30%{transform:translateY(60px);opacity:0}
100%{transform:translateY(0px);opacity:1}
}
@keyframes cir1{0%{transform:rotate(40deg);opacity:0}
20%{transform:rotate(30deg);opacity:1}
40%{transform:rotate(20deg);opacity:1}
75%{transform:rotate(10deg);opacity:0}
100%{transform:rotate(0deg);opacity:0}
}
@keyframes cir2{0%{transform:rotate(3deg);opacity:0}
20%{transform:rotate(1deg);opacity:1}
40%{transform:rotate(-1deg);opacity:1}
75%{transform:rotate(-3deg);opacity:0}
100%{transform:rotate(-5deg);opacity:0}
}
@keyframes cir3{0%{transform:rotate(-5deg);opacity:0}
20%{transform:rotate(-3deg);opacity:1}
40%{transform:rotate(-1deg);opacity:1}
75%{transform:rotate(1deg);opacity:0}
100%{transform:rotate(3deg);opacity:0}
}
@keyframes cir4{0%{transform:scale(0.7);opacity:1}
100%{transform:scale(1.07);opacity:0}
}
@keyframes ud{0%{transform:translateY(0px)}
100%{transform:translateY(10px)}
}


.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}
@-webkit-keyframes animate-cloud {
	from {
		background-position: 1920px 100%;
	}
	to {
		background-position: 0 100%;
	}
}

@keyframes animate-cloud {
	from {
		background-position: 1920px 100%;
	}
	to {
		background-position: 0 100%;
	}
}

.about-4{width:100%;overflow:hidden; position:relative; background:url(../images/history_bg.jpg) center center no-repeat; background-size:cover; padding-top:80px;}
.about-4 .topic{ display:none;}
.about-4 .h3{width:100%;overflow:hidden;text-align:center;font-size:42px;color:#222;font-weight:bold;position:relative;padding-bottom:20px}
.about-4 .h3:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#002896}
.about-4content{width:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;height:800px;position:relative}
.about-4top{width:100%;overflow:hidden;}
.about-4model{width:100%;overflow:hidden;position:relative;padding-top:150px}
.about-4model p{width:100%;text-align:center;font-size:200px;color: rgb(0 ,40 ,150 , 0.2);font-weight:bold;position:absolute;left:0px;top:0px;opacity:0;transform:translateY(60px);}
.about-4model span{width:100%;display:block;overflow:hidden;text-align:center;font-size:24px;color: #333;line-height:36px;position:relative;padding-bottom:20px;opacity:0;transform:translateY(60px);}
.about-4model span:before{width:60px;height:4px;content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background:#002896}
.about-4model em{width:100%;display:block;text-align:center;font-size:32px;color: #333;margin-top:20px;opacity:0;transform:translateY(60px);}
.about-4top .swiper-slide-active .about-4model p{animation:updown 0.5s ease 0.2s;animation-fill-mode:forwards}
.about-4top .swiper-slide-active .about-4model span{animation:updown 0.5s ease 1;animation-fill-mode:forwards}
.about-4top .swiper-slide-active .about-4model em{animation:updown 0.5s ease 0.1s 1;animation-fill-mode:forwards}
.about-4bottom{width:100%;position:absolute;left:0px;bottom:-10px;background:url("../images/icon-48.png") no-repeat left top;background-size:100%;z-index:12}
.about-4bottom .swiper-container{width:81.25%;margin:0px auto;height:20vw}
.about-4nav{width:100%;position:absolute;left:0px;cursor:pointer}
.about-4nav p{width:32px;height:32px;margin:0px auto;border-radius:50%;position:relative}
.about-4nav p:before{width:40%;height:40%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background: #002896;border-radius:50%;z-index:12;}
.about-4nav p:after{width:100%;height:100%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background: rgba(0 ,40 ,150 , 0.5);border-radius:50%;z-index:11;opacity:0;}
.about-4nav p samp{width:180%;height:180%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;border-radius:50%;background: rgba(0 ,40 ,150 , 0.5);z-index:2;opacity:0;}
.about-4nav em{width:1px;height:20px;display:block;overflow:hidden;margin:-12px auto 0px;background: rgba(74, 74, 74, 0.6);}
.about-4nav span{width:100%;display:block;overflow:hidden;text-align:center;font-size:20px;color: #333;margin-top:10px;}
.about-4bottom .swiper-slide{display:block}
.about-4bottom .swiper-slide-prev .about-4nav{top:63%}
.about-4bottom .swiper-slide-active .about-4nav{top:58%}
.about-4bottom .swiper-slide-active+.swiper-slide{top:53%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide{top:48%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide{top:42.4%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:37.1%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:32.1%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:26.6%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:21.4%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:16.2%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:11%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:5.5%}
.about-4bottom .on .about-4nav p:before{background:#002896}
.about-4bottom .on .about-4nav p:after{background:rgba(198,38,48,0.4);opacity:1}
.about-4bottom .on .about-4nav p samp{background:rgba(198,38,48,0.1)}
.about-4bottom .active .about-4nav p:after{opacity:1}
.about-4bottom .active .about-4nav p samp{opacity:1}
.about-4bottom .active .about-4nav em{width:2px}
.about-4bottom .active .about-4nav span{font-size:28px;font-weight:bold;color: #002896;}
.about-4bottom .swiper-button-prev{width:50px;height:50px;border-radius:50%;background:rgba(51, 51, 51, 0.3) url("../images/icon-59.png") no-repeat center;left:7vw;margin:0px;top:0vw;pointer-events:auto;cursor:pointer}
.about-4bottom .swiper-button-next{width:50px;height:50px;border-radius:50%;background:rgba(51, 51, 51, 0.3) url("../images/icon-59.png") no-repeat center;transform:rotate(180deg);right:7vw;margin:0px;top:0vw;pointer-events:auto;cursor:pointer}
.about-4bottom .swiper-button-prev:hover,.about-4bottom .swiper-button-next:hover{background-color:#002896}





@media screen and (max-width: 1660px){
.about-4 .h3{font-size:36px}
.about-4content{height:640px;}
.about-4model{padding-top:120px}
.about-4model p{font-size:160px}
.about-4model span{font-size:22px;line-height:32px}
.about-4model em{font-size:26px}
.about-4nav span{font-size:18px}
.about-4bottom .active .about-4nav span{font-size:24px}
}

@media screen and (max-width: 1440px){
.about-4 .h3{font-size:28px}
.about-4content{height:600px;}
.about-4model{padding-top:100px}
.about-4model p{font-size:130px}
.about-4model span{font-size:20px;line-height:30px}
.about-4model em{font-size:22px}
.about-4nav span{font-size:16px}
.about-4bottom .active .about-4nav span{font-size:20px}
.about-4bottom .swiper-slide-active+.swiper-slide{top:52%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide{top:47%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide{top:41.4%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:36.1%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:31.1%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:25.6%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:20.4%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:15.2%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:10%}
.about-4bottom .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{top:4.5%}
.about-4bottom .swiper-button-next,.about-4bottom .swiper-button-prev{top:-0.5vw}
}


@media screen and (max-width: 1280px){
.about-4 .h3{font-size:24px}
.about-4content{height:540px;}
.about-4model{padding-top:90px}
.about-4model p{font-size:110px}
.about-4model span{font-size:18px;line-height:28px}
.about-4model em{font-size:20px}
.about-4nav span{font-size:14px}

}
@media screen and (max-width: 1000px){

.about-4 .h3{font-size:20px;padding-bottom:12px}
.about-4 .h3:before{width:40px;height:2px}
.about-4content{height:500px;}
.about-4model{padding-top:60px}
.about-4model p{font-size:80px}
.about-4model span{font-size:16px;line-height:26px}
.about-4model em{font-size:18px}
.about-4model span{padding-bottom:12px}
.about-4model span::before{width:40px;height:2px}
.about-4bottom{background:none;bottom:-40px}
.about-4bottom:before{width:100%;height:1px;content:"";position:absolute;left:0px;top:35px;background:rgba(0,0,0,0.5);}
.about-4bottom .swiper-slide{top:0px !important}
.about-4bottom .about-4nav{top:20px}
.about-4bottom .swiper-slide-active .about-4nav{top:20px}
.about-4bottom .swiper-button-prev{left:3vw;top:17px;width:36px;height:36px;background-size:10px}
.about-4bottom .swiper-button-next{right:3vw;top:17px;width:36px;height:36px;background-size:10px}
.about-4bottom .swiper-slide-prev .about-4nav{top:20px}

}
@media screen and (max-width: 768px){
.about-4 {padding-top: 6vw;}	
.about-4 .h3{font-size:18px}
.about-4content{height:450px;}
.about-4model{ padding:0px 20px;padding-top:90px;}
.about-4model p{font-size:45px;text-align:left;color: rgb(0 ,40 ,150);left:20px;font-weight: normal;}
.about-4model span{font-size:16px;color: #333;line-height:25px; text-align:left;height: 100px;}
.about-4model em{font-size:16px; display:none;}
.about-4bottom{background:none;bottom:-8px}
.about-4bottom .swiper-container{height:38vw}
.about-4model span::before { width: 0px;height: 2px;}
.about-4 .topic{ display:block;}


}