html,body{ background-color:#f5f5f5; } .banner_box a:first-child .banner{ display: block; } .banner_box .banner{ width:100%; height:100%; display:none; position:absolute; top:0; } .world_box .banner_box .banner1{ background:url(/uploads/image/spib1/b1.jpg) no-repeat center bottom; } .world_box .banner_box .banner2{ background:url(/uploads/image/spib2/b2.jpg) no-repeat center center; } .world_box .banner_box .banner3{ background:url(/uploads/image/spib3/b3.jpg) no-repeat center bottom; } .banner_box{ height:/*260px*/520px; /*-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;*/ } .map_zi a{ color: #333; } .banner_box:hover{ height:520px; } .banner_box .bannernav{ width:100%; position:absolute; left:0; bottom:15px; z-index:10; text-align:center; } .banner_box .bannernav .dotted{ width:10px; height:10px; margin:0 10px; cursor:pointer; display:inline-block; background-color:white; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .banner_box .bannernav .dotted.on{ background-color:#d55923; } .banner_box .arrow{ width:38px; height:80px; position:absolute; top:50%; margin-top:-40px; cursor:pointer; } .banner_box .pre{ background:rgba(0,0,0,0.5) url(/uploads/image/spimg/pre.png) no-repeat; left:0; } .banner_box .next{ background:rgba(0,0,0,0.5) url(/uploads/image/spimg/next.png) no-repeat; right:0; } .world_box .banner_box .dotted{ background-color:#aaa; } /*b1动画*/ .banani1{ width:1200px; margin:60px auto; height:480px; position:relative; } .banani1 .earth{ width:388px; height:454px; background:url(/uploads/image/spib1/earth.png) no-repeat; position:absolute; left:445px; top:0; } .banani1 .addr{ width:40px; height:75px; background:url(/uploads/image/spib1/addr.png) no-repeat; position:absolute; } .banani1 .addr1{ left:50px; top:10px; } .banani1 .addr2{ left:30px; top:70px; } .banani1 .addr3{ right:60px; top:17px; } .banani1 .line-left{ width:220px; height:59px; background:url(/uploads/image/spib1/line-left.png) no-repeat; position:absolute; top:73px; left:272px; } .banani1 .line-right{ width:152px; height:122px; background:url(/uploads/image/spib1/line-right.png) no-repeat; position:absolute; top:80px; left:754px; } .banani1 .gift-left{ width:69px; height:40px; background:url(/uploads/image/spib1/gift-left.png) no-repeat; position:absolute; top:-40px; left:39px; } .banani1 .gift-right{ width:27px; height:35px; background:url(/uploads/image/spib1/gift-right.png) no-repeat; position:absolute; bottom:2px; right:13px; } .banani1 .meijia{ width:246px; height:107px; background:url(/uploads/image/spib1/meijia.png) no-repeat; position:absolute; top:0; left:0; opacity: 0.5; filter: alpha(opacity=50); /* ie 8 */ } .banani1 p{ font-size:16px; line-height:28px; position:absolute; } .banani1 .left-font1{ top:138px; left:0; } .banani1 .left-font2{ left:0; top:265px; } .banani1 .ouzhou{ width:179px; height:97px; background:url(/uploads/image/spib1/ouzhou.png) no-repeat; position:absolute; top:156px; left:910px; opacity: 0.5; filter: alpha(opacity=50); /* ie 8 */ } .banani1 .right-font1{ left:910px; top:270px; } .banani1 .right-font2{ left:910px; top:368px; } .seedetails{ width:90px; height:35px; background:url(/uploads/image/spimg/button.png) no-repeat; position:absolute; text-align:center; line-height:35px; color:white; } .banani1 .seedetails{ bottom:0; left:0; } .banani2 .seedetails{ bottom:80px; left:835px; } .banani3 .seedetails{ bottom:-20px; left:610px; } /*b2动画*/ .banani2{ width:1200px; margin:48px auto; height:504px; position:relative; } .banani2 .earth{ width:419px; height:547px; background:url(/uploads/image/spib2/earth.png) no-repeat; position:absolute; left:346px; top:0; } .banani2 .addr{ width:40px; height:73px; background:url(/uploads/image/spib2/addr.png) no-repeat; position:absolute; } .banani2 .addr1{ left:230px; top:80px; } .banani2 .addr2{ left:254px; top:91px; } .banani2 .addr3{ left:224px; top:260px; } .banani2 .addr4{ left:293px; top:308px; } .banani2 .line-left{ width:450px; height:134px; background:url(/uploads/image/spib2/line-left.png) no-repeat; position:absolute; top:235px; left:204px; } .banani2 .line-right{ width:399px; height:39px; background:url(/uploads/image/spib2/line-right.png) no-repeat; position:absolute; top:115px; left:593px; } .banani2 .gift-left{ width:58px; height:34px; background:url(/uploads/image/spib2/gift-left.png) no-repeat; position:absolute; top:-34px; left:25px; } .banani2 .gift-right1{ width:116px; height:35px; background:url(/uploads/image/spib2/gift-right1.png) no-repeat; position:absolute; top:-35px; left:228px; } .banani2 .gift-right2{ width:35px; height:54px; background:url(/uploads/image/spib2/gift-right2.png) no-repeat; position:absolute; top:-54px; left:355px; } .banani2 .aoxin{ width:172px; height:89px; background:url(/uploads/image/spib2/aoxin.png) no-repeat; position:absolute; top:178px; left:0; } .banani2 p{ font-size:16px; line-height:28px; position:absolute; } .banani2 .left-font1{ top:285px; left:0; } .banani2 .left-font2{ top:355px; left:0; } .banani2 .rihan{ width:211px; height:94px; background:url(/uploads/image/spib2/rihan.png) no-repeat; position:absolute; top:55px; right:0; } .banani2 .right-font1{ left:835px; top:155px; } .banani2 .right-font2{ left:835px; top:225px; } /*b3动画*/ .banani3{ width:1200px; margin:83px auto; height:434px; position:relative; } .banani3 .earth{ width:418px; height:471px; background:url(/uploads/image/spib3/earth.png) no-repeat; position:absolute; left:24px; top:0; } .banani3 .addr{ width:40px; height:73px; background:url(/uploads/image/spib3/addr.png) no-repeat; position:absolute; left:204px; top:116px; } .banani3 .line-right{ width:709px; height:84px; background:url(/uploads/image/spib3/line-right.png) no-repeat; position:absolute; top:94px; left:248px; } .banani3 .gift-right1{ width:27px; height:35px; background:url(/uploads/image/spib3/gift-right1.png) no-repeat; position:absolute; top:-35px; left:402px; } .banani3 .gift-right2{ width:126px; height:68px; background:url(/uploads/image/spib3/gift-right2.png) no-repeat; position:absolute; top:-68px; left:440px; } .banani3 .gift-right3{ width:69px; height:40px; background:url(/uploads/image/spib3/gift-right3.png) no-repeat; position:absolute; top:-40px; left:602px; } .banani3 p{ font-size:16px; line-height:28px; position:absolute; } .banani3 .china{ width:171px; height:89px; background:url(/uploads/image/spib3/china.png) no-repeat; position:absolute; top:36px; right:38px; } .banani3 .right-font1{ left:610px; top:155px; } .banani3 .right-font2{ left:610px; top:225px; } .banani3 .right-font3{ left:610px; top:300px; } .banani3 .right-font4{ left:610px; top:370px; font-size:18px; color:#d55923; } .choose_box{ width:100%; height:65px; background-color:#d55923; margin-top:-2px; } .choose_box .choose_wrap{ width:1200px; height:100%; margin:0 auto; } .seach_box{ width:288px; height:34px; float:left; margin-top:15px; background-color:white; } .seach_box .icon{ color:#999; font-size:22px; position:relative; top:1px; cursor:pointer; } .seach_box .icon:hover{ color:#ff4a00; } .choose_box .choose_wrap .ad{ width:200px; height:100%; background:url(/uploads/image/spimg/brackets.png) no-repeat right center; float:left; } .choose_box .choose_wrap .ad img{ width:147px; height:42px; margin-top:10px; } .choose_box .choose_wrap input{ width:240px; height:22px; line-height:22px; padding:6px; border:none; color:#666; font-size:14px; box-sizing:content-box; } .choose_box .choose_wrap .tit{ display:inline-block; margin:0 20px 0 60px; color:white; font-size:16px; float:left; line-height:65px; } .choose_box .choose_wrap .choose_search{ width:108px; height:32px; background-color:#ff6f00; color:white; border:none; font-size:16px; line-height:30px; margin:15px 0 0 30px; } .choose_box .choose_wrap .choose_search:active{ background-color:#c55120; } .headline_box{ width:1200px; margin:0 auto; } .headline_box .headline_tit{ width:100%; height:74px; line-height:74px; font-size:32px; color:#707070; font-weight:bold; } /*.headline_box .headline_tit .headline_font{ position:relative; top:20px; }*/ .headline_box .headline_tit .progress{ width:30px; height:6px; border:1px solid #d55923; float:left; margin:40px 5px 0 5px; cursor:pointer; } .headline_box .headline_tit .progress.on{ background-color:#d55923; } .headline_box .headline_tit .headline_more{ margin-top:30px; padding:10px; } .headline_box .headline_tit .circle{ width:7px; height:7px; border:1px solid #d55923; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; margin:0 1px; } .headline_box .headline_tit .more{ cursor:pointer; margin-left:10px; color:#999; font-size:14px; float:right; font-weight:normal; } .headline_box .headline_img{ width:1200px; margin:0 auto; cursor:pointer; } .headline_box .headline_img .headline{ float:left; width:300px; height:190px; margin:0 0 14px 14px; position:relative; overflow:hidden; } .headline_box .headline_img .headline1{ margin:0; width:570px; height:394px; } .headline_box .headline_img .headline_float{ width:100%; height:auto; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0px; line-height:22px; color:white; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .headline_box .headline_img .headline_float .t{ padding: 0px 20px; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden; } .headline_box .headline_img .headline_float .c{ padding:0 20px; height:0; overflow:hidden; color:#b8b8b8; margin-bottom:10px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .headline:hover .headline_float .c{ height:80px; margin-top:5px; } .headline:hover .headline_float .t{ height:auto; line-height:26px; padding-top:10px; } .info_box{ width:1200px; margin:0 auto; } .info_tit1{ width:100%; text-align:center; margin-top:20px; } .info_tit2{ width:100%; text-align:center; margin:23px 0 15px 0; } .info_tit2 img{ position:relative; top:-8px; } .line{ display: inline-block; width: 35%; border-bottom: 1px solid #bcbcbc; } .info_box .info_con{ width:100%; } .info_box .info_left{ width:240px; height:650px; float:left; margin-right:16px; } .info_box .info_left .cl{ margin-top: 0px; padding: 12px 5px; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s; transition: all 0.2s; } .info_box .info_left .face{ display: block; padding: 5px; margin-right: 10px; border-radius: 50%; border: 1px solid #eee; background-color: #fff; text-align: center; overflow: hidden; float:left; color:#ff4a00; } .info_box .info_left .name{ font-size: 14px; line-height:25px; } .info_box .info_left .con{ max-height: 50px; line-height: 25px; padding:3px 0; font-size: 14px; overflow: hidden; } .info_box .info_left .face img{ display: block; height: 45px; width: 45px; line-height: 45px; border-radius: 50%; overflow: hidden; background-color: #c0c0c0; color: #fff; transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .info_box .info_left .name a{ color:#ff4a00; } .info_box .info_left .name a:hover{ font-weight:bold; } .info_box .info_left .con a{ color:#333; } .info_box .info_left .cl:hover{ background-color:#f5f5f5; } .info_box .info_left .cl:hover .face img{ transform: rotate(0deg) scale(1.2); -moz-transform: rotate(0deg) scale(1.2); -ms-transform: rotate(0deg) scale(1.2); -o-transform: rotate(0deg) scale(1.2); -webkit-transform: rotate(0deg) scale(1.2); } .left_ad{ width:100%; height:50px; background-color:#a3a3a3; margin-top:10px; } .man_ul{ background-color:white; padding:15px 10px 15px; height:56px; } .man_ul .man{ display:inline-block; margin:8px 0 8px 5px; } .man_ul .man a{ color:#555; } .man_ul .man a:hover{ color: #ff4a00; } .info_box .info_middle{ width:648px; height:650px; background-color:white; float:left; } .info_box .info_right{ width:280px; height:650px; background-color:white; float:right; } .info_box .title{ width:100%; height:55px; line-height:55px; text-indent:20px; font-size:16px; color:#333; position:relative; background-color:white; } .info_box .list_renwu{ background-color:white; } .left_down{ width:100%; height:196px; margin-top:10px; background-color:white; } .left_down ul{ padding:10px 10px 0 25px; } .left_down ul .act{ display:inline-block; line-height:29px; margin-right:11px; } .left_down ul .act a{ color:#444; } .left_down ul .act a:hover{ color:#ff4a00; } .info_box .arrow{ width:30px; height:100%; position:absolute; right:0; background:url(/uploads/image/spimg/arrow.png) no-repeat center center; } .info_box .info_middle .list_tuwen li{ width: 300px; margin-left: 10px; overflow: hidden; } .info_box .info_middle .list_tuwen .li_tit{ color:#444; } .info_box .info_middle .li_img{ width: 100%; height: 205px; overflow: hidden; } .info_box .info_middle .li_img img{ width: 300px; height: 205px; transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .info_box .info_middle .li_tit{ float: left; width: 100%; margin-top: 10px; font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; } .info_box .info_middle .li_date{ float: left; width: 100%; font-size: 12px; color: #999; height: 30px; line-height: 30px; text-align:right; } .info_box .info_middle .li_con{ float: left; width: 100%; font-size: 12px; color: #888; height: 44px; line-height: 22px; overflow: hidden; margin-top:10px; } .info_box .info_middle .list_wenzi{ float: left; width: 100%; margin-top: 5px; padding-top: 10px; border-top: #ddd 1px solid; } .info_box .info_middle .list_wenzi li{ padding: 0 50px 0 10px; width: 260px; float: left; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .info_box .info_middle .list_wenzi li .d{ color: #bbb; padding:0px 5px 0 10px; } .info_box .info_middle .list_wenzi a{ color:#444; } .info_box .info_middle .list_wenzi a:hover{ color:#ff4a00; } /*.info_box .info_right .list_hot li{ width:310px; float: left; height: 35px; line-height: 35px; overflow: hidden; padding-right:8px; margin-left:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }*/ .info_box .info_right .list_hot a{ color:#444; } .info_box .info_right a:hover{ color:#ff4a00; } .info_box .info_right .list_hot li{ width:210px; float: left; height: 34px; line-height: 34px; padding:0 60px 0 10px; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .timef{ position:absolute; right:5px; top:0; color:#bbb; font-size:12px; } .info_box .info_right .list_hot li span{ color: #bbb; padding: 0px 5px; } .info_box .info_right .zonghe_tag a{ opacity:0.7; filter:alpha(opacity=80); color:#fff; background-color:#d55923; display:inline-block; margin:0 5px 5px 0; padding:2px 6px; line-height:21px } .info_box .info_right .zonghe_tag a:hover { opacity:1; filter:alpha(opacity=100) } .info_box .info_right .zonghe_tag a:nth-child(9n) { background-color:#4a4a4a } .info_box .info_right .zonghe_tag a:nth-child(9n 1) { background-color:#15a287 } .info_box .info_right .zonghe_tag a:nth-child(9n 2) { background-color:#5cb85c } .info_box .info_right .zonghe_tag a:nth-child(9n 3) { background-color:#d9534f } .info_box .info_right .zonghe_tag a:nth-child(9n 4) { background-color:#567e95 } .info_box .info_right .zonghe_tag a:nth-child(9n 5) { background-color:#b433ff } .info_box .info_right .zonghe_tag a:nth-child(9n 6) { background-color:#ff4a00 } .info_box .info_right .zonghe_tag a:nth-child(9n 7) { background-color:#b37333 } .info_box .info_right .zonghe_tag a:nth-child(9n 8) { background-color:#f60 } .info_box .info_right .zonghe_tag{ padding:0 6px; } .adbox{ width:1200px; overflow: hidden; margin:10px auto; } .adbox .ad_li{ float:left; background-color:red; } .adbox .li_r{ float: right; } .rect_box{ width:1200px; margin:0 auto; position:relative; } .news_box{ width:1200px; height:445px; overflow:hidden; margin-top: 20px; } .move_ul{ width:300%; position:relative; } .rect_direct{ width:40px; height:60px; position:absolute; top:50%; margin-top:-27px; cursor:pointer; } .pre_rect{ left:-50px; background:url(/uploads/image/spimg/left.png) no-repeat; } .next_rect{ right:-50px; background:url(/uploads/image/spimg/right.png) no-repeat; } .rect_box .rect_b{ width:1200px; float:left; } .rect_box .rect_s{ width:385px; height:445px; background-color:white; float:left; margin-right:22px; } .activity_con{ width:290px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .activity_time{ font-size:12px; float:right; color:#bbb; } .rect_box .rect_tit{ width:100%; height:62px; line-height:62px; text-indent:20px; color:#2f2f2f; font-size:16px; color:#666; } .rect_box .rect_tit .s_tit{ color:#bbb; font-size:12px; margin-left:30px; } .rect_box .rect_tit .arrow{ width:40px; height:100%; float:right; cursor:pointer; background:url(/uploads/image/spimg/arrow.png) no-repeat center center; } .rect_box .rect_s img{ width:100%; height:184px; } .rect_ul{ float: left; width: 100%; padding-top: 10px; } .rect_ul li{ width:355px; float: left; height: 35px; line-height: 35px; overflow: hidden; margin-left:10px; } .rect_ul li .activity_con span{ color: #bbb; padding:0px 5px 0 10px; } .rect_ul a{ color:#444; } .rect_ul a:hover{ color:#ff4a00; } .world_box{ width:100%; margin-top:54px; } .world_box .world_wrap{ width:1200px; margin:0 auto; } .world_tit1{ width: 100%; text-align: center; padding-top:45px } .world_tit2{ width: 100%; text-align: center; margin-top: 28px } .world_tit2 .line{ display:inline-block; width:35%; border-bottom:1px solid #bcbcbc; } .world_tit2 img{ position:relative; top:-8px; } .world_box .world_wrap .world_sort{ width:1200px; position:relative; } .world_box .world_wrap .refresh{ width:29px; height:89px; padding:5px 0; text-align:center; color:white; position:absolute; left:-40px; top:16px; cursor:pointer; background-color:#d55923; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:22px; } .world_box .world_wrap .change_box{ width:1200px; height:752px; overflow:hidden; } .world_box .world_wrap .change_box .change_ul{ width:1213px; display:none; } .world_box .world_wrap .change_ul.on{ display:block; } .world_box .world_wrap .list-lump.delay1{ animation: rightshow .5s ease-in-out; } .world_box .world_wrap .list-lump.delay2{ animation: rightshow .55s ease-in-out; } .world_box .world_wrap .list-lump.delay3{ animation: rightshow .6s ease-in-out; } .world_box .world_wrap .list-lump.delay4{ animation: rightshow .65s ease-in-out; } .world_box .world_wrap .list-lump.delay5{ animation: rightshow .7s ease-in-out; } .world_box .world_wrap .list-lump.delay6{ animation: rightshow .75s ease-in-out; } .world_box .world_wrap .list-lump.delay7{ animation: rightshow .8s ease-in-out; } .world_box .world_wrap .list-lump.delay8{ animation: rightshow .85s ease-in-out; } @-webkit-keyframes rightshow { 0% { transform: scale(0.5); opacity:0; } 100% { transform: scale(1); opacity:1; } } @-o-keyframes rightshow { 0% { -o-transform: scale(0.5); opacity:0; } 100% { -o-transform: scale(1); opacity:1; } } @-ms-keyframes rightshow { 0% { -ms-transform: scale(0.5); opacity:0; } 100% { -ms-transform: scale(1); opacity:1; } } @-moz-keyframes rightshow { 0% { -moz-transform: scale(0.5); opacity:0; } 100% { -moz-transform: scale(1); opacity:1; } } @-webkit-keyframes rightshow { 0% { -webkit-transform: scale(0.5); opacity:0; } 100% { -webkit-transform: scale(1); opacity:1; } } .world_box .world_wrap .list-lump{ width:290px; height:360px; float:left; margin-right:13px; background-color:white; margin-top:16px; } .world_box .world_wrap .list-lump img{ width:100%; height:180px; } .world_box .world_wrap .lump_img{ width:290px; height:180px; position:relative; overflow:hidden; } .world_box .world_wrap .p_txt{ padding:5px 15px; line-height:22px; } .world_box .world_wrap .p_tle{ border-bottom:1px solid #cdcdcd; color:#555; line-height:25px; font-size:16px; padding:5px 0; } .world_box .world_wrap .p_tle:hover{ color:#ff4a00; } .world_box .world_wrap .p_des{ color:#888; } .world_box .world_wrap .p_time{ font-size:12px; padding:10px 0; color:#999; } .world_box .world_wrap .p_time span{ margin:0 10px 0 5px; } .world_box .world_wrap .p_time .fa{ color:#aaa; } .world_box .world_wrap .lump_float{ width:50px; height:40px; padding:10px 5px; background-color:rgba(0,0,0,0.5); border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; text-align:center; color:white; } .world_box .world_wrap .circle_font{ border-top:1px solid white; display:block; margin-top:5px; padding-top:5px; } .tab_box{ width:1200px; text-align:center; margin-top:60px; } .tab_box .tab_btn{ width:274px; height:38px; border:1px solid white; display:inline-block; border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; overflow:hidden; } .tab_box .tab_btn .tab{ width:50%; height:100%; float:left; color:white; line-height:38px; cursor:pointer; } .tab_box .tab_btn .tab.on{ background-color:white; color:#333; } .tab_box .tab_btn .tab .iconfont{ margin-right:5px; } .sort_box{ width:1200px; height:100px; overflow:hidden; margin:0 auto; } .tab_box .tab_sort{ margin-top:50px; padding:0 75px; color:#cfcdce; font-size:16px; } .tab_box .tab_sort .sort{ width:150px; height:50px; float:left; font-size:16px; } .share_box{ width:1200px; margin:0 auto; } .share_box .share_ul{ width:1220px; margin-top:40px; } .share_box .share_ul li{ width:386px; height:338px; float:left; margin-right:20px; background-color:white; } .share_box .share_img{ width:100%; height:276px; position:relative; overflow:hidden; } .share_box .share_img img{ width:100%; height:276px; } .share_box .share_tit{ line-height:60px; padding:0 10px; font-size:16px; color:#353535; } .share_box .msg_float{ width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); color:white; top:-100%; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; } .share_box .msg_float p{ padding:0 20px; line-height:28px; font-size:12px; } .share_box .msg_float .time{ margin-top:20px; } .share_box .share_img:hover .msg_float{ top:0; } .share_box .share_img:hover .tit_float{ display:none; } .share_box .tit_float{ width:80px; height:60px; padding:20px 10px; color:white; text-align:center; line-height:30px; background-color:rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .share_box .price{ display:block; border-top:1px solid white; } .show_box{ width:1200px; margin:0 auto; margin-top:20px; } .show_box .show_menu{ width:1200px; text-align:center; font-size:16px; color:#666; cursor:pointer; } .show_box .show_menu li{ width:150px; height:50px; line-height:50px; display:inline-block; position:relative; } .show_box .show_menu li.on{ color:#ff4a00; } .show_box .show_menu .show_bar{ width:0; height:4px; background-color:#ff4a00; position:absolute; bottom:0px; left:0; transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;; } .show_box .show_menu li.on .show_bar{ width:150px; } .show_box .show_con{ width:1200px; height:620px; margin-top:20px; } .show_box .show_left{ width:232px; height:600px; background:url(/uploads/image/spimg/show_left.jpg) no-repeat; float:left; display:none; } .show_box .show_left .area{ padding:0 20px; margin-top:170px; } .show_box .show_left .area li{ display:inline-block; padding:5px 8px; color:white; margin-bottom:20px; border-radius:10px; } .show_box .show_left .area li.on{ background-color:#1f86d1; } .show_box .show_right{ width:966px; height:600px; float:right; overflow:hidden; } .show_ul{ display:block; } .word{ width:100%; height:600px; } .word .rect_ul{ margin-top:-16px; } .word .rect_ul li{ width:470px; height:33px; line-height:33px; } .word .rect_ul li .activity_con{ width:360px; } .word.on{ display:block; } .show_box .show_li{ width:300px; height:225px; margin-left:22px; float:left; background-color:white; margin-bottom:15px; overflow:hidden; position:relative; } .show_float{ width: 100%; height: auto; background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0px; line-height: 22px; color: white; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .show_float .t { padding: 10px 20px; font-size: 16px; height:20px; line-height:25px; overflow:hidden; } .show_float .c { padding: 0 20px; height: 0; overflow: hidden; color:#b8b8b8; margin-bottom: 10px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .show_box .show_li:hover .show_float .c{ height:100px; } .show_box .show_li:hover .show_float .t{ height:auto; } .show_box .show_li img{ width:100%; height:100%; } .product_box .product_wrap .dotted_ul { width: 1200px; text-align: center; position: absolute; bottom: -60px; } .product_box .product_wrap .dotted.on { background-color: #d55923; } .product_box .product_wrap .dotted { width: 10px; height: 10px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: white; display: inline-block; margin: 0 5px; cursor: pointer; } /*.show_box .img_msg{ padding:10px 20px; line-height:25px; } .show_box .msg_t a{ font-size:16px; color:#333; } .show_box .msg_t a:hover{ color:#ff4a00; } .show_box .message{ line-height:40px; font-size:12px; color:#999; } .show_box .recommend{ padding:2px 5px; color:#ef442a; border:1px solid #ef442a; border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .show_box .icon{ width:19px; height:19px; position:relative; top:5px; display:inline-block; background:url(/uploads/image/spimg/icon.png) no-repeat; } .show_box .message .fa{ margin:0 5px; }*/ .product_box{ width:100%; height:580px; margin-top:20px; background:url(/uploads/image/spimg/product_bg.png) no-repeat center center; } .product_box .product_wrap{ width:1200px; margin:0 auto; position:relative; } .lutai{ overflow:hidden; padding-bottom:50px; } .prd_luara{ width:5000px; height:260px; margin-top:50px; /* overflow:hidden;*/ } .product_box .product_wrap .prd_b{ width:385px; float:left; position:relative; margin-right:22px; overflow:hidden; height: 240px; } .product_box .product_wrap .prd_xl{ width:1222px; height:260px; display:none; } .product_box .product_wrap .prd_b img{ width:100%; } .product_box .product_wrap .prd_b_float{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; height:auto; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0px; line-height:22px; color:white; padding:10px 0; } .product_box .product_wrap .prd_b_float .t { padding: 0 20px; font-size: 18px; text-align: center; line-height: 35px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .product_box .product_wrap .prd_b_float .c{ padding: 0 20px; height: 0; overflow: hidden; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.5s; } .product_box .product_wrap .prd_b:hover .prd_b_float .c{ height:100px; } .about_box{ width:100%; height:662px; background:url(/uploads/image/spimg/about_bg.png) no-repeat right center; } .about_wrap{ width:1200px; height:100%; margin:0 auto; } .about_con{ padding-top:130px; width:782px; height:350px; } .p1{ font-size:25px; margin-bottom:15px; } .p2{ font-size:26px; color:#d45922; margin-bottom:15px; } .p3{ color:#666; line-height:22px; margin-bottom:15px; } .p4{ color:#9c9c9c; font-size:26px; line-height:40px; margin-bottom:30px; } .see_details{ width:110px; height:32px; background-color:#d55923; border: 0; } .see_details a{ color:#fff; } #hzkh { width: 100%; } #hzkh .hzhb { width: 1200px; margin: 0 auto; height: 180px; overflow: hidden; padding-top:20px; } #hzkh .hzhb .hzhb_t { width: 1200px; height: 30px; float: left; overflow: hidden; line-height: 30px; font-size: 18px; margin-bottom: 20px; color: #666; } #hzkh .hzhb .hzhb_c { overflow: hidden; position: relative; z-index: 2; width: 1200px; height: 55px; } #hzkh .hzhb .hzhb_c ul { position: absolute; width: 10000px; left: 0; overflow: hidden; } #hzkh .hzhb .hzhb_c ul li { overflow: hidden; float: left; width: 150px; height: 45px; text-align: center; } #hzkh .hzhb .hzhb_c ul li img{ height: 45px; opacity: 0.5; filter:alpha(opacity=50); -webkit-filter: grayscale(100%); filter: grayscale(100%); } #hzkh .hzhb .hzhb_c ul li img:hover{ opacity:1; filter:alpha(opacity=100); -webkit-filter: grayscale(0); filter: grayscale(0); } #hzkh .hzhb .text{ line-height: 30px; color: #959595; font-size: 14px; margin-top: 20px; } #hzkh .hzhb .text span{ margin-right: 10px; } .headline .tout{ width: 100%; } .kehulie{ margin-left:40px; font-size:12px; } .kehulie a{ color:#999; } .kehulie a:hover{ color:rgba(213, 89, 35, 0.89); }