@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px) {
	/*1680 * 1050*/
}
@media all and (max-width:1460px) {
	/*1440 * 900*/
}
@media all and (max-width:1400px) {}
@media all and (max-width:1380px) {
	/*1366*/
}
@media all and (max-width:1300px) {
	/*1280 * 800*/
}
@media all and (max-width:1260px) {
	/*1260*/
	.contain {
		padding: 0 2%;
	}
	.iCase-block .t1 {
		font-size: 16px;
		line-height: 23px;
	}
	.iCase-block .t2 {
		font-size: 24px;
		line-height: 33px;
	}
	.I-title .t1 {
		line-height: 43px;
		font-size: 38px;
	}
	.I-title .t2 {
		line-height: 38px;
		font-size: 22px;
	}
	.srv-stage .contain {
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media all and (max-width:1200px) {
	/*1200*/
	.Hnav a {
		width: 82px;
		font-size: 16px;
	}
	.I-title .t1 {
		line-height: 41px;
		font-size: 36px;
	}
	.I-title .t2 {
		line-height: 36px;
		font-size: 20px;
	}
	.index-more .t1 {
		line-height: 51px;
		font-size: 44px;
	}
	.ctUs-form {
		width: 55%;
	}
	#index-bnr .box {
		padding: 0 2%;
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}
}
@media all and (max-width:1100px) {
	/*1024 * 768 */
	.Hnav a {
		width: 72px;
		font-size: 14px;
	}
	.iCase-block .t1 {
		font-size: 14px;
		line-height: 20px;
	}
	.iCase-block .t2 {
		font-size: 20px;
		line-height: 28px;
	}
	.I-title .t1 {
		line-height: 38px;
		font-size: 34px;
	}
	.I-title .t2 {
		line-height: 34px;
		font-size: 18px;
	}
	.index-more .t1 {
		line-height: 47px;
		font-size: 40px;
	}
	.nInfo-left {
		width: 73%;
	}
	.ctUs-form {
		width: 50%;
	}
	.com-pro .con {
		width: 100%;
	}
}
@media all and (max-width:980px) {
	/*web*/
	body,
	button,
	input,
	pre,
	select,
	textarea {
		font-weight: normal;
	}
	img {
		max-width: 100%;
	}
		/*-- Header --*/
	.header-container{
		height: 70px;
		padding: 10px 3%;
	}
	/*-- Header --*/
	.Header-wrapper .Header-cl,
	.header-container,
	.Hct {
		height: 70px;
	}
	.Hlogo {
		line-height: 50px;
		height: 50px;
	}
.caseInfo-name {
    padding: 40px 2%;
    justify-content: space-evenly;
	flex-direction: column;
}
.caseInfo-name .left img {
    margin-bottom: 10px;
}
.caseInfo-name .left,
.caseInfo-name .right {
    width: 100%;
}
.case-list li .name,
.aCase-swiper .swiper-slide .name {
	line-height: 24px;
	font-size: 16px;
	margin: .15rem 0 0;
}
	.Htel {
		padding: 0px;
		width: 36px;
		font-size: 0px;
		line-height: 50px;
		height: 50px;
		top: 0px;
		background-position: center center;
		margin: 0px;
	}
	.Hct {
		width: 42px;
	}
	.Hlogo img {
		height: 80%;
	}
	.Hmenu-btn {
		display: block;
	}
	.Hnav {
		display: none;
		width: 100%;
		background: #fff;
		border-top: 1px solid #ccc;
		position: absolute;
		top: 70px;
		left: 0px;
	}
	.Hnav a {
		width: 100%;
		height: 45px;
		line-height: 45px;
		border-bottom: 1px solid #ccc;
		float: none;
		margin: 0px;
	}
	.Hnav a .box {
		height: 45px;
		line-height: 45px;
		top: 0px;
	}
	.Hnav a.cur .box span,
	.Hnav a:hover .box span {
		top: -45px;
	}
	.Hnav a i {
		display: none;
	}
	.Hnav a.cur,
	.Hnav a:active {
		border-color: #b60005;
	}
	/*-- Footer --*/
	.footer-container {
		padding: 0 0 .47rem;
	}
	.footer-btm .flink {
		display: none;
	}
	.footer-btm .fcr {
		font-size: 12px;
		line-height: 18px;
		padding: 0px;
		border: 0px;
		margin: 0px;
	}
	.Fnav {
		padding: 0px;
		border: 0px;
	}
	.Fnav {
		width: 100% !important;
		margin: 2% 0 0;
	}
	.Fnav i {
		display: none;
	}
	.Fnav dt {
		padding: 0 2%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		border-bottom: 1px solid #ccc;
		margin: 0px;
	}
	.Fnav dt.cur {
		border-bottom: 1px solid #b60005;
	}
	.Fnav dd {
		display: none;
	}
	.Fnav dd a {
		line-height: 40px;
		padding: 0 4%;
	}
	.Fct {
		width: 100%;
		padding: 0px;
		border: 0px;
		margin: 4% 0 0;
	}
	/*-- Container --*/
	#index-bnr {
		display: none;
	}
	#index-web-bnr {
		display: block;
	}
	.index-pro li img {
		width: 40px;
	}
	.index-pro li .type {
		font-size: 18px;
		line-height: 24px;
		margin: 12px 0 0;
	}
	.index-pro li .list {
		margin: 10px 0 0;
	}
	.index-pro li .list a {
		line-height: 26px;
	}
	.I-title .t1 {
		line-height: 36px;
		font-size: 32px;
	}
	.I-title .t2 {
		line-height: 32px;
		font-size: 16px;
	}
	.I-title .t3 {
		width: 100%;
		padding: 0 2%;
	}
	.I-more.btn {
		width: 200px;
		line-height: 40px;
		font-size: 14px;
	}
	.I-more.btn span {
		background-size: 18px auto;
	}
	.index-abUs .con1 {
		font-size: 32px;
		line-height: 46px;
	}
	.index-abUs .con2 {
		width: 92%;
	}
	.index-abUs ul li {
		margin: 0 .4rem;
	}
	.index-abUs ul li .num {
		font-size: 70px;
		line-height: 66px;
	}
	.index-more {
		padding-left: 4%;
		padding-right: 4%;
	}
	.index-more .t1 {
		line-height: 43px;
		font-size: 36px;
	}
	.iNews-1st .name {
		font-size: 16px;
		line-height: 22px;
		height: 44px;
	}
	.iNews-list a {
		font-size: 14px;
		line-height: 28px;
	}
	.case-list li {
		width: 50%;
	}
	.cIalbum-top {
		height: 50px;
	}
	.cIalbum-top .btn {
		font-size: 14px;
		line-height: 28px;
		left: 4%;
		top: 11px;
	}
	.cIalbum-top .btn span {
		padding: 0 0 0 30px;
		background-size: auto 80%;
	}
	.srv-stage.s4 .contain {
		padding: 1.67rem 0 0;
	}
	.srv-stage .srv-box {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	.srv-stage .srv-web {
		display: block;
	}
	.srv-stage .contain {
		padding: 0px;
	}
	.srv-stage .srv-bg {
		display: none;
	}
	.srv-stage.s4 .srv-web {
		padding: 0px;
	}
	.srv-stage.s4 .srv-web img {
		width: 100%;
	}
	.news-nav a {
		font-size: 14px;
		line-height: 40px;
	}
	.news-nav a:before {
		height: 12px;
		top: 14px;
	}
	.nlist-img img {
		height: auto;
	}
	.nlist-box .name {
		font-size: 20px;
		line-height: 28px;
		margin: .375rem 0 0;
	}
	.nlist-box .con {
		margin: .3rem 0 0;
	}
	.nlist-box .more {
		margin: .8rem 0 0;
	}
	.nInfo-right {
		display: none;
	}
	.nInfo-left {
		width: 100%;
		padding: .53rem 0 1.02rem;
		min-height: 0px;
		border: 0px;
	}
	.nInfo-name {
		font-size: 26px;
		line-height: 32px;
	}
	.nInfo-share a {
		margin: 0 10px 0 0;
	}
	.bnr-img.page-bnr {
		height: 6rem;
	}
	.ctUs-form {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	.cPro-data li {
		margin: 3% 0 0 .51rem;
	}
	.cPro-data li:first-child {
		margin: 0px;
	}
	.cPro-data li .num {
		font-size: 60px;
		line-height: 50px;
	}
	.cCul-list .cCul-icon {
		width: 120px;
		height: 120px;
		line-height: 116px;
	}
	.I-title .split {
		margin: .5rem auto .4rem;
	}
	.com-pro .title {
		font-size: 26px;
		line-height: 40px;
	}
	.cCul-list {
		margin: .69rem 0 0;
	}
	.float-right-box,
	.float_qq {
		display: none;
	}
	.page-banner {
		display: none;
	}
	.web-banner {
		display: block;
	}
	.com-orn .comOrn-web {
		display: block;
	}
	.iCase-list li {
		width: 100%;
		margin-bottom: 5px;
	}
	.footer-flink {
		margin: 20px 0 0;
	}
	.footer-flink .contain {
		padding: .5rem 0;
	}
	.footer-flink ul li {
		width: 25%;
	}
	.proInfo-box {
		width: 100%;
		float: none;
	}
	.proInfo-nav {
		width: 100%;
		float: none;
	}
	.pInfoNav-cur,
	.pInfoNav-rtn {
		display: block;
	}
	.proInfo-split {
		display: none;
	}
	.pInfoNav-box {
		display: none;
		padding: 0 4%;
		width: 100%;
		height: 100%;
		background: #fff;
		position: fixed;
		top: 0px;
		left: 0px;
		overflow-y: auto;
		z-index: 9999;
	}
	.news-nav a {
		width: 100%;
	}
	.hc-ul {
		height: 36px;
    justify-content: flex-start;
}
	.hc-ul li {
		height: 36px;
		line-height: 36px;
	}
	.Header-wrapper {
		z-index: 9999;
	}
	.hc-ul li {
    margin: 0 10px;
	}
	.index-team .swiper-slide {
		flex-direction: column;
	}
	.index-team .text-info,
	.index-team .photo-box {
		width: 100%;
	}
	.index-team {
		padding:50px 0;
	}
	.index-team .sub-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.index-team .main-title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.index-team .arrow-group {
		top: 0;
		bottom: auto;
		left: auto;
		right: 0;
		gap: 10px;
	}
	.index-team .arrow {
		width: 35px;
		height: 35px;
	}
	.cCul-list li {
    width: 100%;
    padding: 0;
    float: left;
    margin-bottom: 15px;
}.p-title h1 {
    font-size: 24px;
    line-height: 36px;
}
}
@media all and (max-width:768px) {
	.index-pro {
		padding: 0px;
	}
	.index-pro li {
		width: 50%;
		padding: .37rem 0 .57rem;
	}
	.I-title .t1 {
		line-height: 32px;
		font-size: 28px;
	}
	.I-title .t2 {
		line-height: 30px;
		font-size: 14px;
	}
	.index-abUs .con1 {
		font-size: 28px;
		line-height: 42px;
	}
	.index-abUs ul li .num {
		font-size: 60px;
		line-height: 56px;
	}
	.index-more .t1 {
		line-height: 39px;
		font-size: 32px;
	}
	.iNews-wrap {
		margin: 0px;
	}
	.iNews-wrap li {
		width: 60%;
		float: none;
		margin: 4% auto 0 !important;
	}
	.iNews-1st .name {
		height: 22px;
	}
	.iNews-list {
		margin: 10px 0 0;
	}
	.cInfo-album,
	body.cIalbum-open .cInfo-album {
		width: 100%;
	}
	.cInfo-album {
		right: -100%;
	}
	.cIalbum-swiper {
		width: 92%;
		height: auto;
	}
	.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet {
		width: 33.333%;
		height: auto;
	}
	.srv-stage .srv-web img,
	.srv-stage .srv-box {
		width: 90%;
	}
	.srv-stage .s-title {
		font-size: 30px;
		line-height: 40px;
	}
	.srv-stage .s-con {
		font-size: 16px;
		line-height: 24px;
	}
	.srv-stage .s-list {
		font-size: 16px;
		line-height: 30px;
		margin: 20px 0 0;
	}
	.nlist-img,
	.nlist-box {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	.nlist-box {
		margin: 2% auto 0;
	}
	.ctUs-form,
	.ctUs-box {
		width: 90% !important
	}
	.cPro-data li .num {
		font-size: 50px;
		line-height: 40px;
	}
	.cCul-list .cCul-icon {
		width: 100px;
		height: 100px;
		line-height: 96px;
	}
	.cCul-list .type {
		font-size: 18px;
		line-height: 26px;
		margin: 18px 0 0;
	}
	.cCul-list .con {
		font-size: 12px;
		line-height: 22px;
	}
	.index-more {
		background-attachment: initial !important;
	}
	.bnr-img.page-bnr {
		height: 8rem;
	}
	.news-nav {
		flex-direction: column;
	}
	.news-nav p {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 5px;
	}
}
@media all and (max-width:640px) {
	.I-title .t1 {
		line-height: 28px;
		font-size: 24px;
	}
	.index-abUs .con1 {
		font-size: 24px;
		line-height: 38px;
	}
	.index-abUs ul li .num {
		font-size: 50px;
		line-height: 46px;
	}
	.index-abUs ul li .con {
		font-size: 14px;
		line-height: 24px;
	}
	.index-more .t1 {
		line-height: 35px;
		font-size: 28px;
	}
	.iNews-wrap li {
		width: 80%;
	}
	.case-sel {
		width: 46%;
		margin: 0 2%;
	}
	.p-rtn-btn {
		width: 150px;
		line-height: 34px;
		font-size: 14px;
	}
	.p-rtn-btn span {
		padding: 0 0 0 24px;
		background-size: 16px auto;
	}
	.I-more.btn {
		width: 160px;
		line-heihgt: 34px;
	}
	.I-more.btn span {
		padding: 0 24px 0 0;
		background-size: 16px auto;
	}
	.news-nav a {
		font-size: 12px;
		line-height: 36px;
	}
	.news-nav a:before {
		height: 10px;
		top: 13px;
	}
	.nlist-img,
	.nlist-box {
		width: 90%;
	}
	.ctUs-form,
	.ctUs-box {
		width: 96% !important;
		flex-direction: column;
		gap: 20px;
	}
	.ctUs-box .ctUs-block {
    width: 100%;
    padding: 6vw 4vw;
}
	.cPro-data li .num {
		font-size: 40px;
		line-height: 30px;
	}
	.cPro-data li .type {
		font-size: 14px;
		line-height: 20px;
	}
	.cCul-list .cCul-icon {
		width: 70px;
		height: 70px;
		line-height: 66px;
	}
	.com-culture .I-title .t3,
	.com-srv .I-title .t3 {
		font-size: 14px;
		line-height: 24px;
	}
	.com-pro {
		padding: .8rem 2% 1.05rem;
	}
	.nInfo-share a {
		margin: 0 10px 0 0 !important;
	}
	.bnr-img.page-bnr {
		height: 10rem;
	}
	.footer-flink ul li {
		width: 50%;
	}
	.pageflip {
		width: 100%;
	}
	.flipbox .p-rtn-btn {
		float: left;
		margin-top: 20px;
	}
}
@media all and (max-width:414px) {
	.I-title .t1 {
		line-height: 24px;
		font-size: 20px;
	}
	.index-abUs .con1 {
		font-size: 20px;
		line-height: 34px;
	}
	.index-abUs ul li .num {
		font-size: 40px;
		line-height: 36px;
	}
	.index-abUs ul li .con {
		font-size: 12px;
		line-height: 20px;
	}
	.index-more .t1 {
		line-height: 31px;
		font-size: 24px;
	}
	.index-pro li {
		padding: 1.2rem 0;
	}
	.iNews-wrap li,
	.case-list li {
		width: 100%;
	}
	.srv-stage .srv-web img {
		width: 100%;
	}
	.srv-stage .srv-box {
		width: 92%;
	}
	.nlist-img,
	.nlist-box {
		width: 100%;
	}
	/*.nInfo-share{float:none;}
	.nInfo-action .p-rtn-btn{float:none;margin:15px 0 0;}*/
	.bnr-img.page-bnr {
		height: 16rem;
	}
	.news-list li .com-img{
    flex-wrap: wrap-reverse;
        flex-direction: column;
}
.com-culture {
    padding: 1.9rem 0 1rem;
}
}
@media all and (max-width:375px) {
	.index-abUs .con1 {
		font-size: 18px;
		line-height: 24px;
	}
}