﻿@charset "utf-8";
#footer .up a{ color: #565656;}
#fg_about .floor{display: block;  padding: 60px 0; }
 
#n_fg1{}
#n_fg1 h1{ font-size: 22px; /*padding-top: 50px;*/ color: #3b3b3c; display: block; margin-bottom: 20px;}
#n_fg1 p{font-size: 14px; color: #59595b; line-height: 30px; margin-bottom: 5px;}
#n_fg1 img{ width: 550px; height: 330px;}
.main_box .left {width:600px;}
.j_parallax {background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative;}

#n_fg2{ background-image: url(../images/bg_number.jpg);  height:380px; margin:0; padding:0; } 
#n_fg2 .j_parallax { background-image: url(../images/bg_number_sjc.jpg);  height:380px;}
#n_fg2 ul{ margin:0 -60px; }
#n_fg2 li{ display:block; margin:70px 60px 0 60px; float:left; width:210px;}
#n_fg2 li .number{ margin:0 auto; position:relative;  border-radius:10px; background:#ff1d00; height:210px; width:210px;}
#n_fg2 li .number h2{ font-family:"Impact", Arial, Helvetica, sans-serif; line-height:210px; color:#fff; font-size: 90px; text-align:center; }
#n_fg2 li .number #about_more{ position:absolute; right:20px; top:20px;}
#n_fg2 li .number .line{ height:10px; display:block; background:#ff1d00; position:absolute; top:50%; z-index:16;width: 100%;}
#n_fg2 li h1{padding-bottom: 60px; text-transform:lowercase;display:block; margin-top:30px; text-align:center; color:#fff; font-size:16px;}
 

#n_fg3{}
#n_fg3 h1{ font-size: 22px; padding-top: 50px; color: #3b3b3c; display: block; margin-bottom: 20px;}
#n_fg3 p{font-size: 14px; color: #59595b; line-height: 30px; margin-bottom: 25px;}
#n_fg3 ul{ position: relative; height: 650px; display: block;}
#n_fg3 li{ display: block; position: absolute; background: #000; }
#n_fg3 li .box{ position: relative;}
#n_fg3 li img{ display: block;}
#n_fg3 .li1{ left: 0; top: 0;}
#n_fg3 .li1 img{ width: 580px; height: 650px;}
#n_fg3 .li1 .box{  width: 580px; height: 650px; }
#n_fg3 .li2{ right: 0; top: 0;}
#n_fg3 .li2 img{ width: 600px; height: 340px;}
#n_fg3 .li3{ right: 310px; bottom: 0;}
#n_fg3 .li3 img{ width: 290px; height: 290px;}
#n_fg3 .li4{ right: 0; bottom: 0;}
#n_fg3 .li4 img{ width: 290px; height: 290px;}

#n_fg3 .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }
#n_fg3 li .icon_box::before,#n_fg3 li .icon_box::after {position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#n_fg3 li .icon_box::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
#n_fg3 li .icon_box::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
#n_fg3 li:hover .icon_box::before,#n_fg3 li:hover .icon_box::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
#n_fg3 li:hover img{opacity: .6;}

#n_fg4{}
#n_fg4{background: #f5f5f7; }
#n_fg4 h1{ font-size: 22px;  color: #3b3b3c; display: block; margin-bottom: 20px;}
#n_fg4 p{font-size: 14px; color: #59595b; line-height: 30px; margin-bottom: 25px;}
#n_fg4 .un_box{ margin-top: 30px;}

/*#n_fg4 .un_box ul{ margin:0 -25px -25px -25px; overflow: hidden;}
#n_fg4 .un_box li{ width:260px; position: relative; height: 120px; float:left; margin:25px;}
#n_fg4 .un_box li a{ display: block; position: absolute; left: 0; top: 0;}
#n_fg4 .un_box li img{ width:260px; height:120px; opacity:0.7;  display:block; -webkit-filter:grayscale(1);}
#n_fg4 .un_box li a:hover img{-webkit-filter: none; opacity:1; }
#n_fg4 .un_box li a:hover{ box-shadow: 0 0 8px #ccc; top: -5px;}
*/
#n_fg5{}
#n_fg5 .up_box h1{ font-size: 22px;  color: #3b3b3c; display: block; margin-bottom: 20px;}
#n_fg5 .up_box p{font-size: 14px; color: #59595b; line-height: 30px; margin-bottom: 25px;}
#fg_team{}
#fg_team ul{ position: relative; height: 1120px;}
#fg_team li{ display: block; position: absolute; }
#fg_team li a{ display: block; position: relative; }
#fg_team li img.pic{ display: block; width: 275px; height: 350px;}
#fg_team li .text_box{  overflow: hidden; text-align: center; color: #fff; position: absolute; width: 275px; height: 350px; left: 0; top: 0; position: absolute; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#6B000000', endColorstr='#6B000000');background:rgba(0,0,0,0.42);}
#fg_team li .text_box .box{ padding-top: 270px;}
#fg_team li .text_box h1{ font-size: 16px; color: #fff; margin-bottom: 5px; display: block;}
#fg_team li .text_box span{ font-size: 14px; color: #fff; display: block; }

#fg_team li.li10 .pic_box{ padding-top: 110px; }
#fg_team li.li10 img{ display: block; margin: 0 auto;}
#fg_team li.li10 h2{ display: block; padding-top: 40px; text-align: center; color: #131313; font-size: 18px; margin: 0 auto;}

#fg_team .li1{ left: 0; top: 0;}
#fg_team .li1 img{  }
#fg_team .li2{ left:305px; top: 0;}
#fg_team .li2 img{ }
#fg_team .li3{ right: 305px; top: 0;}
#fg_team .li3 img{  }
#fg_team .li4{ right: 0; top: 0;}
#fg_team .li4 img{  }
#fg_team .li5{ left: 0; top: 385px;}
#fg_team .li5 img{ }
#fg_team .li6{ right: 0; top: 385px;}
#fg_team .li6 img{  }
#fg_team .li7{ left: 0px; bottom: 0;}
#fg_team .li7 img{  }
#fg_team .li8{ left: 305px; bottom: 0;}
#fg_team .li8 img{  }
#fg_team .li9{ right: 305px; bottom: 0;}
#fg_team .li9 img{ }
#fg_team .li10{ right: 0; bottom: 0;   }
#fg_team .li10 img{ }
#fg_team .li11{ right: 305px; top: 385px; width: 590px; height: 350px; background: #ff1d00;}
#fg_team .li11 .box{ padding: 0; height: 350px;}
#fg_team .li11 img{ display: block; margin:90px auto 0 auto;  }



 
#n_fg6{background: #f5f5f7;}
#n_fg6 h1{ font-size: 22px; color: #3b3b3c; display: block; margin-bottom: 20px;}
#n_fg6 p{font-size: 14px; color: rgb( 89, 89, 91 ); line-height: 30px; margin-bottom: 25px;}
#n_fg6 ul{ margin: 0 -25px;}
#n_fg6 li{ width: 200px; display:block; float: left; margin: 0 25px;}
#n_fg6 li img{ width: 200px; height: 285px;}

