*{ box-sizing: border-box;font-family: "微软雅黑";}
html{-webkit-text-size-adjust: none; text-size-adjust: none;}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:right;}
.txtleft{ text-align: left;}
.txtright{ text-align: right;}
.title{ margin: 30px auto;}
body{ background: url(bodybg.png) center top no-repeat; background-size: 100% auto; overflow-x: hidden;}
.banner{ width: 100%; height: 1223px; background: url(banner.png) center center no-repeat; background-size:cover; position: relative; z-index: 1; overflow: hidden;}
.banner .logo{ width: 1200px; margin: 0 auto; padding-top: 30px;}
.bannerword {
    width: 967px;
    height: 359px;
    margin: 0 auto;
    text-align: center;
}

.section1{ width: 1200px; height: 588px; padding: 30px; margin: 0 auto; background-color: #fff; border-radius: 10px 0 0 0; margin-top: -592px; position: relative; z-index: 1;}
.right{ width: 400px;}
.right ul li{ width: 100%; height: 80px; background: url(s1li.png) center right no-repeat; border-bottom: 1px solid #eee; margin-bottom: 20px; line-height: 32px;}
.right ul li a{ display: block; width: 100%; height: 100%;}
.right ul li a span{ color: #999; font-size: 16px;}

.section2bg{ width: 100%; height: 650px; background: url(s2bg.png) center center no-repeat; overflow: hidden;}
.section2{ width: 1200px; margin:0 auto; margin-top: 250px; padding: 20px;}

.section3bg{ width: 100%; height: 819px; background: url(s3bg.png) center center no-repeat;}
.section3{ width: 1200px; margin: 0 auto; overflow: hidden;}
.section3 ul{ margin-top: 240px; margin-left: 50px;}
.section3 ul li{ float: left; margin-left: -30px; height: 300px; position: relative;}
.section3 ul li a{ display: block; width: 100%; height: 265px; position:relative;}
.section3 ul li a p{ position: absolute;  left: 0; font-weight: bold;}
.section3 ul li:nth-child(1){ z-index: 4;}
.section3 ul li:nth-child(2){ z-index: 3;}
.section3 ul li:nth-child(3){ z-index: 2;}
.section3 ul li:nth-child(4){ z-index: 1;}
.section3 ul li:nth-child(5){ z-index: 4;}
.section3 ul li:nth-child(6){ z-index: 3;}
.section3 ul li:nth-child(7){ z-index: 2;}
.section3 ul li:nth-child(8){ z-index: 1;}
.section3 ul li:nth-child(1) p{ padding-left: 50px; bottom:40px; transform: rotate(-7deg);}
.section3 ul li:nth-child(2) p{ padding-left: 30px; bottom:70px; transform: rotate(4deg);}
.section3 ul li:nth-child(3) p{ padding-left: 50px; bottom:35px; transform: rotate(-7deg);}
.section3 ul li:nth-child(4) p{ padding-left: 40px; bottom:70px; transform: rotate(7deg);}
.section3 ul li:nth-child(5) p{ padding-left: 20px; bottom:60px; transform: rotate(3deg);}
.section3 ul li:nth-child(6) p{ padding-left: 50px; bottom:50px; transform: rotate(-7deg);}
.section3 ul li:nth-child(7) p{ padding-left: 30px; bottom:70px; transform: rotate(4deg);}
.section3 ul li:nth-child(8) p{ padding-left: 55px; bottom:35px; transform: rotate(-12deg);}

.section4bg{ width: 100%; height: 674px; background: url(s4bg.png) center center no-repeat; overflow: hidden;}
.section4{ width: 1200px; margin: 0 auto; margin-top: 270px;}
.section4 ul { float: left;}
.section4 ul li{ width: 256px; height: 50px; text-align: center; line-height: 50px;} 
.section4 ul li:hover,.section4 ul li.on{ background: url(s4libg.png) center center no-repeat;}
.section4 ul li:nth-child(1){ background: url(s4li1.png) left+40px center no-repeat;}
.section4 ul li:nth-child(2){ background: url(s4li2.png) left+40px center no-repeat;}
.section4 ul li:nth-child(3){ background: url(s4li3.png) left+40px center no-repeat;}
.section4 ul li:nth-child(4){ background: url(s4li4.png) left+40px center no-repeat;}
.section4 ul li:nth-child(1).on{ background: url(s4li1_h.png) left+34px center no-repeat,url(s4libg.png) center center no-repeat;}
.section4 ul li:nth-child(2).on{ background: url(s4li2_h.png) left+34px center no-repeat,url(s4libg.png) center center no-repeat;}
.section4 ul li:nth-child(3).on{ background: url(s4li3_h.png) left+34px center no-repeat,url(s4libg.png) center center no-repeat;}
.section4 ul li:nth-child(4).on{ background: url(s4li4_h.png) left+34px center no-repeat,url(s4libg.png) center center no-repeat;}
.rightpic .tab{ display: none;}
.rightpic .tab:nth-child(1){ display: block;}

.slideBox{ position: relative; width: 726px; height: 530px; float: right;}
		.slideBox .bd img { max-width: 100%;height: 490px;}
		.slideBox .prev{ width: 32px; height: 32px; position: absolute;right: 120px; bottom: -50px; z-index: 999; overflow: hidden; background: url(left_arrow2.png) center center no-repeat;}
		.slideBox .prev:hover{background: url(left_arrow2_h.png) center center no-repeat;}
		.slideBox .next{ width: 32px; height: 32px;  position: absolute;right: 60px; bottom: -50px; z-index: 999; overflow: hidden; background: url(right_arrow2.png) center center no-repeat;}
		.slideBox .next:hover{background: url(right_arrow2_h.png) center center no-repeat;}
        .slideBox{position:relative;}
        .slideBox .bd{ position:relative; height:100%; z-index:0; }
        .slideBox .bd ul li{ position:relative; height: 530px; text-align: center;}
        .slideBox .new_pic{position: relative;}
        .slideBox .pos_txt{position: absolute;height: 70px; width: 100%;bottom: 0;left: 0;line-height: 30px;padding-left: 20px; padding-right: 20px; font-size: 18px;background: url(s1titbg.png) left center no-repeat;  text-align: left; color: #fff; display: flex; align-items: center; text-align: center; z-index: 999;}
		.slideBox .pos_txt a{ color:#fff;}
		.slideBox .pos_txt a .date{ float: left; width: 100px; height: 35px; text-align: left; border-right: 1px solid #bbb; font-size: 16px; line-height: 20px; margin-right: 20px; padding-left: 23px;}
		.slideBox .pos_txt a .date span{ display: block; font-size: 13px;}
		.slideBox .hd{ position: absolute; bottom:15px; right: 10px;}
		.slideBox .hd ul{float:right;}
		.slideBox .hd ul li{ float:left;width: 11px; height: 11px; border-radius: 100%; margin-right: 11px; cursor: pointer; text-align: center; background-color: #D1D1D1; font-weight: bold;}
		.slideBox .hd ul li.on{ background-color: #FF0A0A;}