@charset "utf-8";

#industry { height:75px; background:#fff;}
#industry .page_width { height:100%;}
#industry .notice { float:left; margin-top:22px; padding-left:30px; background:url(../images/icon_notice.png) no-repeat left center;}
#industry .notice a { display:inline-block; margin-right:30px; line-height:30px;}
#industry .notice a:before { content:"● "; color:#cdcac7;}
#industry .notice a span { padding-left:10px; font-size:12px; color:#b1aca7;}
#industry .link { position:relative; z-index:10; float:right; height:100%;}
#industry .link a { position:relative; float:left; margin-right:6px; width:190px; height:100%; overflow:hidden;}
#industry .link a.ico1 { background-color:#b2652d;}
#industry .link a.ico2 { background-color:#bb8242;}
#industry .link a.ico3 { background-color:#d4a265;}
#industry .link a.ico4 { background-color:#e7b972;}
#industry .link a:hover { margin-top:-40px; padding-top:40px; background-color:#f37847;}
#industry .link a p { margin:0; padding-left:40px; background:url(../images/industry_ico.png) no-repeat; text-align:center; font-size:16px; line-height:75px; color:#fff;}
#industry .link a.ico1 p { background-position:30px 50%;}
#industry .link a.ico2 p { background-position:-170px 50%;}
#industry .link a.ico3 p { background-position:-365px 50%;}
#industry .link a.ico4 p { background-position:-560px 50%;}
#industry .link a span { position:absolute; left:35px; top:10px; width:120px; height:0; line-height:20px; font-size:16px; text-transform:uppercase; color:#f0ab81; overflow:hidden; transition:all .2s;}
#industry .link a:hover span { height:50px;}

#con1 { padding:40px 0; background:#edecea;}
#con1 .news { float:left; padding:20px; width:46%; height:320px; background:#fff;}
#con1 .projects { float:right; padding:20px; width:46%; height:320px; background:#fff;}
#con1 .box_title { padding-bottom:10px; height:40px; line-height:40px;}
#con1 .news .box_title { border-bottom:2px solid #bcbcbc;}
#con1 .box_title em { float:left; padding-left:40px; background:url(../images/index_con_ico.png) no-repeat left top; font-size:20px; font-style:normal; color:#443c34;}
#con1 .projects .box_title em { background-position:left bottom;}
#con1 .box_title a,#con1 .box_title p { float:right; position:relative; margin-right:10px;}
#con1 .box_title a span { position:absolute; right:10px; top:0; width:0; height:40px; text-align:center; overflow:hidden; transition:all .2s;}
#con1 .box_title a:hover span { width:40px;}
#con1 .box_title p span { float:left; margin:0 3px; width:9px; height:9px; border-radius:50%; background:#ececec; box-shadow:inset 1px 1px 2px rgba(0,0,0,.3);}
#con1 .box_title p span.sel { background:#d60800;}
#con1 .news .tabs { padding:12px 0 24px; height:34px; line-height:34px;}
#con1 .news .tabs a { position:relative; float:left; margin-right:1px; width:30%; height:100%; background:#e0dbd4; text-align:center;}
#con1 .news .tabs a.sel { background:#b30900; color:#fff; font-weight:bold;}
#con1 .news .tabs a.sel:after { content:""; position:absolute; left:50%; bottom:0; margin:0 0 -5px -5px; width:10px; height:10px; background:#b30900; transform:rotate(45deg);}
#con1 .news .tabs_con > div { display:none;}
#con1 .news .tabs_con > div.sel { display:block;}
#con1 .news .tabs_con > div > div { float:left; margin-top:8px; width:210px;}
#con1 .news .tabs_con > div > div img { display:block; width:210px; height:140px;}
#con1 .news .tabs_con > div > div p { margin:5px 0 0; line-height:20px;}
#con1 .news .tabs_con > div > ul { margin:0 0 0 230px; padding:0; list-style:none;}
#con1 .news .tabs_con > div > ul li { line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#con1 .news .tabs_con > div > ul li:before { content:"· "; color:#b30900;}
#con1 .news .tabs_con > div > ul li span { float:right; margin-left:10px; font-size:12px;}
#con1 .projects ul { padding-top:10px; height:260px;}
#con1 .projects ul * { transition:all .3s;}
#con1 .projects ul li { float:left; padding:0 .2%; width:18%; height:100%; overflow:hidden;}
#con1 .projects ul li.sel { width:60%;}
#con1 .projects ul li .logo { position:relative; float:left; width:100%; height:100%; background:#f4f3f2 no-repeat center; background-size:contain; cursor:pointer;}
#con1 .projects ul li .logo p { position:absolute; left:0; top:50%; width:100%; margin-top:-24px; line-height:24px; text-align:center; overflow:hidden; color:#333;}
#con1 .projects ul li.sel .logo { width:0;}
#con1 .projects ul li .info { width:0; height:100%; background:no-repeat center; background-size:cover; overflow:hidden;}
#con1 .projects ul li.sel .info { width:100%;}
#con1 .projects ul li.sel .info a { position:relative; display:block; width:100%; height:100%;}
#con1 .projects ul li .info a div { position:absolute; left:0; bottom:0; padding:10px 20px; width:170px; height:80px; background:rgba(134,66,31,.8); background:#86421f \9; color:#fff; display:none;}
#con1 .projects ul li.sel .info a div { display:block;}
#con1 .projects ul li .info a div h3 { margin:0; line-height:30px;}
#con1 .projects ul li .info a div p { margin:5px 0; line-height:20px; font-size:12px;}

#con2 { padding:40px 0 50px;}
#con2 a { position:relative; float:left; width:25%; overflow:hidden;}
#con2 a >img { display:block; width:100%; transition:all .3s;}
#con2 a:hover >img { transform:scale(1.1,1.1)}
#con2 a >div { position:absolute; left:50%; top:50%; margin:-35px 0 0 -50px; line-height:50px; font-size:24px; font-weight:bold; color:#fff;}
#con2 a >div:after { position:absolute; left:0; bottom:0; content:""; width:52px; height:2px; background:#fff;}
#con2 a.link1 >div { left:30px; top:10px; margin:0; line-height:40px; font-size:16px; font-weight:bold; color:#fdf0d5;}
#con2 a.link1 >div:after { background:#fdf0d5;}
#con2 a.link1 >div.year { left:50%; top:50%; margin:-80px 0 0 0; line-height:100px; font-style:italic; font-size:22px; font-weight:bold; color:#fc8817; text-shadow:5px 5px 5px rgba(0,0,0,.3);}
#con2 a.link1 >div.year span { padding-right:10px; font-weight:normal; font-size:85px; font-family:Constantia;}
#con2 a.link1 >div.year:after { display:none;}
#con2 a.link2 >div { margin-left:-60px; color:#7b543f;}
#con2 a.link2 >div:after { background:#7b543f;}
#con2 a.link4 >div { margin:-35px 0 0 -35px; width:70px; height:70px; border-radius:50%; background:rgba(255,255,255,.7) url(../images/arrow_right2.png) no-repeat center; background:#e7f1f4 url(../images/arrow_right2.png) no-repeat center \9; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
#con2 a.link4:hover >div { margin-top:-90px; background-position:center -50px; background-color:rgba(255,255,255,0);}
#con2 a.link4 >div:after { content:"视频中心"; top:100%; left:50%; margin-left:-50px; width:100px; height:40px; text-align:center; line-height:40px; background:none; text-shadow:0 0 5px rgba(0,100,255,.5); opacity:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
#con2 a.link4:hover >div:after { opacity:1;}