html{font-size: 100px}
* {
    font-family: Microsoft YaHei
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td,
a,
div {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
    font-size: 0.12rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i,
s {
    font-style: normal;
}

body {
    line-height: 1;
}

ul,
ol,
li,
dd,
dl {
    list-style: none;
}

img {
    border: 0;
}

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

 :focus {
    outline: none;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.fl,
.lefter {
    float: left;
}

.fr,
.righter {
    float: right;
}

.rela {
    position: relative;
}

.cb {
    clear: both;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.block {
    display: block;
}

.pc {
    background-color: #E8E8E8;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.searchbbb {
    display: none;
}

.container {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 1680px) {
    .container {
        width: 100%
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1680px) {
    .container {
        width: 100%
    }
}
@media only screen and (max-width:1920px) {
    html { font-size:100px }
  }
  @media only screen and (max-width:1680px) {
    html { font-size:87.5px }
  }
  @media only screen and (max-width:1600px) {
    html { font-size:83.3px }
  }
  @media only screen and (max-width:1440px) {
    html { font-size:100px }
  }
  @media only screen and (max-width:1400px) {
    html { font-size:75px }
  }
  @media only screen and (max-width:1366px) {
    html { font-size:71.1px }
  }
  @media only screen and (max-width:1360px) {
    html { font-size:70.8px }
  }
  @media only screen and (max-width:1280px) {
    html { font-size:66.7px }
  }
  @media only screen and (max-width:1152px) {
    html { font-size:60px }
  }
  @media only screen and (max-width:1024px) {
    html { font-size:53.3px }
  }
@media only screen and (max-width:1280px) {
    .container {
        width: 100%
    }
}

.banner .header {
    height: 0.92rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
    background-color: transparent
}

.banner .header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    opacity: 0.1;
}

.banner .header .container,
.headFixedShow .header .container {
    width: 17.4rem;
    margin: 0 auto;
}

.banner .header .logo,
.headFixedShow .header .logo {
    padding-top: 0.22rem;
}

.banner .header .logo img,
.headFixedShow .header .logo img ,
.banner .header .logo svg,
.headFixedShow .header .logo svg 
{
    width: 1.97rem;
    height: auto;
}

/* .banner .header .mobileTel,
.headFixedShow .header .mobileTel {
    color: #FFF;
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    margin-top: 0.42rem;
    border-left: 1px solid #FFF;
    padding-left: 0.28rem;
} */
.banner .header .mobileTel,
.headFixedShow .header .mobileTel {
    /* 20241113 修改了样式将字体调大，添加了flex布局*/
    color: #FFF;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    margin-top: 0.22rem;
    border-left: 1px solid #FFF;
    padding-left: 0.28rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: justify;
}
/* 20241113 添加样式*/
.banner .header .mobileTel span,
.headFixedShow .header .mobileTel span {
    padding: 2px 0;
}

.banner .header .search,
.headFixedShow .header .search {
    padding: 0.42rem 0.25rem 0.28rem;
    width: 1.75rem;
    text-align: right;
}

.banner .header .search img,
.headFixedShow .header .search img {
    width: 0.2rem;
    cursor: pointer;
}

.banner .navList,
.headFixedShow .navList {
    position: relative;
    line-height: 1rem;
    height: 0.92rem;
}

.banner .navList>ul>li,
.headFixedShow .navList>ul>li {
    float: left;
    position: relative;
    cursor: pointer;
}

.banner .navList>ul>li a,
.headFixedShow .navList>ul>li a {
    line-height: 1;
    font-size: 0.2rem;
    color: #fff;
    padding: 0 0.315rem;
}

.banner .navList>ul>li:hover a,
.headFixedShow .navList>ul>li:hover a {
    color: #EE691E;
}

.banner .navList>ul>li:last-of-type a,
.headFixedShow .navList>ul>li:last-of-type a {
    padding-right: 0;
}

.headFixedShow {
    position: fixed;
    background-color: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    /* display: none; */
}

.headFixedShow .header {
    height: 0.92rem;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
    background-color: transparent;
    border-bottom: 1px solid #CDCDCD;
}

.headFixedShow .header .mobileTel {
    color: #eb6134;
    border-left: 1px solid #555;
}

.headFixedShow .navList>ul>li a {
    color: #666
}

.headFixedShow .subDrop {
    width: 100%;
    left: 0;
    top: 0.92rem;
    height: 3.6rem;
    padding-top: 0.5rem;
    display: none;
}

.headFixedShow .subDrop .bigImg {
    margin-left: 35%;
    border-right: 1px solid #E3E3E3;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}

.headFixedShow .subDrop .bigImg img {
    width: 3.2rem;
    height: 1.8rem;
}

.headFixedShow .subDrop .sunNav {
    padding-left: 0.5rem;
}

.headFixedShow .subDrop .sunNav ul li {
    height: 0.3rem;
    margin-bottom: 0.2rem;
    cursor: pointer;
    padding-top: 0.02rem;
    border-bottom: 1px solid #E3E3E3;
    width: 2.5rem;
    font-size: 0.18rem;
}

.headFixedShow .subDrop .sunNav ul li a {
    display: block;
}

.headFixedShow .subDrop .sunNav ul li:hover {
    font-weight: bold;
    border-bottom: 2px solid #F85E07;
    background: url(../images/navHoverIcon.png) 99% 0 no-repeat;
    background-size: 0.18rem
}

.headFixedShow .search {
    position: relative;
}

.headFixedShow .search .searchBox {
    display: none;
    position: absolute;
    top: 0.35rem;
    right: 0.18rem;
    background-color: #FFF;
}

.headFixedShow .search .searchBox>div {
    border-radius: 0.2rem;
    border: 1px solid #DBDBDB;
    padding: 0.04rem 0.06rem;
    overflow: hidden;
}

.headFixedShow .search .searchBox input {
    float: left;
    width: 1.5rem;
    height: 0.2rem;
    border: none;
    padding-left: 0.04rem;
}

.headFixedShow .search .searchBox input::placeholder {
    color: #999;
}

.headFixedShow .search .searchBox div .searchBoxBtn {
    margin-left: 0.1rem;
    margin-top: 0.02rem;
    background: url(../images/fixedSearch.png) center no-repeat;
    background-size: 0.2rem 0.19rem;
    width: 0.2rem;
    height: 0.19rem;
}

.headFixedShow .search .searchBox div.active .searchBoxBtn {
    background: url(../images/fixedSearchActive.png) no-repeat;
    background-size: 0.2rem 0.19rem;
}

.headFixedShow .search .searchBox img {
    width: 0.18rem;
    cursor: pointer
}

.banner {
    overflow: hidden;
    height: 9.78rem;
    width: 100%;
    position: relative;
}

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

.bannerTxt {
    position: absolute;
    top: 3.05rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.bannerTxt h3 {
    font-size: 0.7rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.1rem
}

.bannerTxt h4 {
    font-size: 0.34rem;
    font-family: 'Microsoft YaHei';
    color: #fff;
    line-height: 1;
    text-align: center;
    margin: 0.3rem 0 0.54rem;
    letter-spacing: 0.03rem;
    font-weight: 200;
}

.bannerTxt a {
    display: block;
    width: 2.12rem;
    height: 0.6rem;
    border: 1px solid #F3F3F3;
    line-height: 0.6rem;
    margin: 0 auto;
    border-radius: 0.02rem;
    font-size: 0.21rem;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.bbsl,
.nybrl {
    position: absolute;
    background: url(../images/bannerLeft.png) no-repeat;
    background-size: 0.17rem 0.32rem;
    cursor: pointer;
    width: 0.17rem;
    height: 0.32rem;
    left: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.bbsr,
.nybrr {
    position: absolute;
    background: url(../images/bannerReft.png) no-repeat;
    background-size: 0.17rem 0.32rem;
    cursor: pointer;
    width: 0.17rem;
    height: 0.32rem;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.bbs {
    position: absolute;
    bottom: 0.38rem!important;
}

.bbs .swiper-pagination-bullet {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #d8d8d8;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 0.25rem 0 0 !important;
}

.bbs .swiper-pagination-bullet:last-of-type {
    margin: 0 !important;
}

.bbs .swiper-pagination-bullet-active {
    background-color: #FD7318;
    width: 0.13rem;
    height: 0.13rem;
}

.baseTitle {
    font-size: 0.4rem;
    color: #2a4b81;
    line-height: 1;
    text-align: center
}

.bannerDown {
    width: 15rem;
    margin: 0 auto 0.3rem;
}

.bannerDown .bigTitle1 {
    background: url(../images/mobile/bigTitle1.png) no-repeat;
    background-size: 100% 100%;
}

.bannerDown .bigTitle2 {
    background: url(../images/mobile/bigTitle2.png) no-repeat;
    background-size: 100% 100%;
}

.bannerDown .bigTitle {
    padding: 0.6rem 0.3rem;
    color: #FFF;
    overflow: hidden;
}

.bannerDown .bigTitle div {
    font-size: 0.32rem;
}

.bannerDown .bigTitle p {
    font-size: 0.28rem;
    padding: 0.3rem 0;
    line-height: 0.44rem;
}

.bannerDown>p {
    padding: 0.65rem 0 0.5rem 0;
    color: #666;
    font-size: 0.18rem;
    line-height: 0.44rem;
}

.bannerDown div.lookMore {
    background: url(../images/mobile/iconDown.png) 88% center no-repeat;
    background-size: 0.15rem;
    float: left;
    padding: 0.12rem 0.5rem 0.12rem 0.3rem;
    border-radius: 2rem;
    border: 1px solid #FFF;
    font-size: 0.24rem;
    box-sizing: border-box;
}

.bannerDown div.ulPer {
    overflow: hidden;
    position: relative;
    height: 4.6rem;
}

.bannerDown div.ulPer div {
    width: 25rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 4.8rem;
}

.bannerDown ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0.18rem;
    width: 25rem;
}

.bannerDown ul li {
    margin: 0 0 0.3rem 0;
    background-color: #FFF;
    border-radius: 0.1rem;
    width: 4.8rem;
    font-size: 0.18rem;
    padding-bottom: 0.3rem;
    text-align: center;
}

.bannerDown ul li:hover a {
    color: #FD7318;
}

.bannerDown ul li img {
    display: block;
    width: 3.8rem;
    height: 2.5rem;
    margin: 0.7rem auto
}

.bannerDown ol {
    width: 0.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.bannerDown ol li {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.1rem;
    background-color: #999;
    cursor: pointer;
}

.bannerDown ol li.active {
    background-color: #EE691D;
}

.bannerDown.active {
    height: 0;
    overflow: hidden;
    margin-bottom: 0
}

.chanList li {
    float: left;
    background: url(../images/tab1.png) no-repeat;
    width: 50%;
    background-size: 100% 100%;
    color: #FFF;
}

.chanList li:first-child {
    text-align: right;
}

.chanList li:first-child .chanTxt p {
    padding-left: 50%;
    width: 100%;
}

.chanList li .chanTxt {
    height: 3.34rem;
    padding: 0.47rem 0.53rem 0 0.43rem;
    color: #FFF;
}

.chanList li .chanTxt h3 {
    font-size: 0.25rem;
    line-height: 1;
    margin-bottom: 0.3rem;
    padding-top: 0.2rem;
}

.chanList li .chanTxt p {
    font-size: 0.18rem;
    line-height: 0.4rem;
    font-weight: 200;
    height: 0.94rem;
    width: 50%;
}

.readMore {
    display: inline-block;
    cursor: pointer;
    background: url(../images/defaultDown.png) 90% center no-repeat;
    background-size: 0.1rem;
    font-size: 0.16rem;
    color: #FFF;
    line-height: 1;
    margin-top: 0.27rem;
    border: 1px solid #FFF;
    border-radius: 0.3rem;
    padding: 0.1rem 0.3rem;
}

.readMore:hover {
    color: #333;
    background: url(../images/HoverDown.png) #FFF 90% center no-repeat;
    background-size: 0.1rem;
}

.publicHeader {
    text-align: center;
    color: #FFF;
}

.publicHeader div {
    font-size: 0.38rem;
    padding-bottom: 0.8rem;
    position: relative;
    font-family: 'Microsoft YaHei'
}

.publicHeader div:before {
    content: "";
    width: 0.4rem;
    height: 2px;
    background-color: #B0B0B0;
    position: absolute;
    left: 50%;
    top: 0.7rem;
    margin-left: -0.2rem;
}

.publicHeader p {
    font-size: 0.18rem;
}

.publicHeader p span.active {
    font-weight: bold;
}

.selected {
    overflow: hidden;
    background: url(../images/selectedBg.png) no-repeat;
    background-size: 100% 100%;
}

.selected .publicHeader {
    background: url(../images/selectedHeader.png) no-repeat;
    background-size: 100% 100%;
    padding: 0.8rem 0;
}

.selected .publicHeader div:before {
    background-color: #FFF;
}

.selected .selectedCon {
    padding: 0.38rem 0 1.2rem;
    width: 15rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.selected .selectedCon .selectedConL {
    width: 8.5rem;
}

.selected .selectedCon li {
    overflow: hidden;
    padding-top: 0.43rem;
}

.selected .selectedCon li span {
    width: 0.75rem;
    height: 0.75rem;
    float: left;
    margin-right: 0.49rem;
}

.selected .selectedCon li div p {
    font-size: 0.2rem;
    padding: 0.05rem 0 0.25rem;
}

.selected .selectedCon li div i {
    font-size: 0.16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 5.8rem;
    display: block;
}

.selected .selectedCon li:hover {
    color: #EE691D;
}

.selected .selectedCon .selectedCon1 span {
    background: url(../images/selected01.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon1:hover span {
    background: url(../images/selected001.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon2 span {
    background: url(../images/selected02.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon2:hover span {
    background: url(../images/selected002.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon3 span {
    background: url(../images/selected03.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon3:hover span {
    background: url(../images/selected003.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon4 span {
    background: url(../images/selected04.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedCon4:hover span {
    background: url(../images/selected004.png) no-repeat;
    background-size: 100% 100%;
}

.selected .selectedCon .selectedConR {
    padding: 0.6rem 0 0 0;
    width: 6.5rem;
}

.selected .selectedCon .selectedConR img {
    width: 6.46rem;
    height: 4.08rem;
    display: none;
}

.selected .selectedCon .selectedConR img.img01 {
    display: block;
}

.theSolution {
    background-color: #FFF;
    margin: 0 auto;
    padding: 1.26rem 0 0;
    overflow: hidden;
}

.theSolution .publicHeader {
    color: #000
}

.theSolution .publicHeader div {
    color: #000
}

.theSolution .publicHeader p {
    color: #666
}

.theSolution .theSolutionCon {
    width: 19.03rem;
    margin-top: 0.8rem;
    color: #FFF;
    height: 6.73rem;
    background: url(../images/theSolutionCon.png) no-repeat;
    background-size: 100% 100%;
}

.theSolution .theSolutionCon .theSGroup {
    display: flex;
    position: relative;
    z-index: 10;
}

.theSolution .theSolutionCon .theSGroup li {
    width: 10rem;
    background-color: rgba(0, 0, 0, 0.1);
    height: 6.73rem;
    text-align: center;
    position: relative;
}

.theSolution .theSolutionCon .theSGroup li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #FFF;
    opacity: 0.3;
}

.theSolution .theSolutionCon .theSGroup li:nth-child(1):before {
    width: 0;
}

.theSolution .theSolutionCon .theSGroup li .title {
    padding-top: 3.05rem;
}

.theSolution .theSolutionCon .theSGroup li:hover .title {
    padding-top: 2rem;
}

.theSolution .theSolutionCon .theSGroup li .imgs,
.theSolution .theSolutionCon .theSGroup li i {
    display: none;
}

.theSolution .theSolutionCon .theSGroup li:hover .imgs,
.theSolution .theSolutionCon .theSGroup li:hover i {
    display: block;
}


/*.theSolution .theSolutionCon .theSGroup li:nth-child(1) .title{padding-top: 2rem; }*/

.theSolution .theSolutionCon .theSGroup li .title p {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
}

.theSolution .theSolutionCon .theSGroup li .title span {
    font-size: 0.16rem;
}

.theSolution .theSolutionCon .theSGroup li .imgs {
    background: url(../images/theSolutionCon001.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.42rem auto 0.5rem;
    width: 0.98rem;
    height: 0.98rem;
}

.theSolution .theSolutionCon .theSGroup li .imgs img {
    width: 0.43rem;
    display: block;
    margin: 0 auto;
    padding-top: 0.27rem;
}

.classicCase {
    background: url(../images/mobile/mproduct.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 1.13rem 0;
    overflow: hidden;
}

.classicCase .publicHeader {
    color: #000
}

.classicCase .publicHeader div {
    color: #000
}

.classicCase .publicHeader p {
    color: #666
}

.classicCase .classicCaseCon {
    margin-top: 0.5rem;
}

.classicCase .classicCaseCon>div.tabImgBox {
    position: relative;
    width: 19.2rem;
    height: 5.1rem;
    margin: 0 auto;
    overflow: hidden;
}

.classicCase .classicCaseCon>div.tabImgBox>div {
    position: absolute;
    height: 5.1rem;
    width: 33.3rem;
    left: 0;
    top: 0;
}

.classicCase .classicCaseCon .imgGroup {
    overflow: hidden;
    width: 68.5rem;
    display: flex;
    justify-content: space-around;
}

.classicCase .classicCaseCon .imgGroup li {
    height: 4.8rem;
    width: 5.5rem;
    transition: width 0.5s;
    -webkit-transition: width 0.5s
}

.classicCase .classicCaseCon .imgGroup li.active {
    width: 8rem;
}

.classicCase .classicCaseCon .imgGroup li img {
    width: 98%;
    height: 4.8rem;
    display: block;
    margin: 0 auto;
}

.classicCase .switch {
    width: 7.4rem;
    padding: 0.5rem 0 0.3rem 0;
    border-bottom: 1px solid #B3B3B3;
    height: 1.2rem;
    margin: 0 auto 0.3rem;
    position: relative;
}

.classicCase .switch:after {
    content: "";
    background-color: #FF8400;
    position: absolute;
    bottom: -1px;
    z-index: 9;
    left: 0;
    height: 1px;
    width: 30%;
}

.classicCase .switch div {
    float: left;
    padding-top: 0.08rem;
    font-size: 0.24rem;
    color: #333333;
}

.classicCase .switch div i {
    font-size: 0.32rem;
}

.classicCase .switch ul {
    float: right;
    display: flex
}

.classicCase .switch ul li {
    width: 0.6rem;
    height: 0.4rem;
}

.classicCase .switch ul li:nth-child(1) {
    margin-right: 0.3rem;
    background: url(../images/mobile/iconLeft.png) no-repeat;
    background-size: 100% 100%
}

.classicCase .switch ul li:nth-child(1):hover {
    margin-right: 0.3rem;
    background: url(../images/mobile/iconLeft02.jpg) no-repeat;
    background-size: 100% 100%
}

.classicCase .switch ul li:nth-child(2) {
    background: url(../images/mobile/iconRight.png) no-repeat;
    background-size: 100% 100%
}

.classicCase .switch ul li:nth-child(2):hover {
    background: url(../images/mobile/iconRight02.png) no-repeat;
    background-size: 100% 100%
}

.classicCase .classicCaseCon .txtGroup {
    margin: 0 auto;
    width: 7.4rem;
}

.classicCase .classicCaseCon .txtGroup li {
    display: none;
    font-size: 0.22rem;
    color: #333333;
}

.classicCase .classicCaseCon .txtGroup li:nth-child(2) {
    display: block
}

.news {
    background: url(../images/newsBg.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 1rem 0;
}

.news ul {
    overflow: hidden;
    margin: 0.6rem auto 0;
    width: 15rem;
    display: flex;
    justify-content: space-between;
}

.news ul li {
    background-color: #FFF;
    border-radius: 6px;
    height: 5.35rem;
    width: 4.26rem;
    border-bottom: 0.05rem solid #F37800;
}

.news ul li:nth-child(3) {
    width: 6rem;
}

.news ul li div.imgBox {
    overflow: hidden;
    height: 3rem;
}

.news ul li div img {
    width: 100%;
    height: 100%;
    transition: width 0.3s, height 0.3s;
    -webkit-transition: width 0.3s, height 0.3s
}

.news ul li div img:hover {
    width: 110%;
    height: 110%;
}

.news ul li .lookDetail {
    color: #000000;
    font-size: 0.15rem;
    padding-left: 0.3rem;
    cursor: pointer;
    margin-top: 0.17rem;
    display: block;
}

.news ul li .time {
    color: #FF640C;
    font-size: 0.17rem;
    margin: 0.42rem 0.3rem 0;
}

.news ul li .describe {
    color: #333333;
    font-size: 0.18rem;
    margin: 0 0.3rem;
    padding: 0.27rem 0;
    cursor: pointer;
    line-height: 0.3rem;
}

.news ul li .describe:active a,
.news ul li .describe:hover a {
    color: #FF640C
}

.news ul li:nth-child(3) .describe {
    border-bottom: 1px solid #E4E4E4;
}

.news ul li:nth-child(3) .describe:last-of-type {
    border-bottom: none
}

.news .lookMore {
    background-color: #F37800;
    border: 1px solid #F37800;
    box-sizing: border-box;
    border-radius: 2rem;
    height: 0.46rem;
    margin: 1rem auto 0;
    cursor: pointer;
    width: 1.6rem;
    text-align: center;
    line-height: 0.44rem;
    font-size: 0.18rem;
    color: #FFF;
}

.news .lookMore:hover {
    background-color: inherit;
    border: 1px solid #FFF;
    color: #FFF;
}

.footer {
    background: url(../images/footerBigBg.png) no-repeat;
    background-size: 100% 100%;
}

.footer .container {
    padding: 1rem 0 0;
    width: 16rem;
    display: flex;
    justify-content: space-between;
}

.footer .footerLeft {
    width: 12.4rem;
}

.footer .footerLeft ul li {
    float: left;
    margin-right: 0.6rem;
}


/* .footer .footerLeft ul li:nth-of-type(1) {
    width: 1.3rem;
}

.footer .footerLeft ul li:nth-of-type(2) {
    width: 2.4rem;
}

.footer .footerLeft ul li:nth-of-type(3) {
    width: 1.3rem;
}

.footer .footerLeft ul li:nth-of-type(4) {
    width: 1.3rem;
}

.footer .footerLeft ul li:nth-of-type(5) {
    width: 1.7rem;
}
*/

.footer .footerLeft ul li:nth-of-type(6) {
    margin-left: 0.4rem;
}

.footer .footerLeft ul li h3,
.footer .footerRight h3 {
    font-size: 0.18rem;
    color: #333;
    line-height: 1;
    margin-bottom: 0.3rem;
    font-weight: bold;
    cursor: pointer;
}

.footer .footerLeft ul li h3:active,
.footer .footerRight h3:active {
    color: #EE691D
}

.footer .footerLeft ul li a,
.footer .footerLeft ul li span {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.44rem;
    display: block;
    font-weight: 300;
    cursor: pointer;
}

.footer .footerLeft ul li a:active,
.footer .footerLeft ul li a:hover {
    color: #EE691D
}

.footer .footerRight {
    width: 3.6rem;
}

.footer .footerRight ul {
    display: flex;
    justify-content: space-between;
}

.footer .footerRight ul li {
    text-align: center;
    position: relative;
    width: 1.16rem;
    padding: 0.06rem;
    height: 1.44rem;
    font-size: 0.18rem;
    color: #666;
    border: 1px solid #E0E0E0;
    border-radius: 0.06rem;
}

.footer .footerRight ul li img {
    display: block;
    border: 1px dashed #E0E0E0;
    width: 1rem;
    height: 1rem;
}

.footer .footerRight ul li span {
    position: absolute;
    font-size: 0.16rem;
    width: 1.05rem;
    height: 0.2rem;
    display: block;
    left: 0.055rem;
    top: 1.34rem;
    background-color: #F4F4F5;
}

.footer .footerRight ul li:nth-child(2) span {
    width: 0.7rem;
    height: 0.2rem;
    display: block;
    left: 0.23rem;
}

.footer div.fotBottom {
    height: 0.52rem;
    line-height: 0.52rem;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 1.5rem;
    overflow: hidden;
    background: url(../images/footerBg.png) center no-repeat;
    background-size: 11.1rem 100%;
    text-align: center;
    color: #FFF;
    font-size: 0.15rem;
    padding: 0 0.3rem
}

.footer div.fotBottom img {
    width: 1.27rem;
    height: 0.3287rem;
    padding-top: 0.1rem;
}

.footer div.fotBottom span {
    padding-left: 0.1rem
}

.footer div.fotBottom a {
    color: #FFF;
}

.footer div.fotBottom:before {
    content: "";
    position: absolute;
    height: 0.05rem;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/mobile/mfotBomBgBorder.png) no-repeat;
    background-size: 100% 100%
}

@media only screen and (min-width: 1366px) and (max-width: 1680px) {
    .header .headerRight .navlist li>a,
    .header .hother h4,
    .header .hother a.en {
        font-size: 16px;
    }
    .header .headerRight .navlist li {
        margin-left: 20px;
    }
    .header .hother a.en {
        margin: 0 10px 0 14px;
    }
}

@media only screen and (max-width:1440px) {
    .swiper-pagination {
        right: 0.45rem;
    }
}

.mobile {
    display: none
}

@media only screen and (max-width:750px) {
    .mobile {
        display: block;
        overflow-x: hidden;
        background-color: #F8F8F8;
    }
    .pc {
        display: none;
    }
    .mobileHead {
        position: relative;
    }
    .mobileHead:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        top: 1rem;
        z-index: 1000;
        background-color: #FFF;
        opacity: 0.2;
    }
    .mobileHead .homeHead {
        position: absolute;
        z-index: 3;
        width: 100%;
        top: 0;
        padding: 0.2rem 0.3rem;
    }
    .mobileHead .homeHead:before {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0.2;
        z-index: 6;
    }
    .mobileHead .homeHead .logo img {
        width: 2.2rem;
    }
    .mobileHead .homeHead div img {
        margin: 0.19rem 0.05rem 0 0;
        width: 0.3rem;
    }
    .mobileHead .homeHead .menu img {
        margin: 0.2rem 0.5rem 0 0;
        width: 0.22rem;
    }
    .mobileHead .droplist {
        width: 100%;
        height: 100%;
        z-index: 100;
        position: fixed;
        top: 1rem;
        display: none;
        bottom: 0;
        left: 50%;
        margin-left: -50%;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .mobileHead .droplist>ul {
        overflow-y: auto;
        padding: 0 0.2rem;
        height: 92%;
    }
    .mobileHead .droplist>ul>li {
        cursor: pointer;
    }
    .mobileHead .droplist>ul>li.nbg>a {
        background: none;
    }
    .mobileHead .droplist>ul>li>a {
        color: #fff;
        font-size: 0.36rem;
        line-height: 0.78rem;
        height: 0.78rem;
        border-bottom: 1px solid #4b4a4a;
        display: block;
        background: url(../images/mobile/add.png) right center no-repeat;
        display: block;
        background-size: 0.22rem 0.22rem;
    }
    .mobileHead .droplist>ul>li>a.current {
        background: url(../images/mobile/minus.png) right center no-repeat;
        background-size: 0.24rem 0.03rem
    }
    .mobileHead .droplist ul li ul {
        display: none;
        border-bottom: 1px solid #4b4a4a;
        padding: 0.18rem 0
    }
    .mobileHead .droplist ul li ul li a {
        color: #fff;
        font-size: 0.3rem;
        line-height: 0.5rem
    }
    .mbbanner {
        width: 100%;
        position: relative;
    }
    .mbbanner img {
        width: 100%;
        height: 100%;
        display: block;
    }
    .mbbanner .txtBanner {
        position: absolute;
        z-index: 10;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #FFF;
    }
    .mbbanner .txtBanner p {
        margin-top: 40%;
        font-size: 0.6rem;
        padding-bottom: 0.5rem;
    }
    .mbbanner .txtBanner span {
        margin-top: 30%;
        font-size: 0.3rem;
    }
    .mbanpg {
        position: absolute;
        bottom: 0.5rem !important;
        text-align: center;
        z-index: 999;
    }
    .mbanpg .swiper-pagination-bullet {
        width: 0.1rem;
        height: 0.1rem;
        background-color: #fff;
        border-radius: 50%;
        opacity: 1;
        vertical-align: middle;
    }
    .mbanpg .swiper-pagination-bullet-active {
        width: 0.13rem;
        height: 0.13rem;
        background-color: #EE691D
    }
    .mbannerDown {
        margin-bottom: 0.3rem;
    }
    .mbannerDown .mbigTitle1 {
        background: url(../images/mobile/bigTitle1.png) no-repeat;
        background-size: 100% 100%;
    }
    .mbannerDown .mbigTitle2 {
        background: url(../images/mobile/bigTitle2.png) no-repeat;
        background-size: 100% 100%;
    }
    .mbannerDown .mbigTitle {
        padding: 0.6rem 0.3rem;
        color: #FFF;
        overflow: hidden;
    }
    .mbannerDown .mbigTitle div {
        font-size: 0.32rem;
    }
    .mbannerDown .mbigTitle p {
        font-size: 0.24rem;
        padding: 0.3rem 0;
        line-height: 0.44rem;
    }
    .mbannerDown>p {
        padding: 0.7rem 0.36rem 0.47rem;
        color: #666;
        font-size: 0.26rem;
        line-height: 0.44rem;
    }
    .mbannerDown div.lookMore {
        background: url(../images/mobile/iconDown.png) 88% center no-repeat;
        background-size: 0.15rem;
        float: left;
        padding: 0.12rem 0.5rem 0.12rem 0.3rem;
        border-radius: 2rem;
        border: 1px solid #FFF;
        font-size: 0.24rem;
        box-sizing: border-box;
    }
    .mbannerDown .swiper-slide ul {
        display: flex;
        justify-content: start;
        width: 96%;
        margin: 0 auto;
        padding-bottom: 0.2rem;
    }
    .mbannerDown .swiper-slide ul li {
        width: 48%;
        margin: 0 0.15rem 0.3rem 0;
        background-color: #FFF;
        border-radius: 0.1rem;
        font-size: 0.24rem;
        padding-bottom: 0.3rem;
        text-align: center;
    }
    .mbannerDown .swiper-slide ul li img {
        display: block;
        width: 60%;
        margin: 0.3rem auto;
    }
    .mbDownOne,
    .mbDownTwo {
        position: absolute;
        bottom: 0rem !important;
        text-align: center;
        z-index: 999;
    }
    .mbDownOne .swiper-pagination-bullet,
    .mbDownTwo .swiper-pagination-bullet {
        width: 0.12rem;
        height: 0.12rem;
        background-color: #999;
        border-radius: 50%;
        opacity: 1;
        vertical-align: middle;
    }
    .mbDownOne .swiper-pagination-bullet-active,
    .mbDownTwo .swiper-pagination-bullet-active {
        width: 0.12rem;
        height: 0.12rem;
        background-color: #EE691D
    }
    .mpublicHeader {
        text-align: center;
        color: #FFF;
        padding-top: 0.3rem;
    }
    .mpublicHeader div {
        font-size: 0.38rem;
        padding-bottom: 0.7rem;
        position: relative;
        font-family: 'Microsoft YaHei'
    }
    .mpublicHeader div:before {
        content: "";
        width: 0.4rem;
        height: 1px;
        background-color: #B0B0B0;
        position: absolute;
        left: 50%;
        top: 0.7rem;
        margin-left: -0.2rem;
    }
    .mpublicHeader p {
        font-size: 0.22rem
    }
    .mpublicHeader p span.active {
        font-family: 'Microsoft YaHei';
        font-weight: 700;
    }
    .mproduct {
        background: url(../images/mobile/mproduct.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        padding: 0 0 0.8rem 0;
    }
    .mproduct .mpublicHeader div:before {
        background-color: #FFF;
    }
    .mproduct .mpublicHeader {
        background: url(../images/mobile/mproductHeader.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        padding: 0.8rem 0 0.88rem
    }
    .mproduct ul {
        overflow: hidden;
        padding: 0.45rem 0.1rem 0.2rem;
    }
    .mproduct ul li {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 0.24rem;
        line-height: 0.35rem;
    }
    .mproduct ul li div {
        width: 0.9rem;
        height: 0.9rem;
        margin: 0 auto 0.3rem
    }
    .mproduct ul li.active span {
        color: #EE691D;
    }
    .mproduct ul li:nth-child(1) div {
        background: url(../images/selected01.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(1).active div {
        background: url(../images/selected001.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(2) div {
        background: url(../images/selected02.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(2).active div {
        background: url(../images/selected002.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(3) div {
        background: url(../images/selected03.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(3).active div {
        background: url(../images/selected003.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(4) div {
        background: url(../images/selected04.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct ul li:nth-child(4).active div {
        background: url(../images/selected004.png) no-repeat;
        background-size: 100% 100%;
    }
    .mproduct .tabBox {
        display: none;
        padding: 1.3rem;
    }
    .mproduct .tabBox img {
        display: block;
        width: 100%;
    }
    .mproduct .tabBox p {
        color: #333333;
        font-size: 0.32rem;
        padding: 0.49rem 0 0.3rem 0;
        font-family: 'Microsoft YaHei'
    }
    .mproduct .tabBox span {
        color: #333333;
        font-size: 0.28rem;
        line-height: 0.4rem;
    }
    .mproduct ul+div.tabBox {
        display: block
    }
    .MtheSolution {
        background-color: #FFF;
        margin: 0 auto;
        padding: 0.95rem 0 0;
        overflow: hidden;
    }
    .MtheSolution .publicHeader {
        color: #000
    }
    .MtheSolution .publicHeader div {
        color: #000
    }
    .MtheSolution .publicHeader p {
        color: #666
    }
    .MtheSolution .theSolutionCon {
        width: 100%;
        margin-top: 0.56rem;
        position: relative;
        color: #FFF;
        height: 4.42rem;
        background: url(../images/theSolutionCon.png) no-repeat;
        background-size: 100% 100%;
    }
    .MtheSolution .theSolutionCon>div {
        width: 0.33rem;
        z-index: 1000;
        height: 0.66rem;
        position: absolute;
        top: 1.88rem;
    }
    .MtheSolution .theSolutionCon>div.theSPer {
        left: 0.1rem;
    }
    .MtheSolution .theSolutionCon>div.theSNext {
        right: 0.1rem;
    }
    .MtheSolution .theSolutionCon>div img {
        width: 0.33rem;
        height: 0.66rem;
    }
    .MtheSolution .theSolutionCon .theSGroup {
        position: relative;
        z-index: 10;
    }
    .MtheSolution .theSolutionCon .theSGroup li {
        display: none;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        height: 4.43rem;
        text-align: center;
        position: relative;
    }
    .MtheSolution .theSolutionCon .theSGroup li:nth-child(1) {
        display: block;
    }
    .MtheSolution .theSolutionCon .theSGroup li .title {
        padding-top: 0.9rem;
    }
    /*.MtheSolution .theSolutionCon .theSGroup li:nth-child(1) .title{padding-top: 0.9rem;}*/
    .MtheSolution .theSolutionCon .theSGroup li .title p {
        font-size: 0.24rem;
        padding-bottom: 0.15rem;
    }
    .MtheSolution .theSolutionCon .theSGroup li .title span {
        font-size: 0.16rem;
    }
    .MtheSolution .theSolutionCon .theSGroup li .imgs {
        background: url(../images/theSolutionCon001.png) no-repeat;
        background-size: 100% 100%;
        margin: 0.42rem auto 0.5rem;
        width: 0.98rem;
        height: 0.98rem;
    }
    .MtheSolution .theSolutionCon .theSGroup li .imgs img {
        width: 0.43rem;
        display: block;
        margin: 0 auto;
        padding-top: 0.27rem;
    }
    .mclassicCase {
        background: url(../images/mobile/mproduct.png) no-repeat;
        background-size: 100% 100%;
        padding: 0.77rem 0.3rem 0.8rem;
        overflow: hidden;
    }
    .mclassicCase .mpublicHeader div {
        color: #000
    }
    .mclassicCase .mpublicHeader p {
        color: #666
    }
    .mclassicCase .mclassicCaseCon {
        margin-top: 0.5rem;
    }
    .mclassicCase .mclassicCaseCon .imgGroup li {
        display: none;
    }
    .mclassicCase .mclassicCaseCon .imgGroup li:nth-child(1) {
        display: block
    }
    .mclassicCase .mclassicCaseCon .imgGroup li img {
        width: 100%;
        height: 4rem;
    }
    .mclassicCase .switch {
        padding: 0.5rem 0 0.3rem 0;
        border-bottom: 1px solid #B3B3B3;
        height: 1.2rem;
        margin-bottom: 0.3rem;
        position: relative;
    }
    .mclassicCase .switch:after {
        content: "";
        background-color: #FF8400;
        position: absolute;
        bottom: -1px;
        z-index: 9;
        left: 0;
        height: 1px;
        width: 30%;
    }
    .mclassicCase .switch div {
        float: left;
        padding-top: 0.08rem;
        font-size: 0.28rem;
        color: #333333;
    }
    .mclassicCase .switch div i {
        font-size: 0.4rem;
    }
    .mclassicCase .switch ul {
        float: right;
        display: flex;
    }
    .mclassicCase .switch ul li:nth-child(1) {
        margin-right: 0.3rem;
    }
    .mclassicCase .switch ul li img {
        width: 0.8rem;
    }
    .mclassicCase .mclassicCaseCon .txtGroup li {
        display: none;
        font-size: 0.27rem;
        color: #333333;
    }
    .mclassicCase .mclassicCaseCon .txtGroup li:nth-child(1) {
        display: block
    }
    .mnews {
        background: url(../images/mobile/newsBg.png) no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        padding: 0.8rem 0;
    }
    .mnews ul {
        overflow: hidden;
        margin: 0.5rem auto 0.1rem;
        width: 90%;
    }
    .mnews ul li {
        background-color: #FFF;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 0.3rem;
        width: 100%;
        padding: 0.3rem;
        border-bottom: 0.08rem solid #F37800;
    }
    .mnews ul li div.newsLeft {
        float: left;
        width: 40%;
    }
    .mnews ul li div.newsLeft img {
        width: 100%
    }
    .mnews ul li div.newsRight {
        width: 60%;
        float: left;
        padding-left: 5%;
    }
    .mnews ul li .time {
        color: #FF640C;
        font-size: 0.26rem;
    }
    .mnews ul li .describe {
        color: #333333;
        font-size: 0.27rem;
        padding: 0.24rem 0 0 0;
        cursor: pointer;
        line-height: 0.36rem;
    }
    .mnews ul li .describe:active {
        color: #FF640C
    }
    .mnews ul li:nth-child(2) {
        padding: 0.1rem 0.3rem;
    }
    .mnews ul li:nth-child(2) .time {
        padding-top: 0.3rem;
    }
    .mnews ul li:nth-child(2) .describe {
        border-bottom: 1px solid #E4E4E4;
        padding: 0.15rem 0 0.3rem;
    }
    .mnews ul li:nth-child(2) .describe:last-of-type {
        border-bottom: none
    }
    .mnews ul li .lookDetail {
        color: #0825B3;
        font-size: 0.24rem;
        margin-top: 0.17rem;
        display: block;
    }
    .mnews .lookMore {
        background-color: #F37800;
        border-radius: 2rem;
        height: 0.6rem;
        margin: 0.2rem auto 0;
        width: 2.2rem;
        text-align: center;
        line-height: 0.6rem;
        font-size: 0.25rem;
        color: #FFF;
    }
    .mfooter {
        padding: 0.5rem 0 0 0;
        background-color: #F4F4F5;
    }
    .mfooter>div {
        display: flex;
        justify-content: space-evenly;
    }
    .mfooterLeft {
        float: left;
        width: 56%;
    }
    .mfooterLeft h3 {
        color: #000;
        font-size: 0.3rem;
        padding-bottom: 0.3rem
    }
    .mfooterLeft p {
        color: #333;
        font-size: 0.24rem;
        line-height: 0.46rem
    }
    .mfooterRight {
        /* padding-top: 0.6rem; */
        width: 44%;
    }
    .mfooterRight ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mfooterRight ul li {
        text-align: center;
        position: relative;
        width: 1.4rem;
        padding: 0.06rem;
        height: 1.64rem;
        font-size: 0.18rem;
        color: #666;
        border: 1px solid #E0E0E0;
        border-radius: 0.06rem;
        margin: 0.1rem 0;
    }
    .mfooterRight ul li img {
        display: block;
        border: 1px dashed #E0E0E0;
        width: 1.21rem;
        height: 1.21rem;
    }
    .mfooterRight ul li span {
        position: absolute;
        font-size: 0.24rem;
        width: 1.3rem;
        height: 0.2rem;
        display: block;
        left: 0.05rem;
        top: 1.48rem;
        background-color: #F4F4F5;
    }
    .mfooterRight ul li:nth-child(2) span {
        width: 0.9rem;
        height: 0.2rem;
        display: block;
        left: 0.23rem;
    }
    .mfooter div.mfotBom {
        position: relative;
        margin-top: 0.3rem;
        background: url(../images/mobile/mfotBomBg.png) center no-repeat;
        background-size: 94% 100%;
        text-align: center;
        color: #FFF;
        font-size: 0.2rem;
        padding: 0.16rem 0.3rem
    }
    .mfooter div.mfotBom:before {
        content: "";
        position: absolute;
        height: 0.05rem;
        width: 100%;
        left: 0;
        bottom: 0;
        background: url(../images/mobile/mfotBomBgBorder.png) no-repeat;
        background-size: 100% 100%
    }
    .searchbbb {
        display: block;
        position: fixed;
        top: 0;
        z-index: 9999999999;
    }
    .searchbb {
        width: 100vw;
        height: 100vh;
        background: rgb(0, 0, 0, .6);
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
    .cha {
        position: absolute;
        transform: rotate(45deg);
        right: 0.25rem;
        top: 0.25rem;
    }
    .searchk {
        width: 6.79rem;
        height: 0.81rem;
        background: #fff;
        border-radius: 0.5rem;
        display: flex;
        padding-left: 0.35rem;
    }
    .searchk input {
        width: 6rem;
        border: 0;
        outline: 0;
        font-size: 0.18rem;
    }
    .searchk img {
        width: 0.22rem;
        height: 0.21rem;
        margin-top: 0.28rem;
    }
}

.top {
    opacity: 0;
    z-index: 100000;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.top a {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: url(../images/top.jpg)top center no-repeat;
    outline: none;
    background-size: 0.48rem;
}

.top a:hover {
    background: url(../images/top.jpg) center -1.96rem no-repeat;
    background-size: 0.48rem;
}

.pc-suspension {
    position: fixed;
    right: 0;
    top: 30%;
    width: 0.48rem;
    z-index: 999;
}

.suspension-show a {
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    margin-top: 3px;
    cursor: pointer;
}

.suspension-show-one {
    background: url(../images/top.jpg) center -0.48rem no-repeat;
    background-size: 0.48rem;
}

.suspension-show-two {
    background: url(../images/top.jpg) center -0.96rem no-repeat;
    background-size: 0.48rem;
}

.suspension-show-three {
    background: url(../images/top.jpg) center -1.44rem no-repeat;
    background-size: 0.48rem;
}

.suspension-show-one:hover {
    background: url(../images/top.jpg) center -2.4rem no-repeat;
    background-size: 0.48rem;
}

.suspension-show-two:hover {
    background: url(../images/top.jpg) center -2.88rem no-repeat;
    background-size: 0.48rem;
}

.suspension-show-three:hover {
    background: url(../images/top.jpg) center -3.36rem no-repeat;
    background-size: 0.48rem;
}

.suspension-hide-pho {
    display: none;
    position: relative;
    border-radius: 10px;
    top: -130px;
    width: 293px;
    left: -300px;
    background: #edebeb;
    padding: 10px 40px 20px 40px;
}

.suspension-hide-pho p {
    margin-top: 12px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    overflow: hidden;
}

.suspension-show-four {
    background: url(../images/weixin.jpg) no-repeat center;
    background-size: 0.48rem;
}

.suspension-show-four:hover {
    background: url(../images/weixinh.jpg) no-repeat center;
    background-size: 0.48rem;
}

.suspension-hide-ewm {
    display: none;
    position: relative;
    top: -60px;
    width: 115px;
    left: -117px;
}

.suspension-hide-ewm img {
    width: 115px;
    height: 115px;
}
@media only screen and (max-width:750px) {
    .content span p>img {
        width: 100% !important;
        height: auto !important;
    }
    .content span p span>img {
        width: 100% !important;
        height: auto !important;
    }
}