* {
    margin: 0;
    padding: 0;
    resize: none;
}

a {
    text-decoration: none;
    color: #474747;
}

li {
    list-style: none;
}

input, button, textarea {
    outline: 0;
    border: 0;
    background: none;
}

@font-face {
    font-family: 'syr';
    src: url(../font/SourceHanSansCN-Regular.otf);
}


body {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto !important;
    font-family: 'syr' !important;
    color: #1E1A17;
    font-size: 20px;
}

.box {
    width: 1200px;
    margin: auto;
}

/* header */
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.06);
    z-index: 999;
}

header .box {
    height: 113px;
}

header img {
    vertical-align: middle;
}

header .nav {
    width: 502px;
    font-size: 16px;
    border-bottom: 1px solid rgb(255, 255, 255, .45);
}

header .nav a {
    color: #144033;
}

header .nav .active, header .nav a:hover {
    font-weight: bold;

}

header .phone {
    width: 178px;
    height: 47px;
    background: #04bf8a;
    border-radius: 24px;
    font-size: 18px;
    color: #fff;
}



/* header end */

/* 悬浮框 */
.xuan {
    position: fixed;
    right: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 262px;
    z-index: 99;
    flex-flow: column;
}

.xuan img {
    vertical-align: middle;
}

.xuan li {
    width: 58px;
    height: 58px;
    background: #ffffff;
    border-radius: 11px;
    box-shadow: 0px 3px 24px 0px rgba(0,0,0,0.06); 
}


.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: 120px;
    height: 120px;
    right: 80px;
    border-radius: 15px;
}

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

.xuan li:nth-child(1) .kuang {
    height: 71px;
}

.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -13px;
    width: 0;
    height: 0;
    border-width: 7px;
    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 {
    color: #fff;
    font-size: 18px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 16%);
}

.ft_top .tit {
    font-size: 34px;
    font-weight: bold;
}

.ft_top {
    width: 203px;
    height: 94px;
    background: #fff;
    color: #0C1A1C;
}

.ft_left {
    width: 281px;
    height: 257px;
}

.ft_left .phone {
    font-size: 28px;
    margin-top: 30px;
    color: #144033;
}

.ft_mid a {
    font-size: 16px;
    color: #144033;
}

.ft_mid li:nth-child(n+2) a {
    border-left: 1px solid rgb(20, 64, 51, .34);
    padding-left: 27px;
    margin-left: 27px;
}

.f_top .qrcode p {
    font-size: 14px;
    margin-top: 14px;
}


.f_bottom {
    font-size: 14px;
    color: rgba(98, 98, 98, 0.7);
    border-top: 1px solid rgba(98, 98, 98, 0.7);
    margin-top: 46px;
    line-height: 65px;
}

.f_bottom a, .f_bottom a:hover {
    color: rgba(98, 98, 98, 0.7);
}

/* footer end */
/* 列表分页 */

.pagination {
    width: 100%;
    font-size: 18px;
    color: #5D5A59;
    margin-top: 40px;
    padding-top: 20px;
    text-align: center;
}

.pagination li {
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #FCF9F8;
    display: inline-block;
    margin: 0 3px;
    border-radius: 8px;
}

.pagination li a {
    display: block;
    color: #5D5A59;
}

.pagination li.active, .pagination li a:hover {
    color: #fff;
    background: #1d9093;
    border-radius: 8px;
}


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

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

/* 列表分页 end */

/* index */

.swiper1 .swiper-pagination {
    width: 114px !important;
    height: 48px;
    background: rgb(0, 0, 0, .18);
    border-radius: 24px;
    right: 0;
    margin: auto;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 0.5;
    background: #ffffff;
    border-radius: 50%;
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper1 .swiper-button-prev::after, .swiper1 .swiper-button-next::after {
    content: '';
}

.swiper1 .swiper-button {
    background: url(../images/left.png) no-repeat center;
    background-size: contain;
    width: 72px;
    height: 72px;
}

.title {
    font-size: 32px;
    color: #0E221C;
}

.title font {
    color: #144033;
}

.fff {
    color: #fff;
}

.index0 {
    margin: 177px auto 160px;
    background: #144033;
}

.index0>div {
    padding: 72px 60px 64px 63px;
    color: #fff;
}

.index0 .a {
    font-size: 18px;
    word-spacing: 8px;
    margin: 23px 0 25px;
}

.index0 font {
    color: rgb(255, 255, 255, .53);
}

.index0 .b {
    font-size: 22px;
}

.index0 .c {
    width: 542px;
    height: 57px;
    border: 1px solid #ffffff;
    border-radius: 13px;
    padding-left: 48px;
    font-size: 22px;
    margin-top: 25px;
}

.index0 .c span {
    width: 196px;
    height: 57px;
    background: #ffffff;
    border-radius: 13px;
    font-size: 23px;
    color: #144033;
    margin-left: 32px;
}

.index1 .nav {
    border-bottom: 2px solid #EFEFEF;
    padding: 0 45px;
    margin-top: 80px;
}

.index1 .nav span {
    width: 183px;
    font-size: 22px;
    color: #AAAAAA;
}

.index1 .nav .active {
    color: #0E221C;
}

.index1 .nav .active::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #04bf8a;
    border-radius: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}

.index1 .content {
    margin-top: 60px;
}

.index1 .tit {
    font-size: 25px;
    color: #0E221C;
}

.index1 .tt {
    font-size: 17px;
    color: #0E221C;
    margin: 1px 0 7px;
}

.index1 .cn {
    width: 565px;
    font-size: 16px;
    line-height: 32px;
    color: #6F6F6F;
}

.index2 {
    padding: 160px 0;
}

.index2 .content {
    background: url(../images/index2.jpg) no-repeat top;
    padding-top: 445px;
}

.index2 .box {
    padding: 38px 120px 45px 580px;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.16);
    color: #0E221C;
}

.index2 .p_a {
    left: 47px;
    bottom: 36px;
    border-radius: 5px;
    box-shadow: 0px 3px 37px 0px rgba(0, 0, 0, 0.16);
}

.index2 .tt {
    font-size: 28px;
}

.index2 .cn {
    font-size: 16px;
    margin: 3px 0 27px;
}

.index2 li p {
    font-size: 17px;
    color: #6F6F6F;
    margin-top: 5px;
}

.index3 {
    background: url(../images/index3.jpg) no-repeat bottom;
    padding: 0 0 160px;
    color: #fff;
}

.index3 img {
    display: block;
}

.index3 ul {
    margin: 80px 0 284px;
}

.index3 li {
    width: 124px;
    overflow: hidden;
    border-radius: 10px;
    transition: .3s;
}

.index3 li.active {
    width: 472px;
}

.index3 li.active .tit {
    display: none;
}

.index3 li.active .con {
    display: block;
}

.index3 .tit {
    writing-mode: tb-rl;
    font-size: 18px;
    bottom: 26px;
    left: 21px;
    letter-spacing: 11px;
}

.index3 .con {
    display: none;
    width: 441px;
    bottom: 66px;
    left: 31px;
}

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

.index3 .cn {
    font-size: 17px;
    margin-top: 10px;
}

.index3 .a {
    font-size: 28px;
}

.index3 .b {
    font-size: 22px;
    line-height: 38px;
    margin: 4px 0 17px;
}

.index3 .c {
    font-size: 15px;
    line-height: 34px;
    color: rgb(255, 255, 255, .75);
}

.index3 .c span {
    font-size: 25px;
}

.index4 {
    padding: 171px 0 160px;
}

.index4 section {
    background: url(../images/index4_01.jpg) no-repeat center;
    padding: 57px 61px 42px 37px;
    color: #0E221C;
    margin-top: 80px;
}

.index4 section>div:nth-child(1) {
    border-bottom: 1px solid #D9EAE9;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.index4 .tit {
    font-size: 31px;
}

.index4 .con {
    font-size: 15px;
    line-height: 24px;
    width: 745px;
    margin-top: 14px;
}

.index4 #thumbs {
    width: 776px;
}

.index4 .cir {
    width: 193px;
    height: 193px;
    background: url(../images/swiper2.png) no-repeat center;
    font-size: 21px;
    color: #144033;
    margin: auto;
}
.index4 #thumbs .swiper-slide:nth-child(1) .cir{
    background: url(../images/swiper2.png);
}

.index4 #thumbs .swiper-slide:nth-child(5) .cir{
    background: url(../images/swiper3.png);

}
.index4 .cir .num {
    font-size: 18px;
    color: #FFB91C;
    letter-spacing: 1px;
}

.index4 .cir .num span {
    font-size: 32px;
}

.index4 #thumbs .tt {
    font-size: 25px;
    color: #0E221C;
    margin: 11px 0 3px;
}

.index4 #thumbs .cn {
    font-size: 16px;
    line-height: 32px;
    color: #0E221C;
}

.index4 #thumbs .cn span {
    font-size: 20px;
    color: #FFB91C;
}

.index4 #gallery {
    width: 311px;
    height: 492px;
    font-size: 20px;
    color: #04BF8A;
    margin-right: 0;
    margin-left: 0;
}

.index4 #gallery font {
    font-size: 27px;
}


.index4 #gallery .swiper-slide {
    opacity: 0.4;
    margin-left: 175px;
}

.index4 #gallery .swiper-slide p img {
    display: none;
}

.index4 #gallery .swiper-slide-prev, .index4 #gallery .swiper-slide-next {
    margin-left: 58px;
}

.index4 #gallery .swiper-slide-active {
    opacity: 1;
    margin-left: 0;
}

.index4 #gallery .swiper-slide-active p img {
    display: block;
}

.index4 .swiper-button {
    width: 48px;
    height: 48px;
    background: url(../images/left1.png);
    top: auto;
    bottom: 28px;
    border-radius: 24px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.08);
}

.index4 .swiper-button-prev {
    left: 30%;
}

.index4 .swiper-button-next {
    transform: rotate(180deg);
    right: 59%;
}

.index4 .swiper-button-prev::after, .index4 .swiper-button-next::after {
    content: '';
}

.index4 .mid {
    background: url(../images/index4_03.jpg) no-repeat center;
    padding: 55px 0 124px 49px;
    border-radius: 23px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.09);
    margin: 70px 0 36px;
}

.index4 .mid .tit {
    font-size: 31px;
    color: #0E221C;
}

.index4 .mid .tit span {
    color: #04BF8A;
}

.index4 .mid .tt {
    font-size: 21px;
    color: #0E221C;
    margin: 7px 0 18px;
}

.index4 .mid .cn {
    width: 551px;
    font-size: 15px;
    line-height: 30px;
    color: #6F6F6F;
}

.index4 ul li {
    width: 374px;
    height: 148px;
    background: rgba(4, 191, 138, 0.10);
    border-radius: 16px;
    font-size: 16px;
    line-height: 26px;
    color: #04BF8A;
}

.index4 ul li:nth-child(2) {
    color: #E8A100;
    background: rgba(255, 185, 28, 0.10);
}

.index4 ul li:nth-child(3) {
    color: #71C154;
    background: rgba(29, 199, 29, 0.10);
}

.index5 .content {
    background: url(../images/index5.jpg) no-repeat top;
    padding-top: 194px;
    margin-top: 80px;
}

.index5 .box {
    background: url(../images/index5_01.jpg) no-repeat center;
    padding: 49px 0 37px 84px;
    border-radius: 30px;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.07);
}

.index5 .tit {
    font-size: 32px;
    color: #000;
}

.index5 ul {
    width: 582px;
    margin-top: 51px;
}

.index5 li {
    width: 278px;
    height: 142px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.06);
    padding: 31px 19px 0;
    margin-top: 24px;
}

.index5 li:nth-child(4) {
    padding: 21px 19px 0;
}

.index5 .tt {
    font-size: 17px;
    color: #0E221C;
}

.index5 .cn {
    font-size: 14px;
    line-height: 20px;
    color: #6F6F6F;
    margin-top: 5px;
}

.index6 {
    padding: 160px 0;
}

.index6 .content {
    background: url(../images/index6.jpg) no-repeat center;
    padding: 134px 0 65px;
    margin-top: 80px;
}

.index6 ul {
    width: 706px;
}

.index6 li {
    width: 328px;
    height: 202px;
    background: #ffffff;
    border: 1px solid #04bf8a;
    border-radius: 23px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.08);
    font-size: 14px;
    line-height: 25px;
    color: #0E221C;
    margin-top: 50px;
    padding: 0 23px;
    transition: .3s;
}

.index6 li:nth-child(2) {
    margin-top: 108px;
}

.index6 li:nth-child(3) {
    margin-top: 0;
}

.index6 .active {
    background: #144033;
    color: #fff;
}

.index6 .tit {
    font-size: 18px;
    margin-bottom: 10px;
}

.index7 {
    background: url(../images/index7.jpg) no-repeat bottom;
    padding: 0 0 142px;
    color: #3A9549;
}

.index7 .box .title {
    color: #3A9549;
    margin-top: 135px;
}

.index7 .con {
    font-size: 16px;
    line-height: 36px;
    margin-top: 17px;
}

.index8 {
    padding: 160px 0;
}

.index8 .box {
    background: url(../images/index8.jpg) no-repeat center;
    margin-top: 80px;
}

.index8 li p {
    padding: 18px 24px;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.07);
    font-size: 18px;
    color: #0E221C;
}

.index8 li {
    margin: auto;
}

.index8 li:nth-child(1) {
    width: 451px;
}

.index8 li:nth-child(2) {
    width: 984px;
    margin-top: 62px;
}

.index8 li:nth-child(3) {
    width: 871px;
    margin-top: 118px;
}

.index8 li:nth-child(4) {
    width: 705px;
    margin: 73px auto 54px;
}

.index9 .swiper9 {
    padding: 80px 20px 0;
}

.index9 .swiper-button::after {
    color: #144033;
    width: var(--swiper-navigation-size);
    --swiper-navigation-size: 32px;
}

.index9 .swiper-slide .img {
    padding: 6px;
    background: #fff;
    border-radius: 9px;
    box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.07);
    overflow: hidden;

}

.index9 .swiper-slide-active .img {
    transform: scale(1.3);
}

.index9 .swiper-slide p {
    display: none;
    font-size: 20px;
    color: #144033;
    margin-top: 50px;
}

.index9 .swiper-slide-active p {
    display: block;
}

.index10 {
    padding: 140px 0 100px;
}

.index10 .swiper {
    width: 962px;
    height: 320px;
    margin-top: 80px;
}

.index10 .swiper-slide {
    height: calc(100% / 2)
}

.index10 .img {
    width: 205px;
    height: 125px;
    overflow: hidden;
}
.index11 .news{
    padding: 80px 0 51px;
}
.index11 .news .list .img {
    width: 379px;
    height: 227px;
    overflow: hidden;
    border-radius: 20px;
}

.index11 .news .list .con {
    color: #0E221C;
    margin-top: 10px;
}

.index11 .news .list>div {
    width: 100%;
}

.index11 .news .list {
    width: 379px;
    margin-right: 31px;
    margin-bottom: 0;
}

.index11 .list:nth-child(3n) {
    margin-right: 0;
}

.index11 .btn {
    width: 164px;
    height: 50px;
    background: #04bf8a;
    border-radius: 24px;
    font-size: 20px;
    margin: auto;
    color: #fff;
}
.index12 {
    background: url(../images/index12.jpg) no-repeat center;
    padding: 443px 0 72px;
}
.index12 .sed_title{
    font-size: 20px;
    margin: 5px 0 20px;
}

.index12 form {
    font-size: 15px;
    color: #fff;
}

.index12 form input {
    width: 144px;
    height: 52px;
    background: #f9faff;
    border-radius: 26px;
    padding-left: 20px;
    margin-top: 17px;
}

.index12 form p:nth-child(3) input {
    width: 549px;
}

.index12 form button {
    width: 128px;
    height: 49px;
    background: #04BF8A;
    border-radius: 25px;
    color: #fff;
}
.form {
    margin-top: 86px;
    box-sizing: border-box;
}

.form input[name='content'] {
    width: 569px;
}

/* index end */

/* about */
.about1 {
    padding: 105px 0 157px;
}

.about1 .tit, .about3 .tit {
    font-size: 32px;
    color: #0E221C;
}

.about1 li:nth-child(1) {
    margin-top: 73px;
}

.about1 li:nth-child(2) {
    margin-top: 131px;
}

.about1 li>div {
    width: 572px;
    font-size: 16px;
    line-height: 27px;
    color: #646464;
}

.about1 .tt {
    font-size: 24px;
    color: #0E221C;
    margin-bottom: 15px;
}

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

.about2 p {
    width: 432px;
    font-size: 16px;
    color: #ffffff;
    line-height: 27px;
}

.about3 {
    padding-bottom: 148px;
}

.about3 .swiper {
    margin-top: 57px;
}

.about3 .img {
    width: 100%;
    height: 375px;
    overflow: hidden;
}

.about3 .swiper-button::after {
    color: #1D1818;
    width: var(--swiper-navigation-size);
    --swiper-navigation-size: 32px;
}

/* about end */

.product {
    padding: 100px 0;
}

.product ul {
    margin-top: 20px;
}

.product .list {
    width: 350px;
    height: 395px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
    margin-right: 72px;
    padding: 20px 25px;
}

.product .list:nth-child(3n) {
    margin-right: 0;
}

.product .list .tit {
    display: block;
    line-height: 75px;
    font-size: 20px;
    color: #1B2024;
}

.product .list .img {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

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

.nav_link {
    font-size: 17px;
    color: #6E6E6E;
    word-spacing: 10px;
    margin-bottom: 60px;
}

.productarc {
    margin: 70px 0;
    margin-top: 192px;
}

.productarc .a .img1 {
    width: 450px;
    height: 450px;
    background: #ffffff;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.09);
    margin-right: 45px;
    overflow: hidden;
}

.productarc .a .img1 img {
    max-width: 100%;
    max-height: 100%;
}

.productarc .title {
    font-size: 24px;
    color: #2F271F;
}

.productarc .price {
    font-size: 30px;
    font-weight: bold;
    color: #99AC53;
    margin: 26px 0 33px;
    letter-spacing: 2px;
}

.productarc .summary {
    min-height: 180px;
    -webkit-line-clamp: 7;
    font-size: 15px;
    line-height: 30px;
    color: #646464;
    margin-top: 18px;
}

.productarc .btn {
    width: 186px;
    height: 45px;
    background: #04BF8A;
    border-radius: 23px;
    font-size: 18px;
    color: #fff;
    margin-top: 32px;
    position: relative;
    z-index: 9;
}

.productarc .img {
    width: 143px;
    height: 143px;
    background: #fff;
    padding: 17px 13px;
}

.productarc .p_a {
    background: url(../images/arc1.png) no-repeat center;
    background-size: cover;
    width: 332px;
    height: 287px;
    top: 294px;
    padding-top: 60px;
    opacity: 0;
    transition: .2s;
    box-sizing: border-box;
}

.productarc .p_a .img2 {
    width: 143px;
    height: 143px;
    background: #fff;
    padding: 17px 13px;
    margin: auto;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.productarc .p_a .img2 img {
    width: 100%;
}

.productarc .p_a p {
    font-size: 18px;
    color: #1B2024;
    margin-top: 22px;
}

.productarc .text {
    width: 601px;
}

.productarc .tit {
    font-size: 22px;
    font-weight: bold;
    color: #323232;
    margin: 83px 0 45px;
}

.productarc .content img {
    max-width: 100%;
    margin: auto;
}

.productarc .con {
    min-height: 200px;
    font-size: 16px;
    line-height: 36px;
    color: #717171;
}

/* join */
.join .index4 {
    padding: 107px 0 125px;
}

.join ol li {
    width: 385px;
    border-radius: 25px;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.06);
    color: #0E221C;
    padding: 30px 19px 33px 30px;
}

.join ol li .cn {
    font-size: 16px;
    line-height: 28px;
}

.join ol li:nth-child(1) {
    width: 384px;
    padding: 40px 20px 30px 22px;
}

.join ol li:nth-child(1) .cn, .join ol li:nth-child(2) .cn {
    font-size: 14px;
}

.join ol li:nth-child(2) {
    width: 792px;
    padding: 45px 50px 69px 44px;
}

.join ol li:nth-child(3) {
    width: 100%;
    padding: 57px 88px 57px 50px;
    margin: 31px 0 35px;
}

.join ol .tt {
    font-size: 20px;
}

.join ol .cn {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

.join ol .cn span {
    font-size: 18px;
    color: #FFB91C;
}

.join .cir {
    width: 98px;
    height: 98px;
    background-size: cover;
    margin: 0;
}

.join .cir .num {
    font-size: 22px;
    line-height: 1;
}

.join .cir p {
    font-size: 14px;
}

.join .index4 .aaa {
    color: #0E221C;
    margin-bottom: 73px;
}

.join .index4 .con {
    margin: 14px auto 0;
}

.join form {
    font-size: 15px;
    color: #646464;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 30px 0px rgb(0 0 0 / 8%);
    padding: 104px 47px 45px;
    margin-bottom: 59px;
}

.join form input {
    width: 144px;
    height: 52px;
    background: #f9faff;
    border-radius: 26px;
    padding-left: 20px;
    margin-top: 17px;
}

.join form p {
    width: 144px;
}

.join form p:nth-child(3), .join form p:nth-child(3) input {
    width: 549px;
}

.join form button {
    width: 128px;
    height: 49px;
    background: #04BF8A;
    border-radius: 25px;
    color: #fff;
    margin: 27px 0;
}

/* join end */

/* news */
.news {
    padding: 90px 0;
}

.news .list {
    margin-bottom: 78px;
}

.news .list .img {
    width: 304px;
    height: 227px;
    overflow: hidden;
}

.news .list .img img {
    width: 100%;
}


.news .list>div {
    width: 816px;
    color: #5A5A5A;
}

.news .tit {
    font-size: 24px;
    font-weight: bold;
    color: #2F271F;
}

.news .time {
    font-size: 17px;
    letter-spacing: 1px;
    color: #505050;
    margin: 11px 0;
}


.news .con {
    font-size: 18px;
    line-height: 36px;
    color: #5A5A5A;
    -webkit-line-clamp: 3;
}

.newsa {
    margin: 149px 0 100px;
    color: #3A3A3A;
}

.newsa img {
    max-width: 100%;
}

.newsa .tit {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
}

.newsa .tag {
    font-size: 17px;
    margin: 20px 0 49px;
    letter-spacing: 1px;
}

.newsa .content {
    font-size: 16px;
    line-height: 30px;
    color: #5A5A5A;
}

/* news end */


/* contactUs */
.contact {
    padding-bottom: 115px;
}

.contact .aaa {
    margin-top: -289px;
}

.contact form {
    font-size: 15px;
    color: #646464;
    width: 1198px;
    height: 395px;
    margin-top: 50px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
    padding: 51px 110px 59px 86px;
}

form input {
    width: 482px;
    height: 52px;
    background: #f9faff;
    border-radius: 26px;
    padding-left: 20px;
    margin-top: 17px;
    margin-bottom: 24px;
}

form p:nth-child(3) input {
    width: 1002px;
}

form button {
    width: 128px;
    height: 49px;
    background: #0f2527;
    border-radius: 25px;
    color: #fff;
    margin: auto;
}


/* contactUs end */