/* 手机版 */
.mav-btn{ display:none; position:absolute; right:20px; top:30px; font-size:20px; color:#fff;}
.foot ul li .sns{ display:none;}
.lyzxx1{ z-index:99999; position:fixed; right:0; bottom:50px; }
.lyzxx1 ul{}
.lyzxx1 ul li{ width:40px; text-align:center; height:40px; border:1px #ccc solid; background:#fff;}
.lyzxx1 ul li a{ color:#333; font-size:30px;}
.lyzxx1 ul li a:hover{ color:#444}
.lyzxx1 ul li a i{}
.lyzxx{ z-index:99999; position:fixed; right:0; top:50%; margin-top:-150px; }
.lyzxx .con{ padding:0 0  0 82px; position:relative; width:82px; overflow:hidden; transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; -webkit-transition: all ease 1s; cursor:pointer;  }
.lyzxx span{ width:82px; height:82px; text-align:center; line-height:82px; font-size:16px; color:#fff; background:#333; display:block; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-80px;}
.lyzxx form{ background:#fff; width:200px; padding:25px; border:2px #ccc solid; border-right:none; border-radius:5px;}
.lyzxx form input{ width:158px; margin:0 0 20px 0; border:1px #ddd solid; background:none; outline:none; padding :5px 0 5px 5px; line-height:25px; font-size:14px;}
.lyzxx form textarea{ font-size:14px;padding:5px 0 5px 5px;border:1px #ddd solid; background:none; outline:none; width:158px;margin:0 0 20px 0;}
.lyzxx form input[type="submit"]{ background:#333; color:#fff; width:150px; margin:0 auto; border-radius:8px; border:none;}
.lyzxx .con:hover{ width:288px; overflow:visible; height:auto; }



@media(max-width:767px){
.picScroll-left,.lyzxx,.emails{display:none;}
.mav-btn{ display:block; top:90px;}
.main-left,.main-right{ float:none; width:100%; }

.main-right{ margin:20px 0 0 0;}
	/* top */
	.top-right{width:100%;}
	/*面包屑*/
	.pos .b{width:100%; padding:0 15px;}
	.pos .p{ float:left; line-height:110%; width:100%; margin:15px auto;}
	.pos h1{ font-size:25px; line-height:110%; padding:15px 0;}
	/* header 头部 */
	.logo h1{ display:none;}
	.logo{width:45%; position:absolute; left:15px; top:9px;}
	/* 导航 */
	.nav{ display:none;}
	/** 幻灯片下的几个模块 **/	
	.floor1 .f-right,.floor1 .f-mid,.floor1 .f-left{ float:none; width:100%; padding:0 15px;}
	.col-news .t{width:70%;}
	.col-news .img{width:30%;}
	.col-news .img img{ border:5px #fff solid;}
	 /** category **/	
	.col-cat .h-l, .col-cat .h-r{width:100%;}
	.col-cat .h-m{width:100%; float:none; } 
	.col-cat .h-l, .col-cat .h-r{height:20px;}
	/*首页项目案例*/
	.col-project .h{ float:none; width:100%; min-height:120px; height:auto;}
	.col-project li{ width:50%; }
	.col-project li img{margin:10px;}
	.col-project li .mask{padding:10px;}
	.col-project .p-box{width:100%;}
	/*首页 研究栏目 */
	.floor2 .f-left,.floor2 .f-right{float:none; width:100%;}
	/*内容页 */
	.content-left,.content-right{ float:none; width:100%;}
	.content-left.blocks{ display:none;}
	/*新闻列表页*/
	.post-list .p-left{ width:100%;}
	.post-list .p-right{ width:100%;}
	.post-list .img{padding-right:10px;}
	.post-list .img img{ height:auto; width:auto; margin-right:10px;} 
	/* 下载列表*/
    .download-list li{width:100%;}
	.download-list .b .img{width:30%; padding-right:10px;}
	.download-list .b .t{width:70%;}
	.download-list .b .img img{ height:auto; width:auto;}
	.btn-group-xs>.btn, .btn-xs{font-size:1.2em;}
	/* 产品列表 */
	.glist1 li{width:50%; padding:0 15px;}
	.glist1 .b{width:auto;}
	.glist1 .b img{width:100%; height:auto;}
	.cat h2{ background:none;}
	/*案例列表页*/
	.project-list li{ width:100%;}
	.project-list .b{width:auto;}
	.project-list .b img{ width:auto; height:auto;}
	/* 页码 */
	.main-right .pd20{ padding:20px 0;}
	.page a{ display:none;}
	.page a.a1, .page a.a2{ display:inline-block;}
	.page a, .page span{ margin:0 3px;}
	/* 内容页 */
	.content h1{font-size:20px;}
	.content .desc{ overflow:scroll;}
	.content .desc img{width:100% !important; height:auto !important; display:block;}
	.content .c-left{width:100%;}
	.content .c-right{width:100%}
	/*footer*/
	.footer-box{ width:100%; padding:0 15px;}
.footer-nav{ margin:0 0 60px 0;}
	.footer-nav .f-nav{ float:none;}
	.copyright{ float:none; text-align:center; padding:15px 0; width:100%;}

   .foot{ position:fixed; left:0; bottom:0;width:100%;background:#fff;}
   .foot ul{height:50px;}
   .foot ul li {float:left; width:25%;padding:0 10px;}
   .foot ul li:nth-child(1) a.share{display:block; background:url(../images/share.png) center center no-repeat; background-size:30px 30px; height:50px}
   .foot ul li:nth-child(2) a{display:block; background:url(../images/skype.png) center center no-repeat; background-size:30px 30px;height:50px}
   .foot ul li:nth-child(3) a{display:block; background:url(../images/whatsapp.png) center center no-repeat; background-size:30px 30px;height:50px}
   .foot ul li:nth-child(4) a{display:block; background:url(../images/phone.png) center center no-repeat; background-size:30px 30px;height:50px}
   .foot ul li:first-child{ position:relative; cursor:pointer;}
   .foot ul li .sns{ position:absolute; left:0; top:-55px;background:#fff; padding:15px; display:none; width:300px;} 
   .foot ul li .sns a{ margin:0 15px 0 0; float:left;}
   .foot ul li:first-child:hover .sns{ display:block;}
   .help dl.addr{ display:none;}
   .help dl{ width:50%; }
   .help dl.last{ width:100%; margin:20px 0 0  0;}
}
.banner{ width:100%; overflow:hidden;}
@media(min-width:768px){
    .banner img.img1{ display:block;}
	.banner img.img2{ display:none;}
}
@media(max-width:767px){
	.attr .a{ width:100%;}
	.banner img.img1{ display:none;}
	.banner img.img2{ display:block;}
}
@media(max-width:450px){
  .download-list .b .img{width:100%; padding-right:0; float:none; margin:0 10px 0 0;}
	.download-list .b .t{width:100%;float:none; }
}