@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%;
   
      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*/
.mheader {
height: 60px;
position:relative;
top: 0px;
width: 100%; 
z-index: 99;
}
.mprocess .swiper-wrapper{height:390px;}
.mprocess .swiper-container99 .swiper-wrapper{height: 100%;}
.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;

}

.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.2em;
    line-height: 30px;
    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: 40px auto 10px;
    color: #fff;}
.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-pagination-bullet-active{background: #fff;opacity:1;}
.box {padding:0px 22px;
}
.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: 260px; margin:0px auto;
}
.cp_title img {
    float: left;
    width: 60px;
}
.cp_title span {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 50PX;
}
.cp_cont {
    margin: 20px 0px;
}
    .cp_cont li {
        clear: both;
        padding-left:24px;position:relative;line-height:30px;
    }
    .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: 35%;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 1px 1px 10px #8c8c8c;
        color: #0066ff;
        text-align: center;
        font-size: 12px;
        margin: 10px 20px;
    }
    /*I*转盘*/
    .border {
        position: relative;
        width: 202px;
        left: 0px;
        right: 0px;
        margin: 10px 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: 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(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;
	font-size:12px;    color: #868585;
}
.active .icon {
    color: #fff
}
.center {
    position: absolute;
    width: 170px;
    height: 300px;
    overflow-y: scroll;
    top: 50px;
    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: 1.5em;
        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.5em;
        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: 40px;}
/**/
.box_context{padding:0px 20px; line-height:30px;}
.he_banner{overflow: hidden;position: relative; padding:0px;}
.he_banner .swiper-wrapper{height:520px;}
.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:last-child {
    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 a,.footer p a{color:#fff;}
.mfooter p.t_more{   text-align: left;}
.mfooter a.tel{    font-size: 1.2em;margin: 10px 0px; display: block;letter-spacing: 2px;width:100%}
@media screen and (max-width:370px) {
	.mfooter p{font-size:12px;}
	.mfooter a.tel{    font-size: 1.2em;margin: 10px 0px;display: block;letter-spacing: 2px;}
}
@media screen and (min-width:720px) {
.mfooter a.tel{    font-size: 12px;margin: 10px 0px;width: 32%; display: inline-block;}
}

.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:800px;}
      .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 {    font-size: 24px;display: block; line-height: 60px;height: 60px; margin-bottom:20px; position:relative;z-index:2;}
	  .num:after{position:absolute;content:"";width:80%;left:10%;height:3px;background:#bbb; bottom:50%;z-index:-1;}
      .cyan-item .num {    text-decoration: line-through;}
     .price2 {font-size:14px; margin-bottom:20px; }
	  .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;}
	  #sms .buy,#sms .price_synopsis .table_title{   background-color: #F90F00;}
	  #cai .buy,#cai .price_synopsis .table_title{   background-color: #FF6A00;}
	  #shi .buy,#shi .price_synopsis .table_title{   background-color: #2600FF;}
	  #shan .buy,#shan .price_synopsis .table_title{   background-color: #FE01EF;}
	  #tong .buy,#tong .price_synopsis .table_title{   background-color: #00A1FF;}
	  #big .buy,#big .price_synopsis .table_title{   background-color: #0bd67e;}
	  #sms .price_synopsis .table_title td,
	  #cai .price_synopsis .table_title td,
	  #shi .price_synopsis .table_title td,
	  #shan .price_synopsis .table_title td,
	  #tong .price_synopsis .table_title td,
	  #big .price_synopsis .table_title td{color: #fff;}
	  #sms .u-btn-blank {border: 1px solid #F90F00;}
	  #cai .u-btn-blank {border: 1px solid #FF6A00;}
	  #shi .u-btn-blank {border: 1px solid #2600FF;}
	  #shan .u-btn-blank {border: 1px solid #FE01EF;}
	  #tong  .u-btn-blank {border: 1px solid #00A1FF;}
	  #big .u-btn-blank {border: 1px solid #0bd67e;}
	  .swiper-mprice .sms.active{border-bottom: 4px solid #F90F00;}
	  .swiper-mprice .cai.active{border-bottom: 4px solid #FF6A00;}
	  .swiper-mprice .shi.active{border-bottom: 4px solid #2600FF;}
	  .swiper-mprice .shan.active{border-bottom: 4px solid #FE01EF;}
	  .swiper-mprice .tong.active{border-bottom: 4px solid #00A1FF;}
	  .swiper-mprice .big.active{border-bottom: 4px solid #0bd67e;}
	  .price_synopsis .table_title
	  
      .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;height:60px;line-height:60px;font-size:36px;font-weight:600;}	
.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; */
	top:40%;
	bottom:0;
	left:0;
	width:100%;
	/* height:100%; */
	height:60%; 
	z-index:9;
	background:rgba(128, 206, 251, 0.90);
}
.m-product-menu .product-menu li {
	height:90px;
	line-height:90px;
    /* font-size:32px; */
	font-size:24px;
	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:24%; left:0px;right:0px;margin:auto;}
.ct_logo img{width:70%;height:auto;}
.banner_img{min-height:390px;}
.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:#3204ff;
    vertical-align: middle;
}
.m-tel-enroll .itm-2 {
    background-color: #3204ff;
    color: #fff;
    vertical-align: middle;
}