*{
margin: 0;
padding: 0;
outline: none;
box-sizing: border-box;
font-family: "微软雅黑";
-webkit-box-sizing: border-box;
color: #1E1E1E;
}
a{
text-decoration: none;
}
body{
/* overflow: hidden; */
}
.main-box{
width: 100%;
min-width: 1000px;
height: auto;
background: url('../images/bg@3x.png') no-repeat;
background-size: 100% 100%;
}
.header{
height:112px;
width: 1600px;
line-height:224px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .interpret{
width: 117px;
height: 52px;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 6px;
font-size:18px ;
letter-spacing: 6px;
line-height: 52px;
text-align: center;
padding-left: 8px;
display: inline-block;
margin-left: 125px;
}
.header .logo{
text-indent: -9999px;
width: 208px;
height: 94px;
background:rgba(255,255,255,0.24) url('../images/logo.png') no-repeat;
background-position:24px;
border-radius: 0px 0px 10px 10px;
background-size: 153.5px 50.5px;
display: inline-block;
float: left;
}
.header .menu{
display: inline-block;
}
.header .menu a{
display: inline-block;
color: #1E1E1E;
font-size: 18px;
text-align: center;
width: 100px;
height: 40px;
letter-spacing: 1px;
line-height: 40px;
border-radius: 20px;
margin: 0 18px;
font-family: PingFang SC;
position: relative;
z-index: 33;
}
.header .menu a.active{
background: #7D51C2;
display: inline-block;
color: #fff;
/* content: '';
width: 40px;
height: 5px;
background: #EB0101;
border-radius: 20px;
position: absolute;
bottom: -10px;
left: 25px; */
}
.header_logo{
display: block;
width: 237px;
height: 60px;
display: flex;
}
.info-left{
/* width: 520px; */
}
.main-box .main{
/* width:1200px;
height: 615px;
min-width: 1000px;
margin: 0 auto;
position: relative;
top: 50%;
margin-top: -400px; */
}
.tab-box{
display: none;
}
.index-box{
display: block;
}
.img-phone{
width: 594px;
height: auto;
position: absolute;
z-index: 99;
right: 0px;
bottom: 20px;
}
.index-box .name{
display: block;
width:347px;
height: 120px;
background:url('../images/ic_bt@3x.png') no-repeat;
background-size: 100% 100%;
text-indent: -9999px;
}
.index-box .desc{
display: block;
font-size: 28px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #1E1E1E;
margin-top: 16px;
}
.downl-box {
display: flex;
align-items: center;
margin: 33px 0 152px;
margin-left: 30px;
}
.qrcode {
width: 48px;
height: 48px;
margin-left: 41px;
}
.index-box .downl{
display: block;
width:250px;
height: 70px;
background:url('../images/android.png') no-repeat;
background-size: 100% 100%;
}
.index-box p{
line-height:28px;
font-size: 18px;
margin-bottom:28px;
display: block;
}
.about-box h3{
text-indent: -9999px;
height: 33px;
display: block;
margin-bottom: 20px;
}
.about-box .tit1{
width:97px;
background:url('../images/intro-1.png') no-repeat;
background-size: contain;
}
.about-box .tit2{
width:146px;
background:url('../images/intro-2.png') no-repeat;
background-size: 100% 100%;
margin-top: 60px;
}
.about-box p{
letter-spacing: 3px;
margin-bottom:8px;
line-height: 25px;
font-size: 16px;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #1E1E1E;
}
.concact-box{
width: 409px;
height: 307px;
border: 1px solid #ccc;
padding: 46px 25px;
margin-top: 60px;
}
.concact-box span{
display: block;
}
.concact-box .kefu{
width: 131px;
height: 34px;
background:url('../images/kefu.png') no-repeat;
background-size: 100% 100%;
}
.concact-box .email{
width: 94px;
height: 34px;
background:url('../images/email.png') no-repeat;
background-size: 100% 100%;
}
.concact-box .txt{
line-height:24px;
color: #1E1E1E;
font-size: 18px;
margin-bottom:8px;
margin: 15px 0 33px 45px;
}
.concact-box .line{
width: 270px;
height: 1px;
margin-left: 45px;
background:#ccc;
margin-bottom: 32px;
}
.tel-right{
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 303px;
height: 615px;
padding: 41px 18px 0 17px;
background:url('../images/pbg.png') no-repeat;
background-size: 100% 100%;
}
.tel-swiper{
overflow: hidden;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-zh .swiper-wrapper {
-webkit-transition-timing-function: linear; /*之å‰æ˜¯ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
/* width: 100%;
height: 100%; */
position: relative
}
.swiper-slide img{
width: 268px;
height: 530px;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x
}
.name_txt{
font-size: 30px;
font-weight: bold;
color: #333;
}
.footer{
height: 60px;
padding-top: 20px;
text-align: center;
font-size: 14px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #222;
color: #fff;
}
.company_name{
text-align: center;
font-size: 14px;
color: #fff;
margin-bottom: 5px;
}
#record{
color: #fff;
text-align: center;
font-size: 14px;
margin-bottom: 5px;
display: block;
}
.address_name span{
color: #fff;
text-align: center;
font-size: 14px;
}
@media screen and (max-width:1560px){
.header{
min-width: 1000px;
width: 1200px;
}
.header .logo{
}
.header .menu a{
font-size: 16px;
height: 32px;
line-height: 32px;
margin: 0 12px;
}
.header .interpret{
width: 100px;
height: 45px;
font-size: 16px;
letter-spacing: 4px;
line-height: 45px;
padding-left: 6px;
}
}
.introbox{
width: 1000px;
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
}
.introbox_name{
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.introbox_txt{
font-size: 16px;
width: 600px;
}