@charset "utf-8";
/* CSS Document */
/*切图：pz-xq*/
/*网站 莫士乐*/

/** 清除内外边距 **/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family:'microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
a:hover{color:#2ea7e0; cursor:pointer;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'microsoft yahei',Arial; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; min-width:320px;}
select{ margin:0; padding:0; font-family:'microsoft yahei',Arial;}
input{ outline:none;}
textarea{ resize:none; outline:none;  }
/* 清除浮动 */

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { margin-bottom: 0;}
*,*:before,*:after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}/*盒模型--区分所定宽度和border，padding的宽度*/
/*-------------------</END 重置>-----------------------*/

.pz_top{float:left; width:100%; }
.pz_menu{float:left; width:100%; /*background:url(../images/bg_top_02.jpg); */background-size:cover; position:relative; z-index:999;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#c4c4c4', Direction=90,Strength=5);/*for ie6,7,8*/  
-moz-box-shadow:0 2px 5px #c4c4c4;/*firefox*/  
-webkit-box-shadow:0 2px 5px #c4c4c4;/*webkit*/  
box-shadow:0 2px 5px #c4c4c4;/*opera或ie9*/  }
.pz_main{ float:left; width:100%; position:relative;}
.pz_down{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; position:relative;}
.w_0100{ float:left; width:100%;}
.w_1100{ margin:0 auto;max-width:1100px;}
.pc_show{ display:block;}
.pad_show{ display:none;}
.phone_show{ display:none;}
.pc_pad_show{ display:block;}
.pad_phone_show{ display:none;}
.bg_1{ border-bottom:1px solid #eeeeee;}
.bg_2{ background:#eeeeee;}
.bg_3{ background:#454545;}

@media  screen and (max-width: 1099px){
	
.w_0100{ padding:0 20px;}
.w_1100{ margin:0 auto;max-width:100%;}
.pc_show{ display:none;}
.pad_show{ display:block;}
.phone_show{ display:none;}
.pc_pad_show{ display:block;}
.pad_phone_show{ display:block;}	
	
}

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

.pad_show{ display:none;}
.phone_show{ display:block;}
.pc_pad_show{ display:none;}
.pad_phone_show{ display:block;}		
	
}
	
@media  screen and (max-width: 480px){
	
.w_0100{ padding:0 10px;}	
	
}



/*top*/	
.c_0100_1{ float:left; width:100%;}
.c_0100_1 .l_hyby_1{ float:left; font-size:12px; line-height:39px; color:#454545;}
.r_yyqh_1{ float:right; margin-right:2px;}
.r_yyqh_1 span{ display:block;line-height:39px; float:left; font-size:12px; color:#c9c9c9;}
.r_yyqh_1 span a{ color:#c9c9c9;}
.r_yyqh_1 span a.on,
.r_yyqh_1 span a:hover{color:#0081c5;}
.r_yyqh_1 font{ display:block; float:left; margin-left:20px;}
.r_yyqh_1 font a{ display:block; float:left; width:181px; height:39px; line-height:39px; text-align:center; font-size:18px; color:#fff; background:#0082c5;}
.r_yyqh_1 font a span{ display:inline-block; height:39px; width:16px; margin-right:7px; background:url(../images/tb_topdh_03.png) no-repeat center; background-size:100% auto; vertical-align:top; margin-left:20px}

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

.c_0100_1 .l_hyby_1{ line-height:24px;}	
.r_yyqh_1{ float:left; width:100%; margin:0; margin-top:20px; padding:0 20px;}
.r_yyqh_1 span{ width:100%; text-align:center; }
.r_yyqh_1 span a.on,
.r_yyqh_1 span a:hover{color:#fff;}
.r_yyqh_1 font{ display:block; width:100%; margin:0; margin-top:20px; text-align:center;}
.r_yyqh_1 font a{ width:150px; float:none;display:inline-block;}

}

@media  screen and (max-width: 480px){
	
.r_yyqh_1{ margin-top:10px; padding:0 10px;}
.r_yyqh_1 font{ margin-top:0;}
	
}



/*menu*/
.c_0100_2{ float:left; width:100%; position:relative;}
.logo{ float:left; width:300px; padding:18px 0 8px 0;}
.logo a{ display:block; float:left; width:100%;}
.logo a img{ display:block; float:left; width:100%; }

.menu{ float:right; margin-top:45px; }
.menu .nli{ float:left; height:60px; position:relative; margin-left:6px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.menu .nli span a{ display:block; float:left; height:24px; padding:0 22px; line-height:24px; text-align:center; background:none; color:#333333; font-size:15px;
-moz-border-radius:12px; 
webkit-border-radius:12px; 
-khtml-border-radius:12px;
border-radius:12px; 
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; z-index:999;}
.menu .nli.on span a{ background:#0082c5; color:#fff;}
.menu .nli .sub{ display:none; position:absolute; left:-23px; top:60px; z-index:999; width:150px; background:url(../images/bg_sub_03.png);}
.menu .nli .sub li{ float:left; width:100%;text-align:center;}
.menu .nli .sub li a{ display:block; float:left; width:100%; height:41px; line-height:41px; font-size:14px; color:#0082c5; }
.menu .nli .sub li a:hover{background:#0082c5; color:#fff;}

@media  screen and (max-width: 999px){
	
.c_0100_2{ padding-left:160px; height:86px;}
.logo{ position:absolute; left:0; top:0; width:140px;}
.menu{ float:right; width:100%; text-align:right; margin-top:31px;}
.menu .nli{ width:14.28%; padding:0 3px; margin:0;}	
.menu .nli span a{ width:100%; text-align:center; padding:0; font-size:14px;}
.menu .nli .sub{ top:55px;}
.menu .nli .sub li a{ font-size:13px;}
	
}

@media  screen and (max-width: 480px){
	
.c_0100_2{ padding-left:110px; height:53px;}	
.logo{ width:100px; margin:0; padding:10px 0;}
	
}


@media  screen and (max-width: 767px){
	
/*手机导航*/
.phone_menu{ float:right; width:93px; height:86px;  position:relative; margin-right:-20px;}
.phone_menu .menu_out{ position:absolute;   width:93px; height:86px; left:0; top:0; z-index:2;} 
.pf_menu{ position:absolute; width:100%; right:0; top:110px; padding:20px; background-color:#0082c5; z-index:810;}
.ph_menu{ float:left; width:100%; }
.ph_menu .ul1{ margin:0 -20px;  margin-top:20px; border-top:1px solid #fff; }
.ph_menu .nli{ float:left; width:100%; border-bottom:1px solid #fff; }
.ph_menu .nli span{ float:left; width:100%; }
.ph_menu .nli .l1_a{ float:left; width:100%;  color:#ffffff; font-size:16px;line-height:44px; height:44px; position:relative;padding:0 20px; }
.ph_menu .nli .l1_a font{ display:block; position:absolute; right:20px;top:0; height:44px; width:11px; background:url(../images/tb_+-_07.png) no-repeat center;}
.ph_menu .nli.on .l1_a font,
.ph_menu .nli .l1_a:hover font{ background:url(../images/tb_+-_09.png) no-repeat center;}
.ph_menu .nli.on .l2_ul{ display:block;}
.ph_menu .l2_ul{ float:left; display:none;width:100%; display:none; padding:30px 20px;border-top:1px solid #fff;}
.ph_menu .l2_ul .l2{ float:left; width:100%;}
.ph_menu .l2_ul .l2 .l2_a{ float:left; width:100%;  color:#fff; font-size:14px; line-height:36px; padding:0 20px; border-bottom:1px dashed #fff;}
.ph_menu .l2_ul .l2 .l2_a:hover{ background:#fff; color:#0082c5;}	
	
}

@media  screen and (max-width: 480px){
	
.phone_menu{ margin-right:-10px;width:58px; height:53px;}
.phone_menu .menu_out{ width:58px; height:53px;}
.pf_menu{ top:77px; padding:10px;}
.ph_menu .ul1{ margin:0 -10px;}	
.ph_menu .nli .l1_a{ font-size:14px; height:36px; line-height:36px; padding:0 10px;}
.ph_menu .nli .l1_a font{ right:10px; height:36px;}
.ph_menu .l2_ul{ padding:15px 10px;}
.ph_menu .l2_ul .l2 .l2_a{ font-size:12px; line-height:36px; padding:0 10px;}
	
}



/*banner*/
.slide_banner{ float:left; width:100%; position:relative; z-index:0;}
.slide_banner .bd{ float:left; width:100%; overflow:hidden;}
.slide_banner .bd li{ float:left; width:100%; line-height:0;}
.slide_banner .bd li img{ width:100%;}
.slide_banner .hd{ overflow:hidden; position:absolute; width:100%; z-index:1; left:0; bottom:30px;text-align:center; }
.slide_banner .hd ul{ overflow:hidden; zoom:1;  display:inline-block;  }
.slide_banner .hd ul li{ float:left; width:57px; height:4px;  cursor:pointer; margin:0 5px; background:#fff;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.slide_banner .hd ul li.on { background:#0082c5;}
.slide_banner .prevl{ position:absolute; left:8px; top:50%; margin-top:-47px; display:block; width:60px; height:93px; background:url(../images/ab_bannerqh_03.png) no-repeat; background-size:100%; }
.slide_banner .nextr{ position:absolute; right:8px; top:50%; margin-top:-47px; display:block; width:60px; height:93px;  background:url(../images/ab_bannerqh_03_1.png) no-repeat;background-size:100%; }
.slide_banner .prevl:hover{ background:url(../images/ab_bannerqh_05_1.png) no-repeat;} 
.slide_banner .nextr:hover{ background:url(../images/ab_bannerqh_05.png) no-repeat;}

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

.slide_banner .prevl,
.slide_banner .nextr{ display:none;} 
.slide_banner .hd{ bottom:20px;}
.slide_banner .hd ul li{ width:47px;}
    
}

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

.slide_banner .prevl,
.slide_banner .nextr{ display:none;} 
.slide_banner .hd{ bottom:20px;}
.slide_banner .hd ul li{ width:37px;}
    
}

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

.slide_banner .prevl,
.slide_banner .nextr{ display:none;} 
.slide_banner .hd{ bottom:10px;}
.slide_banner .hd ul li{ width:27px;}
    
}



/*main*/
.c_0100_3{ float:left; width:100%; padding-bottom:72px;}
.c_0100_3 .t_0100_3{ float:left; width:100%; text-align:center;}
.c_0100_3 .t_0100_3 b{ display:block; float:left; width:100%; font-size:30px; color:#444444; line-height:40px; margin:39px 0 10px 0;}
.c_0100_3 .t_0100_3 span{ display:block; float:left; width:100%; font-size:12px; color:#666666; line-height:20px; margin-top:6px;}

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

.c_0100_3{ padding-bottom:60px;}	
.c_0100_3 .t_0100_3 b{ margin-top:40px;}	
	
}

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

.c_0100_3{ padding-bottom:40px;}	
.c_0100_3 .t_0100_3 b{ margin-top:20px; font-size:24px;}	
.t_0100_3 .pronav{width:550px;margin: 0 auto;}	
	
}

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

.c_0100_3{ padding-bottom:20px;}	
.c_0100_3 .t_0100_3 b{ margin-top:10px; font-size:18px; line-height:32px;}
.c_0100_3 .t_0100_3 span{ margin-top:0;}	
.t_0100_3 .pronav{width:260px;margin: 0 auto;}	
}

.t_0100_3 .pronav li{width:255px;margin:5px 10px;height:40px;line-height: 40px;float: left;background: #0082c5;}
.t_0100_3 .pronav li:hover{background:#43b4ee;}
.t_0100_3 .pronav li.hover{background:#43b4ee;}
.t_0100_3 .pronav li a{color: #fff;}


.slide_layer .pronav li{width:234px;margin:0px 10px;height:42px;line-height: 42px;float: left;background: #0082c5;text-align: center;}
.slide_layer .pronav li:hover{background:#43b4ee;}
.slide_layer .pronav li.hover{background:#43b4ee;}
.slide_layer .pronav li a{color: #fff;font-size: 14px;}


.l_0100_3{ float:left; width:100%;  position:relative; margin-top:29px;  }

.l_0100_3 .prev{ display:block; position:absolute; right:100%; margin-right:32px; top:112px;  width:25px; height:58px;  cursor:pointer; background:url(../images/an_d_0100_3_qh_08.png) no-repeat;}
.l_0100_3 .next{ display:block; position:absolute; left:100%; margin-left:32px;  top:112px;  width:25px; height:58px;  cursor:pointer; background:url(../images/an_d_0100_3_qh_10.png) no-repeat;}
.l_0100_3 .hd{ float:left; width:100%; height:0; overflow:hidden; }

.l_0100_3 .bd{ float:left; width:100%; overflow:hidden;}
.l_0100_3 .bd ul{ float:left; width:100%; }
.l_0100_3 .bd ul li{ margin-right:40px; width:245px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.l_0100_3 .bd ul li span{ display:block; float:left; width:100%; position:relative; overflow:hidden;}
.l_0100_3 .bd ul li span img{ display:block; float:left; width:100%; height:232px;}
.l_0100_3 .bd ul li span a{ display:block; float:left; width:100%; position:absolute; left:0; top:0; z-index:9;}
.l_0100_3 .bd ul li font{ display:block; float:left; width:100%; margin-top:25px; text-align:center; line-height:24px; height:24px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.l_0100_3 .bd ul li font a{ font-size:16px; color:#666666;}
.l_0100_3 .bd ul li:hover font a{ color:#0082c5;}

@media  screen and (max-width: 1099px){
.l_0100_3{ padding:0 30px;    }
.l_0100_3 .prev{ right:100%; margin-right:-10px;}
.l_0100_3 .next{ left:100%; margin-left:-10px; }
.l_0100_3 .bd ul li{
-webkit-flex-shrink:0;
-ms-flex:0 0 auto;
flex-shrink:0; 
 }
}
@media  screen and (max-width: 767px){
.l_0100_3 .prev{ top:50%; margin-top:-45px;}
.l_0100_3 .next{ top:50%; margin-top:-45px;}
.l_0100_3 .bd ul li{width:50%; padding:0 5px; margin:0;}
}



/*首页--行业动态*/
.c_0100_4{ float:left; width:100%; padding:45px 0 54px 0;}	
.t_0100_4{ float:left; width:100%; color:#444444; font-size:20px; font-weight:bold;}
.t_0100_4 span{color:#7d7d7d; font-size:16px; text-transform:uppercase; font-weight:normal;}
.l_460_4{ float:left; width:460px;}
.t_460_4{ float:left; width:460px;}
.d_460_4{ float:left; width:460px; padding:25px 0 0 0;}
.d_460_4 .li1{ float:left; width:100%; margin:0 0 20px 0; background:#0188cc;}
.d_460_4 .li1 .img_160_4{ float:left; width:160px; line-height:0;}
.d_460_4 .li1 .l_268_4{ float:left; width:268px;box-sizing:border-box; margin:0 0 0 10px;}
.d_460_4 .li1 .l_268_4 .l_268_4_1{ float:left; width:100%; margin:15px 0 0 0;}
.d_460_4 .li1 .l_268_4 .l_268_4_1 a{ float:left; width:100%; color:#fff; line-height:22px; font-size:14px; overflow:hidden;text-overflow:ellipsis;}
.d_460_4 .li1 .l_268_4 .l_268_4_2{ float:left; width:100%; color:#fff; line-height:22px; margin:9px 0 0 0;}
.d_460_4 .li1 .l_268_4 .l_268_4_3{ float:left; width:100%; color:#fff; line-height:22px; height:44px; overflow:hidden; margin:6px 0 0 0;}

.d_460_4 .li2{ float:left; width:100%; line-height:28px;}
.d_460_4 .li2 a{ font-size: 13px;float:left; width:340px; color:#666666; padding:0 0 0 13px;box-sizing:border-box; background:url(../images/main_12.jpg) left center no-repeat; overflow:hidden;text-overflow:ellipsis;}
.d_460_4 .li2 a:hover{ color:#0082c5;}
.d_460_4 .li2 span{ float:right; color:#666666;}

/*首页--推荐案例*/
.l_564_4{ float:right; width:568px;}
.t_564_4{ float:left; width:568px;}
.d_564_4{ float:left; width:568px; padding:25px 0 0 0;}
.d_564_4 ul{  float:left; width:586px;}
.d_564_4 ul li{float:left; width:177px; margin:0 18px 0 0;}
.d_564_4 ul li .img_170_4{float:left; width:171px;border:3px solid #eee; line-height:0;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;  }
.d_564_4 ul li .img_170_4 img{width:171px; height:138px;}
.d_564_4 ul li .text_170_4{float:left; width:100%;border-bottom:3px solid #686868;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;  }
.d_564_4 ul li .text_170_4 a{float:left; width:100%;text-overflow:ellipsis; overflow:hidden; color:#666666; font-size:14px; line-height:29px;}
.d_564_4 ul li:hover .img_170_4{border:3px solid #0188cc;}
.d_564_4 ul li:hover .text_170_4{border-bottom:3px solid #0188cc;}
.d_564_4 ul li:hover .text_170_4 a{ color:#0188cc;}

@media  screen and (max-width: 1099px){
	
/*首页--行业动态*/
.c_0100_4{ float:left; width:100%; padding:20px 0;}	
.l_460_4{ float:left; width:100%;}
.t_460_4{ float:left; width:100%;}
.d_460_4{ float:left; width:100%; padding:20px 0 0 0;}
.d_460_4 .li1{ float:left; width:100%; margin:0 0 20px 0; background:#0188cc;}
.d_460_4 .li1 .l_268_4{ float:left; width:60%;box-sizing:border-box; margin:0 0 0 2.5%;}
.d_460_4 .li2 a{ float:left; width:80%; color:#666666; padding:0 0 0 13px;box-sizing:border-box; background:url(../images/main_12.jpg) left center no-repeat;}


/*首页--推荐案例*/
.l_564_4{ float:left; width:100%; padding:30px 0 0 0;}
.t_564_4{ float:left; width:100%;}
.d_564_4{ float:left; width:100%; padding:20px 0 0 0;}
.d_564_4 ul{  float:left; width:100%;}
.d_564_4 ul li{float:left; width:32%; margin:0 2% 0 0;}
.d_564_4 ul li:nth-child(3n){ margin-right:0;}

}

@media  screen and (max-width: 768px){
.d_460_4 .li1{ float:left; width:100%; margin:0 0 20px 0; height:128px; padding-left:160px; background:#0188cc; position:relative;}
.d_460_4 .li1 .img_160_4{ position:absolute; left:0; top:0;}
.d_460_4 .li1 .l_268_4{ float:left; width:100%;box-sizing:border-box; padding:0 10px; margin:0;}
.d_460_4 .li2 a{ float:left; width:80%; color:#666666; padding:0 0 0 13px;box-sizing:border-box; background:url(../images/main_12.jpg) left center no-repeat;}
}
@media  screen and (max-width: 480px){
.c_0100_4{ float:left; width:100%; }
.d_460_4 .li2 a{ float:left; width:74%; color:#666666; padding:0 0 0 13px;box-sizing:border-box; background:url(../images/main_12.jpg) left center no-repeat;}
}



/*down*/
.c_0100_5{ float:left; width:100%;}
.c_0100_5 .l_718_5{ float:left; width:718px; padding-bottom:33px;}
.c_0100_5 .l_718_5 .t_718_5{ float:left; width:100%; font-size:15px; color:#494949; font-family:'宋体'; line-height:30px; margin-top:29px;}
.c_0100_5 .l_718_5 .t_718_5 a{ font-size:15px; color:#fff; font-family:'microsoft yahei'; display:inline-block;}
.c_0100_5 .l_718_5 .t_718_5 a:hover{ color:#0082c5;}
.c_0100_5 .l_718_5 .d_718_5{ float:left; width:100%; font-size:12px; color:#adadad; line-height:24px; margin-top:5px;}
.c_0100_5 .l_718_5 .d_718_5 a{color:#adadad;}
.c_0100_5 .l_718_5 .d_718_5 a:hover{color:#0082c5;}
@media  screen and (max-width: 1099px){
.c_0100_5 .l_718_5{ width:100%; text-align:center;}	
.c_0100_5 .l_718_5{ padding-bottom:20px;}
}

.c_0100_5 .r_382_5{ float:right; width:382px; }
.c_0100_5 .r_382_5 .l_1_5{ float:left; width:1px; height:61px; margin-top:30px; background:#4d4d4d;}
.c_0100_5 .r_382_5 .t_382_5{ float:right; margin-top:29px;}
.c_0100_5 .r_382_5 .t_382_5 ul li{ float:left; margin-left:40px;}
.c_0100_5 .r_382_5 .t_382_5 ul li a{ display:block; text-align:center;}
.c_0100_5 .r_382_5 .t_382_5 ul li a span{ display:block; margin:0 auto; width:51px;}
.c_0100_5 .r_382_5 .t_382_5 ul li a span img{ display:block;  width:100%;}
.c_0100_5 .r_382_5 .t_382_5 ul li a font{ display:block; font-size:12px; color:#cccccc; line-height:24px; margin-top:5px;}
@media  screen and (max-width: 1099px){
.c_0100_5 .r_382_5{ width:100%; text-align:center;}
.c_0100_5 .r_382_5 .l_1_5{ display:none;}
.c_0100_5 .r_382_5 .t_382_5{ float:left; width:100%; text-align:center; margin-top:0; padding-bottom:20px; border-top:1px solid #4d4d4d; padding-top:20px;}
.c_0100_5 .r_382_5 .t_382_5 ul{ display:inline-block; margin:0 auto;}
.c_0100_5 .r_382_5 .t_382_5 ul li{ margin:0 20px; }
}
@media  screen and (max-width: 767px){
.c_0100_5 .r_382_5 .t_382_5 ul{ display:block; margin:0 -5px;}	
.c_0100_5 .r_382_5 .t_382_5 ul li{ width:25%; margin:0; padding:0 5px;}	
.c_0100_5 .r_382_5 .t_382_5 ul li a{ width:100%;}
.c_0100_5 .r_382_5 .t_382_5 ul li a span{ width:30px;}	
	
}



/*1关于我们*/
.c_0100_3_1{ float:left; width:100%; position:relative; z-index:99;}
.position{ float:left; width:100%; background:rgba(255,255,255,0.8); height:60px; margin-top:-60px; padding:0 20px; line-height:60px}
.position span{ float:left; color:#1a1a1a; font-size:24px;}
.right_pos{ float:right; color:#444444; line-height:60px;}
.right_pos a{ color:#444444}
.right_pos a.hover,
.right_pos a:hover{ color:#0082c5;}

.pz_SideLayer{ float:left; width:100%; height:46px;}
.slide_layer .tempWrap{ height:46px !important;}
.pz_SideLayer .l1{ float:left; height:42px; width:169px !important; background:#0082c5;}
.pz_SideLayer .l1 a{ float:left;  height:42px; width:100%; text-align:center; line-height:42px; color:#ffffff; font-size:14px; text-align:center; position:relative;}
.pz_SideLayer .l1 a .pfthree{ display:none; position:absolute; width:7px; height:4px; left:50%; bottom:-3px; margin-left:-3.5%; line-height:0; vertical-align:top;}
.pz_SideLayer .l1 a:hover .pfthree,
.pz_SideLayer .l1 a.hover .pfthree{ display:block;}
.pz_SideLayer .l1 a.hover,
.pz_SideLayer .l1 a:hover{ background-color:#43b4ee;}


.t_0100_48{ float:left; width:100%; margin:10px 0;}
.t_0100_48 span a{ float:right; font-size:14px; color:#fff; line-height:28px; width:90px; height:28px; background:#60d754 url(../images/ny3.jpg) no-repeat 8px center; padding-left:26px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.t_0100_48 .z_l_sub{ float:left; line-height:28px; padding-left:15px; font-size:14px;}
.t_0100_48 .z_l_sub a{ color:#444444}
.t_0100_48 .z_l_sub a.hover,
.t_0100_48 .z_l_sub a:hover{ color:#29bc1a;}

.l_840{ float:left; width:100%; padding:18px 0 30px 0; color:#333333; font-size:14px; line-height:26px; }

.phone_pos{ display:none;}
.phone_page{ display:none}


@media screen and (max-width:1099px) {
	
.pz_SideLayer .l1{ width:auto !important;}
.pz_SideLayer .l1 a{ padding:0 15px; width:auto;}	
	
}


@media screen and (max-width:767px) {
	
.pz_SideLayer .l1{ width:auto !important;}
.pz_SideLayer .l1 a{ padding:0 15px; width:auto;}
.c_0100_3{ padding:0 2.5%;}
.position{ height:50px; margin-top:-50px; padding:0 10px; line-height:50px}
.right_pos{ line-height:50px;}

.phone_pos{ display:block; }
.pc_pos{ display:none;}
.right_pos{ display:none;}
.pz_SideLayer{ display:none;}
.t_0100_48{ display:none;}

.phone_page{ display:block; float:left; width:100%; color:#454545; font-size:14px; line-height:28px; padding-bottom:15px;}


}



/*2新闻中心*/
.c_1100_2{ float:left; width:100%;}
.list-new{ float:left; width:100%;}
.list-new ul{ float:left; width:100%; padding:4px 0 0 0; min-height:500px;}
.list-new li{ display:table;  width:100%; margin-top:30px; }
.list-new li .l_img{ display:table-cell; *display:inline-block; width:25%; line-height:0;}
.list-new li .l_img a{ float:left; width:100%; position:relative;}
.list-new li .l_img a img{width:276px; height:150px;}
.list-new li .l_img a .pftime{ position:absolute; left:0; top:0; background:url(../images/fimg8.png) repeat; color:#ffffff; padding:0 7px; line-height:30px;}

.r_text1{ display:table-cell; *display:inline-block; vertical-align: middle; line-height:97px; width:75%; background:url(../images/fimg9.jpg) left bottom  no-repeat; }
.time_1{ position:absolute; z-index:11; left:0; width:101px; padding-top:18px; height:97px; line-height:20px; border-right:1px solid #e9e9e9; color:#444444; font-size:14px; text-align:center;}
.time_1 strong{ font-size:36px; line-height:50px;}
.work{ float:left; width:93.2%;  margin-right:4.5%; margin-left:2.3%;}
.work .tit3{ float:left; width:100%;}
.work .tit3 a{ float:left; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333333; font-size:18px; line-height:18px;}
.list-new li:hover .work .tit3 a{ color:#0082c5;}

.work .text4{ float:left; width:100%; line-height:28px; height:56px; color:#4b4b4b; font-size:14px; overflow:hidden; margin-top:12px;}
.work .text4 a{ color:#4b4b4b;}
.work .more_new{ float:left; width:72px; height:28px; margin-top:22px; line-height:28px; background:url(../images/fimg6.png) right center no-repeat; border-bottom:#333333 dotted 1px;}
.work .more_new a{ color:#333333; font-size:14px;}
.list-new li:hover .more_new,
.work .more_new:hover{background:url(../images/fimg7.png) right center no-repeat; border-color:#0082c5;}
.list-new li:hover .work .more_new a,
.work .more_new:hover a{ color:#0082c5;}

.fy_new{ float:left; width:100%; padding:29px 0 35px 0;}
.c_0100_10{ display:none;}
@media screen and (max-width:992px) {
.list-new li .l_img{ width:30%; }	
.r_text1{  width:70%; }
.work .more_new{  margin-top:10px;}
}


@media screen and (max-width:767px) {
.list-new li{display:inherit; float:left; position:relative; height:76px; margin-top:10px; z-index:99; height:98px; padding:10px 0 10px 120px; box-sizing:border-box;}
.list-new li:first-child{ margin-top:10px;}
.list-new li .l_img{ position:absolute; z-index:11; width:120px; overflow:hidden; line-height:0; left:0; top:15px;}
.r_text1{ float:left; width:100%; padding-left:0;}
.time_1{ display:none;}
.work{ width:97.7%;}
.work .tit3{ float:left; width:100%; margin-top:5px;}
.work .tit3 a{float:left; width:90%; overflow:hidden; text-overflow:ellipsis; color:#545454; font-size:16px; line-height:16px;}
.work .text4{line-height:24px; height:24px; margin-top:7px;}
.work .more_new{  margin-top:4px;}
.fy_new{ display:none;}


.c_0100_10{ display:block; float:left; width:92%; height:50px; line-height:50px; color:#565656; font-size:14px; padding:0 4%; text-align:center;}
.c_0100_10 a{color:#565656;}
.c_0100_10 img{ vertical-align:middle;}

}



/*3工程案例*/
.pro_list{ float:left; width:100%; overflow:hidden;}
.pro_list ul{ float:left; width:101.8%; min-height:500px;}
.pro_list li{ float:left; width:23.2%; border-bottom:#dcdcdc 4px solid; margin-right:1.8%; margin-top:30px; margin-bottom:10px; position:relative; z-index:11; 
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; }
.pro_list li:hover{ border-bottom:4px solid #0082c5;}
.pro_list li .t_img_0100{ float:left; width:100%; line-height:0; position:relative;}
.pro_list li .t_img_0100 img{ width:259px; height:274px;}
.pro_list li .t_img_0100 a{ float:left; width:100%; height:100%;}
.pro_list li .t_img_0100 .pfborder{ position:absolute; width:100%; height:100%; border:#0082c5 solid 3px; left:0; top:0;
opacity: 0; 
filter: alpha(opacity=0); 
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; 
}
.pro_list li:hover .t_img_0100 .pfborder{
opacity:1; 
filter: alpha(opacity=100); 
-moz-opacity:1;
-khtml-opacity:1;	
}

.pro_list li .tit4{ float:left; width:100%; height:28px; line-height:28px; margin-top:14px; }
.pro_list li .tit4 a{ float:left; width:100%; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#666666; font-size:14px;}
.pro_list li:hover .tit4 a{ color:#0082c5;}
.fy_pro{ float:left; width:100%; padding:0 0 40px 0;}
@media screen and (max-width:1099px) {
.pro_list li .t_img_0100 img{ width:100%; height:auto;}
}
@media screen and (max-width:932px) {
.pro_list li{ width:31.033333%; margin-right:2.3%;}
}
@media screen and (max-width:767px) {
.fy_pro{ display:none;}
.pf_278{ display:none;}
.pro_list ul{ width:100%;}
.pro_list li{ float:left; width:48%; height:auto; border-bottom:#dcdcdc 4px solid;  margin-top:20px; margin-bottom:0; margin-right:4%;}
.pro_list li:nth-child(2n){ margin-right:0;}
}



/*4产品中心*/
.slide_layer{ float:left; width:100%; position:relative; height:42px; background-color:#0082c5;}
.slide_layer .leftlay{ position:absolute; left:0; top:0px; float:left; width:42px; height:42px; border-right:#80c1e2  solid 1px; cursor:pointer;}
.slide_layer .rightlay{  position:absolute; right:0; top:0px; float:right; width:42px; height:42px; border-left:#80c1e2  solid 1px; cursor:pointer;}
.slide_layer .bd{ float:left; width:100%; height:46px;}
.slide_layer .bd .pz_SideLayer{}
.slide_layer .bd .pz_SideLayer li{ float:left;}
@media screen and (max-width:1099px) {
.slide_layer .bd{ overflow:hidden; height:42px;}
.slide_layer .bd .pz_SideLayer li{
-webkit-flex-shrink:0;
-ms-flex:0 0 auto;
flex-shrink:0;
}
}

.producebox{ float:left; width:100%; padding:34px 0 40px 0;}
.producebox .probox1{ float: left; width:100%; background-color:#f2f2f2; padding:20px 0; margin:15px 0;}
.producebox .probox1 .l_400{ float:left; width:36.36%; margin-left:1.8%; border:#cccccc solid 1px; line-height:0;}
.producebox .probox1 .r_615{ float:left; width:55.9%; margin-left:2.72%;}
.producebox .probox1 .r_615 .t_615_1{ float:left; width:100%; padding:2.6% 0 1.62% 0; color:#0082c5; font-size:16px; font-weight:bold; line-height:20px;}
.producebox .probox1 .r_615 .t_615_2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; /*height:75px;overflow:hidden;*/}
.producebox .probox1 .r_615 .t_615_3{ float:left; width:100%; padding:3% 0 3% 0;}
.producebox .probox1 .r_615 .t_615_3 .aprobox{ float:left; height:37px; padding:0 25px; background-color:#0082c5; color:#fff; font-size:14px; line-height:37px;
-moz-border-radius:4px; 
webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;
}
.producebox .probox1 .r_615 .t_615_4{ float: left; width:100%;}
.producebox .probox1 .r_615 .t_615_4 .pcshre{ float:left; width:100%; line-height:20px;}
.producebox .probox1 .r_615 .t_615_4 .pcshre span{ display:inline-block; vertical-align:middle; margin:0 5px 0 3px;}
.bsBox{-webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;}
#bsPanelHolder{-webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;}
#bsPanel{-webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;}
.bFind-wrapper-top{-webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;}
.producebox .probox2{ float:left; width:100%; height:40px; background:url(../images/fimg20.jpg) bottom repeat-x; margin-top:40px;}
.producebox .probox2 .l_151{ float:left; width:151px; height:40px; background:url(../images/fimg21.jpg) no-repeat; padding-left:20px; color:#fff; font-size:14px; line-height:40px;}
.producebox .probox3{ float:left; width:100%; margin-top:20px; border:#e5e5e5 solid 1px;}
.producebox .probox3 .titpro{ float:left; width:100%; height:54px; background-color:#f2f2f2; color:#0082c5; font-size:16px; line-height:54px; text-align: center;}
.producebox .probox3  .tab1{ float:left; width:11.7%;}
.producebox .probox3  .tab2{ float:left; width:11.7%;}
.producebox .probox3  .tab3{ float:left; width:11.7%;}
.producebox .probox3  .tab4{ float:left; width:9.4%;}
.producebox .probox3  .tab5{ float:left; width:16.4%;}
.producebox .probox3  .tab6{ float:left; width:11.7%;}
.producebox .probox3  .tab7{ float:left; width:17%;}
.producebox .probox3  .tab8{ float:left; width:10.4%;}
.producebox .probox3 .ulpro{ float:left; width:100%;}
.producebox .probox3 .ulpro .lipro{ float:left; width:100%; padding:14px 0; line-height:26px; font-size:14px; text-align:center; border-bottom:#cccccc dashed 1px;}
.producebox .probox3 .ulpro .lipro a{ color:#333; font-size:14px;}
.producebox .probox3 .ulpro .lipro .amore{ float:left; width:53%; margin:0 0 0 23.5%; background-color:#787878; color:#fff; font-size:12px; line-height:26px; text-align:center;
-moz-border-radius:3px; 
webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px;
}
.producebox .probox3 .ulpro .lipro .amore:hover{ background-color:#0082c5;}
.elli{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:1099px) {
.producebox .probox1 .r_615 .t_615_4 .padphshare{ float:left; width:100%; line-height:20px;}	
.jiathis_button_qzone,
.jiathis_button_tsina,
.jiathis_button_tqq,
.jiathis_button_renren,
.jiathis_button_weixin,
.jiathis_button_cqq{ display:block; float:left; width:30px; height:20px;  overflow:hidden; position:relative;}

.jiathis_button_qzone img,
.jiathis_button_tsina img,
.jiathis_button_tqq img,
.jiathis_button_renren img,
.jiathis_button_weixin img,
.jiathis_button_cqq img{ display:block; position:absolute; width:20px; height:20px; left:3px; top:0px; background-color:#f2f2f2;}
}
@media screen and (max-width:992px) {
.producebox .probox3 .ulpro .lipro .amore{ width:80%; margin:0 0 0 10%; }	
}
@media screen and (max-width:767px) {
.producebox{ padding:15px 0;}
.producebox .probox1 .l_400{ width:92%; margin-left:4%;}	
.producebox .probox1 .r_615{ width:92%; margin-left:4%; margin-top:4%;}
.producebox .probox2{ margin-top:20px;}
.producebox .probox3 .phul{ float:left; width:100%;}
.producebox .probox3 .phul li{ float:left; width:100%; border-bottom:#cccccc dashed 1px;}
.producebox .probox3 .phul li .dphone{ display:table; width:100%;}
.producebox .probox3 .phul li .phoneleft{display:table-cell; *display:inline-block; width:40%; background-color:#f2f2f2; border-right:#e5e5e5 solid 1px; color:#0082c5; font-size:14px; line-height:20px; padding:3px 10px 3px 0; text-align:right;}
.producebox .probox3 .phul li .phoneright{display:table-cell; *display:inline-block; width:60%; color:#333333; font-size:14px; line-height:20px; padding:3px 0 3px 10px; text-align:left;}
.producebox .probox1 .r_615 .t_615_2{height:auto;}
}


/*5产品详情*/
.c_0100_6{ float:left; width:100%; font-size:14px; color:#555555; line-height:24px; padding:20px 0;}
.c_0100_6 h1{  margin:11px auto 17px auto; text-align:center; font-size:18px; line-height:24px; text-align:center; color:#333333;}
.c_0100_6 img{ display:block; max-width:100%; margin:0 auto;} 

.c_0100_7{ float:left; width:100%; border-top:1px solid #d5d5d5; line-height:24px; padding:13px 0 35px 0;}
.c_0100_7 span{ display:block; float:left; min-width:50%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;color:#555555;font-size:14px;}
.c_0100_7 font{ display:block; float:right; min-width:50%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;color:#555555;font-size:14px; text-align:right;}
.c_0100_7 a{ font-size:14px; color:#555555;}
.c_0100_7 a:hover{color:#0082c5}

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

.c_0100_7 span{ width:100%;}
.c_0100_7 font{ width:100%; text-align:left;}	
	
	
}








/* 分页 */
.pz_fy{width:100%; float:left; padding:10px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #bdbbbb 1px solid; PADDING:5px 9px; COLOR: #767676; text-decoration:none;margin:0 2px;
-moz-border-radius:3px; 
webkit-border-radius:3px; 
-khtml-border-radius:3px;
border-radius:3px;
  }
.pz_fy a:hover,.pz_fy a.on{color: #fff; border: #0082c5 1px solid; background-color:#0082c5; text-decoration:none;}/*鼠标经过和默认当前页样式*/




@media  screen and (max-width:1099px){
.ul_style{
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
}
@media  screen and (max-width:767px){
.ul_phone{
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
}

/*    留言   */

.zxly { width:500px; margin:0 auto;}
.zxly span{ font-size:14px; color:#000000;}
.zxly_an{  width:500px; padding:20px 0 0 135px;}
.zxly_an .submit{ width:100px; background:#0082c5;border:none; height:30px; color:#fff;}
.txtk{ float:left; width:168px; height:23px;margin-top:10px; border:1px solid #cccccc}
.nrk{ float:left; width:308px; height:98px; margin-top:20px;}


@media screen and (max-width:767px) {
.zxly { width:100%; margin:0 auto;}
.zxly span{ font-size:14px; color:#000000; float:right; margin-top:10px;}
.zxly_an{  width:100%; padding:20px 0 0 40%;}
.zxly_an .submit{ width:100px; background:#0082c5;border:none; height:30px; color:#fff;}
.txtk{ float:left; width:100%; height:23px;margin-top:10px; border:1px solid #cccccc}
.nrk{ float:left; width:100%; height:98px; margin-top:20px;}


}