/* CSS Document */


/*css重置*/
body,div,a,p,ul,li,h1,h2,h3,h4,h5,h6,img{margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
ul,li{list-style:none;}
body{overflow:scroll;}

/* Clear Fix */
.clearfix:before, .clearfix:after{display:table; content:''; clear:both;}
/* Hide from IE Mac */
.clearfix {display:block; }

/*通用样式*/
.f-left{float:left;}
.f-right{float:right;}
.t-left{text-align:left;}
.t-right{text-right:right;}
.content-in{width:1200px; margin:0 auto;}
.floor{padding-top:40px; padding-bottom:50px; overflow:hidden;}
.center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

.head_title{text-align:center; cursor:default;}
.head_title h1{font-size:36px; color:#0ca7f0;}
.head_title p{font-size:16px; color:#999;}



/*海报*/
.banner{height:434px; background:url(../coin/rwbanner.jpg) no-repeat center center; overflow:hidden;}


.banner .title{width:; float:right; margin-top:120px; margin-right:120px;}
.banner .title h1{font-size:40px; color:#fff; font-weight:bold;  text-align:center;}
.banner .title p{font-size:18px; color:#fff; text-align:left; padding-top:15px;  cursor:default;}
.banner .title .text_list{width:360px; padding-top:20px;}
.banner .title .text_list p{font-size:16px; color:#fff; padding-left:25px; padding-top:0; width:145px; height:30px; float:left; line-height:30px; background:url(../images_rw/banner_hook.png) no-repeat left center; display:inline-block;}





/*floor1*/
.floor1{background:#fff;}
.floor1 .con_title{width:1000px; margin:30px auto 0; cursor:default;}
.floor1 .con_title p{font-size:16px; color:#666; text-align:center; padding-top:20px; padding-right:25px; line-height:150%;}
.floor1 .con_title .img_left{float:left;}
.floor1 .con_title .img_right{float:right; margin-top:-20px;}

.floor1 ul{width:auto; margin:110px auto 60px; width:1180px;}
.floor1 ul li{float:left; margin:0 10px; text-align:center; cursor:default;}
.floor1 ul li img{transition:0.5s;}
.floor1 ul li:hover img{
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:gray;
}
.floor1 ul li p{font-size:14px; color:#999; padding-top:10px;}
.floor1 ul .arrow img{padding-top:40px;}


/*floor2*/
.floor2{background:#f9f9f9;}
.floor2 ul{margin-top:90px; margin-bottom:30px;}
.floor2 ul li{float:left; text-align:center; width:200px; margin-right:50px; cursor:default;}
.floor2 ul li img{width:107px; height:107px; transition:0.5s;}
.floor2 ul li:hover img{
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:gray;
}
.floor2 ul li h2{font-size:16px; color:#666; padding-top:15px;}
.floor2 ul li p{font-size:12px; color:#999; text-align:left; padding-top:5px;    line-height: 18px;}




/*floor3*/
.floor3{background:#fff;}
.floor3 .mid_wrap{width:350px; height:330px; background:url(../images/f3_bg.png) no-repeat center center; margin:0 auto; position:relative; cursor:default;}
.floor3 .mid_wrap .f3_icon{
    z-index:111;
    position:absolute;
    width:62px;
    height:62px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-position:center center;
    background-repeat:no-repeat;
}
.floor3 .mid_wrap .f3_icon01{background-color:#ffb469; background-image:url(../images/f3_icon01.png); top:54px; left:10px;}
.floor3 .mid_wrap .f3_icon02{background-color:#ff8d8f; background-image:url(../images/f3_icon02.png); top:54px; right:10px;}
.floor3 .mid_wrap .f3_icon03{background-color:#8ccd51; background-image:url(../images/f3_icon03.png); top:208px; left:10px;}
.floor3 .mid_wrap .f3_icon04{background-color:#73d2ff; background-image:url(../images/f3_icon04.png); top:208px; right:10px;}
.floor3 .mid_wrap .f3_icon05{width:110px; height:126px; background:url(../images/f3_icon05.png) no-repeat center center; text-align:center; z-index:222;}
.floor3 .mid_wrap .f3_icon05 span{font-size:18px; color:#fff; line-height:125px;}


.floor3 .text{position:absolute; width:320px; cursor:default;}
.floor3 .text h2{font-size:18px; color:#666; margin-bottom: 5px;}
.floor3 .text p{font-size:14px; color:#999; line-height:20px;}



/*floor4*/
.floor4{background:#f9f9f9;}

.floor4 ul{margin-top:110px; margin-bottom:20px;}
.floor4 ul li{width:220px; height:270px; background:#fff; background-position:center bottom; background-repeat:no-repeat; background-image:url(../coin/f4_bg.png); transition:0.5s; float:left; margin:0 10px; cursor:default;text-align: left;}
.floor4 ul li:hover{background-image:url(../coin/f4_bg-.png);}

.floor4 ul li .li_top{position:relative;}
.floor4 ul li .circle_wrap{
    width:70px;
    height:70px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-width:2px;
    border-style:solid;
    border-color:transparent;
    transition:0.5s;
}
.floor4 ul li:hover .circle_wrap{border-color:#04adf4;}

.floor4 ul li .circle{
    width:60px;
    height:60px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background: linear-gradient(-90deg,#cccccc,#1cccccc); /* 标准的语法 */
    background: -webkit-linear-gradient(-90deg,#cccccc,#cccccc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-90deg,#cccccc,#cccccc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-90deg,#cccccc,#cccccc); /* Firefox 3.6 - 15 */
    transition:0.5s;
}
.floor4 ul li:hover .circle	{
    background: linear-gradient(-90deg,#00b0ed,#1dd6f7); /* 标准的语法 */
    background: -webkit-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-90deg,#00b0ed,#1dd6f7); /* Firefox 3.6 - 15 */
}

.floor4 ul li h2{font-size:16px; color:#666; padding:50px 0 30px 0; text-align:center;}
.floor4 ul li img{width:39px; height:35px;}
.floor4 ul li span{font-size:12px; color:#999; background-image: url(../coin/f4_hook.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; margin-left:30px; display:inline-block;line-height: 20px;}

/*floor5*/
.floor5{background:#fff;}
.floor5 ul{position:relative; margin-top:100px; margin-bottom:50px;}
.floor5 ul li{text-align:center; float:left; cursor:default; margin:0 39px;}
.floor5 ul li img{transition:0.5s;}
.floor5 ul li:hover img{
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:gray;
}
.floor5 ul li span{
    position:relative;
    z-index:222;
    width:20px;
    height:20px;
    display:block;
    margin:40px auto 10px;
    background:#0ca7f0;
    color:#fff;
    font-size:14px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.floor5 ul li p{font-size:16px; color:#666;}
.floor5 ul .line{width:1000px; height:1px; background:#dedede; position:absolute; top:140px; left:0; right:0; margin:auto; z-index:111;}


/*floor6*/
.floor6{background:#f9f9f9;}
.hide {display:none;}

/*一级选项卡*/
.floor6 .tab{margin-top:30px;}
.floor6 .tab .tab_menu{width:485px; margin:0 auto;}
.floor6 .tab .tab_menu li{float:left; font-size:16px; color:#999; transition:0.5s; width:135px; height:40px; margin-right:40px; line-height:40px; text-align:center; border-bottom:2px solid transparent; cursor:pointer;}
.floor6 .tab .tab_menu li:hover{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}
.floor6 .tab .tab_menu li.on{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}

.floor6 .tab .tab_box{margin-top:50px; width:1200px; height:300px;}

.floor6 .tab .tab_box>div>ul{}
.floor6 .tab .tab_box>div>ul li{float:left; margin:0 9px 18px 9px; width:220px; height:110px; border:1px solid #e9e9e9; position:relative;}
.floor6 .tab .tab_box>div>ul li>img{width:220px; height:110px;}
.floor6 .tab .tab_box>div>ul li .wrap_out{width:220px; height:0;  background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; transition:0.5s;}
.floor6 .tab .tab_box>div>ul li:hover .wrap_out{height:110px;}
.floor6 .tab .tab_box>div>ul li .wrap_out>input{
    width:93px;
    height:27px;
    border-radius:27px;
    -o-border-radius:27px;
    -ms-border-radius:27px;
    -webkit-border-radius:27px;
    background:#ffc000;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:27px;
    border:none;
    margin:0 auto;
    opacity:0;
    display:block;
    transition:0.5s;
    cursor:pointer;
}
.floor6 .tab .tab_box>div>ul li:hover .wrap_out>input{opacity:1; margin:41px auto 0;}

/*二级选项卡*/
.floor6 .slidebox2{height:220px; position:relative;}
.floor6 .slidebox2 .hd{width:69px; position:absolute; left:0; right:0; bottom:-50px; margin:auto;}
.floor6 .slidebox2 .hd ul{width:69px;}
.floor6 .slidebox2 .hd ul li{
    margin:0 5px;
    float:left;
    width:13px;
    height:13px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#d6d6d6;
}
.floor6 .slidebox2 .hd ul li.on{background-color:#989898;}

.floor6 .details>li{
    float:left;
    overflow:hidden;
    position:relative;
    padding-top:20px;
    width:285px;
    height:200px;
    background:#fff;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-right:20px;
}
.floor6 .details>li .wrap_out{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    width:285px; height:0px;
    transition:0.5s;
    border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.floor6 .details>li .wrap_out input {
    margin:0 auto;
    display:block;
    width:108px;
    height:30px;
    border-radius:30px;
    -o-border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    background:#ffa903;
    border:none;
    color:#fff;
    font-size:14px;
    cursor:pointer;
    transition:0.5s;
    opacity:0;
}

.floor6 .details>li:hover .wrap_out{width:285px; height:220px;}
.floor6 .details>li:hover .wrap_out input{margin:90px auto; opacity:1;}

.floor6 .details>li .head_img{padding-left:20px; width:75px;  float:left; position:relative;}
.floor6 .details>li .head_img img{
    width:65px;
    height:65px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border:5px solid #eee;
}
.floor6 .details>li .head_img .hook{position:absolute; bottom:5px; right:0px; width:20px; height:20px; display:block; background:url(../images_rw/hook.png) no-repeat center center;}
.floor6 .details>li .head_img .v{position:absolute; bottom:5px; right:0px; width:20px; height:20px; display:block; background:url(../images_rw/v.png) no-repeat center center;}
.floor6 .details>li .head_img .v_lan{position:absolute; bottom:5px; right:0px; width:20px; height:20px; display:block; background:url(../images_rw/v_lan.png) no-repeat center center;}

.floor6 .details>li .text{width:150px; height:96px; float:left; padding:0 20px 0 20px;}
.floor6 .details>li .text h2{font-size:18px; color:#666;}
.floor6 .details>li .text p{font-size:12px; color:#999; padding-top:5px; height:55px; overflow:hidden;    text-align: left;line-height: 18px;}

.floor6 .details>li .fans{float:left; margin-top:15px;}
.floor6 .details>li .fans>li{width:95px; text-align:center; float:left;}
.floor6 .details>li .fans>li img{}
.floor6 .details>li .fans>li p{font-size:12px; color:#999;}
.floor6 .details>li .fans>li .p_color{font-size:14px; color:#ffa903;}

.floor6 .more{
    margin:0 auto;
    display:block;
    width:108px;
    height:30px;
    border-radius:30px;
    -o-border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    background:#ffa903;
    border:none;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    text-align:center;
}


/*floor7*/
.floor7{background:#fff;}
.floor7 .f6_bg{margin-top:60px; margin-bottom:20px; width:1200px; height:321px; background:url(../coin/f7_bg.jpg) no-repeat center center;}
.floor7 .f6_bg li{width:240px; height:160px; float:left; position:relative; cursor:default;}

.floor7 .f6_bg li .text{padding:30px 15px 0;}
.floor7 .f6_bg li .text h2{font-size:16px; color:#fff; text-align:center;}
.floor7 .f6_bg li .text p{font-size:12px; color:#fff; text-align:left; margin-top:5px;}
.floor7 .f6_bg li .text h3{font-size:18px; color:#fff; text-align:right; margin-top:8px; margin-right:10px;}
.floor7 .f6_bg li .text h3 span{font-size:12px; color:#fff; padding-right:3px;}

.floor7 .f6_bg li .wrap_out{width:240px; height:0px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; font-size:14px; color:#fff; line-height:0px; transition:0.5s; opacity:0; text-align:center;}
.floor7 .f6_bg li:hover .wrap_out{height:30px; opacity:1; line-height:30px;}



/*floor8*/
.floor8{background:#f9f9f9;}
.hided {display:none;}

/*一级选项卡*/
.floor8 .tab{margin-top:30px;}
.floor8 .tab .tab_menu{width:485px; margin:0 auto;}
.floor8 .tab .tab_menu li{float:left; font-size:16px; color:#999; transition:0.5s; width:135px; height:40px; margin-right:40px; line-height:40px; text-align:center; border-bottom:2px solid transparent; cursor:pointer;}
.floor8 .tab .tab_menu li:hover{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}
.floor8 .tab .tab_menu li.on{color:#0ca7f0; border-bottom:2px solid #0ca7f0;}

.floor8 .tab .tab_box{margin-top:50px; width:1200px;}


/*二级选项卡*/
.floor8 .slidebox2{position:relative;}
.floor8 .slidebox2 .hd{width:60px; position:absolute; left:0; right:0; bottom:20px; margin:auto; z-index:111;}
.floor8 .slidebox2 .hd ul{width:60px;}
.floor8 .slidebox2 .hd ul li{
    margin:0 5px;
    float:left;
    width:10px;
    height:10px;
    border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color:#ccc;
}
.floor8 .slidebox2 .hd ul li.on{background-color:#ffc000;}

.floor8 .slidebox2 .bd .box{height:380px; padding:50px 50px 0 50px; background:#fff;}
.floor8 .slidebox2 .bd .box .box_left{width:550px;  height:100%; float:left;}
.floor8 .slidebox2 .bd .box .box_right{width:550px;  height:100%; float:right; cursor:default; text-align:left;}
.floor8 .slidebox2 .bd .box .box_right h2{font-size:16px; color:#666; margin-top:25px; margin-bottom:5px;}
.floor8 .slidebox2 .bd .box .box_right h2>span{margin-left:80px;}
.floor8 .slidebox2 .bd .box .box_right p{font-size:14px; color:#999;    line-height: 18px;}
.floor8 .slidebox2 .bd .box .box_right .box_img{padding-top:20px;}
.floor8 .slidebox2 .bd .box .box_right .box_img li{float:left; margin-right:15px; text-align:center;}
.floor8 .slidebox2 .bd .box .box_right .box_img .li_big{margin-right:30px;}
.floor8 .slidebox2 .bd .box .box_right .box_img li p{font-size:12px; color:#999;}