﻿/* CSS Document */

/*-----------------------------------// 全局样式 //-----------------------------------*/
body { margin:0; padding:0; font-size:14px; font-family: Arial, "黑体", Helvetica, sans-serif, Verdana; color:#222; background:url(../images/bg.gif) repeat-x #fff; line-height:24px;}
ul,li,img,dl,dd,dt,form,table,tr,td,p,ol,div,input,label,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
ol,ul,li { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show;/*空单元格*/}
th, td { border-collapse:collapse; }
a { blr:expression(this.onFocus=this.blur());} /*for IE 去除链接虚线框*/
a { outline:none; } /*for Firefox*/
img { border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#F6882F; text-decoration:underline;}
.clear { clear:both; overflow:hidden; zoom:1;}
.b { font-weight:bold;}
.float_right { float:right;}
.float_left { float:left;}
.hg10 { height:10px; zoom:1; clear:both; overflow:hidden;}
.hg5 { height:5px; overflow:hidden; zoom:1; clear:both;}
em { font-style:normal;}
/*解决ie6图片缩小出现锯齿的问题*/
v\:* { behavior: url(#default#VML);}
img.thumb{-ms-interpolation-mode: bicubic;}

/* 更多 */
.more { float:right;}

/*-----------------------------------// 页面样式 //-----------------------------------*/
/*------ 外部DIV ------*/
#wrap { width:100%; min-width:1200px; margin-bottom:20px;}

/*--- 头部 ---*/
#web_top { width:100%; min-width:1200px; padding:0; position:absolute;z-index:100; }
.header { margin:0 auto;  zoom:1;}
.logo {  float:left;} /*logo 高度*/
.tp_rt { float:right; padding:0 0 0 0; line-height:80px;}/* 右边中英文 */
.tp_rt a span { background:url('icon.gif') no-repeat left center; padding:0 0 0 15px;}

/*--- 导航 ---*/
.menu { width:960px;zoom:1; margin:0 auto; }

#nav_ecwms { width:960px; height:54px; line-height:50px;background:rgba(4,56,127,0.4); position:absolute;z-index:100; top:8%;border-radius:4px; }
#nav_ecwms .wxmenu1 { zoom:1;  padding:0 0 0 50px; }
#nav_ecwms .wxmenu1 li { width:99px; font-weight:normal; font-size:14px; float:left; z-index:100; text-align:center; position:relative; font-family:黑体; /*background:url('nav_line.gif') right no-repeat;  间隔线*/}
#nav_ecwms .wxmenu1 li a {color: #fff; font-weight:bold;  width:99px; height:40px; display: block; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#nav_ecwms .wxmenu1 li a:hover { color:#F6882F; text-decoration: none; /*鼠标滑上去后，链接的颜色和背景*/-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
#nav_ecwms .wxmenu1 ul { display:none;-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
#nav_ecwms .wxmenu1 ul li { position:relative; -webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
#nav_ecwms .wxmenu1 li ul { width:99px;  top:40px; /*下拉二级ul*/ position:absolute; left:0px; margin: 0px; padding:0; z-index:100; -webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
#nav_ecwms .wxmenu1 li ul li { width:99px; background-color:#105195;/*下拉二级和三级li的样式*/ border:0; background-image:none; height:30px; line-height:30px; text-align:left; padding:0;
-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#nav_ecwms .wxmenu1 li ul li a { color:#fff; width:99px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align:left;  display:block; text-indent:0px; height:30px; background:none; overflow:hidden; zoom:1;}
#nav_ecwms .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#nav_ecwms .wxmenu1 li ul li a:hover { color:#fff; width:99px; background:#cc0e1a; /*下拉二级三级鼠标滑过样式*/ height:30px; text-align:left; display:block;-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;}
#nav_ecwms .wxmenu1 li ul ul { left:99px;/*下拉三级左边距*/ z-index:200; top:0;}
#nav_ecwms .wxmenu1 li a.selected { color: #fff; font-weight:bold;  width:99px; height:40px; display: block; text-decoration: none; /*当前位置*/}


.ind_zho_me{background:url(../images/ind_zho_me.png) no-repeat center center; height:68px; width:100%; position:absolute;z-index:100;top:620px;}
.ind_zho_tel02{padding-left:50px;float:left;background:url(../images/in_tel.gif) left center no-repeat;}


#pdff_ned { width:860px; height:40px; line-height:40px; float:left; }
#pdff_ned .wxmenu1 { zoom:1;  padding:0 0 0 50px; }
#pdff_ned .wxmenu1 li { width:85px; font-weight:normal; font-size:14px; z-index:100; text-align:center; position:relative;font-family:黑体; background:url(../images/ind_mu.gif) right no-repeat; /* 间隔线*/}
#pdff_ned .wxmenu1 li a {color: #9a9a9a; font-weight:bold;  width:85px; height:40px; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#pdff_ned .wxmenu1 li a:hover { color:#105195; text-decoration: none; /*鼠标滑上去后，链接的颜色和背景*/}
#pdff_ned .wxmenu1 ul { display:none;}
#pdff_ned .wxmenu1 ul li { position:relative; }
#pdff_ned .wxmenu1 li ul { width:85px;  top:40px; /*下拉二级ul*/ position:absolute; left:0px; margin: 0px; padding:0; z-index:100; }
#pdff_ned .wxmenu1 li ul li { width:85px; background-color:#c1950a;/*下拉二级和三级li的样式*/ border:0; background-image:none; height:30px; line-height:30px; text-align:left; padding:0;}
#pdff_ned .wxmenu1 li ul li a { color:#333; width:99px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align:left;  display:block; text-indent:0px; height:30px; background:none; overflow:hidden; zoom:1;}
#pdff_ned .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#pdff_ned .wxmenu1 li ul li a:hover { color:#333; width:99px; background:#FFC400; /*下拉二级三级鼠标滑过样式*/ height:30px; text-align:left; display:block;}
#pdff_ned .wxmenu1 li ul ul { left:99px;/*下拉三级左边距*/ z-index:200; top:0;}
#pdff_ned .wxmenu1 li a.selected { color: #9a9a9a; font-weight:bold;  width:99px; height:40px; display: block; text-decoration: none; /*当前位置*/}


/*--- 搜索2 ---*/
#web_search2 { width:170px; float:left; padding:0 0 0 15px; zoom:1; overflow:hidden; background:none;}
.web_search2_keyword { border:0px; background:none; padding:0 10px 0 0; margin:0px; width:110px; height:40px; line-height:40px; color:#444; float:left;}
.web_search2_submit { border:0; padding:0px; margin:0px; width:40px; height:40px; line-height:40px; background:none; text-indent:999px; cursor:pointer; float:left;}


/* --- banner动画 ---*/
#web_banner { padding:0 0 0px 0; margin:0 auto; clear:both;}


.ban_whxx{ width:900px; margin:0 auto; } 
.ban_whxx_l{ width:500px; float:right;padding-top:150px;}
.ban_whxx_lf_02{ float:right}


 @keyframes ban_lf_02-in {  
     0% { left:-800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/    
    }  
    @-webkit-keyframes ban_lf_02-in {/*针对webkit内核*/  
 0% { left:-800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/ 
    }  
    @-moz-keyframes ban_lf_02-in 
   {
  0% { left:-800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/    
   } 
   @-o-keyframes ban_lf_02-in 
 {
   		 0% { left:-800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
  }

   #ban_whih_lf_02 { position:relative;

  
        animation: ban_lf_02-in;/*动画名称*/  
        animation-duration: 1.5s infinite;/*动画持续时间*/  
        -webkit-animation:ban_lf_02-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation:ban_lf_02-in 5s infinite;
        -o-animation:ban_lf_02-in 5s infinite ; 
    } 
		
@keyframes ban_lf_03-in {  
       0% { top:-100px;opacity: 0;}  
   35% { top:-100px;opacity: 0;}  
        60% {top:0;opacity: 1;}   
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/    
    }  
    @-webkit-keyframes ban_lf_03-in {/*针对webkit内核*/  
      0% { top:-100px;opacity: 0;}  
   35% { top:-100px;opacity: 0;}  
        60% {top:0;opacity: 1;}  
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/  
    }  
    @-moz-keyframes ban_lf_03-in 
   {
	    0% { top:-100px;opacity: 0;}  
   35% { top:-100px;opacity: 0;}  
        60% {top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/   
   } 
   @-o-keyframes ban_lf_03-in 
 {
       0% { top:-100px;opacity: 0;}  
    35% { top:-100px;opacity: 0;}  
        60% {top:0;opacity: 1;}  
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/  
  }

   #ban_whih_lf_03 { position:relative;

        animation: ban_lf_03-in;/*动画名称*/  
        animation-duration: 1.5s infinite;/*动画持续时间*/  
        -webkit-animation:ban_lf_03-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation:ban_lf_03-in 5s infinite;
        -o-animation:ban_lf_03-in 5s infinite; 
    } 	
	
 @keyframes ban_whih_ri-in {  
     	 0% { left:800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/ 
    }  
    @-webkit-keyframes ban_whih_ri-in {/*针对webkit内核*/  
	 0% { left:800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/ 
    }  
    @-moz-keyframes  ban_whih_ri-in 
   {
 	 0% { left:800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
   } 
   @-o-keyframes ban_whih_ri-in 
 {
		 0% { left:800px;opacity: 0;}  
        20% {opacity: 0;}  
        40% {left:0;opacity: 1;} /*结束状态 透明度为1*/   
		100% {left:0;opacity: 1;} /*结束状态 透明度为1*/  		
  }
   #ban_whih_ri{ position:relative;

  
        animation:  ban_whih_ri-in;/*动画名称*/  
        animation-duration: 1.5s infinite;/*动画持续时间*/  
        -webkit-animation: ban_whih_ri-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation: ban_whih_ri-in 5s infinite;
        -o-animation: ban_whih_ri-in 5s infinite; 
    } 	
		
@keyframes ban_lf_04-in {  
    0% { 
		opacitY: 0;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/ 
    }  
    @-webkit-keyframes ban_lf_04-in {/*针对webkit内核*/  
       0% { 
		opacitY: 0;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/ 
    }  
    @-moz-keyframes ban_lf_04-in 
   {
	    0% { 
		opacitY: 0;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/   
   } 
   @-o-keyframes ban_lf_04-in 
 {
      0% { 
		opacitY: 0;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
  }
   #ban_whih_lf_04{ position:relative;

        animation:  ban_lf_04-in;/*动画名称*/  
        animation-duration: 1.5s infinite;/*动画持续时间*/  
        -webkit-animation: ban_lf_04-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation: ban_lf_04-in 5s infinite;
        -o-animation: ban_lf_04-in 5s infinite; 
    } 	
	





@keyframes ban_lf_05-in {  
        0% { 
		opacitY: 0;top:-100px;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度*/
    }  
    @-webkit-keyframes ban_lf_05-in {/*针对webkit内核*/  
        0% { 
		opacitY: 0;top:-100px;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度*/
    }  
    @-moz-keyframes ban_lf_05-in 
   {
      0% { 
		opacitY: 0;top:-100px;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
  }
   @-o-keyframes ban_lf_05-in 
 {
          0% { 
		opacitY: 0;top:-100px;
		transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);
		}  
   35% { transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(360deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
  }
   #ban_whih_lf_05{ position:relative;

        animation:  ban_lf_05-in;/*动画名称*/  
        animation-duration: 1.5s infinite;/*动画持续时间*/  
        -webkit-animation: ban_lf_05-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation: ban_lf_05-in 5s infinite;
        -o-animation: ban_lf_05-in 5s infinite; 
    } 	
	


@keyframes ban_lf_06-in {  
       0% {opacitY: 0;top:-100px;
		transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);
		}  
   35% { transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
    }  
    @-webkit-keyframes ban_lf_06-in {/*针对webkit内核*/  
               0% {opacitY: 0;top:-100px;
		transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);
		}  
   35% { transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
    }  
    @-moz-keyframes ban_lf_06-in 
   {
            0% {opacitY: 0;top:-100px;
		transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);
		}  
   35% { transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
  }
   @-o-keyframes ban_lf_06-in 
 {
          0% {opacitY: 0;top:-100px;
		transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);
		}  
   35% { transform: rotateX(540deg);
-webkit-transform: rotateX(540deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(540deg);opacity: 0;top:-100px;}  
        60% {transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform: rotateX(0deg);top:0;opacity: 1;} 
        100% {top:0;opacity: 1;} /*结束状态 透明度为1*/
  }
   #ban_whih_lf_06{ position:relative;

        animation:  ban_lf_06-in;/*动画名称*/  
        animation-duration: 5s infinite;/*动画持续时间*/  
        -webkit-animation: ban_lf_06-in 5s infinite;/*针对webkit内核infini为循环*/ 
         -moz-animation: ban_lf_06-in 5s infinite;
        -o-animation: ban_lf_06-in 5s infinite; 
    } 	
	


/*--- 主体内容 ---*/
#web_main { width:960px; margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0;  }
#web_main_s { width:1050px; margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0; }
#web_main_02{width:1100px; margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0; }
#web_main_n{width:1250px;margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0;}
#web_main_pu{width:1140px;margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0;}
#web_main_pp{width:1170px;margin:0 auto; overflow:hidden; zoom:1; padding:10px 0 0 0;}


.ind_fw_annu{ width:1160px; margin:0 auto; height:240px; padding:50px 0 0 0px;}
.ind_fw_annu li{ float:left; text-align:center;height:240px; width:280px;}
.ind_mdds{height:120px; width:120px; margin:0 auto;}
.ind_mdds:hover{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);
background:url('ind_nn00.png') no-repeat;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
} 
.ind_mdds01{height:120px; width:120px;margin:0 auto;}
.ind_mdds01:hover{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);
background:url('ind_nn01.png') no-repeat;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
} 
.ind_mdds02{height:120px; width:120px;margin:0 auto;}
.ind_mdds02:hover{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);
background:url('ind_nn02.png') no-repeat;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
} 
.ind_mdds03{height:120px; width:120px;margin:0 auto;}
.ind_mdds03:hover{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);
background:url('ind_nn03.png') no-repeat;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
} 


#ind_mdx:hover img{ display:none;}

.ind_fw_di00{}
.ind_fw_diccf{ width:30px; height:5px; background-color:#007ad2; margin: 0 auto; position:absolute; left:49.3%; margin-top:30px;}
/*首页样式*/
.ix_left { width:300px; float:left; padding:0 10px 0 0; overflow:hidden; }
.ix_center { width:390px; float:left; background-color:#fff; padding:5px; overflow:hidden;}
.ix_right { width:240px; float:left; overflow:hidden; padding:0 0 0 10px;}


.ind_pu{background:url('ind_pu_ba.jpg') repeat-x; height:788px;}

.ind_fw_tit{ text-align:center; height:80px; border-bottom:#999 solid 1px; width:1001px; margin:0 auto; padding:30px 0 0 0}
.ind_fw_tit2{ text-align:center; height:80px; border-bottom:#fff solid 1px; width:1001px; margin:0 auto; padding:30px 0 0 0}


    /*首页按钮*/
	
	
	

/*首页关于我们*/
.ind_about{ width:1050px; margin:0 auto;}
.ind_abo_t{ width:434px; margin:0 auto;background:url('ind_about_ab.jpg') repeat-x; height:70px; text-align:center; padding-top:15px;}

.ind_abo_me{ width:272px; height:30px; border:#666 solid 2px; text-align:center; margin:0 auto;}
    /* bar */
    .bar { height:30px; line-height:30px; background:url('bar.gif') repeat-x; width:100%;}
	.bar span.span1 { width:87px; height:30px; display:block; text-align:center; background:url('bar_span.gif') no-repeat; color:#fff; font-size:14px; font-weight:bold;}
    .tu1 { width:124px; height:150px; float:right; padding:0 0 0 10px; background:url('tu1.gif') no-repeat;}/*首页关于我们图*/
	/* 内容框 */
    .neirong { overflow:hidden; zoom:1; padding:5px; background-color:#fff;}
    /* 成功案例 */
    .case {  background:url('case.gif') no-repeat; height:70px; width:240px; }
    .case a { width:240px; height:70px; display:block;}
    .case a:hover { text-decoration:none;}
    /*首页联系方式*/
    .ix_contact { width:240px; overflow:hidden; zoom:1;}
	.contact1 { padding:5px; background-color:#fff; height:156px;}

    /*首页 tab 切换*/
    .sub-con{height:196px; width:380px; display:none;}
    .cur-sub-con{ display:block;}
    .box_nav{ width:380px; height:30px;}
    .box_nav ul{width:380px; height:30px;}
    .box_nav ul li{ width:87px; height:30px;line-height:30px; text-align:center; float:left; padding:0 2px 0 0;}
    .box_nav ul li a{ width:87px; height:30px; display:block; text-align:center; background:url('bar_span.gif') no-repeat 0 -30px; color:#fff; font-size:14px; font-weight:bold;}
    .box_nav ul li a:hover{ text-decoration:none; background:url('bar_span.gif') no-repeat;}
    .box_nav ul li a.cur{ width:87px; height:30px; display:block; text-align:center; background:url('bar_span.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:bold;}
	/*热门新闻*/
	.newshot { line-height:18px; background:#f4f4f4; padding:5px; overflow:hidden; zoom:1;}
	.newshot h2 { font-size:12px; line-height:28px; color:#cc0000; width:260px; float:left;}
	.newshot h2 a { color:#cc0000;}
	.newshot img { width:101px; height:81px; float:left; padding:0 5px 0 0;}
	/*--- 首页新闻 ---*/
    #web_news li { line-height:30px; height:30px; background:url('li_news.gif') no-repeat; padding:0 0 0 10px;}
    #web_news li a { color:#222;}
	#web_news li span.time { float:right; color:#777;}
	
	.net_n{ width:552px; float:left; margin: 0 30px 0 0}
	.net_n_tit{ float:left;}
	.net_n_tit02{ font-size:20px; float:left; width:430px; font-weight:600;}
	.net_n_more{ float:right;}
	#web_news_02 li { line-height:30px; height:114px; padding:0 0 0 0px;  margin:10px 0 0 0;}
    #web_news_02 li a{}
	#web_news_02 li p{ font-size:14px; color:#999;}
	#web_news_02 li h2{  font-size:18px; color:#004694;}
	#web_news_02 li h2:hover{  font-size:18px; color:#d6880d;}
	#web_news_02 li a:hover{}
	#web_news_02 li span.time { float:left; color:#777;}	
	
	.dic_n{-moz-border-radius: 70px 70px 0 0 ; 
-webkit-border-radius: 70px 70px 0 0; 
border-radius: 70px 70px 0 0; background-color:#60a8c5; height:35px;}
	.n_time_x{ color:#fff; font-size:14px; font-family:"黑体", Gadget, sans-serif; font-weight:800; width:70px; height:35px;-moz-border-radius: 70px 70px 0 0 ; 
-webkit-border-radius: 70px 70px 0 0; 
border-radius: 70px 70px 0 0; background-color:#60a8c5;}
	.news_img{   float:left;width:350px; height:366px; border:#f5f5f5 solid 10px; box-shadow:h-shadow ; 	
	-moz-box-shadow:5px 5px 5px #999 inset;              

-webkit-box-shadow:5px 5px 5px #999 inset;           

box-shadow:5px 5px 5px #e6e6e6 ;  z-index:999; 
}
	.news_img img{ box-shadow:h-shadow v-shadow blur spread color inset;}
	
	
	.news_img2{   float:left;width:350px; height:212px; border:#f5f5f5 solid 10px; box-shadow:h-shadow ; 	-moz-box-shadow:5px 5px 5px #999 inset;              

-webkit-box-shadow:5px 5px 5px #999 inset;           

box-shadow:5px 5px 5px #999 ; margin:220px 0 0 15px; z-index:999; }
	
	.han_time{ width:70px; height:70px; float:left; text-align:center; margin:20px 0px 0 0; border:#60a8c5 solid 1px;-moz-border-radius: 70px; 
-webkit-border-radius: 70px; 
border-radius: 70px; }
	.time_xi{ width:110px; height:1px; margin:0px 0 0 0;}
	.fcnews_sd{ padding:20px; width:400px; float:left;}
	.nore_new{ width:108px; height:35px; float:right; text-align:center;margin:50px 80px 0 0;}
	.nore_new a{ font-size:18px; display:block;}
	.nore_new a:hover{width:110px; height:35px; color:#f29400;}
    .fcxia_sd{ padding:0 0 0 20px; width:400px; float:left;}
	
	/*首页产品*/



/*内页*/
.banner2 { width:960px; height:190px; margin:0 auto; padding:10px 0 0 0;}
.left { width:225px; float:left; padding:0 10px 0 0;}
.right { width:725px; float:left; background-color:#ccc;}


    /*--- 产品类别 ---*/
	.la_mu_pp{ position:absolute; margin-top:-150px; left:20%}
	
    .prod_type { padding:4px 0 10px 0;}
    .prod_type ul { margin:0 auto; float:none;background:url('lan_mu_sd.png') no-repeat; width:752px; height:60px;}
    .prod_type ul li { padding:0 0 4px 20px; margin-bottom:5px; width:130px; text-align:center; line-height:60px;}
    .prod_type ul li { float:left;}
    .prod_type ul li li { background:none; }
    .prod_type ul li a { height:29px; line-height:29px;color:#FFF; }
    .prod_type ul li a:hover, .prod_type ul li.act a { color:#ff8282 }
    .prod_type ul ul { display:none; }
    .prod_type ul ul li { text-indent:20px; border:0px; padding:0px; background-position:0px 8px; }
    .prod_type ul li, .prod_type ul li a, .prod_type ul li a:visited {}
	
	
	
	/* 内页右边 */
    .bar2 { height:35px; line-height:35px; background:url('bar2.gif') repeat-x; width:100%;}
	.bar2 span.span1 { display:block; padding:0 0 0 30px; background:url('icon2.gif') 10px center no-repeat; font-size:14px; font-weight:bold;}
	.bar2 em.em1 { float:right; font-style:normal; font-size:12px; padding:0 10px 0 0; color:#777;}
	.bar2 em.em1 a { color:#777;}
	.neirong2 { background-color:#fff; overflow:hidden; zoom:1; padding:10px;}
	

/*--- 尾部 ---*/
#web_foot { width:960px; margin:0 auto; overflow:hidden; zoom:1; text-align:center; padding:10px 0; color:#fff;}
#web_foot a { color:#fff; line-height:50px;}
#web_foot a:hover { color:#8f8f8f;}
#web_foot .copyright { font-weight:bold; font-size:14px; color:#fff;}
#web_foot ul.wxmenu1 { overflow:hidden;}
#web_foot ul.wxmenu1 li { display:inline; padding:0 10px;}
#wd_foot{ background-color:#183456; height:196px;}

/*--- 分页 ---*/
.page_num { width:100%; height:30px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#504C4D; color:#fff; margin:0 3px;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #ccc; margin:0 3px;}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}

/*--- 产品列表 ---*/
#web_product li { float:left; padding:0 10px 10px 10px; width:353px; height:320px; }
#web_product li p.pro_other { line-height:24px; text-align:center; position:absolute; margin-top:-50px;}
.pro_other{background:url('put_p.png') repeat center top; width:352px; height:50px;}
.pro_other a{ color:#FFF; line-height:50px;}

.pro_idf{ position:absolute; margin:-40px 0 0 0px; width:240px; text-align:center;}


.nei_pp{ background-color:#e5e5e5; width:265px; height:65px;text-align:center; padding-top:10px}
.nei_pp a{ line-height:30px; display:block;}
.nei_pp:hover{background-color:#ee2424; color:#FFF; }
.nei_pp a:hover{color:#FFF}
.nes_product li { float:left;  width:265px; height:400px; margin:0 10px 0 10px;}
.nes_product li p.pro_other { line-height:24px; text-align:center; position:absolute; margin-top:-50px;}

.div1 {  width:365px; height:240px; border:1px solid #ddd; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }
.div2 {  width:365px; height:240px; border:1px solid #F6882F; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }

.div1 p,.div2 p {  position:static; +position:absolute; top:50%; }   
.div1 img,.div2 img { position:static; +position:relative; top:-50%;left:-50%;  max-width: 360px; max-height: 240px; _width: expression(this.width > 360 ? 360 : true); _height: expression(this.height > 240 ? 240 : true);}
.div1 a img,.div2 a img { }

.put_xx{ padding:50px 0 50px 0; height:300px;}

.div3 {  width:350px; height:232px; border:1px solid #ddd; overflow:hidden; text-align:center; vertical-align:middle   }
.div4 {  width:350px; height:232px; border:1px solid #F6882F; overflow:hidden; text-align:center; vertical-align:middle   }
.div3 img { width:350px; height:232px; padding:1px;}
.div4 img { width:390px; height:252px; padding:1px;}

/* 懒人图库 搜集整理   图片点击 */
.view { width: 262px; height: 300px; border: 1px solid rgb(255, 255, 255); overflow: hidden; position: relative; text-align: center; box-shadow: 0px 0px 3px rgb(170, 170, 170); cursor: default; }
.view .mask, .view .content { width: 265px; height: 300px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }



.view a.info { background: url('link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding:0px;left:-150px; top:-150px;  text-indent: -9999px; width: 265px; height: 300px; }

.third-effect .mask { opacity: 0; overflow: visible; border: 150px solid rgba(13, 74, 161, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative;  opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border: 150px solid rgba(13, 74, 161, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }

.fourth-effect .mask { position: absolute; top: 50px; left: 100px; cursor: pointer; border-radius: 50px; display: inline-block; height: 150px; width: 150px; border: 50px solid rgba(13, 74, 161, 0.7); box-sizing: border-box; opacity: 1; visibility: visible; transform: scale(4); transition: all 0.3s ease-in-out 0s; }
.fourth-effect:hover .mask { opacity: 0; border: 0px solid rgba(13, 74, 161, 0.7); visibility: hidden; }


/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;}
#protext { width:100%; padding:10px 0;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:600px; _width: expression(this.width > 600 ? 600 : true);}

/*--- 新闻具体内容 ---*/
h2#h2_news { font-size:18px; line-height:60px; text-align:center;}
#news_top1 { color:#999; font-size:12px; line-height:28px; text-align:center;}
#news_contain { padding:10px;}

/*--- 新闻具体内容 ---*/
.news_rrs{ float:left; width:550px; position:relative;}
.news_rrs li{}

.news_rr_d img{ width:550px; height:350px; float:left;}
.news_rr_h2{ position:absolute; width:550px; height:350px; background:url('news_tj.png') center repeat; opacity:0.5; text-align:center; line-height:620px; margin-top:-350px;}
.news_rr_h2 a{ color:#FFF}

.news_roo li{width:295px; float:left; margin:0 5px 10px 5px;} 
.news_roo{ float:left; width:620px; margin:0 0 0 30px;}
.news_ro_t{ background:url('new_p.png') center no-repeat; position:absolute; margin:-40px 0 0 0; width:295px; height:40px; text-align:center; line-height:40px;}
.news_ro_t a{ color:#FFF;}




/*--- 在线留言具体内容 ---*/
.ibook{ margin: 50px auto; width:1010px; font-size:14px;  padding:8px;  margin-left:133px; display:inline;}
.liuyan{ margin: 50px auto; width:1010px;}
.ibook fieldset{ border:none}
.ibook_t{ padding-left:35px;width:213px; border-bottom:1px solid #e9e9e9; color:#7eb742; font-size:20px; line-height:62px; margin-bottom:20px;background: url("ibook_t.gif")/*tpa=http://0001538.ks.pangu.us/images/ibook_t.gif*/ 8px center no-repeat}
.ibookform p{ width:100%; float:left; margin-bottom:10px;}
.ibookform label{ float:left; width:95px; font-size:15px; height:62px; line-height:62px;border-left: medium none;filter:alpha(opacity=75); -moz-opacity:0.75;opacity:0.75;background:#fff;text-align: center;  color: #333;border-left: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.input144,.input70{ float:left; width:142px; height:62px; border:1px solid #d8d8d8;}
.ibookform select{ width:144px;border:1px solid #d8d8d8;}
.input70{ width:70px; margin-right:6px; display:inline;}
.border3{ border-radius:3px; position:relative; background:#fff; border-left:none ;line-height: 62px; }
.ibooksub{ background:#565960; color:#fff; border:0; margin-top:20px; width: 1010px; height:50px; line-height:50px; font-size:16px}	
.ibooksub:hover{background:#114488}
.messcon{ width: 580px;filter:alpha(opacity=80); -moz-opacity:0.80;opacity:0.80; height:190px; background:#fff url('mess_con.png') no-repeat center center; border:none; padding:10px; line-height:40px; font-size:16px; color:#333}

#field_1{ width:300px;;filter:alpha(opacity=75); -moz-opacity:0.75;opacity:0.75;background:#fff;text-align: center;  color: #333;border-right: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; height:62px; text-align:left; border-left:none}
#field_2{ width:300px;;filter:alpha(opacity=75); -moz-opacity:0.75;opacity:0.75;background:#fff;text-align: center;  color: #333;border-right: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; height:62px; text-align:left; border-left:none}


/*--- 发布时间 ---*/
.n_time { float:right; color:#777;}


/*在线招聘页面*/
input.input_job { height:24px; line-height:24px; width:280px;}

/*--- 联系我们 ---*/
.niu_sl{ width:600px; float:left;}
.niu_ss{ idth:400px; float:left;}

/*--- 在线客服 ---*/
.kf_list { padding:10px 10px; line-height:30px;overflow:hidden; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
/*--- 友情链接 ---*/
.link_list { overflow:hidden; zoom:1; padding:0 0 10px 0; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
.link_list ul li { float:left; width:110px; padding:10px 10px 0 10px;}


/*--- 新增滚动 ---*/
#demo { overflow:hidden; width:100%; height:235px; position:relative;}
#indemo { float: left; width: 880%; }
#demo1 { float: left; }
#demo2 { float: left;} 


/*作者：陈钢辉*/

/*主体*/


.body_cp_home,.body_news_home,.body_gcal_home{width:1200px;margin:0 auto;margin-top:40px;}

/*主体 - 产品*/
.body_cp_home{border-bottom:1px solid #ddd;}
.body_cp_top{text-align:center;margin-bottom:20px;padding:20px;}
.body_cp_top h1{color:#278AB9;margin-bottom:20px;font-weight:bold;font-size:33px;}
.body_cp_top h1 span{color:black;}
.body_cp_top h3{color:#666}
.body_cp_top_but:hover{text-decoration:none}
.body_cp_top_but:hover *{color:#F6882F !important;}

.body_cp_left{float:left;width:210px;background-color:#105195;padding:10px;}
.body_cp_Ltitle{text-align:center;color:white;padding:10px 0;}
.body_cp_Ltitle span{font-size:14px;color:#ddd}
.body_cp_LNav{background-color:white;padding:10px;}
.body_cp_LNav li{padding:10px 0;border-bottom:1px solid #ddd}
.body_cp_LNav a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:1s;padding-left:20px;background:url(../images/nav+.png) center left no-repeat;}
.body_cp_LNav a:hover{padding-left:30px;}

.body_cp_right{float:right}

/*主体 - 新闻*/
.body_news_bottom li{width:560px;height:130px;float:left;padding:10px 20px;border-bottom:1px dashed #ddd;}
.body_news_bottom li a{display:block;}

.body_news_bottom li a:hover .body_news_date p{padding:10px 0;}
.body_news_bottom li a:hover .body_news_nav p{color:#333}
	
.body_news_nav{width:490px;float:left;}
.body_news_nav h3{padding-bottom:10px;color:#105195;padding-top:4px;transition:1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.body_news_nav p{color:#999;transition:1s;}

.body_news_date{float:left;width:60px;text-align:center;margin-right:10px;}
.body_news_date h3{background:#105195;color:white;padding:10px;border-bottom:1px solid #666;border-radius:4px 4px 0px 0px;}
.body_news_date p{background:#ddd;letter-spacing:2px;transition:0.6s;}


/*主体 - 联系我们*/
.m { width:1200px; margin:0px auto;}

.mian5 {width:1200px; margin:0px auto; background:url(../images/l19.jpg) no-repeat -18px center; height:520px;}
.mian51 {float:left;margin:0px auto; padding-left:170px; padding-top:198px; font-size:14px; line-height:39px;}

/*主体 - 关于*/
.body_js_home{margin-top:40px;}
.body_js_nr{width:1200px;margin:0 auto;}
.body_js_nrR{float:right;width:700px;}
.body_js_nrL{float:left;}

.body_js_nrR p{line-height:40px;}
.body_js_nrR p a{border:1px solid #999;border-radius:4px;padding:4px 10px;transition:1s;}
.body_js_nrR p a:hover{background:#105195;color:white;}


/*主体 - 图片介绍*/
.body_bottom_img1{height:298px; min-width:1200px; margin:0 auto;text-align:center;background:url(../images/ind_duf.jpg) center/contain no-repeat;margin-top:100px;margin-bottom:20px;}
.body_bottom_img1 img{width:200px;transition:1s;position:relative;top:40px;margin-left:800px;}
.body_bottom_img1:hover img{margin-left:1200px;}

/*主体 - 工程案例*/
.body_gcal_but li{float:left;}
.body_gcal_but li a{display:block;width:280px;margin:10px;}
.body_gcal_but li a div{height:300px;background-repeat:no-repeat;background-size:100% 100%;background-position:center;transition:0.4s;}
.body_gcal_but li a:hover div{background-size:120% 120% !important;}
.body_gcal_but li a p{padding:0 20px;background:#ddd;text-align:center;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #999}
.body_gcal_home{border-bottom:1px solid #ddd;}


/*头部 - nav*/

.head_nav_home{background-color:#105195;margin-top:2px;}
.head_nav_home ul{width:1200px;margin:0 auto;}
.head_nav_home li{float:left;padding:20px 0px;color:#999;font-size:16px;}
.head_nav_home li a{color:white;padding:0 20px;}
.head_nav_home li a:hover{color:#F6882F}
/*头部 - search*/
.head_search_home{border-bottom:1px solid #ddd}

.head_nav_searchL{float:left;}
.head_nav_searchL a{padding-left:20px;}
.head_nav_searchR{float:right}


/*关于页*/

.gy_page_home{width:1200px;margin:0 auto;margin-top:20px;margin-bottom:40px;}
.gy_page_position{background:url(../images/logo_03.png) left center no-repeat;padding:10px 30px;color:#999;margin-bottom:20px; width:1200px; margin:0 auto;}

.gy_page_title{margin-bottom:40px !important;border-bottom:1px solid #999;line-height:30px;}
.gy_page_title h1{color:#278AB9;float:left;padding-top:10px;}
.gy_page_title ul{float:right;}
.gy_page_title ul li{float:left;margin:10px;}
.gy_page_title ul li a{display:block;padding:4px 20px;;border-radius:4px;transition:1s;}
.gy_page_title ul li a:hover{background:#105195;color:white}
.gy_page_title h2{font-size:28px;color:#278AB9;background:url(../images/ind_about_ab.jpg) center no-repeat;letter-spacing:3px;}


.gy_page_body{margin-bottom:40px;}
.gy_page_body h1{border-left:4px solid #278AB9;padding-left:20px;margin-bottom:20px;color:#666}

/*联系页*/
.gy_lx_body{}
.gy_lx_fs li{margin-bottom:20px;padding-left:50px}
.gy_lx_fs li p{}
.gy_lx_fs li p{color:#999}

/*看图*/
.Figure_body{margin-bottom:40px;}

.Figure_L{float:left}
.Figure_R{float:right}
.Figure_L a,.Figure_R a{width:70px;height:70px;display:block;position:relative;top:60px;border-radius:70px;transition:0.3s;}
.Figure_L a{background:url(../images/img_left.png) center/contain no-repeat;}
.Figure_L a:hover{background:url(../images/img_left1.png) center/contain no-repeat;background-color:#ddd !important;}
.Figure_R a{background:url(../images/img_right.png) center/contain no-repeat;}
.Figure_R a:hover{background:url(../images/img_right1.png) center/contain no-repeat;background-color:#ddd !important;}

/*pagelist*/
.pagelist{margin-top:20px;}
.pagelist li{float:left;padding:10px;}

/**/
.zzjg_body,.zsjm_body{text-align:center;}

/*招商加盟*/
.zsjm_img_but{width:850px;margin:0 auto;padding-bottom:20px;border-bottom:1px solid #ddd}
.zsjm_img_but li{float:left;}
.zsjm_img_but a{display:block;width:150px;height:150px;border-radius:10px;margin:10px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;transition:2s;}
.zsjm_img_but a:hover{background-size:200% 200% !important;}

.zsjm_lxfs{width:1200px;margin:0 auto;padding:20px;}
.zsjm_lxfs li{float:left;padding-left:90px;}
.zsjm_lxfs li a{display:block;padding:30px;font-size:18px;padding-left:90px;transition:1s;}
.zsjm_lxfs li a:hover{transform: rotateX(360deg);}

/*工程案例*/
.al_body{width:1200px;margin:0 auto;}
.al_body img{width:200px;float:left;margin:10px;border:1px solid #999}
.al_body img:hover{border:1px solid #FB6801}


/*新闻页*/

.news_body_a{padding-bottom:20px;border-bottom:1px solid #aaa}
.news_body_a li{float:left;}
.news_butA{width:1200px;margin:0 auto;padding-bottom:20px;border-bottom:1px dashed #ccc;margin-bottom:20px;}
.news_butA img{float:left;}
.news_butA div{float:right;width:780px}

.news_class_a{background:url(../images/more_bg.gif) left center no-repeat;padding:10px;border-bottom:1px dashed #ddd;margin-bottom:20px;line-height:50px;}
.news_class_a a{color:white;}

.news_class_ckgd{float:right;font-size:16px;border-radius:12px;color:#666 !important;text-decoration:underline}
.news_class_ckgd:hover{color:#105195 !important}

.news_class_ljxq{border:1px solid #999;padding:4px 20px;transition:1s;}
.news_class_ljxq:hover{background:#105195;color:white !important;}

.news_butB{width:380px;padding-right:20px;}

.news_article{padding-bottom:20px;border-bottom:1px solid #999;margin-bottom:10px;}
.news_article p{font-size:18px !important;line-height:30px;letter-spacing:2px;text-align:left !important;line-height:40px;}
.news_article  img{display:block;margin:0 auto;}


.news_a_date,.news_a_infos{float:left;}
.news_a_date{width:100px;height:100px;text-align:center;background:#;line-height:45px;font-size:20px;border-radius:100px;color:black;}
.news_a_infos{width:1000px;padding-left:40px;}
.news_a_but li:hover .news_a_date{transform: rotateY(360deg);transition:1s;}
.news_a_but li{margin-top:30px;}




