@media screen and (max-width: 1119px) {
    #in-news li a{
        padding: 17px 15px 16px;
    }
    #in-news li b{
        font-size: 1.6rem;
    }
    #in-news li p{
        width: 80%;
    }
    .index-tit h2{
        background-position:center -437px ;
    }
    .in-yss-bg dd h3, .index-tit h2{
        font-size: 3rem;
    }
    #in-product{
        margin-top: 25px;
    }
    .in-yss-bg dl.ys-01 dd, .in-yss-bg dl.ys-04 dd {
        margin: 50px 0 0;
    }
    .in-yss-bg dd p{
        line-height: 23px;
    }
    .in-yss-bg dl.ys-02 dd {
        margin: 20px 0 0;
    }
    #product-com li{
        width: 222px;
    }
    #product-com li img{
        width: 222px;
        height:184px;
    }
    .bx_wrap a.prev, .bx_wrap a.next{
        top: 110px;
    }
    #product-com li p{
        margin-top: 3px;
    }
    #in-news li.ons,#in-news li{
        min-height: auto;
    }
    .scroll_vertical .box{
        height: 580px;
    }
}
@media screen and (max-width: 960px) {
    body{
        font-size: 13px;
        font-size: 1.3rem;
		line-height:36px;
    }
    .index-tit p.in-ms{
        width: 100%;
    }
    #in-news,.zx,.groom{
        display: none;
    }
    .in-about{
        width: 100%;
        float: none;
    }
    .bx_wrap a.prev, .bx_wrap a.next{
        display: none;
    }
    #rm-nav li a,.in-case li p{
        font-size: 1.4rem;
    }
    .in-witness li p{
        font-size: 1.2rem;
        padding: 0 10px 10px;
    }
    #rm-nav li{
        line-height: 35px;
    }
    .nav-bg{
        height: 35px;
    }
    .index-tit h2 {
        font-size: 2.5rem;
    }
    .in-yss-bg dd h3{
        font-size: 2rem;
    }
    .index-tit h2 {
        background-position: center -443px;
    }
    .in-yss-bg dl.ys-01 dd,.in-yss-bg dl.ys-02 dd,.in-yss-bg dl.ys-03 dd{
        margin: 0;
    }
    .in-yss-bg dl.ys-04 dd{
        margin-top: 20px;
    }
    .in-yss-bg dd h3{
        height: 35px;
        line-height: 35px;
    }
    .in-yss-bg dd h3 span{
        padding-right: 0;
        background: none;
        text-indent: 10px;
        width: 30px;
        height: 35px;
    }
    .in-case li p{
        line-height: 35px;
    }
    .mar-top{
        margin-top: 20px;
    }
    .in-yss-bg dd p{
        padding-left: 30px;
    }
    .cases-list dd  p,.solve-list dd p{
        line-height: 20px;
    }
    .cases-list dl,.solve-list dl{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 860px) {
    .footer ul,.footer ul.in-contact img,.v_close,.p_show,#left,#right,#footNav,#sidebar{
        display: none;
    }
	.w_show{display:block;}
    .footer ul.in-contact{
        display: block;
        width: 100%;
        padding: 0;
        border-left: 0;
    }
    .footer ul.in-contact li{
        line-height: 22px;
    }
    .logo a p{
        font-size: 1.8rem;
    }	
	#ndexbody {
    display: inherit;
    float: none;
    width: 100%;
}


TABLE {
    BORDER-RIGHT: #dcdcdc 0px solid;
    BORDER-TOP: #dcdcdc 0px solid;
    BORDER-LEFT: #dcdcdc 0px solid;
    WIDTH: 320px;
    BORDER-BOTTOM: #dcdcdc 0px solid;
    BORDER-COLLAPSE: collapse;
}


TABLE TD {
    BORDER-RIGHT: #dcdcdc 1px solid;
    PADDING-RIGHT: 0;
    BORDER-TOP: #dcdcdc 0px solid;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0.2em;
    BORDER-LEFT: #dcdcdc 0px solid;
    LINE-HEIGHT: 19px;
    PADDING-TOP: 0.2em;
    BORDER-BOTTOM: #dcdcdc 1px solid;
}


.w_banner{ width:100%; }
.w_banner img{ width:100%;}
#container {
    MARGIN: 0px auto;
    width: 100%;
}
#center {
    DISPLAY: inline;
    FLOAT: left;
    MARGIN-LEFT: 0;
    WIDTH: 100%;
}


#content {
    DISPLAY: inline;
    FLOAT: none;
    WIDTH: 96%;
	margin:0 auto;    	
}
#content img{ max-width:98%;}


#profile {
    BORDER-RIGHT: #c1dde8 0 solid;
    BORDER-TOP: #c1dde8 0 solid;
    BORDER-LEFT: #c1dde8 0 solid;
    BORDER-BOTTOM: #c1dde8 0 solid;
}

#function {
    BORDER-RIGHT: #c1dde8 0 solid;
    PADDING-RIGHT: 0;
    BORDER-TOP: #c1dde8 0 solid;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #c1dde8 0 solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #c1dde8 0 solid;
}

#function .function {padding:0;}
#function img{ max-width:98%; margin-bottom:10px;}
.pagination {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 30px;
    PADDING-TOP: 30px;
    HEIGHT: 22px;
	display:block;
}

.tablebg{border:none;  background-image: none; background-position:bottom; background-repeat:no-repeat; padding-top:20px;}
.tdw1{border:none; height:25px; width:200px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tdw2{border:none; width:0; height:25px; display:none;}

#pndexbody {
    display: inherit;
    float: center;
    text-align: left;
    width: 100%;
    margin: auto;
}
.w_logo{ background:#1374DB;}
.w_logo img{ width:100%;}


.productlist li {  
   width: 45%;
   float:left;
   list-style:none;
   margin:1%;
   text-align:center;
  

}
.productlist a {
	DISPLAY: block; MARGIN: 0px auto; WIDTH: 100%;
}

.productlist li img{ width:100%;}
.newsList li {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.newsList li SPAN { display:none;}
#function .title{ margin-bottom:10px;}
}

@media screen and (max-width: 768px) {
    .tell,.head-top ul,.wrap-l{
        display: none;
    }
    .logo{
        width: 100%;
        margin-right: 0;
    }
    .wrap-r,.piece li{
        width: 100%;
    }
    .piece li{
        line-height: 25px;
    }
    .piece li{
        width: 98%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
    }
    .head-c{
        margin: 16px auto;
    }
    .in-case-bg{
        padding: 25px 0;
    }
    .index-tit h2{
        font-size: 2rem;
        background-position: center -453px;
    }
    .in-case li,.in-witness li{
        margin: 15px 0 0 2%
    }
    .in-case li:first-child,.in-witness li:first-child{
        margin: 15px 0 0;
    }
    .in-ys-bg{
        padding: 16px 0;
    }
    .details-main-h h3{
        font-size: 1.8rem;
    }
    .v_con01{
        width:512px;
        height:300px;
        margin-left: -256px;
    }
}
@media screen and (max-width: 640px) {
    .search,.head-top,.flex-control-nav{
        display: none;
    }
    .in-product-bg{
        padding-top:18px;
        padding-bottom: 18px;
    }
    .index-tit p.in-ms{
        width: 100%;
    }
    #in-product ul.tabs li a{
        padding: 0 7px;
        font-size: 1.2rem;
    }
    #in-product{
        margin-top: 18px;
    }
    .in-yss-bg dd p{
        font-size: 1.2rem;
        padding-left: 0;
        line-height: 20px;
    }
    .in-yss-bg dd h3{
        font-size: 1.6rem;
        height: 30px;
        line-height: 30px;
        margin-bottom: 6px;
    }
    .index-tit p.in-ms{
        margin: 8px auto 0;
    }
    .in-case-bg{
        padding: 16px 0;
    }
    .in-witness li p{
        padding: 0 6px 10px;
    }
    .in-about dd em{
        font-size: 1.6rem;
    }
    .in-about dd{
        padding: 10px ;
        line-height: 20px;
        font-size: 1.2rem;
    }
    .in-search{
        margin: 5px auto;
    }
    .main-bg{
        padding: 15px 0 ;
    }
    .det-main-bg{
        margin-top: 10px;
        padding: 10px;
    }
    .cases-list dd  p,.solve-list dd p{
        height: 60px;
        overflow: hidden;
    }
    .cases-list dd span,.solve-list span{
        margin-top: 8px;
    }
    .cases-list dd span a{
        padding: 5px 10px;
    }
    .details-main-h h3{
        font-size: 1.6rem;
        padding-bottom: 10px;
    }
    .info{
        margin: 6px 0;
    }
    .details-main{
        margin: 18px 0;
    }
    .v_con01{
        width:430px;
        height:300px;
        margin-left: -215px;
    }
    .product-list-bg{
        padding: 5px;
    }
}
@media screen and (max-width:480px) {
    body{
        font-size: 1.2rem;
        font-size: 12px;
    }
    .cases-list dd span,.solve-list dd span,.tj-product{
        display: none;
    }
    /*.cases-list dd  p{*/
        /*height: 40px;*/
        /*overflow: hidden;*/
    /*}*/
    .logo a img{
        width: 26%;
    }
    .logo a p{
        font-size: 1.5rem;
        padding-top: 5px;
        margin-left: 5px;
    }
    .logo a span,.hot{
        font-size: 1.2rem;
    }
    .hot{
        width: 98%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
        line-height: 20px;
    }
    #in-product ul.tabs{
        display: none;
    }
    #product-com li{
        width:160px;
    }
    #product-com li img{
        width: 160px;
        height:133px;
    }
    .index-tit p.in-ms,#product-com li p,.footer li{
        font-size: 1.2rem;
    }
    .index-tit h2{
        font-size: 1.7rem;
        background-position: center -458px;
    }
    .in-yss-bg dl{
        padding-top: 20px;
    }
    .in-yss-bg dd,.in-yss-bg dt{
        width: 100%;
    }
    .in-yss-bg dl.ys-01 dd, .in-yss-bg dl.ys-02 dd, .in-yss-bg dl.ys-03 dd, .in-yss-bg dl.ys-04 dd{
        margin-top: 15px;
    }
    /*.in-yss-bg dd{*/
        /*width: 58%;*/
    /*}*/
    /*.in-yss-bg dt{*/
        /*width: 39%;*/
    /*}*/
    /*.in-yss-bg dl.ys-01 dt{*/
        /*padding-top: 15px;*/
    /*}*/
    /*.in-yss-bg dl.ys-02 dt,.in-yss-bg dl.ys-03 dt,.in-yss-bg dl.ys-04 dt{*/
         /*padding-top: 32px;*/
     /*}*/

    /*.in-yss-bg dl.ys-04 dd{*/
        /*margin-top: 0;*/
    /*}*/
    .in-yss-bg dd h3{
        font-size: 1.5rem;
        line-height: 25px;
        height: 25px;
    }
    .in-yss-bg dd h3 span{
        text-indent: 0;
    }
    .in-yss-bg{
        padding-bottom: 25px;
    }
    .copyright {
        padding: 6px 10px;
        text-align: left;
        margin-top: 10px;
        font-size: 1.2rem;
    }
    .footer li.foot-n{
        font-size: 1.3rem;
    }
    .mar-top{
        margin: 10px 0 10px;
    }
    .head-c {
        margin: 13px auto;
    }
    .in-witness li p{
        line-height: 18px;
        height: 36px;
        overflow: hidden;padding-bottom: 0;
        margin-bottom: 10px;
    }
    .det-main-bg,.details-main{
        line-height: 22px;
    }
    .cases-list dd em a,.solve-list dd em a{
        line-height: 20px;
    }
    .cases-list dd  p,.solve-list dd p{
        line-height: 18px;
        height: 36px;
    }
    .cases-list dl,.solve-list dl{
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .page li{
        margin: 2px ;
    }
    #news-list li{
        padding: 8px 15px 8px 30px;
        background-position:  10px -532px;
    }
    .cases-list dd em a, .solve-list dd em a{
        font-size: 1.4rem;
    }
    .v_con01{
        width:300px;
        height:200px;
        margin-left: -150px;
    }
    .video li,.product-list li{
        width: 47%;
        margin: 6px 1.5% 8px;
    }
    .video li .play_img p{
        margin-top: 0;
    }


}
@media screen and (max-width:380px) {
    .logo a img{
        padding-right: 7px;
    }
    .logo a span {
        font-size: 1.2rem;
    }
    .logo a p {
        font-size: 1.4rem;
        padding-top: 0;
    }
    .logo a img {
        width: 25%;
    }
    .in-product-bg{
        padding-top: 13px;
        padding-bottom: 13px;
    }
}