html, body { scroll-behavior:smooth; }

body{
    margin: 0px;
}
.nav{
    /* 居中 */
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    min-width: 1300PX;
    height: 60PX;
}

.nav_bg_white_add{
    -webkit-animation:nav-ann-add 1s linear 1;
    animation:nav-ann-add 1s linear 1;
    background-color: white;
    border-bottom: 1px #d8dbe2 solid;
    height: 60px;
}

.nav_bg_white_reduce{
    -webkit-animation:nav-ann-reduce 0.5s linear 1;
    animation:nav-ann-reduce 0.5s linear 1;
    height: 0px;
}

        /* 导航动画 */
@-webkit-keyframes nav-ann-add {
	0% {
        /* opacity: 0; */
        background-color: white;
        border-bottom: 1px #d8dbe2 solid;
		height: 0px;
	}	
	100% {
        /* opacity: 1; */
        background-color: white;
        height: 60px;
        border-bottom: 1px #d8dbe2 solid;
	}
}
@keyframes nav-ann-add {
	0% {
        /* opacity: 0; */
        background-color: white;
        border-bottom: 1px #d8dbe2 solid;
		height: 0px;
	}	
	100% {
        /* opacity: 1; */
        background-color: white;
        height: 60px;
        border-bottom: 1px #d8dbe2 solid;
	}
}

@-webkit-keyframes nav-ann-reduce {
	0% {
        background-color: white;
        border-bottom: 1px #d8dbe2 solid;
		height: 60px;
	}	
	100% {
        background-color: white;
        height: 0px;
        border-bottom: 1px #d8dbe2 solid;
	}
}
@keyframes nav-ann-reduce {
	0% {
        background-color: white;
        border-bottom: 1px #d8dbe2 solid;
		height: 60px;
	}	
	100% {
        background-color: white;
        height: 0px;
        border-bottom: 1px #d8dbe2 solid;
	}
}


 .navigation{
        width: 1300PX;
        height: 60PX;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
 }

 .navigation_logo{
        margin-left: 36px;
        height: 35PX;
}

.navigation_items{
        display: flex;
        cursor: pointer;
}

.navigation_items a{
        text-decoration: none;
        color: black;
}

.navigation_item_text{
        font-size: 16px;
        width: 100px;
        border-radius: 25px;
        text-align: center;
        line-height: 30px;
        margin-left: 20px;
        font-weight: 100;
}

.navigation_item_text :hover{
    background-color: rgb(78,78,111);
    border-radius: 15px;
    color: #fff !important;
}

.navigation_item_select{
    background-color: rgb(78,78,111);
}
/* .nav_font :hover{
    color: #fff;
} */

.nav_text_select{
    color: #fff !important;
}

.nav_font_color{
    color: #fff;
}

    /* 渐变色 */
.positions{
    display: flex;
    flex-flow: row wrap;
    margin-top: 12px;
    justify-content: center;
}
 
.positions .p_one{
    height: 600px;
    width: 49%;
    border: 6px solid #fff;
    min-width: 500px;
    background: linear-gradient(320deg, #F9F5DC 0%, #FAFAFA 100%);
    border-radius: 30px;
}

.positions .p_two{
    height: 600px;
    width: 49%;
    border: 6px solid #fff;
    min-width: 500px;
    background: linear-gradient(320deg, rgba(138, 181, 199, 1), rgba(185, 250, 213, 0.20));
    border-radius: 30px;
}

.positions .p_three{
    height: 600px;
    width: 49%;
    border: 6px solid #fff;
    min-width: 500px;
    background: linear-gradient(320deg, rgba(138,181,199,1) 0%, rgba(210,202,251,0.36) 100%);
    border-radius: 30px;
}

.positions .p_four{
    height: 600px;
    width: 49%;
    border: 6px solid #fff;
    min-width: 500px;
    background: linear-gradient(320deg, #3c281d 0%, #615b54 100%);  
    color: #fff;
    border-radius: 30px;
}

.positions .headline{
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 5px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    opacity: 0;
}

.positions .unit-text-wrapper {
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.positions .unit-img-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    margin-top: 30px;
}

.positions .subhead{
    max-width: 350px;
    font-size: 20px;
    letter-spacing: 5px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 10px;
    text-align: center;
    opacity: 0;
    font-weight: 300;
    color: #666;
}

.positions .unit-call{
    line-height: 50px;
    font-size: 20px;
    border: 1px solid;
    width: 150px;
    text-align: center;
    margin: 0px auto;
    font-weight: 600;
    border-radius: 25px;
    margin-top: 50px;
    opacity: 0;
    color: #666;
}

.positions a{
    color: black;
}

.color_fff{
    color: #fff !important;
}
    /* 图片轮播 */
.pic_slide{
    width: 100%;
    height: 100vh;
    /* margin-left: auto;
    margin-right: auto; */
    /* margin: -8px; */
}

.swiper-img{
    width: 100%;
    height: 100%;
}

.pic_slide .mask{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: 0.3;
    background-color: #000;
}

.pic_slide .pic_text{
    color: #fff;
    opacity: 1;
    z-index: 1081;
    width: 1300px;
    height: 300px;
    bottom: 0;
    top: 30%;
    left: 0;
    right: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 8%; */
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

.pic_slide .pic_text .text_one{
    font-size: 80px;
    font-weight: 400;
}

.pic_slide a{
    color: #fff;
}

.text_one_ysann{
    -webkit-animation:bg-text-tTOb 0.5s linear 1;
    animation:bg-text-tTOb 0.5s linear 1;
}

.text_one_ann{
    -webkit-animation:bg-text-tTOb_a 2s linear 1;
    animation:bg-text-tTOb_a 2s linear 1;
}

@-webkit-keyframes bg-text-tTOb {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-50px);
	}	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes bg-text-tTOb {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
    }	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes bg-text-tTOb_a {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-50px);
	}	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes bg-text-tTOb_a {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px);
    }	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes bg-text-bTOt {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
    }	
    50% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes bg-text-bTOt {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
    }
    50% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}		
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

.pic_slide .pic_text .text_two{
    font-size: 45px;
    font-weight: 100;
}

.text_two_ann{
    -webkit-animation:bg-text-bTOt 1s linear 1;
    animation:bg-text-bTOt 1s linear 1;
}

.pic_slide .pic_text .text_three{
    font-size: 25px;
    font-weight: 300;
    border-radius: 25px;
    background-color: #3a8ee6;
    width: 150px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 20px 0px #dbe2f3;
    border: 1px solid #d8dbe2;
    text-align: center;
    margin: 0 auto;
}

.text_three_ann{
    -webkit-animation:bg-text-bTOt 1.5s linear 1;
    animation:bg-text-bTOt 1.5s linear 1;
}

.text_four_ann{
	color: #ffbb00;
	font-size: 25px;
	line-height: 60px;
    -webkit-animation:bg-text-bTOt 1.5s linear 1;
    animation:bg-text-bTOt 1.5s linear 1;
}

.pic_slide .pic_text .text_three a{
    text-decoration: none;
    color: #fff;
}

.pic_slide .pic_o{
    width: 100%;
    height: 100vh;
    background-image: url('home_banner_foozo.png');
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation:bg-scale 10s linear infinite;
    animation:bg-scale 10s linear infinite;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 100% 100%;
}

@-webkit-keyframes bg-scale {
	0%,99%{-webkit-transform:scale(1);transform:scale(1)}
	33%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	66%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes bg-scale {
	0%,99%{-webkit-transform:scale(1);transform:scale(1)}
	33%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	66%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}

.pic_slide .pic_t{
    width: 100%;
    height: 100vh;
    background-image: url('home_banner_team.png');
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation:bg-scale 10s linear infinite;
    animation:bg-scale 10s linear infinite;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 100% 100%;
}

.pic_item{
    width: 100%;
    height: 100vh;
}

@-webkit-keyframes main-text-bTOt {
	0% {
        opacity: 0;
		-webkit-transform: translateY(100px);
    }	
    /* 50% {
		-webkit-transform: translateY(50px);
    } */
	100% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes main-text-bTOt {
	0% {
        opacity: 0;
		-webkit-transform: translateY(100px);
    }	
    /* 50% {
		-webkit-transform: translateY(50px);
    } */
	100% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}
}


@-webkit-keyframes main-text-bTOt-50 {
	0% {
        opacity: 0;
		-webkit-transform: translateY(50px);
    }	
	100% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes main-text-bTOt-50 {
	0% {
        opacity: 0;
		-webkit-transform: translateY(50px);
    }	
	100% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}
}

    /* 效果展示 */
.bg_show{
    background-color: #f7f8fa;
}

 .show{
     margin-top: 12px;
     width: 1300px;
     height: 700px;
     margin-left: auto;
     margin-right: auto;
 }
 .show .show_title{
    opacity: 0;
    width: 1300px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
 }

.show_title_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

 .show .swiper-slide {
    text-align: center;
    /* font-size: 18px; */
    /* background: #fff; */

    /* Center slide text vertically */
    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;
    transition: 300ms;
    transform: scale(0.8);
  }
  .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
  }
  .swiper-pagination-show{
      text-align: center;
  } 

  .show .swiper-wrapper .item{
    border: 1px solid #d8dbe2;
    height: 550px;
    width: 400px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(144, 147, 153, 0.3);
    border-radius: 32px;
  }

.show .swiper-wrapper .item .show_item_pic{
    height: 270px;
    width: 400px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show .swiper-wrapper .item .show_item_pic:hover{
    animation: rotate  0.5s linear 1;
}

@keyframes rotate {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}


.show .swiper-wrapper .item .show_item_pic .show_pic_style_lattice{
    max-height: 120px;
    max-width: 120px;
    border-radius: 30px;
}


.show .swiper-wrapper .item .show_item_title{
    height: 80px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: rgba(60, 60, 60, 1);
    font-weight: 400;
}
.show .swiper-wrapper .item .show_item_disc{
    height: 200px;
    width: 400px;
    font-size: 20px;
    color: rgba(60, 60, 60, 1);
    font-weight:300;
}
.show .swiper-wrapper .item .show_item_disc .show_item_disc_font{
    padding: 0px 20px;
    opacity: 0;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 150px;
}
.show .swiper-wrapper .item .show_item_disc .show_item_title_font{
    opacity: 0;
}


.show_title_s1_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
.show_title_s2_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.show_title_s3_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 2.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.show_desc_s1_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.show_desc_s2_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.show_desc_s3_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
  
    /* 优势 */
.odds_bg{
    background-color:rgb(246, 247, 251);
    margin-top: 12px;
}

.odds{
    width: 1300px;
    height: 200px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid; */
    display: flex;
    justify-content: space-around;
    align-items: center;
}  

.odds .odds_item{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px black solid;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px #DCDCDC solid;
}

/* .odds .odds_item:hover{
    animation: pulse 1s linear 1;
    box-shadow: 0 28px 46px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
} */

@-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }
  

.odds_text_o{
    opacity: 0;
}
.odds_text_t{
    opacity: 0;
}
.odds_text_th{
    opacity: 0;
}
.odds_text_f{
    opacity: 0;
}
.odds_text_o_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
.odds_text_t_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
.odds_text_th_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
.odds_text_f_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}


    /* 我们的优势 */
.we_superior{
    width: 1300px;
    height: 400px;
    margin-left: auto;
    margin-right: auto; 
}

.we_superior_title{
    line-height: 150px;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    opacity: 0;
}

.we_superior_items{
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.superior_item_style{
    /* width: 180px;
    height: 180px; */
}


.superior_pic_style_lattice{
    width: 150px;
    height: 150px;
}

.superior_item_round_text{
    font-size: 26px;
    color: rgb(80, 80, 107);
    line-height: 1;
    margin-top: 30px;
    font-weight: 100;
}

    /* 公司简介 */
.company_info{
    width: 100%;
    height: 300px;
    background: url("home_banner_bg.png") no-repeat left top;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    opacity: 0;
    margin-top: 12px;
}   

.company_info .banner_ch{
    position: absolute;
    width: 430px;
    z-index: 2;
    margin-left: 400px;
    opacity: 0;
}

.company_info .company_slogan {
    color: #191515;
    font-size: 55px;
    font-weight: 300;
    z-index: 3;
    opacity: 0;
    margin-left: -400px;
}
 
.company_info_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.company_info_ch_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.company_info_banner_slogan_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}
 

    /* 联系我们 */
.bg_contact{
    background-image: url('home_contact_bg.jpg');
    background-size: 100% 100%;
    color: #f7f8fa;
    opacity: 0.95;
}
.contact_us{
    width: 1300px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

.contact_us .us_title{
    width: 1300px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 300;
    opacity: 0;
}

.us_title_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.contact_us .us_content{
    width: 1300px;
    height: 500px;
    display: flex;
    justify-content: center;
    opacity: 0;
}

.us_content_ann{
    opacity: 1 !important;
    -webkit-animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
    animation:main-text-bTOt-50 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1;
}

.contact_us .us_content .left{
    width: 650px;
    height: 500px;
}
.contact_us .us_content .left .left_content{
    width: 550px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    /* padding-right: 50px; */
}
.contact_us .us_content .left .left_content .q_font{
    font-size: 20px;
    font-weight: 300;
    margin-left: 100px;
    line-height: 40px;
}
.contact_us .us_content .left .left_content .q_input{
    width: 410px;
    height: 40px;
    margin: 8px 0px;
    border-radius: 15px;
    padding-left: 10px;
    font-size: 16px;
    border-color: rgb(221, 221, 221);
    font-family: '微软雅黑';
    outline: none;
}

.contact_us .us_content .left .left_content .btn{
    width: 285px;
    float: right;
}

.contact_us .us_content .left .left_content .q_textarea{
    width: 410px;
    height: 150px;
    margin: 8px 0px;
    border-radius: 15px;
    padding-left: 10px;
    font-size: 16px;
    font-family: '微软雅黑';
    outline: none;
}
.contact_us .us_content .left .left_content p{
    height: 30px;
    border: 1px solid;
    border-radius: 10px;
    width: 100px;
    text-align: center;
    padding-top: 6px;
    color: rgb(253, 253, 253);
    background-color: rgb(50, 128, 252);
    margin-left: 320px;
}
.contact_us .us_content .right{
    width: 650px;
    height: 500px;
}
.contact_us .us_content .right .right_content{
    width: 500px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    margin-left: 110px;
}
.contact_us .us_content .right .right_content .company_name{
    font-size: 30px;
    font-family: '微软雅黑';
    font-weight: 300;
    margin-bottom: 20px;
}
.contact_us .us_content .right .right_content .company_address{
    line-height: 40px;
    font-size: 23px;
    font-weight: 300;
}
.contact_us .us_content .right .right_content .phone_style{
    line-height: 40px;
    font-weight: 300;
    font-size: 23px;
}
.contact_us .us_content .right .right_content .wechat{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    color: black;
}
.contact_us .us_content .right .right_content .wechat .wechat_code{
    height: 150px;
    width: 150px;
}

.contact_us .us_content .right .right_content .wechat .wechat_code img{
    width: 100%;
    height: 100%;
}
.contact_us .us_content .right .right_content .wechat .wechat_text{
    text-align: center;
    margin-top: 8px;
}

.website_foot{
    text-align: center;
    width: 100%;
    height: 230px;
    background-color: rgb(33, 33, 41);
    color: rgb(103, 130, 153);
}
.website_foot .foot_top{
    width: 1300px;
    height: 168px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.website_foot .foot_top .foot_logo{
    margin-top: 21px;
    width: 155px;
    height: 150px;
    background: url(foot_logo.png) no-repeat center;
    background-size: contain;
}

.website_foot .foot_top .foot_nav{
    width: 618px;
    height: 180px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.website_foot .foot_top .foot_nav dl{
    text-align: left;
}
.website_foot .foot_top .foot_nav dt{
    font-size: 16px;
    color: #d7d8d9;
    line-height: 50px;
}
.website_foot .foot_top .foot_nav dd{
    font-size: 14px;
    color: #9b9ea0;
    line-height: 30px;
}
.website_foot a{
    color: #9b9ea0;
}

.website_foot .foot_title{
    line-height: 26px;
    color: #73777a;
}