@media screen and (max-width:1030px){
.header .head , .nav_m,.f_sq,.i_service ul,.i_newm,.step ul,.i_news,.i_box,.i_casem,.foot,.scd_em,.scd{width:740px; margin:0px auto;}
.p_ctn,.news,.about{ width:485px;}
.apply,.case,.sense,.contact{ width:700px;}
.nav li{ margin:0px;}
.nav li a{ font-size:16px;}
.f_sqm .title{ font-size:30px; padding-top:8%;}
.i_service ul li .tu{ width:100px; height:100px;}
.i_service ul li .tu img{ width:63px; height:63px;}
.i_newm dl dt{width: 48%;
    height: 99px;}
.i_newm dl dt img{     width: 100%;   height: 99px;}
.i_newm dl{ width:360px; height:105px;}
.i_newm dl dd{ width:200px;}
.i_newm dl dd .des{ line-height:145%;}
.i_newm dl dd .title{ height:32px; line-height:32px;}
.step ul li{ width:185px;}
.step ul li.duan{ width:90px;}
.i_nm .tu, .i_nm .tu img{ width:360px; height:235px;}
.i_nm .tu .des p{ width:96%;}
.i_nm .wen{ width:370px;}
.i_nm .wen li .title i{ width:40px;}
.i_nm .wen li .title p{ width:315px;}
.i_nm .wen li .l_m .des_c{ width:315px; margin-left:50px;}
.i_box .a_r,.i_box .a_l{ width:360px;}
.a_lm dl dt{ width:115px;}
.a_lm dl dd{ width:230px;}
.i_casem .line{ left:370px;}
.i_casem ul li .li_m{ width:350px;}
.i_casem ul li .li_m p{ width:335px;}
.i_casem ul li.l_er .li_m i{ left:355px;}
.i_casem ul li .li_m p a{ font-size:14px;}
.i_casem ul li .li_m p a em{ display:inline-block; *display:inline; zoom:1; width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.foot .f_m .f_v,.f_m .share{ width:100%; text-align:center;}
.scd_em .scd_mr{ width:515px;}
.scd .b_h .pst, .scd_em .b_h .pst{ width:100%;}
.case dl dt,.case dl dt img{ width:224px; height:144px;}
.case dl dd{ width:460px;}
.sense dl dt, .sense dl dt img{ width:260px; height:139px;}
.sense dl dd{ width:425px; line-height:195%;}
.news_m ul li .li_m{ width:380px;}
.news_m ul li.hot .time{ height:240px;}
.news_m ul li .li_m dl dd{ width:100%; margin-left:0px;}
}
@media screen and (max-width:770px) {
.header .head , .nav_m,.f_sq,.i_service ul,.i_newm,.step ul,.i_news,.i_box,.i_casem,.foot,.scd_em,.scd{width:480px; margin:0px auto;}
.head .logo,.head .logo img{ width:98%; height:auto; float:none; margin:0px auto; margin-top:10px;}
.head .head_r{ width:100%;}
.head_r .tel{ margin-left:30px;}
.f_sq .f_sqm{ position:static;}
.nav_m .nav{ display:none; position:absolute; background:url(../images/bg_c.html) repeat; top:35px;}
.nav_m .n_icon{ display:block !important;}
.nav_m{ min-height:35px;}
.nav li a,.nav li{ padding:0px; width:100%; display:block; color:#FFF; text-align:left;}
.nav li a,.nav li ul li a{ width:96%; padding:0 2%;}
.nav li ul{ position:static; display:block !important; background:none !important;}
.nav li ul li a{ text-align:left; background:none !important;}
.f_sq .f_sqm{ width:100%; height:auto !important; padding-bottom:25px;}
.f_sqm ul li, .apply li .li_m .btn{ margin-top:20px;}
.i_service ul li{ width:33.33%;height:180px;}
.i_newm dl{ width:100%; margin-right:0px;}
.i_newm dl dd{ width:310px;}
.i_newm dl dd .des{ line-height:175%;}
.step ul li.duan{ display:none;}
.step ul li{ width:32%; margin-left:1%; margin-bottom:25px;}
.i_nm .tu, .i_nm .tu img{ width:480px; height:313px;}
.i_nm .tu{ margin-bottom:20px;}
.i_nm .wen,.i_box .a_r, .i_box .a_l,.scd_em .scd_ml,.scd_em .scd_mr,.case dl dd,.sense dl dd{ width:100%;}
.i_nm .wen li .title p,.i_nm .wen li .l_m .des_c{ width:425px;}
.i_box .a_r{ margin-top:50px;}
.i_casem .line,.i_casem ul li .li_m i{ display:none;}
.i_casem ul li .li_m p{ width:460px;}
.i_casem ul li{ text-align:left;}
.i_casem ul li .li_m p a em{ width:340px;}
.scd_ml ul li a{ width:88%; padding:0 6%; text-align:left;}
.p_ctn, .news, .about,.apply, .case, .sense, .contact{ width:94%;}
.case dl dt, .case dl dt img,.sense dl dt, .sense dl dt img{ width:100%; height:auto;}
.news_m ul li .li_m{ width:360px;}
}
@media screen and (max-width:510px) {
.header .head , .nav_m,.f_sq,.i_service ul,.i_newm,.step ul,.i_news,.i_box,.i_casem,.foot,.scd_em,.scd{width:90%; margin:0px auto;}
.flex-direction-nav a{ display:none;}
.i_newm dl dd{ width:45%;}
.i_nm .tu, .i_nm .tu img{ width:90%; height:auto;}
.i_nm .wen li .title p, .i_nm .wen li .l_m .des_c{ width:268px;}
.a_lm dl dd{ width:203px;}
.i_casem ul li .li_m p{ width:300px;}
.i_casem ul li .li_m p a em{ width:210px;}
.f_m .share a{ margin-left:10px;}
.d_nav{ border:0px;}
.d_nav a{ margin-bottom:10px;}
.scd .b_h{ height:auto;}
.scd .b_h .pst{ position:static; text-align:left; width:90%; height:auto; line-height:150%; padding:15px 5%;box-sizing: border-box;}
.scd .b_h .name, .scd_em .b_h .name{ width:260px;}
.news_m ul li .time{ width:60px;}
.news_m ul li .li_m{ width:225px}
.pages a{ margin:0 3px;}
.contact dl dt{ display:none;}
.contact dl dd{ width:100%;}
}

    *{
      padding: 0;
      margin: 0;
      
    }
    .message03 *{
        box-sizing: border-box;
    }
    ul{
      list-style: none;
    }
    .message03 {
    padding: 50px 0;
    background-color: #f1f4f9;
}
.container {
    width: 1200px;
    margin: 0 auto;
    
}
.title {
    text-align: center;
    margin-bottom: 30px;
}
.title h2 {
    font-size: 28px;
    font-weight: normal;
    height: 75px;
    line-height: 75px;
    margin-bottom: 50px;
    background: url(../images/jst-title-bg.png) center 90% no-repeat;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}
.message03 .hd ul {
    font-size: 0;
    text-align: center;
}
.message03 .hd li {
    display: inline-block;
    zoom: 1;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
.message03 .hd li h3{
    height: 40px;
    line-height: 40px;
}
.message03 .hd li.on a, .major .hd li:hover a {
    background-color: #5268f9;
    color: #fff;
    border-color: #5268f9;
    text-decoration: none !important;
}
.message03 .hd li a {
    font-size: 18px;
    width: 100%;
    border: 1px solid #e1e1e1;
    background-color: #eef2f9;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-left: -1px;
    cursor: pointer;
    color: black;
}
.message03 .bd {
    margin-top: 60px;
}
.clearfix {
    zoom: 1;
}

.message03 .conList li {
    width: 21.6%;
    margin-left: 2.25%;
    margin-right: 0.25%;
    float: left;
    border: 2px solid #e1e1e1;
    padding: 0 40px;
    text-align: center;
    padding-bottom: 20px;
}
.message03 .conList .tit {
    background-color: #5268f9;
    color: #fff;
    width: 135px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.message03 .conList .con {
    margin: 30px 0;
}
.message03 .conList .btn {
    border: 1px solid #5268f9;
    display: block;
    height: 50px;
    line-height: 38px;
    border-radius: 3px;
    font-size: 18px;
    color: #5268f9;
    width: 100%;
}
.message03 .conList .btn:hover{
    background-color: #5268f9;
    color: white;
}
.message03 .conList .con .text {
    font-size: 26px;
    margin-bottom: 30px;
    color: #333;
}
.message03 .conList .con p {
    color: #ff4040;
    font-size: 18px;
}
.message03 .conList .text span:first-child {
    border-bottom: 1px solid #5268f9;
}

.message03 .conList .text span {
    display: block;
    padding: 5px 0;
}
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a {
    text-decoration: none;
}
.price p{
  line-height: 26px;
}

@media screen and (max-width: 768px){
    .message03 .bd {
        margin-top: 10px;
    }
  .container {
    width: 100%;
    margin: 0 auto;
}
.message03 .hd li {
    width: 20%;
    width: 35%;
    padding: 0 10px;
}
.message03 .conList li {
    width: 49.5%;
    margin-left: 0.25%;
    margin-right: 0.25%;
    padding: 0 25px;
    margin-top: 20px;
}
.message03 .conList .tit {
    width: 100%;
}
.message03 .conList .text span {
    display: block;
    padding: 5px 0;
    font-size: 20px;
}
.price p{
  padding: 0 10px;
  line-height: 26px;
}
}
.message03 .container {
    margin-bottom: 30px;
}
.message03 .hd li:hover a{
    text-decoration: none;
}