@charset "gb2312";
/* CSS Document */
body{ font-family:"΢ÈíÑźÚ"; font-size:14px; background-color:#00041f; color:#FFF; background-image:url(../image/nrbg.jpg);background-position-y: 400px;}
li{ list-style-type:none;}
a a:hover{ text-decoration:none;}
.nav{ width:100%; height:60px; z-index:1000;  }
.nav_logo{ width:110px; height:60px; text-align:center; float:left;vertical-align:middle; padding-left:40px;}
.nav_logo img{vertical-align:middle; margin-top:10px;}
.nav_tit{ float:right;  height:50px; padding-right:20px;}
.nav li{ list-style-type:none ;height:60px; text-align:center; line-height:60px; color:#FFF; float:left; width:80px; cursor:pointer;}
.icon-bar {
    background-color: #fff;}

	 
.box a {
	width:100px;
	height:60px;
	float:left;
	text-align: center;
	line-height:60px;
	position:relative;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	color:#FFF;
}

span {
	z-index:10;
	width:100px;
	height:80px;
	cursor:pointer
	
}
span::after {
	 content:'';
	 width:10px;
	 height:10px;
	 background:#0FF;
	
	 position:absolute;
	 top:50%;
	 left:50%;
	 margin-left:0;
	 margin-top:0;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 z-index:-1;	 
	 border-radius: 1000px;
	 -webkit-border-radius: 1000px;
	 -moz-border-radius: 1000px;
	 -o-border-radius: 1000px;
	  transition:all 100ms ease-out 0ms;
	 -moz-transition: all 100ms ease-out 0ms; /* Firefox 4 */
	 -webkit-transition:all 100ms ease-out 0ms; /* Safari and Chrome */
	 -o-transition:all 100ms ease-out 0ms; /* Opera */
	 /*transition-delay: 0ms, 0ms, 0ms, 0ms;
	 -moz-transition-delay: 0ms, 0ms, 0ms, 0ms;
	 -webkit-transition-delay: 0ms, 0ms, 0ms, 0ms;
	 -o-transition-delay: 0ms, 0ms, 0ms, 0ms;*/
	 }
a:hover span {
	color:#FFF;
}
 a:hover span::after {
	 width:160px;
	  height:160px;
	  position:absolute;
	  top:50%;
	 left:50%;
	 margin-left:-90px;
	 margin-top:-90px;
	  opacity: 100;
	 filter: alpha(opacity=100);
}

.socicon-linkedin::after {
	background: #06F;
}
.socicon-linkedin{
	color: #fff;
}


.bg-industry{ }
.banner{ text-align:center; overflow:hidden; width:100%;background-color:#00041f;}
.banner img{ width:980px; }


.center{ width:980px; margin:20px auto 20px auto; padding-top:20px; overflow:hidden;}
#sp{ height: auto; overflow:hidden;}
.spluleft{width:470px; height:440px; float:left; margin:20px 10px;}
 .sp_txt{ height:40px; text-align:center; line-height:40px; font-weight:bold;}
.title{ text-align:center; clear:both; }
.hy_introduce{  line-height:26px; color:#FFF; width:100% margin:0px auto; margin-top:20px;}
.hy_introduce img{ width:100%;}
.center .hy_point{ width:100%; margin-top:20px; opacity:100; filter:alpha(opacity=100);
        transition:all 200ms ease-out 0ms;
	 -moz-transition: all 200ms ease-out 0ms; /* Firefox 4 */
	 -webkit-transition:all 200ms ease-out 0ms; /* Safari and Chrome */
	 -o-transition:all 200ms ease-out 0ms; /* Opera */
}
.center .hy_point li{ list-style-type:none; width:25%;  float:left; height:200px; text-align:center;
border:none;
         transition:all 200ms ease-out 0ms;
	 -moz-transition: all 200ms ease-out 0ms; /* Firefox 4 */
	 -webkit-transition:all 200ms ease-out 0ms; /* Safari and Chrome */
	 -o-transition:all 200ms ease-out 0ms; /* Opera */

}
.center .hy_point li{ margin:0px; padding:0px;}
.center .hy_point li p{ font-weight:bold;}
.center .hy_point li:hover{ border:1px solid #09F;}



.center  .richeng { margin: 20px 0px; font-size:1em; }
.center  .richeng thead:first-child{ background-color:#06F; border:1px solid #06F}
.center  .richeng tr{ height:40px; font-size:12px;vertical-align: middle !important;}
.center  .richeng tr td{ border-right:1px solid #FFF;}
.center  .richeng tr td:hover{ background-color:#06F;}
.center .richeng .lastchild{ border-bottom:1px solid #fff;}
.center  .richeng tr td:first-child{ border-left:1px solid #FFF;}
.center  .richeng tr:last-child{ border-bottom:1px solid #fff;}
.center  .richeng tr:first-child{ border-bottom:1px solid #FFF;}
.center .jb{ margin:20px 0px; padding:0px;}
.center .jb li{height:240px; text-align:center; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	vertical-align: middle !important;
	}

.center .jb li .jb_jianjie{line-height:20px; padding-top:10px;}
.center .jb li img{ width:135px; height:135px;}
.center .jb li:hover{ /* padding-top:10px;*/ }

@-webkit-keyframes toBack{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	100%{ -webkit-transform:rotateY(90deg) skewY(20deg) ; }
	}
@-moz-keyframes toBack{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	100%{ -webkit-transform:rotateY(90deg) skewY(20deg) ; }
	}
@-o-keyframes toBack{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	100%{ -webkit-transform:rotateY(90deg) skewY(20deg) ; }
	}
@-ms-keyframes toBack{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	100%{ -webkit-transform:rotateY(90deg) skewY(20deg) ; }
	}
@-webkit-keyframes toShow{
	0%{ -webkit-transform:rotateY(90deg) skewY(-20deg) ; }
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	}
@-mox-keyframes toShow{
	0%{ -webkit-transform:rotateY(90deg) skewY(-20deg) ; }
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	}
@-o-keyframes toShow{
	0%{ -webkit-transform:rotateY(90deg) skewY(-20deg) ; }
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	}

@-ms-keyframes toShow{
	0%{ -webkit-transform:rotateY(90deg) skewY(-20deg) ; }
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ;}
	}

	
@-webkit-keyframes toShow1{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	100%{ -webkit-transform:rotateY(-90deg) skewY(-20deg) ;}
	}
	
@-moz-keyframes toShow1{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	100%{ -webkit-transform:rotateY(-90deg) skewY(-20deg) ;}
	}
	
@-o-keyframes toShow1{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	100%{ -webkit-transform:rotateY(-90deg) skewY(-20deg) ;}
	}
@-ms-keyframes toShow1{
	0%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	100%{ -webkit-transform:rotateY(-90deg) skewY(-20deg) ;}
	}	
	
@-webkit-keyframes toBack1{
	0%{ -webkit-transform:rotateY(90deg) skewY(20deg) ;}
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	}
@-moz-keyframes toBack1{
	0%{ -webkit-transform:rotateY(90deg) skewY(20deg) ;}
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	}
@-o-keyframes toBack1{
	0%{ -webkit-transform:rotateY(90deg) skewY(20deg) ;}
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	}
			
@-ms-keyframes toBack1{
	0%{ -webkit-transform:rotateY(90deg) skewY(20deg) ;}
	100%{ -webkit-transform:rotateY(0deg) skewY(0deg) ; }
	}
   
.box_img.zheng  .jb_imga{ -webkit-animation:toBack 250ms ease-in;
 -webkit-animation-fill-mode:forwards;
 -moz-animation:toBack 250ms ease-in;
 -moz-animation-fill-mode:forwards;
 -o-animation:toBack 250ms ease-in;
 -o-animation-fill-mode:forwards;
 -ms-animation:toBack 250ms ease-in;
 -ms-animation-fill-mode:forwards;}
.box_img.zheng  .jb_imgb{ -webkit-animation:toShow 250ms ease-out 250ms;
 -webkit-animation-fill-mode:forwards;
 -moz-animation:toShow 250ms ease-out 250ms;
 -moz-animation-fill-mode:forwards;
 -o-animation:toShow 250ms ease-out 250ms;
 -o-animation-fill-mode:forwards;
 -ms-animation:toShow 250ms ease-out 250ms;
 -ms-animation-fill-mode:forwards;}
 
.box_img.fan .jb_imga{  -webkit-animation:toBack1 250ms ease-out 250ms ;
 -webkit-animation-fill-mode:forwards;
 -moz-animation:toBack1 250ms ease-out 250ms ;
 -moz-animation-fill-mode:forwards;
 -o-animation:toBack1 250ms ease-out 250ms ;
 -o-animation-fill-mode:forwards;
 -ms-animation:toBack1 250ms ease-out 250ms ;
 -ms-animation-fill-mode:forwards;}
.box_img.fan  .jb_imgb{  -webkit-animation:toShow1 250ms ease-in ;
 -webkit-animation-fill-mode:forwards;
 -moz-animation:toBack1 250ms ease-out 250ms ;
 -moz-animation-fill-mode:forwards;
 -o-animation:toBack1 250ms ease-out 250ms ;
 -o-animation-fill-mode:forwards;
 -ms-animation:toBack1 250ms ease-out 250ms ;
 -ms-animation-fill-mode:forwards;}



.jb_imga{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:300;
}
.jb_imgb{ width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:-100;  opacity:0 ;filter: alpha(opacity=0);
 }



.center .meiti_logo{ width:100%; margin:20px 0px;}
.center .meiti_logo div{ height:60px; margin-top:10px;}
.center .meiti_logo div img{ width:100%;}


.ditu{ width:480px; height:280px; float:left; border:1px  solid #FFF;margin-top:20px;}
.ditu_xq{ float:left; width:480px; height:200px; padding-left:20px; padding-top:20px; margin-top:20px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.lxfs{ width:100%; height:34px; background-color:#404040; clear:both; font-weight:bold; color:#FFF; padding-left:16px; line-height:34px; font-size:20px;}
.lxfs_xq{ height:160px; margin:0px; line-height:26px; padding-top:20px;}

@media screen and (max-width: 780px) {
   body{ font-family:"΢ÈíÑźÚ"; font-size:12px; background-color:#00041f; color:#FFF; background-image:url(../image/nrbg.jpg);background-position-y: 400px;}
   .box{ display:none;}	
   .nav_logo{ text-align:center;}
   .center{ width:100%; margin:0px auto; padding:0px 10px;}
   .splu{width:90%;margin:10px auto; height:200px;}
   .spluleft{ float:none;}
    .spluleft div{ font-weight:bold; margin:10px auto;}
   .sp{ height:auto; overflow:hidden;}
   .center .title img{ width:100%;}
   .center .hy_point li{ width:94%; margin:3%;padding:0px;}
   .ditu{ width:100%; padding:2%; overflow:hidden;}
   .ditu_xq{  width:100%; padding:2%; line-height:26px;} 
   .lxfs_xq div{ margin:10px 0px 20px 0px;}
   .hy_introduce{ width:100%; padding:0px 3%;  text-align:justify}
   .jb_imgb{ display:none;}
}