@charset "utf-8";

#banner .swiper-pagination { position:absolute; right:left; bottom:0; width:100%; padding-bottom:20px; text-align:center;}
#banner .swiper-pagination-switch { display:inline-block; margin:0 5px; width:8px; height:8px; border-radius:4px; background:#fff; cursor:pointer; transition:all .2s;}
#banner .swiper-active-switch { width:40px; background:#e93119;}

#box1 { padding:60px 0 30px;}

#box2 { padding:50px 0; background:#edecea;}
#box2 .tab { text-align:right;}
#box2 .tab a { display:inline-block; margin-left:24px; border-left:1px solid #dad8d6; line-height:50px;}
#box2 .tab a:first-child { border:0;}
#box2 .tab a.sel { color:#d62c17; font-weight:bold;}
#box2 .tab a span { display:inline-block; margin:0 10px 0 24px; vertical-align:middle; width:50px; height:50px; border-radius:50%; background:#bebbb9 url(../images/icon_projects.png) no-repeat center top; transition:all .2s;}
#box2 .tab a.sel span { background-color:#d62c17;}
#box2 .tab a span.ico1 { background-position:50% 0;}
#box2 .tab a span.ico2 { background-position:50% -50px;}
#box2 .tab a span.ico3 { background-position:50% -100px;}
#box2 .tab a span.ico4 { background-position:50% -150px;}
#box2 .list { padding:30px 0;}
#box2 .list .li { float:left; padding:25px 0; width:25%; display:none;}
#box2 .list .li.show { display:block;}
#box2 .list .li a { display:block; margin:auto; width:290px; height:360px; background:#ffffff; overflow:hidden;}
#box2 .list .li a:hover { box-shadow:0 0 30px rgba(0,0,0,.2);}
#box2 .list .li a >img { display:block; margin-left:-45px; width:380px; height:200px; background:url(../images/noimg.jpg) no-repeat center/cover; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; /*width:290px; height:250px;*/}
#box2 .list .li a:hover >img { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05);}
#box2 .list .li a >div { position:relative; padding:15px 20px;}
#box2 .list .li a h2 { margin:0; line-height:30px; font-size:18px; color:#514b48;}
#box2 .list .li a p { margin:0; padding:10px 0 10px 24px; line-height:24px; background:url(../images/icon_projects_info.png) no-repeat left center; color:#7d7a79;}
#box2 .list .li a h3 { margin:0; color:#d62c17; font:24px/30px "Futura MdCn BT Medium","Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box2 .list .li a span { position:absolute; right:-2px; top:-10px; width:50px; border-radius:3px; line-height:20px; text-align:center; background:#d62c17; color:#fff;}
#box2 .more { padding:25px 0;}
#box2 .more a { display:block; margin:auto; padding-left:50px; width:180px; line-height:36px; border-radius:5px; background:url(../images/icon_eye1.png) no-repeat 30% 50%; text-align:center;}
#box2 .more a:hover { background-color:#fff; color:#da5230;}