@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
    color:#333;
    font-size:14px; line-height:24px;
}
button, html, input, textarea {
    font-family: Helvetica,Arial,STXihei,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
html, body {
    width: 100%;
   
      overflow-x: hidden;
}

img, video {
    vertical-align: top;
    border: 0;
    width: 100%;
}
ul, li {
    list-style: none;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-decoration: none;
    cursor: pointer;
    color: #333;
}
@font-face {
    font-family: 'icomoon-yunxin';
    src: url(/fonts/icomoon-hfy.eot);
    src: url(/fonts/icomoon-hfy-ie6.eot#iefix) format('embedded-opentype'), url(/fonts/icomoon-hfy.ttf) format('truetype'), url(/fonts/icomoon-hfy.woff) format('woff'), url(/fonts/icomoon-hfy.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.fi {
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: icomoon-yunxin !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fi-quotl:before {
    content: "\e906"
}

.fi-audio:before {
    content: "\e901"
}

.fi-ren:before {
    content: "\e902"
}

.fi-sms:before {
    content: "\e903"
}

.fi-up:before {
    content: "\e904"
}

.fi-video:before {
    content: "\e905"
}

.fi-arrowd:before {
    content: "\e911"
}

.fi-arrowl:before {
    content: "\e912"
}

.fi-arrowr:before {
    content: "\e913"
}

.fi-close:before {
    content: "\e920"
}

.fi-right:before {
    content: "\e924"
}

.fi-question:before {
    content: "\e932"
}

.fi-earphone:before {
    content: "\e900"
}

.fi-tel:before {
    content: "\e910"
}

.fi-tel2:before {
    content: "\e91d"
}

.fi-imglobal:before {
    content: "\e918"
}

.fi-imsafe:before {
    content: "\e919"
}

.fi-imsure:before {
    content: "\e91a"
}

.fi-global:before {
    content: "\e909"
}

.fi-thread:before {
    content: "\e908"
}

.fi-sure:before {
    content: "\e90a"
}

.fi-exclamation:before {
    content: "\e922"
}

.fi-info:before {
    content: "\e921"
}
/*通用样式*/
.fl {
    float: left;display:block;
}

.fr {
    float: right;
    display: block;
}

.clear {
    clear: both;
}
.mar_top30{ margin-top: 30px;}
/**header*/
 .tel_7{ color: #fff; text-align: center;font-size: 16px; margin: 30px 0px;font-weight: 600;}
.tel_8{clear: both;    width: 250px;margin: 0px auto;height: 50px;}
  .tel_8 a{ width:120px; padding:10px 0px;float: left;font-size: 16px;}
  
.mheader {
height: 60px;
background: #3f09d1;
position:relative;
top: 0px;
width: 100%; 
z-index: 99;box-shadow:0px 0px 6px #202d40;
}
.conbg .mheader,.mprice .mheader{background: #202d40;box-shadow:0px 0px 6px #202d40;}
.mheader .logo img {
height: 45px;
width:auto;

}
@media screen and (max-width:400px) {
.mheader .logo img {
height: 40px;

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

}
.mheader .kf {
height: 45px;
width: 70px;
margin-top:10px;
background: url("../images/menu.png?v=1") left no-repeat;
background-size: 140px;
}

.mheader .munt {
height: 45px;
width: 70px;margin-top:10px;
background: url("../images/menu.png?v=1") right no-repeat;
background-size: 140px;
}
.m-kf{
position: fixed;
    top: 60px;
    right: 0;
   
    left: 0;
    z-index: 6;
    display: none;
    overflow-y: scroll;
    padding-top: 0;
    background: #fff;
    color: #fff;
   
    border-radius:0px 0px 10px 10px;
    box-shadow: 0px 0px 10px #333;
    width: 95%;
    margin: auto;

}
.kf-cc{        width: 47%;
    display: inline-block;
    background: #f5f6f6;
   
    text-align: center;
    padding: 35px 0px;
    border-radius: 10px;}
.kf-tel{    width: 47%;
    display: inline-block;
    background: #f5f6f6;
   
    text-align: center;
     padding: 35px 0px;
    border-radius: 10px;}
.kf-cc img,.kf-tel img{margin:20px 0px;}
.kf-cc p,.kf-tel p{line-height:30px;}
.fweight{font-weight:600;}
.KFBox-header {
 width: 90%;
  margin:auto;
   
}
.m-kf .KFBox-header .kf-close {
   border: 2px solid #cccece;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 20px;
    display: block;
    line-height: 40px;
    margin-bottom: 30px;
    border-radius: 10px;
   
}
.m-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 6;
display: none;
overflow-y: scroll;
padding-top: 0;
background: rgba(0,0,0,.9);
color: #fff;
z-index:9999999;
}

.m-menu .menu-header {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 9;
width: 100%;
height: 45px;

background: #161616;
}
.m-menu .menu-header .fi-close {
float: right;
display: block;
width: 46px;
text-align: center;
font-size: 20px;
margin-top: 15px;color:#fff;
}
.m-menu .scroll-wrap {
margin-top: 45px;
height: -webkit-calc(100% - 90px);
height: -moz-calc(100% - 90px);
height: calc(100% - 90px);
}
.m-menu .menu-nav-main {
padding-bottom: 100px;
}

.m-menu .menu-nav-main a {
display: block;
color: #fff;
}

.m-menu .menu-nav-main ul {
width: 100%;
}

.m-menu .menu-nav-main li {
overflow: hidden;
padding: 0 14px;
height: 48px;
vertical-align: middle;
font-size: 18px;
line-height: 48px;color:#fff;
}

.m-menu .menu-nav-main li.open-product {
height: auto;
}

.m-menu .menu-nav-main li.active {
background: rgba(0,0,0,.5);
}

.m-menu .menu-nav-main .fi-arrowd, .m-menu .menu-nav-main .fi-up {
float: right;
margin-top: 15px;
vertical-align: middle;
font-size: 18px;
}

.m-menu .menu-nav-child {
position: relative;
left: -28px;
width: 100%;
}

.m-menu .menu-nav-child li {
padding-left: 50px;
background: #2f3034;
font-size: 16px;
}

.m-menu .menu-nav-child li.active {
background: #272728;
}

.m-menu .menu-contact {
display: block;
margin: 18px auto 13px;
width: 90%;
height: 40px;
border: 1px solid #fff;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 40px;
}

#productMenu,#productMenu2{
background: #2f3034;
}

.f-hd {
display: none;
}
    /***banner*/
.swiper-container {
  width: 100%;top:-60px;
}

.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;
}
.banner_po{position: absolute;     text-align:center;
   width:calc(100% - 10px);
    bottom: 25%;bottom: 33%;}
.banner_po p{color: #fff;
    font-size: 1.2em;
    line-height: 30px;
    font-weight: 600;text-shadow: 1px 1px 1px #0426c6;}
.banner_po p.h_z{font-size:1.5em;    font-weight: bold;    line-height: 30px;}
.text_red p{text-shadow: 1px 1px 1px red;}
.banner_bottom{line-height: 40px;
    border-radius: 20px;
    border-radius: 20px;
    background: #1e5cff;
    width: 140px;
    text-align: center;
    display: inline-block;
    margin: 10px auto;
    color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:31%;}
.swiper-pagination-bullet{border-radius: 0px;width: 20px;
    height: 3px;opacity:0.6;
    background: #fff;}
.swiper-pagination-bullet-active{background: #fff;opacity:1;}
.box {width:80%;margin:20px auto;
}
.title,.box .title {
   margin:20px auto;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}
    .box .title_yun {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 400;
        text-align: center
    }
.cp_title {
    width: 260px; margin:20px auto;    text-align: center;
}
.cp_title img {
    float: left;display:none;
    width: 40px;    margin-right: 10px;
}
.cp_title span {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 40PX;
}
.cp_cont {
    margin: 20px 0px;
}
 .cp_cont li {
        clear: both;
        padding-left:0px;position:relative; line-height:28px;
 }
    .cp_cont li span {
       line-height: 24px;
        font-size: 1em;display: block;
    width: 90%;
    float: right;
       
    }
        .cp_cont li i {
      display: block;
    float: left;
    line-height: 24px;
            /**background: url("../images/list.jpg") no-repeat;
            background-size: 18px;
            width: 18px;
            height: 18px;display:none;
            position:absolute; top:2px; left:0px;**/
        }
.box_button {
    width: 80%;
    margin: 0px auto;
}
    .box_button a {
        display: block;
        float: left;
        width: 40%;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 1px 1px 10px #8c8c8c;
        color: #6100F2;
        text-align: center;
        font-size: 12px;
        margin: 30px 5% 10px ;
    }
    /*I*转盘*/
    .border {
        position: relative;
        width: 202px;
        left: 0px;
        right: 0px;
        margin: 200px auto 30px;
        height: 540px;
    }
.juantitle{    text-align: center; margin-top: 30px;font-size:1em;}
.juan_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.butt {
    width: 56px;
    height: 64px;
    float: left;
    text-align: center;
    line-height: 15px;
    font-size: 0.3em;
    background: url(../images/sms-icon2.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
}

    .border .active, .butt:hover {
        background: url(../images/sms-icon1.png) center center no-repeat;
        background-size: 100%;
    }

.center .active {
    background: none;
}

.butt:nth-child(2) {
    left: -70px;
    top: 10px;
}

.butt:nth-child(3) {
    left: -55px;
    top: 75px;
}

.butt:nth-child(4) {
    left: -70px;
    top: 140px;
}

.butt:nth-child(5) {
    left: -55px;
    top: 205px;
}

.butt:nth-child(6) {
    left: -70px;
    top: 270px;
}

.butt:nth-child(7) {
    left: -55px;
    top: 335px;
}

.butt:nth-child(8) {
    right: -70px;
    top: 10px;
}

.butt:nth-child(9) {
    right: -55px;
    top: 75px;
}

.butt:nth-child(10) {
    right: -70px;
    top: 140px;
}

.butt:nth-child(11) {
    right: -55px;
    top: 205px;
}

.butt:nth-child(12) {
    right: -70px;
    top: 270px;
}

.butt:nth-child(13) {
    right: -55px;
    top: 335px;
}

.b-line {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0px;
    z-index: -1;
}

.b-line2 {
    position: absolute;
    top: 32px;
    width: 0px;
    left: 0px;
    z-index: -1;
}

.border .active .b-line, .butt:hover .b-line {
    width: 200px;
    transition: width 0.5s;
    -moz-transition: width 0.5s; /* Firefox 4 */
    -webkit-transition: width 0.5s; /* Safari 和 Chrome */
    -o-transition: width 0.5s;
}

.active .b-line2, .butt:hover .b-line2 {
    width: 200px;
    left: -200px;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;
}



.border .icon {
    background: none;
    margin-top: 18px;line-height:18px;
  font-size:12px;    color: #868585;
}
.active .icon {
    color: #fff
}
.center {
    position: absolute;
    width: 170px;
    height: 300px;
   
    top: 40px;
    left: 16px;
    z-index: 2;
}

.sms-bg .center {
    height: 235px;
    overflow-y: scroll;
    top: 80px;
}

.center .wznr {
    padding: 5px;
    margin: 5px 10px;
    border-radius: 5px;
   
    background-color: #e4e4e9;
    font-size: 1em;
}

.center .item {
    display: none;
}

.center .active {
    display: block;
}

li.item span {
    position: absolute;
    top: 112px;
    left: 13px;
    font-size: 1em;
    width: 140px;
    text-align: left;
    padding: 5px;
    height: 110px;
    overflow-y: scroll;
}

.title-zhc {
    position: absolute;
    display: block;
    line-height: 0;
    bottom: 0px;
}
.title-zhc  a{ display:block;}
    .title-zhc .text1 {
        position: absolute;
        top: 22px;
        width: 100%;
        text-align: center;
        display: block;
        color: #fff;
        font-weight: 600;
        font-size: 1em;
        line-height: 22px;
    }

    .title-zhc .text2 {
        position: absolute;
        top: 55px;
        width: 100%;
        text-align: center;
        display: block;
        color: #fff;
        font-weight: 600;
        font-size: 1em;
        line-height: 22px;
    }

    .title-zhc .text3 {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        color: #0816E9;
        font-weight: 600;
        font-size: 0.8em;
        line-height: 12px;
    }

.hfy_jg {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

    .hfy_jg a {
        display: block;
        color: #8c8c8c;
        font-size: 1.2em;
    }

@media screen and (max-width:370px) {

    .border {
        transform: scale(0.95);
    }

    .butt:nth-child(2) {
        left: -55px;
        top: 10px;
    }

    .butt:nth-child(3) {
        left: -55px;
        top: 75px;
    }

    .butt:nth-child(4) {
        left: -55px;
        top: 140px;
    }

    .butt:nth-child(5) {
        left: -55px;
        top: 205px;
    }

    .butt:nth-child(6) {
        left: -55px;
        top: 270px;
    }

    .butt:nth-child(7) {
        left: -55px;
        top: 335px;
    }

    .butt:nth-child(8) {
        right: -55px;
        top: 10px;
    }

    .butt:nth-child(9) {
        right: -55px;
        top: 75px;
    }

    .butt:nth-child(10) {
        right: -55px;
        top: 140px;
    }

    .butt:nth-child(11) {
        right: -55px;
        top: 205px;
    }

    .butt:nth-child(12) {
        right: -55px;
        top: 270px;
    }

    .butt:nth-child(13) {
        right: -55px;
        top: 335px;
    }
}

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

    .butt {
        width: 54px;
        height: 64px;
    }

    .border .icon {
        margin-top: 22px;
    }

    .butt:nth-child(2) {
        left: -180px;
        top: 10px;
    }

    .butt:nth-child(3) {
        left: -160px;
        top: 75px;
    }

    .butt:nth-child(4) {
        left: -180px;
        top: 140px;
    }

    .butt:nth-child(5) {
        left: -160px;
        top: 205px;
    }

    .butt:nth-child(6) {
        left: -180px;
        top: 270px;
    }

    .butt:nth-child(7) {
        left: -160px;
        top: 335px;
    }

    .butt:nth-child(8) {
        right: -180px;
        top: 10px;
    }

    .butt:nth-child(9) {
        right: -160px;
        top: 75px;
    }

    .butt:nth-child(10) {
        right: -180px;
        top: 140px;
    }

    .butt:nth-child(11) {
        right: -160px;
        top: 205px;
    }

    .butt:nth-child(12) {
        right: -180px;
        top: 270px;
    }

    .butt:nth-child(13) {
        right: -160px;
        top: 335px;
    }
}
.juan_db{position: relative;
    bottom: 20px;}
/**/
.box_context{padding:0px 20px; line-height:30px;}
.he_banner{overflow: hidden;position: relative; padding:0px;}
.he_banner .swiper-slide {margin-right:2px;}
.he_banner .slide_box{padding:20px;background:#076bf2; width:100%; border-radius:10px;height:500px;}
.he_banner .slide_box p{font-size:12px; line-height:30px;text-align: left; color:#fff;}
.he_banner .slide_box p.title{margin: 20px auto;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}}
/*客户案例*/
.ke_banner{overflow: hidden;position: relative;}
.ke_banner .swiper-slide {    background: #2b2e32;
    box-shadow: 0 0.29rem 0.34rem -0.1rem #dadbdc; border-radius:5px; padding-bottom:26px;}
.ke_banner .swiper-slide .page{     display: inline-table;
    width: 30%; margin:26px 1% 0px 1%;   }
.ke_banner .swiper-slide .page img {
      width: 60px;
    border-radius: 15%;
}
.ke_banner .swiper-slide .page span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
  line-height:30px;
    text-align: center;  display: block;  color: #fff;
}

/*动态资讯*/
.box_list {margin:20px auto 30px auto;  width:80%;  padding: 0px 5px;    clear: both;}
.box_list li{color: #656565;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D9;
    height: 30px;
  line-height:30px;
    padding-left: .06rem;}
  
.box_list li span:first-child {
    display: inline-block;
    max-width:60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box_list li span:last-child {
    float: right;
}
.box_img{    height: 75px;}
.box_img li{width:33.3%;float: left;}
.box_img li img{height: 75px;}
/*底部*/
.mfooter{background:#202D40; padding:20px 22px; color:#fff;font-size:14px;}
.mfooter p{color:#fff; line-height:30px;font-size:16px; padding-left:20px; }
.mfooter a,.footer p a{color:#fff;}
.mfooter p.t_more{font-size:16px;    text-align: left;}
.mfooter a.tel{  font-size: 16px;width: 100%; display: block;}
.mfooter dl{float:left; width:49%;margin-bottom: 50px;}
.mfooter dl dt{color:#fff;line-height:50px; font-size:16px; font-weight:600;}
.mfooter dl dd{color:#fff; font-size:14px; line-height:30px;}
.mfooter .clear hr{color:#fff; box-shadow:0px 0px 4px #ddd;}
.m_logo{margin: 30px 0px ; text-align: center;}
.m_logo img{width:80%;}
.mar_t20{margin-top:20px;}
.dl_glht{display:block; line-height:50px; margin:20px auto; background:#1e5cff; font-size:18px;border-radius:25px; text-align:center;}





    /**加载*/
    .common_textarea {
        visibility: hidden;
    }
/*价格*/
      .swiper-mprice{width: 100%;overflow-x: scroll;overflow-y: hidden;}
      .swiper-mprice::-webkit-scrollbar { width: 10px;    height: 1px;}     
      .swiper-mprice::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: transparent; }
      .swiper-mprice::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background:transparent;}
      .swiper-mprice ul{width:1200px;}
      .swiper-mprice li{display: inline-table;width:auto;padding:20px; text-align: center }
      .swiper-mprice li.active{border-bottom:4px solid #076BF2; color:#076BF2;}
      .swiper-mprice li a{display:block;font-size: 1em;color: #333;}
      .swiper-mprice li.active a{color: #076bf2;}
      .swiper-mprice li img {width:80px; margin-bottom:8px;}
      
      .tab-ys{background: #f1f1f1;}
      .tab-ys  .navs{ padding: 30px 10px;}
      .tab-ys  .navs li{display: inline-block;padding: 10px 0px;font-weight: 600;width: 31%;text-align: center; background: #fff;box-shadow: 1px 1px 5px; border-radius: 20px 3px;}
      .tab-ys  .navs li.active{color: #076bf2; border-bottom: 2px solid;}
      .box-item{width: 222px;  margin: 20px auto;background: #fff; box-shadow: 1px 1px 4px #939394;border-radius: 5px;padding: 30px 10px;text-align: center;}
      .price {    display: block; height: 44px;line-height: 44px; font-size: 24px;color: #2c2d46;margin: 0px 10px;}
      .cost-price {    border-bottom: 2px solid #CDCDCD;}
      .num {    display: block; line-height: 20px; font-size: 14px; color: #aaa; height: 60px;}
      .cyan-item .num {    text-decoration: line-through;}
     
    .per-price {    display: inline-block; margin: 25px auto 14px; height: 16px;line-height: 16px;font-size: 16px;    color: #aaa;}
      .u-btn-blank {    color: #076bf2;border: 1px solid #076bf2;}
      .buy {   background-color: #076bf2; color:#fff;  display: block;margin: 0 auto; width: 160px;height: 44px; line-height: 44px; vertical-align: baseline; border-radius: 4px;font-size: 16px;}

      .u-btn-blank:hover {    background-color: #076bf2; color:#fff;}     
   .tab-pane{display:none;}
      .tab-content .active{display:block;}
      .price_title {    padding: 60px 0;font-weight: 300; margin: 0 auto;font-size: 34px; text-align: center;letter-spacing: 4px;}
      .price_synopsis{width:98%; margin:0px auto;    text-align: left;   border-collapse:collapse;border: 1px solid #dcdcdc;}
      .price_synopsis td{border: 1px solid #dcdcdc;line-height: 28px;padding: 5px 20px; font-size:14px;}
      .price_synopsis .table_title{height: 60px;line-height: 60px;color: #f4f7fe;  background-color: #076bf2;}
     .tservice_t{ padding: 20px;}
    .tservice_t p{line-height: 30px;font-size: 0.8em;}
  .tservice_t p.u-title{font-size: 1.2em;}
.data-price{color:#f84c51;}  
.contact-us{padding: 20px; color:#fff;
    font-size: 1.4em;font-weight: 600;
    line-height: 30px;background:#202d40}
  .heading{text-align:center;}
  .tservice_i{text-align:center;}
  .tservice_i img{width: 80%;
    border: 2px solid #eeeeee;
    padding: 10px;margin-bottom:15px;
    border-radius: 5px;}
  .contact-wrapper a{
    display: inline-block;
    font-size: 0.7em;
    width:40%;
    /*background: url(../images/meiqia_tel.png) no-repeat left;*/
    line-height: 30px;
    padding-left: 20px;
   
    color: #fff;}
/*免费测试*/
.m-product-menu {
   position:relative;
   width: 100%;
    font-size: 34px;
    text-align: center;
}
.m-product-menu  #MsgNavTitle{ font-size:22px; height:30px;}
.m-product-menu .productMenuTitle {
  position:absolute;
  top:0;
  width:100%;
  height:60px;
}
.m-product-menu .menu-title {
  height:60px;
  line-height:60px;
  border-bottom:1px solid #ccc;
  vertical-align:middle;
  padding-left:47px;
}
.m-product-menu .menu-title .fi {
  margin-left:5px;
  vertical-align:middle;
  font-size:30px;
}
.m-product-menu .product-menu {
  position:absolute;
  top:60px;
  bottom:0;
  left:0;
  width:100%;
  height:260px; z-index:9;
  background:rgba(128, 206, 251, 0.90);
}
.m-product-menu .product-menu li {
  height:60px;
  line-height:60px;
    font-size:16px;
  border-bottom:1px solid #ccc;
}
.m-product-menu .product-menu li a {
  display:block;
  color:#333;
}

.f-hd {
  display:none;
}
.msgTitle {
    font-size: 20px;
    text-align: center; padding:20px 0px;
    line-height: 40px;font-weight:600;
}
.msgSubTitle{
    padding-top:40px;
  line-height:40px; font-size:20px;
  text-align:center; margin:0px auto;
  padding-left:80px; padding-right:80px;
   padding-bottom:40px;font-weight:600;
   height:100%;
}

.msgTitle2{
    font-size: 16px;
    text-align: left;
    line-height: 50px;
    height: 50px;
    /*color:#318daa;*/
    font-weight:bold;
}

.msgContent{
    line-height:30px;font-size:14px;
    padding-bottom:20px;
    color:#555;
}
.datatrum-page {
    color: #333;
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
}
  .datatrum-1 {
    position: relative;
    
   padding:30px 0 60px 0;
    background: url(../images/exp-banner1.png) center bottom no-repeat;
    overflow: hidden;
    text-align: center;
    color: #fff;
    display: block;
  }
 .titleH {
    
    font-size: 20px;
    line-height: 30px;
    color:#fff;
    margin: 0;
    font-weight: normal;
    display: block;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
  }

  .titleB {
    display: inline-block;
    width: 134px;
    height: 3px;
    background-color: #2fb26a;
    margin-bottom: 4px;
    font-weight: bold;
  }

  .datatrum-1 .title-2 {
    font-size: 14px;
    
    margin-bottom: 35px;
    opacity: 0.7;
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: normal;
    text-align: center;
    color: #fff;
  }
.datatrum-2 {
    height: auto;
    background: #f2f2f2;
    position: relative;
    padding-top: 0;
    overflow: visible;
    margin-top: 0;
    display: block;
}
.item-box-wp {
    margin: 0 auto;
    position: relative;
    display: block;
}
.exp-lists-content{    position: relative;
    top: -62px; width: 278px;
    height: 450px;
   margin:auto;
  }
.exp-lists-content .csbg{
  width:100%; height:auto;    border-radius: 8px;
}
.exp-lists-content .xincont{width:100%; position:absolute; top:20px; height:100%;text-align: center;}
.exp-lists-content .xincont .txtYan{    font-size: 23px;
    outline-width: initial;
    
    font-weight: 500;
    color: #0000s00;}

 .txtYan {
      font-size: 23px;
      outline-width: initial;
      text-align: center;
      font-weight: 500;
      color: #000000;
    }

    .dada {
      margin-top: 34px;
      height: 175px;
      
    }

    .dada1 {
      margin-top: 10px;
      height: 175px;
     
    }

    .date {
      height: 15px;
    }

    .date1 {
      height: 6px;
    }

    .tishiYan {
      font-size: 13px;
      text-align: center;
      color: #838c93;
      margin-bottom: 10px;
    }

    .sendYan {
      width: 162px;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 20px;
      border: 1px solid #2fb26a;
      background-color: #2fb26a;
      -webkit-border-radius: 20px;
      color: #ffffff;
    }

    .js-show-hiden {
      display: inline-block;
      width: 162px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      color: #fff;
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 20px;
      background-color: #2fb26a;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      text-decoration: none;
      outline: none;
      cursor: pointer;
      font-family: "microsoft yahei";
    }

    .js-show-hiden1 {
      display: inline-block;
      width: 162px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      color: #fff;
      font-size: 14px;
      margin-top: 10px;
      margin-bottom: 20px;
      background-color: #2fb26a;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      text-decoration: none;
      outline: none;
      cursor: pointer;
      font-family: "microsoft yahei";
    }

.pyq_bjb{width: 225px;
    margin: 20px auto;
    line-height: 45px;
    font-size: 15px;font-weight: 600;
    background: #FFEC01;
    text-align: center;}
.pyq_bjb a{display:block;}
.main-content  .pyq_bjb{width: 90%;}
.swiper-container2 .sales-7-sweiper-con{background:url(../images/salesbg.png) no-repeat center;background-size:98% 100%;height:220px;}
.swiper-container2 .sales-7-sweiper-con p{padding: 30px 10px 0; text-indent: 40px; text-align: center;width: 80%;margin: 0px auto; font-size: 12px;    line-height: 20px;}
.swiper-container2  .sales-7-sweiper-cont{    position: absolute;left: 20px; bottom: 20px;}
.u-summary{width:80%;margin:0px auto;}
.swiper-container2 .swiper-button-next, .swiper-container2  .swiper-button-prev {
    color: #0b19ea;
}
.logo{position: absolute;
    top: 10px;z-index:99;
    left: 15px;
    width: 180px;}
.hfyxmt{    position: absolute;
    top: 50px;    width: 320px;
    margin: auto;
    right: 0px;
    left: 0px;}
.hfyxmt ul li{float:left; margin:5px; min-width:90px; line-height:20px;    font-size: 12px;}
.hfyxmt ul li img{width:40px;height:40px;}
.hfyxmt ul li:nth-child(3n){width:108px;}
.bannetitle{ position: absolute; top:60px;}

.banner_po2{padding:20px 5px; background:#0c0843;
    bottom: 0px;}
.banner_po2 p{
    line-height: 24px;
    font-weight: 400;}
.show-body{position: absolute;
    top: -200px;text-align: center;
    left: -30px;
    right: -30px;}
.show-body .scontent-title{font-size: 16px;
    margin-bottom: 10px;}
.show-body .scontent-detail{font-size: 14px;
    line-height: 1.5;}
.center .item video{position: absolute;
    top: -70px;
    left: 0px;}
.swiper-button-next, .swiper-button-prev{top:80%;color:#000;}


.dsp{    color: #fff;
    font-size: 20px;
    border: 1px solid #464444;
    padding: 5px;
    text-shadow: 0px 0px 2px #464444;
    margin-top: 10px;}
.m-tel-enroll {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    overflow: hidden;
    width: 100%;
    height: 55px;left: 0px;
    text-align: center;
}
 .m-tel-enroll .itm {
    position: relative;
    float: left;
    width: 50%;
    height: 110px;
    font-size: 16px;
    line-height: 55px;
    -webkit-user-select: none;
}
.m-tel-enroll .itm-1 {
    background-color: #e6e6e6;
    color:#5300CA;
    vertical-align: middle;
}
.m-tel-enroll .itm-2 {
    background-color:#5300CA;
    color: #fff;
    vertical-align: middle;
}  
.banner_po2 p{font-size:14px;}

@media screen and (max-width:320px) {
  .hfyxmt{top:50px;}
  .banner_po2 p{font-size:12px;}
  .box .title{    font-size: 18px;}
}
/*swiper-container4*/
.titlearea{width:80%; margin:50px auto;}
.gtitle{font-size:20px; line-height: 30px; color: #333; margin-bottom: 24px; font-weight: 700; text-align: center;}
.gsubtitle{ font-size: 16px;line-height: 26px;color: #999;text-align: center;}
.titlearea a{border-radius: 4px; height: 48px; width: 280px; background: #ffec01; text-direction: none; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 30px auto;}

.swiper-container4{position:relative;}
.swiper-container4 .swiper-wrapper{}
.swiper-container4 .swiper-wrapper .mban{     width: 80%;
    display: block;
    position: absolute;
    top: 40px;
    z-index: 9;
    margin: auto;
    left: 0px;
    right: 0px;}
.swiper-container4 .swiper-wrapper .M_icon{position: absolute;
    bottom: 20px;
    width: 85%;
    z-index: 10;
    left: 0px;
    right: 0px;
    margin: auto;}
.swiper-container4 .swiper-wrapper .M_icon .title{display:inline-block; width:45%; height:40px; line-height:44px; border-radius:5px;margin: 10px auto;    font-size: 16px;    box-shadow: 0px 0px 2px;}
.swiper-container4 .swiper-pagination-bullet{    background: #5a0cea;}
.swiper-container4 .swiper-pagination-bullet-active{background: #D571A5;}
.slidebox{width: 80%;
    position: relative;
    height: 430px;
    box-shadow:0px 0px 7px rgba(0,0,0,.1);
    border-radius: 20px;}
.slidebox p{    line-height: 60px;}
.slidebox p span{background: #5b59dc;
    padding: 2px 6px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;}
/*图标*/
.title__icon{width:20px;height:22px; margin:10px; margin-right:5px;display: flex;    justify-content: center;    align-items: center;    float: left; background:url("../images/geng_icon2.png");}
.title__text{display: flex;float: left;    font-size: 14px;
    font-weight: 400;}
.block-itemhover .title__icon{background:url("../images/geng_icon2.png");}
.icon-0-1,.block-itemhover .icon-0-1{background-position:0px 0px;}
.icon-0-2,.block-itemhover .icon-0-2{background-position:0px -33px;}
.icon-0-3,.block-itemhover .icon-0-3{background-position:0px -66px;}
.icon-0-4,.block-itemhover .icon-0-4{background-position:0px -95px;}
.icon-0-5,.block-itemhover .icon-0-5{background-position:0px -123px;}
.icon-0-6,.block-itemhover .icon-0-6{background-position:0px -155px;}
.icon-0-7,.block-itemhover .icon-0-7{background-position:0px -186px;}
.icon-0-8,.block-itemhover .icon-0-8{background-position:0px -221px;}
.icon-0-9,.block-itemhover .icon-0-9{background-position:0px -252px;}
.icon-0-10,.block-itemhover .icon-0-10{background-position:0px -281px;}
.icon-0-11,.block-itemhover .icon-0-11{background-position:0px -314px;}
.icon-0-12,.block-itemhover .icon-0-12{background-position:0px 22px;}

/**/
.cptb{margin-top:-80px; padding:50px 5%; background:#F4F5FA; text-align:center;}
.cptb .banner_img{border-radius:15px;}
.cptb .cptb_po {margin:20px auto;}
.cptb .cptb_po p{ font-size: 12px;}
.cptb .cptb_po .title{    font-size: 16px;}
.cptb .title{ font-size: 16px; }
@media screen and (max-width:320px) {
  .swiper-container4 .swiper-wrapper .M_icon .title{ font-size: 14px; }
.banner_po p{line-height:24px;}  
  
}
.mar_top-80{margin-top:80px;}
.show-body2{position: relative;
    top: 60px;
    width: 80%;
    left: 0px;
    right: 0px;
    margin: auto;}
.m-ensure h3,.m-case h4{
    font-size: 20px;
    line-height: 42px;
    color: #333;
    margin: 24px 0px;
    font-weight: 700;
    text-align: center;
}
.m-register {height: 384px;text-align: center; background: url(../images/pic_1.gif) repeat-y;}
  .m-register h1 {padding-top: 50px; color: #238efa; font-size: 24px; }
.m-register p { margin: 15px 0 0;width: 100%;color: #666; font-size: 24px;    }
.m-register a {display: block;margin: 35px auto 0;width: 80%;height: 45px; line-height: 45px;background: #3d9eff;
        color: #fff; font-size: 16px;    border-radius: 15px; box-shadow: 0px 2px 3px #024180;    }
  
.thumblist li{box-shadow: 0px 0px 0px 1px #4333;padding:10px; }
.thumblist li .InfoTitle{width:120px;float: left;}
.thumblist li .InfoTitle img{width:120px;}
.thumblist li div{float: right;width:calc(100% - 140px)}  
.gridlist li{box-shadow:0px 0px 1px 0px #443333;padding:10px; float:left;width:calc(50% - 20px); }
.InfoPicture img{width:100%; height:120px;}
.footerbut {margin-top:20px;padding-top:20px;border-top:1px solid #fff;}
.footerbut a{display:inline-block;width:18%;    font-size: 16px; text-align:center; }
.footerbut a:after{content: '|'; float: right;}
.footerbut a.none:after{content: ''; }  
/*朋友圈广告*/
.dw{padding-left:20px; padding-right:20px; font-size:16px; color:#555; line-height:200%; padding-top:20px;}
.dw strong{ font-size:20px; color:#f00;}
.dw div{ border-bottom:#d1d1d1 1px dotted; padding-bottom:10px; padding-top:10px;}
.pyqad{padding:20px;}
.pyqad .InfoPicture img{width:80%; height:auto;}
 .pic-box{width: 100%; height: 439px; overflow: hidden;  margin-right: 33px; margin-bottom: 32px;  border-radius: 12px;    box-shadow: 0 6px 10px rgb(0 0 0 / 6%);  cursor: pointer; transition: all .3s;  background: #fff; float:left;}
 .pic-box .deimg img{width:100%;}
 .pic-box .title{ margin:0px;position: relative;    height: 80px;}
 .pic-box .title  span{padding-top:20px;font-size:20px;font-weight: 700;position: absolute;
    left: 80px;}
 .pic-box .title img{width:56px;height:56px;border-radius: 50%;    box-shadow: 0px 0px 2px #ac4c6d;
    margin: 10px;    position: absolute;left: 0px;}
 .pic-box  .count{border-top: 1px solid #eee; padding:8px 0px;}
 .pic-box  .count .detail{ float:left; width:30%; padding:1% ;text-align: center;}
.pic-box  .count .detail p{line-height:30px;    color: #999;    font-size: 14px;}
 .pic-box  .count .detail .news-detail2 span{line-height:40px;  color:#333;   font-size: 30px;font-weight:500;}
.pic_a{   padding:20px; float:right; background: #3d9eff;color: #fff;font-size: 16px;border-radius: 25px 0px 0px 25px;}

.thumblist2{width:90%; margin:10px auto;}
.thumblist2 li{padding:10px;box-shadow:0px 0px 0px 1px #f2f2f2; margin:10px auto;}
.thumblist2 a{display:block;}
.thumblist2 a.InfoTitle{font-size:16px; font-weight:600;text-align:center;    line-height: 40px;}
/*内容*/
#location{ padding:8px 0px;margin: 0; border-bottom: 0px solid #167312;color:#000;  height:1.5em; line-height:1.5em; clear:both; text-indent:3px;}
#location a{color:#000}
.nr{margin:auto; line-height:200%; padding:2rem;}
.nr img{ width:100%;}
.nr h1{ font-size:24px; line-height:42px; padding-top:0px; padding-bottom:1rem; text-align:center; color:#000;}
.fy{ border-top:#d1d1d1 1px dotted; padding-top:0.7rem; margin-top:0.7rem}