.menus{display: none}

@media(max-width:960px){
    body{width: 100% !important;min-width: 100% !important;}
    .hrdheader{height:80px; width:96% !important;min-width:96% !important}
    .hrdheadlogo{width: 100%;text-align: center;display: flex;justify-content: space-between}
    .hrdheadlogo{isplay: flex; height: 100%; align-items: center; margin-top:0px;}
    .hrdheadlogo .aimg{ margin-left:10px; width:180px;}
	
    .hrdheadlogo .menus{margin-right: 10px}
    .hrdheadnav{background: #1b1b1b;display: none;}
    .menus{display: block}
    .hrdheadnav ul{margin: 0}
    .hrdheadnav ul li{padding: 5px 0;list-style: none;}
    .c-banner .banner ul li img{
        /*max-width: 100% !important;*/
    }
    .sousuo{width: 100%}
    .about{height: auto}
    .about1{
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 60px;
    }
    .tubiao{width: 100%}
    .tubiaoall{display: none}
    .about21{width: 100%}
    .about211{width: 100%;}
    .about212{width: 100%;height: auto;}
    .aboutjj p span{font-size:1.5rem}
    .about211 video{width: 100%}
    .hrdheadlogo{line-height: 0 !important;}
    .aboutys{height: 100%}
    .aboutys1{width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;}
    .aboutys12, .aboutys11,aboutys12{margin: 10px;width: 43%;}
    .aboutys121 img, .aboutys111 img{width: 100%}
    .aboutys122, .aboutys112{width: 100%}
    .aboutys122 p, .aboutys112 p{padding: 0;margin: 0}
    .pro{width: 100%;}
    .probg{background-size: 100%;width: 100%;background-repeat: no-repeat;height: 60px;}
	
	
    .m_procon {display:block;}
    .procon{display:none;}
.m_procon{ width:96vw; height:auto; margin:auto;overflow:hidden;}
.m_procon ul li{ position:relative; float:left;}
.m_procon .no1{ width:96%; height:61vw; margin-bottom:1vw; background:#535353; }
.m_procon .no2{ width:96%; height:30vw; margin-bottom:1vw; background:#535353; }
.m_procon .no4{ width:96%; height:61vw; margin-bottom:1vw; background:#535353; }
.m_procon .no5{ width:98%; height:30vw; margin-bottom:1vw; background:#535353; }
.m_procon .no3{ width:48%; height:30vw; margin-right:1vw; margin-bottom:1vw; background:#535353; }
.m_procon ul li img{ width:85%; border:0px; transition: .1s transform;  transform: translateZ(0);  }
.m_procon ul li img:hover{ transform: scale(1.1, 1.1);  transition: .3s transform;}
.m_procon ul li a{ text-align:center; font-family:微软雅黑, 黑体, Times, serif;font-size:13px; color:#FFFFFF;  }
	.inprot{ line-height:32px; text-align:center; color:#FFFFFF;position:relative; top:-20px; font-family:微软雅黑, 黑体, Times, serif;font-size:13px;  }
	
	
   
	
	.product .procon ul li img{width: 100%;min-height: 100%;height: 100%;}
    .product{height: 100%}
    .product .pro{height: auto}
    .mendian, .mendianwz, #marquee1{width: 100%;overflow: hidden}
    .jishu, .jishutop, .jishucon{width: 100%}
    .jishutop{background-repeat: no-repeat;background-size: 100%;height: 50px}
    .jiamengtu{background-repeat: no-repeat;background-size: 156%;height: 200px;}
	.zhuanlitu{background-repeat: no-repeat;background-size: 144%;height: 310px;}
	
.zhuanli{ width:95vw; height:auto; margin:auto;overflow:hidden;}
.zhuanli ul li{ position:relative; float:left;width:28vw; height:39vw; margin:5px 6px;}
.zhuanli ul li img{width:28vw; height:39vw; margin:0px 0px; transition:.1s transform;  transform: translateZ(0);}
.zhuanli ul li img:hover{ transform: scale(1.2, 1.2);  transition:.3s transform;}
.zhuanli ul li a{ text-align:center; font-family:微软雅黑, 黑体, Times, serif;font-size:16px; color:#FFFFFF;}
.zhuanlids{display:none;}
	
	
    .jishubg{height: 100%;}
    .inmsge, .inmsg{width: 100%;}
    .inmsgg1{width: 100%;}
    .inmsgg2{width: 100%;}
	
	.mendianzs{ width:100%; height:240px; background:url(../../images/mendianbg.jpg); background-repeat:repeat-x;}
    .mendian{ width:100%; height:240px; margin:0 auto;}
    .mendiantu{ width:100%; height:130px; padding-top:35px;}
	
	#marquee1 {width:100%;height: 125px;overflow: hidden;}
	.nmd2 ul li {float: left; line-height:125px;  height:125px;  padding-left:2px;}
	.nmd2 ul li img { height: 125px; border: 0px;}
	
.oneee{margin:2px 0px;height:110px;width:100%;overflow:hidden;position:relative; }
.oneee ul{height:110px;position:absolute;left:0;} /*ul width的宽不能过小*/
.oneee ul li{display:block;float:left;margin:1px;height:110px;border-radius:5px;position:relative;}
.oneee ul li a{display:inline-block;height:100px;} 
.oneee ul li img{border-radius:5px;display:block;height:100px;}
.oneee ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.oneee ul li a:hover span{height:110px;line-height:110px;font-size:20px;text-align:center;transition:all 0.7s;}

	
	@media (max-width: 960px){ .inmsgg2{width:94%;}}
    .inmsgg{width: 100%;background: #fff;margin-top:0;    height: 100%;}
    .demo-list{width: 96%;margin-top:0;height:74%;background: #151515;}
    .inmsg{ height: 100%;overflow-x: hidden}
    .infooter{width: 100%;    height: 100%;}
    .infoot{height: 100%;}
    .footaa{width: 100%; margin-top:15px; text-align: center;}
	.footaaimg{ margin-top:15px; }
    .footab{width: 100%;height: 100%;}
    .footaba{width: 100%;}
    .footb{height: auto;width: 100%; text-align: center;}
    .foota{height: auto;}
    .footab{display: none}
    .footac{height: auto;display: none}
    /**.jishucon1**/
    .jishucon2, .jishucon1{width: 42%;margin: 10px}
    .jishucon21, .jishucon12, .jishucon22{width: 100%;}
    .jishucon21 img, .jishucon11 img{width: 100%;height: 100%}
    .jishucon11,.jishucon21{height: auto;}
    .jishucon{display: flex;flex-wrap: wrap;justify-content: center;height: auto}
    .jishucon22 p , .jishucon12 p{padding: 0;margin: 0}
    .jishu{height: 100%;}
   .c-banner{display:none;}
   .m-banner{display: block; margin-bottom: -5px; background-color: #1b1b1b;}
   
   .aboutjjcon p {font-size:13px; line-height: 26px;color: #ccc;font-family: 微软雅黑, 黑体, Times, serif;}
}

ul{list-style: none}


.colbanner {background-position:center center;background-repeat:no-repeat;background-size:cover;-ms-behavior:url(css/backgroundsize.min.htc);behavior:url(css/backgroundsize.min.htc);height:300px}
@media (max-width:1024px) {
    .column-banner {height:auto}
    .column-banner:after {content:"";display:block;padding-bottom:25%}
    .colbanner {height:auto}
    .colbanner:after {content:"";display:block;padding-bottom:25%}
}
.crumbs {line-height:20px;font-size:14px;padding:10px 0;background-color:#e5e5e5}
.crumbs a {color:#666}
.crumbs a:hover {color:#009e96}
.crumbs b {font-weight:100;font-family:"宋体"}
.crumbs img {display:block}
.crumbs .pull-left {margin-right:10px;line-height:20px}
.column-menu {
    /*margin-bottom:60px;*/
}
.column-menu li {position:relative;/*float:left;*/display: inline-block;width:10%;padding:10px 0}
.column-menu li a {display:block;padding:10px;border-right:1px solid #dbdbdb;text-align:center;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;line-height:16px;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color:#999;}
.column-menu li:first-child a {border-left:1px solid #dbdbdb}
.column-menu li:after {content:"";width:0;height:3px;background-color:#19254a;left:0;bottom:0;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;
    -moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;position:absolute}
.column-menu li.active a, .column-menu li:hover a {color:#19254a}
.column-menu li.active:after, .column-menu li:hover:after {width:100%}
@media (max-width:767px) {
    .column-menu {/*padding:13px 0*/}
    .column-menu ul{ padding:13px 0}
    .column-menu li {width:32%;padding:1px 0}
    .column-menu li a {border:2px solid #fff;background-color:#f5f5f5;margin-left:-1px;font-size:14px;line-height:14px}
    .column-menu li:first-child a {border-left:2px solid #fff}
    .column-menu li:after {display:none}
    .column-menu li.active a, .column-menu li:hover a {color:#fff;background-color:#009e96}
}
@media (max-width:767px) {
    .hidden-xs {
        display:none !important
    }
}
.foot{font-size:12px;position:relative;z-index:98;background-color:#f8f8f8;padding-top:12px;padding-bottom:12px;color:#999;text-align: center;}