*{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 45px;}
/* @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 {background-color: #76706d;position: relative;overflow: hidden;}
header .content{margin-right: calc((19.06rem - 100% ) / -2);}
header .icon{width: 1.6rem;height: 100%;background-color: #000;}
header .icon img{display: block;width: .29rem;height: .29rem;}
header .content{height: 1.2rem;min-height: 100px;position: relative;}
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: #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%;min-width: 1263px;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: #000;}
.item__name .name{line-height: 1;text-transform: uppercase;}
.item__name .name span{font-weight: bold;}


.i-profile{color: #fff;background-color: #000000;overflow: hidden;}
.i-profile .content{position: relative;margin-right: -1.6rem;}
.i-profile .img{width: calc((100% - 1.6rem ) / 2 + 1.6rem);height: 5.16rem;overflow: hidden;position: relative;}
.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{flex: 1;padding: .6rem .5rem .6rem 0;position: relative;overflow: hidden;}
.i-profile .text .en{font-size: .46rem;line-height: 1.1;color: #76706d;font-family: SourceHanSerifCN-S;}
.i-profile .text .name{font-size: .34rem;line-height: 1.1;color: #76706d;font-family: SourceHanSerifCN-S;margin: .1rem 0;}
.i-profile .text .web_name{font-size: .28rem;}
.i-profile .text .desc {line-height: 1.75;padding-top: .2rem;text-align: justify;margin-bottom: .3rem;}
.i-profile .white{background-color: #76706d;border-color: #76706d;}



.i-news {background-color: #f3f3f3;}
.i-news .content{overflow: hidden;}
.i-news .content .left{width: 4.05rem;}
.i-news .content .left .en{font-size: .46rem;font-family: SourceHanSerifCN-S;}
.i-news .content .left .name{font-size: .38rem;margin-bottom: .1rem;}
.i-news .content .left .btns img{display: block;width: .58rem;height: auto;margin-right: .2rem;cursor: pointer;}
.i-news .content .box{overflow: hidden;position: relative;border-right: 1px solid #cecdcd;}
.i-news  dl dd{height: initial;border-left: 1px solid #cecdcd;}
.i-news  dl dd a{width: 100%;height: 100%;position: relative;padding: .8rem .3rem .55rem;}
.i-news  dl dd .time .day{color: #000;font-size: .6rem;line-height: 1;margin-bottom: .2rem;}
.i-news  dl dd .time .date{color: #808080;line-height: 1;}
.i-news  dl dd .title{margin: .2rem 0 .4rem;}
.i-news  dl dd .img{width: 100%;height: 1.74rem;margin-bottom: .45rem;}
.i-news  dl dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-news  dl dd .icon{display: block;width: auto;height: .14rem;align-self: flex-start;}
.i-news  dl dd:hover{background-color: #fff;}
/* .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-project{background-color: #76706d;overflow: hidden;}
.i-project .name{font-size: .38rem;color: #76706d;border-bottom: none;line-height: 1.1;position: relative;z-index: 2;margin-bottom: .3rem;}
.i-project .name .en{font-size: .46rem;margin-bottom: .1rem;font-family: SourceHanSerifCN-S;text-transform: capitalize;}
.i-project .name span{font-family: SourceHanSerifCN-S;}
.i-project .content ul{width: 4rem;padding: .6rem .4rem .6rem 0;}
.i-project .content ul li {font-size: .26rem;margin-bottom: .4rem;padding-bottom: .4rem;border-bottom: 1px solid #000;cursor: pointer;}
.i-project .content ul li span{font-family: SourceHanSerifCN-S;}
.i-project .content ul li:hover , .i-project .content ul li.act{color: #fff;border-color: #fff;transition: .5s;}
.i-project .content .right{height: 6.55rem;color: #fff;position: relative;padding: .6rem .5rem;margin-right: calc((19.06rem - 100% ) / -2);}
.i-project .content .right .bg{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.i-project .content .right .bg::after{display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to right , #000 , transparent);position: absolute;top: 0;right: 0;}
.i-project .content .right .bg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-project .content dl{;position: relative;z-index: 2;}
.i-project .content dd{display: none;height: 100%;}
.i-project .content dd .desc{width: 3.5rem;font-size: .24rem;line-height: 1.75;}
.i-project .content dd .title{font-size: .44rem;text-align: justify;}



.i-service .content{padding:60px 0;}
.i-service .en{font-size: .46rem;font-family: SourceHanSerifCN-S;}
.i-service dl {display: grid;grid-template-columns: repeat(4 , 1fr);grid-column-gap: .3rem;margin: 50px 0 60px;}
.i-service dl dd{min-height: 4.4rem;color: #000;background: #76706d;border-radius: 10px;padding: .6rem .4rem;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: #000;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 #43403e;}
.i-service dl dd:hover::after{opacity: 1;}
.i-service dl dd:hover{color: #fff;}





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{background-color: #76706d;position: relative;}
.sub_item_info::before{display: block;content: '';width: 1.6rem;height: 100%;background-color: #3f3d39;position: absolute;right: 0;top:0;font-family: SourceHanSerifCN-S;z-index: 1;}
.sub_item_info::after{display: block;content: 'develop';font-size: 1.44rem;text-transform: uppercase;position: absolute;right: .2rem;bottom:-.7rem;font-family: SourceHanSerifCN-S;color: transparent;  -webkit-text-stroke: 1px #968b86;z-index: 2;}
.sub_item_info .info{font-size: .48rem;color: #000;padding: .4rem 0 .5rem;}
.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: #000;font-family: SourceHanSerifCN-S;}
.sub_item_info .crumbs{font-size: 14px;color: #000;}

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



.profile {background: url(../images/about-bg.jpg)no-repeat bottom / 100% auto;}
.profile .content {min-height: 9.44rem;}
.profile .content .left{padding: 0 1.33rem 0 .9rem;position: relative;}
.profile .img{width: 4.45rem;max-height: 5.6rem;overflow: hidden;position: relative;margin-top: -.8rem;}
.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 .web_name{font-family: SourceHanSerifCN-S;}
.profile .text .right {line-height: 1.75;padding-top: 20px;text-align: justify;margin-bottom: .4rem;}
.profile .item_name{font-size: .2rem;margin-bottom: .2rem;}
.profile dl{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .26rem .26rem;margin-bottom: .4rem;}
.profile dl dd{font-size: .18rem;padding-bottom: .2rem; border-bottom: 1px solid #000;}
.profile .tel{font-size: .32rem;}
.profile .tel span{font-size: .36rem;font-family: SourceHanSerifCN-S;}


.project .list {margin-bottom: .8rem;}
.project .list dd{height: 2.15rem;margin-bottom: .2rem;position: relative;}
.project .list dd .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.project .list dd .img{float: right;width: 11.6rem;height: 100%;position: relative;overflow: hidden;}
.project .list dd .img img{display: block;width: auto;height: 6rem;position: absolute;top: -1.8rem;right: 0;object-fit: cover;}
.project .list dd .text{height: 100%;width: 100%;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 .5rem;z-index: 2;}
.project .list dd .title{font-size: .44rem;line-height: 1.1;font-weight: bold;margin-right: .7rem;}
.project .list dd .desc{font-size: .24rem;}

.project .bot-service .text{color: #000;font-size: .36rem;text-align: center;margin-bottom: .4rem;}
.project .bot-service dl{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .5rem .5rem;}
.project .bot-service dl img{display: block;width: 1.89rem;height: 1.89rem;border-radius: 50%;margin: 0 auto;overflow: hidden;object-fit: cover;}
.project .bot-service dl .title{font-size: .3rem;text-align: center;padding: .2rem 0;}
.project .bot-service dl .desc{font-size: .2rem;padding: .2rem;border-top: 1px solid #000;text-align: justify;}


.service.i-service dl dd{width: 100%;margin-right: 0;padding: .5rem;}
.service.i-service .intro{text-align: center;padding-bottom: .4rem;line-height: 2;text-align: center;}


.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 .list{display: grid;grid-template-columns: repeat(4 , 1fr);grid-gap: .5rem .4rem;}
.news .list dd{background-color: #f4f4f4;}
.news dd a{display: block;}
.news dd .text{padding: .4rem .3rem .35rem;}
.news dd .title{height: .57rem;min-height: 51px;}
.news dd .time{color: #6b6b6b;margin-top: .15rem;}
.news dd .icon{display: block;width: auto;height: 12px;margin-top: .5rem;}
.news dd .img{width: 100%;height: 2.35rem;overflow: hidden;}
.news dd .img img{display: block;width: 100%;height: 100%;object-fit: cover;}




.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: #000000;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: transparent;text-align: center;margin: 10px 0 0;height: 1px;margin: 0 -35px;background-color: #000000;overflow: hidden;margin-top: .2rem;}
.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;}

	
}