@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 1080px){
    .puzzled .puzzled_box .puzzled_box_pic{
        max-width: 260px;
    }
    .header_bottom_nav dl dd a{
        margin-left: 3%;
    }
    .header_bottom_nav dl dt a{
        margin-right:3%;
    }
    .news .news_con .pic{
        margin-left: -60px;
    }
    .footer .fl ul li:not(:last-child) {
    margin-right: 15%;
    }
    .actGotop{
        right: 0!important;
    }

}

@media only screen and (max-width: 1200px) {
    .trust_service{
        margin-top: -120px;
    }
}

@media screen and (max-width: 320px) {
    .xlr_grow .con .fr{
        width: 55%!important;
    }
}

@media only screen and (max-width: 767px) {
/*手机样式*/
.current_position{
    width: 98%;
}
.cl-effect-3 a::after{
    display: none;
}
.cl-effect-3 .on{
    background: none;
}
    body{
        background-color: #f7f7f7;
    }

    .actGotop{
        display: none!important;
    }
    /*头部*/
    .am-container{
        max-width: 767px;
        min-width: 320px;
    }
    .m_phone_top{
        display: block;
    }
    .header,.header_bottom_box,.header_logo{
        display: none;
    }

    .m_phone_top{
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        position: relative;
    }
    .m_phone_top .m_logo{
        float: left;
    }
    .m_phone_top .m_top_but{
        float: right;
        padding-top: 8px;
    }
    .header_bottom_nav dl dt, .header_bottom_nav dl dd{
        border-top: 0;
    }
    .header_bottom{
        height: auto;
        overflow: hidden;
        background-color: #fff;
    }
    .header_bottom_nav{
        margin-top: 5px;
        height: 130px;
        display: none;
    }
    .header_bottom_nav dl dt,.header_bottom_nav dl dd{
        width: 100%;
        height: 30px;
        line-height: 30px;
    }
    .header_bottom_nav dl dt a, .header_bottom_nav dl dd a{
        text-align: center;
        width: 50%;
        margin-right: 0;
        margin-left: 0;
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
    }
    .header_bottom_nav dl dd{
        margin-top: 30px;
    }


    /*banner*/
    .banner {
         margin: 0 0 0;
    }
    .sliderBox{
        height: 200px;
    }
    .sliderBox ul li img{
        height: 200px;
    }
    .sliderBox ol{

    }
    .sliderBox ol li{
      width: 30px;
    }
    .floor .title{
        padding:20px 20px;
    }
    .floor .title img{
        max-width: 250px;
    }
    .floor{
        overflow: hidden;
        padding-bottom: 20px;
    }

    #ulone{
        margin-top: 20px;
    }
    .puzzled .puzzled_box{
        height: auto;
        background-color: #fff;
        border-radius: 5px;
        padding:20px 10px;
    }

    .puzzled .puzzled_box ul li,.puzzled .puzzled_box .puzzled_box_pic{
        position: static;
    }
    .puzzled .puzzled_box ul li h4{
        text-align: center;
        font-weight: bold;
    }
    .puzzled .puzzled_box ul li{
        margin-top: 10px;
        width: 100%;
    }
    .puzzled .puzzled_box ul li p{
        font-size: 0.8rem;
        text-align: center;
        line-height: 22px;
        text-indent: 2em;
    }

    /*服务*/
    .sever{
        background-color: #f7f7f7;
    }
    .sever .sever-grids ul li {
        height: auto;
        width: 25%;
        margin:0;
        background-color: transparent;
    }
    .sever .sever-grids ul li dl dt{
        background-image: url("../images/m/serve_icon.png");
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        margin: 0 auto 0px;
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
    }
    .sever .sever-grids ul li:nth-child(1) dl dt{
        background-color: #4aceff;
        background-position: 8px 10px!important;
    }
    .sever .sever-grids ul li:nth-child(2) dl dt{
        background-color: #f25252;
        background-position: -142px 10px!important;
    }
    .sever .sever-grids ul li:nth-child(3) dl dt{
        background-color: #fbc669;
        background-position: -286px 10px!important;
    }
    .sever .sever-grids ul li:nth-child(4) dl dt{
        background-color: #c5de4f;
        background-position: -435px 10px!important;
    }
    .sever .sever-grids ul li:last-child{
        display: none;
    }
    .sever .sever-grids ul li dl dd a.next .icon-wrap{
        display: none;
    }
    .sever .sever-grids ul li .hover{
        display: none!important;
    }
    .sever .sever-grids ul li dl dd p{
        color: #333;
        font-size: 12px;
    }
    .sever .sever-grids ul li dl{
        padding:0 0;
    }
    .sever .sever-grids ul li dl dd a::before{
        display: none;
    }
    .sever .am-container{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .m_more{
        display: block;
        width: 90%;
        margin:0 auto;
        background-color: #f49436;
        color: #fff;
        border-radius: 5px;
        text-align: center;
        padding:15px 0;
    }
    .sever-grids{
        background-color: #fff;
        padding: 15px 5px 0;
        border-radius: 8px;
        margin-right: 1rem;
        margin-left: 1rem;
        overflow: hidden;
    }
    .sever .sever-grids ul li dl dd a {
        margin: 0 2px;
    }

    /*案例*/
    .case .case_box_menu,.case_list_active{
        display: none;
    }
    .case_box_con{
        width: 100%;
    }
    .case_list .case_list_item img,.case_box_con-grids,.case_box_con{
        height: 140px;
    }
    .case_box_con .case_list{
        height: 150px;
    }
    .case_list_item ol{
        position: absolute;
        bottom:15px;
        right: 15px;
    }
    .case_list_item ol li {
        width: 15px;
        height: 15px;
        background-color: rgba(59,66,128,0.5);
        border-radius: 100%;
        float: left;
        margin-left: 10px;
    }

    /*优势*/
    .advantage_list ul li{
        padding:0 0;
        width: 50%;
        margin-bottom: 2em;
    }
    .advantage_list ul li:last-child{
        display: none;
    }
    .advantage_list ul li dl dt{
        width: 70px;
        height: 70px;
        background:#bfbfbf url("../images/m/advantage_icon.png") 0 0 no-repeat;
        margin:0 auto;
    }
    .advantage_list ul li:first-child dl dt{
        background-position:10px 16px!important;
    }
    .advantage_list ul li:nth-child(2) dl dt{
        background-position:-118px 16px!important;
    }
    .advantage_list ul li:nth-child(3) dl dt{
        background-position:-242px 16px!important;
    }
    .advantage_list ul li:nth-child(4) dl dt{
        background-position:-365px 16px!important;
    }
    .advantage_list ul li:nth-child(5) dl dt{
        background-position:-492px 16px!important;
    }
    .advantage_list ul li dl dd{
        padding:0 0.8rem;
    }
    .advantage_list ul li dl dd::before{
        right: 1%;
    }
    .advantage_list ul li:nth-child(2) dl dd::before,.advantage_list ul li:nth-child(4) dl dd::before{
       visibility: hidden;
    }

    .partners{
        height: auto;
        background: url("../images/m/advantage_banner.png") no-repeat center;
        margin-bottom: -1.2em;
    }
    .partners .txt{
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.5);
        overflow: hidden;
        padding:15px 15px 0px 15px;
        line-height: 26px;
        font-weight: bold;
        font-size: 1em;
    }
    .partners .txt span{
        font-weight: normal;
    }
    .partners .am-container{
        padding-left: 0;
        padding-right: 0;
    }

    /*新闻*/
    .news_con-grids{
        background-color: #fff;
        overflow: hidden;
        padding:30px 15px 0;
    }
    .news .news_con .pic{
        margin-left: 0;
    }
    .news .news_con .pic,.news .news_con .txt{
        float: none;
        position: static;
        width: 100%;
    }
    .news .news_con .pic img{
        width: auto;
        margin:0 auto;
    }
    .news .news_con .txt{
        padding:10px;
        height: auto;
    }
    .news .news_con .txt h3{
        font-size: 1rem;
        margin-bottom: 10px;
    }
    .news .news_con .txt p{
        font-size: 0.8em;
    }
    .news_con_list ul li{
        width: 100%;
        margin-left: 0;
        background-color: #fff;
        border-radius: 5px;
        padding:24px 15px;
        margin-top: 20px;
    }
    .news_con_list ul li .data{
        position: static;
        float: left;
        width: 30%;
        padding:46px 10px;
        background-color: #ff9555;
        text-align: center;
    }
    .news_con_list ul li a:hover .data {
        background-color: #ff9555;
    }
    .news_con_list ul li a:hover .text{

    }
    .news_con_list ul li .data h2{
        margin-top: -1em;
    }
    .news_con_list ul li .data p {
        margin-top: 0.5rem;
    }
    .news_con_list ul li .text{
        float: right;
        width: 70%;
        padding:0 5px;
    }
    .news_con_list ul li .text h3{
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        height: auto;
    }

    /*我们的承诺~footer*/
    .floor{
        border-bottom: 0;
        background-color: #f7f7f7;
    }
    .commitment,.project,.footer{
        display: none;
    }

    /*版权*/
    .copyright{
        background-color: #f7f7f7;
        padding:10px 0;
    }
    .copyright p{
        font-size: 1em;
        color: #808080;
    }
    .copyright p:last-child{
        display: none;
    }

    /*m_footer*/
    .m_footer{
        display: block;
        overflow: hidden;
        width: 100%;
        background-color: #22272e;
        padding:20px 0;
    }
    .m_footer ul li a{
        display: block;
        float: left;
        width: 25%;
        text-align: center;
        color: #fff;
        font-size: 1.0em;
    }

    /*返回顶部*/
    .m_top,.m_tel{
        background-color: rgba(255,255,255,.5);
        box-shadow: 0 0 3px rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 100%;
        position: fixed;
        right: 1rem;
        background-position: center center;
        display: none;
    }
    .m_top{
        bottom:180px;
        background-image: url("../images/m/top.png");
    }
    .m_tel{
        bottom:100px;
        background-image: url("../images/m/tel.png");
    }

    /*400 tel*/
    .more_product_con .nav ul li{
        width: 30%;
        margin-right: 3.33%;
        margin-bottom: 10px;
    }
    .more_product_con .nav ul li a{
        width: 100%;
    }
    .more_product_con .more_product_grids{
        padding:0 0;
        margin-top: 0;
        line-height: 25px;
    }
    .am-container h3{
        font-size: 0.8em;
    }
    .phone_400_pic{
        margin:10px auto 0;
    }

    /*关于我们*/
    .about_us{
        height:auto;
        padding:15px;
        margin: -10px 0 40px 0;
    }
    .xlr_grow .line{
        margin:0 0 0 70px;
    }
    .xlr_grow .con {
        margin: 25px 0 0 0;
    }
    .xlr_grow .con .fr{
        width: 60%;
    }
    .xlr_grow .con .fr .txt{
        width:100%;
        margin: 10px 0 0 1.5em;
        padding: 10px 10px;
        float: right;
        height: auto;
        overflow: hidden;
    }
    .xlr_grow .con .fr .txt_list{
        margin-top: 0;
    }

    .xlr_grow .con .year_2013,.xlr_grow .con .year_2015{
        left: 80px;
    }
    .xlr_grow .con .fr .txt p {
        font-size: 12px;
        line-height: 20px;
    }
    .xlr_grow .con span{
        font-size: 14px;
    }
    .xlr_grow .con .curr{
        font-size: 14px;
    }
    .xlr_grow .con .fr .txt img{
        display: none;
    }
    .xlr_grow .con .fl p{
        width: 100px;
    }

    .IPMT .con ul li{
        width: 100%;
        height: 170px;
        overflow: auto;
        margin-bottom: 10px;
    }

    .IPMT .con ul li dl dd{
        padding-top: 0;
    }
    .IPMT .con ul li dl dd p{
        margin-top: 0;
    }
    .IPMT .con ul li dl dd h2{
        font-size: 1.4em;
    }
    .IPMT .con ul li dl dd h5{
        font-size: 14px;
    }
    .IPMT .con .con_bottom dl {
        width: 32.3%;
        height: 190px;
    }
    .IPMT .con .con_bottom dl dt{
        height: 120px;
    }
    .IPMT .con .con_bottom dl dd h5{
        line-height: 16px;
    }
    .IPMT .con .con_bottom dl dd{
        margin-top: 18px;
    }

    /*员工风采*/
    .mien{
        display: none;
    }

    .about_bot ul li{
        width: 50%;
        margin-bottom: 10px;
    }
    .about_bot ul li dl dd p{
        font-size: 12px;
        line-height: 16px;
    }
    .about_bot ul li dl dd h3 {
        line-height: 25px;
        font-size: 1.2em;
    }
    .about_bot {
        margin: 0px 0;
    }

    .marketing{
        margin-top: 20px;
    }
    .banner img{
        height: auto;
        min-height: 100px;
    }
    .marketing .title h2 span {
        font-size: 1em;
        line-height: 20px;
    }
    .marketing .title p {
        margin-top: 5px;
        font-size: 0.8em;
        color: #808080;
        line-height: 18px;
    }
    .building_one .fl,.building_one .fr{
        width: 100%;
    }
    .building_one ul li {
        font-size: 1em;
        color: #333;
        line-height: 24px;
    }
    .home_media_con{
        margin-top: 0;
    }
    .home_media_con_list{
        height: auto;
    }
    .home_media_con_list .number{
        float: right;
        width: 100px;
        margin-top: 35px;
    }
    .home_media_con_list .media{
        margin: 25px 5px;
        font-size: 1em;
    }
    .building_one .fl{
        margin-top: 10px;
    }
    .two_con_list ul li {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 10px;
    }
    .two_con_list ul li a .text{
        opacity:1 ;
        filter: alpha(opacity=100);
    }
    .two_con_list ul li .bg{
        opacity:0.3 ;
    }
    .two_con_list ul li img,.two_con_list ul li,.two_con_list ul li .bg{
        height: 120px;
    }
    .two_con_list ul li a .text {
        width: 70%;
        margin: -90px auto 0;
    }
    .three_con .fl,.three_con .fr{
        width: 100%;
    }
    .three_con .fr h2{
        font-size: 1em;
        line-height: 20px;
    }
    .two_con{
        margin-top: 20px;
    }
    .TWO .more{
        margin-bottom: 0;
    }

    /*案例*/
    .case_banner{
        height: auto;
    }
    .case_box .fl,.case_box .fr{
        width: 100%;
    }
    .two_con_list ul li a .text h3{
        font-size: 1em;
    }
    .case_box .fr {
        padding: 0px 0;
    }
    .case_box .fr ul{
        margin-top: 0;
    }
    .page_con ol li {
        padding: 5px 10px;
        margin-right: 3px;
    }
    .case_box {
        margin-bottom: 0px;
    }

    #allmap {
        width: 100%;
        height: 350px;
        margin: -7px auto 0;
    }

    .map,.xlr_dituList{
        display: none;
    }


    /*企业邮箱*/
    .xjlmyc21{
        min-width: 320px!important;
        max-width: 100%!important;
        padding: 0!important;
    }
    .xjlmyc-left,.xjlmyc-right{
        width: 100%!important;
    }
    .xjlmyc31 {
        min-width: 320px!important;
        max-width: 100%!important;
        padding-left: 0!important;
        padding-right: 0!important;
        _width: 100%!important;
        _padding-left: 0px!important;
        _padding-right: 0px!important;
    }
    .xjlmyc3-xxk a{
        width: 100%!important;
        padding:0 10px!important;
    }
    .xjlmyc3{
        margin-top: -85px!important;
    }
    .xjlmyc213 li{
        float: none!important;
        height: 280px!important;
    }
    .xjlmyc213 ul{
        width: 100%!important;
    }
    .xjlmyc213 .span-01 {
        font-size: 0.2em!important;
        line-height: 20px;
    }
    .pl1,.pl2 {
        padding-left: 2%!important;
    }
    .xjlmyc213-wys .d-02,.xjlmyc213 .p-03,.xjlmyc213 .p-04 {
        text-align: center!important;
    }
    .xjlmyc213 .p-05 {
        padding: 0px 0 0!important;
    }
    .xjlmyc-right-title {
        padding: 20px 0 0 0!important;
    }
    .xjlmyc213 .p-01 {
        margin: 20px 0 8px !important;
    }
    .xjlmyc-right {
        height: 230px !important;
        border-left: 0!important;
        padding: 0 0 19em 5%!important;
    }
    .xjlmyc41-cpysc li{
        width: 100%!important;
    }
    .xjlmyc41-cpysc li .p-02.pb {
        padding-bottom: 5px!important;
    }
    .xjlmyc41 {
        padding: 15px 10px!important;
        margin: 0 auto 20px!important;
    }
    .xjlmyc41-cpysc {
        margin-top: 10px!important;
    }
    .xjlmyc41-cpysc li .p-02 {
        padding: 0px 0 10px 42px!important;
    }

    .xjlmyc41-yyzctc2 .left,.xjlmyc41-yyzctc2 .right{
        width: 100%!important;
        float: none!important;
    }
    .xjlmyc41-yyzctc2 .left .p-02 {
        padding: 0px 0 0 0px!important;
    }
    .xjlmyc41-yyzctc2 .line{
        display: none;
    }
    .xjlmyc41-yyzctc2 .left .p-01{
        padding-left: 0!important;
        padding-top: 190px!important;
    }
    .xjlmyc41-yyzctc2 {
        padding: 15px 0 0!important;
    }
    .xjlmyc41-yyzctc2 .left .p-01{
        font-size: 1.2em!important;
    }
    .xjlmyc41-yyzctc2 .right .p-01{
        padding-left: 20px!important;
        margin-left: 0!important;
    }
    .xjlmyc41-yyzctc2 .right .p-01 {
        font-size: 14px!important;
        line-height: 30px !important;
    }
    .chi-table,.xjlmyc41-khaltz{
        display: none!important;
    }
    .xjlmyc3-xxk li:last-child{
        display: none!important;
    }
    .xjlmyc41-khalt {
        margin: 0 0!important;
    }

    /*微信公众平台*/
    .more_product_con .nav ul li{
        font-size: 12px;
    }
    .more_product_con .more_product_grids .fl, .more_product_con .more_product_grids .fr{
        width: 100%;
        padding:10px 10px;
    }
    .more_product_con .more_product_grids .fl {
        margin-top: 0;
    }
    .mailbox_grids .fl p {
        font-size: 1em;
    }
    .home_media_con .fl,.home_media_con .fr{
        width: 100%;
    }
    .home_media_con .fl{
        margin-top: 10px;
    }
    .two_con .fl{
        margin-top: 0;
    }
    .THREE_con ul li dl dd{
        padding-top: 0;
    }
    .THREE_con ul li dl dd h2{
        font-size: 1.2em;
    }
    .THREE_con ul li dl dd p {
        font-size: 1em;
        line-height: 20px;
    }
    .THREE_con ul li dl dt{
        width: 40%;
    }
    .THREE_con ul li dl dd{
        width: 60%;
    }
    .THREE_con ul li:nth-child(3) dl dt{
        margin-left: 0!important;
    }

    .Four_con .fl{
        width: 100%;
    }
    .Four_con .fl .lunbo {
        height: 353px;
        margin: 113px auto 0;
    }
    .Four{
        margin-top: 2em;
    }
    .Four_con .describe {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .Four_con .describe ul li{
        margin-bottom: 0;
    }
    .Four_con .describe ul li h4 span {
        font-size: 0.8em;
    }
    .Four_con .page_con ul li a {
        padding: 5px 5px;
        margin-right: 3px;
        font-size: 12px;
    }
    #back_TOP{
        right: -5em!important;
    }
    #back_TOP img{
        width: 60px;
        display: none;
    }

    .news_banner{
        height: auto;
    }
    .news_list .fl, .news_list .fr{
        width: 100%;
    }
    .news_list .fl{
        padding:0 0;
    }
    .news_list ul li .pic,.news_list ul li .txt{
        width: 50%;
    }
    .news_list ul li a {
        padding: 0 10px;
    }
    .news_list ul li .txt .title h3 {
        font-size: 0.8em;
        width: 100%;
        line-height: 18px;
    }
    .news_list ul li .txt .title h5{
        width: 100%;
        font-size: 0.8em;
    }
    .news_list ul li .txt{
        padding-left: 10px;
    }
    .news_list ul li .txt .title{
        margin-top: 0;
    }
    .news_list ul {
        padding: 16px 0 0;
    }
    .news_list .fr .new_product_grads h3 {
        padding: 0 0 0 0;
        font-size: 1.2em;
    }
    .new_product_item dl dd{
        padding-left: 5px;
    }
    .new_product_grads,.news_list{
        margin-bottom: 0;
    }

    .new_product_item dl dt{
        width: 40%;
    }
    .new_product_item dl dd{
        width: 58%;
        padding-top: 1em;
    }

    .news_list .news_page .title h3{
        font-size: 1.2em;
    }
    .news_page{
        padding:10px!important;
    }

    /*专题页面*/
    .special_header{
        display: block;
    }
    .header_top_fr{
        display: none;
    }
    .fold {
        height: auto;
        padding: 10px 0;
    }
    .Bidding .fr{
        margin-top: 1em;
        width: 68%;
    }
    .diseases .fl {
        margin-top: 10px;
        width: 68%;
    }
    .diseases .fl p {
        margin-bottom: 20px;
    }
    .positoin_img img{
        max-width: 80px;
        display: none;
    }
    .issue .positoin_img {
        left: 0%;
    }
    .issue .text {
        margin: 3px auto 0;
    }
    .case{
        display: none;
    }
    .data .fl p {
        font-size: 1em;
        line-height: 28px;
    }
    .data .fl p b {
        font-size: 1em;
    }
    .data .fl,.data .fr{
        width: 100%;
    }
    .data .fl{
        margin-top: 0;
    }

    .contact .fl, .contact .fr,.contact .news dl dt, .contact .news dl dd{
        width: 100%;
    }
    .contact .news_con_list ul li {
        padding: 8px 15px;
    }
    .contact .news_con_list ul li .text{
        background: none;
    }
    .contact .news_con_list ul li .text h3,.contact .news_con_list ul li .text p{
        color: #333;
    }
    .contact .news_con_list ul li{
        margin-top: 0;
    }
    .contact .fr{
        padding-left: 0;
    }
    .form ul li input[type="text"],.form ul li input, .form ul li textarea{
        width: 75%;
    }
    .form ul li label{
        width: 25%;
    }
    .form ul li input[type="submit"]{
        margin-left: 0;
        width: 75%;
        margin-left: 25%;
    }

    .turst_one .turst_one_pic{
        margin-top: 10px;
    }
    .trust_two_con .fl,.trust_two_con .fr{
        width: 100%;
    }
    .trust_two_con .fr{
        margin-top: 12px;
    }
    .trust_two_con .fr dl dd{
        width: 50%;
    }
   .trust_two_con .fr dl dt{
         width: 50%;
    }
    .trust_two_con .fr dl dt p {
        font-size: 1.2em;
        line-height: 36px;
    }
    .trust_two_con .fr dl dd .line {
        margin: 0 0 0 0;
    }
    .trust_two_con .fr dl dd .line span {
        margin: 0 auto 10px;
    }
    .trust_two_con .fr dl dd h5{
        font-size: 1.6em;
    }

    .trust_Three_con .fl,.trust_Three_con .fr{
        width: 100%;
        margin-left:0;
    }
    .trust_Three_con .common dl dt{
        line-height: 60px;
    }
    .trust_Three_con .common dl dd p {
        font-size: 0.8rem;
    }
    .trust_Three_con .common dl dd{
        height: 80px;
    }
    .trust_Three_con .common dl dd p{
        padding-top: 10px!important;
    }

    .false_box{
        display: block!important;
    }

    /*外加样式*/
    .Three_l .THREE_con ul li dl dt{
        margin-top: 40px;
    }

}