.box{
width: 100%;
}
.header { 
width: 100%; 
padding-bottom: 50%;
position: relative;
background: url("/Application/Home/Public/propaganda-img/img2/bg1.png") no-repeat; background-size: cover; 
}
.header .header-address {
width: 100%; 
position: fixed; 
top: 0; 
z-index: 210; 
}
.header .header-address .header-address-top { width: 100%; background: #404040; margin-bottom: 17px; }

.header .header-address .header-address-top .header-address-in { width: 90%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }

.header .header-address .header-address-top .header-address-in p { line-height: 45px; }

.header .header-address .header-address-top .header-address-in p:nth-child(1) { font-size: 14px; color: white; }

.header .header-address .header-address-top .header-address-in p:nth-child(2) { font-size: 14px; font-weight: 700; color: white; }

.header .header-address .header-dh { 
width: 90%; 
max-width: 1200px; 
margin: 0 auto; 
height: 34px; 
position: relative; 
display: flex; 
z-index: 11; 
justify-content: space-between; 
align-items: center; 
margin-bottom: 17px; }

.header .header-address .header-dh .header-dh-img { width: 205px; height: 100%; position: relative; }

.header .header-address .header-dh .header-dh-img img { width: 100%; position: absolute; top: 0; left: 0; }

.header .header-address .header-dh .header-dh-img img:nth-child(2) { display: none; }

.header .header-address .header-dh .header-tel { width: 30px; cursor: pointer; display: none; }

.header .header-address .header-dh .header-tel .header-tel-btn { width: 100%; }

.header .header-address .header-dh .header-tel .header-tel-btn div { width: 100%; height: 5px; margin-bottom: 5px; background: white; }

.header .header-address .header-dh .header-tel .header-tel-btn div:last-child { margin-bottom: 0; }

.header .header-address .header-dh .header-dh-sou { width: 179px; height: 34px; background: rgba(255, 255, 255, 0.4); border-radius: 24px; margin: 0 57px 0 26px; padding: 9px 13px; box-sizing: border-box; display: flex; }

.header .header-address .header-dh .header-dh-sou input { width: 90%; background: none; margin-left: 4px; }

.header .header-address .header-dh .header-dh-sou input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }

.header .header-address .header-dh .header-dh-banner li { font-size: 14px; line-height: 34px; color: white; margin-right: 26px; }

.header .header-address .header-dh .header-dh-banner li a { color: white; font-weight: 700; }

.header .header-address .header-dh .header-dh-banner li:last-child { margin: 0; }

.header .header-address .header-dh .header-dh-banner li:hover a { color: #2e57bb; }

.header .header-address .header-tel-banner { width: 100%; height: 0; overflow: hidden; }

.header .header-address .header-tel-banner li { float: none; height: 20px; background: white; text-align: center; padding: 10px 0; }

.header .header-address .header-tel-banner li a { color: #444; }

.header .header-address .header-tel-banner li:hover { background: white; }

.platform{
width: 90%;
max-width: 1200px;
height: auto;
margin: 0 auto;
background: white;
box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.14);
border-radius: 10px;
position: relative;
z-index: 99;
margin-top: -120px;
margin-bottom: -80px;
}
.platform ul{
padding-top: 60px;
padding-bottom: 60px;
display: flex;
flex-flow: wrap;
justify-content: space-around;
}
.platform ul li{
height: 75px;
}
.platform ul li .i1{
margin-top: 22px;
}
.platform ul li img{
padding-left: 20px;
padding-right: 20px;
}

.advantage{
width: 100%;
height: 811px;
padding-top: 210px;
position: relative;
background: url("/Application/Home/Public/propaganda-img/img2/bg3.png") no-repeat; 
background-size: cover; 
}
/* .advantage .tit{
width: 100%;
font-weight: bold;
font-size: 24px;
padding-top: 170px;
text-align: center;
margin: 0 auto;
} */
.advantage .advantage-bottom{
/* width: 90%; */
max-width: 1200px;
display: flex;
margin: 0 auto;
}
.advantage .advantage-bottom .advantage-bottom-left{
width: 50%;
height: 480px;
background: url("/Application/Home/Public/propaganda-img/img2/bg2.png") no-repeat; 
background-size: cover; 
}
.advantage .advantage-bottom .advantage-bottom-left p{
width: 270px;
height: 89px;
text-align: center;
font-size: 60px;
font-weight: bold;
color: #FFFFFF;
margin:  0 auto;
line-height: 466px;
}
.advantage .advantage-bottom .advantage-bottom-right{
width: 600px;
/* padding-left: 58px; */
}
.advantage .advantage-bottom .advantage-bottom-right .p1{
width: 100%;
height: 142px;
margin-top: 25px;
background-color: white;
border-radius: 16px;
display: flex;
box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.14);
}
.advantage .advantage-bottom .advantage-bottom-right .p1 p{
margin-top: 50px;
}
.advantage .advantage-bottom .advantage-bottom-right .p1 p span{
display: block;
margin-top: 10px;
/* width: 324px; */
height: 4px;
background: linear-gradient(90deg, #FFFFFF 0%, #55A7F1 100%);
opacity: 1;
}
.advantage .advantage-bottom .advantage-bottom-right .p1 .le{
/* width: 69px; */
height: 65px;
font-size: 50px;
font-weight: 400;
line-height: 42px;
color: #358FE1;
margin-left: 78px;
}
.advantage .advantage-bottom .advantage-bottom-right .p1 .ri{
/* width: 325px; */
height: 41px;
font-size: 28px;
font-weight: bold;
line-height: 41px;
color: #333333;
margin-left: 50px;
}
.marketing{
width: 100%;
height: 1084px;
background: #FAFAFA;
}
.marketing .title{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 24px;
padding-top: 40px;
margin-bottom: 20px;
}
.marketing ul{
width: 90%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-around;
flex-flow: wrap;
}
.marketing ul li{
margin-bottom: 20px;
}
.marketing ul p{
width: 150px;
text-align: center;
}
.marketing ul li:hover .i1{
/* box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.14); */
transform:scale(1.1,1.1)
}
.marketing ul li p:nth-child(2){
font-size: 18px;
text-align: center;
margin-top: 27px;
}
.marketing .marketing-bottom{
width: 1200px;
display: flex;
margin: 0 auto;
}
.marketing .marketing-bottom .marketing-bottom-int{
width: 465px;
height: 400px;
background: url("/Application/Home/Public/propaganda-img/img1.png") no-repeat;
  background-size: cover; 
margin-top: 144px;
}
.marketing .marketing-bottom .marketing-bottom-int .txt1{
padding-top: 159px;
margin-left: 49px;
color: #FFFFFF;
font-size: 24px;
}
.marketing .marketing-bottom .marketing-bottom-int .txt2{
padding-top: 16px;
margin-left: 136px;
color: #FFFFFF;
font-size: 18px;
}
.marketing .marketing-bottom .marketing-bottom-inb{
display: flex;
margin-top: 144px;
position: relative;
}
.marketing .marketing-bottom .marketing-bottom-inb p{
position: absolute;
}
.marketing .marketing-bottom .marketing-bottom-inb .i1{
top: 37px;
left: 17px;
}
.marketing .marketing-bottom .marketing-bottom-inb .i2{
top: 128px;
left: 90px;
}
.marketing .marketing-bottom .marketing-bottom-inb .i3{
top: 37px;
left: 265px;
}
.marketing .marketing-bottom .marketing-bottom-inb .i4{
top: 128px;
left: 336px;
}
.marketing .marketing-bottom .marketing-bottom-inb .i5{
top: 37px;
left: 513px;
}
.case{
width: 100%; 
position: relative;
}
.case .img-top{
position: absolute;
top: -56px;
right: 0;
}
.case .img-bot{
position: absolute;
top: 100%;
bottom: 0;
}
.case .title{
width: 100%; 
height: 45px;
text-align: center;
font-size: 30px;
font-weight: 500;
line-height: 45px;
padding-top: 60px;
}
.case .case-in{
width: 100%; 
height: 1250px;
margin-top: 100px;
background: url("/Application/Home/Public/propaganda-img/img2/bg4.png") no-repeat; 
background-size: cover;
}
.case .case-in .case-top{
width: 90%;
max-width: 1200px;
margin: 0 auto;
display: flex;
padding-top: 90px;
}
.case .case-in .case-top p{
width: 190px;
height: 50px;
text-align: center;
line-height: 50px;
/* margin-top: 320px; */
border-radius: 5px;
}
.case .case-in .case-top .p1{
background: #FFFFFF;
border: 1px solid #707070;
opacity: 1;
/* margin-left: 360px; */
}
.case .case-in .case-top .p2{
background: #FFFFFF;
border: 1px solid #2984FC;
margin-left: 44px;
border-radius: 5px;
}
.case .case-in .case-bot{
width: 100%;
max-width: 1200px;
margin: 0 auto;
color: white;
margin-top: 38px;
}
.case .case-in .case-bot ul{
width: 100%;
/* height: 290px; */
padding-bottom: 30px;
display: flex;
justify-content: space-around;
}
.case .case-in .case-bot ul li{
background: white;
box-shadow: 8px 8px 20px rgb(0 0 0 / 5%);
margin-bottom: 38px;
flex: 0 0 23%;
float: none;
cursor: pointer;
}
.case .case-in .case-bot ul li:hover{
box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.14);
transform:scale(1.05,1.05)
}
.case .case-in .case-bot ul li .tp img{
width: 100%;
height: 155px;
object-fit: cover;
}
.case .case-in .case-bot ul li .mi .txt1{
width: 90%;
margin: 0 auto;
margin-top: 10px; 
margin-bottom: 10px; 
}
.case .case-in .case-bot ul li .mi div{
width: 90%;
margin: 0 auto;
justify-content: space-between;
display: flex;
margin-bottom: 10px; 
}
.case .case-in .case-bot ul li .mi div p .s1{
margin-left: 15px;
margin-right: 155px;
font-size: 12px;
color: #999999;
}
.case .case-in .case-bot ul li .mi div p .s2{
color: #666666;
font-size: 12px;
}
.celebrity{
width: 100%;
margin-top: 150px;
}
.celebrity .title{
width: 100%; 
height: 45px;
font-size: 30px;
font-weight: 500;
line-height: 45px;
text-align: center;
}
.celebrity .celebrity-in{
width: 100%; 
height: 1000px;
margin-top: 90px;
}
.celebrity .celebrity-in .celebrity-left {
width: 50%;
display: flex; 
/* flex-flow: wrap; */
position: relative;
}
.celebrity .celebrity-in .celebrity-left p{
position: absolute;
}
.celebrity .celebrity-in .celebrity-left .i1{
top: 422px;
left: 730px;
}
.celebrity .celebrity-in .celebrity-left .i2{
top: 406px;
left: 557px;
}
.celebrity .celebrity-in .celebrity-left .i3{
top: 477px;
left: 340px;
}
.celebrity .celebrity-in .celebrity-left .i4{
top: 525px;
left: 168px;
}
.celebrity .celebrity-in .celebrity-left .i5{
top: 339px;
left: 246px;
}
.celebrity .celebrity-in .celebrity-left .i6{
top: 170px;
left: 394px;
}
.celebrity .celebrity-in .celebrity-left .i7{
top: 238px;
left: 698px;
}
.celebrity .celebrity-in .celebrity-left .i8{
top: 49px;
left: 172px;
}
.celebrity .celebrity-in .celebrity-left .i9{
top: 134px;
left: 268px;
}
.celebrity .celebrity-in .celebrity-left .i10{
top: 307px;
left: 165px;
}
.celebrity .celebrity-in .celebrity-left .i11{
top: 0;
left: 623px;
}
.celebrity .celebrity-in .celebrity-left .i12{
top: 0;
left: 407px;
}
.celebrity .celebrity-in .celebrity-left .i13{
top: 573px;
left: 552px;
}

@-webkit-keyframes b {
0% {
  -webkit-transform: translateX(-1000px);
}	
100% {
  -webkit-transform: translateX(0);
}
}

@-webkit-keyframes abc {
0% {
  -webkit-transform: translateX(1000px);
}	
100% {
  -webkit-transform: translateX(0);
}
}
.celebrity .celebrity-in .celebrity-left{ -webkit-animation:'b' 2s 1}
.marketing-bottom-int{ -webkit-animation:'b' 2s 1}
.marketing-bottom-inb{ -webkit-animation:'abc' 2s 1}

@-webkit-keyframes bb {
0% {
  opacity: 0.1;
}	
100% {
  opacity: 1;
}
}

@keyframes bb {
0% {
  opacity: 0.1;
}	
100% {
  opacity: 1;
}
}

.celebrity .celebrity-in .celebrity-left .i1 img{ -webkit-animation:'bb' 5s infinite}
.celebrity .celebrity-in .celebrity-left .i2 img{ -webkit-animation:'bb' 6s infinite}
.celebrity .celebrity-in .celebrity-left .i3 img{ -webkit-animation:'bb' 7s infinite}
.celebrity .celebrity-in .celebrity-left .i4 img{ -webkit-animation:'bb' 8s infinite}
.celebrity .celebrity-in .celebrity-left .i5 img{ -webkit-animation:'bb' 9s infinite}
.celebrity .celebrity-in .celebrity-left .i6 img{ -webkit-animation:'bb' 10s infinite}
.celebrity .celebrity-in .celebrity-left .i7 img{ -webkit-animation:'bb' 11s infinite}
.celebrity .celebrity-in .celebrity-left .i8 img{ -webkit-animation:'bb' 12s infinite}
.celebrity .celebrity-in .celebrity-left .i9 img{ -webkit-animation:'bb' 14s infinite}
.celebrity .celebrity-in .celebrity-left .i10 img{ -webkit-animation:'bb' 13s infinite}
.celebrity .celebrity-in .celebrity-left .i11 img{ -webkit-animation:'bb' 15s infinite}
.celebrity .celebrity-in .celebrity-left .i12 img{ -webkit-animation:'bb' 16s infinite}
.celebrity .celebrity-in .celebrity-left .i13 img{ -webkit-animation:'bb' 17s infinite}

.celebrity .celebrity-in .celebrity-right{
width: 48%; 
margin-left: 52%;
height: 1000px;
background: url("/Application/Home/Public/propaganda-img/img2/bg.png") no-repeat; 
background-size: cover;
}
.celebrity-right-in{
padding-left: 100px;
}
.celebrity .celebrity-in .celebrity-right .top{
width: 56%; 
display: flex;
justify-content: space-around;
}
.celebrity .celebrity-in .celebrity-right .bot{
width: 58%; 
height: 735px;
background: rgba(255,255,255,1);
box-shadow: 0px 0px 20px 0px rgb(224 235 250 / 66%);
border-radius: 10px;
margin-top: 60px;
/* display: flex; */
position: relative;
}
.celebrity .celebrity-in .celebrity-right .anniu{
position: absolute;
display: inline-block;
top: -20px;
width: 0;
height: 0px;
content: '';
border-style: solid;
border-width: 20px;
border-color: #fff #fff transparent transparent;
box-shadow: 2px -2px 2px rgb(224 235 250 / 66%);
transform: rotate(-45deg);
}

.left1{
left: 27px;
}
.left2{
left: 120px;
}
.left3{
left: 212px;
}
.left4{
left: 300px;
}
.left5{
left: 390px;
}
.celebrity .celebrity-in .celebrity-right .bot .bot-up{
width: 80%;
display: flex;
justify-content: space-between;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 20px;
}
.celebrity .celebrity-in .celebrity-right .bot .bot-up p:nth-child(1){
font-size: 20px;
}
.celebrity .celebrity-in .celebrity-right .bot .bot-up p:nth-child(2){
font-size: 14px;
}
.celebrity .celebrity-in .celebrity-right .bot .bot-up p:nth-child(1) img{
margin-right: 10px;
vertical-align: middle;
}
.celebrity .celebrity-in .celebrity-right .bot .bot-top{
width: 80%;
height: 10px;
margin: 0 auto;
background: rgba(17,18,25,0.1);
}
.celebrity .celebrity-in .celebrity-right .bot .bot-top .bot-top-in{
width: 18%;
height: 100%;
}
.celebrity .celebrity-in .celebrity-right .bot2 .bot-top .bot-top-in{
width: 70%;
height: 100%;
}
.celebrity .celebrity-in .celebrity-right .bot3 .bot-top .bot-top-in{
width: 33%;
height: 100%;
}
.celebrity .celebrity-in .celebrity-right .bot4 .bot-top .bot-top-in{
width: 64%;
height: 100%;
}
.celebrity .celebrity-in .celebrity-right .bot5 .bot-top .bot-top-in{
width: 46%;
height: 100%;
}


.celebrity .celebrity-in .celebrity-right .bot .bot-top .two{
width: 70%;
}
.celebrity .celebrity-in .celebrity-right .bot2 .bot-top .two{
width: 85%;
}
.celebrity .celebrity-in .celebrity-right .bot3 .bot-top .two{
width:47%;
}
.celebrity .celebrity-in .celebrity-right .bot4 .bot-top .two{
width: 78%;
}
.celebrity .celebrity-in .celebrity-right .bot5 .bot-top .two{
width: 39%;
}


.celebrity .celebrity-in .celebrity-right .bot .bot-top .three{
width: 85%;
}
.celebrity .celebrity-in .celebrity-right .bot2 .bot-top .three{
width: 32%;
}
.celebrity .celebrity-in .celebrity-right .bot3 .bot-top .three{
width: 72%;
}
.celebrity .celebrity-in .celebrity-right .bot4 .bot-top .three{
width: 41%;
}
.celebrity .celebrity-in .celebrity-right .bot5 .bot-top .three{
width: 56%;
}


.celebrity .celebrity-in .celebrity-right .bot .bot-top .four{
width: 65%;
}
.celebrity .celebrity-in .celebrity-right .bot2 .bot-top .four{
width: 56%;
}
.celebrity .celebrity-in .celebrity-right .bot3 .bot-top .four{
width: 56%;
}
.celebrity .celebrity-in .celebrity-right .bot4 .bot-top .four{
width: 56%;
}
.celebrity .celebrity-in .celebrity-right .bot5 .bot-top .four{
width: 56%;
}
.bc1{
background: #ff2741;
}
.bc2{
background: rgba(248,133,1,1);
}
.bc3{
background: #ffc100;
}
.bc4{
background: #B40404;
}
.bc5{
background: #2A0A1B;
}

@-webkit-keyframes aa {
0% {
  width: 0%;
}	
100% {
  width: 18%;
}
}

@-webkit-keyframes aaa {
0% {
  width: 0%;
}	
100% {
  width: 70%;
}
}

@-webkit-keyframes aaaa {
0% {
  width: 0%;
}	
100% {
  width: 85%;
}
}

@-webkit-keyframes aaaaa {
0% {
  width: 0%;
}	
100% {
  width: 65%;
}
}

/* .celebrity .celebrity-in .celebrity-right .bot .bot-top .bot-top-in{ -webkit-animation:'aa' 1s 1}

.celebrity .celebrity-in .celebrity-right .bot .bot-top .two{ -webkit-animation:'aaa' 1s 1}

.celebrity .celebrity-in .celebrity-right .bot .bot-top .three{ -webkit-animation:'aaaa' 1s 1}

.celebrity .celebrity-in .celebrity-right .bot .bot-top .four{ -webkit-animation:'aaaaa'13s 1} */


.celebrity .celebrity-in .celebrity-right .bot #main{
width: 50%;
position: absolute;
height:205px;
bottom: 0;
left: 0px;
}
.celebrity .celebrity-in .celebrity-right .bot #mains{
width: 50%;
position: absolute;
bottom: 0;
height:205px;
left: 50%;
}
.celebrity .celebrity-in .celebrity-right .bot #main2{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 0px;
}
.celebrity .celebrity-in .celebrity-right .bot #main2s{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 50%;
}
.celebrity .celebrity-in .celebrity-right .bot #main3{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 0px;
}
.celebrity .celebrity-in .celebrity-right .bot #main3s{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 50%;
}
.celebrity .celebrity-in .celebrity-right .bot #main4{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 0px;
}
.celebrity .celebrity-in .celebrity-right .bot #main4s{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 50%;
}
.celebrity .celebrity-in .celebrity-right .bot #main5{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 0px;
}
.celebrity .celebrity-in .celebrity-right .bot #main5s{
width: 152px;
height:205px;
position: absolute;
bottom: 0;
left: 50%;
}
.service{
position: relative;
width: 100%;
background: #FAFAFA;
padding-bottom: 50px;
}
.service .title{
font-size: 24px;
font-weight: 500;
line-height: 36px;
color: #333333;
text-align: center;
padding-top: 130px;
padding-bottom: 40px;
}
.service .frame{
width: 90%;
max-width: 1200px;
height: 411px;
background: url("/Application/Home/Public/propaganda-img/qietu/bg3.png") no-repeat;
background-size: cover; 
margin: 0 auto;
position: relative;
}
.service .frame li{
position: absolute;
}
.service .frame .bo1{
top: 208px;
left: 82px;
}
.service .frame .bo2{
top: 252px;
left: 248px;
}
.service .frame .bo3{
top: 130px;
left: 366px;
}
.service .frame .bo4{
top: 252px;
left: 474px;
}
.service .frame .bo5{
top: 130px;
left: 585px;
}
.service .frame .bo6{
top: 252px;
left: 704px;
}
.service .frame .bo7{
top: 130px;
left: 812px;
}
.service .frame .bo8{
top: 208px;
left: 950px;
}
.service .frame li .tp{
width: 120px;
text-align: center;
}
.service .frame li .bo{
width: 120px;
height: 29px;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #5191FF;
}
.service .copywriting{
width: 100%;
margin-top: 185px;
}
.service .copywriting p{
padding-left: 360px;
}
.service .copywriting .copy1{
width: 552px;
height: 36px;
font-size: 24px;
font-weight: 500;
line-height: 36px;
color: #333333;
opacity: 1;
margin-bottom: 28px;
}
.service .copywriting .copy2{
width: 538px;
height: 20px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #333333;
opacity: 1;
margin-bottom: 44px;
}
.service .copywriting .copy3{
width: 430px;
height: 36px;
font-size: 24px;
font-weight: 500;
line-height: 36px;
color: #5191FF;
opacity: 1;
margin-bottom: 132px;
}
.service .bot{
box-shadow: 0px 0px 20px 0px rgb(224 235 250 / 66%);
background-color: #fff;
width: 90%;
max-width: 1200px;
height: 411px; 
margin: 0 auto;
display: flex;
justify-content: space-around;
position: relative;
/* bottom:   -205px;
left: 360px; */

}
.service .bot .img1{
text-align: center;
padding-bottom: 18px;
}
.service .bot li{
margin-top: 50px;
}
.service .bot p{
font-size: 16px;
line-height: 24px;
text-align: center;
}
.service .bot .copy1{
width: 100%;
margin: 0 auto;
height: 36px;
font-size: 24px;
font-weight: bold;
line-height: 36px;
color: #5191FF;
border-bottom: 1px solid #6671E9;
padding-bottom: 20px;
}
.service .bot .copy2{
margin-top: 20px;
}
.service .bot .copy3{
margin-top: 3px;
}
.service .bot .copy4{
margin-top: 3px;
}
.service .bot .copy5{
margin-top: 3px;
}

.lunbo{
width: 100%;
height: 828px;
margin-top: 260px;
background: url("/Application/Home/Public/propaganda-img/img2/bg6.png") no-repeat;
background-size: cover; 
}
.lunbo .title{
width: 100%;
text-align: center;
font-size: 30px;
font-weight: 500;
}
body {
background: #fff;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.honor-container {
padding-top: 80px;
}
#swiper-container-honor {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
#swiper-container-honor .swiper-slide {
background-position: center;
background-size: cover;
width: 774px;
height: 462px;
visibility: hidden;
}
#swiper-container-honor .swiper-slide.swiper-slide-prev, #swiper-container-honor .swiper-slide.swiper-slide-next, #swiper-container-honor .swiper-slide.swiper-slide-active{visibility: visible;}
.dis{
width: 100%;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
background: #FAFAFA;
display: none;
}
.dis .swiper-container1 {
width: 774px;
height: 462px;
}

.dis .swiper-container1 .swiper-slide {
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.dis .swiper-container1 .swiper-slide img{
width: 100%;
height: 100%;
}
.customer{
width: 100%;
}
.customer .title{
width: 100%;
text-align: center;
height: 36px;
font-size: 24px;
font-weight: 500;
line-height: 57px;
color: #333333;
opacity: 1;
padding-bottom: 70px;
}
.customer .lists{
width: 90%;
max-width: 1200px;
display: flex;
flex-flow: wrap;
height: auto;
margin: 0 auto;
}
.customer .lists li img{
width: 100%;
height: 100%;
}
.information{
margin-top: 200px;
width: 100%;
height: 829px;
/* padding-bottom: 95%; */
position: relative;
background: url("/Application/Home/Public/propaganda-img/qietu2/bg1.png") no-repeat;
background-size: cover;
}
/* .information .title{
width: 96px;
height: 36px;
font-size: 24px;
font-weight: 500;
line-height: 57px;
color: #FFFFFF;
opacity: 1;
margin: 0 auto;
padding-top: 500px;
padding-bottom: 54px;
} */
.information .x-b{
padding-top: 210px;
}
.information .bot{
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.information .bot li{
margin-top: 30px;
background-color: white;
}
.information .bot li .tp{
width: 270px;
}
.information .bot li .tp img{
width: 270px;
height: 167px;
}
.information .bot li .mi{
padding-top: 16px;
/* padding-left: 15px; */
background-color: white;
}
.information .bot li .bo{
padding-top: 13px;
/* padding-left: 15px; */
color: #999999;
font-size: 14px;
padding-bottom: 12px;
}
.information .bot li .bo .s1{
/* padding-right: 14px; */
}
.information .bot li .bo .s2{
/* padding-right: 120px; */
}
.box .news { width: 100%; height: auto;
background: url("/Application/Home/Public/propaganda-img/qietu2/bg1.png") no-repeat;
background-size: cover;
padding-bottom: 200px;
}

.box .news .news-in { width: 90%; max-width: 1200px; margin: 0 auto; overflow: hidden; }

.box .news .news-in .news-bottom { margin-top: 530px; display: flex; flex-flow: row wrap; justify-content: space-between; }

.box .news .news-in .news-bottom > div { background: white; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05); margin-bottom: 38px; flex: 0 0 23%; float: none; cursor: pointer; }

.box .news .news-in .news-bottom > div .news-bottom-img { width: 100%; height: 170px; object-fit: cover; }

.box .news .news-in .news-bottom > div .news-bottom-text { padding: 16px 12px 0 15px; box-sizing: border-box; display: flex; flex-flow: column wrap; }

.box .news .news-in .news-bottom > div .news-bottom-text > p:nth-child(1) { color: #333333; }

.box .news .news-in .news-bottom > div .news-bottom-text > p:nth-child(2) { font-size: 14px; color: #999999; margin: 14px 0 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details { font-size: 14px; margin-bottom: 14px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div { float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div img { height: 100%; margin-right: 3px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details div p { color: #666666; font-size: 12px; }

.box .news .news-in .news-bottom > div .news-bottom-text .news-details > p { font-size: 12px; float: right; color: #acacac; }

.slogan{
width: 100%;
height: 388px;
background: url("/Application/Home/Public/propaganda-img/img2/bg5.png") no-repeat;
background-size: 100% 100%;
}


@media screen and (max-width: 1200px) { 
.box{width: 100%;}
.header .header-address {width: 100%;}
.header .header-address .header-dh .header-dh-sou { margin: 0; }
.platform{margin-top: -60px;}
.platform ul{width: 100%;}


.advantage{width: 100%;  background: #fff;padding-top: 110px;height: auto;padding-bottom: 50px;}
.advantage .advantage-bottom{width: 84%;margin: 0 auto; padding-top: -110px;}
.advantage .advantage-bottom .advantage-bottom-left{display: none;}
.advantage .advantage-bottom .advantage-bottom-right{width: 100%; margin: 0 auto;}
.advantage .advantage-bottom .advantage-bottom-right .p1{width: 100%;height: auto;background: #FAFAFA;}
.advantage .advantage-bottom .advantage-bottom-right .p1 {width: 100%;height: auto;background: #FAFAFA;}
.advantage .advantage-bottom .advantage-bottom-right .p1 .le {margin-left: 20px;margin-top: 20px;}
.advantage .advantage-bottom .advantage-bottom-right .p1 .ri {margin-left: 20px;margin-top: 20px;font-size: 16px;}


.marketing{width: 100%;height: auto;padding-bottom: 50px;}
.marketing .marketing-bottom{width: 100%;padding-top: 50px;}
.marketing .marketing-bottom .marketing-bottom-inb{display: none;}
.marketing .marketing-bottom .marketing-bottom-int{display: none;}


.case{width: 100%;}
.case .img-top{display: none;}
.case .img-bot{display: none;}
.case .title{padding-top: 30px;}
.case .case-in{background: #fff;height: auto;margin-top: 30px;}
.case .case-in .case-top{padding-bottom: 30px; padding-top: 0px; width: 90%;justify-content: space-between;margin: 0 auto; }
.case .case-in .case-top p{width: 30%;}
.case .case-in .case-top .p1{padding: 0;margin: 0;}
.case .case-in .case-top .p2{padding: 0;margin: 0;}
.case .case-in .case-bot {width: 90%;margin: 0 auto; flex-flow: wrap;}
.case .case-in .case-bot ul {flex-flow: wrap; padding-bottom: 0;}

.celebrity{width: 100%;height: auto;padding-bottom: 50px; margin-top: 0;}
.celebrity .celebrity-in{width: 100%;margin-top: 20px;}
.celebrity .celebrity-in .celebrity-left{display: none;}
.celebrity .celebrity-in .celebrity-right{width: 90%; margin: 0 auto;background: #fff;}
.celebrity .celebrity-in .celebrity-right-in{width: 90%; margin: 0 auto;padding-left: 0;}
.celebrity .celebrity-in .celebrity-right-in .top{width: 100%;}
.celebrity .celebrity-in .celebrity-right-in .top li{width: 15%;height: 15%;}
.celebrity .celebrity-in .celebrity-right-in .top li img{width: 60px;height: 60px;}
.celebrity .celebrity-in .celebrity-right-in .bot{width: 100%;}

.service {padding-bottom: 50px;}
.service .frame{display: none;}
.service .title{padding-top: 30px;padding-bottom: 0;}
.service .copywriting{margin-top: 20px;}
.service .copywriting .copy1{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;}
.service .copywriting .copy2{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;}
.service .copywriting .copy3{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;margin-bottom: 50px;}
.service .bot{width: 90%;height: auto;display: inline-flex;justify-content: unset; position: relative;left: 0;bottom: 0;flex-wrap: wrap;margin-left: 5%;box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05);}
.service .bot li{width: 90%;margin: 0 auto;margin-bottom: 25px;margin-top: 25px;}

.lunbo{display: none;}
.dis{display: block;width: 90%;margin: 0 auto;}
.dis .swiper-container1{width: 100%;height: 600px;}

.box .news{background: white;}
.box .news .news-in .news-bottom{margin-top: 70px;}

.customer{height: auto;}
.customer .lists li {width: 25%;}
.customer .lists li img{width: 100%;height: 100%;}
.news{background: #fff;}
.slogan{display: none;}
.marketing .marketing-bottom .marketing-bottom-int{display: none;}
}
@media screen and (max-width: 1000px) {
.customer{height: auto;}
.customer .lists li {width: 33%;}
.customer .lists li img{width: 100%;height: 100%;}
.marketing .marketing-bottom .marketing-bottom-int{display: none;}
}
@media screen and (max-width: 800px) {
.header .header-address .header-address-top{display: none;}
.header .header-address .header-dh {  margin-top: 17px;}
.header .header-address .header-dh .header-dh-banner { display: none; }
.header .header-address .header-dh .header-dh-sou { display: none; }
.header .header-address .header-dh .header-tel { display: block; }

.dis .swiper-container1{width: 100%;height: 400px;}

.box .news .news-in .news-bottom > div { flex: 0 0 31%; }
.case .case-in .case-bot ul li{flex: 0 0 31%;}
.marketing .marketing-bottom .marketing-bottom-int{display: none;}

}
@media screen and (max-width: 600px) {
.service .copywriting .copy1{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;}
.service .copywriting .copy2{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;}
.service .copywriting .copy3{width: 90%;margin-left: 5%; padding: 0;text-align: center;height: auto;margin-bottom: 50px;}
.header .header-address .header-address-top{display: none;}
.header .header-address .header-dh {  margin-top: 17px;}
.header .header-address .header-dh .header-dh-banner { display: none; }
.header .header-address .header-dh .header-dh-sou { display: none; }
.header .header-address .header-dh .header-tel { display: block; }


.box .news .news-in .news-bottom > div { flex: 0 0 48%; }

.customer{height: auto;}
.customer .lists li {width: 50%;}
.customer .lists li img{width: 100%;height: 100%;}
.case .case-in .case-bot ul li{flex: 0 0 48%;}
.marketing .marketing-bottom .marketing-bottom-int{display: none;}

}
@media screen and (max-width: 500px) {
.dis .swiper-container1{width: 100%;height: 280px;}  
.marketing .marketing-bottom .marketing-bottom-int{display: none;}
}
@media screen and (max-width: 375px) {
.left1{left: 24px;}
.left2{left: 76px;}
.left3{left: 138px;}
.left4{left: 200px;}
.left5{left: 241px;}
/* .marketing .marketing-bottom .marketing-bottom-int{width: 90%; height: auto; margin: 0 auto;padding-bottom: 98px;}
.marketing .marketing-bottom .marketing-bottom-int .txt1{padding-top: 90px;margin-left: 28px;}
.marketing .marketing-bottom .marketing-bottom-int .txt2{padding-top: 16px;margin-left: 28px;} */
.marketing .marketing-bottom .marketing-bottom-int{display: none;}
.dis .swiper-container1{width: 100%;height: 220px;}  
}