@font-face {
	font-family: "iconfont";
	/* Project id 4334923 */
	src: url('../fonts/iconfont.woff2?t=1700192732619') format('woff2'),
		url('../fonts/iconfont.woff?t=1700192732619') format('woff'),
		url('../fonts/iconfont.ttf?t=1700192732619') format('truetype');
}


@font-face {
	font-family: 'ALIBABAPUHUITI';
	src: url('../fonts/ALIBABAPUHUITI-2-35-THIN.OTF') format('otf'),
		url('../fonts/ALIBABAPUHUITI-2-45-LIGHT.OTF') format('otf'),
		url('../fonts/ALIBABAPUHUITI-2-55-REGULAR.OTF') format('otf'),
		url('../fonts/ALIBABAPUHUITI-2-65-MEDIUM.OTF') format('otf');
	url('../fonts/ALIBABAPUHUITI-2-75-SEMIBOLD.OTF') format('otf');
	url('../fonts/ALIBABAPUHUITI-2-85-BOLD.OTF') format('otf');
	url('../fonts/ALIBABAPUHUITI-2-95-EXTRABOLD.OTF') format('otf');
	url('../fonts/ALIBABAPUHUITI-2-105-HEAVY.OTF') format('otf');
	url('../fonts/ALIBABAPUHUITI-2-115-BLACK') format('otf');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

input {
	outline: none;
}

html,
body {
	font-family: "ALIBABAPUHUITI";
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 30px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-dayu1:before {
    content: "\e601";
}

.icon-zelvxuanzefeiyongdaosanjiaoxingfandui:before {
    content: "\e665";
}

.icon-zelvxuanzefeiyongzhengsanjiaoxingzhichi:before {
    content: "\e666";
}

.icon-zuoyi:before {
    content: "\e60b";
}

.icon-youyi:before {
    content: "\e60e";
}

.icon-tabxiangxiaanniu:before {
    content: "\e627";
}

.icon-dianti1:before {
    content: "\e61c";
}

.icon-a-1057:before {
    content: "\e655";
}

.icon-lingxing:before {
	content: "\e62d";
}

.icon-taiyang:before {
	content: "\e62e";
}

.icon-jingyin:before {
	content: "\e63b";
}

.icon-lizhux:before {
	content: "\e659";
}

.icon-fulizi-02:before {
	content: "\e63f";
}

.icon-ziwaixianzhishu:before {
	content: "\e653";
}

.icon-gaodu:before {
	content: "\e65f";
}

.icon-caishouzhongliang:before {
	content: "\e9fb";
}

.icon-dianti:before {
	content: "\e625";
}

.icon-wendingxingqiang:before {
	content: "\e644";
}

.icon-yousanjiao:before {
	content: "\e614";
}

.icon-jichushuju:before {
	content: "\e603";
}

.icon-taiyangtianqi:before {
	content: "\e60d";
}

.icon-agora_AIjiangzao:before {
	content: "\e687";
}

.icon-daosanjiao:before {
	content: "\e74b";
}

.icon-zhibiao2:before {
	content: "\e618";
}

.icon-sousuo:before {
	content: "\e651";
}

.icon-ico:before {
	content: "\e646";
}

.icon-diqiu:before {
	content: "\e642";
}

.icon-envelope:before {
	content: "\e982";
}

.icon-fangxiangjiantou-xiangyou:before {
	content: "\e612";
}

.icon-daohang:before {
	content: "\e62b";
}

.leading-11 {
	line-height: 4rem;
}

html {
	color: #333333;
}

.nwidth {
	width: 48%;
}

.pointer {
	cursor: pointer;
}

.icon-xiaokuohao:before {
	content: "\e617";
}

.swiper-pagination-custom {
	bottom: -300px;
	left: 0;
	width: 100%;
}

/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-customs {
	width: 30px;
	height: 4px;
	display: inline-block;
	background: #000;
	opacity: .3;
	margin: 0 5px;
	cursor: pointer;
}

/*自定义分页器激活时的样式表现*/
.swiper-pagination-customs-active {
	opacity: 1;
	background-color: #F78E00;
}

.swiper-pagination {
	bottom: -40px;
}

.aboutbannertitle {
	width: 46%;
	letter-spacing: 15px;
}

.banner {
	max-height: 750px;
}

@media screen and (max-width: 1200px) {

	.banner {
		max-height: 550px;
	}
}

@media screen and (max-width: 800px) {
	.banner {
		max-height: 400px;
	}
}

@media screen and (max-width: 600px) {
	.aboutbannertitle {
		letter-spacing: 10px;
	}

	.banner {
		max-height: 200px;
	}
}

.regard {
	width: 28%;
}


@media screen and (max-width: 700px) {
	.regard {
		width: 48%;
	}
}

.application {
	width: 16%;
}

.application_height {
	height: 300px;
}

@media screen and (max-width: 1500px) {
	.application_height {
		height: 250px;
	}
}

@media screen and (max-width: 1200px) {
	.application_height {
		height: 220px;
	}
}

@media screen and (max-width: 1000px) {
	.application {
		width: 32%;
	}

	.application_height {
		height: 300px;
	}
}

@media screen and (max-width: 600px) {
	.application {
		width: 49%;
	}

	.application_height {
		height: 250px;
	}
}

.decorative {
	color: #898989
}

.text-0 {
	font-size: 0;
}

.font-red {
	color: red;
}

.font-space {
	letter-spacing: 3px;
}

.font_space {
	letter-spacing: 20px;
}

.scheme {
	height: 750px;
}

@media screen and (max-width: 1200px) {
	.scheme {
		height: 600px;
	}
}

@media screen and (max-width: 992px) {
	.scheme {
		height: 450px;
	}
}

@media screen and (max-width: 576px) {
	.scheme {
		height: 320px;
	}

	.font_space {
		letter-spacing: 10px;
	}

	.yxwl {
		height: 450px;
	}
}

.schemebox {
	width: 48%;
}

@media screen and (max-width: 575px) {
	.schemebox {
		width: 100%;
	}
}

.box {
	width: 95%;
	max-width: 1280px;
}

.bg-1 {
	background-color: #1b1b1b;
}

.bg-2 {
	background-color: #333333;
}

.introduction_box {
	width: 48%;
}

.introduction_line_height {
	line-height: 25px;
}

.info{
    max-height: 300px;
}

@media screen and (max-width: 1300px) {
    .info{
        max-height: 200px;
    }
    .infoImg{
        min-height: 400px
    }
}
@media screen and (max-width: 992px) {
    .info{
        max-height: 300px;
    }
    .infoImg{
        min-height: auto;
    }
    .infoHeight{
        height: 450px;
    }
}
@media screen and (max-width: 1400px) {
	.introduction_line_height {
		line-height: 20px;
	}
}

.mingyue_r {
	right: 36%;
}

@media screen and (max-width: 992px) {
	.introduction_box {
		width: 100%;
	}

	.mingyue-h {
		height: 580px;
	}

	.mingyue_r {
		display: none;
	}
}

.mingyue_h {
	min-height: 500px;
}

.mingyue_enh{
	min-height: 800px;
}

.introduction_color {
	color: #777777;
}

.bg-3 {
	background-color: #F7F7F7;
}
.button:hover{
    background-color: rgb(220,38,38 );
}
.width-3 {
	width: 32%;
}

.index-product-width {
	width: 23%;
}

@media screen and (max-width: 600px) {
    .index-product-width {
        width: 48%;
    }
}

.zdrxd-application {
	width: 20%;
}

.zdft_imgWidth {
	width: 19%;
}

.zdft_imgHeight {
	min-height: 600px;
}

.zdft_left {
    margin-left: 1.25%;
	margin-right: 0;
}

.zdft_lf {
	margin-left: 1.25%;
}

@media screen and (max-width: 780px) {
	.width-3 {
		width: 100%;
	}

	.zdft_imgHeight {
		min-height: 1200px;
	}

	.zdft_imgWidth {
		width: 32%;
	}

	.zdft_left {
		margin-left: 2%;
		margin-right: 2%;
	}

	.zdft_lf {
		margin-left: 0;
	}
}

.bg-4 {
	background-color: #61402B;
}
.bg-5{
	 background-color: #f9f9f9
}
.bg-6{
	background-color: #ae8f72;
}
.quotation {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.text-1{
	color: #BC8151;
}
.text-2{
	color: #61402B;
}
.text-3{
	color: #D6C6B7
}
.text-4{
	color: #E5DED0;
}
.text-5{
	color: #AF8F71;
}
.text-6{
    color: #dfdfdf;
}

.anzhuang{
	width: 68%;
}
.anzhuang1{
	width: 30%;
}
 .transforms{
     transform: translate(-50%,-50%)
 }
@media screen and (max-width: 780px) {
	.anzhuang{
		width: 100%;
	}
	.anzhuang1{
		width: 100%;
		margin-top: 10px;
	}
    .transforms{
        transform: translate(0,0)
    }
}

 .transformxs{
     transform: translate(-50%,-50%)
 }
@media screen and (max-width: 992px) {
	.transformxs{
        transform: translate(0,0)
    }
}
.raminHeight{
    height: 100%;
}
@media screen and (max-width: 900px) {
    .raminHeight {
           height: 1050px;
    }
}
.transform{
    transform: translate(-50%,-50%)
}
.install-box{
    width: 48%;background-color:#fff;
}
.install-h{
     height: 100%;
}
@media screen and (max-width: 992px) {
    .install-box{
        width: 100%;
    }
    .install-h{
        height: 1200px;
    }
}
.install-box:hover{
    color: #fff;background-color: #d40c20;
}
.numbers{

    width: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #eee
}
.install-box:hover .numbers{
    background-color: #b00816;
}

.technology:hover .numbers{
    background-color: #b00816;
}
.technology:hover .decorative{
    color: #fff;
}
.technology-h{
    height: auto;
    min-height: 500px;
}

@media screen and (max-width: 992px) {
    .technology-h{
        height: 900px;
    }
}
.technology-height{
    height: auto;
    min-height: 500px;
}

@media screen and (max-width: 992px) {
    .technology-height{
        height: 700px;
    }
}
.maintenanceTechnology-h{
    height: 520px;
}
.maintenanceH{
    height: 1080px;
	background-image: url('../img/support//maintenance/banner4.png' );
	background-repeat: no-repeat;
	background-size: 100%;
}
@media screen and (max-width: 1000px) {
    .maintenanceTechnology-h{
        height: 350px;
    }
    .maintenanceH{
        height: 900px;
    }
}
@media screen and (max-width: 600px) {
    .maintenanceTechnology-h{
        height: 200px;
    }
    .maintenanceH{
        height: 1200px;
    }
}
.titColor{
    color: #b00816;
}

.numberBox{
   width: 32%;
}
.numberBox2{
    width: 48%;
}
.serviceBox{
    width: 53%
}
.service-box{
    width: 47%
}
@media screen and (max-width: 768px) {
    .numberBox{
        width: 45%;
    }
    .serviceBox{
        width: 73%
    }
    .service-box{
        width: 27%
    }
}
.improvementsBox{
    width: 48%;
}
.improvementsBoxx{
    width: 48%;
}
.improvementsBoxS{
    width: 32%;
}
@media screen and (max-width: 992px) {
    .improvementsBox{
        width: 100%;
    }
    .mtop{
        margin-top: 30px;
    }
    .improvementsBoxS{
        width: 100%;
    }
}
.improvementsBox:hover .improvements{
    color: #fff;
}
.improvementsBoxx:hover .improvement{
    color: #fff;
}
.improvementsBoxS:hover{
    color: #fff;
}
.valuesBox{
    width: 23%;
    cursor: pointer;
}
@media screen and (max-width: 900px) {
    .valuesBox{
        width: 48%;
    }
}
.valuesBox:hover{
   background-color: #be2d3c;
}
.valuesBox:hover .text-red-800{
    color: #fff;
}
.valuesBox:hover .text-6{
    color: #fff;
}
.center {
    text-align: center;
}
ul.pagination {

}

ul.pagination li {
    display: inline;
}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {
    background-color: #ddd;
}

.introduce_ImgH{
    min-height: 350px
}
@media screen and (max-width: 992px) {
    .introduce_ImgH{
        min-height: auto
    }
}

.xdhgz_case_box{
	width: 23%
}
.xdhgz_caswe_content_box{
	left: 10px;right: 10px;text-align: center; top: 55%;font-size: 14px;
}
.xdhgz_server_box{
	width: 30%;position:relative;
}
.xdhgz_advantafwes_box{
	width: 23%;
	
}
.xdhgz_box{
	letter-spacing: 3px;
	margin-top: 20px;
	line-height: 35px;
}
.xdhgz_pt{
	padding-top: 30px;
	padding-bottom: 30px;
}

.xdgz_height{
	min-height: 800px;
}

.xdgz_height1{
	min-height: 600px;
}

.xdghz_jz_box{
	width: 15%;
}

.xdghz_news_box{
	width: 30%;
}
.xdhgz_height{
	min-height: 600px;
}

.xdhgz_new_height{
	min-height: 600px;
}

.width_31{
    width: 31%
}

.ml_3_5{
    margin-left: 3.5%
}

.height-240{
    height: 240px;
    overflow: hidden;
}

.minH-240{
    min-height: 240px;
}

.news_image:hover img{
    transform: scale(1.2); 
}
@media screen and (max-width: 1200px) {
	.xdhgz_box{
		margin-top: 10px;
		line-height: 20px;
	}
}
@media screen and (max-width: 992px) {
	.xdhgz_height{
		min-height: 600px;
	}
	.xdhgz_new_height{
		min-height: 1000px;
	}
	.xdhgz_case_box{
		width: 49%
	}
	.xdhgz_caswe_content_box{
		font-size: 10px;
	}
	.xdhgz_advantafwes_box{
		width: 48%;
		margin-top: 20px;
	}
}

@media screen and (max-width: 800px) {
	
	.xdhgz_server_box
	{
		width: 100%;
	}
	.xdghz_jz_box{
		width: 40%;
		margin-top: 15px;
	}

	.xdghz_news_box{
		width: 100%;
		margin-top: 15px;
	}
}

.indexcaseBox{
	width: 16%;height: 630px;
}

@media screen and (max-width: 1200px){
	.indexcaseBox{
		height: 500px;
	}
}

@media screen and (max-width: 900px){
	.indexcaseBox{
		width: 30%;
		margin-top: 15px;
	}
	
	.width_31{
        width: 100%
    }
    
    .ml_3_5{
        margin-left: 0
    }
}

@media screen and (max-width: 600px){
	.indexcaseBox{
		width: 45%;
	}
	
	.height-240{
        height: 200px;
        overflow: hidden;
    }
    
    .minH-240{
        min-height: 200px;
    }
}

.intelligenceBox{
	width: 20%;
}

.intelligenceBox1{
	width: 27%;
}

.intelligencecontainer{
	width: 75%
}

.letter-space{
	letter-spacing: 3px;
}

.shsydtBox{
	width: 25%;padding: 20px 0;
}

.shsydtborder{
	border-right: 1px solid #cccccc;
}

.showRoomBox{
	width: 70%;
}
.showRoomImg{
	width: 25%
}
.showRoomAbsolute{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px){
	.intelligenceBox{
		width: 45%;
		margin-top: 20px;
	}
	
	.intelligenceBox1{
		width: 45%;
		margin-top: 20px;

	}

	.intelligencecontainer{
		width: 100%
	}

	.shsydtBox{
		width: 45%;
		margin-top: 30px;
	}

	.showRoomBox{
		width: 100%;
	}
	.showRoomImg{
		width: 100%;
		margin-top: 20px;
	}

	.showRoomAbsolute{
		position: static;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	}
}