@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

.navbar-toggle{padding:6px;color:#fff; padding-top: 17px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
/*.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}*/
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}
.top{height: 100px;}
.top1{text-align: center;}
.top1 span{padding-right: 0;width: 100%;font-size: 10px;}
.top2{width: 100%;height: 70px;line-height: 70px;position: relative;background: #fff;}
.top2 .logo{width: 150px;height: 60px; position: absolute;top: 0px;left:20px;}
.top2 .logo img{width: 100%;height: 100%;}	
.top2 .menu{width: 100%;float: right;display: none;margin-top: 8px;}

.top2 .menu_show{ display: block;}
.top2 .menu{width: 100%;float: right;background: rgba(1,95,160,.8);}
.top2 .menu .top_ul{width: 100%;}
.top2 .menu .top_ul li{width: 100%;display: block;float: none;line-height:70px;height: 70px; position: relative;border-bottom: 1px solid #e5e5e5;}
.top2 .menu .top_ul li:hover{background: #fff;}
.top2 .menu .top_ul li a{width: 100%;line-height: 70px;height: 70px; padding: 0 20px;font-size: 14px;color: #fff;}
.top2 .menu .top_ul li:hover a{color: #015fa0;transition: all 1s;}	
	
/*=========banner==========*/
.banner_top{padding-top: 100px;}		
	
/*=========solution==========*/
.solution{width: 100%;}
.title{padding: 30px 0;}
.title:before{width: 95%;top:47%;left: 10px;}
.title .t1{ line-height: 20px;height: 20px;}
.title .t2{width: 280px;height: 40px;line-height: 40px;}
.title .t3{font-size: 12px; margin-top: 10px;}

.so_ul{width: 100%;}
.so_ul li{padding: 0 15px;height: auto;border: 0px;}
.so_ul li a .so_font{width: 100%;height: 250px;margin-top: 10px; float: none;padding:20px 50px;border: 1px solid #ddd;  }
.so_ul li a .so_font .so_case{top: 10%;}
.so_ul li a:hover .so_font .so_case{top:10%;}
.so_ul li a .so_font .so_case h2{font-size: 20px;}
.so_ul li a .so_font .so_cont{margin-top: 30px;}
.so_ul li a .so_font .so_bot{bottom: 12%;left: 45%;}
.so_ul li a:hover .so_font .so_bot{left: 45%;}

.so_ul li:nth-child(2n) a .so_font{float: none;}
.so_ul li:nth-child(2n) a .so_font .so_case{top: 30%;}
.so_ul li:nth-child(2n) a:hover .so_font .so_case{top: 20%;}
.so_ul li:nth-child(2n) a .so_font .so_bot{bottom: 75%;left: 45%;}
.so_ul li a .so_img{height: auto;width: 100%; float: none;margin-top: 10px;}
.so_ul li a .so_img img{width: 100%; transform: scale(1);}

.so_bt{width: 100%;background: url(../images/so331.png) center top no-repeat;height: 165px;margin-top: 35px;padding: 30px 0;text-align: center;position: relative;}
.so_bt .bt2{background: url(../images/so32.png);position: absolute;top: 0px;width: 100%; height: 100%;z-index:-1;
	animation: move 500s infinite linear alternate;}
@keyframes move{ 100%{background-position: 500% 0;}}
.so_bt .bt1 h2{font-size: 34px;height: 40px;line-height: 30px;padding-right: 20px;margin-top: 20px;}
.so_bt .bt1 p{font-size: 18px;height: 40px;line-height: 30px;}

/*=========product==========*/
.multipleColumn .bd{height:220px;padding: 0 15px;margin-right: 15px; }
.multipleColumn .bd ul{height:220px;}
.multipleColumn .bd ul li{width: 50%;height:110px;}
.multipleColumn .bd ul li .pic a .pic1 img{width: 30px;height: 30px;top:10%;}
.multipleColumn .bd ul li .pic a:hover .pic1 img{top:10%;}
.multipleColumn .bd ul li .pic a .pic1 h2{font-size: 16px;}
.multipleColumn .hd .prev{left: 35%;}
.multipleColumn .hd .next{right: 35%;}
	
.multipleColumn .hd ul{ width: 40px;padding-left: 7px; }
	
.button{margin: 30px auto; width: 120px;}
	
/*=========why==========*/
 
.w_top{padding: 30px  0 30px;}
.w_top h2{font-size: 20px;height: 40px;line-height: 40px;}
.w_top p{font-size: 12px;margin: 0px 0 30px;}
.w_top a.wt{padding: 10px 10px;}
.why_ul{margin-top: 30px;padding: 10px 16px 0 15px;}
.why_ul li{width: 100%;float: none;margin-bottom: 30px; padding: 25px 15px;}
.why_ul li:nth-child(2n){float: none;}
.why_ul .hr{display: none;}
.why_ul li .deg2{width: 45px;height: 22px;background: #fff;position: absolute;top: -5px;right: -15px;transform: rotate(45deg);}
/*=========exam case==========*/
.exam{padding: 0 10px 80px 10px; }

/* 多个左滚动 - 公用类  */
.leftLoop2{width: 100%;height: 380px; overflow:hidden;} 
.leftLoop2 .bd2{padding: 0 0px 0 0px;padding-right: 0%;}
.leftLoop2 .bd2 .picList li .e_img{width: 100%;height: 380px;padding-right: 0px;}
.leftLoop2 .bd2 .picList li .e_font{width: 100%; top:50%; right: 0px;}
.leftLoop2 .hd .next{top:45%; right: 0px;z-index: 3;} 
.leftLoop2 .hd .prev{top:45%; left: 0px;z-index: 3;}	
	
	
/*.leftLoop2{width: 100%;height: 380px; overflow:hidden;} 
.leftLoop2 .bd2{padding: 0 0px 0 0px;padding-right: 0%;}
.leftLoop2 .bd2 .picList li .e_img{width: 100%;height: 380px;padding-right: 10px;}
.leftLoop2 .bd2 .picList li .e_font{width: 100%; top:45%; right: 0px;}
.leftLoop2 .hd .next{top: 65%; right: 0px;z-index: 3;} 
.leftLoop2 .hd .prev{top: 65%; left: 0px;z-index: 3;}*/		
	
/*=========news==========*/

.news{width: 100%;}

.n_cont .n_img{float: none;margin: auto;}
.n_cont .ul_n{width: 100%; float: none;padding: 0 15px;margin-top: 15px;}
.n_cont .ul_n li{width: 100%;float: none;border: 1px solid #e5e5e5;}
	
/*=========company==========*/
.company{height: auto;}
.lb{padding: 0 15px;}
#bbb {height:150px;}
.co_ul li {width:205px;height:150px;}

.link{height: 120px; margin-top: 30px;padding: 10px 15px;}
.link .le{width: 20%;padding-left: 0px;}
.link .ri{width: 80%;line-height: 20px;height: 100px;padding-right:0px;}
.link .ri span{padding-right: 15px;}
.com_tact{width: 100%;background: rgba(214,214,214,0);}
.com_tact{width: 100%;background: rgba(214,214,214,0);}
.com_bg{width: 100%;max-width: 1200px;margin: 0 auto;padding: 30px 15px;background: rgba(214,214,214,0.68);}

.com_bg li.com_le{width: 100%;float: none;margin-top: 10px;}
.com_bg li.com_mi{width: 100%;float: none;margin-top: 10px;}
.com_bg li.com_ri{width: 100%;float: none;padding: 0 0px;margin-top: 10px;}
.com_bg li .img_f{display: none;}
.com_bg li .need{width: 250px;float: none;margin-bottom: 10px;}
.com_bg li textarea{width:290px;}
.com_bg li .bon button{width: 80px;height: 30px;}

/*=======bottom=====*/
.bottom{ padding: 10px;}
.bottom .bom_ul{display: none;}
.bottom .bom_f{width: 100%;font-size: 12px;color: #fff;text-align: center;margin-top: 0px; height: 60px;line-height: 30px;overflow: hidden;padding: 0 10px;}
	
	
/*===================================公共内页导航================*/

.content_hd{height: auto;padding: 0 10px;}
.content_hd .tent_ul{height:auto;}
.content_hd .tent_ul li{height: 60px;line-height: 60px; margin-right: 6px;}
.content_hd .tent_ul li a{font-size: 12px;}
	
/*===================================公共面包屑================*/

.bread{padding: 0 15px;}

/*===================================pages================*/

.pages a,.pages span { display:inline-block; width:auto; height:30px; line-height:30px; padding:0px 8px; margin:0px 1px;}

/*===================================推荐商品================*/	
	
.groom{width: 100%;height: auto; float: right;margin-top: 30px;}

/*===================================下方滚动================*/

.vlp{margin-top: 30px;}
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative;  } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:50px; height:50px;cursor:pointer;position: absolute;top: 38%;z-index: 1;}
.leftLoop .hd .prev{background:url("../images/left2.jpg") no-repeat;left: 0;z-index: 3;} 
.leftLoop .hd .next{ background:url("../images/right2.jpg") no-repeat;right: 0; z-index: 3; } 
.leftLoop .bd1{ padding: 0px;padding-left: 0px; height: auto;overflow: hidden;} 
.leftLoop .bd1 ul{ overflow:hidden; zoom:1;} 
.leftLoop .bd1 ul li{ margin:0 0px; text-align:center; float:left;display:_inline;}

	
/*==================================================================================关于我们页=======*/
 
.about{padding: 30px 10px 10px;}
.about .about_f{width: 100%;padding: 0px 0 30px 0;margin-bottom: 0px;}
.about_f .about_tit{width: 96%; padding-bottom: 20px;}
.about_f .about_tit:before{content:'';width: 0%;}
.about_f .about_tit h2{width: 270px;}
.about_f .about_tit p{color: #666;margin-top:15px;}
	.about_f .about_tit .abc{margin-bottom: 20px;background: #000;}
.about .about_img{width: 100%;float: none;padding: 0;}
.about_img .img_a{width: 100%;margin-top: 20px;padding: 0 10px 0 5px;} 
 .img_a li{width: 100%;height: auto;overflow: hidden;position: relative;margin-bottom: 20px;}
 .img_a li a .box1{width: 100%;overflow: hidden;}
 .img_a li a .box1 img{width: 100%;transition:  all .5s;}
 .img_a li a:hover .box1 img{transform: scale(1);transition:  all .5s;}
 .img_a li a .box2{width: 100%;height: 45px;position: absolute;bottom: 0px; background:rgba(0,0,0,.7);transition:  all .5s;}
 .img_a li a .box2 p{font-size: 16px;color: #fff;line-height: 45px;height: 45px;overflow: hidden; text-align: center;}
 .img_a li a:hover .box2{width: 100%;height: 100%;position: absolute;bottom: 00px;background:rgba(0,0,0,.7); transition:  all .5s;padding: 20px;}
 .img_a li a:hover .box2 p{transition:  all .5s;height: 200px;line-height: 150px; }
 .img_a li a .none{display: none}
	
/*==================================================================================联系我们页=======*/

.contact{padding: 30px 10px;}
.contact .cont_way{width: 100%;padding: 0 10px;}


/*==================================================================================news_list=======*/
	
.news_list{padding: 30px 10px;}
.nsl_ul li{width: 100%;float: none;padding: 5px;}
.nsl_ul li:hover{width: 100%;float: none;padding-left: 0px;padding-right: 0px;padding: 5px;}
.nsl_ul li:nth-child(2n){margin-left: 0%;}
.nsl_ul li a .nsl_img{width: 100%;height: auto;float: none;}
.nsl_ul li a:hover .nsl_img {box-shadow: 0 0 10px rgba(94,94,94,.5);transition:  all .5s;}
.nsl_ul li a .nsl_img img{width: 100%;transition:  all .5s;}
.nsl_ul li:hover a .nsl_img img{transform: scale(1);transition:  all .5s;}
.nsl_ul li a .nsl_font{width: 100%;float: none;padding: 15px 0px;}
.nsl_ul li a .nsl_font .nsl_t{width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #105a9e; font-weight: 600;}
.nsl_ul li a .nsl_font .nsl_c,.nsl_ul li a .nsl_font .nsl_d{width: 100%;line-height: 20px;overflow: hidden;color: #666;margin-top: 5px;}
.nsl_ul li a .nsl_font .nsl_c{height: 40px;}
.nsl_ul li a .nsl_font .nsl_d{height: 20px;}


/*==================================================================================news_det=======*/

.news_det{padding: 30px 10px;}
.news_det .det_tit span{padding: 0 15px;}
.news_det .det_f{ padding: 30px 0 15px;}
.news_det .dat_a .left_a,.news_det .dat_a .right_a{width: 330px;padding: 0px 5px;margin:5px auto;}
.news_det .dat_a .left_a{float: none;}
.news_det .dat_a .right_a{float: none;}
	
/*==================================================================================景观照明系统======*/

.view{padding: 30px 10px;}
.view .view_ul{/*border: medium solid #F90105;*/}
.view .view_ul li{width: 100%;padding: 0 0px;margin-bottom: 30px;}
.view .view_ul li .top_v{width: 100%;height: 100%;}
.view .view_ul li .bom_v{width: 100%;height: 120px;}

/*==================================================================================景观照明系统 det======*/

.view_cont{width: 100%;}
.view_cont .vt{font-size:18px;}
.view_cont .vc{margin-top: 30px;padding: 30px 0 15px;}
.view_cont .vc .vc_img img{width: 100%;}
.view_cont .vc .vc_f{width:100%;height: auto; margin-top: 10px;}
.view_cont .vc .vc_f h2{font-size: 18px;margin-bottom: 20px;}
.view_cont .vp .vp_ul{height: 40px;}
.view_cont .vp .vp_ul li{padding: 0 30px;height: 40px;line-height: 40px;}
.view_cont .vp .vp_ul li a{font-size: 16px;}
.view_cont .vp .vp_c{width: 100%; margin-top: 20px;}

/*==================================================================================解决方案======*/

.solve{padding: 30px 10px;}
.solve .solve_ul{width: 100%;float: left;}
.solve .solve_ul li{width: 100%;padding: 20px 0;padding-left: 0px;}
.solve .solve_ul li a .sol_img{width: 100%;height: 190px; }
.solve .solve_ul li a .sol_font{width:100%;float: left; padding-left: 0px;margin-top: 10px;}

	
/*==================================================================================服务支持=======*/

.service{padding: 30px 10px;}
.service .sve{padding: 0px 0 20px;}
.service .sve .sve_f{padding-left: 25px;}
.service .sve .sve_c{width: 100%;padding: 10px;margin-top: 20px;}

/*==================================================================================工程案例页=======*/

.case{padding: 30px 10px 30px;}
.case_ul li{width: 100%; margin: 10px 0;}
.case_ul li .cl,.case_ul li .cr{width: 100%;}
.case_ul li:nth-child(2n) .cl,.case_ul li:nth-child(2n) .cr{width: 100%;float: none;overflow: hidden;}
.case_ul li .cl img{width: 100%;height: auto; transform: scale(1);}
.case_ul li .cr {padding: 0 0px 0px;height: 300px; position: relative;}
.case_ul li .cr:before{content:'';width: 0;height: 0;background: rgba(1,90,158,.3);position: absolute;top:0px;right: 0px;transition: all .5s;z-index: -1;}
.case_ul li .cr:after{content:'';width: 0;height: 0;background: rgba(1,90,158,.3);position: absolute;bottom:0px;left: 0px;transition: all .5s;z-index: -2;}
.case_ul li:hover .cr:before,.case_ul li:hover .cr:after{width: 100%;height: 100%; transition: all .5s;}
.case_ul li .cr h2{width: auto; font-size: 20px;color: #666;height: 75px;line-height: 75px;overflow: hidden;border-bottom:1px solid #015a9e;position: relative;}
.case_ul li:hover .cr h2{color: #fff;}
.case_ul li .cr .cr_f{height: 140px;line-height: 20px;margin-top: 20px;color: 999;overflow: hidden;margin-bottom: 25px;}
.case_ul li:hover .cr .cr_f{color: #fff;}
.case_ul li .cr .ca{padding: 5px 10px; border: 1px solid #015a9e;color: #015a9e;}
.case_ul li:hover .cr .ca{background: #015a9e;color: #fff;}
	
	
/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */



@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {


.navbar-toggle{padding:6px;color:#fff; padding-top: 10px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}

	
.top{width: 100%;height: 130px;}
.top1{width: 100%;height: 30px;line-height: 30px;text-align: right;background: #666;}
.top1 span{font-size: 12px;color: #fff;padding-right: 20px;}
.top1 span a{color: #fff;}
.top1 span a:hover{color: #015fa0;}

.top2{width: 100%;height: 100px;line-height: 100px;position: relative;}
.top2 .logo{width: 180px;height: 100%; position: absolute;top: 0px;left: 0px;}
.top2 .logo img{width: 100%;}	
.top2 .menu{width: 100%;float: right;}

.top2 .menu_show{ display: block;}
.top2 .menu .top_ul{width: 100%;}
.top2 .menu .top_ul li{width: auto;display: block;float: right;line-height:100px;height: 100px; position: relative;overflow: hidden;text-align: center;}
.top2 .menu .top_ul li:before{content: '';width: 100%;height: 00%;position: absolute;left: 0; top:50%;background: #015fa0;z-index: -1;
transition: all .5s;}
.top2 .menu .top_ul li:after{content: '';width: 100%;height:00%;position: absolute;right: 0; bottom:50%;background: #015fa0;z-index: -1;transition: all .5s;}
.top2 .menu .top_ul li:hover:before,.top2 .menu .top_ul li:hover:after{height: 100%;transition: all 1s;}
.top2 .menu .top_ul li a{width: 100%;line-height: 100px;height: 100px; padding: 0 10px;font-size: 14px;}
.top2 .menu .top_ul li:hover a{color: #fff;transition: all 1s;}

/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

	
.navbar-toggle{padding:6px;color:#fff; padding-top: 10px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}	
/*=========导航==========*/	
.top2 .logo{width: 150px;height: 100%; position: absolute;top: 0px;left: 0px;}
.top2 .menu{width: 100%;display: none;float: right;}
.top2 .menu_show{ display: block;}	
.top2 .menu .top_ul li a{width: 100%;line-height: 100px;height: 100px; padding: 0 10px;font-size: 14px;}

	
	
	
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}



@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {

	


/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}