*{
    margin: 0;
    padding: 0; 
}
.header {
    position: relative;
    width: 100%;
}
.scroll {
    display: inline-block;
    width: 100%;
    border: 1px solid #000000;
}
.header .scroll .img {
    display: none;
    width: 100%;
}
.header .scroll .current {
    display: block;
}
.swiper_img {
    width: 100%;
}
.computer_pic{
    position: absolute;
    top: 30%;
    left: 60%;
    right: 0;
    width: 30%;
    height: 60%;
    background: url(../image/website-build/diannao.png) center no-repeat;
    background-size: 100% 100%;
    z-index: 992;
  }
  .pad_pic{
    position: absolute;
    top: 45%;
    left: 55%;
    right: 0;
    width: 15%;
    height: 50%;
    background: url(../image/website-build/pingban.png) center no-repeat;
    background-size: 100% 100%;
    z-index: 993;
  }
  .phone_pic{
    position: absolute;
    top: 55%;
    left: 85%;
    right: 0;
    width: 10%;
    height: 40%;
    background: url(../image/website-build/phone.png) center no-repeat;
    background-size: 100% 100%;
    z-index: 993;
  }
.scroll .lfdiv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    background-position: 0 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    margin: auto;
    transform: translateY(-50%);
    z-index: 999;
}
.scroll .lrdiv {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 200px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    margin: auto;
    transform: translateY(-50%);
    z-index: 999;
}
.lf{
    width: 16px;
    height: 25px;
    margin: auto;
    margin-top: 7.5px;
    background-image: url('../image/index/left.png');
    background-size: 100% 100%;
}
.lr{
    width: 16px;
    height: 25px;
    margin: auto;
    margin-top: 7.5px;
    background-image: url('../image/index/right.png');
    background-size: 100% 100%;
}
.lrdiv:hover,.lfdiv:hover{
    background-color: #d42920;
}
.dots {
    margin: auto;
    margin-top: -150px;
    width: 138px;
}
.shubiao {
    box-sizing: border-box;
    margin: auto;
    width: 20px;
    height: 34px;
    margin-top: -100px;
    background-image: url(../image/index/mouse.png);
}
.dots>span {
    display: inline-block;
    box-sizing: border-box;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(204, 204, 204, 0.2);
    border-radius: 15px;
    cursor: pointer;
} 
/* .dots>span:not(:last-child) {
    margin-right: 30px;
} */
/* 小圆点的颜色 */
.dots .square {
    background: #d42920;
}
.arrow{
    border: 9px solid transparent;
    border-bottom-color: #d42920;
    width: 0px;
    height: 0px;
    top:0px;
    z-index: 9999;
}
.stick{
    width: 8px;
    height: 14px;
    border-radius: 1px;
    background-color: #d42920;
    top:15px;
    z-index: 9999;
}
#back_top div{
    position: absolute;
    margin: auto;
    right: 0px;
    left: 0px;
    z-index: 9999;
}
#back_top{
    background-color: #ffffff;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    position: fixed;
    right: 50px;
    bottom: 100px;
    display: none;
    z-index: 9999;
}

  .main{
    padding-top: 150px;
  }
.my_services1{
    display: flex;
    width: 100%;
    height: 60px;
    margin-top: 40px;
    justify-content:center;
}

.my_services1 P {
    font-size: 40px;
}
.my_services2{
    width: 100%;
    height: 90px;
    text-align: center;
}
.my_services2 p{
    font-size: 28px;
}
.servicesType{
    display: flex;
    width: 100%;
    margin-top: 30px;
    justify-content:center;
    padding-bottom: 100px;
}
#servicer_type1,
#servicer_type2,
#servicer_type3,
#servicer_type4,
#servicer_type5{
    width: 200px;
    height: 380px;
    color: #000000;
}
#servicer_type2,
#servicer_type3,
#servicer_type4,
#servicer_type5{
    margin-left: 50px;
}
.servicer_pic1{
    width: 80px;
    height: 74px;
    margin-top: 26px;
    margin-left: 60px;
    background-image: url(../image/index/website-red.png);
}
.servicer_pic2{
    width: 73px;
    height: 73px;
    margin-top: 27px;
    margin-left: 61.5px;
    background-image: url(../image/index/Miniprogram-red.png);
}
.servicer_pic3{
    width: 90px;
    height: 73px;
    margin-top: 27px;
    margin-left: 55px;
    background-image: url(../image/index/chat-red.png);
}
.servicer_pic4{
    width: 67px;
    height: 72px;
    margin-top: 28px;
    margin-left: 66.5px;
    background-image: url(../image/index/app-red.png);
}
.servicer_pic5{
    width: 84px;
    height: 73px;
    margin-top: 27px;
    margin-left: 58px;
    background-image: url(../image/index/SEO-red.png);
}
.servicer_name{
    width: 100%;
    height: 30px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 5px;
    margin-top: 20px;
}
.servicer_text{
    width: 190px;
    height: 190px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px; 
    text-align: left;
}
/* 关于君铭 */
.about_us{
    position: relative;
    width: 100%;
}
.about_jm{
    position: absolute;
    width: 1200px;
    height: 464px;
    margin: auto;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.about_name{
    width: 100%;
    flex: 1;
}
.about_en {
    color:#d42920;
    font-size: 40px;
    font-weight: 600;
    width: 720px;
}
.about_title {
    color:#ffffff;
    font-size: 26px;
    font-weight: 200;
    border-bottom: 1px solid #ffffff;
}
.about_text {
    color:#ffffff;
    font-size: 16px;
    font-weight: 200;
    width: 720px;
    letter-spacing: 1px;
    line-height: 2;
    margin-top: 20px;
}
.about_btn {
    width: 150px;
    height: 40px;
    border-radius: 20px;
    color: #ffffff;
    background-color: #d42920;
    border: 0px;
    margin-top: 30px;
}
.junming_pic{
    position: absolute;
    width: 427px;
    height: 464px;
    margin-left: 773px;
    background: url(../image/index/junmingtu.png) top no-repeat;
    background-size: 100% auto;
}
.wenti{
    position: relative;
    width: 100%;
}
.wenti_name{
    position: absolute;
    width: 1200px;
    height: 480px;
    margin: auto;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.wenti_div{ 
    margin-top: 80px;
    display: flex;
    width: 1200px;
    height: 304px;

}
.wenti_div1{
    width: 350px;
}
.wenti_div2{
    width: 500px;
}
.wenti_type{
    display: flex;
    justify-content: center;
	align-items: center;
    position:relative;
    width: 100%;
    height: 100px;
}
.wenti_textl{
    width: 200px;
    height: 50px;
    line-height: 25px;
    color: #ffffff;
}
.type_l{
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    font-size: 30px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.wenti_textr{
    width: 200px;
    height: 50px;
    line-height: 25px;
    color: #ffffff;
}
.type_r{
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    font-size: 30px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #ffffff;
    color: #ffffff;
}
/* 左右移动动画 */
#typediv1{
    animation:mymovel1 5s infinite;
}
#typediv2{
    animation:mymovel2 5s infinite;
}
#typediv3{
    animation:mymovel3 5s infinite;
}
#typediv4{
    animation:mymover1 5s infinite;
}
#typediv5{
    animation:mymover2 5s infinite;
}
#typediv6{
    animation:mymover3 5s infinite;
}
@keyframes mymovel1
{
	0% {right:0px;}
	50%{right:30px;}
	100% {right:0px;}
}
@keyframes mymovel2
{
	0% {right:0px;}
	50%{right:20px;}
	100% {right:0px;}
}
@keyframes mymovel3
{
	0% {right:0px;}
	50%{right:10px;}
	100% {right:0px;}
}
@keyframes mymover1
{
	0% {left:0px;}
	50%{left:30px;}
	100% {left:0px;}
}
@keyframes mymover2
{
	0% {left:0px;}
	50%{left:20px;}
	100% {left:0px;}
}
@keyframes mymover3
{
	0% {left:0px;}
	50%{left:10px;}
	100% {left:0px;}
}
/* 我们的作品 */
.works{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
}
.works_child1{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/dimufushi.png);
    background-size: 100% 100%;
}
.works_child1h{
    width: 420px;
    height: 212.5px;
    padding-top: 137.5px;
    
}
.works_name1{
    width: 90%;
    height: 75px;
    margin: auto;
    background: url(../image/index/dimulogo.png) center no-repeat;
    background-size: 100%;
}

.works_slogan1,
.works_slogan2,
.works_slogan3,
.works_slogan4,
.works_slogan5,
.works_slogan6,
.works_slogan7,
.works_slogan8
{
    display: none;
    width: 100%;
    height: 20px;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
    color: #ffffff;
}
.works_search1,
.works_search2,
.works_search3,
.works_search4,
.works_search5,
.works_search6,
.works_search7,
.works_search8{
    display: none;
    margin-top: 5%;
    width: 68px;
    height: 68px;
    margin: auto;
    background-image: url(../image/index/big-glass.png);
}
/* .works_child1h:hover{
    background-color: rgba(197,50,42,0.9);
} */
.works_child2{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/songtiantu.png);
    background-size: 100% 100%;
}
.works_child2h{
    width: 420px;
    height: 203.5px;
    padding-top: 146.5px;
}
.works_name2{
    width: 383px;
    height: 57px;
    margin: auto;
    background-image: url(../image/index/songtian.png);
}
.works_child3{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/jinshiguangdiantu.png);
    background-size: 100% 100%;
}
.works_child3h{
    width: 420px;
    height: 205px;
    padding-top: 145px;
}
.works_name3{
    width: 384px;
    height: 60px;
    margin: auto;
    background-image: url(../image/index/jinshiguang.png);
}
.works_child4{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/hengyatu.png);
    background-size: 100% 100%;
}
.works_child4h{
    width: 420px;
    height: 199.5px;
    padding-top: 150.5px;
}
.works_name4{
    width: 337px;
    height: 49px;
    margin: auto;
    background: url(../image/index/hengya.png) center no-repeat;
    background-size: 100% auto;
}
.works_child5{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/xindetu.png);
    background-size: 100% 100%;
}
.works_child5h{
    width: 420px;
    height: 208px;
    padding-top: 142px;
}
.works_name5{
    width: 358px;
    height: 66px;
    margin: auto;
    background: url(../image/index/xinde.png) center no-repeat;
    background-size: 100% auto;
}
.works_child6{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/sikesairui.png);
    background-size: 100% 100%;
}
.works_child6h{
    width: 420px;
    height: 211px;
    padding-top: 139px;
}
.works_name6{
    width: 90%;
    height: 72px;
    margin: auto;
    background: url(../image/index/sikelogo.png) center no-repeat;
    background-size: 100%;
}
.works_child7{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/yuxuanfushi.png);
    background-size: 100% 100%;
}
.works_child7h{
    width: 420px;
    height: 199px;
    padding-top: 151px;
}
.works_name7{
    width: 90%;
    height: 75px;
    margin: auto;
    background: url(../image/index/yuxuanlogo.png) center no-repeat;
    background-size: 100%;
}
.works_child8{
    width: 420px;
    height: 350px;
    background-image: url(../image/index/yongshengtu.png);
    background-size: 100% 100%;
}
.works_child8h{
    width: 420px;
    height: 214px;
    padding-top: 136px;
}
.works_name8      {
    width: 279px;
    height: 78px;
    margin: auto;
    background-image: url(../image/index/yongsheng.png);
}
/* 我们的十年 */
.tenyear_pic{
    width: 882px;
    height: 264px;
    margin-top: 40px;
    margin: auto;
    background: url(../image/index/10-Years.png) center no-repeat;
    background-size: 100% auto;
    z-index: 999;
}
.tenyear_slogan{
    width: 882px;
    height: 80px;
    margin: auto;
    letter-spacing: 2px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 40px;
}
.tenyear_servicediv{
    display: flex;
    width: 1180px;
    height: 200px;
    margin: auto;
    padding-bottom: 150px;
}
.tenyear_service1,
.tenyear_service2,
.tenyear_service3,
.tenyear_service4{
    width: 250px;
    height: 300px;
    margin-left: 60px;
}
.tenyearO_1,
.tenyearO_2,
.tenyearO_3,
.tenyearO_4{
    width: 200px;
    height: 200px;
    border-radius: 50%;;
    margin: auto;
    border: 1px solid silver;
}
.tenyearI_1,
.tenyearI_2,
.tenyearI_3,
.tenyearI_4{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin-top: 9px;
    margin-left: 9px;
    border: 1px solid #a0a0a0;
}
.tenyear_picson1{
    width: 97px;
    height: 97px;
    margin-top: 41.5px;
    margin-left: 41.5px;
    background-image: url(../image/index/Personalization-red.png);
}
.tenyear_picson2{
    width: 108px;
    height: 95px;
    margin-top: 42.5px;
    margin-left: 36px;
    background-image: url(../image/index/mind-red.png);
}

.tenyear_picson3{
    width: 95px;
    height: 95px;
    margin-top: 42.5px;
    margin-left: 42.5px;
    background-image: url(../image/index/SEOoptimize-red.png);
}
.tenyear_picson4{
    width: 100px;
    height: 96px;
    margin-top: 42px;
    margin-left: 40px;
    background-image: url(../image/index/After-sales-red.png);
}
.tenyear_servicename1,
.tenyear_servicename2,
.tenyear_servicename3,
.tenyear_servicename4{
    width: 100%;
    height: 30px;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}
.tenyear_serviceinfor{
    width: 100%;
    height: 60px;
    line-height: 30px;
    text-align: center;
    color: #a0a0a0;
}
/* 他们选择了我们 */
.chooseus{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../image/index/xuanze.png);
}
.choose_jm{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}
.jm_friend{
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}
.friend_pic{
    width: 400px;
    height: 150px;
}
/* 建站必看 */
.news{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #d42920;
}
.biaoti1{
    width: 100%;
    color:#ffffff;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
}
.biaoti2{
    width: 100%;
    color:#ffffff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.news_dongtai{
    width: 300px;
    height: 500px;
    border-radius: 10px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.news_fangan{
    width: 300px;
    height: 500px;
    border-radius: 10px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
.news_jianshe{
    width: 300px;
    height: 500px;
    border-radius: 10px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
.news_wenti{
    width: 300px;
    height: 500px;
    border-radius: 10px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
/*新闻  */
.news_name{
    width: 270px;
    padding-top: 20px;
    margin: auto;
    font-size: 18px;
    color: #a0a0a0;
}
.news_typeE{
    width: 270px;
    margin: auto;
    font-size: 22px;
    color: #d42920;
}
.news_typeC{
    width: 80px;
    height: 30px;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
    margin-left: 15px;
    margin-top: 5px;
    background-color: #d42920;
    color: #ffffff;
}
.news_text1{
    margin-top: 20px;
    width: 270px;
    height: 120px;
    margin: auto;
    border-bottom: 1px solid #a0a0a0;
}
.news_text2{
    width: 270px;
    height: 120px;
    margin: auto;
    border-bottom: 1px solid #a0a0a0;
}
.news_text3{
    width: 270px;
    height: 120px;
    margin: auto;
    border-bottom: 1px solid #a0a0a0;
}
.news_biaoti{
    width: 270px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.news_biaoti:hover{
    color: #d42920;
}
.news_time{
    width: 270px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #a0a0a0;
}
.news_text{
    width: 270px;
    height: 0px;
    line-height: 25px;
}
/* 联系我们 */
.message{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../image/index/lianxiwomen.png);
}
.message_bard{
    width: 680px;
    height: 500px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    margin: auto;

}
.hhh1{
    width: 620px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin-top: 20px;
    margin-left: 30px;
}
.hhh2{
    width: 620px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-left: 30px;
}
.input{
    width: 300px;
    height: 30px;
    margin-left: 30px;
    margin-top: 20px;
    float: left;
    border-bottom: 1px solid #000000;
}
input{
    width: 300px;
    height: 30px;
    border: 0px;
}
.textarea{
    width: 620px;
    height: 220px;
    margin-left: 30px;
    margin-top: 20px;
    float: left;
    border: 1px solid #ffffff;
}
textarea{
    width: 620px;
    height: 220px;
    line-height: 24px;
    border-radius: 5px;   
}
.submitdiv{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    float: left;
}
.submitdiv button{
    width: 150px;
    height: 40px;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 265px;
    font-size: 16px;
    border: 0px;
    color: #ffffff;
    background-color: #d42920;
}


@media screen and (max-width: 750px) {
    .dots {
        display: none;
    }

    .scroll {
        border: none;
        position: relative;
    }

    .scroll .lfdiv {
        left: 11px;
        width: 8px;
        height: 14px;
    }
    
    .scroll .lrdiv {
        right: 11px;
        width: 8px;
        height: 14px;
    }

    .lrdiv:hover,.lfdiv:hover{
        background-color: transparent;
    }

    .lf{
        width: 100%;
        height: 14px;
        margin-top: 0;
    }
    .lr{
        width: 100%;
        height: 14px;
        margin-top: 0;
    }

    .main {
        padding-top: 0;
    }

    .my_services1 {
        margin-top: 18px;
        height: 20px;
    }
    .my_services1 p {
        font-size: 18px;
    }
    .my_services2 {
        margin-top: 8px;
        height: auto;
        margin-bottom: 16px;
    }
    .my_services2 p {
        font-size: 12px;
        padding: 0 18px;
    }

    .servicesType {
        flex-direction: column;
        padding-bottom: 0px;
    }

    #servicer_type1,
    #servicer_type2,
    #servicer_type3,
    #servicer_type4,
    #servicer_type5{
        width: 100%;
        height: auto;
        color: #d42920;
        margin-left: 0;
        padding: 15px 0;
    }

    #servicer_type1,
    #servicer_type3,
    #servicer_type5 {
        background-color: #d42920;
        color: #ffffff;
    }

    .servicer_pic1 {
        background-image: url(../image/index/website-white.png);
        margin: 0 auto;
    }

    .servicer_pic2 {
        margin: 0 auto;
    }

    .servicer_pic3 {
        background-image: url(../image/index/chat-white.png);
        margin: 0 auto;
    }

    .servicer_pic4 {
        margin: 0 auto;
    }

    .servicer_pic5 {
        background-image: url(../image/index/SEO-white.png);
        margin: 0 auto;
    }

    .servicer_name {
        font-size: 18px;
    }

    .servicer_text {
        width: 200px;
        height: auto;
        margin: 10px auto 0;
        font-size: 12PX;
    }

    .about_jm {
        box-sizing: border-box;
        padding: 16px 16px 24px;
        position: static;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: url(../image/index/aboutus.png) top;
        background-size: 100% auto;
    }

    .about_en {
        width: 100%;
    }

    .about_text {
        width: 100%;
    }

    .junming_pic {
        width: 100%;
        height: 358px;
        position: static;
        margin-left: 0;
    }

    .about_us img{
        display: none;
    }

    .wenti {
        box-sizing: border-box;
        padding: 16px 16px 24px;
        position: static;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: url(../image/index/aboutus.png) top;
        background-size: 100% auto;
    }

    .wenti_name {
        position: static;
        width: 100%;
        height: auto;
    }

    .wenti_div {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    #typediv1, 
    #typediv2,
    #typediv3 {
        animation: none;
        flex-direction: row-reverse;
    }

    #typediv4,
    #typediv5,
    #typediv6{
        animation: none;
    }

    .wenti_div2 {
        width: 100%;
        height: 200px;
    }

    .wenti_div2 img {
        width: 100%;
    }

    .wenti_background {
        display: none;
    }

    .news_dongtai,
    .news_fangan,
    .news_jianshe,
    .news_wenti {
        margin-left: 0;
    }
    
    .tenyear_pic {
        width: 100%;
        height: 150px;
    }

    .tenyear_slogan {
        width: 100%;
        height: auto;
    }

    .tenyear_servicediv {
        width: 100%;
        height: auto;
        flex-direction: column;
        padding-bottom: 50px;
    }

    .tenyear_service1, .tenyear_service2, .tenyear_service3, .tenyear_service4 {
        margin: 0 auto;
    }

    .message_bard {
        box-sizing: border-box;
        width: 100%;
        height: 680px;
        padding: 20px 30px;
    }

    .hhh1 {
        width: 100%;
        margin-left: 0;
    }

    .hhh2 {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .input{
        margin-left: 0px;
        width: 100%;
    }

    .textarea {
        width: 100%;
        margin-left: 0;
    }

    textarea {
        width: 100%;
    }

    .submitdiv button {
        margin-top: 20px;
        margin-left: auto;
    }

    .beian {
        width: 100%;
    }

    .type_l {
        margin-left: 0;
        margin-right: 10px;
    }

    #back_top {
        display: none !important;
    }
    
    .works_child1h,
    .works_child2h,
    .works_child3h,
    .works_child4h,
    .works_child5h,
    .works_child6h,
    .works_child7h,
    .works_child8h,
    .works_child1,
    .works_child2,
    .works_child3,
    .works_child4,
    .works_child5,
    .works_child6,
    .works_child7,
    .works_child8,
    .works_name1,
    .works_name2,
    .works_name3,
    .works_name4,
    .works_name5,
    .works_name6,
    .works_name7,
    .works_name8 {
        width: 100%;
    }
}