*{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: 1px solid #000;}
.P_more.back_bg{color: #fff;background-color: #000;}
.P_more.white{border-color: #fff;color: #fff;}



header .content{width: 100%;height: 1.2rem;min-height: 100px;border-bottom: 1px solid #012368;}
header nav{padding-left: .5rem;}
header nav a{display: block;line-height: 1.2;color: #000;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: #1c1c1c;padding:10px 20px;border-radius: 100px;}
header .phone img{display: block;width: 26px;height: 26px;margin-right: 15px;}


.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;} */


.item__name{margin-bottom: .5rem;color: #203054;}
.item__name .name{line-height: 1;text-transform: uppercase;}
.item__name .name span{font-weight: bold;}



.i-news .content{padding: 40px 0 100px;overflow: hidden;}
.i-news .item__name .P_more{border-color: #203054;background-color: #203054;color: #fff;transition: .5s;}
.i-news .content dl{display: grid; grid-template-columns: repeat(4 , 1fr);grid-column-gap: .25rem;height: 142px;}
.i-news  dl dd{background-color: #e8eff2;border-radius: 10px;}
.i-news  dl dd a{width: 100%;height: 100%;border-radius: 10px;position: relative;padding: 0 24px;}

.i-news  dl dd .time{padding-left: .15rem;margin-left: .2rem;border-left: 1px solid #d6d6d6;}
.i-news  dl dd .time .date{color: #203054;}
.i-news  dl dd .title{color: #203054;margin: .02rem 0;}
.i-news  dl dd .desc{color: #203054;}
.i-news  dl dd .time .day{color: #000;font-size: .4rem;text-align: right;line-height: 1;}
.i-news  dl dd:hover{border-color: transparent;}
.i-news  dl dd:hover a{background-color: #203054;}
.i-news  dl dd:hover .title , .i-news  dl dd:hover .desc , .i-news  dl dd:hover .time .day , .i-news  dl dd:hover .time .date{color: #fff;transition: .5s;}



.i-profile .content{padding: 0 0 .6rem;background: linear-gradient(to bottom , #f2f3f4 , #fff);position: relative;}

.i-profile .img{width: 4.45rem;max-height: 5.6rem;overflow: hidden;position: relative;}
.i-profile .img::after{display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom, #20305450 , #203054fa);position: absolute;right: 0;top:-0;}
.i-profile .img .pic{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-profile .img .pic-text{display: block;width: 100%;height: 100%;position: absolute;left: 9;top: 0;object-fit: cover;z-index: 2;}
.i-profile .text{padding: .6rem 1.2rem .4rem .6rem;position: relative;overflow: hidden;}
.i-profile .text::after{display: block;content: 'develop';font-size: 1.7rem;color: #f2f3f4;text-transform: uppercase;position: absolute;right: 0;bottom:-1rem;font-family: SourceHanSerifCN-S;}
.i-profile .text .icon{display: block;width: 1.38rem;height: 1.38rem;position: absolute;top: .32rem;right: .32rem;}
.i-profile .text .web_name{font-family: SourceHanSerifCN-S;}
.i-profile .text .desc {line-height: 1.75;padding-top: 20px;text-align: justify;margin-bottom: .4rem;}




.i-project .content{color: #fff;padding: .6rem .5rem .6rem .8rem;background: url(../images/project-bg.jpg)no-repeat center / cover;}
.i-project .item__name{color: #fff;border-bottom: none;}
.i-project .item__name .en{font-size: .66rem;font-family: SourceHanSerifCN-S;margin-bottom: .1rem;text-transform: capitalize;}
.i-project .item__name .en span{font-family: inherit;color: transparent;-webkit-text-stroke: 1px #fff;}
.i-project .content .text{margin-bottom: .3rem;}
.i-project .content dl{display: grid;grid-template-columns: repeat(4,minmax(.150px , 1.94rem));grid-column-gap: .25rem;}
.i-project .content dd .img{width: 100%;height: 1.1rem;overflow: hidden;margin-bottom: .15rem;}
.i-project .content dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-project .content dd .title{text-align: justify;}



.i-service .content{padding:60px 0;}
.i-service dl {margin-right: -.16rem;margin: 50px 0 60px;}
.i-service dl dd{width: calc((100% - .96rem) / 6);color: #203054;background: linear-gradient(to bottom,#c0dfeb 50px, #f7fbfc );border-radius: 20px;padding: .4rem .23rem;margin-right: .16rem;position: relative;overflow: hidden;}
.i-service dl dd>*{position: relative;z-index: 2;transition: 1s;}
.i-service dl dd::after{display: block;content: '';width: 100%;height: 100%;background-color: #203054;position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;}
.i-service dl dd .num{height: .45rem;text-align: center;font-size: .66rem;line-height: 1;font-family: SourceHanSerifCN-S;overflow: hidden;}
.i-service dl dd .title{font-size: .3rem;margin: .1rem 0;white-space: nowrap;text-align: center;}
.i-service dl dd .desc{text-align: justify;line-height: 1.75;padding-top: .3rem;border-top: 1px solid #203054;}
.i-service dl dd .desc span{color: #0088ef;}
.i-service dl dd:hover::after{opacity: 1;}
.i-service dl dd:hover{color: #c0dfeb;}
.i-service dl dd:hover .desc{border-color: #c0dfeb;}





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;}



.float-img{width: 1.5rem;min-width: 120px;height: auto;border:2px solid #b17c4e;border-radius: 20px;overflow: hidden;position: fixed;right: 5px;bottom: 30px;background-color: #fff;z-index: 99;}
.float-img img{display: block;width: 100%;height: auto;}




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


.sub_item_info .info{font-size: .48rem;color: #203054;padding: .4rem 0 .5rem;background: linear-gradient(to bottom , #c0dfeb  , #fff 60%);}
.sub_item_info .top{margin-top: 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{line-height: 1;font-weight: bold;color: #203054;font-family: SourceHanSerifCN-S;}
.sub_item_info .crumbs{font-size: 14px;color: #203054;}

@media only screen and (max-width:1660px ) {
	.sub_item_info .info{padding-left: 20px;padding-right: 20px;}
	
}




.profile .content .left{padding: 0 1.33rem 0 .9rem;position: relative;}
.profile .img{width: 4.45rem;max-height: 5.6rem;overflow: hidden;position: relative;}
.profile .img::after{display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom, #20305450 , #203054fa);position: absolute;right: 0;top:-0;}
.profile .img .pic{display: block;width: 100%;height: 100%;object-fit: cover;}
.profile .img .logo{display: block;width: 1.11rem;height: auto;position: absolute;left: 50%;bottom: .4rem;transform: translateX(-50%);object-fit: cover;z-index: 2;}
.profile .text{padding: .1rem 0 0 .6rem;position: relative;overflow: hidden;}
.profile .text .icon{display: block;width: 1.38rem;height: 1.38rem;}
.profile .text .web_name{font-family: SourceHanSerifCN-S;}
.profile .text .right {line-height: 1.75;padding-top: 20px;text-align: justify;margin-bottom: .4rem;}


.project .intro{text-align: center;line-height: 1.75;padding:  .6rem 0;}



.service.i-service dl{display: grid;grid-template-columns: 1fr 1fr 1fr;width: 10.9rem;margin: 0;grid-gap: .2rem .16rem;}
.service.i-service dl dd{width: 100%;margin-right: 0;padding: .5rem;}
.service.i-service .intro{margin-left: .7rem;padding-bottom: .4rem;border-bottom: 2px solid #203054;line-height: 2;}


.case {background-color: #f4f4f4;padding-bottom: 1rem;}
.case dl dd{margin-bottom:36px;background-color: #fff;padding-top: 1rem;}
.case dl dd img{display: block;width: 100%;height: auto;}



.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: #203054;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;border: 1px solid #b6b6b6;}
.news dl dd .time .day{font-size: 36px;color: #a3a3a3;transition: .5s;}
.news dl dd .time .date{font-size: 16px;color: #636363;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: #ffffff;}
.news dl dd:hover .title , .news dl dd:hover .desc {color: #fff;}
.news dl dd:hover .day , .news dl dd:hover .date{color: #203054;}




.contact .map{width: 8.18rem;margin-right: 1.2rem;position: relative;}
.contact .map_img{width: 100%;height: auto;}
.contact .map .qrcode{width: 164px;padding:  .25rem;background-color: #203054;position: absolute;right: 0;bottom: 0;}
.contact .map .qrcode img{display: block;width: 100%;height: auto;margin-bottom: .2rem;}
.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;}

	
}