@charset "utf-8";
/*公共样式*/
.special.head{box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);background: #fff;}
.in-banner{width: 100%;height: 540px;position: relative;overflow: hidden;}
.in-banner .img{width: 100%;height: 100%;margin: 0 auto;}
.in-banner .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.in-banner .txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: table;}
.in-banner .txt h2{display: table-cell;vertical-align: middle;line-height: 40px;color: #fff;text-align: center;}
.in-banner .txt h2 span{display: block;font-size: 42px;font-weight: bold;}
.in-banner .txt h2 em{display: block;font-size: 40px;margin-top: 24px;font-family: 'Times New Roman';text-transform: uppercase;}
@media only screen and (max-width: 1023px){
	.in-banner{height: 4rem;}
	.in-banner .txt h2 span{font-size: 0.42rem;line-height: 0.42rem;}
	.in-banner .txt h2 em{font-size: 0.4rem;line-height: 0.4rem;margin-top: 0.23rem;}
}
.in-footer{width: 100%;padding-top: .3rem;padding-bottom: .3rem;border-top: 1px solid #e3e3e3;}
.in-footer .ewm{padding-top: .05rem;cursor: pointer;}
.in-footer .ewm .img{position: relative;width: 0.4rem;height: 0.4rem;margin-right: 0.2rem;text-align: center;line-height: 0.3rem;border: 1px solid #007ddc;border-radius: 50%;margin-left: 0.3rem;margin-top: .1rem;}
.in-footer .ewm .img img{transition: 1s;margin-top: 0.12rem;}
.in-footer .ewm .img .bigewm{position: absolute;top: -1.8rem;left: -10%;z-index: 1;display: none;width: max-content;padding-top: 0.08rem;}
.in-footer .ewm .img .bigewm:after{content: "";position: absolute;left: 0.16rem;bottom: 2px;width: 0.16rem;background: url(../images/sju1.png) center no-repeat;height: 0.08rem;z-index: 1;opacity: 1;}
.in-footer .ewm .img:hover img{transform: rotateY(360deg);}
.in-footer .ewm .img:hover .bigewm{display: block;}
.in-footer .pho{text-align: right;line-height: 2;}
.in-footer .pho em{font-size: .2rem;}
.in-footer .pho a:hover{color: #007ddc;}
@media only screen and (max-width: 1023px){
	.in-footer{height: auto;padding-top: .15rem;margin-top: .35rem;}
	.in-footer .ewm{display: none;}
	.in-footer .pho{text-align: center;font-size: .14rem;}
	.in-footer .pho em{font-size: .2rem;}
}
.in-title{font-size: 30px;line-height: 30px;text-align: center;}
.in-title>span{margin-left: 20px;font-family: 'Times New Roman';text-transform: uppercase;}
@media only screen and (max-width: 1023px){
	.in-title{font-size: 0.32rem;line-height: 0.32rem;}
	.in-title>span{margin-left: 0.2rem;}
}

/*页码*/
.page{width: 100%;text-align: center;margin-top: 60px;}
.page-list a{display: inline-block;vertical-align: top;min-width: 40px;height: 40px;line-height: 40px;margin-right: 8px;text-align: center;font-family: arial;font-size: 15px;color: #999;background: #f5f5f5;border-radius: 2px;overflow: hidden;box-sizing: border-box;}
.page-list a:last-child{margin-right: 0;}
.page-list a.fyprev,.page-list a.fynext{font-size: 24px;font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";line-height: 35px;}
.page-list a:hover,.page-list a.page-num-current{color: #FFF;border: none;background: #007ddc;}
@media only screen and (max-width: 990px){
	.page{width: 100%;text-align: center;margin-top: 30px;}
	.page-list a{min-width: 30px;height: 30px;line-height: 30px;background: #fff;margin-right: 4px;}
	.page-list a.fyprev,.page-list a.fynext{width: 30px;line-height: 25px;font-size: 20px;}
}

/*面包屑*/
.navBox{width: 100%;text-align: center;border-bottom: 1px solid #ebebeb;line-height: 60px;height: 60px;}
.navBox .wrap{white-space: nowrap;overflow-x: auto;}
.navBox .wrap::-webkit-scrollbar{display: none;}
.navBox a{display: inline-block;vertical-align: top;font-size: 15px;box-sizing: border-box;width: 20%;border-right: 1px #e5e7eb solid;line-height: 24px;margin-top: 18px;}
.navBox a:last-child{border-right: none;}
.navBox a:hover,.navBox a.on{color: #007ddc;}
@media only screen and (max-width: 990px){
	.navBox{height: 50px;}
	.navBox a{font-size: 14px;width: 24%;line-height: 50px;margin-top: 0;border-right: none;}
}
.crumbs{margin-top: 60px;}
.crumbs .link{margin-bottom: 30px;font-size: 18px;}
.crumbs .link a:hover{color: #007ddc;}
.crumbs dl{display: flex;flex-wrap: wrap;}
.crumbs dl dt{padding: 0 5px;padding-bottom: 12px;border-bottom: 2px solid #fff;margin-right: 40px;font-size: 16px;}
.crumbs dl dt.active,.caselist .crumbs dl dt:hover{border-color: #007ddc;}
.crumbs dl dt.active a,.caselist .crumbs dl dt:hover a{color: #007ddc;}
@media only screen and (max-width: 1023px){
	.crumbs{margin-top: 30px;}
	.crumbs .link{margin-bottom: 20px;font-size: 16px;}
	.crumbs dl dt{margin-bottom: 10px;margin-right: 20px;font-size: 14px;padding-bottom: 8px;}
}

/*案例列表*/
.caselist{width: 100%;padding-top: 30px;padding-bottom: 90px;}
.caselist ul{display: flex;flex-wrap: wrap;margin-top: -50px;}
.caselist ul li{width: calc((100% - 80px)/3);margin-left: 40px;margin-top: 50px;}
.caselist ul li:nth-child(3n-2){margin-left: 0;}
.caselist ul li .img{width: 100%;height: auto;overflow: hidden;}
.caselist ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.6s;}
.caselist ul li h3{font-size: 22px;margin-top: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caselist ul li i{display: block;width: 100%;height: 1px;background: #dedede;margin-top: 28px;}
.caselist ul li i:before{content: '';display: block;width: 0;height: 1px;background: #007ddc;margin-top: 28px;transition: 0.6s;position: relative;z-index: 10;}
.caselist ul li:hover .img img{transform: scale(1.05);}
.caselist ul li:hover h3{color: #007ddc;}
.caselist ul li:hover i:before{width: 100%;}
@media only screen and (max-width: 1023px){
	.caselist{padding-top: 30px;padding-bottom: 30px;}
	.caselist ul{margin-top: -40px;}
	.caselist ul li{width: 100%;margin-left: 0;margin-top: 30px;}
	.caselist ul li h3{font-size: 20px;margin-top: 20px;}
	.caselist ul li i{margin-top: 20px;}
	.caselist ul li i:before{margin-top: 20px;}
}

/*新闻列表*/
.newslist{width: 100%;margin-top: 80px;padding-bottom: 90px;text-align: center;}
.newslist ul li{width: calc((100% - 50px)/3);display: inline-block;margin-right: 20px;margin-top: 50px;}
.newslist ul li:nth-child(3n+3){margin-right: 0;}
.newslist ul li h2{font-family: 'Times New Roman';font-size: 28px;color: #656464;}
.newslist ul li h2 span{font-size: 16px;}
.newslist ul li h3{font-size: 18px;color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 17px;}
.newslist ul li p{font-size: 16px;color: #656464;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.newslist ul li .img{width: 100%;height: 268px;margin-top: 27px;overflow: hidden;}
.newslist ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.newslist ul li:hover h3{color: #007ddc;}
.newslist ul li:hover .img img{transform: scale(1.05);}
@media only screen and (max-width: 1023px){
	.newslist{margin-top: 0.8rem;padding-bottom:0.8rem;}
	.newslist ul li{width: 100%;margin-top: 0.5rem;}
	.newslist ul li h2{font-size: 0.4rem;line-height: 0.24rem;}
	.newslist ul li h2 span{font-size: 0.24rem;}
	.newslist ul li h3{font-size: 0.28rem;line-height: 0.28rem;margin-top: 0.4rem;}
	.newslist ul li p{font-size: 0.24rem;line-height: 0.24rem;margin-top: 0.28rem;}
	.newslist ul li .img{height: 3.9rem;margin-top: 0.45rem;}
}

/*详情页*/
.in-news{width: 100%;padding-top: 40px;padding-bottom: 90px;}
.in-news2{padding-top: 0;}
.in-news .tit h1{font-size: 30px;font-weight: bold;line-height: 50px;background: url("../images/news-title.png") left center no-repeat;padding-left: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-news .tit p{margin: 15px 0 40px 0;}
.in-news .tit span{padding-left: 28px;}
.in-news .tit span.author{background: url("../images/author.png") left center no-repeat;margin-right: 30px;}
.in-news .tit span.date{background: url("../images/time.png") left center no-repeat;}
.in-news .con{border-radius: 8px;padding: 40px;box-shadow: 0 10px 30px #d8d8d8;position: relative;overflow: inherit;}
.in-news .con .fl{width: 72%;margin: 40px 0;}
.in-news .con .fr{width: 22%;border: 1px dashed #ebebeb;border-radius: 10px;padding: 0 28px;}
.in-news .con .fr h3{font-size: 24px;background: url(../images/contbg.png) no-repeat left center;padding-left: 35px;margin: 25px 0;}
.in-news .con .fr dl dt{margin: 20px 0;text-align: center;transition: all .3s ease;}
.in-news .con .fr dl dt img{display: block;width: 100%;border-radius: 10px;border: 1px solid #ebebeb;}
.in-news .con .fr dl dt p a{display: block;margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in-news .con .fr dl dt:hover p a{color: #007ddc;}
.in-news .con .prev{width: 72%;overflow: hidden;}
.in-news .con .prev p{width: 100%;line-height: 60px;}
.in-news .con .prev p:first-child{border-bottom: 1px solid #ccc;}
.in-news .con .prev p span{font-weight: bold;}
.in-news .con .prev p a{width: 85%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;}
.in-news .con .prev p a:hover{color: #007ddc;}
.in-news .list{width: 100%;margin-top: 50px;}
.in-news .list h3{font-size: 24px;font-weight: bold;background: url("../images/xgwz-tb.png") left center no-repeat;padding-left: 32px;line-height: 60px;}
.in-news .list dl{overflow: hidden;}
.in-news .list dl dt{width: 31.3%;margin-left: 2%;float: left;border-bottom: 1px solid #e3e3e3;}
.in-news .list dl dt:nth-child(3n-2){margin-left: 0;}
.in-news .list dl dt a{display: block;line-height: 60px;background: url(../images/cp-tb2.png) no-repeat left center;padding-left: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-news .list dl dt a:hover{color: #007ddc;}
@media only screen and (max-width: 1023px){
	.in-news{padding-top: 0;padding-bottom: 40px;}
	.in-news .tit h1 {font-size: 18px;line-height: 40px;padding-left: 35px;}
	.in-news .tit p{margin: 5px 0 5px 0;}
	.in-news .tit span{padding-left: 25px;}
	.in-news .tit span.author{margin-right: 15px;}
	.in-news .con{padding: 0;box-shadow: none;}
	.in-news .con .pho{width: 100%;background: #fff;margin: 0 auto;box-shadow: 0 5px 15px #d8d8d8;border-radius: 8px;padding: 15px 20px;position: relative;right: 0;top: 0;font-size: 14px;line-height: 2;box-sizing: border-box;}
	.in-news .con .pho:before{display: none;}
	.in-news .con .pho strong{font-size: 16px;display: block;}
	.in-news .con .fl{width: 100%;margin: 25px 0;}
	.in-news .con .fl img{display: block;width: 100%;}
	.in-news .con .fr{width: 100%;padding: 0 15px;padding-bottom: 20px;margin-top: 0;box-sizing: border-box;margin-bottom: 20px;}
	.in-news .con .fr h3{font-size: 18px;padding-left: 30px;margin: 20px 0;margin-bottom: 5px;}
	.in-news .con .fr dl dt{width: 48%;float: left;margin: 0;margin-left: 4%;margin-top: 10px;}
	.in-news .con .fr dl dt:nth-child(2n-1){margin-left: 0;}
	.in-news .con .fr dl dt p a{margin-top: 8px;}
	.in-news .con .prev{width: 100%;}
	.in-news .con .prev p{line-height: 2;}
	.in-news .con .prev p:first-child{padding-bottom: 10px;margin-bottom: 10px;}
	.in-news .con .prev p a{width: 100%;}
	.in-news .list{margin-top: 25px;}
	.in-news .list h3{font-size: 18px;background-size: 20px auto;padding-left: 28px;line-height: 40px;}
	.in-news .list dl dt{width: 100%;margin-left: 0;}
	.in-news .list dl dt:nth-child(6),.in-news .list dl dt:nth-child(7),.in-news .list dl dt:nth-child(8),.in-news .list dl dt:nth-child(9){display: none;}
	.in-news .list dl dt a{line-height: 50px;padding-left: 20px;}
}

/*关于我们*/
.in-about{padding-top: 80px;padding-bottom: 90px;}
.in-about .con{display: flex;flex-wrap: wrap;}
.in-about .con .left{width: 25%;}
.in-about .con .left h3{font-family: 'Times New Roman';font-size: 40px;line-height: 1.2;color: #007ddc;text-transform: uppercase;}
.in-about .con .left h4{font-size: 34px;color: #777a7e;margin: 30px 0 12px;}
.in-about .con .left h5{font-size: 18px;color: #ced3d8;text-transform: uppercase;}
.in-about .con .right{width: calc(100% - 25%);}
.in-about .con .right h3{font-size: 24px;color: #007ddc;margin-bottom: 40px;}
.in-about .con .right p{font-size: 16px;color: #7a7a7f;line-height: 2.2;}
.in-about .img{width: 100%;margin-top: 80px;}
.in-about .img img{display: block;width: 100%;}
@media only screen and (max-width: 1024px){
	.in-about{padding-top: 30px;padding-bottom: 40px;}
	.in-about .con .left{width: 100%;}
	.in-about .con .left h3{font-size: 28px;}
	.in-about .con .left h4{font-size: 26px;margin: 18px 0 2px;}
	.in-about .con .left h5{font-size: 14px;}
	.in-about .con .right{width: 100%;margin-top: 10px;}
	.in-about .con .right h3{font-size: 14px;margin-bottom: 10px;}
	.in-about .con .right p{font-size: 14px;line-height: 2;}
	.in-about .img{margin-top: 20px;}
}

/*企业文化*/
.aboutBox2{padding-top: 60px;padding-bottom: 80px;}
.aboutBox2 .con{margin-top: 60px;font-size: 16px;line-height: 3;}
.aboutBox2 .con img{display: block;margin: 0 auto;margin-bottom: 20px;}
@media only screen and (max-width: 1024px){
    .aboutBox2{padding-top: 30px;padding-bottom: 40px;}
	.aboutBox2 .con{margin-top: 25px;font-size: 14px;line-height: 2;}
	.aboutBox2 .con img{width: 100%;}
}

/*联系我们*/
.in-cont{width: 100%;margin-top: 80px;}
.in-cont ul{margin-top: 65px;display: flex;justify-content: space-between;}
.in-cont ul li{display: flex;align-items: center;}
.in-cont ul li .img{height: 36px;margin-right: 20px;}
.in-cont ul li .txt>div{font-size: 16px;line-height: 16px;font-weight: bold;}
.in-cont ul li .txt>div:nth-child(1){color: #656464;}
.in-cont ul li .txt>div:nth-child(2){margin-top: 16px;}
.in-cont .ewm{margin: 58px auto;}
.in-cont .ewm h2{color: #999;font-size: 20px;text-align: center;}
.in-cont .ewm h2 span{display: block;font-size: 16px;margin-bottom: 4px;}
.in-cont .ewm dl{margin-top: 30px;text-align: center;}
.in-cont .ewm dl dd{display: inline-block;margin: 0 20px;width: 10%;}
.in-cont .ewm dl dd img{display: block;width: 100%;}
.in-cont .ewm dl dd p{margin-top: 4px;font-size: 16px;}
.in-cont #map{width: 100%;height: 0;padding-bottom: calc(100%*515/1920);position: relative;margin-top: 58px;}
.in-cont .message{width: 100%;background: rgba(242, 244, 246, 1);padding: 80px 0;padding-bottom: 80px;box-sizing: border-box;}
.in-cont .message .w1440{background-color: rgba(255, 255, 255, 1);padding: 60px 50px;box-sizing: border-box;}
.in-cont .message .form{width: 100%;margin-top: 40px;}
.in-cont .message .form textarea{width: 100%;min-height: 160px;padding: 12px;box-sizing: border-box;background: #f2f2f2;}
.in-cont .message .form .input{float: left;background: #f2f2f2;width: 49%;height: 45px;line-height: 45px;padding-left: 12px;box-sizing: border-box;margin-top: 20px;margin-right: 2%;overflow: hidden;}
.in-cont .message .form .input:nth-child(2n-1){margin-right: 0;}
.in-cont .message .form .input2 input{width: 80%;float: left;line-height: 45px;}
.in-cont .message .form .input2 img{width: 20%;float: right;height: 45px;}
.in-cont .message .form button{background: #007ddc;width: 100%;height: 45px;line-height: 45px;margin-top: 30px;font-size: 15px;color: #fff;cursor: pointer;transition: 0.5s;} 
.in-cont .message .form button:hover{background: #ed0205;} 
@media only screen and (max-width: 1023px){
	.in-cont{margin-top: 0.85rem;}
	.in-cont ul{margin-top: 0.6rem;display: block;}
	.in-cont ul li{width: 100%;margin-bottom: 0.6rem;}
	.in-cont ul li:last-child{margin-bottom: 0;}
	.in-cont ul li .img{height: 0.44rem;margin-right: 0.32rem;}
	.in-cont ul li .txt>div:nth-child(1){font-size: 0.2rem;line-height: 0.2rem;}
	.in-cont ul li .txt>div:nth-child(2){font-size: 0.24rem;line-height: 0.24rem;margin-top: 0.27rem;}
	.in-cont .ewm{margin: 30px auto;}
	.in-cont .ewm h2{font-size: 0.28rem;}
	.in-cont .ewm h2 span{font-size: 0.2rem;margin-bottom: 0;}
	.in-cont .ewm dl{margin-top: 15px;}
	.in-cont .ewm dl dd{margin: 0;width: 32.33%;}
	.in-cont .ewm dl dd p{margin-bottom: 4px;font-size: 0.28rem;}
	.in-cont #map{width: 100%;height: 170px;position: relative;margin-top: 0;padding-bottom: 0;}
	.in-cont #map img{display: block;width: 100%;height: 100%;object-fit: cover;}
	.in-cont .message{padding: 40px 0;margin-bottom: -0.35rem}
	.in-cont .message .w1440{padding: 30px 15px;}
	.in-cont .message .form{margin-top: 20px;}
	.in-cont .message .form textarea{min-height: 100px;}
	.in-cont .message .form .input{width: 100%;height: 40px;line-height: 40px;margin-top: 10px;}
	.in-cont .message .form .input2 input{width: 70%;}
	.in-cont .message .form .input2 img{width: 30%;}
	.in-cont .message .form button{margin-top: 20px;}
}