*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;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{-webkit-text-decoration: none;text-decoration: none;color: inherit;}
img{border: 0;}
table{max-width: 100%;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #dcdcdc;line-height: 1.5;padding: 10px;}
input,textarea,select,button{font-size: unset;outline: none;resize: none;} 
input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;max-width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;position: relative;font-size: 16px;line-height: 1.5;color: #000;background-color: #fff;}
@media only screen and (min-width:1920px ) { html{font-size: 100px!important;}}
@media only screen and (min-width:960px ) and (max-width:1285px ) { html{font-size: 66px!important;}}
/* 思源黑体 */
/* @font-face  {font-family:SourceHanSerifCN-H; src: url(SourceHanSansSC_Heavy.ttf);} */
/* 思源宋体 */
@font-face {font-family:SourceHanSerifCN-S;src: url(SourceHanSerifCN-Heavy-7.otf);}
/* 行文本 */
.txthide{overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;}
.txthide1{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:1; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.txthide4{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:4; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
/* --公共样式-- */
.font-14{font-size: .14rem;}
@media only screen and (max-width: 1645px) {
	.font-14{font-size: 12px;}
}
.font-15{font-size: .15rem;}
@media only screen and (max-width: 1664px) {
	.font-15{font-size: 13px;}
}
.font-16{font-size: .16rem;}
@media only screen and (max-width: 1680px) {
	.font-16{font-size: 14px;}
}
.font-17{font-size: .17rem;}
@media only screen and (max-width: 1694px) {
	.font-17{font-size: 15px;}
}
.font-18{font-size: .18rem;}
@media only screen and (max-width: 1706px) {
	.font-18{font-size: 16px;}
}
.font-19{font-size: .19rem;}
@media only screen and (max-width: 1717px) {
	.font-19{font-size: 17px;}
}
.font-20{font-size: .20rem;}
@media only screen and (max-width: 1728px) {
	.font-20{font-size: 18px;}
}
.font-21{font-size: .21rem;}
@media only screen and (max-width: 1737px) {
	.font-21{font-size: 19px;}
}
.font-22{font-size: .22rem;}
@media only screen and (max-width: 1745px) {
	.font-22{font-size: 20px;}
}
.font-24{font-size: .24rem;}
@media only screen and (max-width: 1745px) {
	.font-24{font-size: 22px;}
}
.font-28{font-size: .28rem;}
@media only screen and (max-width: 1782px) {
	.font-28{font-size: 26px;}
}



/* 首页盒 - 内页盒 */
.P_wrapper {width: 100%;max-width: 1920px;min-width: 1263px;margin: 0 auto;padding: 0 75px;}
@media only screen and (max-width:1360px ) {
	.P_wrapper {padding: 0 40px;}
}

.P_more{display: block;width: 130px;color: #000;text-align: center;line-height: 40px;border-radius: 40px;border: 1px solid #000;}
.P_more.back_bg{color: #fff;background-color: #000;}
.P_more.white{border-color: #fff;color: #fff;}


body{background: linear-gradient(to bottom , #1f4c9d , #fff 600px);}



header .content{width: 100%;height: 1.2rem;min-height: 100px;}
header nav{padding-left: .5rem;}
header nav a{display: block;line-height: 1.2;color: #fff;margin-right: .4rem;}
header .logo , header .logo img {display: block;width: auto;height: .53rem;min-height: 35px;}
header .logo h1{height: 0;width: 0;overflow: hidden;}
header .phone{color: #fff;line-height: 1;background-color: #ffffff1c;padding:10px 20px;border-radius: 100px;}
header .phone img{display: block;width: 26px;height: 26px;margin-right: 15px;}


body.index{background: #fff;}
body.index header{position: absolute;top: 0;left: 0;z-index: 10;}
body.index header .phone{background-color: #1c1c1c;}

.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;height: auto;}
/* .banner .swiper-pagination{bottom: 45px;}
.banner .swiper-pagination-bullet{width: 48px;height: 5px;border-radius: 3px;background-color: #181d24;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #ca9d75;} */


.i-news{background: linear-gradient(to bottom , transparent , #1f4c9d 110px);margin-top: -110px;position: relative;z-index: 9;}
.i-news .content{padding: 130px 0 50px;overflow: hidden;}
.i-news .content .left{width: 420px;}
.i-news .left .name{font-size: .42rem;color: #fff;font-weight: bold;line-height: 1.1;}
.i-news .left .name span{font-size: .36rem;font-weight: 400;}
.i-news .left .P_more{background-color: transparent;border: none;text-align: left;}
.i-news .left .swiper-pagination{width: 280px;height: 2px;background: #ffffff4d;position: relative;}
.i-news .left .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #e4080e;}
.i-news .content .list{width: calc(100% - 420px);overflow: hidden;position: relative;}
.i-news  dl dd{width: 3.61rem;min-width: 260px;}
.i-news  dl dd a{display: block;width: 100%;color: #fff;position: relative;}
.i-news  dl dd a .img{width: 100%;height: 156px;overflow: hidden;margin-bottom: 10px;}
.i-news  dl dd a .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-news  dl dd .time , .i-news  dl dd .desc{line-height: 1;opacity: .7;}
.i-news  dl dd .title{margin: 10px 0;}


.i-profile{background-color: #143e8a;}
.i-profile .content{padding: 70px 0 120px;color: #fff;}
.i-profile .img{width: 8.25rem;overflow: hidden;position: relative;}
.i-profile .img .pic{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-profile .img .logo{display: block;width: auto;height: .52rem;min-height: 35px;position: absolute;left: 35px;bottom: 30px;}
.i-profile .text{width: calc(100% - 8.25rem);padding-right: 1.6rem;}
.i-profile .text .name{font-size: .42rem;font-weight: bold;margin: 10px 0 20px;}
.i-profile .text .web_name{font-family: SourceHanSerifCN-S;}
.i-profile .text .desc {color: #ffffff8f;line-height: 1.75;padding-top: 20px;text-align: justify;}



.i-project{height: 8.15rem;position: relative;overflow:hidden}
.i-project::after{display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to right , transparent , #000 75%);position: absolute;top: 0;left:0;z-index: 2;}
.i-project .bg{width: 100%;height: 100%;position: absolute;top: 0;right:0;}
.i-project .bg li{width: 100%;height: 100%;}
.i-project .bg li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-project .content{height: 100%;color: #fff;padding: 1rem 0;position: relative;z-index: 9;}
.i-project .content::after{display: block;content: '';width: 1px;height: 100%;background-color: #ffffff36;position: absolute;top: 0;right: calc(3rem + 110px);}
.i-project .content .left{width: 100%;padding-right: 1.7rem;}
.i-project .content .top {margin-bottom: 1.4rem;}
.i-project .content .top , .i-project .content .bot{display: grid;grid-template-columns: auto minmax(300px , 3.9rem);}
.i-project .content .top  .name{font-size: .48rem;}
.i-project .content .top  .en{font-size: .76rem;font-weight: bold;}
.i-project .content .bot{height: 2.56rem;min-height: 190px}
.i-project .content .bot .list  , .i-project .content .bot .right{height: 100%;}
.i-project .content .list .text{width: 4.3rem;min-width: 260px;color:#000;background-color: #fff;padding: 30px 40px;}
.i-project .content .list .num{color: #a4a5a5;font-family: SourceHanSerifCN-S;}
.i-project .content .list .title{font-weight: bold;padding: 5px 0;}
.i-project .content .list .ftitle{text-decoration: underline;font-weight: bold;line-height: 1.2;}
.i-project .content .list .img{flex: 1;height: 100%;}
.i-project .content .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-project .content .P_more{background-color: transparent;border: none;width: fit-content;margin-right: .3rem;}
.i-project .content .btns .btn{width: 50px;height: 43px;background-color: #ffffff29;margin-right: 5px;cursor: pointer;}



.i-service .content{padding:60px 0;}
.i-service .name{font-size: .48rem;color:#0088ef;font-weight: bold;text-align: center;}
.i-service .column_desc{font-size: .3rem;text-align: center;}
.i-service dl {margin-right: -26px;margin: 50px 0 60px;}
.i-service dl dd{flex: 1;color: #fff;background-color: #000;border-radius: 20px;padding: 40px 25px 20px;margin-right: 26px;}
.i-service dl dd .title{margin-bottom: 15px;}
.i-service dl dd .desc{min-height: 150px;text-align: justify;padding-bottom: 30px;}
.i-service dl dd .desc span{color: #0088ef;}
.i-service dl dd .icon{display: block;width: 26px;height: 26px;align-self: flex-end;}
.i-service .tips{color: #a1a1a1;text-align: center;}



.i-contact{background: linear-gradient(to bottom , #1f4c9d , #f5f5f5 70%);padding-top: 80px;}
.i-contact .content{padding: 80px 0 120px; border-top: 4px solid #000;}
.i-contact .info{padding-right: 80px;}
.i-contact .info .en{font-size: .52rem;line-height: 1.2;margin-bottom: .6rem;}
.i-contact .info .en span{font-size: .42rem;color: #0088ef;}
.i-contact .info .web_name{line-height: 1.2;font-family: SourceHanSerifCN-S;margin-bottom: 20px;}
.i-contact .info ul{display: grid;grid-template-columns: 1fr 1.5fr;}
.i-contact .info ul .text span{font-family: SourceHanSerifCN-S;}
.i-contact .info ul .text .title{color: #939393;}
.i-contact .info ul .icon{display: block;width: 40px;height: 40px;margin-top: 8px;margin-right: 10px;}
.i-contact .map{width: 8.25rem;}
.i-contact .map img{display: block;width: 100%;}




footer{background-color: #f5f5f5;position: relative;}
/* footer:after{display: block;content: '';width: 100%;height: 3px;background: linear-gradient(to right , #fff , #b38a69);position: absolute;top: 0;right: 0;} */
footer .content{padding: 50px 0 45px;}
footer .top{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #dfdfdf;}
footer .top .logo{display: block;width: auto;height: .53rem;min-height: 40px;}
footer .top nav a{display: block;color: #000;margin-left: 45px;}
footer .top nav a:hover{text-decoration: underline;}
footer .f_contact {margin-bottom: 20px;}
footer .f_contact .hotline{line-height: 1.1;}
footer .f_contact .hotline .en{font-size: 15px;color: #0000005c;text-transform: uppercase;}
footer .f_contact .hotline .title{font-size: 16px;}
footer .f_contact .hotline .num{font-size: 40px;font-family: SourceHanSerifCN-S;margin-left: 20px;}
footer .f_contact .address {margin-left: 40px;line-height: 1.2;}
footer .f_contact .address .P_C_D{font-size: 20px;margin-bottom: 3px;}
footer .f_contact .address .text{font-size: 13px;font-weight: 100;}
footer .bottom .info{font-size: 13px;color: #000;font-weight: 100;}
footer .bottom .info a{font-weight: 400;}


.sub_wrapper{max-width: 1600px;margin: 0 auto;}
.sub_wrapper.content{min-height: 7rem;padding: .8rem 0;}

.sub_item_info{}
.sub_item_info .info{font-size: .48rem;color: #000;padding: .4rem 0 .5rem;}
.sub_item_info .top{margin-bottom: 10px;}
.sub_item_info .name{font-weight: bold;line-height: 1;}
.sub_item_info .line{display: block;flex: 1;height: 2px;background-color: #000;margin-left: 20px;}
.sub_item_info .en{font-size: .8rem;line-height: 1;font-weight: bold;color: transparent;-webkit-text-stroke: 1px #fff;}
.sub_item_info .crumbs{font-size: 14px;color: #fff;}


.profile .content .left{padding: 0 1.33rem 0 .9rem;position: relative;}
.profile .left .img{display: block;width: 4.88rem;height: 4.88rem;object-fit: cover;border-radius: 50%;position: relative;z-index: 3;}
.profile .left .logo{display: block;width: 2.11rem;height: auto;position: absolute;top: 20px;left: 0;z-index: 4;}
.profile .left::before{display: block;content: '';width: 5.1rem;height: 5.1rem;border: 1px solid #e0e0e0;background-color: #fff;position: absolute;top: 0;left: .9rem;border-radius: 50%;}
.profile .left::after{display: block;content: '';width: .27rem;height: .27rem;background-color: #1f4c9d;position: absolute;bottom: 1.1rem;right: 1.5rem;border-radius: 50%;}
.profile .content .right{flex: 1;background: url(../images/service-img.png)no-repeat right top / 1.9rem auto ;margin-top: .4rem;}
.profile .right .web_en{font-size: 14px;color: #aaaaaa;text-transform: uppercase;margin-bottom: 10px;}
.profile .right .web_name{font-size: 40px;line-height: 1.3;margin-bottom: 1rem;}
.profile .right section , .profile .right .ftitle{color: #000000;line-height: 2;}
.profile .right .tel{margin: .5rem 0 .3rem;}
.profile .right .tel .num{font-size: 50px;color: #ad825f;font-weight: bold;line-height: 1.1;}


.project .content .list , .project .content .tips{margin-bottom: 1.4rem;}
.project .content .list dd{height: 2.56rem;min-height: 200px;margin-bottom: 30px;}
.project .content .list .text{width: 8.3rem;color:#000;background-color: #fff;padding: 30px 40px;border: 1px solid #b7c7e4;}
.project .content .list .info{display: grid;grid-template-columns: 1fr 1fr; grid-column-gap: .4rem;}
.project .content .list .num{color: #a4a5a5;font-family: SourceHanSerifCN-S;}
.project .content .list .title{font-weight: bold;padding: 5px 0;}
.project .content .list .ftitle{text-decoration: underline;font-weight: bold;line-height: 1.2;}
.project .content .list .img{flex: 1;height: 100%;}
.project .content .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}

.project .tips .intro{width: 100%;text-align: center;color: #fff;background-color: #1f4c9d;margin-bottom: .6rem;}
.project .tips dl{display: grid;grid-template-columns: repeat(4 , 1fr);grid-column-gap: 20px;grid-row-gap: 14px;}
.project .tips dl dd{background-color: #f5f5f5;border-radius: 10px;padding: 30px 16px;}
.project .tips dl dd .title{font-weight: bold;}
.project .tips dl.len7 .num4{display: flex;align-items: center;grid-row:  1 / 3; grid-column: 4 / 5;}

.service.i-service{background: linear-gradient(to right, #fff, #e7e5e1);}
.service.i-service dl dd .info{line-height: 1.5;}



.case dl{margin-right: -32px;margin-bottom: 90px;}
.case dl.list_bigImg dd{width: calc((100% - 64px) / 2);margin-right: 32px;}
.case dl dd a , .case dl dd a .img{display: block;width: 100%;height: auto;}
.case dl.list dd{width: calc((100% - 128px) / 4);margin-right: 32px;margin-bottom: 30px;}



.news dl{margin-right: -34px;}
.news dl dd{width: calc((100% - 68px) / 2);margin-right: 34px;margin-bottom: 24px;position: relative;background-color: #f4f4f4;}
.news dl dd::after{display: block;content: '';width: 100%;height: 100%;background: #1f4c9d;position: absolute;top: 0;left: 0;opacity: 0;transition: .5s;}
.news dl dd a{width: 100%;padding: 21px 26px;position: relative;z-index: 2;}
.news dl dd .time{width: 80px;height: 100px;line-height: 1.3;background-color: #fff;margin-right: 35px;}
.news dl dd .time .day{font-size: 36px;color: #1f4c9d;transition: .5s;}
.news dl dd .time .date{font-size: 16px;color: #1f4c9d;transition: .5s;}
.news dl dd .text .title{margin: 8px 0 ;transition: .5s;}
.news dl dd .text .desc{color: #6a6a6a;transition: .5s;}
.news dl dd:hover::after{opacity: 1;}
.news dl dd:hover .time{background-color: #ffffff50;}
.news dl dd:hover .title , .news dl dd:hover .desc , .news dl dd:hover .day , .news dl dd:hover .date{color: #fff;}





.contact .map{width: 8.18rem;margin-right: 1.2rem;position: relative;}
.contact .map_img{width: 100%;height: auto;}
.contact .map .qrcode{width: 164px;padding:  25px;background-color: #3530ab;position: absolute;right: 0;bottom: 0;}
.contact .map .qrcode img{display: block;width: 100%;height: auto;margin-bottom: 20px;}
.contact .map .qrcode .text{color: #fff;text-align: center;}
.contact .info{flex: 1;}
.contact .info .web_en{font-size: 14px;color: #aaaaaa;text-transform: uppercase;margin-bottom: 10px;}
.contact .info .web_name{font-size: 36px;line-height: 1.3;font-weight: bold;padding-bottom: 30px;border-bottom: 3px solid #000;}
.contact .info li{height: 1.3rem;min-height: 110px;border-bottom: 1px solid #e4e4e6;}
.contact .info li .icon{display: block;width: 46px;height: 46px;margin-right: 15px;}
.contact .info li .title{color: #939393;}
.contact .info li .text span{font-family: SourceHanSerifCN-S;}



.detail .content{padding-left: 35px;padding-right: 35px;}
.detail .title{text-align: center;}
.detail .time{color: #6b6b6b;text-align: center;margin: 10px 0 0;}
.detail article{padding: 50px 0;}
.detail article img{max-width: 100%;}
.detail article p{margin-bottom: 10px;}


.box_wap_show{display: none;}
/* 手机端 */
@media only screen and (max-width:960px ) {
	html,body{font-size: .24rem}
	table, th, td, tr{padding: .1rem .06rem;}
	.box_wap_hide{display: none!important;}
	.box_wap_show{display: block;}

	
}

