@media screen and (min-width: 320px) {

    html {

        font-size: 27px;

    }

}



@media screen and (min-width: 360px) {

    html {

        font-size: 28px;

    }

}



@media screen and (min-width: 375px) {

    html {

        font-size: 29px;

    }

}



@media screen and (min-width: 400px) {

    html {

        font-size: 30px;

    }

}



@media screen and (min-width: 414px) {

    html {

        font-size: 31px;

    }

}



@media screen and (min-width: 440px) {

    html {

        font-size: 32px;

    }

}



@media screen and (min-width: 480px) {

    html {

        font-size: 33px;

    }

}



@media screen and (min-width: 520px) {

    html {

        font-size: 34px;

    }

}



@media screen and (min-width: 560px) {

    html {

        font-size: 35px;

    }

}



@media screen and (min-width: 600px) {

    html {

        font-size: 36px;

    }

}



@media screen and (min-width: 640px) {

    html {

        font-size: 37px;

    }

}



@media screen and (min-width: 680px) {

    html {

        font-size: 38px;

    }

}



@media screen and (min-width: 1200px) {

    html {

        font-size: 40px;

    }

}



.swiper-button-prev,

.swiper-button-next {

    outline: none;

}





body {

    margin: 0px;

    margin: 0px;

}



p {

    margin: 0px;

    padding: 0;

}



a:hover {

    text-decoration: none;

}



a:link {

    text-decoration: none;

}



ul {

    margin: 0px;

    padding: 0;

}





/* 顶部 */



.top {

    display: flex;

    padding: 0 15%;

    justify-content: space-between;

    height: 2.25rem;

    border-bottom: 1px solid #f5f5f5;

}



.topLogo {

    width: 8rem;

    margin-top: 0.5rem;

}



.topLogo img {

    width: 100%;

}



.topPhone {

    font-size: 0.7rem;

    color: #666666;

}



.topDisplayPhone img {

    width: 0.5rem;

    height: 0.5rem;

    margin-right: 0.25rem;

}



.topDisplayPhone {

    display: none;

    color: #666666;

    text-align: end;

    padding-right: 5%;

    font-size: 0.4rem;

    height: 1rem;

    line-height: 1rem;

    border-bottom: 1px solid #f5f5f5;

}



.topPhone section {

    display: flex;

    margin-top: 0.5rem;

    font-size: 0.4rem;

}



.topPhone section img {

    width: 0.5rem;

    height: 0.5rem;

    margin-right: 0.25rem;

}



.paging li {

	list-style:none;

}



/*导航*/



.nav {

    margin-left: 15%;

    width: 70%;

}



.nav ul {

    list-style: none;

    display: flex;

}



.nav ul li {

    text-align: center;

    width: 12%;

    max-width: 3rem;

}



.nav ul li a {

    display: inline-block;

    height: 1.5rem;

    line-height: 1.5rem;

    font-size: 0.35rem;

    color: #3c3c3c;

}



.meum {

    height: 1.5rem;

    text-align: center;

    margin-top: 0.5rem;

}



.meum img {

    width: 1rem;

    height: 1rem;

    margin-top: 0.25rem;

}



.nav ul li a:hover {

    color: #de9e53;

}



.nav section a {

    width: 3rem;

    height: 1rem;

    line-height: 1rem;

    background-color: #ffffff;

}



.nav section {

    display: none;

    flex-direction: column;

    box-shadow: 0px 0px 0.25rem #ddd;

    position: absolute;

    z-index: 10086;

}





/*轮播图*/



.swiper1 {

    width: 100%;

    height: 100%;

}



.swiper1 .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;

}



.swiper1 .swiper-slide img {

    width: 100%;

}





/*首页产品展示*/



.indexProduct {

    width: 70%;

    margin: 0 auto;

}



.indexProductTitle {

    text-align: center;

    font-size: 0.85rem;

    margin-top: 1.5rem;

}



.indexProductList {

    margin-top: 1.5rem;

    display: flex;

    flex-wrap: wrap;

}



.indexProductListBox:hover {

    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);

}



.indexProductListBox {

    transition: box-shadow 0.5s;

    -moz-transition: box-shadow 0.5s;

    -webkit-transition: box-shadow 0.5s;

    -o-transition: box-shadow 0.5s;

    width: 23%;

	margin-left:2%;

}



.indexProductListBox:hover .indexProductListBoxInfo {

    background-color: #de9e53;

    color: #fff;

}



.indexProductListBox:hover .indexProductListBoxInfo span {

    color: #fff;

}



.indexProductListBox img {

    width: 100%;

    border: 1px solid #f0f0f0;

}



.indexProductListBoxInfo {

    text-align: center;

    color: #333333;

    background-color: #f7f5f1;

    transition: background-color 0.1s, color 0.1s;

    -moz-transition: background-color 0.1s, color 0.1s;

    -webkit-transition: background-color 0.1s, color 0.1s;

    -o-transition: background-color 0.1s, color 0.1s;

}



.indexProductListBoxInfo p {

    font-size: 0.6rem;

    padding: 0.25rem 0;

}



.indexProductListBoxInfo span {

    display: block;

    color: #595959;

    font-size: 0.45rem;

    transition: color 0.1s;

    -moz-transition: color 0.1s;

    -webkit-transition: color 0.1s;

    -o-transition: color 0.1s;

    padding-bottom: 0.5rem;

}





/*为什么选择它*/



.indexOption {

    margin-top: 2.5rem;

    position: relative;

    width: 100%;

    height: 18rem;

}



.indexOptionBg {

    position: absolute;

    top: 0;

    z-index: -10;

}



.indexOptionBg img {

    width: 100%;

    height: 18rem;

}



.indexOptionFont {

    width: 25%;

    height: 13rem;

    position: absolute;

    top: 2.5rem;

    left: 15%;

    background-color: #fff;

    padding-top: 2rem;

}



.indexOptionFont section {

    display: flex;

    font-size: 0.45rem;

    color: #333333;

    margin-bottom: 1.25rem;

}



.indexOptionFont section p {

    color: #de9e53;

    width: 30%;

    text-align: end;

    margin-right: 1rem;

}



.indexOptionFont1 {

    position: absolute;

    top: 8rem;

    left: 50%;

    color: #fff;

    font-size: 0.85rem;

}



.indexOptionFont1 span {

    color: #de9e53;

}





/*关于龙将仿石漆*/



.indexAbout {

    margin: 2rem auto 0 auto;

    width: 70%;

}



.indexAboutTop {

    display: flex;

    justify-content: space-between;

}



.indexAboutTopImg {

    width: 45%;

}



.indexAboutTopImg img {

    width: 100%;

}



.indexAboutTopContent {

    width: 50%;

}



.indexAboutTopContentTitle {

    color: #333333;

    font-size: 0.85rem;

}



.indexAboutTopContentFont {

    color: #737373;

    margin-top: 1rem;

    font-size: 0.45rem;

    line-height: 0.8rem;

    letter-spacing: 0.1rem;

}



.indexAboutTopContentOption {

    margin-top: 1rem;

}



.indexAboutTopContentOption section {

    margin-top: 0.5rem;

    font-size: 0.45rem;

}



.indexAboutTopContentOption section img {

    width: 0.3rem;

    height: 0.3rem;

    margin-right: 0.45rem;

}



.indexAboutBottom {

    margin-top: 1.5rem;

    display: flex;

    justify-content: space-between;

}



.indexAboutBottomBox {

    width: 18%;

    background-color: #f7f5f1;

    max-width: 5.5rem;

    height: 5.5rem;

    text-align: center;

    color: #25272e;

    transition: color 0.1s, background-color 0.1s;

    -moz-transition: color 0.1s, background-color 0.1s;

    -webkit-transition: color 0.1s, background-color 0.1s;

    -o-transition: color 0.1s, background-color 0.1s;

}



.indexAboutBottomBox img {

    margin-top: 1.5rem;

}



.indexAboutBottomBox p {

    margin-top: 0.75rem;

    font-size: 0.5rem;

    word-wrap: break-word;

}



.indexAboutBottomBox:hover {

    background-color: #de9e53;

    color: #fff;

}



.lunbo {

    background-color: #f7f5f1;

    margin-top: 2.5rem;

    color: #333333;

    text-align: center;

}



.swiper2 {

    width: 90%;

    height: 13.5rem;

    padding-top: 2rem;

}



.swiper2 .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    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);

}



.swiper2 .swiper-slide-active,

.swiper-slide-duplicate-active {

    transform: scale(1);

}



.swiper2 .swiper-slide-active {

    width: 50% !important;

    position: relative;

    left: -25%;

    bottom: 30px;

    z-index: 6;

}



.swiper2 .swiper-slide-prev {

    width: 45% !important;

    position: relative;

    left: 10%;

    bottom: 30px;

    margin-top: 10px;

    -webkit-filter: grayscale(1);

    /* Webkit */

    filter: gray;

    /* IE6-9 */

    filter: grayscale(1);

    /* W3C */

}



.swiper2 .swiper-slide-next {

    width: 45% !important;

    position: relative;

    left: -60%;

    bottom: 30px;

    margin-top: 10px;

    -webkit-filter: grayscale(1);

    /* Webkit */

    filter: gray;

    /* IE6-9 */

    filter: grayscale(1);

    /* W3C */

}



.lunboTitle {

    font-size: 0.8rem;

    padding-top: 2.5rem;

}



.lunboFont {

    font-size: 0.6rem;

    padding-bottom: 2.5rem;

}



.indexServer {

    width: 100%;

    color: #fff;

}



.indexServer img {

    width: 100%;

    height: 10.5rem;

    vertical-align: bottom;

    position: absolute;

    z-index: -1;

}



.indexServerTitle {

    text-align: center;

    font-size: 0.8rem;

    padding-top: 2.5rem;

}



.indexServerFont {

    text-align: center;

    font-size: 0.3rem;

    padding-top: 1rem;

    line-height: 0.6rem;

}



.indexServerButton {

    width: 3.5rem;

    margin: 1.25rem auto;

}



.indexServerButton a {

    width: 3.5rem;

    height: 1.25rem;

    background-color: #de9e53;

    display: block;

    text-align: center;

    line-height: 1.25rem;

    color: #fff;

}



.indexServerButton a:hover {

    background-color: #1e3f86;

}



.indexNew {

    padding-top: 2.5rem;

}



.indexNewTitle {

    text-align: center;

    color: #333333;

    font-size: 0.8rem;

}



.indexNewContent {

    width: 70%;

    margin: 0 auto;

    display: flex;

    margin-top: 1.5rem;

}



.indexNewLeft {

    width: 45%;

    position: relative;

}



.indexNewLeftImg {

    z-index: -2;

}



.indexNewLeftImg img {

    width: 100%;

}



.indexNewLeft12 {

    width: 1.25rem;

    height: 1.25rem;

    background-color: #1e3f86;

    text-align: center;

    line-height: 1.25rem;

    font-size: 0.75rem;

    color: #fff;

	position: absolute;

}



.indexNewLeftDate {

	width:2rem;

    color: #1e3f86;

    margin-left: 0.1rem;

    font-size: 0.3rem;

	position: absolute;

	top:1.25rem;

}



.indexNewLeftBottom {

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    position: absolute;

    bottom: 0;

    color: #fff;

    font-size: 0.4rem;

    padding: 0.5rem;

}



.indexNewLeftBottom p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 0.3rem;

    margin-top: 0.25rem;

}



.indexNewRight {

    margin-left: 5%;

    width: 50%;

}



.indexNewRightlist {

    margin-bottom: 0.5rem;

}



.indexNewRightBox {

    border: 1px solid #e6e6e6;

    position: relative;

    padding: 0.75rem 1rem;

    transition: background-color 0.5s, border 0.1s;

    -moz-transition: background-color 0.5s, border 0.1s;

    -webkit-transition: background-color 0.5s, border 0.1s;

    -o-transition: background-color 0.5s, border 0.1s;

}



.indexNewRight12 {

    width: 1.25rem;

    height: 1.25rem;

    background-color: #1e3f86;

    text-align: center;

    line-height: 1.25rem;

    font-size: 0.75rem;

    color: #fff;

    position: absolute;

    left: -0.6rem;

    top: 1rem;

    transition: background-color 0.5s;

    -moz-transition: background-color 0.5s;

    -webkit-transition: background-color 0.5s;

    -o-transition: background-color 0.5s;

}



.indexNewRightBoxTitle {

    color: #333333;

    font-size: 0.45rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    transition: color 0.1s;

    -moz-transition: color 0.1s;

    -webkit-transition: color 0.1s;

    -o-transition: color 0.1s;

}



.indexNewRightBoxContent {

    color: #999999;

    font-size: 0.3rem;

    line-height: 0.6rem;

    margin-top: 0.3rem;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    transition: color 0.1s;

    -moz-transition: color 0.1s;

    -webkit-transition: color 0.1s;

    -o-transition: color 0.1s;

}



.indexNewRightDate {

    color: #808080;

    font-size: 0.3rem;

    margin-left: 1rem;

    transition: color 0.1s;

    -moz-transition: color 0.1s;

    -webkit-transition: color 0.1s;

    -o-transition: color 0.1s;

}



.indexNewRightlist:hover .indexNewRightDate {

    color: #1e3f86;

}



.indexNewRightlist:hover .indexNewRightBoxTitle {

    color: #fff;

}



.indexNewRightlist:hover .indexNewRightBoxContent {

    color: #fff;

}



.indexNewRightlist:hover .indexNewRightBox {

    background-color: #1e3f86;

    border: 1px solid #1e3f86;

}



.indexNewRightlist:hover .indexNewRight12 {

    background-color: #de9e53;

}



.bottom {

    padding: 0 15%;

    background-color: #2d2d2d;

    color: #ffffff;

    margin-top: 2.5rem;

    display: flex;

    justify-content: space-between;

}



.bottomLeft {

    margin-top: 2.5rem;

    width: 35%;

}



.bottomMiddle {

    margin-top: 2.5rem;

    width: 20%;

}



.bottomRight {

    margin-top: 2.5rem;

    width: 20%;

}



.bottomTitle {

    font-size: 0.55rem;

    padding-bottom: 0.5rem;

    border-bottom: 1px solid #838383;

}



.bottomTitle span {

    color: #838383;

    font-size: 0.45rem;

    margin-left: 0.5rem;

}



.bottomLeftContent {

    margin-top: 1.5rem;

}



.bottomLeftContent p {

    font-size: 0.5rem;

}



.bottomLeftContent section {

    font-size: 0.4rem;

    margin-top: 0.25rem;

}



.bottomLeft ul {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 2.5rem;

}



.bottomLeft ul li {

    width: 50%;

    font-size: 0.4rem;

    margin-top: 0.5rem;

}



.bottomLeft ul li img {

    margin-right: 0.25rem;

}



.bottomMiddleLink {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 1.5rem;

}



.bottomMiddleLink a {

    width: 50%;

    font-size: 0.4rem;

    color: #fff;

    margin-bottom: 0.5rem;

}



.QRcode {

    margin: 0.75rem 0 0.25rem 0;

}



.bottomRight p {

    font-size: 0.38rem;

}



.copyright {

    height: 1.25rem;

    background-color: #1a1a1a;

    color: #fff;

    line-height: 1.25rem;

    text-align: center;

    font-size: 0.35rem;

}





/*关于我们*/



.aboutBanner img {

    width: 100%;

}



.about {

    width: 100%;

}



.path {

    padding: 0.5rem 15%;

    color: #666666;

    font-size: 0.35rem;

    border-bottom: 1px solid #eaeaea;

}



.path a {

    color: #666666;

}



.aboutOption {

    height: 1.25rem;

    width: 60%;

    background-color: #f7f5f1;

    display: flex;

    justify-content: space-around;

    margin: 1.25rem auto 2rem auto;

}



.aboutOption section {

    padding: 0 0.4rem;

    height: 1.25rem;

    line-height: 1.25rem;

    cursor: pointer;

    color: #25272e;

    font-size: 0.4rem;

}



.aboutOptionChange {

    border-bottom: 1px solid #de9e53;

    color: #de9e53 !important;

}



.about1 {

    width: 70%;

    margin: 0 auto;

}



.about1Title {

    font-size: 0.85rem;

    color: #333333;

    text-align: center;

    margin-bottom: 1.5rem;

}



.about1 p {

    text-indent: 2em;

    margin-bottom: 1rem;

    line-height: 0.8rem;

}



.about1Img {

    width: 70%;

    margin: 0 auto 1rem auto;

}



.about1Img img {

    width: 100%;

}



.about2 {

    display: none;

}



.about2Img {

    width: 70%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

}



.about2 section {

    width: 22%;

	 margin-left:3%

}



.about2 section img {

    width: 100%;

}



.about3 {

    display: none;

}



.about3Hover {

    width: 70%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.about3HoverBox {

    width: 7rem;

    height: 12.5rem;

    background-size: 100% 100%;

}



.about3Hide {

    height: 100%;

    width: 100%;

    background-color: rgba(37, 74, 140, 0.7);

    text-align: center;

    display: none;

}



.about3Hide img {

    margin-top: 1rem;

    width: 1.25rem;

    height: 1.25rem;

}



.about3Hide p {

    font-size: 0.7rem;

    color: #fff;

    margin-top: 0.5rem;

}



.about3Hide span {

    display: block;

    font-size: 0.4rem;

    color: #fff;

    margin: 0.5rem 0 0 5%;

    width: 90%;

    line-height: 0.75rem;

}



.about3HoverBox section {

    width: 70%;

    height: 40%;

    background-color: rgba(37, 74, 140, 0.7);

    margin-top: 60%;

    margin-left: 15%;

    text-align: center;

}



.about3HoverBox section img {

    margin-top: 1rem;

    width: 1.25rem;

    height: 1.25rem;

}



.about3HoverBox section p {

    font-size: 0.7rem;

    color: #fff;

    margin-top: 0.5rem;

}



.about3Content {

    width: 70%;

    margin: 0 auto;

    margin-top: 2.5rem;

}



.about3ContentBox {

    width: 100%;

    background-color: #f7f5f1;

    margin-bottom: 1rem;

    display: flex;

}



.about3ContentBoxLeft {

    display: flex;

    align-items: center;

}



.about3ContentBoxLeft span {

    width: 1rem;

    height: 1rem;

    margin: 0.25rem;

}



.about3ContentBoxLeft span img {

    width: 100%;

}



.about3ContentBoxLeft p {

    text-overflow: ellipsis;

    color: #333333;

    font-size: 0.6rem;

    min-width: 3.6rem;

    padding: 0 0.75rem 0 0.25rem;

    border-right: 1px solid #de9e53;

}



.about3ContentBoxRight {

    font-size: 0.4rem;

    color: #666666;

    display: flex;

    align-items: center;

    margin-left: 0.5rem;

}



.about4 {

    width: 70%;

    margin: 0 auto;

    display: none;

}



.about4 img {

    width: 100%;

}



.about4Phone {

    display: none;

}

.about4Button {

    margin: 3rem 0;

}



.about4Button a {

    display: block;

    width: 5rem;

    height: 1.25rem;

    background-color: #1e3f86;

    text-align: center;

    line-height: 1.25rem;

    margin: 0 auto;

    color: #fff;

}



.about4Button a:hover {

    background-color: #de9e53;

}



.productOption {

    height: 1.25rem;

    width: 60%;

    background-color: #f7f5f1;

    display: flex;

    justify-content: space-around;

    margin: 1.25rem auto 2rem auto;

}



.productOption {

    width: 50%;

    display: flex;

    justify-content: space-around;

}



.productOption ul {

    width: 60%;

    list-style: none;

    display: flex;

    justify-content: space-between;

}



.productOption ul li {

    padding: 0 0.4rem;

    height: 1.25rem;

    line-height: 1.25rem;

    color: #25272e;

    font-size: 0.4rem;

    text-align: center;

    cursor: pointer;

}



.productOption ul li section {

    display: none;

    flex-direction: column;

    box-shadow: 0px 0px 0.25rem #ddd;

    position: absolute;

    z-index: 10086;

    padding: 0 0.7rem;

	background:#fff;

}



.productOption ul li section span {

    display: block;

    height: 1rem;

    line-height: 1rem;

    font-size: 0.35rem;

    color: #3c3c3c;

    cursor: pointer;

}



.productList {

    width: 70%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

}



.productBox {

    position: relative;

    width: 30%;

    border: 1px solid #ebebeb;

    transition: border-bottom 0.5s;

    -moz-transition: border-bottom 0.5s;

    -webkit-transition: border-bottom 0.5s;

    -o-transition: border-bottom 0.5s;

	margin: 0 1% 1rem 1%;

}



.productBox a {

    color: #666666;

}



.productBox p {

    height: 1.5rem;

    line-height: 1.5rem;

    text-align: center;

    font-size: 0.35rem;

}



.productImg {

    width: 100%;

}



.productImg img {

    width: 100%;

}



.productIcon {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    width: 1.5rem;

    height: 1.5rem;

    display: none;

}



.productBox:hover .productIcon {

    display: block;

}



.productBox:hover {

    border-bottom: 1px solid #de9e53;

}



.productIcon img {

    width: 100%;

}



.paging {

    width: 10.25rem;

    display: flex;

    margin: 0 auto;

}



.pagingCurrent {

    background-color: #de9e53;

    color: #fff;

}



.paging section {

    width: 1rem;

    height: 0.75rem;

    border: 1px solid #c8c8c8;

    text-align: center;

    line-height: 0.75rem;

    cursor: pointer;

	margin-right:0.25rem

}

.paging p{

margin-right:0.25rem

}

.paging section a{

	display:block;

	width:100%

}



.prvePage {

    width: 1rem;

    height: 0.75rem;

    border: 1px solid #c8c8c8;

    text-align: center;

    line-height: 0.75rem;

    cursor: pointer;

	margin-right:0.25rem

}



.nextPage {

    width: 1rem;

    height: 0.75rem;

    border: 1px solid #c8c8c8;

    text-align: center;

    line-height: 0.75rem;

    cursor: pointer;

}



.swiper3 .swiper-slide {

    background-color: cadetblue;

    padding: 0.25rem 0;

    text-align: center;

    font-size: 18px;

    background: #fff;

    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-property: all;

}



.swiper3 .swiper-slide img {

    width: 100%;

}



.swiper3 {

    background-color: #f7f7f7;

}



.swiper3 .swiper-slide {

    background-color: #f7f7f7;

}





/*******************产品详情**********************/



.productDetail {

    width: 70%;

    margin: 2rem auto 2rem;

    display: flex;

    justify-content: space-between;

}



.PDLeft {

    width: 48%;

}



.PDRight {

    width: 50%;

}



.PDLeftImg {

    width: 70%;

    margin: 0.5rem auto;

}



.PDLeftImg img {

    width: 100%;

}



.PDRightTitle {

    color: #333333;

    font-size: 0.8rem;

}



.PDRightInfo {

    margin: 0.75rem 0;

    color: #666666;

    font-size: 0.35rem;

}



.PDRightInfo1 {

    font-size: 0.35rem;

    padding: 0.5rem 0;

    border-top: 1px solid #ebebeb;

}



.PDRightInfo1 section {

    display: flex;

    margin-top: 0.5rem;

}



.PDRightInfo1 section p {

    color: #d68322;

}



.PDRightInfo1 section span {

    color: #d68322;

    color: #666666;

}



.PDRinghtButton {

    display: flex;

    margin-top: 1rem;

}



.PDRinghtButton1 {

    width: 3rem;

    height: 1rem;

    margin-right: 0.5rem;

}



.PDRinghtButton1 img {

    width: 100%;

}



.productConfig {

    width: 70%;

    margin: 0 auto;

    margin-top: 1.5rem;

}



.PDConfig {

    text-align: center;

    border-bottom: 1px solid #ebebeb;

    color: #333333;

    font-size: 0.55rem;

}



.PDConfig p {

    width: 1rem;

    height: 2px;

    background-color: #de9e53;

    margin: 0 auto;

    margin-top: 0.4rem;

}



.PDTabel {

    width: 100%;

    margin-top: 1rem;

}



.PDTabel th {

    height: 1.25rem;

    line-height: 1.25rem;

    background-color: #f7f5f1;

    text-align: center;

    color: #333333;

    font-size: 0.45rem;

}



.PDTabel td {

    height: 1rem;

    line-height: 1rem;

    border-bottom: 1px solid #e3e6e8;

    color: #666666;

    font-size: 0.35rem;

    padding: 0 1%;

}



.new2 {

    display: none;

}



.newOption {

    width: 40%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.newVideo {

    width: 70%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.newVideoBox {

    width: 30%;

}



.newVideoBox video {

    object-fit: fill;

    width: 100%;

}



.newVideoBoxTitle {

    display: flex;

    justify-content: space-between;

    color: #333333;

    margin-top: 0.5rem;

}



.newVideoBoxTitle span {

    font-size: 0.55rem;

}



.newVideoBoxTitle p {

    font-size: 0.35rem;

}



.newVideoButton {

    display: flex;

    padding: 0.5rem 0;

    border-bottom: 1px solid #ebebeb;

    margin-bottom: 1rem;

}



.newVideoButton1 {

    width: 3rem;

    height: 1rem;

    margin-right: 0.5rem;

}



.newVideoButton2 {

    width: 3rem;

    height: 1rem;

}



.newVideoButton img {

    width: 100%;

}



.newList {

    width: 70%;

    margin: 0 auto;

    padding-bottom: 1rem;

}



.newBox a {

    display: flex;

    box-shadow: 0px 0px 0.25rem #ddd;

    margin-top: 1rem;

}



.newBox:hover .newBoxRight section {

    color: #de9e53;

}



.newBoxImg {

   padding: 0.25rem;

	width:7rem;

}

.newBoxImg img{

	width:100%;

}



.newBoxRight {

    padding: 0.25rem;

    width: 60%;

}



.newBoxRight section {

    margin-top: 0.75rem;

    color: #333333;

    font-size: 0.6rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.newBoxRight span {

    color: #989898;

    font-size: 0.3rem;

    margin: 0.25rem 0;

    display: block;

}



.newBoxRight p {

    color: #676767;

    font-size: 0.35rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: box;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.newNext {

    width: 10%;

    display: flex;

    align-items: center;

	margin: auto;

}



.newNext img {

    width: 1rem;

    height: 1rem;

}



.CUsHover {

    width: 70%;

    margin: 0 auto;

}



.CUsHoverTitle {

    color: #de9e53;

    font-size: 0.6rem;

    display: flex;

    align-items: center;

    margin-top: 2.5rem;

}



.CUsHoverTitle span {

    margin-left: 0.5rem;

}



.CUsHoverTitle img {

    width: 1rem;

    height: 1rem;

}



.CUsHover .indexAboutBottomBox p {

    font-size: 0.4rem;

}



#allmap {

    width: 70%;

    margin: 0 auto;

    margin-top: 1.5rem;

    height: 12rem;

}





/************************************新闻详情***********************************/



.NDContent {

    width: 70%;

    margin: 2rem auto;

    box-shadow: 1px 1px 0.25rem #ddd;

    padding: 2rem;

}



.NDTitle {

    text-align: center;

    color: #333333;

    font-size: 0.6rem;

}



.NDTime {

    display: flex;

    justify-content: space-between;

    color: #989898;

    font-size: 0.275rem;

    width: 6rem;

    margin: 0.75rem auto;

}



.NDFont {

    color: #676767;

}

.NDFont img{

     width:100%;

}



.NDFont p {

    text-indent: 2em;

    line-height: 1rem;

    font-size: 0.4rem;

}



.NDLink {

    display: flex;

    justify-content: space-between;

    font-size: 0.4rem;

    padding: 2.5rem 0.5rem 0.5rem 0.5rem;

    border-bottom: 1px solid #e6e6e6;

}



.NDLink a {

    color: #676767;

}





/**************人力资源****************/



.hrIcon {

    padding: 2.5rem 15%;

    background-color: #f8f4f1;

}



.hrIconTitle {

    color: #333333;

    font-size: 0.8rem;

    text-align: center;

}



.hrIconList {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.hrIconBox {

    width: 30%;

    text-align: center;

    margin-top: 1.25rem;

}



.hrIconBox img {

    width: 1.7rem;

}



.hrIconBox p {

    color: #23262d;

    font-size: 0.5rem;

    margin-top: 0.5rem;

}



.hrJob {

    padding-top: 2.5rem;

}



.hrJobList {

    width: 70%;

    margin: 0 auto;

}



.hrJobBox {

    margin-top: 1rem;

    padding: 1.5rem 0.75rem;

    box-shadow: 0px 0px 0.25rem #ddd;

}



.hrJobBox:hover .hrJobBoxTitle {

    color: #de8b2b;

}



.hrJobBoxTitle {

    display: flex;

    justify-content: space-between;

    color: #333333;

}



.hrJobBoxTitle p {

    font-size: 0.6rem;

}



.hrJobBoxTitle span {

    font-size: 0.475rem;

}



.hrJobBoxInfo {

    display: flex;

    margin-top: 1rem;

    flex-wrap: wrap;

}



.hrJobBoxInfo section {

    padding-right: 1rem;

    margin-top: 0.2rem;

    font-size: 0.4rem;

    color: #333333;

}



.hrJobBoxInfo section span {

    color: #999999;

}



.hrJobBoxContent section {

    display: flex;

    font-size: 0.4rem;

    margin-top: 0.75rem;

}



.hrJobBoxContent section span {

    white-space: nowrap;

    color: #333333;

}



.hrJobBoxContent section p {

    color: #999999;

}





/***************************服务中心******************************/



.server1 {

    /*display: none;*/

}



.serverMap {

    width: 70%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}



.serverMapTitle {

    text-align: center;

    color: #333333;

    font-size: 0.75rem;

    margin: 2rem 0 1rem 0;

}



.serverMapImg {

    width: 68%;

    position: relative;

}



.serverMapImg img {

    width: 100%;

}



.serverMapImg .m1 {

    right: 16%;

    top: 75%;

}



.serverMapImg .m2 {

    right: 21%;

    top: 70%;

}



.serverMapImg .m3 {

    right: 13%;

    top: 66%;

}



.serverMapImg .m4 {

    right: 18%;

    top: 60%;

}



.serverMapImg .m5 {

    right: 13%;

    top: 55%;

}



.serverMapImg .m6 {

    right: 18%;

    top: 47%;

}



.serverMapImg .m7 {

    right: 23%;

    top: 80%;

}



.serverMapImg .m8 {

    right: 31%;

    top: 93%;

}



.serverMapImg .m9 {

    right: 35%;

    top: 80%;

}



.serverMapImg .m10 {

    right: 29%;

    top: 72%;

}



.serverMapImg .m11 {

    right: 27%;

    top: 63%;

}



.serverMapImg .m12 {

    right: 26%;

    top: 55%;

}



.serverMapImg .m13 {

    right: 38%;

    top: 74%;

}



.serverMapImg .m14 {

    right: 36%;

    top: 65%;

}



.serverMapImg .m15 {

    right: 48%;

    top: 80%;

}



.serverMapImg .m16 {

    right: 46%;

    top: 60%;

}



.serverMapImg .mk {

    position: absolute;

    z-index: 3;

    font-size: 0.35rem;

    color: #333;

    cursor: pointer;

}



.serverMapImg .dots {

    display: inline-block;

    width: 0.5rem;

    height: 0.5rem;

    background-image: url(../images/circle.png);

    cursor: pointer;

    margin-right: 0.125rem;

    vertical-align: middle;

    -webkit-animation: shan666 2s infinite ease-in-out;

    animation: shan666 2s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



@-webkit-keyframes shan666 {

    0% {

        opacity: 0.5;

        filter: alpha(opacity=20);

        -webkit-transform: scale(0.8);

    }

    50% {

        opacity: 1;

        filter: alpha(opacity=50);

        -webkit-transform: scale(1.12);

        background-color: rgba(red, red, red, 0.3);

        color: #fff;

    }

    100% {

        opacity: 0.5;

        filter: alpha(opacity=20);

        -webkit-transform: scale(0.8);

    }

}



.serverMapImg .on .dots {

    background-image: url(../images/circle1.png);

}



.serverInfo {

    width: 30%;

    padding: 0.25rem;

    height: 12rem;

    background-color: #fff;

    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

    overflow-y: auto;

    overflow-x: hidden;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);

}



.serverInfoBox {

    display: flex;

    margin-bottom: 0.5rem;

}



.serverInfo::-webkit-scrollbar {

    width: 0.2rem;

    height: 0.2rem;

}



.serverInfo::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    background: rgba(0, 0, 0, 0.2);

}



.serverInfo::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    background: rgba(0, 0, 0, 0.1);

}



.serverInfoBoxLeft {

    width: 1.625rem;

    height: 1.625em;

}



.serverInfoBoxLeft img {

    width: 100%;

}



.serverInfoBoxRight {

    margin-left: 0.2rem;

}



.serverInfoBoxRight p {

    color: #666666;

    font-size: 0.4rem;

    margin-bottom: 0.2rem;

}



.serverInfoBoxRight span {

    display: block;

    color: #333333;

    font-size: 0.475rem;

    margin-bottom: 0.2rem;

}



.swiper4 .swiper-slide {

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: block !important;

}



.swiper4 {

    display: none;

    width: 90%;

    margin: 2rem auto;

    box-shadow: 0px 0px 0.25rem #ddd;

}



.swiper4-slide-title-icon {

    width: 0.65rem;

    margin-right: 0.4rem;

}

.NDFont div{

    text-indent:2em;

    line-height:1rem;

    font-size:0.4rem;

}



.swiper4-slide-title-icon img {

    width: 100%;

}



.swiper4-slide-title {

    display: flex;

    height: 1.5rem;

    padding: 0 5%;

    background-color: #de9e53;

    margin-bottom: 1rem;

    align-items: center;

    color: #ffffff;

    font-size: 0.75rem;

}



	.server1Font{

	  background-color:#f7f5f1;

	  padding:2.5rem 15%;

	  margin-top:2rem;

	}

	.server1FontTitle{

	    text-align:center;

		color：#333333;

		font-size:0.85rem;

	}

	.server1FontBox{

		margin-top:1.5rem;

	}

	.server1FontBox section{

	   display:flex;

	}

	.server1FontBox section{

	margin-top:0.75rem;}



.server1FontBox section span{

	font-size:0.35rem;

	color:#4c4c4c;

	margin-left:0.25rem;

	line-height:0.7rem;

}

.server1FontBox section p{

	font-size:0.45rem;

	color:#333333;

	word-break:keep-all;           /* 不换行 */

white-space:nowrap;   

}



.sever1List {

    width: 70%;

    margin: 1.5rem auto 0;

}



.server1Otion {

    width: 70%;

    margin: 1.5rem auto 0;

}



.server1OptionButton {

    display: flex;

    justify-content: space-between;

}



.server1OptionButton section {

    width: 20%;

    cursor: pointer;

    text-align: center;

}



.server1OptionButton section img {

    width: 1.5rem;

    height: 1.5rem;

}



.server1OptionButton section p {

    font-size: 0.4rem;

    color: #4c4c4c;

    margin-top: 0.5rem;

}



.server1OptionButton .S1OBCurrent {

    color: #333333;

    font-weight: 600;

}



.S1OBoxTitle {

    display: flex;

    align-items: center;

    font-size: 0.525rem;

    color: #333333;

}



.S1OBoxTitle section {

    width: 0.75rem;

    height: 0.75rem;

    background-color: #de9e53;

    border-radius: 0.1rem;

    margin-right: 0.5rem;

}



.S1OBox {

    box-shadow: 0px 0px 0.25rem #ddd;

    padding: 1.5rem;

    margin-top: 1rem;

    display: none;

}



.S1OBoxContent {

    color: #4c4c4c;

    font-size: 0.375rem;

    line-height: 0.8rem;

    padding: 1rem 0;

}



.S1OBoxImg img {

    width: 100%;

}



.server1HoverFont {

    display: none;

    padding: 0.75rem 0.5rem 0 0.5rem;

    line-height: 0.6rem;

    font-size: 0.35rem;

    text-align: left;

    overflow: hidden;

}



.sever1List {

    margin-top: 2.5rem;

}



.sever1ListTitle {

    color: #333333;

    font-size: 0.85rem;

    text-align: center;

}



.sever1List ul {

    list-style: none;

    margin-left: 2rem;

}



.sever1List ul:after {

    position: absolute;

    content: '';

    top: 0.5rem;

    left: 0.175rem;

    width: 2px;

    z-index: 2;

    height: 100%;

    background-color: #e5e5e5;

}



.sever1List li:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0.25rem;

    width: 0.4rem;

    height: 0.4rem;

    z-index: 3;

    background: url(../images/ico-sl05.png) 0 0 no-repeat;

    background-size: 100% 100%;

}



.sever1List {

    overflow: hidden;

    position: relative;

}



.wp {

    margin: 0 auto;

    width: 100%;

}



.sever1List ul {

    position: relative;

    margin-top: 1rem;

}



.sever1List li {

    position: relative;

    padding-left: 1rem;

}



.sever1List li .txt {

    font-size: 0.35rem;

    color: #666666;

    line-height: 1rem;

    margin-bottom: 0.75rem;

}



.joinInPC {

    width: 100%;

    margin-top: 2.5rem;

}



.joinInPC img {

    width: 100%;

    display: block;

}



.joinInPhone {

    width: 100%;

    display: none;

    margin-top: 2.5rem;

}



.joinInPhone img {

    width: 100%;

    display: block;

}



.serverForm {

    background-image: url('../images/formBg.png');

    font-size: 0.85rem;

    padding-bottom: 1rem;

}



.serverFormTitle {

    text-align: center;

    color: #ffffff;

    padding-top: 2.5rem;

}



.serverForm form {

    width: 10rem;

    margin: 0 auto;

    margin-top: 1.5rem;

}



.serverForm form input {

    width: 98%;

    height: 1.25rem;

    text-indent: 1em;

    margin-bottom: 0.5rem;

    font-size: 0.4rem;

}



.serverForm form textarea {

    max-width: 97%;

    width: 100%;

    height: 3rem;

    text-indent: 1em;

    padding: 0.2rem 0;

      font-size: 0.4rem;

}



.serverSubmit {

    background-color: #de9e53;

    border: none;

    width: 100%;

    color: #fff;

    margin: 1.25rem 0 2.5rem 0;

      font-size: 0.4rem;

}



.server1OptionButton section {

    width: 18%;

}



.S1OBox {

    padding: 0.6rem;

}



.swiper5 {

    display: none;

}





/*手机端*/



@media screen and (min-width: 320px)and (max-width: 768px) {

    .top {

        padding: 0 5%;

        border: none;

    }

    .nav {

        width: 100%;

        margin: 0;

        position: absolute;

        z-index: 10086;

        background-color: #fff;

    }

    .nav ul {

        display: flex;

        flex-direction: column;

        margin: 0;

    }

    .topPhone {

        display: none;

    }

    .topDisplayPhone {

        display: block;

    }

    .nav ul li {

        flex: 1;

        text-align: center;

        min-width: 100%;

    }

    .nav section a {

        text-align: center;

    }

    .nav ul li a {

        width: 100%;

        font-size: 0.55rem;

        height: 2rem;

        line-height: 2rem;

    }

    .indexProduct {

        width: 92%;

    }

    .nav section {

        display: none;

        flex-direction: column;

        box-shadow: 0px 0px 0.25rem #ddd;

        position: relative;

        width: 100%;

    }

    .indexProductListBox {

        width: 48%;

        margin-bottom: 1rem;

    }

    .indexOptionFont {

        width: 90%;

        left: 5%;

        top: 4rem;

    }

    .indexOptionFont1 {

        width: 100%;

        left: 0rem;

        top: 1rem;

        text-align: center;

    }

    .indexAbout {

        width: 90%;

        margin-left: 5%;

    }

    .indexAboutTop {

        display: block;

    }

    .indexAboutTopImg {

        width: 100%;

    }

    .indexAboutTopContentTitle {

        margin-top: 1.5rem;

    }

    .indexAboutTopContent {

        width: 100%;

    }

    .indexAboutTopContentOption {

        display: flex;

        flex-wrap: wrap;

    }

    .indexAboutTopContentOption section {

        width: 50%;

    }

    .indexAboutBottom {

        display: block;

    }

    .indexAboutBottomBox {

        min-width: 100%;

        margin-top: 0.75rem;

    }

    .indexAboutBottomBox img {

        margin-top: 1rem;

    }

    .swiper2 {

        display: none;

    }

    .swiper5 {

        display: block;

        margin: 1rem 0;

    }

    .indexServerFont {

        line-height: 0.8rem;

    }

    .indexNewContent {

        width: 90%;

        display: block;

    }

	.indexNewLeftBottom {

    width: 100%;

    position: relative;

}

    .indexNewLeft {

        width: 100%;

    }

    .indexNewRight {

        width: 90%;

        margin-top: 2rem;

    }

    .indexNewRight12 {

        top: 1.5rem;

    }

    .bottom {

        padding: 0 5%;

        display: block;

    }

    .bottomLeft {

        padding-top: 2.5rem;

        width: 100%;

    }

    .bottomMiddle {

        margin-top: 1rem;

        width: 100%;

    }

    .bottomRight {

        margin-top: 1rem;

        width: 100%;

        text-align: center;

        padding-bottom: 1rem;

    }

    .about1 {

        width: 90%;

    }

    .about1Img {

        width: 100%;

    }

    .about3Hover {

        width: 90%;

    }

    .about3HoverBox {

        width: 48%;

        margin-bottom: 0.5rem;

    }

    .about3Content {

        width: 90%;

    }

    .about3ContentBoxRight {

        margin: 0.5rem;

    }

    .about4 {

        width: 90%;

    }

	.about4Phone {

        display: block;

    }

    .about4Pc {

        display: none;

    }

    .aboutOption {

        width: 90%;

    }

    .about2Img {

        width: 90%;

		  justify-content: space-between;

    }

    .about2 section {

        width: 48%;

		margin-left:0;

    }

    .about3HoverBox section {

        display: none;

    }

    .about3Hide {

        display: block;

    }

    .about3Hide img {

        margin-top: 2.5rem;

    }

    .path {

        padding: 0.5rem 5%;

    }

    .productList {

        width: 90%;

    }

    .productOption {

        width: 90%;

    }

    .productBox {

        width: 48%;

    }

    .productDetail {

        display: block;

        width: 90%;

    }

    .PDLeft {

        width: 100%;

    }

    .PDRight {

        width: 100%;

    }

    .PDRightTitle {

        margin-top: 1rem;

    }

    .productConfig {

        width: 90%;

    }

    .newVideo {

        width: 90%;

    }

    .newVideoBox {

        width: 100%;

    }

    .newList {

        width: 90%;

    }

    .newBox a {

        display: block;

    }

	.newBoxImg{

		width:100%

	}

    .newBoxRight {

        width: 100%;

    }

    .newNext {

        height: 2rem;

        width: 100%;

    }

    .newNext img {

        margin-left: 48%;

        width: 1rem;

        height: 1rem;

    }

    .NDContent {

        width: 90%;

    }

    .NDTime {

        width: 70%;

    }

    .NDLink {

        display: block;

    }

    .CUsHover {

        width: 90%;

    }

    #allmap {

        width: 90%;

    }

    .hrIcon {

        padding: 2.5rem 5%;

    }

    .hrJobList {

        width: 90%;

    }

    .hrJobBoxInfo {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .hrJobBoxInfo section span {

        padding-right: 0rem;

    }

    .serverInfoBox {

        padding: 0 0.5rem;

    }

    .serverInfoBoxLeft {

        width: 2.5rem;

        height: 2.5rem;

    }

    .serverInfoBoxRight {

        margin-left: 0.5rem;

    }

    .swiper4 {

        display: block;

    }

    .serverMap {

        display: none;

    }

    .joinInPC {

        display: none;

    }

    .joinInPhone {

        width: 100%;

        display: block;

    }

    .serverForm form {

        width: 90%;

    }

	.server1Font{

	  padding:2.5rem 5%;

	}

    .server1HoverFont {

        line-height: 1rem;

    }

    .productBox:hover .productIcon {

        display: none;

    }

    .productBox:hover {

        border-bottom: 0px solid #de9e53;

    }

    .server1Otion {

        width: 90%;

    }

    .newOption {

        width: 70%;

    }

    .sever1List {

        width: 90%;

    }

    .sever1List ul {

        list-style: none;

        margin-left: 0;

    }

    .bottomRight {

        display: none;

    }

    .PDRightInfo {

        font-size: 0.5rem;

    }

    .PDRightInfo1 {

        font-size: 0.5rem;

    }

    .productBox p {

        font-size: 0.5rem;

    }

    .indexProductListBoxInfo p {

        font-size: 0.5rem;

    }

    .indexProductListBoxInfo span {

        font-size: 0.4rem;

    }

    .NDContent {

        padding: 1.5rem 0.5rem;

    }

    .NDContent a {

        margin-top: 0.4rem;

        display: block;

    }

    .NDLink {

        padding: 1rem 0.5rem 0.5rem 0.5rem;

    }

    .topLogo {

        width:6rem;

        margin-top: 0.65rem;

    }

}





/*pad*/



@media screen and (min-width: 769px)and (max-width: 1199px) {

    .top {

        width: 100%;

        padding: 0 10%;

    }

    .indexAboutTopContentOption {

        display: flex;

        flex-wrap: wrap;

        margin-top: 0.2rem;

    }

    .indexAboutTopContentOption section {

        width: 50%;

    }

    .indexNewContent {

        width: 90%;

        display: block;

    }

    .indexNewLeft {

        width: 100%;

    }

    .indexNewContent {

        width: 90%;

        display: block;

    }

 

    .indexNewRight {

        width: 90%;

        margin-top: 15rem;

    }

    .indexNewRightBoxContent {

        line-height: 0.7rem;

        font-size: 0.4rem;

    }

    .indexNewRight12 {

        top: 1.5rem;

    }

    .bottom {

        padding: 0 15%;

        display: block;

    }

    .bottomLeft {

        padding-top: 2.5rem;

        width: 100%;

    }

    .bottomMiddle {

        margin-top: 1rem;

        width: 100%;

    }

    .bottomRight {

        margin-top: 1rem;

        width: 100%;

        text-align: center;

        padding-bottom: 1rem;

    }

    .about3Hover {

        width: 90%;

    }

    .about3Hover {

        width: 90%;

        margin: 0 auto;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .about3Content {

        width: 90%;

    }

    .about3Content {

        width: 90%;

    }

    .about3Hover {

        width: 90%;

    }

    .about3HoverBox {

        width: 22%;

        height: 9.5rem;

    }

    .about2Img {

        width: 90%;

    }

    .productOption ul {

        width: 80%;

    }

    .productDetail {

        display: block;

    }

    .productBox {

        width: 48%;

    }

    .PDLeft {

        width: 90%;

    }

    .PDRight {

        width: 90%;

    }

    .newList {

        width: 90%;

    }

    .serverMap {

        display: none;

    }

    .swiper4 {

        display: block;

    }

    .serverInfoBox {

        padding: 0 0.5rem;

    }

    .swiper2 {

        display: none;

    }

    .swiper5 {

        display: block;

        margin: 1rem 0;

    }

	

	 .indexNewContent {

        width: 90%;

        display: block;

    }

	.indexNewLeftBottom {

    width: 100%;

    position: relative;

}

    .indexNewLeft {

        width: 100%;

    }

    .indexNewRight {

        width: 90%;

        margin-top: 2rem;

    }

    .indexNewRight12 {

        top: 1.5rem;

    }

}



@media screen and (min-width: 1200px) and (max-width: 1600px) {

    .indexAbout {

        width: 90%;

    }

    .indexNewContent {

        width: 90%;

    }

    .bottomLeft {

        width: 42%;

    }

    .about3Hover {

        width: 90%;

    }

    .about3HoverBox {

        width: 23%;

        height: 12.5rem;

    }

    .productDetail {

        width: 90%;

    }

    .serverMap {

        width: 90%;

    }

	

    .newList {

        width: 80%;

    }

}