@charset "utf-8";


.title{text-align:center}
.title h2{position:relative;display:inline-block;padding:0 50px;padding-bottom:15px;border-bottom:1px solid #dcdcdc;margin-bottom:45px;font-size:34px;color:#333;font-family:"Georgia"}
.title h2::after{content:"";position:absolute;border:15px solid transparent;border-bottom:15px solid #ff8c4b;bottom:-15px;left:50%;transform:translateX(-50%)}
.more{display:flex;justify-content:center;align-items:center;width:210px;height:60px;line-height:60px;border:1px solid #0073a7;transition:all .6s}
.more:hover{background:#0073b2}
.more a{display:block;padding-left:35px;background:url(../images/more.png) no-repeat left center;font-size:16px;color:#0073a7;font-family:"Georgia";text-transform:uppercase}
.more:hover a{background:url(../images/more-other.png) no-repeat left center;color:#fff}

.section1{background:url(../images/sect1-bg.jpg) no-repeat right top;background-size:cover;padding-bottom:70px;padding-top:50px;}
.xbjsnr{padding-top:30px;}
.xbjsnr .zcwz{width: 48%;float: left;}
.xbjsnr .zcwz .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
.xbjsnr .txt p{font-size:18px;line-height:36px;}
.xbjsnr .zsimg{width: 47%;float: right;position:relative;padding-right: 53px;padding-bottom: 50px;}
.xbjsnr .zsimg .img .img_hezi{padding-bottom:55%;}
.xbjsnr .zsimg::before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 30px;
    background: url(../images/s1-zhangshi1.png) no-repeat center center;
    width: 53px;
    height: 143px;
    z-index: 9;
}

.xbjsnr .zsimg::after {
    content: "";
    position: absolute;
    right:0px;
    bottom:0px;
    background: url(../images/s1-zhangshi2.png) no-repeat center center;
    width: 51px;
    height: 43px;
    z-index: 9;
}
.szdw_list{}


.sect1{position:relative;padding-bottom:50px}
.section1 .more{float: right;margin-top:30px}

.section2{position:relative;height:523px}
.section2 video{display:block;width:100%;height:100%;object-fit:cover}
.section2 .title{position:absolute;top:160px;left:50%;transform:translateX(-50%)}
.section2 .title h2{color:#fff;border:none;text-transform:uppercase}
.section2 .title h2::after{display:none}
.section2 .bf{position:absolute;left:50%;transform:translateX(-50%);bottom:170px;background:url(../images/bf.png) no-repeat center center;width:84px;height:84px;background-size:100% 100%;cursor:pointer;z-index:99}
.section2.play .bf{display:none}
.section3{padding-top:60px;padding-bottom:80px;background:url(../images/sect3-bg.png) no-repeat top center #f8f8f8;}
.sect3,.sect4{position:relative}
.sect3 .title{position:relative;text-align:center;color:#fff;}
.sect3 .title h2{color:#fff;}
.sect3 .more{position:absolute;right:0;top:0;border:1px solid #fff;color:#fff;}
.sect3 .more a{color:#fff;background: url(../images/more-other.png) no-repeat left center;}
.sect3-top{padding-top: 20px;}

.s3t-l{width:42.8%}
.s3t-l a{display:block}
.s3t-l a .pic{padding-top:62.726%}
.date i{font-size:18px;font-style:italic}
.date span{font-size:18px}
.s3t-l a .text{position:relative;margin-right:55px;margin-top:-65px;z-index:9;background:url(../images/s3-l-txt-bg.png) no-repeat right top;background-size:100% 100%;padding:20px}
.s3t-l a .text .date{color:#fff;margin-bottom:10px;font-size:20px}
.s3t-l a .text h2{line-height:24px;font-size:20px;color:#fff;font-weight:normal;height:48px;overflow:hidden}
.s3t-l a:hover .text h2{text-decoration:underline}
.s3t-r{width:57.2%}
.s3t-r ul li{width:50%;padding-left:30px}
.s3t-r ul li a{display:block}
.s3t-r ul li a .pic{padding-top:73.521%}
.s3t-r ul li a .text{position:relative;background:#fff;padding:30px 20px;transition:all .3s}
.s3t-r ul li:hover a .text{background:#034c67}
.s3t-r ul li a .text::after{content:"";position:absolute;right:0;bottom:0;border-right:50px solid #d6e2e7;border-top:35px solid transparent;z-index:9}
.s3t-r ul li a .date{position:absolute;top:-50px;left:30px;width:70px;height:70px;background:#f5f7f9;color:#006ea3;text-align:center}
.s3t-r ul li a .date p{font-size:30px;font-weight:bold;padding-top:5px}
.s3t-r ul li a .date span{display:block;font-size:16px;text-transform:capitalize}
.s3t-r ul li a .text>h2{font-size:18px;color:#333;font-weight:normal;margin-bottom:10px}
.s3t-r ul li a .text>p{font-size:14px;color:#999;line-height:22px;height:66px;overflow:hidden}
.s3t-r ul li:hover .text>h2,.s3t-r ul li:hover .text>p{color:#fff}
.sect3-down{margin-top:50px}
.sect3-down ul{margin:0 -30px}
.sect3-down ul li{width:33.333%}
.sect3-down ul li a{display:block;padding:0 30px;border-left:1px solid #d2d2d2}
.sect3-down ul li:first-child a{border-left:none}
.sect3-down ul li a .date{color:#999999}
.sect3-down ul li a h2{line-height:30px;font-size:20px;color:#000;font-weight:normal;height:60px;overflow:hidden;margin-top:10px;margin-bottom:10px;transition:all .6s}
.sect3-down ul li:hover a h2{color:#006ea3;text-decoration:underline}
.sect3-down ul li a p{line-height:28px;font-size:16px;color:#666666;height:56px;overflow:hidden}
.section4{padding-top:50px;padding-bottom:30px;background:#fff;background-size:cover}
.sect4 ul{justify-content:center;margin:0 -20px}
.sect4 ul li{width:33.333%}
.sect4 ul li a{position:relative;top:0;margin:25px 20px;display:block;border-top:4px solid #fff;padding:20px 25px;padding-bottom:40px;background:url(../images/s4-txt-bg.png) no-repeat right bottom;background-size:100% 100%;transition:all .6s}
.sect4 ul li:hover a{top:-20px}
.sect4 ul li a .gd{position:absolute;width:26px;height:48px;right:40px;bottom:-10px;background:url(../images/s4-more.png) no-repeat center center;background-size:100% 100%;opacity:0;z-index:-1;transition:all .6s}
.sect4 ul li:hover a .gd{opacity:1;z-index:9}
.sect4 ul li a .date{color:#fff;opacity:.8;margin-bottom:10px}
.sect4 ul li a p{line-height:32px;font-size:20px;color:#fff;height:64px;overflow:hidden;transition:all .6s}
.sect4 ul li:hover a p{text-decoration:underline}
.s4 .slick-prev{top:75%;background:url(../images/s4-l.png) no-repeat center center;width:61px;height:61px;border-radius:50%;background-size:100% 100%;transition:all .6s}
.s4 button:hover{opacity:.6}
.s4 .slick-next{top:75%;background:url(../images/s4-r.png) no-repeat center center;width:61px;height:61px;border-radius:50%;background-size:100% 100%;transition:all .6s}
.sect4 .more{margin:auto;margin-top:50px}

.section5{padding-top:50px;padding-bottom:65px;background:url(../images/sect5-bg.jpg) no-repeat center center;background-size:cover}
.sect5 .title{text-align:center}
.s5 ul li{width:31.1%;background:#fff;box-shadow: 0 0 10px #e4e0e0;margin-left: 3.3%;}
.s5 ul li:nth-child(1){margin-left:0%;}
.s5 ul li a{display:block;padding:30px 40px;border-bottom:6px solid transparent;transition:all .6s}
.s5 ul li:hover a{background:#0073a7;border-bottom:6px solid #ff7c44;box-shadow:0 0 10px #b3a8a8}
.s5 ul li a .date{color:#999;margin-bottom:10px}
.s5 ul li:hover .date{color:#ff8c4b}
.s5 ul li a h2{line-height:28px;font-size:20px;color:#000;font-weight:normal;height:56px;overflow:hidden}
.s5 ul li:hover a h2{color:#fff;text-decoration:underline}
.s5 ul li a .pic{padding-top:67.441%;margin:5px 0}
.s5 ul li a p{line-height:28px;font-size:16px;color:#666666;height:84px;overflow:hidden}
.s5 ul li:hover a p{color:#fff;opacity:.8}
.sect5 .more{margin:auto;margin-top:50px}
.szdw_list{margin-top:20px;border: 1px solid #eeeeee;padding:3% 2%; ;width: 96%; }
.szdw_list .item{ position: relative;overflow: hidden;width: 13.6%; margin-left:1.5%; margin-right:1.5%; float: left;margin-bottom: 2.5%;}
.szdw_list .item a{ display: block;  position: relative;}
.szdw_list .item .img{padding: 0 3%;margin-bottom:20px;display: none;}
.szdw_list .item .img .img_hezi {padding-bottom:110%;position: relative; z-index: 2;}
.szdw_list .item .txt{ width:100%; font-size:18px;color:#222;background: #f0f5f8; border-radius: 30px;text-align: center; line-height:48px; height:48px; }




@media screen and (max-width:1400px){.s1-pic{right:30px;width:35%}
.s1-pic::after{bottom:0}
.s1-pic::before{bottom:30px}
}
@media screen and (max-width:1200px){.s1-l{margin-top:35px}
.s1-pic{position:static;width:95%;margin-bottom:15px}
.sect1{padding-bottom:0}
}
@media screen and (max-width:1000px){.sect1{display:block}
.s1-l{width:100%;margin-top:0;margin-right:0}
.s1-l::after{display:none}
.section2 .title{left:0;right:0;text-align:center;transform:none}
.sect3 .title{text-align:left}
.s3t-l{width:100%}
.s3t-r{width:100%;margin-top:15px}
.s3t-r ul{justify-content:space-between}
.s3t-r ul li{width:48%;padding-left:0}
.sect3-down ul{margin:0}
.sect3-down ul li a{padding:0 5px}
.sect4 .title{text-align:left}
.sect4 ul{margin:0}
.sect4 ul li a{padding:15px;margin:20px 10px}
.sect4 ul li{width:50%}
.sect4 ul li a .gd{bottom:-40px}
.s5 ul li a{padding:15px 10px}
.szdw_list .item{width: 22%;}
.xbjsnr .zcwz .txt{-webkit-line-clamp:4;}
}
@media screen and (max-width:700px){.s1-l{padding:15px}
.s1-l h2{font-size:22px}
.title h2{font-size:22px}
.s1-l ul li a span{font-size:16px}
.s1-pic::before,.s1-pic::after{width:25px;background-size:100% auto;right:-10px;height:66px}
.s1-r{padding-top:15px}
.title h2{padding:15px;padding-top:0;margin-bottom:30px}
.s1-pic ul li:nth-child(2){margin-top:55px}
.s1-r .more{margin-top:15px}
.section1{padding-bottom:15px;}
.more{width:155px;height:40px;line-height:40px}
.more a{padding-left:20px;background-size:15px auto;font-size:14px}
.section2{height:300px}
.section2 .title{top:80px}
.section2 .bf{bottom:80px}
.section3{padding:15px 0}
.more:hover a{background-size:15px auto}
.sect3 .more{position:static;margin-left:auto;margin-right:auto;margin-top:15px}
.szdw_list .item{width: 30%;}
.xbjsnr .zcwz, .xbjsnr .zsimg{width:auto;float: none;}
.section1 .more{margin-top: 20px;margin-bottom:20px;}
.sect3 .title{text-align:center}
.s3t-l a .text{margin-right:15px}
.s3t-r ul li{width:100%;margin-bottom:15px}
.s3t-r ul li a .text>p{height:auto}
.sect3-down{margin-top:15px}
.sect3-down ul li{width:100%;margin-bottom:15px}
.sect3-down ul li a{border-left:none}
.section4{padding-top:15px;padding-bottom:15px}
.sect4 .more{position:static;margin-top:15px;margin-left:auto;margin-right:auto}
.sect4 .title{text-align:center}
.sect4 ul li{width:100%}
.sect4 ul li a{margin:5px 0}
.s4 .slick-prev,.s4 .slick-next{top:40%;width:35px;height:35px;background-size:100% 100%}
.sect4 .more a{background-size:15px auto}
.s5 ul li{width:100%}
.sect5 .more{margin-top:15px}
.section5{padding:15px 0}
}