@charset "utf-8";.banner {
    position: relative;
}

.banner .picBox {
    position: relative;
    overflow: hidden;
}

.banner .picBox img {
    width: 100%;
    -webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .textBox {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.banner .textBox .tit {
    animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    font-size: 0.52rem;
    color: #fff;
}

.banner .textBox .tip {
    animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    font-size: 0.32rem;
    color: #fff;
    margin-top: 10px;
}



.container {
    position: relative;
    background: #fbfbfb;
}

/* 内容模式*/
.article {
    padding: 60px 0 40px;
    line-height: 2;
    font-size: 16px;
    word-wrap: break-word;
}

.article .hd {
    padding: 0 0 20px;
    text-align: center;
}

.article .hd h1 {
    color: #000;
    font-size: 20px;
}

.article .hd .titBar {
    color: #797979;
    font-size: 12px;
}

.article .bd {
    padding-bottom: 40px;
}

.article .ft {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

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

.article video {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

/* 分页*/
.page {
    padding-bottom: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
}

.page a {
    display: inline-block;
    margin: 0 2px;
    padding: 0 15px;
    border: 1px solid transparent;
    background: #eeeeee;
    color: #474747;
    vertical-align: top;
    transition: all 0.3s;
}

.page a:hover,.page .current {
    border: 1px solid #1639a6;
    background: #fbfbfb;
    color: #1639a6;
}



.sideBar {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.sideBar .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sideBar .side-item-wrap {
    display: flex;
}

.sideBar .side-item-wrap .item a {
    display: block;
    font-size: 18px;
    color: #535353;
    padding: 0.24rem 0.3rem;
    transition: all 0.3s;
    position: relative;
}

.sideBar .side-item-wrap .item a::before {
    content: '\20';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #1639a6;
    transition: all 0.4s;
}

.sideBar .side-item-wrap .item.on a::before, .sideBar .side-item-wrap .item a:hover::before {
    width: 100%;
}

.breadcrumbs a {
    font-size: 16px;
    color: #999999;
    transition: all 0.3s;
    margin-right: 24px;
    padding-right: 24px;
    position: relative;
}

.breadcrumbs a::before {
    content: '\20';
    position: absolute;
    right: -12px;
    top: 50%;
    border: 6px solid transparent;
    border-left-color: #dddddd;
    transform: translateY(-50%);
}

.breadcrumbs a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.breadcrumbs a:last-child::before {
    display: none;
}

.breadcrumbs a.current, .breadcrumbs a:hover {
    color: #1639a6;
}

/* 图片列表*/
.page-pic-list {
    padding: 0.7rem 0 0 0;
}

.page-pic-list .item-wrap {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.5rem;
}

.page-pic-list .item-wrap .item {
    width: 31.25%;
    margin-bottom: 3.125%;
    margin-right: 3.125%;
}

.page-pic-list .item-wrap .item:nth-child(3n) {
    margin-right: 0;
}

.page-pic-list .item-wrap .item a {
    display: block;
    background: #fff;
}

.page-pic-list .item-wrap .item .picBox {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-pic-list .item-wrap .item .picBox img {
    max-width: 100%;
    transition: all 0.3s;
}

.page-pic-list .item-wrap .item a:hover .picBox img {
    transform: scale(1.1);
}

.page-pic-list .item-wrap .item .textBox {
    padding: 0.3rem 0.3rem 0.4rem 0.3rem;
    position: relative;
}

.page-pic-list .item-wrap .item .textBox::before {
    content: '\20';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(pro01.jpg) no-repeat center;
    background-size: cover;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.page-pic-list .item-wrap .item .textBox .tit {
    font-size: 24px;
    color: #000000;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.26rem;
    transition: all 0.3s;
    position: relative;
    z-index: 4;
}

.page-pic-list .item-wrap .item .textBox .tip {
    padding-top: 0.3rem;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    transition: all 0.3s;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    position: relative;
    z-index: 4;
}

.page-pic-list .item-wrap .item .textBox .seemore {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.66rem;
    position: relative;
    z-index: 4;
}

.page-pic-list .item-wrap .item .textBox .seemore .txt {
    line-height: 1;
    font-size: 16px;
    color: #717171;
    transition: all 0.3s;
}

.page-pic-list .item-wrap .item .textBox .seemore .arr {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 0.3s;
    position: relative;
}

.page-pic-list .item-wrap .item .textBox .seemore .arr::before {
    content: '\20';
    position: absolute;
    left: 4px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #717171;
    border-bottom: 1px solid #717171;
    transform: rotate(-45deg);
    transition: all 0.3s;
}

.page-pic-list .item-wrap .item a:hover .textBox::before {
    opacity: 1;
    visibility: visible;
}

.page-pic-list .item-wrap .item a:hover .textBox .tit {
    color: #1639a6;
}

.page-pic-list .item-wrap .item a:hover .textBox .tip {
    color: #1639a6;
}

.page-pic-list .item-wrap .item a:hover .textBox .seemore .txt {
    color: #1639a6;
}

.page-pic-list .item-wrap .item a:hover .textBox .seemore .arr {
    border-color: #1639a6;
}

.page-pic-list .item-wrap .item a:hover .textBox .seemore .arr::before {
    border-color: #1639a6;
}



/* 图文列表 */
.page-pictxt-list {
    padding: 0.96rem 0 1.58rem 0;
}

.m-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 18px rgba(0,0,0,.12);
}

.m-links .picBox {
    width: 39.5%;
    position: relative;
    overflow: hidden;
}

.m-links .picBox img {
    width: 100%;
    transition: all 0.3s;
}

.m-links:hover .picBox img {
    transform: scale(1.1);
}

.m-links .textBox {
    width: 60.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.1rem 0 0.78rem;
}

.m-links .textBox .tit {
    font-size: 20px;
    font-weight: normal;
    color: #232222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
}

.m-links .textBox .cnt {
    font-size: 16px;
    margin-top: 0.26rem;
    color: #222222;
    line-height: 36px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.m-links:hover .textBox .tit {
    font-weight: bold;
    color: #1639a6;
}

.m-links .textBox .tip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 48px;
    margin-top: 0.4rem;
    border: 1px solid #81b5e8;
    border-radius: 5px;
    font-size: 14px;
    color: #1639a6;
    transition: all 0.3s;
}

.m-links .textBox .tip .tip1 {
    line-height: 1;
    margin-right: 12px;
}

.m-links .textBox .tip .tip2 {
    width: 8px;
    height: 8px;
    border-right: 2px solid #1639a6;
    border-bottom: 2px solid #1639a6;
    transform: rotate(-45deg);
    transition: all 0.3s;
}

.m-links .textBox .tip:hover {
    border: none;
    color: #fff;
    background: linear-gradient(90deg, #1639a6 0%, #18b474 100%);
}

.m-links .textBox .tip:hover .tip2 {
    border-color: #fff;
}

.page-pictxt-list .item {
    margin-bottom: 0.46rem;
}

.page-pictxt-list .item:last-child {
    margin-bottom: 0;
}

.page-pictxt-list .item a {
    position: relative;
}

.page-pictxt-list .item a::before {
    content: '\20';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #267ce4;
    z-index: 4;
    transition: all 0.8s;
}

.page-pictxt-list .item a:hover::before {
    width: 100%;
}

.page-pictxt-list .item a::after {
    content: '\20';
    position: absolute;
    right: 1.1rem;
    bottom: 0;
    width: 4.3rem;
    height: 3rem;
    background: url(case01.png) no-repeat center center;
    background-size: cover;
    z-index: 2;
    opacity: 0;
    transition: all 0.6s;
}

.page-pictxt-list .item a:hover::after {
    opacity: 1;
}



/* 新闻列表 */
.page-news {
    padding: 0.86rem 0 0.6rem 0;
}

.page-news .topNews .m-links {
    margin-bottom: 35px;
}

.page-news .page-news-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dde6e9;
    padding: 35px 0;
    transition: all 0.3s;
    position: relative;
}

.page-news .page-news-list a::before {
    content: '\20';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: translateX(-50%);
    z-index: 2;
    background: #f3f3f6;
    opacity: 0;
    transition: all 0.3s;
}

.page-news .page-news-list a:last-child {
    border-bottom: none;
}

.page-news .page-news-list .textBox {
    width: 90%;
    position: relative;
    z-index: 4;
}

.page-news .page-news-list .textBox .tit {
    font-size: 20px;
    font-weight: normal;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

.page-news .page-news-list .textBox .tip {
    font-size: 16px;
    color: rgba(34,34,34,.8);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
    margin-top: 10px;
}

.page-news .page-news-list .textBox .txt {
    font-size: 14px;
    color: #222;
    margin-top: 10px;
}

.page-news .page-news-list .timeBox {
    position: relative;
    z-index: 4;
    font-family: Arial;
    color: #b0b0b0;
    transition: all 0.3s;
}

.page-news .page-news-list .timeBox .time1 {
    font-size: 0.48rem;
    line-height: 1;
}

.page-news .page-news-list .timeBox .time2 {
    font-size: 18px;
}

.page-news .page-news-list a:hover {
    border-color: transparent;
}

.page-news .page-news-list a:hover::before {
    opacity: 1;
}

.page-news .page-news-list a:hover .textBox .tit {
    color: #1639a6;
}

.page-news .page-news-list a:hover .timeBox {
    color: #1639a6;
}



/* 产品详情 */
.page-pro-display {
    padding: 0.7rem 0 0.9rem 0;
}

.page-pro-display .m-links {
    box-shadow: none;
}

.page-pro-display .m-links .zixun {
    display: flex;
    margin-top: 0.48rem;
}

.page-pro-display .m-links .zixun a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #18b474;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    background: #18b474;
    height: 56px;
    line-height: 56px;
    padding: 0 0.3rem;
    transition: all 0.3s;
}

.page-pro-display .m-links .zixun a:hover {
    background: #1639a6;
}

.page-pro-display .m-links .zixun svg {
    display: block;
}

.page-pro-display .m-links .zixun .zixun1 {
    margin-right: 19px;
}

.page-pro-display .m-links .zixun .zixun1 a {
    background: #1639a6;
    color: #fff;
}

.page-pro-display .m-links .zixun .pic {
    margin-right: 20px;
}

.page-pro-display .pro-introduce {
    position: relative;
    margin-top: 0.44rem;
    padding: 0.54rem 0.8rem;
    box-shadow: 0 0 18px rgba(0,0,0,.12);
}

.page-pro-display .pro-introduce .tit {
    position: absolute;
    left: 0;
    top: 0;
    background: #1639a6;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    width: 214px;
    height: 54px;
    padding-left: 80px;
    line-height: 54px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1685063087862' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13328' width='30' height='30'%3E%3Cpath d='M533.394286 18.285714A73.142857 73.142857 0 0 1 585.142857 39.716571l325.961143 326.107429A73.142857 73.142857 0 0 1 932.571429 417.536v441.856a146.285714 146.285714 0 0 1-146.285715 146.285714H237.714286a146.285714 146.285714 0 0 1-146.285715-146.285714V164.937143A146.651429 146.651429 0 0 1 237.714286 18.541714L533.394286 18.285714z m-23.771429 73.142857H237.714286a73.142857 73.142857 0 0 0-72.96 67.657143L164.571429 164.571429v694.857142a73.142857 73.142857 0 0 0 67.657142 72.923429l5.485715 0.182857h548.571428a73.142857 73.142857 0 0 0 72.96-67.657143l0.182857-5.485714V441.636571a73.142857 73.142857 0 0 0-1.389714-14.262857l-1.718857-6.875428L603.428571 420.571429l-5.485714-0.182858a73.142857 73.142857 0 0 1-67.437714-67.218285L530.285714 347.392V94.390857a73.142857 73.142857 0 0 0-20.626285-2.998857zM603.428571 161.426286v149.357714a36.571429 36.571429 0 0 0 36.571429 36.571429h149.430857L603.428571 161.462857z' fill='%23ffffff' p-id='13329'%3E%3C/path%3E%3Cpath d='M237.714286 457.106286m36.571428 0l182.857143 0q36.571429 0 36.571429 36.571428l0 0q0 36.571429-36.571429 36.571429l-182.857143 0q-36.571429 0-36.571428-36.571429l0 0q0-36.571429 36.571428-36.571428Z' fill='%23ffffff' p-id='13330'%3E%3C/path%3E%3Cpath d='M237.714286 676.534857m36.571428 0l438.857143 0q36.571429 0 36.571429 36.571429l0 0q0 36.571429-36.571429 36.571428l-438.857143 0q-36.571429 0-36.571428-36.571428l0 0q0-36.571429 36.571428-36.571429Z' fill='%23ffffff' p-id='13331'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 30px center;
}

.page-pro-display .pro-introduce .cnt {
    margin-top: 60px;
    font-size: 16px;
    color: #222222;
    line-height: 36px;
}

.page-pro-display .pro-introduce .cnt img {
    max-width: 100%;
}

.page-pro-display .pro-introduce .cnt video {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.page-pro-display .pro-ft {
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}

.page-pro-display .pro-ft .prev {
    width: 45%;
}

.page-pro-display .pro-ft .next {
    width: 45%;
    text-align: right;
}



/* 关于我们*/
.page-about {
    padding-bottom: 1.14rem;
}

.page-about .s1 {
    padding: 1.3rem 0 1.14rem 0;
}

.page-about .s1 .a1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-about .s1 .a1 .textBox {
    width: 46%;
}

.page-about .s1 .a1 .textBox .tit {
    color: #222222;
}

.page-about .s1 .a1 .textBox .tit .tit1 {
    font-size: 0.24rem;
    color: #898989;
    text-transform: uppercase;
    margin-bottom: 0.1rem;
}

.page-about .s1 .a1 .textBox .tip {
    margin-top: 0.5rem;
    font-size: 16px;
    color: #222222;
    line-height: 36px;
}

.page-about .s1 .a1 .picBox {
    width: 48%;
    position: relative;
    overflow: hidden;
}

.page-about .s1 .a1 .picBox img {
    width: 100%;
    transition: all 0.3s;
}

.page-about .s1 .a1 .picBox:hover img {
    transform: scale(1.1);
}

.page-about .s2 {
    padding: 0.75rem 0 0 0;
    background: url(about02.jpg) no-repeat center center;
    background-size: cover;
}

.page-about .s2 .a1 .tit {
    font-family: Arial;
    font-size: 0.66rem;
    color: rgba(255, 255, 255, 0.6);
}

.page-about .s2 .a2 {
    background: #fff;
    transform: translateY(160px);
    margin-top: -90px;
    margin-bottom: 160px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 18px rgba(0,0,0,.15);
}

.page-about .s2 .a2 .b1 {
    width: 23.81%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(about05.jpg) no-repeat center;
    background-size: cover;
}

.page-about .s2 .a2 .b1 .c1 {
    text-align: center;
}

.page-about .s2 .a2 .b1 .c1 .tit {
    font-weight: bold;
    color: #fff;
}

.page-about .s2 .a2 .b1 .c1 .tip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 132px;
    height: 48px;
    margin-top: 0.4rem;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
    transition: all 0.3s;
}

.page-about .s2 .a2 .b1 .c1 .tip .tip1 {
    line-height: 1;
    margin-right: 12px;
}

.page-about .s2 .a2 .b1 .c1 .tip .tip2 {
    width: 8px;
    height: 8px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
    transition: all 0.3s;
}

.page-about .s2 .a2 .b1 .c1 .tip:hover {
    border: none;
    color: #fff;
    background: linear-gradient(90deg, #1639a6 0%, #18b474 100%);
}

.page-about .s2 .a2 .b2 {
    width: 76.19%;
    padding: 0.6rem 0 0.6rem 0.7rem;
}

.page-about .s2 .a2 .honor-swiper .swiper-slide {
    width: auto;
}

.page-about .s2 .a2 .honor-swiper .swiper-slide .picBox {
    position: relative;
    overflow: hidden;
}

.page-about .s2 .a2 .honor-swiper .swiper-slide .picBox img {
    transition: all 0.3s;
}

.page-about .s2 .a2 .honor-swiper .swiper-slide .picBox:hover img {
    transform: scale(1.1);
}

.page-about .s3 {
    margin-top: 160px;
    padding: 0.74rem 0 0.94rem 0;
}

.page-about .s3 .a1 .tit {
    font-weight: bold;
    color: #626085;
}

.page-about .s3 .a2 {
    margin-top: 0.5rem;
}

.page-about .s3 .a2 .picBox {
    position: relative;
    overflow: hidden;
}

.page-about .s3 .a2 .picBox img {
    width: 100%;
    transition: all 0.3s;
}

.page-about .s3 .a2 .picBox:hover img {
    transform: scale(1.1);
}

.page-about .s4 {
    background: url(pic02.jpg) no-repeat center center;
    background-size: cover;
    padding: 1.18rem 0 0.9rem 0
}

.page-about .s4 .box-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.page-about .s4 .box-wrap .textBox {
    width: 40%;
    padding-left: 30px;
}

.page-about .s4 .box-wrap .textBox .b2 {
    margin-top: 0.9rem;
    font-size: 16px;
    line-height: 30px;
    color: #272727;
}

.page-about .s4 .box-wrap .textBox .b2 p {
    position: relative;
    padding-left: 18px;
    margin-bottom: 16px;
}

.page-about .s4 .box-wrap .textBox .b2 p:last-child {
    margin-bottom: 0;
}

.page-about .s4 .box-wrap .textBox .b2 p::before {
    content: '\20';
    position: absolute;
    left: 0;
    top: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #626085;
}

.page-about .s4 .box-wrap .textBox .b3 {
    margin-top: 0.45rem;
}

.page-about .s4 .box-wrap .picBox {
    width: 49%;
}

.page-about .s4 .box-wrap .picBox a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.page-about .s4 .box-wrap .picBox a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0px;
}

.page-about .s4 .box-wrap .picBox img {
    width: 100%;
    transition: all 0.3s;
}

.page-about .s4 .box-wrap .picBox a:hover::before {
    animation: gradient-rectangle 1.4s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.page-about .s4 .box-wrap .picBox a:hover img {
    transform: scale(1.1);
}



/* 网站地图 */
.webmap dl {
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.webmap dl:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 40px;
}

.webmap dt {
    margin-bottom: 20px;
}

.webmap dt a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #029f36;
}

.webmap dd a {
    display: block;
    float: left;
    width: 14%;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    color: #333333;
    transition: all 0.3s;
}

.webmap dd a:hover {
    color: #029f36;
}

/* 联系我们 */
.page-contact {
    padding-top: 75px;
}

.page-contact .mapBox {
    margin-top: 75px;
}

.Contact {
    display: flex;
    box-shadow: 1px 1px 10px 1px rgb(230, 230, 230);
    border-radius: 10px;
}

.Message {
    width: 58%;
    margin-right: 4%;
    padding: 40px 0 55px 45px;
    box-sizing: border-box;
}

.me1 {
    font-size: 34px;
    color: rgb(51, 51, 51);
    margin-bottom: 15px;
}

.me2 {
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.me3 {
    font-size: 34px;
    color: rgb(255, 255, 255);
    margin-bottom: 15px;
}

.me4 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    padding-bottom: 15px;
}

.me5 {
    margin-top: 46px;
    text-align: center;
}

.me5 .textBox {
    margin-top: 20px;
    color: #ffffff;
}

.messForm {
    padding-top: 25px;
}

.messFlex {
    display: flex;
    flex-wrap: wrap;
}

.messFlex>p:nth-child(2n+2) {
    margin-right: 0;
}

.messPut {
    width: 48%;
    margin-right: 4%;
    display: flex;
    align-items: center;
    padding: 18px 25px;
    border-radius: 25px;
    background: rgb(246, 246, 246);
    letter-spacing: 1px;
    margin-top: 25px;
    box-sizing: border-box;
}

.messPut input {
    font-size: 16px;
    color: rgb(102, 102, 102);
    width: 90%;
}

.Message input::-webkit-input-placeholder, .Message textarea::-webkit-input-placeholder {
    color: rgb(102, 102, 102);
}

.messPut img {
    margin-right: 12px;
}

.Message textarea {
    background: rgb(246, 246, 246);
    height: 140px;
    padding: 18px 25px;
    font-size: 16px;
    color: rgb(102, 102, 102);
    letter-spacing: 1px;
    border-radius: 25px;
    margin-top: 25px;
    width: 100%;
    resize: none;
    box-sizing: border-box;
}

.Message button {
    height: 58px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    background: #1639a6;
    border-radius: 25px;
    margin-top: 35px;
    width: 50%;
    margin-left: 25%;
    font-size: 20px;
    letter-spacing: 1px;
    transition: all 0.5s;
    cursor: pointer;
}

.Message button:hover {
    color: #1639a6;
    border: 1px solid #1639a6;
    background: transparent;
    box-shadow: 1px 1px 15px 1px rgba(41, 120, 73, 0.2);
}

.Type {
    width: 38%;
    padding: 40px 60px;
    background: url(pic17.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    background-color: #1639a6;
}

.conType {
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    transition: all 0.5s;
}

.conType:hover {
    transform: translateX(12px);
}

.conType:hover img {
    animation: jello 1.4s;
}

.conType>li:nth-child(2) {
    width: 90%;
}

.conType img {
    transition: all 0.5s;
    width: 32px;
}

.conType>li:nth-child(1) {
    margin-right: 10px;
    width: 45px;
}

.conType>li:nth-child(2)>p:nth-child(1) {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}

.conType>li:nth-child(2)>p:nth-child(2) {
    font-size: 24px;
    color: #fff;
}

.f16 {
    font-size: 16px !important;
}




/* 城市分站 */
.content {
    border-top: 2px solid #ddd;
    padding: 10px;
    margin-top: 5px;
}

.content-wrap {
    padding: 50px 0;
}

.content-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}

.content-item dt {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    width: 85px;
    padding-left: 25px;
    color: #444;
}

.content-item a {
    color: #333;
}

.content-item dd {
    flex: 1;
}

.content-item .dd-a-btn {
    padding: 5px 12px;
    font-size: 14px;
    min-width: 0px;
    display: inline-block;
}

.content-item .dd-a-btn:hover {
    background-color: #1639a6;
    color: #fff;
    border-radius: 8px
}


@media screen and (max-width: 1620px) {
    .breadcrumbs{display: none;}
    .article{padding: 40px 0;}
    .page-contact{padding-top: 40px;}
    .page-pic-list{padding: 60px 0 0;}
    .page-pictxt-list{padding: 60px 0;}
}

@media screen and (max-width: 1420px) {
    .Type{padding: 30px;}
    .page-pic-list{padding: 40px 0 0;}
    .m-links .picBox{width: 400px;}
    .m-links .textBox{width: calc(100% - 400px);padding: 0 40px 0 40px;}
    .m-links .textBox .cnt{    -webkit-line-clamp: 1;line-clamp: 1;}
    .page-pictxt-list{padding: 40px 0;}
}



@media screen and (max-width: 1000px) {
    .breadcrumbs{display: none;}
    .article{padding: 40px 0;}
    .page-contact{padding-top: 40px;}
}




@media screen and (max-width:1000px) {
    .Contact{flex-wrap:wrap}
    .Message{width:100%;margin-right:0;padding:20px 12px}
    .Type{width:100%;padding:20px 12px}
    .me1{font-size:26px}
    .me3{font-size:26px}
    .sideBar{display: none;}
    .page-pic-list .item-wrap .item{width: 49%;margin-right: 2%;margin-top: 20px;margin-bottom: 0;}
    .page-pic-list{padding: 40px 0 0;}
    .page-pic-list .item-wrap .item:nth-child(-n+3){margin-top: 20px;}
    .page-pic-list .item-wrap .item:nth-child(3n){margin-right: 2%;}
    .page-pic-list .item-wrap .item:nth-child(-n+2){margin-top: 0;}
    .page-pic-list .item-wrap .item:nth-child(2n){margin-right: 0;}
    .page-pic-list .item-wrap .item .textBox{padding: 20px;}
    .page-pic-list .item-wrap .item .textBox .tit{font-size: 20px;padding-bottom: 10px;}
    .page-pic-list .item-wrap .item .textBox .tip{display: none;}
    .messPut{width: 100%;margin-right: 0;}
    .article .bd{padding-bottom: 0;}
    .page-pic-list .item-wrap .item .picBox img{width: 100%;}
    .page-pictxt-list .item a::before{display: none;}
    .page-pictxt-list .item a{flex-direction: column;padding: 20px;}
    .m-links .picBox{width: 100%;}
    .m-links .textBox{width: 100%;padding:  20px  20px;}
    .page-pictxt-list .item a::after{display: none;}
    .m-links .textBox .cnt{margin-top: 10px;}
    .m-links .textBox .tip{margin-top: 20px;}
    .m-links .textBox .tip{height: 36px;}
}