/* CSS Document */

/* CSS Document */
.banner-box{
    width:100%;
    position: relative;
    height:615px;
}
.banner{height:615px;overflow:hidden;}
.banner .d1{width:100%;height:615px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:2;left:0px;top:520px;}
.banner .bottomNews{width:100%; height:40px;clear:both; position:absolute; z-index:20; left:0px; top:575px; background-color:rgba(0,0,0,0.31); }
.banner .d2 ul{float:left;position:absolute;left:55%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:25px;height:25px;overflow:hidden;cursor:pointer;background:url(../img/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../img/img1_1.png) no-repeat center;}


.recommendedNews{
    width: 1200px;
    height: 500px;
    position: relative;
    margin: 0px auto;
    z-index: 20;
}
.recommerdedNewsBox{
    width: 250px;
    height: 500px;
    float: right;
    margin: 37px 0px;
    background-color:rgba(255,255,255,0.8);
}
.finance-news{
    width: 210px;
    height: 196px;
    color:#ce951d;
    margin: 15px auto;
}
.finance-news h2{
    width: 210px;
    line-height: 36px;
    height: 36px;
}
.finance-news ul{
    width: 210px;
    height: 160px;
}
.finance-news ul li i{
    font-size: 12px;
}
.finance-news ul li{
    line-height: 25px;
    height: 25px;
}
.finance-news ul li a{
    color:#666;
}
.finance-news ul li a:hover{
    color:#ce951d;
}
.bottomNewsBox{
    width: 1200px;
    height: 40px;
    margin: 0px auto;
}
.ggtitle{
    width:auto;
    height:40px;
    background:url(../img/index_22.png) left center no-repeat;
    text-indent:28px;
    line-height:40px;
    font-size:14px;
    color:#FFF;
    float:right;
}
/* 本例子css */
.txtMarquee-left{ width:850px;  position:relative;  float:right;  }
.txtMarquee-left .bd{ padding:10px; }
.txtMarquee-left .bd .tempWrap{ width:840px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

.txtMarquee-left .bd ul li a{
    color:#FFF;

}
.txtMarquee-left .bd ul li a:Hover{
    text-decoration:underline;
}
.txtMarquee-left .bd ul li span{ color:#ddd; margin:0px 20px;  }




/* 本例子css */
.personbox{ width:210px; height:280px; overflow:hidden; position:relative;  }
.personbox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.personbox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.personbox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.personbox .hd ul li.on{ background:#f00; color:#fff; }
.personbox .bd{ position:relative; height:100%; z-index:0;   }
.personbox .bd li{ zoom:1; vertical-align:middle; }
.personbox .bd img{ width:210px; height:150px; display:block;  }
.personbox .bd li .zxbtn{
    display: block;
    width: 130px;
    height: 35px;
    border-radius: 5px;
    background:#ce951d;
    color:#fff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin: 0px auto;
}
.personbox .bd li span{
    display: block;
    width: 210px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color:#666;
    font-size: 14px;
    margin:5px auto;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.personbox .prev,
.personbox .next{ position:absolute; left:0px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.personbox .next{ left:auto; right:0px; background-position:8px 5px; }
.personbox .prev:hover,
.personbox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.personbox .prevStop{ display:none;  }
.personbox .nextStop{ display:none;  }


.page-title{
    width: 100%;
    height: 105px;
    background: url("../img/line.png") center bottom no-repeat;
    margin: 50px auto;
}
.page-title p{
    width: 100%;
    text-align: center;
    color:#666;
    line-height: 35px;
}
.page-title h2{
    font-size: 30px;
    color:#666;
    font-weight: normal;
    text-align: center;
    width: 100%;
}
.v_out{width:1200px;margin:20px auto; text-align: center; height:500px;overflow:hidden;}
.v_show{width:1200px;overflow:hidden;position:relative;height:380px;float:left}
.v_cont{ width:6650px;margin-bottom:50px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left;text-align:center;line-height:50px;}
.v_cont ul li{width:1200px;height:380px;background:#f8f8f8;float:left;margin-top:3px;}

/*---圆圈---*/
.v_out_p{position:relative;overflow:visible}
.circle{position:relative; height:80px; width: 800px;  overflow: hidden; margin: 0px auto 0px auto;}
.circle li{width:30px;height:30px;float:left;margin-right:10px;background:url("../img/point.jpg") center no-repeat;cursor: pointer;margin: 0px 64px;}
.circle .circle-cur{background:url("../img/point-hover.jpg") center no-repeat;}
.pointer-bg{
    width: 800px;
    height: 30px;
    margin-top: 50px;
    background: url("../img/gunline.png") center no-repeat;
}
.circle-text{
    width: 800px;
    height: 30px;
    line-height: 30px;
    margin: 0px auto;
}
.circle-text li{
    float: left;
    width:160px;
    text-align: center;
}
.itembox{
    width: 1200px;
    height: 380px;
}
.itembox-title{
    width: 266px;
    height: 380px;
    float: left;
}
.itembox-prolist{
    width: 934px;
    height: 380px;
    float: right;
}
.itembox-prolist .service-item{
    width: 310px;
    height: 380px;
    float: left;
}
.company-service{
    background: url("../img/index_13.jpg") center no-repeat;
}
.itembox-title h2{
    width: 266px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 20px;
    color:#eee;
    border-bottom: 1px solid #8b8b8b;
}
.itembox-title div{
    margin-top: 30px;
}
.itembox-title div p{
    display: block;
    width: 266px;
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    padding-left: 20px;
    text-align: left;
}
.service-item span{
    display: block;
    width: 311px;
    height: 120px;
    line-height: 120px;
    text-align: center;
}
.service-item span i{
    color:#666;
    font-size: 60px;
}
.service-item h3{
    width: 311px;
    text-align: center;
    height: 40px;
    font-size: 20px;
    color:#333;
}
.service-item .item-descript{
    width: 220px;
    margin: 10px auto;
    line-height: 30px;
}
.service-item .item-price{
    width: 220px;
    margin: 20px auto;
    font-size: 22px;
    text-align: center;
    color:#ce951d;
    line-height: 30px;
}
.service-item .zxbtn{
    display: block;
    width: 130px;
    height: 35px;
    border-radius: 5px;
    background:#ce951d;
    color:#fff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin: 20px auto;
}
.ads01{
    width: 1920px;
    height: 206px;
    margin-top: 50px;
}
.ads02{
    width: 1920px;
    height: 727px;
}
.newsbox{
    height: 215px;
    margin-top: 100px;
}
.newsbox-left{
    width: 555px;
    height: 215px;
    float: left;
}

.newsbox-left-img{
    width: 251px;
    float: left;
    height: 215px;
}
.newsbox-left-img a{
    display: block;
    width: 251px;
    height: 215px;
}
.newsbox-left-text{
    cursor: pointer;
    display: block;
    width: 266px;
    height: 215px;
    float: right;
}
.newsbox-left-text h4{
    color:#666;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 15px;
}
.newsbox-left-text p{
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
}
.newsbox-right{
    width: 560px;
    height: 215px;
    float: right;
}
.newsbox-right ul a{
    display: block;
    margin-bottom: 20px;
    height: 50px;
    width: 560px;
    line-height: 50px;
    cursor: pointer;
    background: #ce951d;
}
.newsbox-right ul a:hover{
    background: #ab7b17;
}
.newsbox-right ul a b{
    font-size: 30px;
    line-height: 50px;
    display: block;
    width: 50px;
    height: 50px;
    background: #ab7b17;
    color:#fff;
    float: left;
    text-align: center;
    font-weight: normal;


}
.newsbox-right ul a p{
    width: auto;
    height: 50px;
    line-height: 50px;
    text-indent: 24px;
    color:#fff;
    float: left;
}
.newsbox-right ul a span{
    font-size: 12px;
    color:#fff;
    line-height: 50px;
    float: right;
    padding-right: 10px;
}
.more  .zxbtn{
    display: block;
    width: 130px;
    height: 35px;
    border-radius: 5px;
    background:#ce951d;
    color:#fff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin: 20px auto;

}
.more .zxbtn:hover{
    background:#ab7b17;
}
.newsbox-big-box{
    width: 1920px;
    padding: 30px 0px;
    background: #f2f2f2;
}