@charset "utf-8";
.about {
	position: relative;
}
.about:before{
	content: '';
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	width: 61px;
	height: 35px;
	background: #F32A36;
}
.aboutpic{
	width:50%;
}
.abouttop{
	background: #F32A36;
	margin-right: 18px;
}
.about{
	background: url(../images/aboutbg.jpg) no-repeat right bottom;
}
.abouttxt{
	width: 50%;
	box-sizing: border-box;
	color: #FFF;
	padding:40px 50px;
}
.abouttxt h2{
	font-size: 40px;
	font-weight: bold;
}
.abouttxt span{
	font-size: 43px;
	font-weight: bold;
	opacity: .3;

}
.abouttxt p{
	font-size: 16px;
	line-height:1.8em;
}
.aboutepc{
	margin-top: 40px;
	margin-left: 18px;
}
.aboutepc li{
	color: #FFF;
	text-align: center;
	width: 25%;
	border-right: 2px solid #FFF;
	box-sizing: border-box;
}
.aboutepc li:last-child{
	border: 0 none;
}
.aboutepc li h4{
	font-size: 36px;
	font-weight: bold;
}
.aboutepc li p{
	font-size: 18px;
	margin-top: 10px;
}
.article .prolist,.article .related-pro,.article .related-pro li,.article .prolist,.article .iron-solulist li{
	list-style: none;
}
.prolist li{
	float: left;
	width: 32.4%;
	margin-right: 1.4%;
	margin-top: 30px;
	box-shadow: 0px 5px 6px 0px rgba(102, 102, 102, 0.5);
}
.prolist li:nth-child(3n){
	margin-right: 0;
}
.protxt{
	height: 90px;
	display: flex;
	align-items: center;
	justify-content:center;
}
.protxt h4{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.prolist li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.prolist li:hover h4{
	color: #F32A36;
}
.morebtn{
	height: 58px;
	background: #333333;
	display: block;
	text-align: center;
	width: 300px;
	line-height: 58px;
	margin:70px auto 0;
}
.morebtn span{
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	background: url(../images/more.png) no-repeat right center;
	padding-right: 45px;
}
.morebtn:hover{
	background: #F32A36;
}
.solubox{
	background: url(../images/solubg.jpg) no-repeat center top;
}
.solulist li{
	width: 48.7%;
	background: #FFFFFF;
	box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 0.5);
	margin-top: 30px;
}
.solutxt{
	padding: 0 48px;
}
.solutxt h4{
	height: 110px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/click.png) no-repeat right center;
	padding-right: 40px;
}
.solulist li:hover h4{
	color: #F32A36;
}
.solulist li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.caselist li{
	width: 32.4%;
	float: left;
	margin-top: 35px;
	margin-right: 1.4%;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.caselist li:nth-child(3n){
	margin-right: 0;
}
.caselist li h4{
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	height: 57px;
	line-height: 57px;
	background: linear-gradient(90deg, #F32A36 0%, rgba(0, 0, 0, 0.3) 100%);
}
.caselist li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.newsbox{
	background: url(../images/newsbg.jpg) no-repeat;
	padding: 40px 0;
}
.newstit h3{
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	padding-left: 75px;
	position: relative;
}
.newstit h3:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 57px;
	height: 44px;
	border-radius: 8px;
	background: url(../images/xkwd.png) no-repeat center center #F32A36;
}
.newstit a{
	font-size: 18px;
	color: #FFF;
	padding-right: 40px;
	margin-right: 40px;
	background: url(../images/more.png) no-repeat right center;
}
.newstit a:hover{
	font-weight: bold;
}
.newstit{
	margin-bottom: 55px;

}
.newslist-tit{
	width: 32.5%;
	box-sizing: border-box;
}
.newslist-tit li{
	line-height: 44px;
	height: 44px;
	background: #292D35;
	border: 0px solid #FFFFFF;
	border-radius: 8px;
	margin: 20px 0;
	padding-left: 40px;
	position: relative;
}
.newslist-tit li:before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 15px 6.5px 0;
	border-color: transparent #292D35 transparent transparent;
	bottom: 23px;
	display: none;
	right: -7%;
}
.newslist-tit li h4{
	padding-left: 30px;
	font-size: 18px;
	position: relative;
	color: #FFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 30px;
}

.newslist-tit li h4:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #FFFFFF;
	left: 0;
	top: 50%;
	margin-top: -4px;
	position: absolute;
}
.newslist-tit li.newslistact{
	background: #F32A36;
}
.newslist-tit li.newslistact h4:before{
	background: url(../images/newstitbg.png) no-repeat;
	width: 11px;
	height: 17px;
	margin-top: -8px;
}
.newslist-tit li.newslistact:before{
	display: block;
}
.newslist-con{
	width: 65.3%;
	background: #292D35;
	border-radius: 8px;
	position: relative;
	padding: 40px;
	box-sizing: border-box;
	padding-bottom: 75px;
}
.newslist-con div{
	overflow: hidden;
	height: 100%;
}
.newslist-con div p{
	margin-bottom: 24px;
}
.newslistact-txt{
	display: none;
}
.newslist-con p{
	line-height: 1.8em;
	text-indent: 2em;
	color: #FFF;
}
.newslist-con .look{
	position: absolute;
	right: 40px;
	bottom: 30px;
}
.look{
	background: #F32A36;
	width: 113px;
	height: 29px;
	display: block;
	line-height: 30px;
	float: right;
	margin-top: 20px;
	color: #FFF;
	text-align: center;
}
.look span{
	line-height: 30px;
	display: inline-block;
	background: url(../images/more.png) no-repeat right center;
	padding-right: 30px;
	background-size: 19px 19px;
}
.look:hover{
	opacity: 0.9;
}
.newslist-con li{
	display: none;
}
.newslist-con li:first-child{
	display: block;
}
/*chitiekuang*/
.iron{
	position: relative;
}
.ironcon{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.iron-top>img{
	width: 43%;
	border-radius: 6px;
	border: 1px solid #FFF;
	float: right;
}
.irontit{
	float: left;
	width: 54%;
	margin-top: 20px;
}
.iron-top{
	margin-top: 20px;
}
.irontit h1{
	font-size: 30px;
	color: #FFF;
	width: 45%;
	line-height: 83px;
	background: linear-gradient(90deg, #F32A36 0%, rgba(0, 0, 0, 0) 100%);
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -30px;
}
.irontit h1 strong{
	font-size: 60px;
}
.irontit-txt{
	border-left: 1px solid #fff;
	color: #FFF;
	padding-left: 28px;
	width: 48%;
	box-sizing: border-box;
}
.irontit-txt p{
	line-height: 2em;
}
.navlist{
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%);	

}
.navlist ul{
	height: 84px;
	background: #FFFFFF;
	border-radius: 4px;
	overflow: hidden;
	width: 39%;
}
.navlist ul li{
	width: 47%;
	text-align: center;
	font-size: 24px;
	text-align: center;
	border-top: 6px solid #fff;
	line-height: 78px;
	height: 84px;
}
.navlist ul li:hover,.navlist ul li.navlistact{
	border-top: 6px solid #F32A36;

}
.navlist ul li:hover a,.navlist ul li.navlistact a{
	font-weight: bold;
	color: #F32A36;
}
.irondetail{
	margin-top: 130px;
}
.irondetail>p{
	line-height: 2.3em;
}
.iron-detailnav{
	height: 58px;
	background: #333333;
	border-radius: 4px;
	margin: 80px auto;
	padding: 0 6%;
}
.iron-detailnav-fixed{
	position: fixed;
	top: 0;
	width: 1320px;
	margin-top: 0;
	box-sizing: border-box;
	z-index: 6;
}
.iron-detailnav li{
	width: 33%;
	text-align: center;
	font-size: 24px;
}
.iron-detailnav li a{
	display: inline-block;
	color: #FFF;
	position: relative;
	padding: 0 50px;
}
.iron-detailnav li a i{
	display:inline-block;
	width: 40px;
	height: 1px;
	position: absolute;
	background: #FFFFFF;
	left: 0;
	top: 50%;
}
.iron-detailnav li a i:nth-child(2n){
	left: auto;
	right: 0;
}
.iron-detailnav li a:before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #FFFFFF;
	border-radius: 50%;
	top: 50%;
	margin-top: -3px;
	position: absolute;
	left: 38px;
}
.iron-detailnav li a:after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #FFFFFF;
	border-radius: 50%;
	top: 50%;
	margin-top: -3px;
	position: absolute;
	right: 38px;
}
.iron-detailnav li:hover{
	opacity: 0.85;
}
.iron-soluleft{
	float: left;
	width: 53.7%;
}
.iron-solupic{
	width: 37.8%;
	float: right;
}
.iron-solu h3,.article h3{
	font-size: 30px;
	font-weight: bold;
	padding-left: 53px;
	position: relative;
	margin-bottom: 50px;
}
.iron-solu h3:before,.article h3:before{
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 24px;
	background: #F32A36;
	left: 0;
	top: 0;
}
.iron-solulist{
	padding-left: 22px;
	border-left: 1px solid #F32A36;
}
.iron-solulist li{
	padding: 20px 0;
}
.iron-solulist li h4{
	font-size: 24px;
	color: #F32A36;
	font-weight: bold;
	position: relative;
	margin-bottom: 40px;
}
.iron-solulist li h4:before{
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background: #FFFFFF;
	border: 2px solid #F32A36;
	border-radius: 50%;
	position: absolute;
	left: -31px;
	background: #FFF;
	top: 50%;
	margin-top: -6px;
}
#flb-lightbox img{
	display: inline-block;
	width: auto;
}
.iron-solupic .iron-soluimg{
	border: 1px solid #F2F2F2;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	display: block;
	position: relative;
}
.iron-solupic .iron-soluimg:after{
	content: '';
	display: block;
	width: 37px;
	height: 37px;
	border: 1px solid #FFFFFF;
	position: absolute;
	right: 25px;
	bottom: 18px;
	background: url(../images/big.png) no-repeat;
}
.scslbox{
	background: url(../images/ironbg.jpg) no-repeat center top;
}
.scslbox h3{
	font-size: 30px;
	font-weight: bold;
	padding-left: 53px;
	position: relative;
	margin-bottom: 50px;
	color: #FFF;
}
.scslbox h3:before{
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 24px;
	background: #fff;
	left:0;
	top: 0;
}
.scsltop{
	background: #FFF;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
}
.scsl-video{
	width: 49%;
	height: 300px;

}
.scsl-video iframe{
	width: 100%;
	height: 100%;
}
.scsl-txt{
	width: 45%;
}
.scsl-txt p{
	line-height: 1.7em;
}
.scsltop {
	padding-bottom: 0;
}
.scsl-txt h4{
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 24px;
}
.scsltxt h4{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 40px;
	margin-top: 80px;
}
.scsltxt p{
	line-height: 1.7em;
	margin-bottom: 30px;

}
.tablemodel,.table{
	margin-bottom: 50px;
}
.tablemodel table,.table{
	width:100%;
	text-align:center;
	border:1px solid #ddd;
	border-right:0;
	border-collapse: collapse;
	color:#666;
}
.tablemodel table th,.table th{
	font-size: 18px;
}
.tablemodel table th, .tablemodel table td,.table th,.table td{
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 0;
	color: #1a1a1a;
}
.tablemodel table tr:nth-child(odd),.table tr:nth-child(odd){
	background: #f0f6f6;
}
.newspage{
	background: url(../images/newslistbg.jpg) no-repeat center top;
}
.newstop {
	margin-top: 20px;
}
.newstop li{
	position: relative;
}

.newstop-pic{
	width: 47%;
	border-radius: 6px;
	border: 2px solid #FFFFFF;
	margin-left: 53%;
	box-sizing: border-box;
}
.newstop-txt{
	width: 62.4%;
	position: absolute;
	left: 0;
	height: 100%;
	color: #FFF;
	z-index: 3;
	top: 0;
}
.newstxtcon{
	background: #FFF;
	border-radius: 4px;
	padding:40px 50px;
	position: absolute;
	top: 128px;
	bottom: 0;
}
.newstxtcon p{
	color: #333333;
	line-height: 2em;
	    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 8em;
}
.newstop-txt>a{
	display: flex;
    overflow: hidden;
	align-items: center;
	font-size: 24px;
	height: 3em;
}

.newstop-txt h3{
	font-size: 24px;
	color: #FFF;
	padding-left: 50px;
	font-weight: bold;
	width: 75%;
	max-height: 3em;
	font-size: 24px;
	line-height: 1.5em;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newstop-txt span{
	padding-left: 50px;
	font-size: 14px;
	margin-top: 10px;
	display: block;
}

.newstop{
	position: relative;
}
.newstop-btn{
	position: absolute;
	width: 62%;
	padding: 0 50px;
	box-sizing: border-box;
	bottom: 50px;
	z-index: 2;
}
.newstop-btn .swiper-pagination{
	float: left;
	margin-top: 15px;
}
.newstop-btn .newstop-right{
	float: right;
}
.newstop-btn .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	background: #CCCCCC;
	border-radius: 8px;
	opacity: 1;
	margin: 0 8px;
}
.newstop-btn .swiper-pagination-bullet-active{
	width: 45px;
	height: 16px;
	background: #FF0000;
	border-radius: 8px;
}
.newstop-right .swiper-button-next{
	position: static;
	background: url(../images/left.png) no-repeat center center;

	margin: 0;
}
.newstop-right .swiper-button-prev{
	background: url(../images/right.png) no-repeat center center;
	position: static;
	margin: 0;
}
.swiper-num{
	color: #333;
	font-size: 24px;
	margin: 0 10px;
}
.swiper-num .active{
	font-size: 30px;
	font-weight: bold;
	color: #F32A36;
}
.newstop li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.newsitem li{
	padding: 35px;
	border-bottom: 1px dashed #EBEBEB;
	
}
.newsitem li>a{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-moz-box-pack: space-between;
	-webkit--moz-box-pack: space-between;
	box-pack: space-between;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.newsitem .aniimg{
	width: 24%;
}
.newsitem-txt{
	width: 71%;

}
.newsitem-txt h4{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.newsitem-txt span{
	color: #808080;
	font-size: 14px;
}
.newsitem-txt p{
	margin-top: 40px;
	color: #4D4D4D;
	line-height: 1.7em;
	overflow: hidden;
    max-height: 5.1em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.newsitem li:hover{
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
	border-bottom: 0 none;
}
.newsitem li:hover h4{
	color: #FF0000;
}
.newsitem li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.newsdetail h1{
	color: #FFF;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}
.newsdetail span{
	font-size: 16px;
	color: #FFF;
	text-align: center;
	margin-top: 30px;
	display:block;
}
.newschat{
	background: #F0F6F6;
	padding: 30px 70px;
	box-sizing: border-box;
	border-radius: 4px;
}
.chatright {
	width: 29.5%;
}
.chatright a{
	width: 46%;
	height: 40px;
	display: block;
	line-height: 40px;
	background: #F32A36;
	border-radius: 4px;
	display: block;
	color: #FFF;
	text-align: center;
}
.chatright a span{
	background: url(../images/zxzx.png) no-repeat left center;
	display: inline-block;
	padding-left: 43px;
}
.chatright a.messbtn span{
	background: url(../images/zxly.png) no-repeat left center;

}
.chat-phone{
	color: #BD1C21;
	font-size: 28px;
	/*background: linear-gradient(0deg, #E20000 0%, #BD1C21 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	font-weight: bold;
	font-style: italic;
	display: block;
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.chat-phone:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	left: 30px;
	right:72%;
	background: linear-gradient(90deg, #E20000, #BD1C21);
	/*background:#BD1C21;*/
}
.chat-phone:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 1px;
	right: 30px;
	left:72%;
	background: linear-gradient(90deg, #E20000, #BD1C21);
	/*background:#BD1C21;*/

}

.chat-phone span{
	background: url(../images/chatphone.png) no-repeat left center;
	padding-left: 52px;
}

.chatright a:hover{
	opacity: 0.85;
}
.article{
	width: 65%;
	float: left;
}
.article ul{
	padding-left: 20px;
}
.article ul,.article li{
	list-style: disc;
}
.modelright{
	float: right;
	width: 27.5%;
}
.article p{
	line-height: 1.8em;
	margin-bottom: 35px;
}
.article img{
	display: block;
	margin: 40px auto 20px;
	width: auto;
	max-width: 100%;
}
.article>span,.article p span{
	color: #666;
}
.othernews{
	border-top: 1px solid #E1E6E6;
}
.othernews li{
	margin-top: 60px;
}
.othernews li h5{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
}
.othernews li p{
	margin-bottom: 0;
	color: #666;
	line-height: 1.8em;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 3.6em;
}
.modellist{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 0px 60px 0px 0px;
	margin-bottom: 60px;
}
.modellist h3{
	padding: 20px 0;
	border-radius: 0px 60px 0px 0px;
	background: #333333;
	font-size: 36px;
	color: #FFF;
	text-align: center;
}
.promodel{
	padding: 15px 20px;
}
.promodel li{
	margin-top: 20px;
}
.promodel h4{
	font-size: 18px;
	text-align: center;
	padding: 20px 0;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.promodel li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.promodel li:hover h4{
	color: #F32A36;
}
.newsmodel{
	padding: 30px 20px;
}
.newsmodel li{
	border-bottom: 1px dashed #EBEBEB;
	padding: 20px 0;
	line-height: 1.8em;
}
.newsmodel li:hover a{
	color: #F32A36;
	font-weight: bold;
}
.newsmodel li:last-child{
	border-bottom: 0 none;
}
/*cases*/
.casespage{
	background: url(../images/caseban.jpg) no-repeat center top;
}
.casestop li{
	width: 47.7%;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
	padding: 50px 40px;
	box-sizing: border-box;
	position: relative;
}
.casestop li h4{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.casestop li p{
	color: #333;
	line-height: 1.8em;
    font-size: 16px;
    height: 5.4em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}
.casestop li .look{
	float: none;
	margin-top: 50px;
}
.tuijian{
	position: absolute;
	background: url(../images/hotbg.png) no-repeat;
	width: 63px;
	height: 79px;
	right: 30px;
	top: -16px;
}
.tuijian img{
	width: 23px;
	margin:6px auto;
}
.tuijian span{
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 3px;
	font-size: 18px;
}
.casestop li h4:hover{
	color: #F32A36;
}
.casesbox .caselist li{
	width: 30.4%;
	margin-right: 4.4%;
	margin-bottom:60px;
	margin-top: 0;
}
.casesbox .caselist li:nth-child(3n){
	margin-right: 0;
}

.article h3{
	margin-top: 70px;
}
.detail-caselist li{
	width: 47%;
	margin-right: 6%;
	margin-top: 0;
	margin-bottom:40px;
}
.detail-caselist li:nth-child(3n){
	margin-right: 6%;
}
.detail-caselist li:nth-child(2n){
	margin-right: 0;
}

.detail-caselist li img{
	margin-top: 0;
	margin-bottom: 0;
}
.casetoppic{
	width: 44.6%;
	border: 1px solid #FFF;
}
.casetop-detail{
	position: relative;
}
.casetoptxt{
	width: 58.7%;
	background: #FFF;
	position: absolute;
	right: 0;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
	bottom: 0;
}
.casetoptxt-con{
	padding: 60px;
}
.casetoptxt-con h1{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 50px;
}
.casetoptxt-con p{
	line-height: 1.8em;
}
.casechat>a{
	height: 65px;
	line-height: 65px;
	font-size: 30px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding-left: 27px;
	padding-right: 56px;
	background: url(../images/casechatbg.png) no-repeat right top #F32A36;
}
.casechat>a:before{
	content: '';
	display: inline-block;
	width: 42px;
	height: 42px;
	border: 1px solid #FFF;
	border-radius: 50%;
	background: url(../images/phone.png) no-repeat center center;
	margin-right: 10px;
	vertical-align: middle;

}
.casechatbtn a{
	font-size: 20px;
	color:#F32A36; 
	font-weight: bold;
	padding: 0 30px;
}
.casechatbtn a span{
	background: url(../images/casechat.png) no-repeat left center;
	display: inline-block;
	padding-left: 40px;
}
.casechatbtn a.casemes{
	border-left: 1px solid #F32A36;
}
.casechatbtn a.casemes span{
	background: url(../images/casemes.png) no-repeat left center;

}
.casechatbtn a:hover{
	opacity: 0.85;
}
.protoppic{
	width: 53.2%;
	border: 1px solid #FFF;
}
.pro-nav li{
	width: 25%;
}
.article h3:first-child{
	margin-top: 0;
}
.ystdlist li{
	padding-left: 42px;
	background: url(../images/dh.png) no-repeat left center;
	margin-bottom: 35px;
}
.related-pro img{
	margin: 0;
}
.related-pro li{
	box-shadow: none;
	width: 30.6%;
	margin-right: 4.1%;
}
.related-pro li:nth-child(3n){
	margin-right: 0;
}
.related-pro .protxt{
	height: auto;
	padding: 15px 0;
}

.tablebox table{
	text-align: center;
	font-size: 15px;
	border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc!important;
    width: 100%;
    max-width: 100%;
    color: #666666!important;
    margin-top: 60px;
	border-right: 1px solid #fff;
}

.tablebox table th, .tablebox table td{
	border-top: 1px solid #ddd!important;
	border-left: 1px solid #ddd!important;
	font-size:14px;
}
.tablebox table td{
	line-height: 50px;
	width:auto;
}
.tablebox table tr:nth-child(odd){
	background-color: #fff!important;
}
.tablebox table tr:nth-child(even){
	background-color: #f0f0f0!important;
}

.tablebox table tr:first-child{
	background: #bd1d21!important;
	color: #fff!important;
}
.tablebox table th{
	font-weight: bold;
	background-color: #bd1d21!important;
	/*width: 14%;*/
	/*line-height: 70px;*/
	color: #fff;
	border-top: none;
	padding:20px 0;
}
.tablebox table th:first-child{
	border-left: none;
}
.modellist .caselist{
	padding: 20px;
	padding-bottom: 50px;
}
.modellist .caselist li{
	width: 100%;
}
.modellist .caselist li h4{
	height: 43px;
	line-height: 43px;
}
.propage{
	background: url(../images/probanbg.jpg) no-repeat center top;
}
.hotpro-container li{
	width: 100%;
}
.hotpropic{
	overflow: hidden;
}
.hotpropic img{
	display: block;
	transition: all 0.6s;
	vertical-align: middle;
	transform: scale(1);
}
.hotpro-container li:hover .hotpropic img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.hotprobox{
	overflow: hidden;
}
.hotbtnbox .swiper-slide-active{
	display: none;
}
.hotprotxt{
	float: left;
	width: 50%;
}
.hotprotxt h2{
	background: linear-gradient(90deg, #F32A36 0%, rgba(0, 0, 0, 0) 100%);
	font-size: 30px;
	color: #FFF;
	display: inline-block;
	padding: 13px 0;
	padding-left: 30px;
	padding-right: 90px;
	margin-top: 30px;

}
.hotprotxt p{
	margin-top: 30px;
	color: #FFF;
	margin-left: 30px;
}
.hotpropic{
	float: right;
	width: 35.5%;
	background: url(../images/probg.jpg) no-repeat;
	border-radius: 20px;
	overflow: hidden;
}
.hotprobox{
	position: relative;
	padding-top: 0;
	padding-bottom: 150px;
}

.hotbtnbox{
	width: 100%;	
	overflow: hidden;
	background: #FFF;
	position: absolute;
	bottom: 0;
	padding: 40px 70px;
	border-radius: 4px;
	box-sizing: border-box;
	left: 0;
}
.hotbtn-container{
	width: 60%;
	overflow: hidden;
}
.hotbtnbox .swiper-slide .aniimg{
	box-sizing: border-box;
	position: relative;
	background: #E9EBF2;
	overflow: visible;
}
/* .hotbtnbox .swiper-slide .aniimg img{
	transform: scale(1);
} */
.hotbtnbox .swiper-slide:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* .hotbtnbox .swiper-slide .aniimg:after{
	content: '';
	background: #E9EBF2;
	display: block;
	position: absolute;
	left: 13px;
	border-radius: 50%;
	right: 13px;
	top: 13px;
	bottom: 13px;
	z-index: -1;
} */
.hotbtnbox .swiper-slide h4{
	text-align: center;
	font-size: 18px;
	margin-top: 18px;
}
.probtn{
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 50px;
	width: 100px;
}
.probtn div{
	position: static;
	margin: 0;
}
.hotpro-button-prev{
	background: url(../images/proright.png) no-repeat;
	width: 32px;
	height: 22px;
}
.hotpro-button-next{
	background: url(../images/proleft.png) no-repeat;
	width: 32px;
	height: 22px;
}
.probtn div:hover{
}
.prolistbox .prolist li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 60px;
	margin-top: 0;
}
.prolistbox .prolist li:nth-child(3n){
	margin-right: 0;
}
.prolistbox .prolist li .protxt{
	height: 73px;
}
.prolistbox .prolist li:hover .protxt{
	background: #F32A36;
}
.prolistbox .prolist li:hover .protxt h4{
	color: #FFF;
}

/*404*/
.fourtop{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E6E6E6;
}
.fourtop h2{
	font-size:30px;
}
.fourtop img{
	width: auto;
	margin:30px auto;
}
.fourbot{
	width: 87.5%;
	margin:0 auto;
}
.fourbotleft{
	float: left;
	align-items: baseline;
	width: 38%;
}
.fourbotleft h4{
	font-size: 24px;
	font-weight: bold;
}
.fourbot{
	padding-top: 60px;
}
.fourbotleft ul{
	width: 50%;
}
.fourbotleft ul li{
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	background: #f0f7fb;
	margin-bottom: 20px;
	border-radius: 8px;
}
.fourbotleft ul li a{
	font-size: 16px;
	text-align: center;
	color: #4D4D4D;
	display: block;
}
.fourbotleft ul li:hover{
	background: #BD1D21;
}
.fourbotleft ul li:hover a{
	color: #FFF;
}
.fourbotleft p{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 20px;
}
.fourbotleft p a{
	font-weight: bold;
	color: #BD1D21;
}
.fourbotleft img{
	width: 42.5%;
	margin:0 auto;
}
.fourbotleft span{
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}
.fourbotright{
	width: 36%;
	float: right;
}

.quepage{
	background: url(../images/queban.jpg) no-repeat;

}
.quetop{
	padding: 20px 40px 50px;
	box-sizing: border-box;
}
.quetop h2{
	font-size: 36px;
	font-weight: bold;
	color: #FFF;
	background: linear-gradient(90deg, #F32A36 0%, rgba(0, 0, 0, 0) 100%);
	display: inline-block;
	padding: 13px 0;
	padding-left: 30px;
	padding-right: 90px;
	margin-bottom: 30px;

}
.quetop textarea{
	width: 100%;
	display: block;
	border:0 none;
	border-radius: 6px;
	font-size: 18px;
	box-sizing: border-box;
	padding: 20px 30px;

}
.quetop label{
	margin-top: 15px;
	width: 100%;
}
.quetop label input{
	width: 30%;
	display: block;
	border:0 none;
	height: 49px;
	line-height: 49px;
	background: #FFFFFF;
	border-radius: 6px;
	font-size: 18px;
	padding-left: 30px;
	box-sizing: border-box;
}
.quetop label input::placeholder,.quetop textarea::placeholder{
	color: #333;
}
.quetop .submit_question{
	padding-left: 0;
	background:url(../images/submitbg.png) no-repeat center center #F32A36;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	padding-right: 50px;
}
.quelist li{
	width: 47%;
	padding: 50px 0;
	border-bottom: 1px solid #F2F2F2; 
}
.quelist li h4{
	font-size: 24px;
	font-weight: bold;
	padding-left: 54px;
	background: url(../images/que.png) no-repeat left center;
	margin-bottom: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.quelist li .aniimg{
	width: 23.6%;
	border-radius: 2px;
}
.quelist li p{
	color: #4D4D4D;
	width: 69.7%;
	line-height: 1.8em;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.quelist li:hover h4{
	color: #F32A36;
}
.quelist li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.quelistbox{
	padding-top: 30px;
}
.article>h4{
	font-size: 18px;
	font-weight: bold;
	margin:35px 0;
}
/*contact*/
.tactpage{
	background: url(../images/tactbg.jpg) no-repeat;
	background-size: cover;
}
.tactbox h1{
	position: relative;
	color: #FFF;
	font-weight: bold;
	font-size: 48px;
	background: url(../images/tactbg.png) no-repeat left bottom;
	z-index: 2;
	padding: 30px 0 25px;

}

.tactcon-txt{
	width: 31.6%;
	color: #FFF;
}
.tactcon-txt span{
	display: block;
	font-size: 18px;
	margin-bottom: 20px;

}
.tactcon-txt span img{
	display: block;
	width: auto;
	margin-right: 12px;
	float: left;
}
.tactcon-txt a{
	color: #FFF;
	font-size: 24px;
	
}
.tactcon-txt li{
	margin:40px 0;
}
.tactcon-txt a b{
	font-weight: bold;
	font-size: 48px;
}
.tactcon-txt p{
	font-size: 18px;
}
.tactcon-txt .chatright{
	width: 100%;
}
.tactcon-txt .chatright a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.tactcon-txt .chatright a span{
	margin-bottom: 0;
	line-height: 40px;
}
.tactcon-mes{
	width: 61.6%;
	background: #FFF;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 40px 50px;
}
.tactcon-mes h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.tactcon-mes p{
	font-size: 15px;
	color: #4D4D4D;
	width: 79%;
	margin-bottom: 40px;
}
.tactliuyan{
	width: 67.4%;
}
.meslist {
	background: #F5F9FC;
	margin-bottom: 11px;
	padding-left: 20px;
	line-height: 40px;
	border-radius: 4px;
	overflow: hidden;
}
.meslist input{
	font-size: 16px;
	display: block;
	border:0 none;
	line-height: 40px;
	height: 40px;
	background: none;
	width: 86%;
}
.meslist textarea{
	display: block;
	border:0 none;
	line-height: 40px;
	background: none;
	width: 86%;
	font-size: 16px;
	line-height: 1.5em;
	padding: 8px 0;
}
.meslist input::placeholder,.meslist textarea::placeholder{
	font-size: 16px;
	color: #1a1a1a;
}

.meslist img{
	width: auto;
	float: left;
	margin-top: 12px;
	margin-right: 12px;
}
.meslistbtn {
	margin-top: 30px;
}
.meslistbtn input{
	background: none;
	border:0 none;
	line-height: 44px;
	color: #FFF;
	background: #C2C2C2;
	border-radius: 4px;
	font-weight: bold;
	width: 48%;
	font-size: 16px;
	display: block;
}
.meslistbtn input.submit{
	background: #F32A36;
}
.meslistbtn input:hover{
	opacity: 0.85;
}
.tact-pic{
	width: 24%;

}
.tact-pic img{
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4000);
}
.tact-pic p{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
	width: 100%;
}
.tactbox{
	padding-bottom: 0;
	padding-top: 30px;
}
.tactcon {
	padding-top: 40px;
}
#dituContent{
	height: 670px;
}
#dituContent img{
	display: inline-block;
	width: auto;
}
/*search*/
.searpage{
	background: url(../images/searchbg.jpg) no-repeat ;
	background-size: cover;
}
.searpage h2{
	color: #FDFDFD;
	font-size: 36px;
	text-align: center;
	margin-bottom: 60px;
}
.searpage h2 b{
	font-size: 60px;
}
.searmodel{
	width: 70%;
	margin: 0 auto;
	height: 60px;
	background: #F5F5F5;
	border-radius: 6px;
	line-height: 60px;
	box-sizing: border-box;
	padding:0 40px;
	position: relative;
	padding-right: 80px;
}
.searmodel input[type=text]{
	line-height: 60px;
	font-size: 24px;
	border:0 none;
	display: block;
	width: 100%;
	background: none;
}
.searmodel input[type=submit]{
	background: url(../images/searchbtn.png) no-repeat center center;
	width: 38px;
	height: 60px;
	display: block;
	position: absolute;
	right: 40px;
	border:0 none;
	top: 0;
}
.keyword-red{
	color: #F32B36;
}
.searchlist li{
	padding: 40px 0;
	border-bottom: 1px solid #F2F2F2;
}
.searchlist li p{
	color: #4D4D4D;
	font-size: 16px;
}
.seartit{
	overflow: hidden;
	margin-bottom: 25px;
}
.seartit h4{
	font-size: 18px;
	font-weight: bold;
	float: left;
	line-height: 30px;
	max-width: 70%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.seartit>span{
	float: right;
	line-height: 30px;
	color: #666;
	font-size: 14px;
}
.searchlist li:hover h4{
	color: #F32B36;
}
.searchlist{
	padding-top: 30px;
}
/* solution */
.solupage{
	background: url(../images/solubanbg.jpg) no-repeat center top;
}
.solutop{
	position: relative;
}
.solutop-pic{
	width: 38.2%;
	border-radius: 20px;
	float: right;
}
.solutop-txt{
	width: 61.8%;
	float: left;
	margin-top: 50px;
	background: #FFF;
	border-top-left-radius: 4px;
	box-sizing: border-box;
	padding: 50px 60px;
}
.solutop-txt h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	position: relative;
}
.solutop-txt h3:before{
	content: '';
	position: absolute;
	display: block;
	width: 38px;
	height: 30px;
	background: #F32A36;
	left: -60px;
	top: 50%;
	margin-top: -15px;
}
.solutxtcon p{
	line-height: 1.8em;
	height:7.2em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	overflow: hidden;
}
.solutop .newstop-btn{
	width: 61%;
	bottom: 20px;
}
.solutop li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.solutop li h3:hover{
	color: #FF0000;
}
.solurowbox{
	padding-top: 30px;
}
.solurow li{
	width: 27%;
	margin-right: 9.5%;
	float: left;
	position: relative;
	margin-top: 70px;
}
.solurow li:nth-child(3n){
	margin-right: 0;
}
.solurow li .aniimg{
	border-radius: 10px;
	margin-bottom: 20px;
}
.solurow li:after{
	content: '';
	display: block;
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	border-radius: 10px;
	top: 80px;
	bottom: 0;
	left: -18px;
	right: -18px;
	z-index: -1;
}
.solurowtxt{
	position: relative;
	padding: 0 5px 38px;
}
.solurowtxt h4{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}
.solurowtxt p{
	font-size: 15px;
	color: #333;
	height:4.5em;
	line-height: 1.5em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
	overflow: hidden;
}
.solurowtxt span{
	position: absolute;
	display: block;
	width: 59px;
	box-sizing: border-box;
	padding: 10px;
	height: 60px;
	background: #FF0000;
	border-radius: 10px;
	right: 19px;
	top: -40px;
}
.solurowtxt b{
	color: #FFF;
	display: block;
	font-weight: normal;
	text-align: center;
}
.solurowtxt img{
	width: auto;
	margin: 5px auto 0;
}
.solurow li:hover .aniimg img{
	-webkit-transform: scale(1.1);
	opacity: 0.73;
	transform: scale(1.1);
}
.solurow li:hover h4{
	color: #FF0000;
}
.article iframe{
	display: block;
	margin: 0 auto 40px;
}
.article .flipbox {
	text-align: center;
}
.article .flipbox a{
	display: inline-block;
	position: relative;
	border: 1px solid #E6E6E6;
}
.article .flipbox a img{
	margin: 0;
}
.flipbox a i{
	position: absolute;
	width: 33px;
	height: 33px;
	right: 30px;
	margin: 0;
	bottom: 20px;

}
.article .solurow li{
	list-style: none;
	width: 42.65%;
	margin-right: 0%;
	margin-bottom: 50px;
	margin-top: 0px;

}
.article .solurow {
	list-style: none;
	padding-left: 0;
}

.article .solurow li img{
	margin: 0;
}
.article .solurow li span img{
	margin: 5px auto 0;
}
.article .solurowtxt{
	padding-bottom: 0;
}
.gyjsbox{
	padding-left: 20px;
	border-left: 1px solid #F32A36;
	padding-top: 20px;
	padding-bottom: 20px;
}
.gyjsbox h4{
	font-size: 24px;
	color: #F32A36;
	font-weight: bold;
	position: relative;
	margin-bottom: 30px;
}
.gyjsbox h4:before{
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	background: #FFFFFF;
	border: 2px solid #F32A36;
	border-radius: 50%;
	position: absolute;
	left: -31px;
	background: #FFF;
	top: 50%;
	margin-top: -6px;
}
@media (max-width: 1660px){
	.irontit h1 strong{
		font-size: 46px;
	}
	.irontit h1{
		font-size: 28px;
	}
	.navlist ul li{
		font-size: 20px;
		line-height:59px;
		height: 65px;
	}
	.navlist ul{
		height: 65px;
	}
	.iron-solulist li h4{
		margin-bottom: 30px;
		font-size: 22px;
	}
	.newstop-btn{
		bottom: 17px;
	}
}
@media (max-width: 1500px){
	.abouttxt h2{
		font-size: 36px;
	}
	.abouttxt span{
		font-size: 40px;
	}
	.aboutepc li h4{
		font-size: 34px;
	}
	.protxt{
		height: 70px;
	}
	.morebtn{
		height: 50px;
		line-height: 50px;
		width: 260px;
	}
	.solutxt h4{
		height: 90px;
	}
	.solutxt{
		padding:0 40px;
	}
	.newstit{
		margin-bottom: 45px;
	}
	.newstit h3{
		font-size: 28px;
	}
	.irontit h1 strong{
		font-size: 42px;
	}
	.irontit h1{
		font-size: 24px;
	}
	.navlist ul{
		height: 56px;
	}
	.navlist ul li{
		font-size: 18px;
		line-height:50px;
		height: 56px;
	}
	.iron{
		margin-bottom: 170px;
	}
	.iron-detailnav{
		margin: 60px 0;
	}
	.iron-solu h3, .article h3{
		font-size: 28px;
	}
	.scsltop{
		padding-bottom: 10px;
	}
	.newsitem-txt h4{
		font-size: 20px;
	}
	.newsitem-txt p{
		margin-top: 30px;
	}
	.newsdetail h1{
		font-size: 32px;
	}
	.newsdetail span{
		margin-top: 20px;
	}
	.casestop li h4{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.tuijian span{
		font-size: 16px;
	}
	.casestop li .look{
		margin-top: 40px;
	}
	.casetoptxt-con h1{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.casetoptxt-con{
		padding: 50px;
	}
	.casechat>a{
		font-size: 26px;
	}
	.casechatbtn a{
		padding: 0 20px;
	}
	.casechatbtn a span{
		font-size: 18px;
	}
	.modellist h3{
		font-size: 28px;
		padding: 15px 0;
	}
	.hotprotxt h2,.quetop h2{
		font-size: 26px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.hotbtnbox .swiper-slide h4{
		font-size: 16px;
	}
	.prolistbox .prolist li .protxt{
		height: 65px;
	}
	.quetop label input[type=submit]{
		font-size: 20px;
		background-size: 128px 36px;
	}
	.quelist li h4{
		font-size: 20px;
		background-size: 25px 25px;
		padding-left: 42px;
	}
	.tactbox h1{
		font-size: 40px;
	}
	.tactbox h1 span{
		font-size: 120px;
	}
	.tactcon-mes h3{
		font-size: 26px;
	}
	.tactcon-txt span{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.tactcon-txt a b{
		font-size: 42px;
	}
	.searpage h2{
		font-size: 30px;
	}
	.searpage h2 b{
		font-size: 52px;
	}
	.searpage h2{
		margin-bottom: 40px;
	}
	.searmodel input[type=text]{
		font-size: 20px;
	}
	.iron-detailnav-fixed{
		width: 1200px;
		margin-top: 0;
	}
}
@media (max-width: 1400px){
	.iron-detailnav-fixed{
		margin-top: 0;
		width: 85%;
	}
}