@charset "utf-8";
html,body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:13px; margin:0 auto; line-height:24px; width:100%; height:100%; background:url(../images/news/aft_bj.jpg) center;background-attachment: scroll; min-width:1240px; min-height:650px;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
dl,ul,li,ol,dt,dd,p,h1,h2,h3,h4,h5,h6,pre,figure{padding:0; margin:0; font-weight:normal;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
dl,ul,li,dt,dd,ol{list-style:none;}
img{border:0;}
em,i,s{font-style:normal; text-decoration:none;}
a{text-decoration:none; color:#666;}
a:hover{color:#cda44e;}

@font-face {
  font-family: "responsivenav";
  src:url("../fonts/responsivenav.eot");
  src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../fonts/responsivenav.ttf") format("truetype"),
    url("../fonts/responsivenav.woff") format("woff"),
    url("../fonts/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.clearfix:before,.clearfix:after{content: ""; display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

.fl{float:left;}
.fr{float:right;}
.a_wd_full{width:100%;}
.a_wd{width:1240px; margin-left:auto; margin-right:auto;}

.top_nav{background:#f9f9f9; line-height:35px; position:absolute; top:0; left:0; z-index:9999999; font-size:12px;}
.top_nav a{display:inline-block; padding:0 8px;}
.top_nav a:hover{background:#111; color:#fff;}
.top_nav .login{height:35px; overflow:hidden;}
.top_nav .que_nav li{height:35px; position:relative; float:left;}
.top_nav .que_nav li.site_nav{overflow:hidden; z-index:90000; width:80px; padding-right:0;}
.top_nav .que_nav li.site_nav span{cursor:pointer; z-index:10000; display:block; text-align:center; padding-left:5px;}
.top_nav .que_nav li.site_nav:hover{overflow:visible;}
.top_nav .que_nav li span{border:1px solid #f9f9f9; border-top:0; background:url(../images/icon_nav_02.gif) no-repeat 10px 15px; position:absolute; z-index:10000; width:93%;}
.top_nav .que_nav li.site_nav:hover span{border:1px solid #ddd; border-top:0; border-bottom-color:#fff; background:#fff url(../images/icon_nav_03.gif) no-repeat 10px 15px; position:absolute; z-index:100000;}
.top_nav .que_nav li.site_nav .site_nav_list{position:absolute; top:35px; right:0; z-index:99999; background:#fff; border:1px solid #ddd; width:650px; line-height:30px; padding:20px;}
.top_nav .que_nav li.site_nav .site_nav_list dl{float:left; padding:0 40px 0 20px; border-left:1px solid #e8e8e8; height:180px;}
.top_nav .que_nav li.site_nav .site_nav_list dl a{margin:0; padding:0;}
.top_nav .que_nav li.site_nav .site_nav_list dl a:hover{background:none; color:#00a3e7;}
.top_nav .que_nav li.site_nav .site_nav_list dl dt{font-size:16px; color:#00a3e7;}
.top_nav .que_nav li.site_nav .site_nav_list dl.nav_wd_1{padding-left:0; border:0;}
.top_nav .que_nav li.site_nav .site_nav_list dl.nav_wd_2{width:210px; padding-right:20px;}
.top_nav .que_nav li.site_nav .site_nav_list dl.nav_wd_2 dd{float:left; margin-right:15px;}
.top_nav .que_nav li.site_nav .site_nav_list dl.nav_wd_4{padding-right:0;}

.one{width:100%; height:100%; display:table}
.two{display: table-cell; vertical-align: middle; width: 100%; text-align: center}
.three{margin: 0 auto; position: relative; width: 1240px; height: 690px; min-height: 690px; min-width: 1240px; max-height: 690px; max-width: 1240px; margin-top:40px;}

.fangtan_box{position:absolute;}
.menu-panel{background:url(../images/news/aft_menu_bj.jpg) no-repeat; width:14.5161%; height:650px; overflow:hidden; color:#fff;}
.menu-panel h2{margin-top:30px; width:149px;}
.menu-panel .nav{margin-top:70px; width:125px; margin-left:auto; margin-right:auto;}
.menu-panel .nav li{margin:5px 0; line-height:30px; cursor:pointer;}
.menu-panel .nav li:hover,.menu-panel .nav li.curr{background:#b6b6b6;}
.menu-panel .nav li a{color:#fff; display:block; width:100%;}
.menu-panel .nav li a:hover,.menu-panel .nav li.curr a{color:#111;}

.custom-wrapper{width:85.4839%; height:650px; overflow:hidden; position:relative; z-index:10;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;}
.controls{margin:0;padding:0;z-index:1000; width:100%;}
.controls b{position:absolute; overflow:hidden; display:block; background:url(../images/arrow_01.png) no-repeat; width:40px; height:70px; text-indent:-100em; top:40%; cursor:pointer;}
.controls b#nav-next{right:0;}
.controls b#nav-prev{left:0;}
.controls b:hover{background-position:-80px;}
.controls b#nav-next{background-position:-40px;}
.controls b#nav-next:hover{background-position:-120px;}
.page_list{width:9999%; overflow:hidden; position:relative; height:100%;}
.bb-item{width:1060px; height:100%; text-align:left; position:relative;}
.bb-item{-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; background:#fff; float:left;}

/*#item1,#item3,#item4,#item2{display:none;}*/
#item2{background:url(../images/news/aft_about_bj.jpg) no-repeat;}
#item3{background:url(../images/news/aft_story_bj.jpg) no-repeat;}
#item4{background:url(../images/news/aft_works_bj.jpg) no-repeat;}
#item1 img,.story img,.works img{width:100%;}

/*关于设计师*/
.about_des{position:absolute; top:30.7692%; left:14.1509%; width:45.283%; color:#333;}
.bb-item  p{padding:8px 0;}
.about_des_yl{width:29.717%; height:490px; position:absolute; bottom:0; right:0; padding:2.8302%; background:url(../images/news/aft_about_bj_02.jpg) no-repeat bottom right #f7f7f7;}
.about_des_yl .yl_info{margin-top:80px; padding-right:20px;}

/*设计路上*/
.story{width:62.2642%; height:450px; padding-top:15.0943%; margin-left:auto; margin-right:auto; overflow:hidden;}
/*长文本分页*/
.textify{overflow:hidden; position:relative;}
.textify img{float:left;}
.textify_nav{margin: 10px 0; position:absolute; bottom:0;}
.textify_nav ul{margin:0; padding:0;}
.textify_nav ul li:hover, .textify_nav  ul li.selected{background-position:-24px 0;}
.textify_nav ul li{background:url(../images/news/aft_num_bj.png) no-repeat; float: left; height: 24px; margin-left:8px; margin-right:8px; width:24px; cursor:pointer; text-align:center; font-size:14px; color:#fff; line-height:24px;}
.contentText{margin-left:0; float:left;}

/*作品赏析*/
.works{width:87.7358%; margin-left:auto; margin-right:auto; margin-top:5.6604%;}
.works .adam-scroll{position:relative; width:100%;}
.works .adam-big-img{width:66.6667%; height:0; padding-bottom:47.3118%; float:left; overflow:hidden;}
.works .adam-big-img ul{ width:9999%; overflow:hidden; position:relative; }
.works .adam-big-img ul li{overflow:hidden; float:left; width:620px; overflow:hidden;}
.works .adam-big-img ul li img{width:100%;}
.works .adam_small{width:31.1828%; position:absolute; right:0; bottom:0;}
.works .adam-small-imglist{width:103.4483%; margin-left:-3.3333%;}
.works .adam-small-imglist dd{width:30%; overflow:hidden; float:left; margin-top:3.3333%; margin-left:3.3333%; cursor:pointer;}
.works .adam-small-imglist dd a{display:block; width:100%; height:0; padding-bottom:66.6667%; overflow:hidden; opacity:0.5;}
.works .adam-small-imglist dd a img{width:100%;}
.works .adam-small-imglist dd.curr a{opacity:1;}
.works .adam-small-imglist dd.curr img{padding:1.1111%; border:1px solid #ceaf6f; width:95.5556%; max-height:55px;}
.works #adam-number span{font-size:55px; line-height:60px; font-style:italic;} 
.works #adam-number samp{font-size:22px; font-style:italic;}
.works .adam-news{width:66.6667%;}
.works .adam-news .adam_info{font-size:12px; line-height:24px;}

/*我要点评*/
.pl_wd{width:80.1887%; margin-left:auto; margin-right:auto;}
.pl_up1{margin-top:7.5472%;}
.pl_up2{margin-top:5.6604%;}
.pl_box{width:41.1765%;}
.pl_box p{padding:3px 0 0;}
.pl_title{line-height:30px;}
.pl_title h3{font-size:24px; float:left;}
.pl_title p{float:right; padding:6px 0 0; line-height:24px;}
.pl_title p span{margin-left:10px;}
.pl_box img{vertical-align:middle;}
.pl_box textarea{width:98%; margin-top:8px; color:#999;}
.pl_box form #ok{float:right; width:80px; height:30px; line-height:30px; color:#fff; background-color:#777; padding:0; border:0; cursor:pointer; font-size:14px;}
.pl_box form #ok:hover{background-color:#555;}
.pl_list{width:54.1176%; height:200px; overflow:hidden;}
.pl_list ul{padding-right:4.3478%;}
.pl_list li{padding:20px 0; border-top:1px dashed #e2e2e2;}
.pl_list li.noborder{border:0;}
.pl_list li .pl_photo{width:13.6364%; height:0; padding-bottom:13.6364%; border-radius:50px; overflow:hidden; float:left; margin-left:3.4091%;}
.pl_list li .pl_photo img{width:100%;}
.pl_list li .pl_info{width:79.5455%; float:right;}
.pl_list li .pl_info h6{font-size:13px; color:#999;}
.pl_list li .pl_info h6 span{margin-left:20px;}
pre{white-space:normal;}
.pl_list li .pl_info  pre span{color:#999;}

.pl_history{margin-top:15px; width:105.8824%; margin-left:-5.5556%;}
.pl_history li{float:left; text-align:center; width:27.7778%; margin-left:5.5556%; line-height:30px; position:relative;}
.pl_history li i{display:block; width:100%; height:0; padding-bottom:62%; overflow:hidden;}
.pl_history li a{display:block;}
.pl_history li a img{width:100%; max-height:155px;}
.pl_history li a:hover i img{border:2px solid #ceaf6f; padding:0.8%; width:96.8%; max-height:147px;}
.pl_history li p{opacity:0; position:absolute; bottom:-30px; right:0; text-align:right; color:#ccc;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;}
.pl_history li:hover p{opacity:1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;}
.pl_history li p img{margin-right:3px;}
.pl_history li p span{margin-left:10px;}

footer{padding:10px 0; color:#444;}
footer a{color:#444;}
footer a:hover{color:#ccc;}

/*右侧浮窗*/
.side-bar{width:50px; position:fixed; bottom:50px; left:50%; margin-left:630px; z-index:0; font-size:0;}
.side-bar a{display:block; background:url(../images/news/aft_float_01.png) no-repeat; width:50px; height:50px;}
.side-bar a.icon_dz{background-position:-50px 0;}
.side-bar a.icon_sc:hover{background-position:0 -50px;}
.side-bar a.icon_dz:hover{background-position:-50px -50px;}
.side-bar .bdsharebuttonbox{padding:0; margin-top:-6px;}
.side-bar .bdsharebuttonbox a.icon_fx{background:url(../images/news/aft_share_01.png) no-repeat right; width:260px; height:50px; display:block; margin-left:-227px;}
.side-bar .bdsharebuttonbox a.icon_fx:hover{background:url(../images/news/aft_share_02.png) no-repeat right;}