@charset "utf-8";
/* CSS Document 首页 */
.flash_banner{ height:552px; overflow:hidden; position:relative;}
.flash_banner_d{ height:552px; position:relative;}
.flash_banner_d img{ position:absolute; top:0; left:50%; margin-left:-950px;}
#flash_banner_d_1{}
.flash_navs{ width:1200px; position:absolute; left:50%; bottom:0; margin-left:-600px;}
.flash_navs a{ display:block; float:left; width:18%; height:60px; line-height:60px; padding-left:20px; background-color:#fff; color:#000; font-size:14px; text-decoration:none; border-right:1px solid #c2c9c5;}
.flash_navs a:hover,.flash_navs a.active{ background-color:#ffd801; color:#0c0c0c;}

.slide_news{ width:1200px; margin:130px auto 0 auto; overflow:hidden; font-size:14px;}
.slide_news ul{ width:20000px; overflow:hidden;}
.slide_news ul li{ float:left; width:297px; margin-right:4px;}
.slide_news ul li .image{ height:223px; position:relative;}
.slide_news ul li .image .tips{ position:absolute; width:100%; height:100%; top:0; left:0; background-color:#ffd801;}
.slide_news ul li .image .tips span{ display:block; height:100px; line-height:25px; overflow:hidden; width:245px; margin:45px auto 0 auto;}
.slide_news ul li .image .tips .more{ text-align:center; margin-top:10px;}
.slide_news ul li .image .tips .more a{ display:inline-block; background-color:#000; color:#fff; padding:5px 25px; text-decoration:none;}
.slide_news ul li .name{ margin-top:12px; text-align:center; line-height:24px;}
.slide_news ul li .name span{ color:#707070; font-size:12px;}
.slide_news .icon_navs{ margin-top:40px; text-align:center;}
.slide_news .icon_navs a{ display:inline-block; width:14px; height:14px; background-color:#ffd800; border-radius:50%; margin-right:10px;}
.slide_news .icon_navs a:hover,.slide_news .icon_navs a.active{ background-color:#272727;}

.moment{ margin-top:85px;}
.moment .tit{ font-size:24px; line-height:24px; text-align:center;}
.moment .detail{ margin-top:35px; background:url(../images/moment_bg.jpg) center center no-repeat scroll; height:901px; position:relative;}
.moment .detail .dd{ width:1000px; position:absolute; top:330px; left:50%; margin-left:-500px;}
.moment .detail .brief{ font-size:24px; background-color:#fad234; height:82px; line-height:82px; padding-left:20px;}
.moment .detail ul{ margin-top:10px; overflow:hidden;}
.moment .detail ul li{ float:left; width:250px; height:200px; position:relative;}
.moment .detail ul li span{ display:block; position:absolute; width:100%; height:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.moment .detail ul li span.image{ z-index:2; transform:rotateY(0); -webkit-transform:rotateY(0);}
.moment .detail ul li span.text{ background-color:#f1cb3a; z-index:1; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.moment .detail ul li span.text b{ display:block; padding:20px; font-weight:normal; font-size:24px; color:#fff; line-height:28px;}
.moment .detail ul li span.text a{ display:block; position:absolute; right:0; bottom:0;}
.moment .detail ul li:hover span.image{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.moment .detail ul li:hover span.text{ transform:rotateY(0); -webkit-transform:rotateY(0);}

.item_focus{ }
.item_focus .tit{ font-size:24px; line-height:24px; text-align:center;}
.item_focus .detail{ margin-top:35px; background:url(../images/focus_bg.jpg) center center no-repeat scroll; height:1123px; position:relative;}
.item_focus .detail .dd{ width:940px; position:absolute; top:88px; left:50%; margin-left:-470px;}
.item_focus .detail a.lab{ position:relative; text-decoration:none; display:block;}
.item_focus .detail a.lab span{ display:block; position:absolute; width:100%; height:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.item_focus .detail a.lab span.image{ z-index:2; transform:rotateY(0); -webkit-transform:rotateY(0);}
.item_focus .detail a.lab span.text{ background-color:#272727; z-index:1; color:#fff; font-size:16px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.item_focus .detail a.lab span.text .ttd b{ font-size:24px; display:inline-block; margin-bottom:20px; line-height:24px;}
.item_focus .detail a.lab.big{ width:459px; height:459px;}
.item_focus .detail a.lab.big span.text .ttd{ padding:140px 32px 0 32px;}
.item_focus .detail a.lab.small{ width:220px; height:220px; float:left; margin-left:20px; margin-bottom:18px;}
.item_focus .detail a.lab.small span.text .ttd{ padding:52px 32px 0 32px;}
.item_focus .detail a.lab:hover span.image{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.item_focus .detail a.lab:hover span.text{ transform:rotateY(0); -webkit-transform:rotateY(0);}

.sto_global{ height:600px; position:relative;}
.sto_global img{ position:absolute; left:50%; top:0; margin-left:-800px;}