@charset "utf-8";
.banner{position: relative; overflow: hidden;}
.banner .picBox{position: relative;overflow: hidden; width: 1920px; left: 50%; margin-left: -960px;}
.banner .picBox img{width: 100%;-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .textBox{position: absolute;width: 100%;left: 0;right: 0;top: 50%;transform: translateY(-50%); text-align: center;}
.banner .textBox .tit{animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 34px; font-weight: bold; color: #333333; letter-spacing: 4px;}
.banner .textBox .tip{animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);font-size: 20px;color: #333333;margin-top: 10px;}

.container{position: relative; padding-top: 30px; }
@media screen and (max-width: 1000px) {
    .container{min-height:1400px;}
}
.wrap{display: flex; justify-content: space-between;}
.sideBar{width: 240px;}
.sideBar .side-title{height: 100px; display: flex; align-items: center; padding-left: 30px; font-size: 24px; font-weight: bold; color: #ffffff; background: url(pic02.jpg) no-repeat center; background-size: cover;}
.sideBar .side-ul{border-bottom: 10px solid #ec7815;}
.sideBar .side-ul a.left1{display: block; width: 100%; font-size: 16px; color: #333333; background: #f7f8fa; border-bottom: 1px solid #dcdcdc; transition: all 0.3s; padding: 21px 30px; position: relative;overflow: hidden;}
.sideBar .side-ul li:last-child a.left1{border-bottom: none;}
.sideBar .side-ul a.left1::before{content: '\20'; position: absolute; right: 0; top: 0; width: 12px; height: 12px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: translateY(-50%) rotate(-45deg); top: 50%; right: -30px; transition: all 0.4s;}
.sideBar .side-ul li.on a.left1,
.sideBar .side-ul li a.left1:hover{background: #03479c; color: #ffffff; font-weight: bold;}
.sideBar .side-ul li.on a.left1::before,
.sideBar .side-ul li a.left1:hover::before{right: 30px;}
.sideBar .side-ul dl{padding: 10px 30px;}
.sideBar .side-ul dl dt a.left2{font-size: 16px; color: #333333;display: block; margin-bottom: 10px; transition: all 0.3s;}
.sideBar .side-ul dl dt:last-child a.left2{margin-bottom: 0;}
.sideBar .side-ul dl dt.current a.left2,
.sideBar .side-ul dl dt a.left2:hover{color: #03479c; font-weight: bold;}
.main{width: 1010px; overflow: hidden;}
.bread{display: flex; margin-bottom: 40px; justify-content: space-between; align-items: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 16px;}
.bread .tit{font-size: 22px; font-weight: bold; color: #03479c; position: relative;}
.bread .tit::before{content: '\20'; position: absolute; left: 0; bottom: -17px; width: 70px; height: 3px; background: #ec7815;}
.bread .tip{font-size: 16px; color: #999999;}
.bread .tip a{color: #999999; transition: all 0.3s;}
.bread .tip a:hover{color: #03479c;}
.bread .tip a.current{color: #03479c;}
/* 鍐呭妯″紡*/
.article{line-height:2;font-size:16px;word-wrap:break-word; padding-bottom: 60px;}
.article .hd{padding:0 0 20px;text-align:center;}
.article .hd h1{color:#000;font-size:20px;}
.article .hd h2{color:#000;font-size:20px;}
.article .hd .titBar{color:#797979;font-size:12px;}
.article .bd{padding-bottom:40px;}
.article .ft{padding:20px 0 0;border-top:1px solid #ddd;margin-top: 20px;}
.article video{max-width: 100%;height: auto;display: inline-block;}

.article .bshare-custom{font-size: 18px; color: #333;}
.article .bshare-custom span{vertical-align: middle;}
.article .bshare-custom .bshare-weixin {background: url(nimg30_1.png) no-repeat left center; background-size: 30px; display: inline-block; margin-left: 8px; width: 90px; height: 40px; line-height: 40px; font-size: 18px; color: #333; padding-left: 40px;}
/* 鍒嗛〉*/
.page{padding:0 0 100px;text-align:center;}
.page span{display: flex; justify-content: center;}
.page a{display:block;margin:0 10px; height: 48px; line-height: 48px; font-size: 18px; position: relative; color: #333333; background: #f7f8fa; padding: 0 18px; min-width: 48px; transition: all 0.3s;}
.page a.ab::before{content: '\20'; position: absolute; top: 50%; width: 10px; transition: all 0.3s; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333;}
.page a.le::before{transform: translateY(-50%) rotate(135deg); left: 21px;}
.page a.ri::before{transform: translateY(-50%) rotate(-45deg); right: 21px;}
.page a.ab:hover::before{border-color: #ffffff;}
.page a:hover,.page .current{background:#ec7815;color:#fff;}
.page a.aa{font-size: 15px;}

/* 浜烘墠鎷涜仒 */
.form-panel { padding:0 0 30px; max-width:1400px; margin:0 auto; }
.form-panel input {  vertical-align:middle; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; padding:0 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }



.page-newsList ul{padding-bottom: 60px;}
.page-newsList ul li{margin-bottom: 30px; position: relative;}
.page-newsList ul li:nth-child(5n){margin-bottom: 60px;}
.page-newsList ul li:nth-child(5n)::before{content: '\20'; position: absolute; left: 0; right: 0; width: 100%; height: 1px; border-top: 1px dashed #cecece; bottom: -30px;}
.page-newsList ul li:last-child{border-bottom: none; padding-bottom: 0;}
.page-newsList ul li a{display: flex; justify-content: space-between; align-items: center;}
.page-newsList .tit{position: relative; width: 80%; font-size: 16px; color: #222222; padding-left: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.page-newsList .tit::before{content: '\20'; position: absolute; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #ec7815; top: 50%; transform: translateY(-50%);}
.page-newsList .tip{font-size: 16px; color: #666666;}
.page-newsList ul a:hover .tit{padding-left: 44px; color: #03479c;}
.page-infolist .topNews a{display: flex; background: #f7f8fa; margin-bottom: 26px;}
.page-infolist .topNews .picBox{width: 41.58%; overflow: hidden;}
.page-infolist .topNews .picBox img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.page-infolist .topNews .textBox{width: 58.42%; padding: 30px 40px 30px 30px;}
.page-infolist .topNews .textBox .b1{font-size: 20px; font-weight: bold; color: #333333; line-height: 34px; transition: all 0.3s; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-infolist .topNews .textBox .b2{font-size: 16px; color: #999999; margin-top: 12px;}
.page-infolist .topNews .textBox .b3{font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-infolist .topNews .textBox .b4{margin-top: 30px;}
.page-infolist .topNews .textBox .b4 .swiper-pagination-bullet{width: 10px; height: 10px; transition: all 0.3s; opacity: 1; background: #dcdcdc; margin-right: 10px;}
.page-infolist .topNews .textBox .b4 .swiper-pagination-bullet:last-child{margin-right: 0;}
.page-infolist .topNews .textBox .b4 .swiper-pagination-bullet-active{background: #ec7815;}
.page-infolist .topNews a:hover .picBox img{transform: scale(1.1);}
.page-infolist .topNews a:hover .textBox .b1{color: #03479c;}
.page-infolist .news-ul{padding-bottom: 74px;}
.page-infolist .news-ul li a{display: flex; justify-content: space-between; align-items: center; padding: 23px 30px 23px 30px; transition: all 0.3s;}
.page-infolist .news-ul .dateBox{width: 74px; height: 74px; background: #f7f8fa; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s;}
.page-infolist .news-ul .dateBox::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(pic04.jpg) no-repeat center; transition: all 0.3s; opacity: 0;}
.page-infolist .news-ul .dateBox .tit{font-size: 28px; font-weight: bold; color: #333333; transition: all 0.3s; position: relative; z-index: 4;}
.page-infolist .news-ul .dateBox .tip{font-size: 14px; color: #666666; transition: all 0.3s; z-index: 4;}
.page-infolist .news-ul .textBox{width: 89%;}
.page-infolist .news-ul .textBox .tit{font-size: 18px; color: #222222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page-infolist .news-ul .textBox .tip{font-size: 16px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}
.page-infolist .news-ul a:hover{background: #f7f8fa;}
.page-infolist .news-ul a:hover .dateBox::before{opacity: 1;}
.page-infolist .news-ul a:hover .dateBox .tit{color: #ffffff;}
.page-infolist .news-ul a:hover .dateBox .tip{color: #ffffff;}
.page-piclist ul{display: flex; padding-bottom: 45px; flex-wrap: wrap; justify-content: space-between; position: relative;}
.page-piclist ul::after{content: '\20'; width: 31.18%;}
.page-piclist ul li{width: 31.18%; margin-bottom: 30px;}
.page-piclist ul li a{display: block; background: #f7f8fa; height: 100%; transition: all 0.5s; position: relative;}
.page-piclist ul li a::before{content: '\20'; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #ec7815; transition: all 0.5s;}
.page-piclist ul li a .picBox{overflow: hidden;}
.page-piclist ul li a .picBox img{width: 100%; transition: all 0.3s;}
.page-piclist ul li a .textBox{font-size: 16px; color: #333333; padding: 14px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s;}
.page-piclist ul li a:hover{background: #03479c;}
.page-piclist ul li a:hover::before{width: 100%;}
.page-piclist ul li a:hover .picBox img{transform: scale(1.1);}
.page-piclist ul li a:hover .textBox{color: #ffffff;}
.page-pictxtlist ul{padding-bottom: 90px;}
.page-pictxtlist ul li{margin-bottom: 30px;}
.page-pictxtlist ul li:last-child{margin-bottom: 0;}
.page-pictxtlist ul li a{display: flex; background: #f7f8fa; justify-content: space-between;transition: all 0.4s;}
.page-pictxtlist ul li .picBox{overflow: hidden; width: 31.18%;}
.page-pictxtlist ul li .picBox img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
.page-pictxtlist ul li .textBox{width: 68.82%; display: flex; align-items: center;}
.page-pictxtlist ul li .textBox .text-wrap{padding: 20px 17px 20px 27px;}
.page-pictxtlist ul li .textBox .tit{font-size: 20px; font-weight: bold; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.4s;}
.page-pictxtlist ul li .textBox .tip{font-size: 16px; color: #666666; transition: all 0.4s; line-height: 30px; margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-pictxtlist ul li a:hover{background: #03479c;}
.page-pictxtlist ul li a:hover .picBox img{transform: scale(1.1);}
.page-pictxtlist ul li a:hover .textBox .tit{color: #ffffff;}
.page-pictxtlist ul li a:hover .textBox .tip{color: #ffffff;}