﻿*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';}
ul,li,ol{list-style: none;}a{text-decoration: none;color: #000;}img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;min-width: 1263px;position: relative;}

.f_le{float: left;} .f_ri{float: right;} .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .p_re{position: relative;} .p_ab{position: absolute;}
/* --------------- */
.flexbox-x1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox-x2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox-x3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flexbox-y1{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.flexbox-y2{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 横向 单行 多列 有高 */
.flexbox-z1{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} /* 子元素居中 */
.flexbox-z2{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} /* 子元素居底 */
.flex-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
/* --------------- */
.column{column-width:300px;-moz-column-width:300px;-webkit-column-width:300px;column-count:; /* 列数 */column-gap:; /* 列间距 */column-rule:; /* 分隔线 */}
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.pic{width: 100%;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;overflow: hidden;position: relative;}
.pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.swiper-button-prev:focus,.swiper-button-next:focus,.swiper-button-prev:after:focus,.swiper-button-next:after:focus{outline: none!important;}

/* wrapper */
.wrapper{min-width: 1263px;width: 83.34%;margin: 0 auto;position: relative;z-index: 2;}
.box-width{width: 70.83%;min-width: 1263px;margin: 0 auto;}


/* 头 */
header{width: 100%;height: 91px;background-color: #175a9e;}
.head {height: 100%;display: flex;justify-content: space-between;align-items: center;}
header .logo{display: block;width: auto;height: 53px;}
header nav{display: flex;height: 100%;}
header nav a{height: 100%;font-size: 20px;color: #ffffff;padding: 0 30px;line-height: 91px;}

/*  */
.index{display: flex;justify-content: space-between;padding-top: 70px;}
.index .left{flex:1;margin-right: 40px;}
.index .left .list{width: 100%;padding-bottom: 50px;}
.index .left .list .desc{display: -webkit-box;-webkit-line-clamp: 4;overflow: hidden;-webkit-box-orient: vertical;padding-top: 14px;font-size: 14px;color: #4c4c4c;line-height: 24px;}
.index .left  .item--list{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 54px;background-color: #f5f8fa;margin-bottom: 10px;padding: 0 20px;}
.index .left  .item--list:nth-child(2){margin-top: 20px;}
.index .left  .item--list .title{flex: 1;font-size: 18px;color: #333333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;margin-right: 10px;}
.index .left  .item--list .more{font-size: 15px;color: #333333;padding-right: 15px;background: url(../image/url-icon.png)no-repeat center right ;}
.index .left .contact--item{width: 100%;background: url(../image/contact-bg.png)no-repeat top center;padding: 30px 26px;border-radius: 20px;overflow: hidden;}
.index .left .contact--item .title{font-size: 30px;color: #175a9e;font-weight: bold;text-align: center;margin-bottom: 20px;}
.index .left .contact--item li{display: flex;align-items: flex-start;font-size: 16px;color: #333333;line-height: 22px;margin-bottom: 7px;}
.index .left .contact--item li .img {display: flex;align-items: center;}
.index .left .contact--item li .img img{width: 18px;height: 20px;margin-right: 10px;}
.index .left .contact--item li .img span{font-weight: bold;}
.index .left .contact--item li .info{flex: 1;word-wrap: break-word;overflow: hidden;}

.index .right{flex: 2.36;overflow: hidden;}
.index .right .top-img{width: 100%;margin-bottom: 40px;}
.index .right .top-img img{display: block;width: 100%;height: auto;}
@media screen and (max-width:1436px) {
    .index .left{flex: initial;width: 300px;}
    .index .right{flex: 1;}
}



/* 要闻 */
.index .right .news__box{display: flex;width: 100%;padding-top: 28px;margin-bottom: 70px;}
.index .right .news__box .news-goods{display: flex;flex-wrap: wrap;width: 420px;margin-right: 20px;}
.index .right .news-goods a{width: 204px;height: 156px;position: relative;overflow: hidden;}
.index .right .news-goods a::after{display: block;content: '';width: 100%;height: 80px;background: linear-gradient(to top,rgba(0,0,0,.3),rgba(0,0,0,.05));position: absolute;bottom: 0;left: 0;}
.index .right .news-goods a img{display: block;width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.index .right .news-goods a .title{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;font-size: 16px;color: #ffffff;padding: 0 18px;bottom: 15px;position: absolute;left: 0;z-index: 2;}
.index .right .news-goods a:first-child{width: 100%;height: 223px;margin-bottom: 11px;}
.index .right .news-goods a:nth-child(2){margin-right: 10px;}
.index .right .news-goods a:hover img{transform: translate(-50% , -50%) scale(1.1);}

.index .right .news__box .news-right{flex: 1;padding-top: 10px;overflow: hidden;}
.index .right .news-right a{display: block;width: 100%;margin-bottom: 20px;padding-left: 20px;position: relative;}
.index .right .news-right a::after{display: block;content: '';width: 6px;height: 6px;background-color: #cccccc;position: absolute;left: 0;top: 9px;transform: rotate(45deg);}
.index .right .news-right a .title{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;font-size: 16px;color: #333333;}
.index .right .news-right a .desc{display: none;font-size: 14px;color: #4c4c4c;line-height: 24px;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.index .right .news-right a .time{font-size: 16px;color: #919395;}
.index .right .news-right a:last-child{margin-bottom: 0;}
.index .right .news-right .on{padding-left: 0;margin-bottom: 30px;}
.index .right .news-right .on::after{display: none;}
.index .right .news-right .on .title{font-size: 20px;margin-bottom: 15px;color: #175a9e;}
.index .right .news-right .on .desc{display: -webkit-box;color: #175a9e;}
.index .right .news-right .on .time{display: none;color: #175a9e;}

/* 大纪要 */
.index-news{width: 100%;aspect-ratio: 1/ .0907;position: relative;background:url(../image/djy.jpg)no-repeat center left ;background-size: cover;margin-bottom: 40px;}
.index-news .url{width: 102px;aspect-ratio: 1/ .38;background:url(../image/djyBtn.png)no-repeat center left ;background-size: cover;position: absolute;top: 50%;right: 60px;transform: translateY(-50%);}

/* 大纪要列表 */
.djy .index-project .project__box{width: 100%;margin-bottom: 60px;}
.djy .project__box a{display: flex;width: calc(100% - 5px);margin-right: 35px;padding-top: 40px;border-left: 5px solid #f5f8fa;margin-left: 5px;}
.djy .project__box a:first-child{padding-top: 0;}
.djy .project__box a .img{width: 280px;height: 165px;overflow: hidden;margin-right: 27px;position: relative;}
.djy .project__box a .img img{display: block;width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);transition: .5s;}
.djy .project__box a .desc{width: 100%;;font-size: 14px;color: #4c4c4c;line-height: 24px;margin-bottom: 45px;}
.djy .project__box a .title{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;font-size: 20px;color: #1a1a1a;padding: 5px 0 10px;font-weight: bold;}
.djy .project__box a .time{width: 120px;font-size: 29px;color: #175a9e;line-height: 26px;padding-left: 28px;position: relative;margin-top: 5px;}
.djy .project__box a .time span{display: block;font-size: 17px;color: #cccccc;}
.djy .project__box a .time::before{display: block;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #edf0f4;position: absolute;top: 6px;left: -10px;}
.djy .project__box a .time::after{display: block;content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #3e76ae;position: absolute;top: 10px;left: -6px;}
.djy .project__box a  .Icon{width: 16px;height: 7px;filter: grayscale(90%);}
/* .djy .project__box a:hover{transform: translateY(-5px);} */
.djy .project__box a:hover .img img{transform: translate(-50% , -50%)  scale(1.1);}
.djy .project__box a:hover .Icon{filter: grayscale(0);}

/* 项目进展 */
.index  .index-project .project__box{width: 100%;margin-bottom: 60px;}
.index  .project__box a{display: flex;width: calc(100% - 5px);margin-right: 35px;padding-top: 30px;border-left: 5px solid #f5f8fa;margin-left: 5px;}
.index  .project__box a:first-child{padding-top: 0;margin-top: 30px;}
.index  .project__box a .img{width: 190px;height: 110px;overflow: hidden;margin-right: 27px;position: relative;}
.index  .project__box a .img img{display: block;width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);transition: .5s;}
.index  .project__box a .desc{width: 100%;;font-size: 14px;color: #4c4c4c;line-height: 24px;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.index  .project__box a .title{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;font-size: 20px;color: #1a1a1a;padding: 5px 0 10px;}
.index  .project__box a .time{width: 120px;font-size: 24px;color: #175a9e;line-height: 26px;padding-left: 28px;position: relative;margin-top: 5px;}
.index  .project__box a .time span{display: block;font-size: 14px;color: #cccccc;}
.index  .project__box a .time::before{display: block;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #edf0f4;position: absolute;top: 6px;left: -10px;}
.index  .project__box a .time::after{display: block;content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #3e76ae;position: absolute;top: 10px;left: -6px;}
.index  .project__box a  .Icon{width: 16px;height: 7px;filter: grayscale(90%);}
/* .index  .project__box a:hover{transform: translateY(-5px);} */
.index  .project__box a:hover .img img{transform: translate(-50% , -50%)  scale(1.1);}
.index  .project__box a:hover .Icon{filter: grayscale(0);}



/* 相关链接 */
.index  .index-link .link__box{width: 100%;padding: 55px 25px 35px;background-color: #f5f8fa;margin-top: 28px;}
/* 相关链接 */
.index  .link__box ul{display: flex;overflow: hidden;}
.index  .link__box .tempWrap{margin: 0 auto;}
.index  .link__box ul li{margin-right: 20px;}
.index  .link__box ul li .img{width:201px;aspect-ratio: 1 / .323;position: relative;overflow: hidden;}
.index  .link__box ul li .img img{display: block;width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.index  .link__box ul li .title{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 200px;font-size: 14px;color: #333333;padding-top: 10px;text-align: center;}


footer{width: 100%;margin-top: 110px;position: relative;padding: 35px 0 45px;background-color: #282a32;}
footer::after{display: block;content:'';width: 90%;height: 7px;background-color: #175a9e;position: absolute;top: -7px;right: 0;}
footer nav{display: flex;margin-bottom: 10px;}
footer nav a {font-size: 16px;color: #ffffff;margin-right: 60px;line-height: 18px;}
footer nav a:last-child{margin-right: 0;}
footer .web__info{display: flex;align-items: center;width: 100%;margin-bottom: 10px;}
footer .web__info .info-left{display: flex;flex: 1;}
footer .info-left .list{padding-right: 4%;margin-right: 4%;position: relative;}
footer .info-left .list::after{display: block;content:'';width: 1px;height: 48px;background-color: rgba(255,255,255,.2);position: absolute;right: 0;top: 50%;margin-top: -24px;}
footer .info-left .list p{font-size:14px;color: #ffffff;line-height: 26px;}
footer .info-left .list .tel{font-size: 23px;}
footer .web__info .qr{width: 118px;height: 118px;position: relative;}
footer .web__info .qr img{display: block;width: 100%;height: 100%;}
footer .web__info .qr .tips{font-size: 14px;color: #999ba8;position: absolute;bottom: 10px;left: -100px;}
footer .Copyright , .Copyright a{color: rgba(255,255,255,.4);}



/* 新闻 */
.news .goods__item{width: 100%;overflow: hidden;position: relative;}
.news .goods__item .swiper-slide{display: flex;width: 100%;aspect-ratio: 1 / .2838;background-color: #f5f5f5;}
.news .goods__item .swiper-slide .img{width: 55.14%;height: 100%;overflow: hidden;position: relative;margin-right: 50px;}
.news .goods__item .swiper-slide .img img{display: block;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.news .goods__item .swiper-slide .text{flex: 1;position: relative;}
.news .goods__item .swiper-slide .text .title{font-size: 26px;color: #000000;line-height: 36px;padding-right: 50px; display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;padding-top: 45px;}
.news .goods__item .swiper-slide .text  .time{font-size: 18px;color: #666666;margin-top: 10px;}
.news .goods__item .swiper-slide .text .more{display: block;font-size: 16px;color: #ffffff;line-height: 48px;background-color: #175a9e;padding: 0 38px;position: absolute;left: 0;bottom: 40px;}
.news .goods__item .swiper-pagination{position: absolute;bottom: 25px;text-align: right;padding-right: 55px;}
.news .goods__item .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 1;background: #666666;border-radius: 0;}
.news .goods__item .swiper-pagination-bullet-active{width: 6px;height:6px;opacity: 1;background: #175a9e;}
.news .content{display: flex;flex-wrap: wrap;padding-top: 16px;}
.news .content .list{display: flex;width: calc((100% - 8.67%) / 2);margin-right: 8.67%;margin-top: 3.67%;padding-bottom: 30px;border-bottom: 1px solid #d3d3d3;position: relative;transition: .5s;}
.news .content .list::after{display: block;content: '';width: 0;height: 1px;background-color: #175a9e;position: absolute;left: 0;bottom:0;transition: .5s;}
.news .content .list:nth-child(2n){margin-right: 0;}
.news .content .list .img{width: 40.32%;aspect-ratio:1/.724 ;position: relative;overflow: hidden;margin-right: 20px;}
.news .content .list .img img{display: block;width:auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);transition: .5s;}
.news .content .list .right{flex: 1;overflow: hidden;position: relative;}
.news .content .list .right .time{font-size: 26px;color: #666666;font-weight: 100;}
.news .content .list .right .time span{font-size: 16px;margin-left: 20px;}
.news .content .list .right  .title{font-size: 20px;color: #000000;font-weight: bold;line-height: 22px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width: 100%;margin: 10px 0 20px;}
.news .content .list .right .desc{font-size: 14px;color: #4c4c4c;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.news .content .list .right .icon{display: block;width: 16px;height: 7px;position: absolute;bottom: 0;left: 0;}
.news .content .list:hover{transform: translateY(-5px);}
.news .content .list:hover::after{width: 100%;}
.news .content .list:hover .img img{transform: translate(-50% , -50%) scale( 1.1);}


.article-news .title{font-size: 28px;color: #000;font-weight: bold;text-align: center;}
.article-news .time{font-size: 16px;color: #000;text-align: center;margin-top: 10px;margin-bottom: 25px;}
.article-news article{font-size: 14px;color: #000000;line-height: 30px;}
.article-news article img{max-width: 100%;}


.z_conter{width: 100%;display: flex;}
.z_left{width: 64%;background-color: #000;}
.z_right{width: 36%;background-image: linear-gradient(to right, #3384d7 , #175a9e);color: #fff;position: relative;overflow: hidden;position: relative;overflow: hidden;}
.z_right1{width: 100%;padding: 0 30px;}
.z_right .gs_name{width: 100%;font-size: 26px;line-height: 110px;border-bottom: 2px solid rgba(255, 255, 255, .5);font-weight: bold;}
.z_info{padding: 22px 0;border-bottom: 2px solid rgba(255, 255, 255, .5);position: relative;z-index: 2}
.z_info .z_tel{font-size: 40px;line-height: 42px;margin-bottom: 10px;font-weight: bold;}
.z_info .z_infotit{font-size: 16px;line-height: 18px;}
.z_info .z-tit{font-size: 24px;line-height: 26px;margin-bottom: 10px;font-weight: bold;}
.z-rb{width: 100%;background-color: rgba(255, 255, 255, .2);padding: 0 30px;position: relative;z-index: 2;}
.z-rb .code{width: fit-content; padding: 16px 0 16px;margin: 0 auto;}
.z-rb .code img{display: block; width: 138px;height: 138px;margin-bottom: 10px;}
.z_right .right-bg{display: block;width: 342px;height: 328px;position: absolute;bottom: 0;right: 0;}


.top__name{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #ebebeb;}
.top__name .name{font-size: 30px;line-height: 32px;font-weight: bold;background-image: linear-gradient(to bottom, #fff  ,  #000  26px );background-clip: text;-webkit-background-clip: text;color: transparent;}
.top__name .url{font-size: 16px;color: #898686;}

.m-lxwm{background: url(../image/lxbj.jpg) top center no-repeat; height: 100vh; padding: 15vh 52% 0 8.5%; box-sizing: border-box; color: #fff;background-size: cover;}
.m-lxwm .title{color: #fff;font-size: 40px;}
.m-lxwm .ms{font-size: 16px; line-height: 30px; margin: 4.5vh 0 3.2vh 0;}
.m-lxwm input,.m-lxwm textarea{background: #fff; border: none; outline: none; padding: 0 20px; line-height: 66px; box-sizing: border-box; font-size: 16px; color: #767676; width: 48%; float: left; margin-bottom: 20px;}
.m-lxwm input:nth-child(2){float: right;}
.m-lxwm textarea{width: 100%; resize: none; height: 185px;}
.m-lxwm button{width: 180px; height: 50px; background: #a20000; color: #fff; border-radius: 10px; display: block; border: none; outline: none; font-size: 16px;}


/* banner */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;}

/* 上下页 */
.m-clips{margin: 20px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 45px;}
.m-clips a{color: #444;line-height: 35px;}

pre{text-align: right;padding: 40px 0;}
pre i{margin: 0 5px;}
pre .m-crumb{display: flex;justify-content: flex-end;}
pre span{max-width: 150px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}


/*效果  hover滑动效果*/
/* animation-name:fadeInUp;animation-delay: 0.1s; */
.y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;}
.x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transform-origin: left center;}
.c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
@media screen and (max-width: 1360px) {}

/* ::-webkit-input-placeholder{color: #201f1d;}
::-moz-placeholder{color: #201f1d;}
:-moz-placeholder{color: #201f1d;} */

/* {border-right: 32px solid transparent;
-webkit-filter: drop-shadow(32px 0 0 red);
filter: drop-shadow(32px 0 0 red);} */

/*  透明图片投影 -webkit-filter: drop-shadow(0 104px 0 #003488);filter: drop-shadow(0 104px 0 #003488);
	图片变白 -webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%); 
 */
