@charset "utf-8";
/* 
 *@Project: 样式重设及公共样式表
 */
 /* 字体引用 */
body{font-family:myFont_R;color: #000;}
@font-face{
    font-family:myFont_L;
    src:url('../font/Alibaba-PuHuiTi-Light.ttf'),url('../font/Alibaba-PuHuiTi-Light.woff');
}
@font-face{
    font-family:myFont_R;
    src:url('../font/Alibaba-PuHuiTi-Regular.ttf'),url('../font/Alibaba-PuHuiTi-Regular.woff');
}
@font-face{
    font-family:myFont_B;
    src:url('../font/Alibaba-PuHuiTi-B.ttf'),url('../font/Alibaba-PuHuiTi-B.woff');
}
@font-face{
    font-family:myFont_H;
    src:url('../font/Alibaba-PuHuiTi-H.ttf'),url('../font/Alibaba-PuHuiTi-H.woff');
}
@font-face{
    font-family:myFont_M;
    src:url('../font/Alibaba-PuHuiTi-Medium.ttf'),url('../font/Alibaba-PuHuiTi-Medium.woff');
}
.clearfix:before,.clearfix:after {    content:"";    display:table;}
.clearfix:after {    clear:both;}
.clearfix {    zoom:1; /* IE <8 */}
.fl{float: left;}
.fr{float: right;}
.web-myFont_L{font-family:myFont_L;}
.web-myFont_R{font-family:myFont_R;}
.web-myFont_B{font-family:myFont_B;}
.web-myFont_H{font-family:myFont_H;}
.web-myFont_M{font-family:myFont_M;}
/* banner */
.index_banner{
	position: relative;
}
.index_banner .swiper-container {
    width: 100%;
    height: 100%;
}
.index_banner .swiper-slide {
    background-position: center;
    background-size: cover;
    justify-content:center;
    align-items:center;
    display:flex;
}
.index_banner .swiper-slide img{
    width: 100%;
    display: block;
}
.index_banner .swiper-slide-active img{
    width: 100%;
    display: block;
    animation:mymove 8s infinite;
    -webkit-animation:mymove 14s infinite; /*Safari and Chrome*/
    animation-direction:alternate;/*轮流反向播放动画。*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation:mymove 14s infinite;
    -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    animation-delay:0.1s;
    -webkit-animation-delay:0.1s; /* Safari 和 Chrome */
}
@keyframes mymove

	{
		0%{

		transform: scale(1);  

		}

		100%{

			transform: scale(1.1); 
		}
	}
	@-webkit-keyframes mymove 

	{
		0%{
		transform: scale(1); 

		}
		100%{

			transform: scale(1.1);
		}
}
.index_banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
	background-color: #fff0 !important;
    border: 1px solid #fff;
    opacity: 0.95;
	border-radius: 50px;
}
.index_banner .swiper-pagination-white .swiper-pagination-bullet-active{
    background: #fff !important;
    opacity: 1;
    border:0;
}
.index_banner .banner_txt {
    position: absolute;
    /* top: 12rem; */
    vertical-align:middle;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem;
    text-align: center;
    opacity: 0;
}
.index_banner .banner_txt h3 {
    color: #fff;
    font-size: 60px;
    font-family: 'myFont_B';
    text-shadow: 0px 0px 3px #9a9a9a;
}
.index_banner .banner_txt p{
	color: #fff;
    font-size: 30px;
    margin: 20px;
    font-family: 'myFont_R';
    text-transform: uppercase;
}
.index_banner .banner_txt a{
	width: 180px;
    height: 45px;
    display: block;
    line-height: 45px;
    text-align: center;
    background: #b81b25;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
}
.index_banner .swiper-slide-active .banner_txt{
	-webkit-animation: fadeInLeft 1.4s ease-in-out;
	animation: fadeInLeft 1.4s ease-in-out;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/*搜索*/
.ss_box_fiexd{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 88%);
    z-index: 999999;
    display: none;
}
.ss_close{
    width: 50px;
    height: 50px;
    background: #fff;
    float: right;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}
.ss_close i{
    font-size: 30px;
}
.open_ss{
    cursor: pointer;
}
.ss_txt{
    width: 1200px;
    /* height: 554px; */
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 35%;
    left: 50%;
    margin-left: -600px;
}
.ss_txt img{
    margin: 0 auto;
    width: 295px;
}
.ss_txt p{
    font-size: 30px;
    color: #fff;
    margin: 50px 0;
}
.ss_txt form div{

}
.ss_txt form input.i_txt{
    width: 650px;
    height: 50px;
    padding-left: 23px;
    font-size: 16px;
    line-height: 50px;
}
.ss_txt form input.i_btn{
    width: 50px;
    background: url(../images/ss.png) #fff no-repeat center center;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}




/* 产品中心1 */
.cc_bg{
    
    background: url(../images/pro_bg.png) no-repeat center center;
    background-size: cover;
}
.c1{
	padding-bottom: 60px;
}
.c1_box{position:relative;}
.c1 .c1_box .swiper-button-next{
    right: 38%;
    top: 52%;
    background-image: url(../images/right.png);
    width: 44px;
    background-size: 100%;
}
.c1 .c1_box .swiper-button-prev{
    left: 54%;
    top: 52%;
    background-image: url(../images/left.png);
    width: 44px;
    background-size: 100%;
}
.c1 .c1_left,.c2 .c2_left{
    width: 50%;
}
.c1 .c1_left img,.c2 .c2_left img{
    width: 100%;
}
.c1 .c1_right,.c2 .c2_right{
    width: 50%;
    padding: 0 4%;
}
.c1 .c1_right h3,.c2 .c2_right h3{
    color: #b81b25;
    font-size: 30px;
}
.c1 .c1_right span,.c2 .c2_right span{
    color: #999999;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}
.c1 .c1_right p,.c2 .c2_right p{
    font-size: 18px;
    color: #333333;
    line-height: 35px;
}
.c1 .c1_right_title,.c1_right_title{
    text-align: center;
    float: right;
    margin-top: 160px;
    height: 84px;
}
.c1 .c1_right_title .c1_right_title_num,.c1_right_title .c1_right_title_num,.c2 .c2_right_title .c2_right_title_num{
    font-size: 30px;
    color: #333333;
}
.c1 .c1_right_title .c1_right_title_txt,.c1_right_title .c1_right_title_txt{
    writing-mode: vertical-rl;
    font-size: 16px;
    color: #999999;
    line-height: 1;
    text-align: initial;
}
/*产品中心2*/
.c2{
    padding: 100px 0 160px 0;
}
.c2 .c2_right{
    text-align: right;
}
.c2 .c2_right_title{
    text-align: center;
    float: left;
    height: 84px;
    margin-top: 160px;
}
.c2 .c2_right_title .c2_right_title_txt{
    writing-mode: vertical-lr;
    font-size: 16px;
    color: #999999;
    line-height: 1;
    text-align: initial;
}
.c2 .c2_right .c2_right_btn{
    float: right;
    margin-top: 60px;
}
.c2 .c2_right .c2_right_btn a{
	display: block;
	transition: .4s;
}
.c2 .c2_right .c2_right_btn a:hover{
	margin-top: -5px;
}
.c2 .c2_right .c2_right_btn i{
    font-size: 30px;
    background: #b81b25;
    width: 51px;
    height: 51px;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 51px;
    border-radius: 10px;
}
/*产品中心3*/
.c3{

}
.c3 ul li{
    width: 24%;
	position: relative;
	cursor: pointer;
}
.c3 ul li .c3_div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: 3;
	background-color: rgb(184 27 37 / 70%);
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.c3 ul li .c3_div_box{
	padding: 0 50px;
	text-align: center;
	
}
.c3 ul li .c3_div_box h3{
	color: #fff;
	font-size: 24px;
}
.c3 ul li .c3_div_box p{
	color: #fff;
	font-size: 18px;
}
.c3 ul li a:hover .c3_div{
	height: 100%;
}
.c3 ul li img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.c3 ul li:last-child{
    /*padding: 0 30px;*/
}
.c3 ul li h3{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.c3 ul li p{
    font-size: 18px;
    color: #333;
    margin-bottom: 50px;
}
.c3 ul li a{
	display: block;
}
.c3 ul li:last-child a{
    width: 216px;
    height: 43px;
    line-height: 43px;
    display: block;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    background:#b81b25  url(../images/btn_bg.png) no-repeat center center;
}
.c3 .c1_right_title{
    margin-top: 0;
}
.c3 ul li .c3_img_show{
	display: none;
}
.c4{
    background: url(../images/p3_bg.png) no-repeat center center;
    height: 100px;
    margin: 100px 0;
	background-size: cover;
}
.c3_txt_hide{
	margin: 0 30px;
}
/*公司新闻*/
.c5{
    padding-bottom: 200px;
    background-size: cover;
    background: url(../images/new_bg.png) no-repeat center center;
}
.c5 .w80{    height: 640px;
    border: hidden;}
.c5 .c5_news{
    position: relative;
}
.c5 .news_hr{
    margin-top: 60px;
    background: #afafaf;
    width: 100%;
    height: 3px;
    opacity: .2;
}
.c5 .c5_news ul li{
    transition: all .36s ease;
    width: 24%;
    box-sizing: border-box;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 50px 20px;
	position: relative;
    background: #fff url(../images/n_bg.png) no-repeat center bottom;
}
.c5 .c5_news ul li:hover{
    transform:translateY(-30px);
	border-left: 4px solid #b81b25;
	border-bottom: 4px solid #b81b25;
	box-sizing: border-box;
	box-sizing: border-box;
    background: #fff url(../images/n_bg.png) no-repeat bottom;
}
.c5 .c5_news ul li:hover .c5_news_img{margin-top: -100px;}
.c5 .c5_news ul li:hover .c5_news_txt div{color: #b81b25;margin-top:25px;}
.c5 .c5_news ul li:hover .c5_news_txt h3{display:none;}
.c5 .c5_news ul li:hover .c5_news_img{/* height: 150px; */display:block;}
.c5 .c5_news ul li:hover i{
	color: #fff !important;
	background-color: #b81b25;
	width: 46px;
	height: 46px;
	text-align: center;
	display: block;
	line-height: 46px;
}
.c5 .c5_news ul li::after{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	left: 0;
	background-color: #b81b25;
	position: absolute;
	bottom: -67px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.c5 .c5_news ul li:hover::after{
    width: 100%;
}
.c5_news_img{
	transition: all .36s ease;
	margin-top: -50px;
	width: calc( 100% + 40px );
	margin-left: -20px;
	position: relative;
	display:none;
	overflow: hidden;
	border-top-right-radius: 15px;
}
.c5_news_img img{
    width: 100%;
}
.c5_news_img h3{
    position: absolute;
    bottom: 12px;
    color: white;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-shadow: 0px 0px 3px #000000;
}
.c5 .c5_news ul li .c5_news_txt i{
    font-size: 26px;
    display: block;
    color: #b81b25;
}
.c5 .c5_news ul li .c5_news_txt p{
    color: #666666;
    font-size: 16px;
    margin-bottom: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.c5 .c5_news ul li .c5_news_txt div{
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
}
.c5 .c5_news ul li .c5_news_txt h3{
    font-size: 20px;
    color: #333333;
    margin-bottom: 50px;
    transition: all .36s ease;
    margin-top: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c5 .new_btn{
	width: 98px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #b81b25;
	display: block;
	text-align: center;
	float: right;
	margin-top: 50px;
	font-size: 18px;
	border-radius: 5px;
}
/*合作案例*/
.c6{

}
.c6 ul{
    flex-wrap: wrap;
}
.c6 ul li{
    width: 19%;
    padding: 5px;
    text-align: center;
    margin-bottom: 60px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    position:relative;
}
.c6 ul li:hover{
	transform: translateY(-5px);
    box-shadow: 0px 0px 40px -22px rgb(0 0 0 / 61%);
}
.c6 ul li i{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	height: 90px;
}
.c6 ul li img{
	width: 80%;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.c6 ul li p{
    font-size: 16px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
}
/*动画线条*/
.c6 ul li .border_top,
.c6 ul li .border_right,
.c6 ul li .border_bottom,
.c6 ul li .border_left{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.c6 ul li .border_top,.c6 ul li .border_left{left:0;top:0; position:absolute; background:#b81b25;}
.c6 ul li .border_right,.c6 ul li .border_bottom{bottom:0;right:0; position:absolute; background:#b81b25;}

.c6 ul li .border_top,.c6 ul li .border_bottom{height:1px;width:0;}
.c6 ul li .border_right,.c6 ul li .border_left{height:0px;width:1px;}

.c6 ul li:hover .border_top,.c6 ul li:hover .border_bottom{width: 100%}
.c6 ul li:hover .border_left,.c6 ul li:hover .border_right {height: 100%}

.ny_banner{
    position: relative;
    display: flex;
    align-items: center;
    min-width: 1200px;
}
.ny_banner img{
    width: 100%;
}
.ny_banner .text-box{
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 32px;
    color: #fff;
    margin-top: 50px;
}
.ny_banner .text-box p{
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 5px;
    position: relative;
    text-shadow: 0px 0px 3px #404040;
}
.ny_banner .text-box h3{
    text-shadow: 0px 0px 3px #404040;
    font-size: 45px;
    font-weight: bold;
}

/*联系我们*/
.foot{
        background: url(../images/f_bg.png) no-repeat right center;
    /* height: 826px; */
    /* background-size: cover; */
    padding: 80px 0 0 0;
    background-color: #b81b25;
    background-size: auto 707px;
}
.foot .ff_bg{
    background: url(../images/ff.png) no-repeat center center;
    background-position: bottom;
    height: 105px;
    margin-top: 40px;
}
.foot img{
    width: 295px;
    margin-bottom: 50px;
}
.foot_form ul.form_l li{
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.foot_form ul.form_l{
    width: 30%;
}
.foot_form ul.form_r{
    margin-left: 50px;
    width: 30%;
}
.foot_form ul.form_l li label,.foot_form ul.form_r li label{
    font-size: 16px;
    color: #fff;
}
.foot_form ul.form_l li input,.foot_form ul.form_r input{
    background: none;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    padding-left: 10px;
}
.foot_form ul.form_r li{
    display: flex;
    flex-direction: column;
    line-height: 50px;
}
.foot_form ul.form_r li input{
    font-size: 16px;
    color: #fff;
    border: 1px solid #ddd;
    height: 165px;
    padding-left: 10px;
    box-sizing: border-box;
}
.foot_form .btn{
    background: #fff;
    color: #b81b25;
    font-size: 18px;
    width: 240px;
    margin-top: 50px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    cursor: pointer;
}
/* 底部返回 */
.back_top_wrapper{
    position: fixed;
    right: 22px;
    bottom: 65px;
    z-index: 200;
    transition: bottom .3s ease;
    width: 48px;
    height: 48px;
    background: rgb(0 0 0 / 47%);
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    transition: .4s;
}
.back_top_wrapper .iconfont{
    font-size: 25px;
    color:#fff;
}
.back_top_wrapper:hover{
    cursor: pointer;
    position: fixed;
    right: 24px;
    bottom: 52px;
}
/*底部展示*/
.cory{
    background: #f6f6f6;
    padding: 50px 0;
}
.cory .cory_l{
    width: 66%;http://demo25.cqhot.cn/Public/Home/Module988/images/pro1.png
}
.cory .cory_l ul{
    margin-bottom: 30px;
}
.cory .cory_l ul li{

}
.cory .cory_l ul li h3{
    font-size: 16px;
    color: #505050;
    margin-bottom: 10px;
}
.cory .cory_l ul li p{
    line-height: 30px;
}
.cory .cory_l ul li a{
    color: #999999;
    font-size: 14px;
    display: block;
}
.cory .cory_l .cory_l_txt{

}
.cory .cory_l .cory_l_txt p{
    color: #999;
    line-height: 25px;
}
.cory .cory_l .cory_l_txt p a{
    
}
.cory .cory_c{
    background: #ddd;
    width: 1px;
    height: 150px;
}
.cory .cory_r{
    
}
.cory .cory_r h1{
    font-size: 36px;
    color: #b81b25;
    font-family: 'myFont_B';
}
.cory .cory_r .flexa{
    align-items: center;
    margin-bottom: 30px;
}
.cory .cory_r .flexa i{
    color: #999999;
    font-size: 16px;
    margin-right: 5px;
}
.cory .cory_r .flexa p{
    color: #999999;
    font-size: 16px;
}
.cory .cory_r .er img{
    margin: 0 auto;
    width: 100px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.cory .cory_r .er p,.cory .cory_r .er{
    text-align: center;
    color: #999;
    line-height: 30px;
}
/* 内页开始 */
.ab{
	background: url(../images/ab_bg.png) no-repeat center center;
	background-size: cover;
	padding: 100px 0;
}
.ab .ab_left{
	width: 55%;
}
.ab .ab_right{
	width: 580px;
}
.ab .ab_right h3,.zz_box .zz_box_r h3{
	color: #b81b25;
	font-size: 30px;
}
.ab .ab_right span,.zz_box .zz_box_r span{
	font-size: 18px;
	color: #999999;
	text-transform: uppercase;
	display: block;
	margin-bottom: 30px;
}
.ab .ab_right p,.zz_box .zz_box_r p{
	color: #333333;
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
	margin-bottom: 30px;
}
.ab .ab_right a,.zz_box .zz_box_r a{
	width: 170px;
	height: 43px;
	line-height: 43px;
	display: block;
	color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 16px;
	background: #b81b25 url(../images/btn_bg.png) no-repeat center center;
}
/* 发展历程 */
.lic{
	background: url(../images/lic.png) no-repeat center center;
	background-size: cover;
	padding-bottom: 100px;
}
.lic_box{
	background: url(../images/lic1.png) no-repeat center center;
	background-size: cover;
	padding: 0 100px;
}
.lic_box .lic_box_l{
	width: 60%;
}
.lic_box .lic_box_r ul li{
	background: url(../images/lic_cc.png) #fff no-repeat center center;
	background-size: cover;
	/* margin: 10px 0; */
	/*margin-bottom: 20px;*/
	/* border-top-right-radius: 15px;
	border-bottom-left-radius: 15px; */
	cursor: pointer;
    border-radius: 5px;
    height: 155px;
}

.lic_box .lic_box_r ul li:hover{
    background: url(../images/lic_cc.png) #b81b25 no-repeat center center;
}
.lic_box .lic_box_r ul li:hover span{
    color: #fff;
}
.lic_box .lic_box_r ul li:hover h3{
    color: #fff;
}
.lic_box .lic_box_r ul li:hover p{
    color: #fff;
}
.lic_box .lic_box_r ul li div{padding: 20px;
    box-sizing: border-box;}
.lic_box .lic_box_r ul li:nth-child(3n+3){
	/*margin-bottom: 0;*/
}
.lic_box .lic_box_r ul li h3{
	font-size: 22px;
	color: #333;
	font-family: 'myFont_B';
}
.lic_box .lic_box_r ul li span{
	font-size: 18px;
	color: #333;
	display: block;
	margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.lic_box .lic_box_r ul li p{
	color: #666666;
    text-align: justify;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.lic_box .lic_box_r{
	width: 38%;
    margin: 11px 0;
}
.lic_box .lic_box_r .picList{
    height: 500px;
}
.lic_box .lic_box_l ul li{
	
}
.lic_box .lic_box_l ul li h2{
	color: #fff;
	font-size: 26px;
    margin-bottom: 30px;
    
}
.lic_box .lic_box_l ul li h1{
	font-size: 40px;
	color: #fff;
    font-family: 'myFont_B';
	margin-bottom: 50px;
}
.lic_box .lic_box_l ul li a{
	width: 170px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: #b81b25;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
/* 环境展示 */
.hj{
	
}
.hj_box .swiper-slide{
	position: relative;
}
.hj_box ul li{
	position: relative;
}
.hj_box ul li .hj_txt{
	position: absolute;
	top: 18rem;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0.6rem;
	text-align: center;
}
.hj_box ul li .hj_txt h3{
	color: #fff;
	text-shadow: 0px 0px 4px #929292;
	font-size: 48px;
	font-family: 'myFont_B';
}
.hj_box ul li .hj_txt  p{
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 0px 4px #929292;
}
.hj_box ul li img{
	width: 100%;
}
.hj_box .swiper-button-prev{
	background-image: url(../images/left1.png);
	height: 45px;
	right: auto;
	left: 10%;
	width: 45px;
	top: 83%;
	background-size: 100% 100%;
}
.hj_box .swiper-button-next{
	background-image: url(../images/right1.png);
	height: 45px;
	left: 14%;
	width: 45px;
	top: 83%;
	background-size: 100% 100%;
}
/* 资质证书 */
.zz_box{
	margin-bottom: 50px;
}
.zz_box .zz_box_l{
	width: 45%;
	margin: 0;
}
.zz_box .zz_box_l img{
	width: 100%;
}
.zz_box .zz_box_r{
	width: 45%;
}
/* 当前位置*/
.dizhi_box{
	line-height: 50px;
	height: 50px;
	background-color: #f8f8f8;
}
.dizhi_box .dizhi_zz{
	align-items: center;
}
.dizhi_box .dizhi_zz i{
	margin-right: 5px;
}
.dizhi_box .dizhi_zz a,.dizhi_box .dizhi_zz i{
	font-size: 15px;
	color: #6f6f6f;
}
/* 新闻分类 */
.new_type{
	
}
.new_type a{
	margin-left: 30px;
	padding: 0 25px;
	font-size: 16px;
	color: #333;
}
.new_type a.cur,.new_type a:hover{
	color: #fff;
	background-color: #b81b25;
}
/* 新闻中心 */
.news_list{
	padding: 50px 0;
}
.news_list .news_t_l,.news_list .news_t_r{
	width: 50%;
}
.news_list .news_t{
	margin-bottom: 30px;
	background-color: #f5f5f5;
}
.news_list .news_t_l img{
	width: 100%;
}
.news_list .news_t_r{
	padding: 50px;
    cursor: pointer;
}
.news_list .news_t_r .news_date,.news_box ul li .news_b_txt .news_date{
	color: #859199;
	font-size: 14px;
}
.news_list .news_t_r  h3,.news_box ul li .news_b_txt h3{
	color: #43494C;
	font-size: 20px;
	margin: 20px 0;
}
.news_list .news_t_r p{
	color: #686868;
	font-size: 16px;
	text-align: justify;
	margin-bottom: 30px;
	line-height: 30px;
}
.news_list .news_t_r a{
	color: #b81b25;
	font-size: 16px;
    display: block;
}
.news_list .news_t_r:hover i{
    margin-left: 35px;
}
.news_list .news_t_r i{
	font-size: 18px;
    transition: .4s;
    margin-left: 25px;
}
.news_box ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 20px;
}
.news_box ul li{
	border: 1px solid #f2f2f2;
}
.news_box ul li .news_b_img{
	overflow: hidden;
}
.news_box ul li img{
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in;
}
.news_box ul li .news_b_txt{
	padding: 20px;
	background: url(../images/index11.png) no-repeat center center;
	background-size: cover;
}
.news_box ul li .news_b_txt h3{
	margin-bottom: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_box ul li .news_b_txt i{
	color: #b81b25;
	font-size: 16px;
}
.news_box ul li .news_b_txt i.icon-jiantou_xiangzuo-copy{
	font-size: 22px;
    transition: .4s;
}
.news_box ul li a:hover i.icon-jiantou_xiangzuo-copy{
    margin-right: -10px;
}
.news_box ul li a:hover img {
    transform: scale(1.1);
}
.news_box ul li a:hover .news_b_txt{
	background-color: #f1f4f7;
}
/* 产品分类 */
.pro_txt_r{
    width: 78%;
}
.pro_type_l{
	width: 20%;
    padding: 50px 10px;
    box-shadow: 0px 0px 6px #eaeaea;
}
.pro_type_l .pro_yiji{
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
}
.pro_type_l .pro_yiji h3{
	font-size: 18px;
    color: #333;
    /*font-family: 'myFont_B';*/
}
.pro_type_top{
    position: relative;
}
.pro_type_top.dingweis {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 16%;
    background-color: white;
}
.pro_type_l .pro_yj_t{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}
.pro_type_l .pro_yj_t a{
    /* display: block; */
}
.pro_type_l .pro_yj_t i{
    font-size: 20px;
    color: #333;
}
.pro_type_l .pro_yj_t::after{
	content: "";
    position: absolute;
    left: 0;
    height: 2px;
    bottom: 0;
    width: 0;
    background: #b81b25;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
}
.pro_type_l .pro_yj_t:hover::after{
	width: 100%;
}
.pro_type_l .pro_erji{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5px 10px;
    display: none;
}
.pro_type_l .pro_erji li{
    line-height: 40px;
    height: 40px;
}
.pro_type_l .pro_erji li a{
	display: block;
	font-size: 16px;
	color: #666;
}
.pro_type_l .pro_erji li a.active{
    color: #b81b25;
}
/*产品列表*/
.pro_box{
	width: 78%;
}
.pro_list{
	padding: 60px 0;
}
.pro_list .pro_box ul li.items .pro_list_l{
	width: 48%;
}
.pro_list .pro_box ul li.items .pro_list_l img{
	width: 100%;
	border-radius: 30px 0 30px 0;
	height: 400px;
	object-fit: cover;
	transition: all .5s ease;
	cursor: pointer;
}
.pro_list .pro_box ul li.items .pro_list_l:hover img{
    border-radius: 0px;
}
.pro_list .pro_box ul li.items .pro_list_r{
	width: 48%;
}
.pro_list .pro_box ul li.items .pro_list_r h1{
	font-size: 30px;
	color: #333;
}
.pro_list .pro_box ul li.items .pro_list_r span{
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
}
.pro_list .pro_box ul li.items .pro_list_r h3{
	font-size: 22px;
	color: #333;
	margin: 10px 0;
}
.pro_list .pro_box ul li.items .pro_list_r p{
	font-size: 16px;
	color: #666;
}
.pro_box1{
	/* margin-top: 60px; */
}
.pro_box1{
    
}
.pro_box1 li{
	width: 31.6%;
	margin-bottom: 30px;
    float: left;
    margin-right: 23px;
	border-radius: 0 0 4px 4px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.pro_box1 li:nth-child(3n+3){
    margin-right: 0;
}
.pro_box1 li a{
	display: block;
	overflow: hidden;
}
.pro_box1 li img{
	width: 100%;
	height: 230px;
	object-fit: cover;
	border-radius: 5px 5px 0 0;
}
.pro_box1 li a:hover{
	transform: translateY(-5px);
	box-shadow: 0 24px 40px -24px rgba(0,0,0,.1);
}
.pro_box1 li a:hover .pro_title{
	color: #fff;
	background-color: #b81b25;
}
.pro_box1 li a:hover p{
    color: #fff;
}
.pro_box1 li .pro_title{
    background: #f6f6f6;
    padding: 20px 10px;
    transition: background 0.3s;
    align-items: center;
}
.pro_box1 li p{
	font-size: 20px;
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
.pro_box1 li i{
    font-size: 16px;
    width: 29%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
/*招聘中心*/
.zhaopin{
	margin: 60px 0;
}
.zhaopin .zp_t,.zhaopin .zp_b{
	background: #f8f8f8;
    padding: 50px;
}
.zhaopin .zp_t h3{
	color: #333;
    font-size: 30px;
    font-family: 'myFont_B';
    margin-bottom: 20px;
}
.zhaopin .zp_t h5{
    font-size: 25px;
    margin-bottom: 20px;
}
.zhaopin .zp_t p{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}
.zhaopin .zp_t img{
	width: 100%;
}
.zhaopin .zp_b{
	margin-top: 30px;
}
.zhaopin .zp_b .zp_l{
    width: 60%;
}
.zhaopin .zp_b .zp_r{
	width: 27%;
}
.zhaopin .zp_b .zp_l h3,.zhaopin .zp_b .zp_r h3{
	font-size: 25px;
    font-family: 'myFont_B';
}
.zhaopin .zp_b .zp_l p,.zhaopin .zp_b .zp_r p{
	font-size: 16px;
    margin: 30px 0;
}
.recruit-box{
    margin:40px 0 35px 0;
}
.recruit-box dl{
    padding:0 25px;
    box-shadow: 0 0 10px rgb(230 230 230 / 50%);
    margin-bottom: 15px;
    cursor: pointer;
    border:1px solid #fff;
}
.recruit-box dd{
    display: none;
}
.recruit-box dl dt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    line-height: 50px;
}
.recruit-box dl dt h5{
    width: 85%;
    float: left;    
    font-size: 20px;
    color:#333;
    position: relative;
    padding-left: 16px;
}
.recruit-box dl dt h5::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 20px;
    background: #b81b25;
}
.recruit-box dl dt h5 .iconfont{
    font-size: 27px;
    vertical-align: top;
    color:#ffd400;
    margin:0 5px 0 20px;
}
.recruit-box dl dt h5 span{
    font-size: 22px;
    color:#ffd400;
}
.recruit-box dl dt p{
    float: right;
}
.recruit-box dl dt p{
    transform: rotate(-90deg);
}
.recruit-box dl dt p .iconfont{
    font-size: 40px;
}
.recruit-box dl:hover dt p .iconfont,
.recruit-box dl dt p.active .iconfont{
    color:#b81b25;
}
.recruit-box dl dd{
    font-size: 16px;
    line-height: 32px;
    margin: 20px 0 20px 0;
    color: #565656;
}
.recruit-box dl:hover{
    border:1px solid #b81b25;
}
.recruit-box dl dt p.active{
    transform: rotate(-90deg);
}
.zhaopin .zp_b .zp_hr{
	background: #ddd;
	width: 1px;
	height: 300px;
}
.zp_icon{
	margin-top: 30px;
}
.zp_icon img{
    height: 56px;
}
/* 联系我们 */
.lx_box{
    margin: 60px 0;
}
.lx_box ul li{
    cursor: pointer;
    text-align: center;
    width: 32%;
    background: #f3f3f3;
    padding: 50px 20px;
}
.lx_box ul li i{
    font-size: 45px;
    color: #ffffff;
    display: block;
    background: linear-gradient(180deg, #d16b71 16%, #b81b25 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}
.lx_box ul li h3{
    font-size: 30px;
    color: #333;
}
.lx_box ul li p{
    font-size: 20px;
    color: #666;
}
/* 新闻详情页 */
.xq_news{
	
}
.xq_news .xq_news_l{
	width: 68%;
}
.xq_news .xq_news_l h3{
	font-size: 30px;
	color: #333;
	line-height: 1.4;
	margin-bottom: 20px;
}
.xq_news .xq_news_l p{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	margin: 10px 0;
	text-align: justify;
}
.xq_news .xq_news_l p img{
	width: 100%;
}
.xq_news .xq_news_l div{
	font-size: 16px;
	color: #666;
	margin-bottom: 50px;
    width: 100% !important;
}
.pro_nr .product-content{
    background-color: none;
}
.pro_nr .product-content table,.pro_nr table{
    max-width: 100% !important;
    margin-bottom: 30px;
    width: 100%;
}
.pro_nr .product-content table tr,.pro_nr table tr{
    line-height: 2.5;
    background-color: #fff;
}
.pro_nr .product-content table tr:nth-child(2n+2),.pro_nr table tr:nth-child(2n+2){
    background-color: #dadada;
    line-height: 3;
}
.pro_nr .product-content table tr td,.pro_nr table tr td{
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
}
.pro_nr p{
    font-size: 16px;
    text-align: justify;
    color: #333;
}
.xq_news .xq_news_r{
	width: 26%;
}
.xq_news .xq_news_r_t ul li{
	margin-bottom: 20px;
}
.xq_news .xq_news_r_t{
	padding: 20px;
	border-radius: 3px;
	overflow: hidden;
	box-sizing: border-box;
	border-top: 5px solid #b82b1d;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.xq_news_r_t .xq_news_btn{
	text-align: center;
	line-height: 40px;
	color: #fff;
	height: 40px;
	background: #b81b25;
	width: 100%;
	display: block;
	font-size: 16px;
}
.xq_news .xq_news_r_t h5{
	position: relative;
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}
.xq_news .xq_news_r_t h5:before {
    background: #b81b25;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 6px 0 0;
    width: 2px;
}
.xq_news .xq_news_r_t h5::after {
    border: .5px solid #ddd;
    content: "";
    display: block;
    height: 0;
    margin-top: 10px;
    width: 20px;
}
.xq_news .xq_news_r_t ul li a{
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
}
.xq_news .xq_news_r_t ul li div{
	font-size: 14px;
	color: #999;
}
.xq_news_r_b .border_1_next{
	padding: 15px 16px 40px;
	border-radius: 3px;
	overflow: hidden;
	border-top: 3px solid #b82b1d;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	margin: 30px 0;
}
.xq_news_r_b .border_1_next h3 {
    font-size: 16px;
    line-height: 25px;
    color: #262626;
	margin-bottom: 20px;
}
.xq_news_r_b .border_1_next h3::after {
    border: .5px solid #ddd;
    content: "";
    display: block;
    height: 0;
    margin-top: 10px;
    width: 20px;
}
.xq_news_r_b .border_1_next a {
    font-size: 16px;
    color: #262626;
    line-height: 20px;
    padding-bottom: 4px;
    display: block;
}



.lic_box .picScroll-top{  overflow:hidden; position:relative;}
.lic_box .picScroll-top .bd{padding:10px; }
.lic_box .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.lic_box .picScroll-top .bd ul li{ zoom:1;margin-bottom: 10px;}
/* 产品详情页 */
.c_pro_b{
    padding: 30px;
    box-sizing: border-box;
    margin-top: 20px;
    background: #f6f6f6;
}
.c_pro{
    align-items: center;
    margin-bottom: 20px;
    background: #f6f6f6;
    padding: 30px;
}
.c_pro .c_pro_l_a{
    width: 40%;
    height: 382px;
    border: 1px solid #ddd;
    background: #fff;
}
.c_pro .c_pro_l_a img{
    height: 380px;
    margin: 0 auto;
    width : 100%;
    object-fit: cover;
}           
.c_pro .c_pro_r{
    width: 52%;
}           
.c_pro_r a{ 
    font-size: 22px;
    color: #333;
    display: block;
    width: auto;
    padding: 0 10px;
    height: 36px;
    border-radius: 50px;
    border: 1px solid #666666;
    text-align: center;
    line-height: 36px;
    margin-top: 35px;
    margin-right: 20px;
    box-sizing: border-box;
}
.c_pro_r a i{
    margin-right: 5px;
    font-size: 22px;
}
.erwei {
    width: 130px;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #CECECE;
    z-index: 999999;
    position: absolute;
}
.erwei img{
    width: 100%;
}  
.erwei p{
    text-align: center !important;
    padding: 0 !important;
}         
.c_pro .c_pro_r h4{
    color: #252525;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 20px;
    text-transform: uppercase;
}           
.c_pro .c_pro_r span{
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}           
.c_pro .c_pro_r p{
    font-size: 20px;
    line-height: 35px;
    text-align: justify;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
}           
.c_pro_b_title span {
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 0;
    margin: auto;
    
}           
.c_pro_b_title{
    position: relative;
    margin: 50px 0;
}           
.c_pro_b_title h3{
    font-size: 35px;
    
}           
.c_pro_b_title span:before,.c_pro_b_title span:after{
    background: #b81b25;
    content: "";
    position: absolute;
    height: 100%;
    border-radius: 0.125rem;
    top: 0; 
}           
.c_pro_b_title span:before {
    width: 3px;
    right: 0;
}           
.c_pro_b_title span:after {
    width: 15px;
}
.xg_box{
    background: #f6f6f6;
    padding: 30px;
}           
.c_pro_b_box ul li{
    /* width: 24%; */
    border-radius: 5px;
}           
.c_pro_b_box ul li img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}           
.c_pro_b_box ul li p{
    font-size: 18px;
    padding: 10px;
    color: #333;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}