@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0;
    list-style: none;
}

img {
    vertical-align: top;
    border: 0;
}

a {
    color: #000;
    text-decoration: none;
}

.wrapper {
    width: 1400px;
    margin: auto;
}


.banner {
    position: relative;
}


.box1 {
    height: 601px;
    background: url("../images/bgpic_02.png") no-repeat;
    overflow: hidden;
    position: relative;
}


.box1-main {
    width: 990px;
    height: 350px;
    position: absolute;
    left: 200px;
    top: 220px;
    box-sizing: border-box;
    padding: 0 0 0 0;
}

/*导航栏*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ padding:0 20px; height:75px; line-height:75px; /*background:rgb(0,0,0,0.55);*/  position:relative; z-index:1; margin-left:160px; }
		.nav a{ color:#fff;  }
		.nav .nL{ float:left;  position:relative; display:inline;  }
		.nav .nLi { float:left;  }
		.nav .nLi  a{ display:block;  font-size:26px;   text-align: center; /*width: 100px;*/ padding-right:80px; padding-left: 80px; height: 75px; }
		.nav .nLi  a:hover{ background-color: #fff; color: #000; }
  
        
        .nav .sub{ display:none; width:120px; left:0px; top:75px;  position:absolute; background:rgb(0,0,0,0.55);  line-height:45px; padding:5px 0;  }
		.nav .sub li{ zoom:1; text-align: center; }
		.nav .sub a{ display:block; padding:0 10px; }
		.nav .sub a:hover{  color:#fff;}
		.nav .on a{ color:#fff; /*background-image: url(../images/colorbox-2.png); */}
        .line1 {line-height: 1px; color: #fff;
    
    }

/*滚动图 */
.gallery {
    width: 520px;
    height: 335px;
    float: left;
    margin-left: 0px;
}

.slide-wrapper {
    width: 520px;
    height: 335px;
    margin: 100px auto;
}

.slide {
    height: 100%;
    position: relative;
}

.slide-hd {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
}

.slide-hd ul {
    position: absolute;
    top: 140px;
    right: 200px;
}

.slide-hd li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-indent: -999em;
    background-color: #c7c5c2;
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}

.slide-hd li.on {
    background-color: #fff;
}

.slide-hd .prev, .slide-hd .next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
}

.slide-hd .prev {
    float: left;
}

.slide-hd .next {
    float: right;
}

.slide-bd li {
    width: 520px;
    height: 335px;
    position: relative;
}

.slide-bd li img {
    width: 520px;
    height: 335px;
    display: block;
}

.slide-bd li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
}

.slide-bd li p a {
    color: #fff;
}

.hot {
    width: 415px;
    float: right;

}

.more {
    width: 100%;
    float: right;
    font-size: 16px;
    text-align: right;
    line-height: 32px;

}

.more a {
    color: #d85b7d;
}


.box1 .hot li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_01.PNG") no-repeat left center;
    line-height: 36px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.box1 .hot  li a {
    color: #707070;
}

.dashed {
    margin: 10px 0;
    border-bottom: 1px dashed #9e9e9e;
}


.box2 {
    height: 697px;
    background: url("../images/bgpic_03.png") no-repeat;
    overflow: hidden;
    position: relative;
}


.box2-main {
    width: 1000px;
    height: 390px;
    position: absolute;
    left: 200px;
    top: 120px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border-bottom: 1px dashed #9e9e9e;
    display: inline;

}

.newsbox1 {
    width: 315px;
    height: 360px;
    background-color: #fff;
    float: left;
    margin-left: 15px;

  

}

.hot2 {

    width: 285px;
    margin-left: 15px;


}

.hot2 .pic1 {

    width: 285px;
    height: 245px;
    padding-top: 20px;

}


.hot2 .pic1 img{

    width: 285px;
    height: 245px;

}

.hot2 .title1 {

    margin-top: 5px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;

}

.hot2 .title1 a{

    color:#595959;

}



.hot3 {
    width: 415px;
    position: absolute;
    left: 250px;
    top: 545px;

}

.hot3 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_02.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot3 li a {
    color: #707070;
}


.hot4 {
    width: 415px;
    position: absolute;
    right: 250px;
    top: 515px;

}

.hot4 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_02.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot4 li a {
    color: #707070;
}

.box3 {
    height: 680px;
    background: url("../images/bgpic_04.png") no-repeat;
    overflow: hidden;
    position: relative;
}


.box3-main {
    width: 1000px;
    height: 375px;
    position: absolute;
    left: 200px;
    top: 130px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border-bottom: 1px dashed #9e9e9e;

}


.pic2 {
    width: 520px;
    height: 335px;
    position: relative;
    float: left;

}

.pic2 img{
    width: 520px;
    height: 335px;
}


.hot5 {
    position: relative;
    float: right;
    width: 420px;   

}

.title2 {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_03.PNG") no-repeat left center;
    line-height: 32px;
    text-indent: 0.3em;
    font-size: 20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.title2 a{
    color:#595959;

}

.summary2 {
    padding-left: 22px;
    font-size: 14px;
    color:#595959;
    text-align: left;
    text-indent: 2em;
    line-height: 20px;
    margin-top: 10px;
}

.summary2 a {
    color:#595959;
}


.hot6 {
    width: 415px;
    position: absolute;
    left: 250px;
    top: 545px;

}

.hot6 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_03.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot6 li a {
    color: #707070;
}



.hot7 {
    width: 415px;
    position: absolute;
    right: 250px;
    top: 510px;

}

.hot7 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_03.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot7 li a {
    color: #707070;
}




.box4 {
    height:1051px;
    background: url("../images/bgpic_05.png") no-repeat;
    overflow: hidden;
    position: relative;
}


.box4-main {
    width: 1100px;
    height: 440px;
    position: absolute;
    left: 200px;
    top: 120px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    border-bottom: 1px dashed #9e9e9e;
    display: inline;

}


.newsbox2 {
    width: 285px;
    height: 380px;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
}



.more1 {


    bottom: 5px;
    right: 0px;
    font-size: 16px;
    text-align: right;
    line-height: 32px;
    position: absolute;

}

.more1 a {
    color: #d85b7d;
}




.pic3 {

    width: 285px;
    height: 185px;


}


.pic3 img{

    width: 285px;
    height: 185px;

}

.summary3 {

    font-size: 14px;
    color:#595959;
    text-align: left;
    text-indent: 2em;
    line-height: 20px;
    margin-top: 10px;
}

.summary3 a {
    color:#595959;
}

.title3 {
    margin-top: 15px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

.title3 a{

    color:#595959;
}

.hot8 {
    position: relative;
    width: 285px;
    height: 380px;
    margin-top: 15px;
}



.hot9 {
    width: 415px;
    position: absolute;
    left: 250px;
    top: 615px;

}

.hot9 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_04.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot9 li a {
    color: #707070;
}



.hot10 {
    width: 415px;
    position: absolute;
    right: 250px;
    top: 585px;

}

.hot10 li {
    width: 400px;
    padding-left: 22px;
    background: url("../images/spot_04.PNG") no-repeat left center;
    line-height: 48px;
    text-indent: 0.3em;
    font-size: 16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

}

.hot10 li a {
    color: #707070;
}