@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;}
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%; height:auto; 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(/m/fonts/icomoon-hfy.eot); src: url(/m/fonts/icomoon-hfy-ie6.eot#iefix) format('embedded-opentype'), url(/m/fonts/icomoon-hfy.ttf) format('truetype'), url(/m/fonts/icomoon-hfy.woff) format('woff'), url(/m/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
.swiper-wrapper{height:390px;}
*/
.mheader{height: 60px;position:relative;top: 0px;width: 100%;z-index: 99;}

.conbg .mheader,.mprice .mheader{background: #202d40;box-shadow:0px 0px 6px #202d40;}
.mheader .logo img {height: 45px;width:auto;margin-top: 10px;}
@media screen and (max-width:400px) {
.mheader .logo img {
height: 40px;
margin-top: 12px;
}
}
@media screen and (max-width:360px) {
.mheader .logo img {
height: 35px;
margin-top:15px;
}
}
.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;
overflow-x: hidden;
}

.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;
    width: 100%;
    bottom: 20px;}
.banner_po p{color: #fff;
    font-size: 1.5em;
    line-height: 30px;
    /* font-weight: 600; */
	text-shadow: 1px 1px 1px #0426c6;}
.po2 p{
    font-size: 2em;
    line-height: 36px;
    font-weight: 600;text-shadow: 1px 1px 1px #0426c6;}
.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: 20px auto 10px;
    color: #fff;}
.swiper-container .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 7px;}
.swiper-container  .swiper-pagination-bullet{border-radius: 0px;width: 20px;
    height: 3px;opacity:0.6;
    background: #fff;}
.swiper-container .swiper-pagination-bullet-active{background: #fff;opacity:1;}
.box {width:80%;margin:0px auto;
}
.title,.box .title {
   margin:30px 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: 281px; margin:0px auto;
}
/* .cp_title1{background: url(/images/picbg_1.jpg);background-size: 100% 100%;} */
.cp_title1{position: relative;background: #394FFD url(/images/picbg.png) repeat-y ; }
 
.cp_title2{background: url(/images/picbg_2.jpg);background-size: 100% 100%;}
.cp_title3{background: url(/images/picbg_3.jpg);background-size: 100% 100%;}
.cp_title4{background: url(/images/picbg_4.jpg);background-size: 100% 100%;}
.cp_title5{background: url(/images/picbg_5.jpg);background-size: 100% 100%;}
.cp_title img {
    float: left;
    width: 60px;
}
.cp_title span {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 50PX; color: #fff;text-align: center;display: block;}
.cp_cont {
    margin: 20px 0px;
}
    .cp_cont li {
        clear: both;
        padding-left:24px;position:relative;line-height:30px;  font-size: 16px; 
    }
    .cp_cont li span {
        line-height: 30px;
        font-size: 1em;    position: relative;
    top: -5px;
       
    }
        .cp_cont li i {
            background: url("../images/list.jpg") no-repeat;
            background-size: 18px;
            width: 18px;
            height: 18px;
            position:absolute; top:2px; left:0px;
        }
.box_button {
    width: 98%;
    margin: 0px auto;
}
 .box_button a{display: block; float: left; width: 44%; height: 50px; line-height: 50px; background: #fff; border-radius: 0px; box-shadow: 0px 0px 2px #8c8c8c; color: #0917EA; text-align: center; font-size: 15px; margin: 10px 3%; font-weight: 600;} 
    /*I*转盘*/
    .border {
        position: relative;
        width: 202px;
        left: 0px;
        right: 0px;
        margin: 10px auto 30px;
        height: 670px;
    }
.juantitle{    text-align: center; margin-top: 30px;font-size:1em;}
.juan_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.butt {
    width: 44px;
    height: 54px;
    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(1) {
    left: -70px;
    top: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.b-line2 {
    position: absolute;
    top: 50%;
    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;
	font-size:12px;    color: #868585;
}
.active .icon {
    color: #fff
}
.center {
    position: absolute;
     width: 202px;height: 440px;top: 0px;left: 0px;    
    z-index: 2;
}

.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: 60px;}
.title-zhc2{position: absolute;display: block;line-height: 0; bottom: 50px;}
.title-zhc2 img{display: none;}

.title-zhc2 .text1 {position:relative; top: 15px;width: 100%;
        text-align: center;
        display: block;
        color: #333;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
    }
.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: 1.3em;
        line-height: 22px;
    }

    .title-zhc .text2 {
        position: absolute;
        top: 55px;
        width: 100%;
        text-align: center;
        display: block;
        color: #fff;
        font-weight: 600;
        font-size: 1.3em;
        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;
    }

.title-zhc .title-zhc2{
	position: relative;
	bottom: 20px;
}
.title-zhc .title-zhc2 .text1{
	position: relative;
	color: #333;
	font-size: 16px;
}
.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) {
.banner_po p{font-size:1.2em;}
.po2 p{ line-height: 30px;}
    .border {
        transform: scale(0.95);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .border .icon {
        margin-top: 22px;
    }
	.butt:nth-child(1) {
        left: -160px;
        top: 10px;
    }
    .butt:nth-child(2) {
        left: -180px;
        top: 75px;
    }

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

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

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

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

    .butt:nth-child(7) {
        right: -160px;
        top: 10px;
    }

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

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

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

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

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

    .butt:nth-child(13) {
        right: -160px;
        top: 400px;
    }
}
.juan_db{position: relative;
    bottom: 40px;}
/*.he_banner .swiper-wrapper{height:520px;}*/
.box_context{padding:0px 20px; line-height:30px;}
.he_banner{overflow: hidden;position: relative; padding:0px;}

.he_banner .swiper-slide {margin-right:2px;border-radius:25px; overflow: hidden;}
.he_banner .slide_box{padding:20px;background:#076bf2; width:100%; border-radius:10px;height:530px;}
.he_banner .slide_box p{font-size:12px; line-height:30px;text-align: left; color:#fff;    margin: 0px auto;width: 80%;}
.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-bottom:30px; padding:0px 10px;}
.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:first-child {
    max-width:90%;
}
.box_list li span:last-child {
	display: none;
    float: right;
}
/*底部*/
.mfooter{background:#202D40; padding:20px 22px; color:#fff;font-size:1em;text-align: center;margin-bottom: 55px;}
.mfooter p{color:#fff; line-height:30px;font-size:1.2em;    margin: 20px auto;}
.mfooter p span.font_d{font-size:1.2em;}
.mfooter a,.footer p a{color:#fff;}
.mfooter p.t_more{font-size:1em;    text-align: center;}
.mfooter a.tel{    font-size:1.2em;margin: 10px 0px;width: 100%; display:block;letter-spacing: 2px;}


.dl_glht{display:block; line-height:50px; margin:20px auto; background:url("/m/images/mbg_6.jpg"); font-size:18px; text-align:center;max-width:320px;}





    /**加载*/
    .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 {
   
    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:120px;
	bottom:0;
	left:0;
	width:100%;
	height:100%; z-index:9;
	background:rgba(128, 206, 251, 0.90);
}
.m-product-menu .product-menu li {
	height:90px;
	line-height:90px;
    font-size:32px;
	border-bottom:1px solid #ccc;
}
.m-product-menu .product-menu li a {
	display:block;
	color:#333;
}

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

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

.msgContent{
    line-height:30px;font-size:24px;
    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";}
.swiper-slide .logo{    position: absolute;left: 10px;top: 10px;width: 160px;}
.ct_logo{position:absolute;top:15%; left:0px;right:0px;margin:auto;}
.ct_logo img{width:70%;height:auto;}
.banner_img{min-height:390px;}

/*2022.4.15新增更改底部*/
.mfooter{margin-bottom: 55px;}
.m-tel-enroll {position: fixed;bottom: 0;left: 0px;z-index: 99999;overflow: hidden; width: 100%;height: 55px;text-align: center;}
.m-tel-enroll .itm-1 {background-color: #e6e6e6;color: #202d40;vertical-align: middle;}
.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-2 {background-color: #202d40;color: #fff;vertical-align: middle;}

.juan_butt a {
    display: block;
    width: 200px;
    height: 40px;
    margin: 10px auto;
    line-height: 40px;
    background: url(/images/picbg_1.jpg);
    color: #fff;
    text-align: center;
    font-size: 18px;
	margin-top: 30px;
	color: #333;
	background: none;
}