@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0; font-family:Microsoft YaHei;}
a{text-decoration: none; }
li{list-style: none;}
img{border: none;}


@font-face {
/* font-test*/
font-family: tonjay;
src:url('../font/SFUDinEngAlt.woff'),
url('../font/SFUDinEngAlt.ttf'),
url('../font/SFUDinEngAlt.eot'); /* IE9 */
}



body{background:#eee;}

.x-warp{width: 94%; margin: 0 3%;}


.top{overflow: hidden; width: 100%; position:fixed; background-color:rgba(238,238,238,0.8); left:0; top: 0; z-index: 99999;}
.top_warp{}
.logo{display: block; float: left; width: 80px; margin-left: 3%;}
.top svg{width: 40px; fill: #666; margin-top: 15px; transition:fill 0.3s linear;}
.top svg:hover{fill: #000;}
.top_nav{float: right; width:660px; overflow: hidden;}
.top_nav li{float: right; width: 120px; text-align: center;  line-height: 68px; margin-left: 10px;  margin-right: 5%; }
.top_nav li a{display: block;  font-size: 16px; color: #888;}
.top_nav li a.in{font-weight: normal; color: #444;}
.top_nav li a:hover{font-weight: normal; color: #444;transition:color 0.2s linear;}
div.top a.logo_bai svg{fill: #FFF;}
div.nav_bai li a,div.nav_bai li a.in{color: #FFF; opacity: 0.9}
div.nav_bai li a:hover{color: #FFF; opacity: 1;}

.topbai{ background-color:rgba(0,0,0,0.3); z-index: 9999;}

.banner{width: 100%; height: 0;  padding-bottom: 40%; background: #98866B; border-radius: 15px 15px 0 0; overflow: hidden;  margin-top:70px; position: relative;}
.banner img{width: 100%;}
#banner{position: relative;}
#banner li{position: absolute; left: 0; top: 0; z-index: 99; opacity: 0; display: none;}
#banner li.banner_in{display: block;}
.banner_btn{ position: absolute; bottom: 20px;  z-index: 999; width: 100%;}
#bannerBtn{width: 300px; height: 13px; padding:10px 5px; margin: 0 auto; background-color:rgba(0,0,0,0.5); border-radius: 30px;}
#bannerBtn li{float: left; width: 13px; height: 13px; border-radius: 30px; background: #FFF; margin: 0 18px; cursor: pointer}
#bannerBtn li.img_btn_in{background: #F00;}


.nav{width: 100%; overflow: hidden;  position: relative;}
.nav li{width: 33.2333%; overflow: hidden; height: 0; background: #FFF; text-align: center; padding-bottom: 11%; padding-top: 6%; transition:background 0.3s linear; color: #707070;}
.nav li.nav1{position: absolute; left:0; top: 0;  border-radius: 0 0 0 15px;}
.nav li.nav2{margin: 0 auto;}
.nav li.nav3{position: absolute; right:0; top: 0;  border-radius: 0 0 15px 0;}
.nav a:hover li{color:#FFF; background:#f55;}
div.nav a:hover li.nav2{ background:#52A2D8}
div.nav a:hover li.nav3{ background:#70C25D}
.nav a li p{font-size: 16px;}
.nav_svg{width: 50%; fill: #707070; padding-bottom: 10px;}
.nav a:hover svg{fill:#FFF;}

.foot{padding:40px 0 30px 0; overflow: hidden}
.foot p{font-size:12px; color:#666;}
.foot p a{font-size:12px; color:#666;  transition:color 0.2s linear;}
.foot p a:hover{color: #000;}
.copy_left{float:left; overflow: hidden;}
.copy_left li{float: left;}
.copy_left li a{font-size:12px; color:#666; padding-right: 30px;transition:color 0.2s linear;}
.copy_left li a:hover{color: #000;}
.copy{float: right; text-align: right;}
div.foot_sheyin{width: 94%; padding: 0 3% 10px 3%; background: #ddd;}
div.foot_xiaorong{width: 90%; margin: 0 auto;}
div.foot_xiaorong p{font-size: 12px;}
dov.xiaorong_warp div.foot_xiaorong{padding-top: 30px;}


.bobo_banner{background: url(../images/bobo.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%;}
.sheying_banner{background: url(../images/mopian.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%;}
.album_banner{background: url(../images/album.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%;}
.sheying_warp{background: #ddd; padding-top: 5%; text-align: center;}
.sheying_warp div img{padding-bottom: 50px;}
.sheying_warp img{width: 60%;}


.xiaorong_box{overflow: hidden; height: 100%; background: #FFF;}
.xiaorong_banner{background: url(../images/xiaorong.jpg) no-repeat center top #ededed; background-size: 100%; width: 32.7%; padding-bottom:100%; position:fixed; left: 0; top: 0; text-align: center;}
.xiaorong_warp{margin-left:32.7%; width: 67.3%; text-align: center;}
.xiaorong_warp img{padding-top: 100px;}
.xiaorong_warp p{font-size: 16px; color: #aaa; ; line-height: 30px;}
.xiaorong_warp img{width: 90%;}
.xiaorong_title{display: none;}

.fuji_copy_warp{width: 28.7%; padding: 0 2%; position:fixed; bottom: 10px;}
.fuji_copy{width: 100%;}



.zairenjian_banner{background: url(../images/zairenjian.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%; background-attachment: fixed;}

.renxiang_banner{background: url(../images/renxiang.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%;}

.dibiao_banner{background: url(../images/dibiao.jpg) no-repeat center top #ddd; padding-bottom: 55%; background-size: 100%;}
#dibiao_img img{width: 80%;}

.texiao_warp{overflow: hidden; width: 100%; height: 100%;}
.sheying_list{overflow: hidden}
.sheying_list li{float: left; width: 49%; overflow: hidden;border-radius: 15px; margin-bottom: 30px; margin-top:10px;}
.sheying_list li:hover img{}
.sheying_list img{width: 100%; transition:all 0.2s linear; background:#FFF; display: block;}
.sheying_list a:hover img{transform:scale(1.05)}
.sheying_title{margin-top: 5%; overflow: hidden; padding-top: 90px; padding-bottom: 100px;}
.sheying_title h5{font-weight: normal; font-size: 45px; color: #666; padding-bottom: 10px; letter-spacing:3px }
.sheying_title h6{font-weight: normal; font-size: 32px; color: #aaa;}
#xiaorong_top{background:none; position: absolute; left: 0; top: 0;}
#xiaorong_top li a{color: #666;}
#xiaorong_top svg{fill:#333;}

	.zuopingimg{width: 80%; margin: 0 auto;}
  .zuopingimg img{width: 100%;}

/*手机端banner*/

.iSlider-effect {
  height: 300.5px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
}

.iSlider-effect ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
}
.iSlider-effect li {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  list-style: none;
}
.iSlider-effect ul li img{
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 15px;
}

.iSlider-effect div{
  background-color: #ffffff;
  padding: 3px;
}



.work_list{overflow: hidden; padding-top:80px;margin-left:3%;}
.work_list li{float: left; width: 21%; padding:0.5% 0.5% 0 0.5%; margin-right: 3%; background: #FFF; border-radius: 10px; margin-top: 20px; margin-bottom: 10px; text-align: center; overflow: hidden;}


.work_list li:hover a{color:#000; transition:all 0.2s linear;}
.work_list li:hover{box-shadow:0px 5px 18px #ddd;transition:all 0.2s linear;}
.work_list li img{width: 100%; }
.work_list li p{line-height: 45px;}
.work_list li a{color: #757575; font-size: 14px}
.work_title{margin-top: 5%; padding-left: 3%; overflow: hidden; padding-top: 90px; padding-bottom: 20px;}
.work_title h5{font-weight: normal; font-size: 45px; color: #666; padding-bottom: 10px; letter-spacing:3px }
.work_title h6{font-weight: normal; font-size: 32px; color: #aaa;}

.logo_div{width: 100%; background:url(../images/about_logo.png) no-repeat center top; text-align: center; position: absolute; top: 17%;}	
.about_1 {width: 100%; text-align: center; z-index: 9999; position: absolute;  top:38%;}
.about_text{padding-bottom: 140px;}
.about_text h4{ font-family: tonjay; font-size: 43px; letter-spacing:150px; text-indent: 150px; color: #555;}
h4.banquan_title {letter-spacing: 70px; text-indent: 70px;}
.about_text h3{font-size: 20px; font-weight: normal; letter-spacing: 1px; padding-top: 20px; padding-bottom: 180px; color: #555;}
.about_text p{font-size: 16px; color: #666; line-height: 34px;}
.about_text p.jiesao{padding-top: 20px;}
.about_text p.jiesao span{color:#888; font-size: 14px; padding: 0 40px;}
.about_text p.jiesao span b{color: #aaa;}
.about_1 .foot{padding: 0 3%;}
	
.logo_div img{
-webkit-animation: twinkling 5s infinite ease-in-out
}
.animated{
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes twinkling{
0%{
opacity: 0.3;
}
50%{
opacity: 1;
} 
80%{
opacity: 1;
} 
100%{
opacity: 0;
} 
}
@keyframes twinkling{
0%{
opacity: 0.3;
}
40%{
opacity: 1;
} 
60%{
opacity: 1;
} 
100%{
opacity: 0.3;
} 
	}

	

div#yidong h3{padding-bottom: 130px;}
div#yidong img{padding-top:15px; }
div#yidong p span{color:#888; font-size: 14px;}