@font-face {
    font-family: syl;
    src: url(../font/SOURCEHANSANSCN-LIGHT.OTF);
}

@font-face {
    font-family: syr;
    src: url(../font/SOURCEHANSANSCN-REGULAR.OTF);
}

@font-face {
    font-family: sysb;
    src: url(../font/SourceHanSerifCN-Bold.otf);
}

body {
    max-width: 1920px;
    min-width: 1400px;
    margin: 0 auto;
    font-size: 20px;
    font-family: syr;
    color: #333333;
}

.box {
    width: 73.5687%;
    min-width: 1400px;
    margin: 0 auto;
}

html {
    scroll-padding-top: 350px;
}

/* header */

header {
    background: #fff;
}

.htop {
    border-bottom: 1px solid #f7f7f7;
}

.htop .box {
    height: 50px;
    font-size: 20px;
    color: #373737;
}

.htop p {
    width: 340px;
    border-left: 1px solid #f7f7f7;
}

.htop p:nth-child(2) {
    width: 427px;
    border-right: 1px solid #f7f7f7;
    margin-right: 22px;
}

.htop span {
    width: 6px;
    height: 6px;
    background: #282828;
    border-radius: 50%;
    margin-right: 18px;
}

.hbtm .box {
    height: 98px;
}

.hbtm .logo {
    margin-left: 23px;
}

header .logo::after {
    content: '';
    width: 250px;
    height: 258px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -60px;
    bottom: -36px;
    z-index: -1;
}

.hright {
    width: 941px;
}

nav {
    width: 705px;
}

nav a {
    font-size: 16px;
    color: #282828;
}

nav .active,
nav a:hover {
    font-weight: bold;
    color: #dda62a;
}

nav .active::after,
nav a:hover::after {
    content: '';
    width: 52px;
    height: 67px;
    background: url(../images/head.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -22px;
}

.hright .phone {
    width: 189px;
    height: 40px;
    border: 1px solid #dda62a;
    border-radius: 20px;
    font-size: 21px;
    color: #454545;
}

.hright .phone img {
    margin-right: 8px;
}

.header {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0px 4px 7px rgb(0, 0, 0, .1);
}

.header .box {
    height: 100px;
}

.header .logo {
    width: 190px;
    height: 190px;
    margin-top: 70px;
}

.header .logo::after {
    content: '';
    width: 190px;
    height: 190px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: 0px 10px 7px rgb(0, 0, 0, .1);
}

/* header end */

.xuan {
    position: fixed;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 69px;
    height: 293px;
    z-index: 99;
    font-size: 18px;
}

.xuan li {
    width: 69px;
    height: 69px;
    background: #2c2c2c;
    cursor: pointer;
}

.xuan li a img:nth-child(2) {
    display: none;
}

.xuan li:last-child {
    background: #b4b7b3 !important;
}

.xuan li:hover {
    background: #cbb167;
}

.xuan li:hover .kuang {
    display: flex;
}

.xuan li a {
    width: 100%;
    height: 100%;
}

.xuan li .kuang {
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);
    width: 200px;
    height: 60px;
    right: 90px;
    border-radius: 15px;
}

.xuan li:nth-child(2) .kuang {
    width: 150px;
    height: 150px;
}

.xuan li:nth-child(3) .kuang {
    width: 258px;
}

.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    filter: drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));
}

/* footer */

footer {
    background: #fbfbfb;
    padding-top: 76px;
}

.f_top {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.f_top .box1 {
    width: 1293px;
    height: 75px;
    margin: auto;
}

.f_top a {
    font-size: 16px;
    color: #151515;
}

.f_top .line {
    width: 1px;
    height: 75px;
    background: #e9e9e9;
}

.f_mid {
    padding: 99px 0 56px;
}


.f_mid .phone {
    margin-top: 41px;
}

.f_mid .phone p:nth-child(2) {
    font-size: 52px;
    color: #2d2d2d;
    letter-spacing: -5px;
}

.f_mid>div:nth-child(2) {
    width: 944px;
}

.f_mid .infor {
    font-size: 20px;
    line-height: 49px;
    color: #373737;
}

.f_mid .infor span {
    width: 85px;
    text-align-last: justify;
}

.f_mid .qrcode {
    width: 359px;
    font-size: 19px;
    color: #282828;
}

.f_mid .qrcode img {
    width: 144px;
    padding: 11px;
    border: 1px solid #bababa;
    margin-bottom: 7px;
}

.f_bottom {
    background: #f1f1f1;
    font-size: 14px;
    color: #3a3a3a;
}

.f_bottom .box {
    height: 75px;
}

.f_bottom a {
    color: #3a3a3a;
}

/* footer end */

/* 列表分页 */

.pagination {
    font-size: 19px;
    color: #333333;
    text-align: center;
    margin-top: 154px;
}

.pagination li {
    display: inline-block;
    width: 47px;
    line-height: 47px;
    background: rgb(0, 0, 0, .08);
    margin: 0 5px;
}

.pagination li a {
    display: block;
}

.pagination li.active,
.pagination li a:hover {
    color: #fff;
    background: #f6be3d;
}

.sxy {
    padding-top: 30px;
    border-top: 1px solid #cccccc;
    font-size: 18px;
    color: #111111;
}

.sxy>div {
    max-width: 45%;
}


/* 列表分页 end */


/* index */

.swiper0 .swiper-pagination {
    bottom: 15px !important;
}

.swiper0 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #fff;
    opacity: 1;
}

.swiper0 .swiper-pagination-bullet-active {
    background: #fff;
}

.index1 {
    padding: 119px 0 71px;
}

.index1 .tt1 {
    font: 36px syl;
    color: #282828;
    margin-top: 16px;
}

.index1 .tt2 {
    font: 47px sysb;
    color: #282828;
    letter-spacing: -3px;
    margin: 5px 0 29px;
}

.index1 .tt2::after {
    content: '';
    width: 400px;
    height: 10px;
    background: #f6be3d;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: -1;
}

.index1 .tt3 {
    font-size: 34px;
    line-height: 64px;
    color: #282828;
}

.index1 .tt3 span {
    font: bold 31px syl;
}

.index1 .tt3 b::after {
    content: '';
    width: 88px;
    height: 63px;
    background: url(../images/index1_01.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 7px;
    margin: auto;
    bottom: -4px;
}

.index1 .box>div:nth-child(1) img {
    border-radius: 20px 20px 20px 80px;
}

.index1 .box>div:nth-child(2) {
    margin-top: -315px;
}

.index1 .box>div:nth-child(2)>img {
    margin-left: -130px;
}

.index1 .box>div:nth-child(2)>div {
    width: 671px;
}

.index1 .tt4 {
    font-size: 29px;
    line-height: 48px;
    color: #282828;
}

.index1 .tt5 {
    font: 30px/81px sysb;
    color: #2e2e2e;
    margin: 43px 0 41px;
}

.index1 .tt5::after {
    content: '';
    width: 810px;
    height: 81px;
    background-color: rgb(0, 159, 67, .12);
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.index1 .tt6 {
    margin-bottom: 118px;
}

.index2 {
    background: #fffbf1;
    padding-top: 135px;
}

.index3 {
    padding: 256px 0 231px;
    background: url(../images/index3.png) no-repeat top;
    overflow: hidden;
    margin-top: -263px;
}

.index3 .box>div {
    margin-left: 75px;
}

.index3 .tt {
    font: 57px/1 sysb;
    color: #404040;
}

.index3 .tt::before {
    content: '';
    width: 294px;
    height: 10px;
    background: url(../images/index3_02.png) no-repeat center;
    position: absolute;
    left: -326px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.index3 .form {
    width: 539px;
    height: 637px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 2px 26.39px 2.61px rgba(4, 0, 0, 0.08);
    padding: 58px 59px 0;
    margin-top: 55px;
}

.index3 .tit {
    font: 40px sysb;
    color: #131313;
}

.index3 .con {
    width: 299px;
    height: 48px;
    background: rgb(247, 197, 84, .1);
    border-radius: 20px;
    font: 21px syl;
    color: #131313;
    margin: 9px auto 65px;
}

.index3 form p {
    height: 74px;
    background: rgb(242, 242, 242, .5);
    border-radius: 10px;
    font-size: 18px;
    color: rgb(40, 40, 40, .37);
    padding-left: 36px;
    margin-bottom: 13px;
}

.index3 form font {
    width: 72px;
    text-align-last: justify;
    margin-right: 7px;
}

.index3 form button {
    width: 183px;
    height: 44px;
    background: rgb(0, 159, 67, .15);
    border: 1px solid #009f43;
    border-radius: 22px;
    font: bold 16px syl;
    color: #009f43;
    margin: 44px auto 0;
}

.index3 form input {
    width: 70%;
    height: 100%;
}

.index3 .box>img {
    margin-right: -250px;
}

.title .aa {
    font: 54px/1 sysb;
    color: #404040;
}

.title .bb {
    font-size: 28px;
    line-height: 1;
    color: #404040;
    margin-top: 31px;
}

.index4 {
    padding-bottom: 193px;
}

.index4 ul {
    width: 84.1%;
    margin: 126px auto 0;
}

.index4 .list {
    width: 24%;
    background: #f8f8f8;
    border-radius: 20px;
    margin: 0 21px 39px 0;
    padding: 26px 0 52px;
}

.index4 .list:nth-child(4n) {
    margin-right: 0;
}

.index4 .img {
    width: 252px;
    height: 321px;
    margin: auto;
}

.index4 .img::before {
    content: '';
    width: 267px;
    height: 267px;
    background: rgb(246, 190, 61, .1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.index4 .img img {
    max-width: 100%;
    max-height: 100%;
}

.index4 .tt {
    font-size: 27px;
    color: #2c2c2c;
    margin-top: 40px;
}

.index4 .tt span {
    font-size: 21px;
    margin-left: 8px;
}

.index4 .list:hover .img::before {
    background: #f6be3d;
}

.index5 {
    background: url(../images/index5.png) no-repeat bottom #fbfbfb;
    padding: 124px 0 42px;
}

.index5 .box>div {
    width: 707px;
    margin-top: 80px;
}

.index5 .tit {
    margin: 0 0 29px -24px;
}

.index5 .tit p:nth-child(1) {
    font: bold 38px syl;
    color: #282828;
}

.index5 .tit p:nth-child(2) {
    font-size: 22px;
}

.index5 .con {
    width: 673px;
    height: 147px;
    background: url(../images/index5_03.png) no-repeat center;
    font: bold 26px syl;
    color: #282828;
    margin: 2px 0 30px;
}

.index5 .txt {
    width: 704px;
    height: 258px;
    background: rgb(246, 190, 61, .08);
    border: 1px solid rgb(246, 190, 61, .85);
    border-radius: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #282828;
    padding: 73px 44px 0 68px;
}

.index5 .tt {
    font: 59px/1 sysb;
    color: #fff;
    margin: 131px 0 19px;
}

.index5 .tt2 {
    font: 22px/1 syl;
    color: #fff;
}

.index5 .tt3 {
    width: 506px;
    height: 58px;
    background: #e8bc3d;
    border-radius: 20px;
    font: bold 25px syl;
    color: #1d1d1d;
    margin: 49px auto 24px;
}

.index5 .tt3::after {
    content: '';
    width: 521px;
    height: 66px;
    border: 2px solid rgb(221, 166, 42, .13);
    border-radius: 20px;
    position: absolute;
    top: -4px;
    left: -10px;
}

.index5 .tt4 {
    font: 34px/1 sysb;
    color: #1d1d1d;
}

.index6 {
    padding: 127px 0 149px;
    overflow: hidden;
}

.index6 .box {
    margin-top: 120px;
}

.index6 ul {
    width: 638px;
}

.index6 li {
    width: 308px;
    height: 89px;
    border: 1px solid rgb(35, 35, 35, .18);
    font: 25px sysb;
    color: #1d1d1d;
    margin-bottom: 15px;
}

.index6 .text {
    width: 691px;
    height: 239px;
    background-color: rgb(238, 238, 238, .38);
    padding: 0 91px;
    margin-top: 51px;
}

.index6 .tt {
    font: 39px/1 sysb;
    color: #404040;
}

.index6 .cn {
    font-size: 22px;
    line-height: 42px;
    color: #404040;
    margin-top: 20px;
}

.index6 .img {
    width: 711px;
}

.index6 .img img {
    border-radius: 20px 80px 20px 20px;
}

.index6 .active {
    background-color: rgb(246, 190, 61, .09);
    border-color: #f6be3d;
    font-size: 36px;
    color: #f6be3d;
}


.index7 {
    font-size: 25px;
    color: #2c2c2c;
    overflow: hidden;
}

.index7 .img {
    width: 100%;
    height: 360px;
    border: 1px solid rgb(0, 0, 0, .36);
    margin-bottom: 27px;
}

.index7 .img img {
    max-width: 100%;
    max-height: 100%;
}

.index7 .swiper-button {
    width: 72px;
    height: 72px;
    background: url(../images/left.png) no-repeat center;
    filter: brightness(0);
    top: 40%;
}

.index7 .swiper-button-prev {
    left: -106px;
}

.index7 .swiper-button-next {
    right: -106px;
    transform: rotateY(180deg);
}

.index7 .swiper-button:hover {
    filter: none;
}

.index8 {
    padding: 204px 0 270px;
}

.index8 .box {
    margin-top: 77px;
}

.index8 li {
    width: 182px;
    overflow: hidden;
    transition: .3s;
}

.index8 li p {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    padding-bottom: 41px;
    font: bold 20px/1 syl;
    color: #fff;
}

.index8 .active {
    width: 655px;
}

.index8 .active p {
    font: 31px/1 sysb;
    background: linear-gradient(transparent, rgb(45, 45, 45, .8));
    padding-bottom: 36px;
}

.index9 {
    padding-bottom: 228px;
}

.index9 .swiper {
    padding: 98px 0 105px;
}

.index9 .swiper-slide {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 82px 0 37px;
}

.index9 .swiper img {
    filter: brightness(0);
}

.index9 .tt {
    font: bold 36px/1 syl;
    color: #2e2e2e;
    margin: 80px 0 14px;
}

.index9 .cn {
    height: 34px;
    font: bold 13px/17px syl;
    color: rgb(46, 46, 46, .63);
    text-transform: uppercase;
}

.index9 .line {
    width: 78px;
    height: 1px;
    background: rgb(27, 28, 33, .33);
    margin: 35px auto 0;
}

.index9 .swiper .swiper-scrollbar {
    width: 755px;
    height: 4px;
    background: #dcdcdc;
    right: 1%;
    margin: auto;
}

.index9 .swiper-scrollbar-drag {
    background: #08a043;
}

.index9 .swiper-slide:hover {
    box-shadow: 0px 2px 26.39px 2.61px rgba(4, 0, 0, 0.13);
}

.index9 .swiper-slide:hover img {
    filter: none;
}

.index10 {
    background: url(../images/index10.jpg) no-repeat center;
    background-size: cover;
    padding: 175px 0 140px;
}

.index10 .aa {
    display: inline-block;
    font: 35px/1 syl;
    color: #fff;
}

.index10 .aa span {
    font: 39px/1 sysb;
    margin-right: 11px;
}

.index10 .aa::before {
    content: '';
    width: 218px;
    height: 172px;
    background: url(../images/index10_01.png) no-repeat center;
    position: absolute;
    top: -68px;
    left: -218px;
}

.index10 .bb {
    font: 65px/1 sysb;
    color: #fff;
    margin-top: 17px;
}

.index10 form {
    width: 1059px;
    margin: 108px auto 0;
}

.index10 form p {
    width: 521px;
    height: 93px;
    background: #fef5e1;
    border-radius: 10px;
    font-size: 19px;
    color: rgb(40, 40, 40, .37);
    padding-left: 41px;
    margin-bottom: 11px;
}

.index10 form font {
    width: 76px;
    text-align-last: justify;
}

.index10 input {
    width: 75%;
    height: 100%;
}

.index10 button {
    width: 521px;
    height: 93px;
    background: #f1b52e;
    border-radius: 10px;
    font-size: 32px;
    color: #fff;
}

/* index end */


.banner {
    height: 500px;
}

.topnav {
    background: #f8f8f8;
}

.topnav .box {
    height: 70px;
}

.topnav .left {
    color: rgba(99, 99, 111, 0.729);
    font-size: 12px;
    text-transform: uppercase;
}

.topnav .left span {
    font-size: 16px;
    margin: 0 6px 0 14px;
}

.topnav .left b {
    font-size: 22px;
    color: #282828;
}

.topnav .right,
.topnav .right a {
    font-size: 16px;
    color: #3d3d3d;
}


/* 关于我们 */

.about1 {
    padding: 120px 0 171px;
}

.about1 .tit {
    font-size: 37px;
    color: #000000;
}

.about1 .con {
    font-size: 20px;
    line-height: 33px;
    color: #4b4b4b;
    margin: 28px 0 70px;
}

.about1 video {
    max-width: 100%;
}

.about2 {
    background: url(../images/about2.jpg) no-repeat top;
    padding: 160px 0 0;
}

.about2 .box>div:nth-child(1) {
    margin-left: 94px;
}

.about2 .tit {
    font: 46px/63px sysb;
    color: #fff;
}

.about2 .con {
    width: 1265px;
    font: 21px/39px syl;
    color: #fff;
    margin: 48px 0 139px;
}

.about2 .con span {
    width: 505px;
}

.about2 ul {
    height: 256px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 2px 19.11px 1.89px rgba(4, 0, 0, 0.1);
    padding: 0 203px 0 182px;
    font: 21px sysb;
    color: #292929;
}

.about2 .cn {
    font: 19px sysb;
    color: #292929;
}

.about2 .cn span {
    font-size: 60px;
    margin-right: 10px;
}

.about2 .line {
    width: 1px;
    height: 173px;
    background: linear-gradient(transparent, rgb(0, 0, 0, .1), transparent);
}

.about3 {
    padding: 179px 0 190px;
}

/* 关于我们 end */


/* 产品中心 */

.prolist {
    padding: 193px 0 156px;
}

.prolist .list {
    width: 336px;
    background: #f8f8f8;
    border-radius: 20px;
    margin: 0 18px 39px 0;
    padding: 23px 0 43px;
}

.prolist .list:nth-child(4n) {
    margin-right: 0;
}

.prolist .img {
    width: 252px;
    height: 321px;
    margin: auto;
}

.prolist .img::before {
    content: '';
    width: 267px;
    height: 267px;
    background: rgb(246, 190, 61, .1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.prolist .img img {
    max-width: 100%;
    max-height: 100%;
}

.prolist .tt {
    font-size: 24px;
    color: #2c2c2c;
    margin-top: 40px;
}

.prolist .tt span {
    font-size: 18px;
    margin-left: 8px;
}

.prolist .list:hover .img::before {
    background: #f6be3d;
}


/* 产品中心 end */


/* 合作 */

.coop1 {
    padding: 121px 0 181px;
}

.coop1 .box {
    margin-top: 108px;
}

.coop1 li p {
    height: 74px;
    background: #f6be3d;
    font: bold 27px syl;
    color: #2e2e2e;
    padding: 0 46px 0 48px;
}

.coop1 li span {
    font-size: 21px;
    color: #404040;
}

.coop2 {
    background: #f8f8f8;
    padding: 84px 0 100px;
    overflow: hidden;
}

.coop2 .img {
    width: 654px;
}

.coop2 .img img {
    border-radius: 20px 80px 20px 20px;
}

.coop2 ul {
    width: 518px;
    margin: 0 0 -12px 99px;
}

.coop2 li {
    width: 239px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 26.39px 2.61px rgba(4, 0, 0, 0.13);
    padding: 51px 0 28px;
}

.coop2 li:nth-child(n+3) {
    margin-top: 21px;
}

.coop2 li img {
    height: 69px;
    filter: brightness(0);
}

.coop2 .tt {
    font: bold 28px/1 syl;
    color: #2e2e2e;
    margin: 60px 0 14px;
}

.coop2 .cn {
    height: 34px;
    font: bold 10px/17px syl;
    color: rgb(46, 46, 46, .63);
    text-transform: uppercase;
}

.coop2 .line {
    width: 78px;
    height: 1px;
    background: rgb(27, 28, 33, .33);
    margin: 25px auto 0;
}

.coop2 li:hover img {
    filter: none;
}

/* 合作 end */

/* 解决方案 */

.solution {
    padding: 93px 0 131px;
}

.solution .list:nth-child(n+2) {
    margin-top: 25px;
}

.solution .img {
    width: 716px;
    height: 531px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 92px;
}

.solution .tit {
    font-size: 37px;
}

.solution .line {
    width: 75px;
    height: 2px;
    background: #1bbcc0;
    margin: 27px 0 38px;
}

.solution .tt {
    font-size: 24px;
}

.solution .cn {
    font-size: 20px;
    color: #6d6c6c;
    margin: 13px 0 65px;
}

.solution .cn span {
    width: 25px;
    height: 25px;
    background: #e44642;
    border-radius: 50%;
    margin-right: 7px;
    font-size: 18px;
    color: #fff;
}

.solution .more {
    width: 41px;
    height: 41px;
    background: #1bbcc0;
    border-radius: 50%;
}

.solution .more img {
    filter: grayscale(1) brightness(100);
}

/* 解决方案 end */

/* 新闻资讯 */

.news {
    padding: 200px 0 180px;
}

.news .list:nth-child(n+2) {
    margin-top: 69px;
}

.news .list .month {
    font-size: 18px;
    color: #999999;
    margin-right: 5px;
}

.news .img {
    width: 575px;
    height: 333px;
    overflow: hidden;
}

.news .list>div {
    width: 700px;
    margin-right: 39px;
}

.news .tit {
    font: bold 36px syl;
    color: #1f1f1f;
}

.news .describe {
    font: bold 18px/31px syl;
    color: #6d6d6d;
    -webkit-line-clamp: 4;
    margin: 29px 0 32px;
}

.news .more {
    width: 197px;
    height: 48px;
    border: 1px solid rgb(0, 0, 0, .47);
    border-radius: 24px;
    font-size: 20px;
    color: #3a3a3a;
}

.news .pagination {
    bottom: 40px;
}

/* 新闻资讯 end */

.arc {
    padding: 80px 0;
}

.arc .content {
    font: 18px/36px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    padding-bottom: 80px;
}

.arc .tit {
    font-size: 40px;
    font-weight: bold;
}

.arc .time {
    font-size: 18px;
    margin: 10px 0 50px;
}

.arc img {
    display: block;
    max-width: 100%;
    margin: auto;
}

/* 联系我们 */

.contact {
    padding: 160px 0 380px;
}

.contact .box {
    padding: 0 35px 0 29px;
}

.contact li {
    width: 649px;
}

.contact li:nth-child(n+3) {
    margin-top: 77px;
}

.contact .tit {
    font-size: 26px;
    color: #404040;
}

.contact .tit img {
    margin-right: 16px;
}

.contact .con {
    height: 109px;
    background: #f8f8f8;
    border-radius: 10px;
    margin-top: 15px;
    font-size: 23px;
    color: #373737;
    padding-left: 76px;
}

.contact li:nth-child(3)>img {
    margin-top: 59px;
    border-radius: 10px;
}

.contact li:nth-child(4) .con {
    height: 565px;
    padding: 132px 84px 0 90px;
}

.contact .img {
    width: 217px;
    height: 217px;
    border: 1px solid rgb(0, 0, 0, .17);
    margin-bottom: 13px;
}


/* 联系我们 end */