@media (max-width:998px) {


body{font-family:"Microsoft Yahei", sans-serif;color:#333;font-size:14px;line-height:1.7;margin:0 auto;background-color:#FFF;min-width:320px;max-width:750px;padding-bottom:1.34rem;padding-bottom:calc(1.22rem + env(safe-area-inset-bottom))}
header,footer,nav,article,section,aside,time,address{display:block;margin:0;padding:0}
ol,ul,li{list-style:none}
i,em{font-style:normal}
a{color:#333;text-decoration:none;outline:none;cursor:pointer}
a:hover,a:active,a:link,a:visited{text-decoration:none}
fieldset,img,video{max-width:100%;border:none;vertical-align:middle; width: 100%}
input,select,textarea,button{color:#333;font-size:16px;font-family:"Microsoft Yahei", sans-serif;outline:none;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input,button{border-radius:0;-webkit-appearance:none}
textarea{resize:none;outline:none;border:none;-webkit-appearance:none}
input:-ms-clear{display:none}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;outline:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
table{border-collapse:separate}
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}


.wrap{padding:0 0.3rem}

.mcppage1{line-height:1;padding-bottom:0.57rem;position:relative; padding-top: .34rem}
.mcppage1::before{content:"";background:#FFF;background-image:linear-gradient(#e4ecef, #fff);border-radius:0 0 0.8rem 0;position:absolute;left:0;right:0;top:-2rem;bottom:0;z-index:-1}
.mcppage1 .pic{position:relative}
.mcppage1 .pic::before{content:"";height:4.75rem;background:url(../images/m_cppage1bg.png) center no-repeat;background-size:100%;position:absolute;left:-0.3rem;right:-0.3rem;bottom:-1.33rem;z-index:-1}
.mcppage1 .pic img{width:100%;border-radius:0.22rem;display:block}
.mcppage1 .guide{font-size:0.28rem;color:#818181;line-height:0.4rem;margin-top:0.52rem;margin-bottom:0.16rem}
.mcppage1 .guide p{height:0.4rem;font-size:0.24rem;color:#3c97aa;line-height:0.38rem;background:#e4ecef;border:1px solid #3c97aa;display:inline-block;margin-right:0.15rem}
.mcppage1 .guide p span{font-style:normal;padding-left:0.14rem;padding-right:0.14rem;display:inline-block}
.mcppage1 .guide p .sl{background:#3c97aa;color:#FFF}
.mcppage1 .guide p .sr{color:#3c97aa}
.mcppage1 h1{font-size:0.48rem;color:#0c0c0c;font-weight:bold;line-height:1.4}
.mcppage1 .cs{background:#cee1e5;border:0.06rem solid #f6f9fa;border-radius:0.18rem;padding-top:0.25rem;padding-bottom:0.25rem;margin-top:0.38rem;margin-bottom:0.35rem;overflow:hidden;box-shadow:0 0 0 1px #848686;position:relative}
.mcppage1 .cs::before{content:"";width:1px;background:#000000;position:absolute;left:50%;top:16%;bottom:16%}
.mcppage1 .cs p{width:50%;float:left;font-size:0.3rem;color:#043347;text-align:center}
.mcppage1 .cs p strong{font-size:0.36rem;color:#f85a18;display:block;margin-top:0.18rem}
.mcppage1 .wlly p{font-size:0.3rem;color:#2f2f2f;line-height:0.52rem}
.mcppage1 .wlly p+p{margin-top:0.32rem}
.mcppage1 .telbox{margin-top:0.2rem;margin-bottom:0.22rem;display:block}
.mcppage1 .telbox img{width:100%;display:block}
.mcppage1 .flby{text-align:center}
.mcppage1 .flby p{background:url(../images/m_dhtb.png) left center no-repeat;background-size:0.2rem;padding-left:0.29rem;font-size:0.23rem;color:#999999; margin-top: .3rem}
.mcppage1 .flby .fl{float:left}
.mcppage1 .flby .fc{display:inline-block;vertical-align:top}
.mcppage1 .flby .fr{float:right}
.same-sty h3{font-size:0.48rem;color:#161616;font-weight:bold;text-align:center;line-height:1}
.same-sty p{font-size:0.3rem;color:#626262;line-height:0.56rem}
.same-sty .smp{font-size:0.28rem;color:#555555;text-align:center;margin-top:0.2rem}
.bgbox{background:#f0f6f8;border-radius:0.8rem 0 0 0;padding-top:0.52rem;position:relative}
.bgbox::before{content:"";width:1rem;height:1rem;background:#f0f6f8;position:absolute;right:0;top:-0.77rem;z-index:-2}
.mcppage2{margin-left:-6.4%;    background: none;
    padding: 10px 0;
    box-shadow:none;}
.mcppage2 a{width:27.22%;height:0.6rem;background:#fff;border:1px solid #79a6ba;border-radius:0.1rem;font-size:0.28rem;color:#999999;text-align:center;line-height:0.58rem;float:left;margin-left:6.1%}
.mcppage2 a.a-on{background:#064966;border:1px solid #064966;color:#fff}
.mcppage3{background:url(../images/m_cppage3spbg.jpg) center no-repeat;background-size:cover;border-radius:0.2rem;padding:0.66rem 0.26rem 0.3rem;margin-top:0.5rem;box-shadow:0 1px 0.32rem rgba(66,84,91,0.22)}
.mcppage3 p{margin-top:0.38rem;margin-bottom:0.48rem}

.mcppage3 iframe{ width: 100%; height: 3.5rem }
.video_swt{width:100%;height:1.8rem;background:url(../images/m_cppage3swtbg.png) center no-repeat;background-size:100%;padding:0.74rem 0.24rem 0;margin-top:-0.18rem;position:relative}
.video_swt p{font-size:0.26rem;color:#fff;line-height:1}
.video_swt p span{font-size:0.32rem;font-weight:bold;display:block;margin-bottom:0.18rem}
.video_swt .btn{width:1.78rem;height:0.77rem;background:#fff;border-radius:0.4rem;font-size:0.32rem;color:#f85e1a;font-weight:bold;text-align:center;line-height:0.78rem;position:absolute;right:0.26rem;bottom:0.27rem;box-shadow:0 0.11rem 0.18rem rgba(173,63,9,0.67),0 0.02rem 0.13rem rgba(211,80,16,0.52) inset;animation:effect 1.5s ease-in-out infinite, effect2 1.5s ease-in-out infinite}
.mcppage4{margin-top:0.72rem;position:relative;z-index:1}
.mcppage4 .cpmodel{background:#f0f6f8;position:relative}
.mcppage4 .cpmodel::before{content:"";height:1.88rem;border-radius:0.5rem;position:absolute;left:0;right:0;bottom:0;box-shadow:0 0.15rem 0.2rem #c0d2d8;z-index:-1}
.mcppage4 .cpmodel li{overflow:hidden}
.mcppage4 .cpmodel li:nth-child(odd){background:#e0eaee}
.mcppage4 .cpmodel li span{width:23%;font-size:0.25rem;color:#161616;line-height:1.2;text-align:center;padding:0.2rem 0;float:left}
.mcppage4 .cpmodel li span:first-child{width:25%}
.mcppage4 .cpmodel li span:nth-child(2){width:29%}
.mcppage4 .cpmodel li span strong{font-weight:normal}
.mcppage4 .cpmodel .title{background:none !important;position:relative}
.mcppage4 .cpmodel .title::before,.mcppage4 .cpmodel .title::after{content:"";height:1px;background-image:linear-gradient(to right, rgba(76,76,76,0), #4c4c4c, rgba(76,76,76,0));position:absolute;left:0;right:0}
.mcppage4 .cpmodel .title::before{top:0}
.mcppage4 .cpmodel .title::after{bottom:0}
.mcppage4 .cpmodel .title span{color:#808080}
.mcppage4 .cpmodel .title span strong{font-size:0.27rem;color:#161616;font-weight:bold}
.mcppage4 .swtbtn{background:#fff;border:1px solid #8ba6b1;border-radius:0 0 0.4rem 0.4rem;display:block;font-size:0.3rem;color:#1c1c1c;text-align:center;line-height:0.88rem;margin-top:0.51rem;box-shadow:0 -0.08rem 0 #064966}
.mcppage4 .swtbtn::after{content:"";width:0.77rem;height:0.51rem;background:url(../images/swtbtntb.png) center no-repeat;background-size:100%;display:inline-block;vertical-align:middle;margin-left:0.3rem;margin-top:-0.06rem;animation:effect 1.5s ease-in-out infinite}
.mcppage4 .swtbtn span{font-weight:bold;border-right:1px solid #000000;line-height:1.1;display:inline-block;padding-right:0.27rem;margin-right:0.27rem}
.mcppage5{margin-top:0.8rem}
.mcppage5 .cpys{padding-left:0.3rem;margin-top:1rem}
.mcppage5 .cpys p{background:url(../images/m_cpysbg.jpg) repeat;background-size:0.08rem;border:0.02rem solid #787777;border-radius:0.2rem;padding:0.45rem 0.3rem 0.35rem;font-size:0.28rem;color:#555555;line-height:0.56rem;position:relative}
.mcppage5 .cpys p strong{background:#0e4e69;border-radius:0.1rem;font-size:0.3rem;color:#fff;line-height:1.5;padding:0.11rem 0.25rem 0.13rem;position:absolute;left:-0.3rem;top:-0.54rem}
.mcppage5 .cpys p+p{margin-top:0.91rem}
.mcppage6{padding:0.72rem 0;position:relative;z-index:1}
.mcppage6::before{content:"";background:url(../images/m_cppage6bg.jpg) center bottom no-repeat;background-size:100%;position:absolute;left:-0.3rem;right:-0.3rem;top:0;bottom:0;z-index:-1}
.mcppage6 h3{text-align:left}
.mcppage6 p{margin-top:0.3rem}
.mcppage6 .ryul{margin-top:0.4rem}
.mcppage6 .ryul li{width:47.82%;float:left;border:0.03rem solid #f0f6f8;border-radius:0.1rem;margin-left:4.35%;overflow:hidden;box-shadow:0 0.05rem 0.1rem rgba(133,158,166,0.51)}
.mcppage6 .ryul li:first-child{margin-left:0}
.mcppage7{margin-top:0.8rem}
.mcppage7 h3{text-align:left}
.mcppage7 p{margin-top:0.34rem}
.mcppage8{margin-top:0.8rem}
.mcppage8 h3{text-align:center}
.mcppage8 p{margin-top:0.4rem}
.mcppage9{margin-top:0.75rem}
.mcppage9 .alul li{margin-top:0.45rem;box-shadow:0 0.09rem 0.35rem rgba(41,43,45,0.21)}
.mcppage9 .alul li img{width:100%;display:block; height: 5rem !important;}
.mcppage9 .alul li p{color:#565656;text-align:center;border:1px solid #808080;border-top:none;padding:0.16rem 0}
.mcppage10{margin-top:0.88rem}
.mcppage10 .swiper-tab{margin-top:0.5rem}
.mcppage10 .swiper-tab .swiper-title{margin-left:-4%;overflow:hidden}
.mcppage10 .swiper-tab .swiper-title .swiper-item{width:46%;border:0.02rem solid #3c97aa;font-size:0.28rem;line-height:1.3;color:#4C4C4C;text-align:center;float:left;padding:0.1rem;margin-left:4%}
.mcppage10 .swiper-tab .swiper-title .swiper-item-active{background:#3c97aa;color:#fff}
.mcppage10 .swiper-tab .swiper-content{margin-top:0.4rem}
.mcppage10 .swiper-tab .swiper-content .swiper-slide{display:none}
.mcppage10 .swiper-tab .swiper-content .swiper-slide-active{display:block}
.mcppage10 .swiper-tab .swiper-content p{margin:0.46rem 0 0.15rem}
.mcppage10 .swiper-tab td{padding:0.1rem 0}
.mcppage10 .widthslide{display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.mcppage11{background:#f0f6f8;padding-top:0.68rem;padding-bottom:0.68rem;margin-top:0.6rem}
.mcppage11 p{margin-top:0.5rem}
.mcppage12{margin-top:0.6rem}
.mcppage12 .cplb{margin-left:-3.48%;margin-top:0.4rem;overflow:hidden}
.mcppage12 .cplb li{width:46.52%;float:left;margin-left:3.48%;margin-top:0.2rem}
.mcppage12 .cplb li img{width:100%;height: 2.5rem !important;}
.mcppage12 .cplb li p a{font-size:0.27rem;text-align:center;color:#565656;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.mcppage13{background:url(../images/index-bg02.jpg) no-repeat;background-size:cover;margin-top:0.6rem;padding-top:0.5rem;padding-bottom:0.5rem; margin-bottom: .5rem}
.mcppage13 p strong{display:block;font-size:0.44rem;color:#FFF;text-align:center;font-weight:normal}
.mcppage13 p strong span{color:#ffa15e;padding-right:0.1rem}
.mcppage13 p img{width:100%;margin-top:0.3rem}
.mcppage13 .ser-info{position:relative;background-color:#FFF}
.mcppage13 .ser-info::before,.mcppage13 .ser-info::after{content:"";background:#e6e6e6;position:absolute}
.mcppage13 .ser-info::before{width:1px;left:50%;top:0;bottom:0}
.mcppage13 .ser-info::after{height:1px;top:50%;left:0;right:0}
.mcppage13 .ser-info li{float:left;width:50%;text-align:center;line-height:1.2;color:#666;font-size:0.26rem;padding:0.8rem 0}
.mcppage13 .ser-info li strong{display:block;color:#3c97aa;font-size:0.36rem;font-weight:normal;margin-bottom:0.16rem}
.mcppage13 .ser-info .swtbtn{position:absolute;left:50%;top:50%;width:1.48rem;height:1.48rem;margin-left:-0.77rem;margin-top:-0.59rem;z-index:10;color:#fff;font-size:0.3rem;font-weight:700;line-height:1.3;padding-top:0.36rem;text-align:center;cursor:pointer}
.mcppage13 .ser-info .swtbtn::before{content:"";width:1.48rem;height:1.48rem;background:url(../images/ser-btn.png) no-repeat;background-size:cover;position:absolute;left:0;top:0;animation:smove 2.5s linear infinite;z-index:-1}
.telbox2{text-align:center;margin-top:0.28rem}
.telbox2 img{width:7.08rem;animation:effect 1.5s ease-in-out infinite}
.telbox3{text-align:center;margin-top:0.15rem}
.telbox3 img{width:6.91rem;animation:effect 1.5s ease-in-out infinite}


}