html{overflow-x: auto!important;}
body{min-width: 1300px; font-family: "Microsoft Yahei",SimHei;}
.container{max-width: 1300px;}

.s_out.swiper-container,.s_out .swiper-slide{width: 100%;height: 100vh;}
.my-bullet{background: rgba(0,0,0,0.4);width: 16px!important;height: 16px!important;border-radius: 50%;position: relative;display: block;margin-top: 9px;margin-bottom: 9px;}
.my-bullet-active:before{content: '';width: 24px;height: 24px;position: absolute;left: -4px;top:-4px;margin: auto; border:2px solid #ccc;display: block;border-radius: 50%;}
/*.my-bullet:last-child{display: none!important;}*/
.p-bullet{width:30px!important;height: 6px!important;background: rgba(0,0,0,0.8);display: inline-block;margin: 0px 3px;}
.p-bullet-active{background: rgba(0,0,0,1);}
.sfooter{background: #04064a;height: 360px!important;}


.index-top{background: rgba(0, 0, 0, .41);transition: all .5s;}
.index-top:hover{background: rgba(0, 0, 0, 1.0);}
.h-top{background: #fff;position: absolute;left: 0;top: -175px;width: 100%;transition: all .3s;opacity: 0;box-shadow: 0px 3px 9px rgba(0,0,0,0.4);}
.index-top:hover .h-top{top: 70px;opacity: 1;}
.hide-top-nav{margin-right: 27px;}

/*.hide-top-nav-qrcode{padding-left: 20px;}*/

.s_out .session1{background: url(../images/o-bg1.jpg) center center;background-size: cover;}
.s_out .session2{background: url(../images/o-bg2.jpg) center center;background-size: cover;}
.s_out .session3{background: url(../images/o-bg3.jpg) center center;background-size: cover;}
.s_out .session4{background: #f6f6f6;}
.s_out .session5{background: url(../images/o-bg5.jpg) center center;background-size: cover;}

.session1 .container{position: relative;height: 100vh;}
.session1 .s1-text-area{background: rgba(255, 255, 255, .3); text-align: center;position: absolute;top: 50%; transform: translateY(-50%); width: 100%;}
.session1 .s1-text-area h2{font-size: 60px;}

.session2 .container{position: relative;height: 100vh;}
.session2 .row{position: relative;top: 50%; transform: translateY(-50%);}

.session3 .container{position: relative;top: 50%; transform: translateY(-50%);}
.session3 .server-nav .btn-group .btn{padding: 5px 86px;}
.session3 .zixun-nav{width: 249px;height: 308px;border-radius: 19px;box-shadow: 0px 0px 9px #ccc;}


.session4 .container{position: relative;top: 50%; transform: translateY(-50%);}
.session4 .c-img{height: 230px;display: flex; align-items: center;justify-content: center;overflow: hidden;}
.session4 .c-content{height: 230px;}

.session5 .container{position: relative;top: 50%; transform: translateY(-50%);}
.s5-title{position: relative;}
.s5-title:before{content: '';display: block; height: 120%;width: 1px; background: #fff;left: 0;bottom: -20%;position: absolute;}
.s5-title:after{content: '';display: block;height: 1px; width: 57%;background: #fff;bottom: -3px;left: -3%;position: absolute;}
.s5-title.t2:after{content: '';display: block;height: 1px; width: 70%;background: #fff;bottom: -3px;left: -3%;position: absolute;}

.session6 .container{position: relative;top: 50%; transform: translateY(-50%);}
.s6-news .swiper-slide{transition: 300ms;transform: scale(0.8);}
.s6-news .swiper-slide-active,.s6-news .swiper-slide-duplicate-active{transform: scale(1);}
.s6-news .swiper-button-next,.s6-news .swiper-button-prev{top: 32%!important;}



@keyframes myBounce{
	0% {bottom: 20px;}
	100% {bottom: 10px;}
}