﻿video:-webkit-full-page-media{ max-width:100%; max-height:100%;}

.video_bg{background-size: 100%;background-position:top center;z-index: -2;height: 100%;width: 100%;overflow: hidden;position: relative}
.video_bg video{ position: absolute;right: 0;top: 0;min-width: 100%;min-height: 100%;height: auto;width: auto;  object-fit: cover;}
.banner{width: 100%; position: relative;overflow: hidden;height: 840px;}
.banner .banner_info{ display: block;width: 100%;height: 100%;position: absolute;z-index: 6; background-color: rgba(78,87,101,.8);top: 0;}
.banner .banner_info .info_box{display: table;width: 100%;height: 100%;}
.banner .banner_info .info_box .box{display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.banner .banner_info h4{font-size: 36px;line-height: 80px;font-weight: normal;}
.banner .banner_info h3{font-size: 60px;line-height: 110px;padding-bottom: 30px;position: relative;overflow: hidden;}
.banner .banner_info h3:after{display:block;content:'';width:130px;height:4px;position:absolute;left:0;right:0;bottom:0;margin: 0 auto;background-color:#fff;}
.banner .banner_info h5{font-size: 24px;font-weight: normal;line-height: 70px;padding-bottom: 46px;font-family: "Arial", sans-serif;}
.banner .banner_info a{display: block;font-size: 24px;text-align: center;width: 200px;height: 42px;line-height: 42px;border: 1px solid #fff;color: #fff;margin: 0 auto;letter-spacing: 2px;}
.banner .banner_info h6{font-size: 26px;line-height: 42px;font-weight: normal;margin-top: 46px;}
/*!*.banner{display: table;}*!*/


/*anchor_nav*/
.anchor_nav{width: 100%;padding: 20px 0 60px 0;}
.anchor_nav li{padding: 0 21px;}
.anchor_nav li a{display: block;width: 100%;height: auto;transition: box-shadow .5s ease;}
.anchor_nav li a:hover{box-shadow: 0 0 10px rgba(0,0,0,.5);}
/*main*/
.main{width: 100%;}
.item{width: 100%;overflow: hidden;}
.item .title{margin-bottom: 60px;}
.item .title h3{width: 100%;overflow: hidden;text-align: center;}
.item .title h3 span{display: inline-block;vertical-align: middle;}
.item .title h3 span img{width: 150px;}
.item .title h3 span +span{font-size: 24px;color: #595757;line-height: 30px;padding-top: 10px; font-weight: normal;text-align: left}
.item .title h2{text-align: center;font-size: 36px;font-weight: bold;color: #595757;line-height: 64px;}
.item .title h4{text-align: center;font-size: 20px;font-family: "Arial",sans-serif;line-height: 24px;color: #595757;font-weight: normal;}
.item .title p{text-align: center;font-size: 16px;color: #595757;line-height: 28px;}

/*item1*/
.item1 .cont1{box-shadow: 0 0 10px rgba(0,0,0,.5);margin-bottom: 60px;transition: .5s ease;overflow: hidden;}
.item1 .cont1:hover{box-shadow: 0 0 20px rgba(0,0,0,.6);}
.item1 .cont1 div.col-xs-12{overflow: hidden;}
.item1 .cont1 div img{-webkit-animation:body 10s infinite;-moz-animation:body 10s infinite;-ms-animation: body 10s infinite;-o-animation:body 10s infinite;animation:body 10s infinite;}
.item1 .cont1 p{font-size: 16px;text-align: center;color: #595757;line-height: 28px;padding: 24px 0;}
.item1 .cont1 p span{display: block;}

.item1 .cont2{width: 100%;height: 656px;overflow: hidden; position: relative;}
.item1 .cont2 div.bgimg{width: 100%;height: 656px;background: url("../images/ppzx/item1_pic2.jpg") center no-repeat;-webkit-animation:body 10s infinite;-moz-animation:body 10s infinite;-ms-animation: body 10s infinite;-o-animation:body 10s infinite;animation:body 10s infinite;background-size: 1920px 656px;}

.item1 .cont2 .info{position: absolute;width: 100%;height: 656px; top: 0;left: 0;right: 0;margin: auto;padding-top: 180px;box-sizing: border-box;}
.item1 .cont2 h3{font-size: 48px;color: #fff;font-family: "Arial", sans-serif;text-align: center;font-weight: normal;line-height: 94px;}
.item1 .cont2 h4{font-size: 72px;color: #fff;text-align: center;line-height: 112px;font-weight: normal;}

/*item2*/
.item2 .title{margin-bottom: 0;margin-top: 60px;}
.item2 .title h4{margin-bottom: 20px;}
.item2 .cont1 .swiper1{width: 100%;}
.item2 .cont1 .slide{height: 592px;overflow: hidden;padding-top: 30px;box-sizing: border-box;}
.item2 .cont1 h3{font-size: 76px;font-weight: bold;text-align: center;color: #114687;line-height: 176px;}
.item2 .cont1 p{font-size: 18px;color: #595757;line-height: 36px;margin-top: 30px;text-align: justify;}
.item2 .cont1 p span{font-weight: bold;}
.item2 .cont1 p span.last{margin-left: 20px;}
.item2 .cont1 a{width: 100%;}
.item2 .cont1 a span{display: block;text-align: center;background-color: #0070dc;color: #fff;font-size: 20px;line-height: 42px;margin-top: 40px;}

.item2 .cont1 .slide3 h3,
.item2 .cont1 .slide7 h3{font-size: 60px;line-height: 80px;}
.item2 .cont1 .slide3 h3+h3{font-weight: normal;}
.item2 .cont1 .slide7 h3+h3{font-weight: normal;}
/*.item2 .cont1 .slide4 a span{margin-top: 0;}*/
.item2 .cont1 .slide3{ background: url("../images/ppzx/item2_bg1.jpg") top center no-repeat;background-size: 1920px 592px;}
.item2 .cont1 .slide4{background: url("../images/ppzx/item2_bg2.jpg") top center no-repeat;background-size: 1920px 592px;}
.item2 .cont1 .slide7{background: url("../images/ppzx/item2_bg3.jpg") top center no-repeat;background-size: 1920px 592px;}

.item2 .cont1 .swiper-button-next{background-image: url("../images/ppzx/next.png"); width: 41px;height: 69px;background-size: 41px 69px;opacity: 0.7;transition: .5s ease;-webkit-transition: .5s ease;-moz-transition: .5s ease;}
.item2 .cont1 .swiper-button-next:hover{opacity: 1;}
.item2 .cont1 .swiper-button-prev{background-image: url("../images/ppzx/prev.png");width: 41px;height: 69px;background-size: 41px 69px;transition: .5s ease;-webkit-transition: .5s ease;-moz-transition: .5s ease;opacity: 0.7;}
.item2 .cont1 .swiper-button-prev:hover{opacity: 1;}

.item2 .cont2{width: 100%;padding: 60px 0;background-color: #efefef;}
.item2 .cont2 h3{font-size: 36px;color: #595757;text-align: center;line-height: 60px;font-weight: normal;}
.item2 .cont2 h4{font-size: 20px;line-height: 24px;text-align: center;color: #595757;font-family: "Arial", sans-serif;font-weight: normal;margin-bottom: 40px;}
.item2 .cont2 li{padding: 0 5px;margin-bottom: 14px;}
.item2 .cont2 li a{display: block; background-color: #fff;font-size: 24px;text-align: center;color: #595757;line-height: 58px;}
.item2 .cont2 li:hover a{background-color: #0070dc;color: #fff;}
.item2 .cont2 p{ font-size: 16px;color: #595757;text-align: center;margin-top: 16px;line-height: 100px;}
.item2 .cont2 >a{width: 182px;height: 42px;text-align: center;line-height: 42px;color: #fff;background-color: #167ceb;font-size: 20px;}



/*item3*/
.item3{background: url("../images/ppzx/item3_pic1.jpg") top center no-repeat;background-size: 1920px 820px;}
.item3 .title{padding-top: 60px;}
.item3 div.container.title *{color: #fff;}

.item3 .cont1{padding-bottom:60px;}
.item3 .cont1 li{padding-bottom: 20px;background-color: #fff;}

.item3 .cont1 li div.img{width: 110px;margin: 20px auto;}
.item3 .cont1 li h4{font-size: 18px;text-align: center;color: #575757;line-height: 30px;font-weight: normal;}
.item3 .cont1 li h5{font-size: 18px;color: #575757;font-family: "Arial", sans-serif;text-align: center;font-weight: normal;line-height: 26px;}
.item3 .cont1 li:nth-child(1),
.item3 .cont1 li:nth-child(3),
.item3 .cont1 li:nth-child(6),
.item3 .cont1 li:nth-child(8){background-color: #efefef;}

.item3 .cont2{margin: 60px auto 60px auto;}
.item3 .cont2 h3{font-size: 36px;font-weight: bold;text-align: center;color: #595757;line-height: 86px;}
.item3 .cont2 >p{font-size: 16px;text-align: center;color: #3a3a3b;line-height: 28px;margin-bottom: 34px;}
.item3 .cont2 ol{width: 100%;overflow: hidden;}
.item3 .cont2 ol li{padding: 0 5px 40px 5px;cursor: pointer;position: relative;}
.item3 .cont2 ol li span{width: 100%;background-color: #eeeced;text-align: center;font-size: 24px;line-height: 42px;}
.item3 .cont2 ol li span:after{content: '';width: 0;height: 0; border-right: 10px solid transparent;border-top: 10px solid  #004c97;border-left: 10px solid transparent;position: absolute;left: 0;right: 0;top: 42px;margin: 0 auto;display: none;}
.item3 .cont2 ol li.active span{background-color: #004c97;color: #fff;}
.item3 .cont2 ol li.active span:after{display: block;}
.item3 .cont2 ul li{background-color: #f4f4f4;display: none;}
.item3 .cont2 ul li div.info{padding: 32px 50px 0 50px;}
.item3 .cont2 ul li h4{font-size: 32px;color: #6d6c6c;line-height: 80px;font-weight: normal;}
.item3 .cont2 ul li p{font-size: 18px;color: #6d6c6c;line-height: 32px;text-align: justify;}

/*.item4*/
.item4 >.title{background: url("../images/ppzx/item4_pic1.jpg") bottom center no-repeat;padding-top: 60px;background-size: 1920px 651px;height: 651px;}
.item4 .cont1 .swiper2{width:100%;overflow:hidden;}
.item4 .cont1 .swiper2 .swiper-slide{    clear: both;overflow:hidden;}
.item4 .cont1 .swiper2 .swiper-slide img{float: none;}
.item4 .cont1 .swiper2 h3{font-size: 16px;color: #595757;line-height: 26px;padding:12px 0; font-weight: normal;text-align: center;}
.item4 .cont1 ol{margin-top: 30px;}
.item4 .cont1 ol li{padding: 0 20px;}
.item4 .cont1 ol li a{display: block;text-align: center;background-color: #0070dc;color: #fff;line-height: 42px;font-size: 20px;border: 1px solid #0070dc;}
.item4 .cont1 ol li +li a{background-color:#fff;color: #313131;border-color: #595757}

.item4 .cont2{margin-top: 60px;}
.item4 .cont2 .til h3{width: 34%;margin: 0 auto;}
.item4 .cont2 .til h4{text-align: center;font-size: 36px;color: #595757;line-height: 100px;margin-bottom: 40px;}
.item4 .cont2 ul:nth-child(2){background-color: #1b1b1b;}
.item4 .cont2 ul li{position: relative;}
.item4 .cont2 ul li:after{content: ''; display: block;width: 100%;height: 100%;min-height: 100%;background-color: rgba(27,27,27,.5);position: absolute; top: 0;left: 0;}

.item4 .cont2 ul li:hover:after{display: none;}
/*.item4 .cont2 ul li.hzxl:after{display: none;}*/
.item4 .cont2 ul li.hzxl{padding: 20px;overflow: hidden;}
.item4 .cont2 ul li h3{color: #fff;font-size: 30px;font-weight: normal;text-align: center;line-height: 40px; }
.item4 .cont2 ul li a{color: #fff;font-size: 18px;text-align: center;width: 80%;margin: 20px auto 0 auto;line-height: 42px;display: block;border: 1px solid #fff;}


.item4 .cont3{margin-top: 60px;}
/*.item4 .cont3 .til h3{width: 21%;margin: 0 auto}*/
/*.item4 .cont3 .til h4{text-align: center;font-size: 36px;color: #595757;line-height: 100px;}*/
/*.item4 .cont3 .til p{text-align: center;font-size: 24px;color: #8e8e8e;margin-bottom: 50px;}*/

/*css动画*/
@-webkit-keyframes body{
    0%{
        -moz-transform:scaleX(1.05) scaleY(1.05);
        -ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);
        -webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);
    }
    50%{
        -moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);
        -webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);
    }
    100%{
        -moz-transform:scaleX(1.05) scaleY(1.05);
        -ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);
        -webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);
    }


}
@keyframes body{
    0%{
        -moz-transform:scaleX(1.05) scaleY(1.05);
        -ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);
        -webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);
    }
    50%{
        -moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);
        -webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);
    }
    100%{
        -moz-transform:scaleX(1.05) scaleY(1.05);
        -ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);
        -webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);
    }
}
/*媒体查询*/
@media (max-width: 991px) {
    .anchor_nav{padding: 10px 0 20px 0;}
    .anchor_nav li{padding: 0;}
    .item .title{margin-bottom: 40px;}
    .item .title h4{margin-bottom: 20px;}
    .item .title p{padding: 0 1.5%;}
    .item1 .cont1{width: 100%;box-shadow: none;background-color: #f8f8f8;margin-bottom: 40px;}
    .item1 .cont1 p{padding: 20px 15px;text-align: justify;text-indent: 2em;}
    .item1 .cont1 p span{display: inline;}

    .item1 .cont2{margin-bottom: 40px;}
    .item1 .cont2 .info{padding-top: 200px;}
    .item1 .cont2 h4{font-size: 60px;}

    .item2 .cont1 h3{font-size: 60px;line-height: 120px;}
    .item2 .cont1 .slide{height: 508px;padding: 0;}
    .item2 .cont1 .slide1 li{margin-bottom: 20px;}
    .item2 .cont1 p{margin-top: 20px;}
    .item2 .cont1 a span{margin-top: 20px;}
    .item2 .cont1 .slide3 h3,
    .item2 .cont1 .slide7 h3{font-size: 48px;line-height: 70px;}
    .item2 .cont1 .slide3,
    .item2 .cont1 .slide4,
    .item2 .cont1 .slide7{background-image: none;}

    .item2 .cont2{padding: 40px 0;}
    .item2 .cont2 h4{margin-bottom: 40px;}
    .item2 .cont2 p{padding: 20px 3%;line-height: 30px;}

    .item3 .title{padding-top: 40px;}
    .item3 .cont1{width: 100%;padding: 0 0 40px 0;}
    .item3 .cont1 li div.img{margin: 10px auto;}
    .item3 .cont1 li:nth-child(6),
    .item3 .cont1 li:nth-child(8){background-color: #fff;}

    .item3 .cont1 li:nth-child(5),
    .item3 .cont1 li:nth-child(7),
    .item3 .cont1 li:nth-child(9){background-color: #efefef;}

    .item3 .cont2{margin: 40px auto;}
    .item3 .cont2 ul li div.info{padding: 20px 30px;}

    .item4 >.title{background-size: 1280px 459px; height: 550px;background-position: bottom center;background-color: #f4f2ed;}
    .item4 .cont1 .swiper2 h3{font-size: 14px;}
    .item4 .cont1 ol{margin-top: 10px;}
    .item4 .cont2{margin-top: 40px;}
    .item4 .cont2 .til h4{margin-bottom: 20px;}
    .item4 .cont2 ul li:after{display: none;}
    .item4 .cont3 .til p{margin-bottom: 40px;}
}
@media (max-width:767px) {
    .banner{height: 320px;}
    .video_bg{height: 320px;width: 100%; background-size: 960px auto;background-position: center;}
    .banner .banner_info h4{font-size: 20px;line-height: 2;}
    .banner .banner_info h3{font-size: 25px;line-height: 2;}
   .banner .banner_info h3:after{display:none}
    /*.banner .banner_info h3 span{display: block;}*/
    .banner .banner_info a{width: 40%;font-size: 18px;line-height: 2;height: 36px;}
    .banner .banner_info h6{font-size: 18px;margin-top: 20px;}
    .anchor_nav{padding: 20px 5px;}
    .anchor_nav li{padding: 0; }
    .item .title{margin-bottom: 20px;}
    .item .title p{padding:0 10px; font-size: 16px; text-align: justify;text-indent: 2em;color: #595757;line-height: 28px;}

    .item .title h2{font-size: 25px;line-height: 40px; white-space: nowrap;}
    .item .title h3 span{display: block;width: 100%;}
    .item .title h3 span +span{font-size: 22px;text-align: center;padding-top: 10px;}
    .item1 .cont1{margin-bottom: 20px;}
    .item1 .cont2{margin-bottom: 20px;height: 328px;}
    .item1 .cont2 div.bgimg{background-size: 960px 328px;height: 328px;}
    .item1 .cont2 .info{height: 328px;padding-top: 100px;}

    .item1 .cont2 h3{font-size: 20px; line-height: 50px;}
    .item1 .cont2 h4{font-size: 26px; line-height: 50px;}
    .item2 .title{margin-top: 0;}
    .item2 .cont1 .slide{height: auto;padding-bottom: 20px;}
    .item2 .cont1 .slide .container >div{display: table;min-height: 100px;}
    .item2 .cont1 .slide3 h3,
    .item2 .cont1 .slide7 h3{font-size: 28px;line-height: 32px;margin-bottom: 0;}
    .item2 .cont1 ul{display: table-cell;vertical-align: middle;}
    .item2 .cont1 h3{font-size: 30px;line-height: 50px;margin-bottom: 15px;}
    .item2 .cont1 p{margin-top: 0; font-size: 16px;line-height: 24px;padding: 0 10px;}
    .item2 .cont1 a span{font-size: 16px;line-height: 36px;margin-top: 10px;border-radius: 10px;}

    .item2 .cont2{padding: 20px 0;}
    .item2 .cont2 h3{font-size: 25px;line-height: 58px;margin-bottom: 10px;}
    .item2 .cont2 p{ padding: 10px; font-size: 16px; text-align: justify;color: #595757;line-height: 28px;margin-top: 6px; }
    .item2 .cont2 li{margin-bottom: 10px;padding: 0 3px;}
    .item2 .cont2 li a{font-size: 18px;line-height: 40px;}

    .item3{background-size: 1166px auto;height: auto;}
    .item3 .title{padding-top: 20px;}
    .item3 .cont1 { padding: 0 0 40px 0;}
    .item3 .cont1 li div.img{margin: 10px auto 0 auto;width: 60px}
    .item3 .cont1 li h4{font-size: 16px;line-height: 24px;}
    .item3 .cont1 li h5{font-size: 15px;line-height: 1;}
    .item3 .cont1 li{padding-bottom: 10px;}

    .item3 .cont2{margin: 20px auto;}
    .item3 .cont2 h3{font-size: 25px;line-height: 58px;}
    .item3 .cont2 >p{padding:0 10px; font-size: 16px; text-align: justify;text-indent: 2em;color: #595757;line-height: 28px;margin-bottom: 20px;}
    .item3 .cont2 ul li div.info{padding: 10px 15px;}
    .item3 .cont2 ul li h4{font-size: 24px;line-height: 56px;}
    .item3 .cont2 ul li p{font-size: 16px;line-height: 28px;}
    .item3 .cont2 ol li{padding: 0 3px 20px 3px;}
    .item3 .cont2 ol li span{font-size: 16px;white-space: nowrap;}

    .item4 >.title{background-size: 700px 251px;height: 280px;padding-top: 20px}
    .item4 .cont1 .swiper2 h3{line-height: 20px;text-align: center;margin-bottom: 10px;}

    /*.item4 .cont2{margin-top: 20px;}*/
    .item4 .cont2 .til h3{width: 70%;}
    .item4 .cont1 ol li{padding: 0 5px;}
    .item4 .cont1 ol li a{font-size: 18px;line-height: 30px;}
    .item4 .cont2 ul li.hzxl{padding: 5px 5px 0 5px;}
    .item4 .cont2 ul li h3{font-size: 16px;line-height: 20px;white-space: nowrap;}
    .item4 .cont2 ul li a{font-size: 14px;width: 90%;line-height: 20px; margin-top: 10px;}
    .item4 .cont3 .til h3{width: 40%;}
    .item4 .cont2 .til h4,
    .item4 .cont3 .til h4{font-size: 25px;line-height: 58px;}
    .item4 .cont3{margin-top: 20px;}
    .item4 .cont3 .til p{font-size: 16px;margin-bottom: 20px;}
}
@media (max-width: 330px) {
    .banner .banner_info h3{font-size: 22px;}
    .banner .banner_info h6{font-size: 16px;}
 
    .item .title h2{font-size: 22px;}
    .item .title h3 span +span{font-size: 18px;}
    .item .title p{font-size: 14px;line-height: 20px;}
    .item1 .cont1 p{font-size: 14px;line-height: 20px;}
    .item3{background-size: 1130px auto;}
    .item3 .cont2 h3{font-size: 22px;}
    .item3 .cont2 >p{font-size: 14px;line-height: 24px;}
    .item3 .cont2 ul li h4{font-size: 20px;line-height: 40px;}
    .item3 .cont2 ul li p{font-size: 14px;line-height: 20px}
    .item4 >.title{background-size: 600px auto; height: 240px;}
    .item4 .cont2 .til h4, .item4 .cont3 .til h4{font-size: 22px;line-height: 40px;}
    .item4 .cont2 ul li h3{letter-spacing: -1px;}
}