/* main1 */
#main1{width: 100%;height: 100%;background: url("../img/page1.png") top center no-repeat;background-size: cover;overflow: hidden;}
#main1 .logo{padding-top: 50px;}
#main1 .w1200{position: relative;height: 100%;}
#main1 .page01,#main1 .page02{width: 50%;text-align: center;}
#main1 .page03{width: 100%;text-align: center;}
#main1 .page001{position: absolute;top: 150px;opacity: 0;}
#main1 .page01{position: absolute;top: 150px;opacity: 1;left: 40px;}
#main1 .page002{position: absolute;top: 320px;opacity: 0;}
#main1 .page02{position: absolute;top: 320px;opacity: 1;right: 300px;}
/* #main1 .page003{position: absolute;top: 600px;opacity: 0;} */
#main1 .page03{position: absolute;top: 550px;opacity: 1;z-index: 1;}
#main1 .page03 img{width: 80%;}
/* #main1 .page004{width: 100%;position: absolute;top: 730px;opacity: 0;} */
#main1 .page04{width: 100%;position: absolute;bottom: 0;opacity: 1;}
#main1 .page04 img{display: block;width: 50%;margin: 0 auto;}
/* #main1 .page04 ul{width: 750px;margin: 0 auto;padding: 20px 0;display: flex;justify-content:space-between;}
#main1 .page04 ul li img{transition: all 0.2s;}
#main1 .page04 ul li img:hover{transform: scale(1.1);}
#main1 .page04 ul li{background: url("../img/ddd.png") center right no-repeat;width: 135px;}
#main1 .page04 ul li:last-child{background: none;width: 97px;} */

/* navBar */
.navBar li a img.img1{display: block;}
.navBar li a img.img2{display: none;}
.navBar{width: 214px;height: 466px;background: url("../img/dht.png") top center no-repeat;position: fixed;left: 50px;top: 50%;margin-top: -220px;display: none;padding-top: 10px;}
.navBar li{width: 171px;height: 52px;margin: 20px auto 0;}
.navBar li:hover{background: url("../img/navbarbg.png") center center no-repeat;}
.navBar li a{display: block;width: 100%;height: 100%;padding-left: 10px;padding-top: 9px;}
/* main2 */
#main2{width: 100%;height: 100%;background: url("../img/page2.png") top center no-repeat;background-size: cover;padding-top: 40px;overflow: hidden;position: relative;}
.headline{height: 110px;background: #fff url("../img/headline.png") center left 30px no-repeat;padding-top: 30px;background-size: 10%;}
.headlineCon{width: 1010px;margin-left: 170px;background: url("../img/headzx.png") left center no-repeat;}
.headline p{width: 100%;text-align: center;font-size: 36px;font-weight: bold;color: #295bee;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.headline p a{color: #295bee;}
.headline h2{width: 100%;font-size: 17px;margin-top: 6px;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*focus*/
.slideBox {width: 1200px;height: 676px;position: relative;overflow: hidden;margin-top: 20px;}
.slideBox .hd {position: absolute;right: 10px;bottom: 25px;z-index: 1;}
.slideBox .hd ul li{float: left;margin-right: 10px;cursor: pointer;width: 14px;height: 14px;background: #fff;}
.slideBox .hd ul li.on {background: #c90b0b;}
.slideBox .bd {position: relative;z-index: 0;}
.slideBox .bd li{position: relative;width: 100%;float: left;}
.slideBox .bd li img{width: 1200px;height: 676px;}
.slideBox .bd p{position: absolute;bottom: 0;left: 0;width: 100%;height: 69px;line-height: 69px;font-size: 22px;text-indent: 20px;z-index: 1;background: url("../img/focusLine.png") bottom left repeat-x;}
.slideBox .bd p a {color: #fff;}
.slideBox .prev, .slideBox .next {position: absolute;left: 0;top: 50%;margin-top: -58px;display: none;width: 56px;height: 117px;background: url("../img/prev-btn.png") center no-repeat;filter: alpha(opacity=50);opacity: 0.5;}
.slideBox .next {left: auto;right: 0;background-image: url("../img/next.png");}
.slideBox .prev:hover,.slideBox .next:hover {filter: alpha(opacity=100);opacity: 0.6;background-color: #000;}
/* main3 */
#main3{width: 100%;height: 100%;background: url("../img/page3.png") top center no-repeat;background-size: cover;padding-top: 60px;overflow: hidden;}
.focusBox{width: 717px;height: 687px;background: url("../img/bdlf.png");}
/* picFocus */
.picFocus{width:686px; height: 656px;position:relative;overflow:hidden;zoom:1;margin: 15px;}
.picFocus .hd{width:100%;padding-top:5px;overflow:hidden;padding-left: 15px;}
.picFocus .hd ul{overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px;float:left;text-align:center;  }
.picFocus .hd ul li img{ width:200px; height:130px; border:2px solid #ddd; cursor:pointer; margin-left:12px;}
.picFocus .hd ul li.on img{ border-color:#295bee;  }
.picFocus .bd li{ position: relative;}
.picFocus .bd li p{ position: absolute;bottom: 0;font-size: 18px;color: #fff;width: 100%;height: 42px;line-height: 42px;text-align: center;background: rgba(0, 0, 0, 0.5);}
.picFocus .bd img{ width:686px; height:500px; display:block;  }
.picFocus .prev, .picFocus .next {position: absolute;left: 0;bottom: 70px;width: 9px;height: 21px;background: url("../img/ll.png") center no-repeat;}
.picFocus .next {left: auto;right: 0;background-image: url("../img/rr.png");}
.newsBox{width: 473px;height: 687px;background: url("../img/bdrt.png");}
.aboutItem ul{width: 473px;padding: 15px;}
.aboutItem ul li{width: 100%;background: #fff;padding: 5px 24px 10px;margin-bottom: 20px;min-height: 112px;}
.aboutItem ul li h2{font-size: 20px;height: 42px;line-height: 42px;overflow: hidden;font-weight: bold;}
.aboutItem ul li h2 a{display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #295bee;}
.aboutItem ul li p{font-size: 17px;line-height: 28px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* main4 */
#main4{width: 100%;height: 100%;background: url("../img/page4.png") top center no-repeat;background-size: cover;padding-top: 30px;overflow: hidden;}
.ppList{width: 473px;height: 687px;background: url("../img/pplf.png");}
.imgList{width: 533px;height: 686px;background: url("../img/pprt.png");}
.imgList ul{width: 500px;display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}
.imgList ul li{width: 244px;height: 170px;margin-top: 14px;position: relative;}
.imgList ul li:first-child{width: 500px;height: 280px;}
.imgList ul li img{width: 244px;height: 170px;display: block;}
.imgList ul li:first-child img{width: 500px;height: 280px;}
.imgList ul li p{width: 100%;height: 40px;line-height: 40px;font-size: 18px;color: #fff;padding: 0 5px;position: absolute;bottom: 0;background: url("../img/p-bg.png") center left repeat-x;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.w1040{width: 1040px;margin: 40px auto 0;}

/* main5 */
#main5{width: 100%;height: 100%;background: url("../img/page6.png") top center no-repeat;background-size: cover;padding-top: 60px;overflow: hidden;}
/* ccCon */
.ccCon{width: 100%;margin: 30px auto 0;}
.ccItem{width: 31%;padding: 10px;float: left;margin: 8px 1%;background: #fff;}
.ccItem a{display: block;overflow: hidden;}
.ccItem img{width: 100%;height: 180px;transition: all 1s;}
.ccItem img:hover{transform: scale(1.1);}
.ccItem p{line-height: 1.2;margin-top: 10px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.ccItem:nth-child(2){width: 64%;}
.ccItem:nth-child(2) img{height: 427px;}
.ccItem:nth-child(3){margin-top: -240px;}
.slideBoxImg{width: 748px;height: 459px;position: relative;overflow: hidden;}
.slideBoxImg .hd{position: absolute;right: 5px;bottom: 15px;z-index: 1;}
.slideBoxImg .hd ul li {float: left;margin-right: 10px;cursor: pointer;width: 10px;height: 10px;background: #fff;border-radius: 5px;}
.slideBoxImg .hd ul li.on {background: #c90b0b;}
.slideBoxImg .bd {position: relative;z-index: 0;}
.slideBoxImg .bd li {position: relative;}
.slideBoxImg .bd li img {width: 100%;height: 459px;}
.slideBoxImg .bd p {position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px;font-size: 16px;background: url("../img/p-bg.png") top left repeat;text-indent: 10px;z-index: 1;}
.slideBoxImg .bd p a {color: #fff;display: block;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#main6{width: 100%;height: 100%;background: url("../img/page6.png") top center no-repeat;background-size: cover;padding-top: 40px;overflow: hidden;}
/* cySlider */
.cySlider{width: 1200px;height: 658px;overflow: hidden;}
.cySlider ul{width: 1200px;height: 658px;position: relative;}
.cySlider ul li{position: absolute;}
.cySlider ul li:first-child{width: 324px;height: 658px;left: 0;top: 0;}
.cySlider ul li:nth-child(2){width: 226px;height: 462px;left: 332px;top: 0;}
.cySlider ul li:nth-child(3){width: 226px;height: 184px;left: 332px;top: 474px;}
.cySlider ul li:nth-child(4){width: 160px;height: 322px;left: 568px;top: 0;}
.cySlider ul li:nth-child(5){width: 160px;height: 322px;left: 568px;top: 334px;}
.cySlider ul li:nth-child(6){width: 226px;height: 184px;left: 738px;top: 0;}
.cySlider ul li:nth-child(7){width: 226px;height: 462px;left: 738px;top: 196px;}
.cySlider ul li:nth-child(8){width: 226px;height: 462px;left: 974px;top: 0;}
.cySlider ul li:nth-child(9){width: 226px;height: 184px;left: 974px;top: 474px;}
.cySlider ul li img{display: block;width: 100%;height: 100%;}
.conCy{margin-top: 100px;}

.conCy ul{display: flex;display: -webkit-flex; justify-content: space-between;}
.conCy ul li{padding-left: 4.5px;width: 279px;height: 528px;}
.conCy ul li:nth-child(2n+1){margin-top: 60px;}
.conCy ul li:first-child{background: url(../img/conCy1.png) bottom center no-repeat;background-size: contain;}
.conCy ul li:nth-child(2){background: url(../img/conCy2.png) bottom center no-repeat;background-size: contain;}
.conCy ul li:nth-child(3){background: url(../img/conCy3.png) bottom center no-repeat;background-size: contain;}
.conCy ul li:nth-child(4){background: url(../img/conCy4.png) bottom center no-repeat;background-size: contain;}
.conCy ul li img{display: block;width: 270px;height: 520px;}

#main1 .page01{animation:myfirst1 2s;-moz-animation:myfirst1 2s;-webkit-animation:myfirst1 2s;-o-animation:myfirst1 2s;}
#main1 .page02{animation:myfirst2 2s;-moz-animation:myfirst2 2s;-webkit-animation:myfirst2 2s;-o-animation:myfirst2 2s;}
/* #main1 .page03{animation:myfirst3 2s;-moz-animation:myfirst3 2s;-webkit-animation:myfirst3 2s;-o-animation:myfirst3 2s;} */
/* #main1 .page04{animation:myfirst4 3s;-moz-animation:myfirst4 3s;-webkit-animation:myfirst4 3s;-o-animation:myfirst4 3s;} */

@keyframes myfirst1
{
    from {opacity: 0;transform: scale(0)}
    to {opacity: 1;transform: scale(1)}
}
@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
    from {top: 0;}
    to {top: 170px;}
}
@keyframes myfirst2
{
    from {opacity: 0;transform: scale(0)}
    to {opacity: 1;transform: scale(1)}
}
@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
    from {top: 0;}
    to {top: 170px;}
}
@keyframes myfirst3
{
    from {opacity: 0;transform: scale(0)}
    to {opacity: 1;transform: scale(1)}
}
@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
    from {top: 0;}
    to {top: 450px;}
}
@keyframes myfirst4
{
	from {top: 1000px;}
	to {top: 730px;}
}
@-webkit-keyframes myfirst4 /* Safari and Chrome */
{
	from {top: 1000px;}
	to {top: 730px;}
}


.pphn_box{
  width: 1200px;
  height: 678px;
  margin-top: 35px;
  background: url(../img/pphnbg.png) top center no-repeat;
  padding-top: 110px;
}

.picScroll_left{ overflow:hidden; position:relative;width: 1150px;height: 270px;margin: 20px auto 0;}
.picScroll_left .hd .prev,.picScroll_left .hd .next{ display:block;  width:37px; height:120px; cursor:pointer;position: absolute;left: 0;top: 100px;}
.picScroll_left .hd .next{left: auto;right: 0;}
.picScroll_left .bd{width: 1000px;margin-left: 70px;overflow: hidden;}
.picScroll_left .bd ul{ overflow:hidden; zoom:1; }
.picScroll_left .bd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden;width: 460px;height: 270px;position: relative;margin-right: 50px;}
.picScroll_left .bd ul li img{width: 460px;height: 270px;}
.picScroll_left .bd ul li p{height: 60px;line-height: 60px;width: 100%;position: absolute;left: 0;bottom: 0;font-size: 18px;color: #fff;padding: 0 10px;background: rgba(0, 0, 0, 0.4);}

.pphn_list{
  width: 100%;
  height: 243px;
  padding-top: 45px;
  margin: 10px auto 0;
}

.pphn_list ul{
  width: 1120px;
  margin: 0 auto;
  overflow: hidden;
}

.pphn_list ul li{
  width: 540px;
  height: 64px;
  border-bottom: 1px dashed #c3c3c3;
  float: left;
  line-height: 64px;
  font-size: 22px;
}

.pphn_list ul li:nth-child(2n) {
  float: right;
}

.rmjc_box{
  width: 1200px;
  margin: 70px auto 0;
}