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);
}