@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, form, fieldset, input, p,span, th, td, blockquote, lengend, button, textarea {margin:0; padding:0;}
ul,li{ list-style:none outside; }
ul,ol{list-style: none;}
a{ text-decoration:none; }
a img, input { border:0}
img{ vertical-align:middle;}
input, textarea{ outline:none;}

a:link{ color: #333; text-decoration: none;}
a:visited{ color: #333; text-decoration: none;}
a:hover{ color: #2c66a5; text-decoration: none;}
a:active{ color: #333; text-decoration: none;}

.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
.mr0{margin-right: 0px !important;}
.clear{ clear:both;}
body{font-family: "微软雅黑"; font-family:"Microsoft YaHei"; font-size:16px; color:#333333; background:url(banner.png) center top no-repeat;  }
.w{width:1200px; margin:0 auto; }
.top-wrap{background:url(bg-txt.png) repeat; margin-top:375px; padding-bottom: 45px;overflow: hidden;}
.top-wrap .picbox{ width:640px; padding:10px 0 0 10px;float:left;    overflow: hidden;
    position: relative;;}
.top-wrap .picbox img{width: 640px; height: 425px;}
.top-wrap .picbox  .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 13px;
    z-index: 1;
}

.top-wrap .picbox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.top-wrap .picbox  .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    background: url("./iconwhite.png") no-repeat;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.top-wrap .picbox  .hd ul li.on {
    background: url("./iconblue.png") no-repeat;
    color: #fff;
}

.top-wrap .picbox  .bd {
    height: 425px;
    width: 100%;
    position: relative;
}

.top-wrap .picbox  .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.top-wrap .picbox  .bd li span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: url(bgtext.png) left top repeat;
    color: #fff;
    text-indent: 1em;
}
.tbgzbox{ width:510px;float: right;padding-right:10px;padding-top:20px}
.tit{width:510px; height:45px; background:url(tit-bg.png) left no-repeat; background-size: 510px 42px;}
.tit h3{ height: 42px; line-height: 42px; padding-left:20px}
.tit h3 a{color:#fff; font-size:22px;}
.tbgznews h2{padding:25px 0 15px 0 }
.tbgznews h2 a{ font-size: 20px; color:#de3127}
ul.commonlist li{ line-height: 38px; background:url(icon.png) left center no-repeat; padding-left:20px;margin-left:5px}
 .center-wrap{width:100%; background:#f7f7f7;padding:40px 0 45px 0}
 .xchb-wrap{width:580px;}

.tpspbox{width:580px; overflow: hidden; }
 .tpsp {
    position: relative;
    border-bottom:1px dashed #ccc;
    padding-bottom: 17px;
    margin-bottom:15px;
    margin-top:30px
}
.tpsp .bd{margin-left:15px}
.tpsp .als-prev {
    left: -10px
}

.tpsp .als-prev, .als-next {
    position: absolute;
    top: 45px;
    width: 36px;
    height: 80px;
    background-color: #52b5ea;
    z-index: 99;
    cursor: pointer;
}

.tpsp .als-prev img, .als-next img {
    padding-top: 22px;
    padding-left: 10px
}

.tpsp .als-next {
    right: -10px
}

.tpsp ul li img {
    width: 255px;
    height: 165px;
}

.tpspbox ul li {
    position: relative;
    float: left;
    width: 265px;
    margin-right: 20px;
}

.tpspbox ul li.last {
    margin-right: 0px;
}

.tpspbox ul li .pics {
    width: 256px;
    background-color: #fff;
    padding: 5px;
    box-shadow: 3px 3px 5px #ddd;
    -webkit-box-shadow: 3px 3px 5px #ddd;
}

.tpspbox ul li i {
    position: absolute;
    right: 16px;
    top: 135px
}

.tpspbox ul li i img {
    width: 33px;
    height: 29px;
}

.tpspbox ul li p {
    padding-top: 10px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.als-wrapper {
    position: relative;
    list-style: none;
}

.tpspbox ul.commonlist li{width:560px; margin-right:0;}
.gdhd{width:580px; padding:35px 0 30px 0}
.gdhd .tit{width: 580px; background-size: 577px 42px;margin-bottom: 20px;}
.xchbpic{margin-top:30px}
.xchb-wrap .tit{width: 580px; background-size: 577px 42px;}
.tpspbox .tit{width: 580px; background-size: 577px 42px;}


.slideBox{ width:560px; height:415px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:10px; right:10px;z-index:1; margin:0 auto; }
.slideBox .hd ul{ overflow:hidden; zoom:1;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; line-height:8px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.slideBox .hd ul li.on{ background:#3990d3; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
.slideBox .bd img{ width:560px; height:415px; display:block;  }
.slideBox .bd li span{ display:block; position:absolute; bottom:0; width:550px; padding-left:10px;  height:45px; line-height:45px;  background:url(bgtext.png) left top repeat; color:#fff; text-align:left;}