@charset "utf-8";
/*Work*/

/*MENU*/
#menu #index_left { display:none;}
#menu #index_right { display:none;}

/*TOP*/
#work_top { position:relative; width:100%;}
#work_top .swiper-container { width:100%; height:100%;}
#work_top .swiper-slide { background-position: center; background-size: cover; }
#work_top .swiper-slide .con_box { padding:8% 0 0; height:92%;}
#work_top .swiper-slide .con { margin:auto; height:70%; border-radius:360px; background:#030303; background:rgba(3,3,3,0.8); opacity:0; -webkit-transition:opacity 1s;}
#work_top .swiper-slide .con.show { opacity:1;}
#work_top .swiper-slide .con .info { padding:15% 0 0;}
#work_top .swiper-slide .con .info img { width:78%;}
#work_top .swiper-slide .con .link { padding:14% 0 0;}
#work_top .swiper-slide .con .link img { width:30%; border:1px solid #8A8887; -webkit-transition:background .5s;}
#work_top .swiper-slide .con .link img:hover { background:#4D0000;}
#work_top .swiper-pagination { position:absolute; bottom:50px;}
#work_top .swiper-pagination .swiper-pagination-bullet { width:50px; height:5px; border-radius:0; background:#FFFFFF; opacity:1;}
#work_top .swiper-pagination .swiper-pagination-bullet-active { background:#DB1919;}
#work_top .top_bottom { position:absolute; bottom:0; z-index:1; width:100%; height:40px; background:url(../images/work/top_bottom.png) no-repeat center; background-size: 100% 40px;}
#work_top .top_bottom img { margin-top:10px; cursor:pointer;}

#work_box1 { position:relative;}
#work_box1 .box { padding:70px 0 10px; background:#E9E7E7;}
#work_box1 .box_bottom { height:100px; background:url(../images/work/box1_bottom.png) no-repeat center; background-size:100% 100%;}
#work_box1 .box_bottom img { margin-top:10px; cursor:pointer;}

#work_box2 { padding:10px 0 45px;}
#work_box2 .list { display:inline-block; border:1px solid #DCDCDC; border-radius:60px; box-shadow:0px 6px #F2F2F2; overflow:hidden;}
#work_box2 span { display:inline-block; margin:0; padding:0 30px; font:14px/42px "Microsoft YaHei"; color:#000000; border-left:1px solid #DCDCDC; cursor:pointer;}
#work_box2 span:first-child { padding-left:35px; border:0;}
#work_box2 span:last-child { padding-right:35px;}
#work_box2 span:hover, #work_box2 span.sel { background:#9A7F59; color:#FFFFFF;}
#work_box2 span.ico1 { padding-left:60px; background:url(../images/work/ico_01.gif) no-repeat 0px 0px;}
#work_box2 span.ico2 { padding-left:60px; background:url(../images/work/ico_02.gif) no-repeat 0px 0px;}
#work_box2 span.ico3 { padding-left:60px; background:url(../images/work/ico_03.gif) no-repeat 0px 0px;}

#work_box3 { position:relative;}
#work_box3 .clear { padding:20px 0; height:130px; background:#E9E7E7;}
#work_box3 .clear .more { margin:auto; width:90px; height:90px; border:15px solid #FFFFFF; border-radius:90px; background:#000000 url(../images/work/load_more.png) no-repeat center; -webkit-transition: width .2s, height .2s, border .2s; cursor:pointer;}
#work_box3 .clear .more:hover {width:100px; height:100px; border-width:10px;}