html,body
{
    background-color:#f9f9f9;
}
#divSlider
{
    width:100%;
    background-image:url(../Web/Images/sliderbg.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    height:648px;
    text-align:center;
}
#divSlider .sliderfont
{
    width:1200px;
    height:648px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../Web/Images/sliderfont.png);
    background-position:center center;
    background-repeat:no-repeat;
}
#divFunction
{
    width:1200px;
    height:271px;
    z-index:2;
    margin-top:-90px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-image:url(../Web/Images/function.png);
}
#divFunction .functions
{
    padding-left:180px;
}
#divFunction .functions ul
{
    list-style-type:none;
}
#divFunction .functions ul li
{
    width:180px;
    height:200px;
    padding-left:20px;
    padding-top:50px;
    float:left;
}
#divFunction .functions ul li a
{
    display:inline-block;
    width:160px;
    height:160px;
}
#divNews
{
    margin-left:auto;
    margin-right:auto;
    padding: 20px 0px 20px 0px;
    width:1200px;
}
#divNews .service
{
    float:left;
    width: 795px;
}
#divNews .service .content
{
    background-image:url(../Web/Images/servicebg.jpg);
    width:775px;
    height:256px;
}
#divNews .video
{
    float:left;
    width:405px;
}
#divNews .video .content
{
    background-image:url(../Web/Images/videobg.jpg);
    width:405px;
    height:256px;
}
#divNews .service .header,#divNews .video .header
{
    text-align:left;
    padding-bottom:20px;
}
#divNews .service .content,#divNews .video .content
{
    height:250px;
}
#divNews .service .header .title,#divNews .video .header .title
{
    font-size:22px;
}
#divNews .service .header .entitle,#divNews .video .header .entitle
{
    font-size:12px;
    color:#aaaaaa;
}
#divNews .content .subject
{
    text-align:left;
    font-size:24px;
    border-bottom: 5px solid #55b3fa;
    padding-bottom:10px;
}
#divNews .content .more
{
    text-align:right;
    padding:10px 0px 5px 0px;
}
#divNews .content .area
{
    text-align: left;
    float: left;
}
#divNews .content .calearea
{
    width: 300px;
}
#divNews .content .newsarea
{
    width: 500px;
}
#divNews .content .notesarea
{
    width: 360px;
}
#divNews .content .area a
{
    color: Black;
}
#divNews .content .areasplit
{
    float: left;
    width: 20px;
    height: 380px;
}
#divNews .content .area .picarea
{
}
#divNews .content .area .picarea .item
{
    padding: 10px 0px 10px 0px;
    height: 140px;
    border-bottom: 1px solid #55b3fa;
}
#divNews .content .area .picarea .item .title
{
    color:#000000;
}
#divNews .content .area .picarea .item .time
{
    color:Gray;
}
#divNews .content .area .picarea .item .description
{
    height:50px;
    overflow:hidden;
    font-size:14px;
    color:Gray;
}
#divNews .content .area .item img
{
    width: 120px;
    height: 90px;
    margin-right: 10px;
    margin-left:10px;
}
#divNews .content .area .titlearea .item
{
    padding-top: 15px;
    padding-left: 20px;
    height: 38px;
    border-bottom: 1px solid #55b3fa;
    background-image: url(../Web/Images/itemicon.png);
    background-repeat: no-repeat;
    background-position: left 20px;
}
#divNews .content .area .titlearea .item .title, #divNews .content .area .titlearea .item .time
{
    display: inline-block;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
}
#divNews .content .newsarea .titlearea .item .title
{
    width:420px;
    text-overflow:ellipsis;
    overflow:hidden;
}
#divNews .content .notesarea .titlearea .item .title
{
    width:280px;
    text-overflow:ellipsis;
    overflow:hidden;
}
#divNews .content .area .titlearea .item .time
{
    width: 60px;
    text-align: right;
}

#divNews .bigtitle
{
    text-align: center;
    background-position: 475px top;
    background-repeat: no-repeat;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../Web/Images/newstitle.jpg);
}
#divNews .slider-pager, .infolist .slider-pager
{
    text-align: center;
}
#divNews .slider-pager a, .infolist .slider-pager a
{
    display: inline-block;
    min-width: 100px;
    padding: 10px 0px 10px 0px;
    border-bottom: 3px solid transparent;
    margin: 0px 20px 40px 20px;
    font-family: 微软雅黑;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
#divNews .slider-pager a:hover, #divNews .slider-pager a.active, .infolist .slider-pager a:hover, .infolist .slider-pager a.active
{
    border-bottom: 3px solid #f57d1c;
    color: #f57d1c;
}
.infolist1
{
    background-color: #f6f6f6;
}
.infolist2
{
    background-color: #efefef;
}
.infolist
{
    text-align: center;
    padding: 30px 0px 30px 0px;
    min-width: 1200px;
}
.infolist .content
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.infolist .content .area .item img
{
    width: 120px;
    height: 90px;
    margin-right: 10px;
    margin-left:10px;
}
 .infolist .content .area .titlearea .item
{
    padding-top: 15px;
    padding-left: 20px;
    height: 38px;
    border-bottom: 1px solid #55b3fa;
    background-image: url(../Web/Images/itemicon.png);
    background-repeat: no-repeat;
    background-position: left 20px;
}
.infolist .content .area .titlearea .item .title, .infolist .content .area .titlearea .item .time
{
    display: inline-block;
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.infolist .content .area .titlearea .item .title
{
    width: 495px;
}
.infolist .content .area .titlearea .item .time
{
    width: 60px;
    text-align: right;
}

#divNews .bigtitle, .infolist .bigtitle
{
    text-align: center;
    background-position: 475px top;
    background-repeat: no-repeat;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.infolist .bigtitle
{
    text-align: center;
    background-position: 475px top;
    background-repeat: no-repeat;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: url(../Web/Images/infotitle.jpg);
}
.infolist .content .area
{
    width: 580px;
    text-align: left;
    float: left;
}
.infolist .content .subject
{
    text-align:left;
    font-size:24px;
    border-bottom: 5px solid #55b3fa;
    padding-bottom:10px;
    margin-bottom:5px;
}
.infolist .content .more
{
    text-align:right;
    padding:10px 0px 5px 0px;
}
.infolist .content .area a
{
    color: Black;
}
.infolist .content .areasplit
{
    float: left;
    width: 40px;
    height: 300px;
}
.infolist .content .area .picarea
{
}
.infolist .content .area .star
{
    border-bottom:1px solid #55b3fa;
    padding:12px 0px 13px 0px;
}
.infolist .content .area .star .starphoto
{
    float:left;
    width:180px;
    height:190px;
    overflow:hidden;
}
.infolist .content .area .star .starphoto img
{
    width:160px;
    border:1px solid #55b3fa;
    vertical-align:middle;
}
.infolist .content .area .star .starcont
{
    float:left;
    width:400px;
}
.infolist .content .area .star .starcont .startitle
{
    font-weight:bold;
    height:30px;
}
.infolist .content .area .star .starcont .stardescription
{
    height:160px;
    font-size:15px;
    color:Gray;
    overflow:hidden;
}
.infolist .content .area .picarea .item
{
    padding: 4px 3px 3px 0px;
    height: 100px;
    background-color:#55b3fa;
    border-bottom: 1px solid #55b3fa;
    overflow:hidden;
}

.infolist .content .area .picarea .item .title
{
    color:#ffffff;
    font-weight:bold;
}
.infolist .content .area .picarea .item .time
{
    color:#fefefe;
}
#divNews .content .area .picarea .item .description, .infolist .content .area .picarea .item .description
{
    overflow:hidden;
    font-size:14px;
    color:#fefefe;
}
#divShow
{
    padding-top:30px;
    padding-bottom:30px;
    text-align:center;
    background-color: #f6f6f6;
}
#divShow .content
{
    width:1200px;
    min-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
#divShow .content .area
{
    float:left;
    width:386px;
    padding-top:5px;
    padding-bottom:5px;
}
#divShow .content .split
{
    float:left;
    width:21px;
    height:200px;
}
#divShow .content .area .areatitle
{
    height:98px;
    text-align:left;
}

#divShow .content .area .areatitle .more
{
    width:386px;
    height:98px;
    position:absolute;
}
#divShow .content .area .artlist
{
    margin-top:2px;
    padding-left:3px;
    padding-right:3px;
    height:200px;
    overflow:hidden;
    border:1px solid #e0e0e0;
}
#divShow .content .area .artlist .artitemphoto
{
    padding-top:3px;
    padding-bottom:3px;
}
#divShow .content .area .artlist .artitemphoto .artphoto
{
    width:100px;
    height:56px;
    border:1px solid #808080;
    overflow:hidden;
    float:left;
}
#divShow .content .area .artlist .artitemphoto .artphoto img
{
    width:100px;
}
#divShow .content .area .artlist .artitemphoto .arttitlephoto
{
    width:270px;
    height:56px;
    padding-left:5px;
    overflow:hidden;
    float:left;
    text-align:left;
    white-space:normal;
}

#divShow .content .area .artlist .artitemphoto .arttitlephoto .link
{
    text-align:left;
    color:Black;
}
#divShow .content .area .artlist .artitem
{
    text-align:left;
}
#divShow .content .area .artlist .artitem .arttitle
{
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    background-image:url(../Web/Images/itemicon.png);
    background-repeat:no-repeat;
    background-position:left center;
}
#divShow .content .area .artlist .artitem .arttitle .link
{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:360px;
    display:inline-block;
    color:Black;
}