@media screen and (max-width: 1024px) {
    .rm-layout-expanded .rm-nav>ul>li>a {
        padding: 0 20px;
    }
    .index_advantage dd b {
        font-size: 25px;
    }
    .index-about dd h2 {
        font-size: 25px;
    }
    .index-about dd h2 span {
        font-size: 18px;
    }
    .index-about dd .in-anout-con p {

        line-height: 22px;
    }
    .index_question dl:last-child{
        display: none;
    }

    .index-link-bg {
        padding: 20px 0;
    }
    .footer {
        padding: 15px 0;
    }
    .logo h1 {
        font-size: 25px;
    }
    .tell span {
        font-size: 20px;
    }
}

@media screen and (max-width: 860px) {
    .bx_wrap a.prev, .bx_wrap a.next{
        display: none;
    }
	.w_show{ display:block;}
    .rm-layout-expanded .rm-nav>ul>li>a {
        padding: 0 14px;
    }
    .index_advantage dd b {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .index_advantage dd p {
        line-height: 22px;
    }
    .index_advantage dd strong{
        font-size: 20px;
    }
    .index_advantage dd strong span{
        padding: 5px 25px 0 14px;
    }
    .index-case-tit h2 em {
        font-size: 26px;
        float: left;
        padding-right: 20px;
    }
    .index-case dt{
        margin-bottom: 10px;
    }
    .index-case dd p {
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        padding: 0;
        margin: 6px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .con dl dd p{
        height: 66px;
        overflow: hidden;
    }
    .index-link h2 {
        font-size: 22px;
    }
    .index-link a{
        font-size: 13px;
    }
    .in-input {
        width: 120px;
    }
    .bx_container{
        width: 100%;
    }

    .left_sidebar li{
        text-indent: 10px;
    }
    .sidebar h3{
        padding-left: 10px;
    }
    .call p{
        padding:0 5px;
    }
	.w_ftext{ color:#fff; text-align:center; padding:10px;}
}

@media screen and (max-width: 768px) {
    .in-search,.w300,.head_top,.p_show,.rm-nav li span,.position{
        display: none;
    }
    .rm-container p,.rm-nav li a{
        display: block;
    }
	.mt40{ margin-top:10px;}
    .w900{
        width: 100%;
    }
    .rm-nav ul li ul li{
        text-indent: 20px;
    }
    .rm-nav ul li a{
        border-bottom: 1px solid #98284c;
		border-top: 1px solid #ce4f78;
		color:#fff;
    }
    .rm-nav ul li ul li a:hover{
        color: #fff;
    }
    .index_advantage h2{
        background-size:70% ;
        height: 125px;
    }
    .cons{
        margin: 0;
    }
    .footer-nav li span {
        padding: 0 9px;
    }
    .index_question dl dd{
        line-height: 22px;
        height: 66px;
        overflow: hidden;
    }
    .list-main{
        margin-top: 15px;
    }
	.nav-bg{ background:#c73564;}
	.logo{ text-align:center;}
	.logo a img {
    float: none;
    padding-right: 15px;
    width: auto;
    max-width: 40%;
    display: block;
}
.iproduct_list{ margin-top:0;}
.iproduct dt {
    float: none;
    width: 100%;
}
.iproduct dt ul { text-align:center;}
.iproduct dt ul li {
	display:inline-block;  
    width: 45%;
	text-align:left;
	margin:0 2%
}
.accordion .link {
    padding: 2px 0 0 6px;
}
.index_tit span {
	display:none;
}
.indexproduct_list dl p {
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}
.indexproduct_list{ text-align:center;}
.indexproduct_list dl {
	display:inline-block;  
    margin: 1%;
    width: 46%;
    text-align: center;
}
.iabout {
    width: 96%;
    background: none;
    float: none;
	margin:0 auto;	
	
}
.iabout img{
    width: 100%; 
}
.intit_about {
    background: url(../images/iabou_t.png) no-repeat left;
    padding-left: 40px;
    width: auto;
	margin:0 auto;
}
.inews {
    width: 96%;
    border-left: 0;
    border-right: 0;
    margin: 10px auto;
    float: none;
    padding: 0;
}
.inews dl dt h2 {
    font-size: 14px;
    line-height: 20px;
}
.inews ul li span {display:none;}
.inews ul li {
   overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}
.ivid {
    width: 96%;
	margin:0 auto;
    float: none;
    padding-top: 20px;
}
.ivid ul li {
    width: 31%;
    margin: 1%;
    float: left;
}
.inservice {
    display: block;
    position: relative;
    height: auto;
}
.inservice img {
    position: relative;
    z-index: 9;
	width:100%;
}

.ban_ad {
    position: relative;
    z-index: 99;
    top: auto;
    width: 100%;
    text-align: center;
	margin:10px auto;
}
.ban_ad dl {
    height: auto;
    background: #FFF;
    margin: 6px 0;
    -webkit-box-shadow: 2px 0px 8px 0px #ccc;
    -moz-box-shadow: 2px 0px 8px 0px #ccc;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.dl_w {
    width: 100%;
}
.index_tit em{ float:right; font-size:14px; font-weight:normal;}


/*产品详情*/

.bot_line {
    border-bottom: 1px solid #ccc;
    height: auto;
	line-height:36px;
    display: block;
}


.marZhanshi .marProlist2{
    height: 83px;
    overflow: hidden;
    font-size: 0;
}


.marZhanshi .marChBot2{
    padding:30px 0 0 20px; 
    position: relative;
    overflow: hidden;
    width: 100%;
}


.marZhanshi .marProPrve {
    position: absolute;
    left: 5px;
    top: 65%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #892423;
    border-top: 0;
    border-right: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    cursor: pointer;
}

.marZhanshi .marProNext {
    position: absolute;
    right: 10px;
    top: 65%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #892423;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    cursor: pointer;
}
.marZhanshi .marProNext.disabled {
    border: 2px solid #9d9d9d;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-bottom-style: solid;
        border-left-style: solid;
        border-bottom-color: rgb(157, 157, 157);
        border-left-color: rgb(157, 157, 157);
    border-bottom: 0;
    border-left: 0;
}

.marZhanshi .marChild {
    padding: 0;
    margin-bottom: 34px;
}
.marZhanshi .marChildLeft {
    float: none;
    width: 100%;;
}

.marZhanshi .marChildRight {
    float: none;
    width: calc(100% - 0px);
}
.share_po{text-align:left; margin-top:20px;}
.marDetails {
    padding: 0;
    background-color: #fff;
}

.cases dt {
    float: left;
    width: 30%;
    margin-right: 1%;
}

.cases dd {
    width: 68%;
    float: right;
    font-size: 16px;
}
.cases dd em a {
    color: #383838;
    display: inline;
}
.cases dd em {
	width:100%;
    font-size: 16px;
    display: block;
    overflow: hidden; white-space: nowrap;text-overflow: ellipsis;

}

.vid_detail {
    text-align: center;
    padding-bottom: 50px;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.vid_detail h2 {
    margin: 20px 0 30px 0;
    font-size: 18px;
    font-weight: 700;
}
.vid_list{ text-align:center;}
.vid_list dl {
    float: none;
	display:inline-block;
    margin: 1%;
    width: 45%;
    text-align: center;
}

.vid_list dl dt span {
    position: absolute;
    top: 23%;
    left: 31%;
    z-index: 999;
}
.vid_list dl dt span img{ width:60%;}

.vid_list dl dt h2{
overflow: hidden; white-space: nowrap;text-overflow: ellipsis;
}
.piece li {
    width: 100%;
    float: left;
    line-height: 35px;
    font-size: 1.2rem;
}

.case_list dl {
    float: none;
    margin: 8px 0;
    width: 100%;
    background: #f2f2f2;
}
.tz-gallery {
    padding: 0;
	text-align:center;
}
.tz-gallery li {
    float: left;
    width: 45%;
    margin: 2%;1%;	
}
.main img{ max-width:100%;}

.message {
    width: 96%;
    margin: 0 auto;
}


}
@media screen and (max-width: 640px) {
	.container{padding:0 10px;}
    .index-case dd a,.index-case-tit h2 i,.footer-nav,.tell,.in-key-bg,.nnew ul.none,.index-link-bg,.position_a,.p_show{
        display: none;
    }
    .head-logo{
        text-align: center;
        padding: 10px 0;
    }
    .head-logo .logo{
        float: none;
    }
	 .head-logo .logo img{ width:80%;}
   
    .footer{
        line-height: 20px;
        text-align: left;
        padding: 5px;
    }
.insolv dl:first-child {
    margin-left: 3%;
}
.insolv dl {
    width: 45%;
    float: left;
    margin-left: 3%;
    text-align: center;
}

.insolv dl dt img{	
    width: 100%;
	display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    position: relative;
    padding: 0;
    margin: 0;
    opacity: 1;
	}
.insolv dl dt:hover img{
    transform:scale(1.1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
}
.iabout dl dt {
    float: none;
    width: 100%;
}
.iabout dl dd {
    float: none;
    width: 100%;
	margin-top:20px;
}
.fu_bg {
    background: none;
    padding-top: 0;
}
.intitle h2 {
    font-size: 20px;
    font-weight: 700;
    color: #215c92;
}
.insolv dl dt {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index_tit h2 {
    font-weight: 700;
    font-size: 20px;
}
.iabout dl {
    margin-top: 10px;
}

.iabout_b dl {
    width: 45%;
    float: left;
    border: 0px solid #ccc;
    margin-left: 2.3%;
    text-align: center;
}

.iabout_b dl img {
    border: 0px solid #ccc;
    padding: 0;
	width:100%;
}
.iproduct dd {
    float: none;
    width: 100%;
}
.iproduct_list dl {
    float: left;
    margin: 2%;
    width: 45%;
    border: 1px solid #d4d4d4;
    text-align: center;
}
.icase_list dl:first-child{ margin-left:2.3%;}
.icase_list dl:nth-child(5){margin-left:2.3%;}
.icase_list dl {
    float: left;
    margin: 0 0 20px 2%;
    margin-left: 2%;
    width: 45%;
    border: 1px solid #d4d4d4;
    text-align: center;
}
.inews_box {
    border: 0px solid #d4d4d4;
    margin: 0;
    padding: 0;
}
.inews_l {
    width: 100%;
    float: none;
    margin-left: auto;
}

}


@media screen and (max-width: 480px) {
    .menu2,.index-case-tit h2 i span,.index_advantage dd strong,.index_advantage dd p a,.q_top,.news dt span{
        display: none;
    }
    .news dt a{
        width: 100%;
    }
    .index-case-tit h2 i{
        display: block;
    }
    .tab ul.menu li,.index_question h3,.index_question dl dt a{
        font-size: 15px;
    }
    .index_question dl dd{
        font-size: 13px;
    }
    .new_all{
        margin:18px 0 0;
    }
    .index-about dd h2 {
        font-size: 20px;
    }
    .index-case-tit,.index-case{
        width: 100%;
    }
    .index-case-tit  p{
        margin-top: 0;
    }
    .indext-product-bg{
        padding-bottom: 0;
    }
    .index-case{
        margin-top: 15px;
    }
    .in-about-more{
        margin-top: 10px;
    }
    .index_advantage h2{
        margin-bottom: 0;
        height: 100px;
    }
    .in-about-more a{
        margin: 0 10px;
    }
    .index_advantage dl dt img{
        margin-top: 25px;
    }
    .logo h1 {
        font-size: 22px;
    }
    .product li{
        width: 48%;
    }
    .cases dl {
        padding: 18px 0;
    }
    .cases dd p {
        padding: 0;
        line-height: 18px;
        overflow: hidden;
        height: 36px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 3px 0;
		color:#999;
		font-size:14px;
    }
    .machine li{
         width: 47%;
     }
}

@media screen and (max-width: 380px) {
    .index_advantage dl dt img{
        margin-top: 40px;
    }
}