@charset "utf-8";
 
/*----banner----*/ 
.p_banner{position:relative; height:180px; z-index:100; overflow:hidden; width:100%;}
 
/*.banner_nav_text{padding-top:30px; text-align:center; font-size:20px; color:#fff; width:100%;}
.banner_nav_text{position: absolute;
top: -70px;
left: 50px;
z-index: 100;
opacity: 0;}*/
 
 
.bodybg{ background-color:#f5f5f5;}
.con_bg{ background-color:#FFF;}

.mauto1000{width:900px; padding:0 50px; margin:0 auto; position:relative;z-index:7777;}

/*----宽屏菜单----*/
.p_menu{position:relative; text-align: center; background-color:#FFF;/* border-bottom:dotted 1px #CCCCCC;*/}
.p_menu a{ padding:5px 25px;margin:15px 10px; transition:all 1s ease 0s;/*CSS背景色渐变*/ border-radius:6px;background-color:#59a3d8; font-size:16px; line-height:30px; color:#FFF;display:inline-block;}
.p_menu a:hover{ background-color:#00aaff; }
.p_menu a.wz{ background-color:#00aaff;} 
 
.p_sec_menu{position:relative; text-align:center; background-color:#FFF;} 
.p_sec_menu a{ padding:5px 15px; margin:0px 8px 10px; display:inline-block;font-size:14px; border:solid 1px #f5f5f5; background-color:#f5f5f5; border-radius:3px;}
.p_sec_menu a:hover{  color:#59a3d8; border:solid 1px #59a3d8; background-color:#fff;} 
.p_sec_menu a.wz_thr{  color:#59a3d8; border:solid 1px #59a3d8; background-color:#fff;}  
  
  
.p_back{position:relative; text-align: center; }
.p_back a{ padding:0 30px; border-radius:3px;background-color:#59a3d8; font-size:16px; line-height:35px; color:#FFF;display:inline-block; }
.p_back a:hover{ background-color:#00aaff;}
  
  
  
h2{ border-bottom:1px solid #e5e5e5; padding:5px 0;text-align:left; font-family:微软雅黑; font-size:20px;}/*分类标题样式--居左侧*/
h3{padding:8px 0;text-align:center; font-family:微软雅黑; font-size:22px; padding-top:20px;}/*文章标题样式--居中间*/ 
.titleinfo{padding-bottom:10px;border-bottom:#b5b5b6 dotted 1px;text-align:center;color:#898989; font-size:12px; width:100%}/*文章说明属性*/ 
 
 
 
/*----文章内容----*/
.p_content{ padding:20px 0px; line-height:30px; font-size:14px;}


.P_main{ position:relative;
top:100px;
z-index: 100;
opacity: 0;
min-height:550px;
}
.P_main img{ width:100%;}
 
  /*----图片列表----*/
/*----图片列表----*/
.p_piclist {padding:20px 0; } /*无需设置宽度，由外框决定*/
.p_piclist ul li { display: inline; float: left;margin:11px; overflow: hidden; }
.p_piclist ul li img { width:200px; height:150px; border:none;}   /*设置图片大小*/
.p_piclist ul li a{ display:block;border:solid 1px #eeeeee;}      /*设置外框效果*/
.p_piclist ul li a:hover{border:solid 1px #59a3d8;}
.p_piclist ul li a span{ width:200px;height:40px; line-height:40px; display:block; background-color:#eeeeee; color:#333;font-size:14px;text-align:center; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}   /*数字文字部分效果*/
.p_piclist ul li a:hover span{ background-color:#59a3d8; color:#FFF;}
 
 
 
 /*----产品列表----*/
 
.p_prolist {padding:20px 50px; } /*无需设置宽度，由外框决定*/
.p_prolist ul li { display: inline; float: left;margin:11px; overflow: hidden; }
.p_prolist ul li img { width:200px; height:200px; border:none;}   /*设置图片大小*/
.p_prolist.titleinfo{padding-bottom:10px;border-bottom:#b5b5b6 dotted 1px;text-align:center;color:#898989; font-size:12px; width:900px; margin-left:50px;}/*文章说明属性*/ 
color:#59a3d8; color:#fff;font-size:14px;text-align:center; }   /*数字文字部分效果*/
.p_prolist ul li a:hover span{ background-color:#00aaff; color:#FFF;}

 
  
 
 
/*案例产品图片切换*/
 
#playBoxin{ width:100%; height:auto; position:relative; overflow:hidden; display: inline-block; background:url(../images/loading.gif) no-repeat center center #FFF; } /*设置尺寸*/
#playBoxin .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBoxin .oUlplay li{ float:left;}
#playBoxin .oUlplay li img{ width:900px; height:550px;cursor:pointer;cursor:hand;}
#playBoxin .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:48%; left:10px; z-index:10;}
#playBoxin .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:48%; right:10px; z-index:10;}
#playBoxin .smalltitle {width:100%; position:absolute; bottom:0; z-index:10; background:url(../images/black50.png) repeat; height:35px; padding-top:15px;}
#playBoxin .smalltitle ul{ margin:0 auto; position:relative;text-align:center;}
#playBoxin .smalltitle ul li{ width:11px; height:11px; margin:0 7px; border-radius:11px; background:#ffffff; overflow:hidden;*display:inline;*zoom:1;cursor:pointer; cursor:hand; display:inline-block;+display:inline; /* ie7 */}
#playBoxin .smalltitle .thistitle{ background:#2381c3;}
#pic_info{ display:none;}
 

/*--内容介绍---*/
.pro_text{ width:100%; }
.pro_text h4{ height:36px; line-height:36px; background-color:#269cd8; text-align:left; font-size:18px; color:#FFFFFF; padding-left:20px;}
  
.mall_tab{ width:100%; float:left; background:#f6f6f6; height:50px;}
.mall_tab span{ width:145px; text-align:center;display:inline-block; line-height:50px; display:inline-block; float:left; font-size:14px; color:#333; text-align:center;border-left:solid 1px #e5e5e5;cursor:hand;cursor:pointer;}
.mall_tab span:hover,.mall_tab span.active{ background-color:#fff; color:#59a3d8; height:48px; border-top:solid 2px #59a3d8; font-weight:bold;}
 
.mall_list{ width:100%; float:left; display:none; padding:10px 0;}
.mall_list ul{ width:100%; float:left;}
.mall_list ul li{ padding-right:7px; padding-top:7px; float:left;}
.mall_list ul li img{ border:#dfe0e0 solid 1px; width:176px; height:77px;}

.pro_info{line-height:30px; font-size:14px;}  
 
 
/*----留言列表----*/
.message{padding:20px 0; color:#3e3a39; margin-left:50px;}  /*文本框文字颜色,表格位置由左右列比例调整*/
.tab_title{ font-size:13px; color:#666666; padding:0;} /*输入框标题名称属性*/
.submit_btn{ height:35px; line-height:35px; padding:0 50px; background-color:#59a3d8; border:none; color:#FFF; text-align:center; font-size:14px;}
.submit_btn:hover{background-color:#00aaff;cursor:pointer; cursor:hand;}
.reset_btn{ height:35px; line-height:35px; padding:0 20px; background-color:#c4c4c4; border:none; color:#FFF; text-align:center; font-size:14px;}
.reset_btn:hover{background-color:#00aaff;cursor:pointer; cursor:hand;}
  
.input300 {width:300px;height:28px; line-height:28px; padding:0 5px; border:#d6d6d6 solid 1px;}
.area1{ width:370px; height:150px;padding:5px;border:#d6d6d6 solid 1px;} 
  
   
   
  /**********下载列表CSS**********/
.p_downlist{ padding:20px 0;}
.p_downlist th{font-weight:bold; background-color: #59a3d8; color: #fff; font-size:12px; line-height:20px;}
.p_downlist .d1{text-align:left; overflow: hidden;}
.p_downlist .d2{text-align: center;width:100px;}
.p_downlist .d3{text-align: center;width:100px; }
.p_downlist td.d3{color:#888;}            
.p_downlist .d4{text-align: center; width:100px;}
.p_downlist td{ border-bottom:solid #e5e5e5 1px; font-size:14px; line-height:30px; text-align: center;}
.p_downlist a{ color:#2381c3; font-weight:100;}
.p_downlist a:hover{ color:#00a94a;font-weight:100; }

  
 /**********下载列表CSS**********/ 
.p_linklist{padding:10px 0;}
.p_linklist a{ padding:0 20px; display:block; float:left; line-height:36px;}
  
@media screen and (min-width:701px) and (max-width:1000px){
/*banner*/
.p_banner{height:120px; }
.clear20{ height:5px;}
.p_main{ padding-top:10px;}

/*二级菜单*/
 
.p_menu a{ padding:3px 18px;margin:12px 10px; font-size:16px;}

/*标题及内容宽度*/
.pro_class_btn{ display:none;}
.mauto1000{ width:3.8rem; padding:0 0.1rem; }
h3{ padding-top:5px; padding-bottom:0; font-size:20px;}
.titleinfo{padding-bottom:8px;}
 
 /*三级菜单*/
.p_sec_menu a{ padding:5px 10px;  margin:0 5px 8px;font-size:12px;}


/*----图片列表----*/
.p_piclist {padding:10px 0; } /*无需设置宽度，由外框决定*/
.p_piclist ul li {margin:0.018rem; }
.p_piclist ul li img { width:0.9rem; height:0.7rem; }   /*设置图片大小*/
.p_piclist ul li a span{ width:0.9rem;height:0.2rem; line-height:0.2rem;  } 


 /* --详情案例--*/ 	
#playBoxin{ height:2.3rem;} /*设置尺寸*/
#playBoxin .oUlplay li img{ width:3.8rem; height:2.3rem;}
 
 

}
	
	
	
@media screen and (max-width:700px){
 /*banner*/
.p_banner{height:100px; display:none;}
.clear20{ height:0;}
.p_main{ padding-top:8px;}
/*二级菜单*/
.p_menu a{ padding:0 10px;margin:8px 5px; line-height:26px; font-size:14px;}

/*标题及内容宽度*/
.pro_class_btn{ display:none;}
.mauto1000{width:1.9rem; padding:0 0.05rem;}
h3{ padding-top:5px; font-size:18px; line-height:20px;padding-bottom:0;}
.titleinfo{padding-bottom:8px;}

 /*三级菜单*/
.p_sec_menu{background-color:#FFF;} 
.p_sec_menu a{ padding:0 5px; line-height:20px;margin:0 3px 3px;font-size:12px;}


/*文章详情*/
 
 .p_content{ font-size:12px}
 
 
 /*----图片列表----*/
.p_piclist {padding:10px 0; } /*无需设置宽度，由外框决定*/
.p_piclist ul li {margin:0.018rem; }
.p_piclist ul li img { width:0.9rem; height:0.7rem; }   /*设置图片大小*/
.p_piclist ul li a span{ width:0.9rem;height:0.2rem; line-height:0.2rem;  } 
 
 
/**********下载列表CSS**********/
.p_downlist{ padding:10px 0;}
.p_downlist .d2{ display:none;}         
.p_downlist .d4{display:none;}
.p_downlist td{ font-size:12px; }
 
 
/*----留言列表----*/
.message{padding:10px 0; margin-left:0px;}  /*文本框文字颜色,表格位置由左右列比例调整*/
.tab_title{ font-size:12px;} /*输入框标题名称属性*/
.submit_btn{ height:30px; line-height:30px; padding:0 20px;}
 
.reset_btn{ height:30px; line-height:30px; padding:0 20px;}
 
.input300 {width:1.1rem;height:24px; line-height:24px; padding:0 5px;}
.area1{ width:1.1rem; height:130px;padding:5px;}  
 

 /* --详情案例--*/ 	
#pic_info{ display:block;}
 
#playBoxin{ height:auto; /*display:none;*/} /*设置尺寸*/
#playBoxin .oUlplay li img{ width:1.9rem; height:1.16rem;}

#playBoxin .smalltitle {height:25px; padding-top:0px;}
#playBoxin .smalltitle ul li{ width:7px; height:7px; margin:0 3px; border-radius:7px;}



/*--内容介绍---*/
 
.mall_tab{ width:100%;  height:35px;}
.mall_tab span{ width:120px; line-height:35px; }
.mall_tab span:hover,.mall_tab span.active{color:#59a3d8; height:33px; }
 
/* --返回列表--*/ 	
.p_back a{ padding:0 30px;margin:0 10px; font-size:14px; line-height:30px;  }


.izl-rmenu .btn{ width:45px !important; height:45px !important;}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited{ background:url(../images/r_qq.png) -10px -2px no-repeat !important; background-color:#6da9de !important;}
.izl-rmenu .btn-wx{ background:url(../images/r_wx.png) -12px -2px no-repeat !important; background-color:#78c340 !important;}
.izl-rmenu .btn-phone{ background:url(../images/r_phone.png) -10px -2px no-repeat !important; background-color:#fbb01f !important;}
.izl-rmenu .btn-top{ background:url(../images/r_top.png) 0 0 no-repeat !important; background-color:#666666 !important; background-size:100% !important;}
.izl-rmenu .btn-phone .phone{ line-height:45px !important;}
.izl-rmenu .btn-wx .pic{ left:-120px !important; width:120px !important; height:120px !important;}


}
  
@media screen and (max-width:350px){

.P_main{ min-height:450px;}
}