/*! 官网通用页头 start*/
@import url("top_nav.css");
/*! 官网通用页尾 start*/
@import url("foot_wrap.css");
/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 常用设备*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 常用设备*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 常用设备*/

.page {
    /* min-width: 1100px; */
}

body {
    background-color: black;
}


.cover-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.main-slider .box-next, .main-slider .description, .main-slider .dsn-controls {
    z-index: 2;
}

.text-center {
    text-align: center;
}

/* .image-bg{
	height: 100vh;
} */
#main_Con {
    position: relative;
    height: 100vh;
    overflow: hidden;
    margin: 0;
}

/* 通过改变animation-timing-function 制作弹性切换效果 */
/* .main .swiper-wrapper {
	
	transition: 2s cubic-bezier(0.39, 0.58, 0.57, 1) 0.2s;
} */

.main .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.inBanner .swiper-slide {
      /* Center slide text vertically */
    height: 100vh;
    }

.main .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;z-index:1}
.main-slider .dsn-controls{right:20px;top:25%;height:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.main-slider .dsn-controls .dsn-numbers{height:40px;line-height:40px}
.main-slider .dsn-controls .dsn-numbers span{width:35px;color:#fff;letter-spacing:2px}
.main-slider .dsn-controls .dsn-progress{background:rgba(255,255,255,0.34);width:2px;height:calc(100% - 100px)}
.main-slider .dsn-controls .dsn-progress .dsn-progress-indicator{left:0;top:0;height:100%;background-color:#fff}


.slide_in {
    transform: translateY(200px);
    opacity: 0;
    transition: all 1.2s;
}
.ani-slide .slide_in {
                transform: translateY(0);
                opacity: 1;
            }
/***********/
.main_cpzx{width:100%;max-width:1230px;margin:0 auto;display:flex;z-index:9;overflow: hidden;flex-direction:column}
.main_cpzx .top .swiper-slide{
      transition: 300ms;
    	  transform: scale(0.7);
          width: 33.33%;
          background-color: #101010;
          text-align: center;
}
.main_cpzx .top ul li{border:2px  solid rgba(255,255,255,0);}
.main_cpzx .top ul li:hover{background-color:#b07c43;}
.main_cpzx .top ul li .prc1{}
.main_cpzx .top ul li .prc1 img{width: 100%;  height: 100%;max-height: 360px;}
.main_cpzx .top ul li .prc2{border-bottom: 1px rgb(255 255 255 / 35%) solid;max-width: 80%;margin: 0 auto;}
.main_cpzx .top ul li .prc2 h2{font-size: 24px;font-weight: 500;line-height: 2em;margin: 5% auto 2.4%;}
.main_cpzx .top ul li .prc3{}
.main_cpzx .top ul li .prc3 a{width: auto;padding: 5px 15px;font-size: 16px;line-height: 2em;background-color: #434343;margin-bottom: 5%;margin-top: 5%;}
.main_cpzx .top ul li .prc3:hover a{background-color: #c14e1c;}
.main_cpzx .top .cp_active{transform: scale(1);}

.main_cpzx .top1{
    width: auto;
    margin: 50px auto 0; 
}


/**********/
.main_jzcc{width:100%;max-width:1230px;margin:0 auto;display:flex;z-index:9;}
.main_jzcc .jzcc1{flex:1;max-width:300px;}
.main_jzcc .jzcc1 .left_01{margin-bottom:10%;}
.main_jzcc .jzcc1 .left_02{}
.main_jzcc .jzcc2{flex:1;padding-top: 100px;height:auto;margin:0 10% 0 5%;max-width:300px;position: relative;}
.main_jzcc .jzcc2 span{font-size:16px;line-height:2em;}
.main_jzcc .jzcc2 .more{margin-top:10%;}


.main_jzcc .jzcc3{flex:1;max-width: 445px;	    height: auto;}
#jzcc3_a{
	overflow: hidden;
    height: 120%;
}
/* .main_jzcc .jzcc3  .swiper-slide{
	opacity: 0;
	transition: all 1000ms ease 0s;
}
.main_jzcc .jzcc3 .n-active{
	opacity: 1;
} */
.main_jzcc .jzcc3 .left_02{background-repeat: no-repeat;width: 70%;overflow: hidden;left: 0;    background-size: cover;background-position: center;}
.main_jzcc .jzcc3 .left_03{left: 10%;transition: all 1000ms ease 0s;top: 95px;}
.main_jzcc .jzcc3 .left_03 .title{font-size: 130px;color: #eb5c20;}
.main_jzcc .jzcc3 .left_03 .text{font-size: 16px;color: #8b8b8b;line-height: 1.5em;margin-left: 20px;max-width:315px;font-family: 微软雅黑;}


.swiper-button{bottom: 0%;z-index: 999;margin-left: 5%;}
.swiper-button .button-nexta,
.swiper-button .button-preva{
	margin: 0 10px;
	width: 45px;
	height: 45px;
	display: flex;
	padding: 5px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	/* background-color: #c14e1c; */
	cursor: pointer;
	border: 1px rgb(255 255 255 / 20%) solid;
}
.swiper-button .button-nexta:hover,
.swiper-button .button-preva:hover{
	background-color: #c14e1c;
	
}
.swiper-button .swiper-button-disabled{
	opacity: .35;
	    cursor: auto;
	    pointer-events: none;
}
/*****************/
.main_mfgy{width:100%;max-width:1230px;margin:0 auto;display:flex;z-index:9;flex-direction: column;}
.main_mfgy .top1{ padding-bottom: 5%;}
.main_mfgy .top2{}
.main_mfgy .top2 ul{ display: flex;}
.main_mfgy .top2 ul li{margin: 0 1%;}
.main_mfgy .top3{display: flex;align-items: center;justify-content: center;padding: 3% 0;}
.main_mfgy .top4{display: flex;align-items: center;justify-content: center;}

/***************/
.video-section{
	height: auto;
	max-width: 1440px;
	padding: 1%;
	z-index: 9;
}
#media_11{
	width: 100%;
	height: auto;
}
/************/
.main_lxfs{width:100%;max-width:1230px;margin:0 auto;display:flex;z-index:9;flex-direction: column;}
.main_lxfs .top1{margin-bottom: 0%;}
.main_lxfs .top2{display: flex;justify-content: space-between;align-items: center;}

.main_lxfs .inputbox {margin:0;}
/* .main_lxfs .inputbox .list {display:flex;justify-content:space-between;height: 0.8rem;} */
.main_lxfs .inputbox input {height:100%;width: 100%;padding:15px;border:1px solid #DEDEDE;box-sizing:border-box;margin: 10px auto;}
.main_lxfs .inputbox input::placeholder{color: #000;}
.main_lxfs .inputbox textarea::placeholder{color: #000;}
.main_lxfs .inputbox textarea {margin:10px 0;width:100%;height: 110px;padding:10px;border:1px solid #DEDEDE;box-sizing:border-box;}
.main_lxfs .inputbox button {cursor:pointer;width: auto;height: auto;background: #54260f;display:flex;align-items:center;justify-content:center;color:#fff;font-size: 18px;padding: 5px 15px;margin-top: 10px;}

/*************/
.phone_num{
    font-size: 18px;
    color: #af7642;
    font-weight: 600;
}
.phone_num p{}
.phone_num p span{
    font-size: 22px;
    font-weight: 600;
}

.phone_img{
    width:100% ;
    max-width: 140px;
        margin-top: 20px
    }



@media screen and (max-width: 960px) {
	.main_jzcc{
		display: flex;
		padding: 15%;
		flex-direction: column;
	}
	.main_jzcc .jzcc1 .left_02{
		display: none;
	}
	.main_jzcc .jzcc2{
		margin: 0 auto;
		padding: 0;
		max-width:100%;
	}
	.main_jzcc .jzcc2 span{       
		display: -webkit-box;
                 -webkit-box-orient: vertical;
                  -webkit-line-clamp: 4;            /*设置p元素最大4行，父元素需填写宽度才明显*/
                  text-overflow: ellipsis;
                  overflow: hidden;
                 /* autoprefixer: off */
                 -webkit-box-orient: vertical;
                  /* autoprefixer: on */
                  /*因为代码环境的关系-webkit-box-orient被过滤掉了 autoprefixer 这个关键字可以免除被过滤的动作*/
　　　　　　　　　　word-wrap:break-word;
　　　　　　　　　　word-break:break-all;
font-size: 14px;
    line-height: 1.5em;
	}
	
	.main_jzcc .jzcc3{
		margin-top: 10%;
	}
	#jzcc3_a{
		height: 40vh;
	}
	.main_jzcc .jzcc3 .left_03 .title{
		font-size: 50px;
	}
	.main_jzcc .jzcc3 .left_03 .text{
			margin-left: 5px;
            max-width: 220px;
	}
	.main_jzcc .jzcc3 .left_02{
		width: 60%;
	}
	.swiper-button{
		bottom: 10%;
	}
	.main_cpzx .top ul li .prc1 img{
		max-width: 100%;
		max-height: 200px;
	}
	.main_cpzx .top ul li .prc2 h2{
		font-size: 20px;
		color: rgb(255 255 255 / 60%);
	}
	.main_cpzx .top ul li .prc3 a{
		margin-top: 10%;
		font-size: 14px;
		padding: 0 15px;
	}
	.main_mfgy{
		padding: 15%;
	}
	.main_mfgy .top2{
		margin: 10% auto;
	}
	.main_mfgy .top2 ul{
		flex-wrap: wrap;
	}
	.main_mfgy .top2 ul li {
	    margin: 1%;
	    flex-basis: 30%;
	}
	.main_mfgy .top4{
		margin-top: 15%;
	}
	.main_lxfs{
		padding: 15%;
	}
	.main_lxfs .top2 {
	    display: block;
		
	}
}