/****i-banner***/
video{
	display: block;
	width:100%;
	height:auto;
}
.i-banner{
	position:relative;
}

.i-banner .video-btn{
	width:120px;
	margin-left:-60px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-60px;
}
.inbox{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.4);	
	z-index:999
}
.inbox .inbox-k:first-child{
	border-left:1px solid #5d5d77;
}
.inbox-k{
	float:left;
	border-right:1px solid #5d5d77;
	height:122px;
	width:20%;
	text-align:center;
	font-size:14px;
	color:#ccc;
	line-height:24px;
}
.inbox-k img{
	display: block;
	width:100%;
	height:122px;
}
.inbox-main{
	padding:25px 5%;
}
.inbox-main h3{
	
	font-size:16px;
	color:#f9f9f9;
	margin-bottom:10px;	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.inbox-main span{
	margin:0 3px;
}
.inbox-main a{
	color:#ccc;
}
.inbox-main p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.inbox-main a:hover{
	color:#fff
}/*.i-banner .item{
	position:relative;
}*/
.i-banner .banner-des{
	position:absolute;
	left:19%;
	width:40%;
	top:35%;	
	bottom:5%;
	font-size:18px;	
	color:#fff;	
	line-height:30px;
}
.i-banner .banner-des a{
	color:#fff
}
/*position*/
.position{
	padding:10px 0;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.3);	
}
.hot{
	font-size:16px;
	color:#434453;	
}
.hot a{
	color:#434453;	
	font-size:14px;
	margin:0 5px;
}
.hot span{
	font-size:14px;
	color:#434453;	
}
.hot a:hover{
	color:#c7171e
}
.search{
	height:30px;
	background:#fff;
	border-radius: 30px;
	overflow:hidden;
	padding-right:10px;
}
.search input{
	float:left;
	height:30px;
	width:75%;
	padding:0 10px
}
.search button{
	margin-top:5px;
	float:right;
	width:19px;
	height:19px;
	box-shadow: none;
	border:0;
	background:url(../img/search.png) no-repeat center;
}
/*main*/
.main{
	width:1200px;
	margin:10px auto;
	background:#fff
}
.part1{
	padding:0 10px 28px;
	background:#f5f6f9;
}
.title{
	padding:15px 0 10px;
	background:url(../img/link2.png) no-repeat bottom left;
	font-size:16px;
	color:#b4b4b4;
	text-transform: uppercase;
}
.title h2{
	font-size:20px;
	color:#333333;
	padding-left:15px;
	background:url(../img/link1.png) no-repeat left 1px;
}
.title h2 span{
	color:#b4b4b4;
	font-size:16px;
	margin-left:10px;
}
.part1-main{
	padding-top:25px;
}
.part1-box{
	padding:0 1%
}
.part1-box-main{
	position:relative;
	background:#fff
}
.part1-box-main img{
	display: block;
	width:100%;
	height:auto;
	outline:none;
}
.part1-box-b{
	padding:10px;
	color:#9f9f9f;
	font-size:12px;
	border-top:1px solid #ddd;
	line-height:20px;
}
.part1-box-b p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333
}
/*part2*/
.part2{
	padding:0 10px 30px;
}
.part2-box{
	padding:0 10px;
	margin-top:20px;
}
.part2-t{
	overflow:hidden;
}
.part2-t img{
	display: block;
	width:100%;
	height:auto;
	transition: all 0.6s;
}
.part2-b{
	padding:20px 3%;
	font-size:14px;
	color:#959595
}
.part2-b p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.part2-b h3{
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:5px;
}
.part2-b h3 a{
	color:#333
}
.part2-box:hover .part2-b{
	background:#c7171e;
	color:#fff
}
.part2-box:hover a{
	color:#fff
}
.part2-box:hover img{
	transform: scale(1.1);
}
.more{
	display: block;
	width:209px;
	height:37px;
	margin:30px auto 0;
	background:#c7171e;
	font-size:14px;
	color:#fff;
	border-radius: 30px;
	text-align:center;
	line-height:37px;
	border:1px solid #c7171e;
	transition: all 0.6s;
}
.more:hover{
	background:#fff;
	color:#c7171e
}
/*part3*/
.part3{
	padding:0 10px 40px;
	background:#f5f6f9;
}
.part3-main{
	padding:0 5%;
	text-align:center;
	font-size:14px;
	color:#878787;
	line-height:24px;
}
.part3-box{
	margin-top:50px;
}
.part3-b h3{
	font-size:18px;
	color:#333333;
	margin-bottom:10px;
	font-weight:600;
}
.part3-t{
	width:135px;
	height:135px;
	background:url(../img/back1.png) no-repeat center;
	background-size:100% 100%;
	margin:0 auto 20px;
	text-align:center;
	line-height:135px;
}
.part3-t i{
	font-size:40px;
	color:#c7171e
}
.part3-box:hover .part3-t{
	background:url(../img/back2.png) no-repeat center;
}
.part3-box:hover i{
	color:#fff
}
.part3-box:hover h3{
	color:#c7171e
}
.part3-title{
	font-size:16px;
	color:#666;
	text-transform: uppercase;
	padding-bottom:10px;
}
.part3-title h3{
	font-size:18px;
	color:#333;
	margin-bottom:5px;
}
/*part4*/
.part4{
	padding:0 10px 30px;
}
.part4-t{
	padding:30px 0;
	text-align:center;
}
.part4-t ul li{
	display: inline-block;
	width:180px;
	height:33px;
	border-radius: 30px;
	margin:0 10px;
	background:#e7e7e7;
	text-align:center;
	line-height:33px;
	cursor: pointer;
}
.part4-t ul li:hover{
	background:#c7171e;
	color:#fff
}
.part4-t ul .active{
	background:#c7171e;
	color:#fff
}
.part4-main{
	display: none;
	padding-top:20px;
}
.part4-main .col-sm-3{
	padding:0 1%
}
.part4-box{	
	display: table;
	width:100%;
	height:391px;
}
.part4-box img{
	display: block;
	width:100%;
	height:auto;
}
.part4-box-main{
	display: table-cell;
	vertical-align: middle;
	position:relative;
}
.part4-dw{
	display: none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.59);
	text-align:center;
	font-size:14px;
	color:#fff;
	line-height:24px;
	padding-top:35%;
}
.part4-box:hover .part4-dw{
	display: block;
}
/*part5*/
.part5{
	padding:30px 10px 10px;
	border-top:1px solid #ddd
}
.title1{
	background:none
}

.part5-r{
	padding:0 1% 0 3%
}
.part5-t{
	margin-top:-30px;
	text-align:right;
}
.part5-t ul li{
	display: inline-block;
	width:95px;
	height:29px;
	font-size:16px;
	color:#333;
	text-align:center;
	line-height:29px;
	border-radius: 30px;
}
.part5-t ul li:hover{
	background:#c7171e;
	color:#fff;
	cursor: pointer;
}
.part5-box{
	margin-top:18px;
}
.part5-des{
	padding-right:3%;
	font-size:14px;
	color:#999;
	line-height:24px;
}
.part5-des h3{
	font-size:16px;
	margin:0 0 10px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.part5-des h3 a{
	color:#333
}
.part5-des h3 a:hover{
	color:#c7171e;
}
.part5-des p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
}
.part5-pic img{
	display: block;
	width:100%;
	height:auto;
}
.part5-t ul .active{
	background:#c7171e;
	color:#fff
}
.part5-main{
	display: none;
}
.part5-r img{
	display: block;
	width:100%;
	height:auto;
}
.part5-lb{
	position:relative;
	padding-top:15px;
}
.part5-lb h3{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
	padding:15px 3%;
	font-size:16px;
	color:#fff
}
.part5-lb h3 a{
	color:#fff
}
.part5-lb h3:hover a{
	color:#c7171e;
}
.part5-t{
	margin-top:5px;
	text-align:center;
}
.part5-r .slick-prev{
	width:49px;
	height:49px;
	background:url(../img/left2.png) no-repeat center;
	background-size:;
}
.part5-r .slick-next{
	width:49px;
	height:49px;
	background:url(../img/right2.png) no-repeat center;
	background-size:;
}
.more1{
	margin:20px 0 0;
	width:170px;
}
/*****product****/
.banner img{
	display: block;
	width:100%;
	height:auto;
}
/*location*/
.location{
	padding:10px 0 0;
	font-size:14px;
	color:#333
}
.location i{
	font-size:20px;
	color:#c7171e;
	margin-right:10px;
}
.location a{
	color:#333
}
.location a:hover{
	color:#c7171e;
}
.product{
	padding:0 0 60px
}
.pro-t{
	padding:20px 5%;
	text-align:center;
	border-bottom:1px solid #ddd
}
.pro-t li{
	display: inline-block;
	margin:0 5px;
}
.pro-t li a{
	display: block;
	padding:4px 20px;
	background:#e7e7e7;
	font-size:16px;
	color:#333;
	border-radius: 30px;
}
.pro-t li a:hover{
	background:#c7171e;
	color:#fff
}
.pro-t .active a{
	background:#c7171e;
	color:#fff
}
.pro-b .col-sm-3{
	padding:0 1%;
}
.pro-box{
	margin-top:20px;
	border:1px solid #ddd
}
.pro-pic{
	overflow:hidden;
}
.pro-pic img{
	display: block;
	width:100%;
	height:auto;
	transition: all 0.6s;
}
.pro-des{
	padding:15px 5%;
	border-top:1px solid #ddd;
	font-size:14px;
	color:#333;
	line-height:24px;
}
.pro-des p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pro-des .p1{
	color:#9f9f9f;
}
.pro-box:hover img{
	transform: scale(1.1);
}
.pro-box:hover .pro-des{
	background:#c7171e;
	color:#fff
}
.pro-box:hover .pro-des .p1{
	color:#fff
}
/*page*/
.page{
	padding-top:60px;
	text-align:center;
}
.page ul li{
	display: inline-block;
}
.page ul li a{
	display: block;
	padding:2px 10px;
	border:1px solid #ddd;
	font-size:14px;
	color:#333
}
.page ul li a:hover{
	background:#c7171e;
	color:#fff;
	border:1px solid #c7171e;
}
.page ul .on a{
	background:#c7171e;
	color:#fff;
	border:1px solid #c7171e;
}
/*news*/
.news li{
	padding:20px 3%;
}
.news-l{
	overflow:hidden;
}
.news-l img{
	display: block;
	width:100%;
	height:auto;
	transition: all 0.6s;
}
.news-r{
	padding-top:20px;
	padding-left:3%;
	font-size:14px;
	color:#333;
	line-height:24px;
}
.news-r h3{
	font-size:16px;
	color:#333;
	margin-bottom:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news-r p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
.news li:hover .news-r h3{
	color:#c7171e;
}
.news li:hover img{
	transform: scale(1.1);
}
.news li:nth-child(2n){
	background:#f6f6f6;
}
/*case*/
.case-b .pro-des{
	border-top:0;
	background:#f6f6f6;
	font-size:14px;
	color:#999999;
}
.case-b .pro-des p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	white-space:normal;
}
.case-b .pro-des h3{
	font-size:16px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:5px;
}
.case-b .pro-box:hover h3{
	color:#fff
}
/*honor*/
.honor .honor-box{
	padding:0 1%;
	margin-top:20px;
	text-align:center;
	
}
.honor .honor-box img{
	border:1px solid #ddd;
	display: block;
	width:100%;
	height:auto;
	margin:auto;
}
.honor .honor-box h3{
	font-size:16px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:15px;
}
.honor .honor-box .honor-box-main{
	display: table;
	height:357px;
	width:100%;
}
.honor .honor-box .honor-box-pic{
	display: table-cell;
	vertical-align: middle;
	
}
/*about*/
.title2{
	font-size:18px;
	color:#333333;
	padding-bottom:10px;
	background:url(../img/link3.png) no-repeat bottom left;
	background-size:100% 4px;
}
.title2 span{
	font-size:12px;
	color:#999999;
	text-transform: uppercase;
}
.menu h3{
	height:60px;
	font-size:24px;
	color:#000;
	line-height:60px;
	text-align:center;
	background:#eaeaea;	
}
.menu ul{
	padding:0 5%
}
.menu ul li a{
	display: block;
	height:45px;
	padding:0 3% 0 5%;
	border:1px solid #999;
	line-height:45px;
	border-radius: 5px;
	margin-top:20px;
	font-size:16px;
	color:#000
}
.menu ul li a i{
	float:right;
	font-size:24px;
}
.menu ul li a:hover{
	background:#c7171e;
	color:#fff;
	border:1px solid #c7171e;
}
.menu ul .on a{
	background:#c7171e;
	color:#fff;
	border:1px solid #c7171e;
}
.descript{
	padding:20px 3% 50px;
	border-left:1px solid #ddd;
}
.about-des{
	padding-top:20px;
	font-size:14px;
	color:#333;
	line-height:30px;
}
.about-des img{
	display: block;
	max-width:100%;
	height:auto;
	margin:10px auto;
}
/*fire*/
.fire .col-sm-4{
	padding:0 1%
}
.fire-box{
	margin-top:30px;
}
.fire-box img{
	display: block;
	width:100%;
	height:auto;
	border:1px solid #ddd
}
.fire-box h3{
	font-size:1.5rem;
	color:#333;
	margin-top:20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fire-box:hover h3{
	color:#c7171e;
}
/*fire-details*/
.fire-details{
	padding-top:30px;
}
.fire-details img{
	display: block;
	width:100%;
	height:auto;
}
.fire-details .carousel-control.right{
	background: url(../img/right3.png) no-repeat right;
    font-size: 0;
}
.fire-details .carousel-control.left{
	background: url(../img/left3.png) no-repeat left;
    font-size: 0;
}
/*news-details*/
.news-details{
	padding:20px 3%;
	font-size:14px;
	color:#333;
	line-height:24px;
}
.news-details h3{
	text-align:center;
	font-size:16px;
	color:#333;
	line-height:26px;
}
.news-time{
	padding:20px 0 10px;
	border-bottom:1px solid #ddd;
	text-align:center;
	font-size:14px;
	color:#999
}
.news-time span{
	margin:0 10px;
}
.news-des{
	padding-top:20px;
}
.news-des img{
	display: block;
	max-width:100%;
	height:auto;
	margin:15px auto;
}
.article{
	border-top:1px solid #ddd;
	margin-top:30px;
	padding-top:20px;
	font-size:14px;
	color:#333
}
.article ul li{
	line-height:30px;
}
.article ul li a{
	color:#333
}
.article ul li a:hover{
	color:#c7171e
}
/*recruit*/
.rec-box{
	margin-top:30px;
	border:1px solid #ddd;
	font-size:14px;
	color:#333;
	line-height:26px;
}
.rec-t{
	padding:20px 3%
}
.rec-b{
	padding:10px 3%;
	background:#f6f6f6;
}
.rec-b span{
	color:#c7171e;
}
/*add*/
.add{
	padding:20px 0 50px;
	border-left:1px solid #ddd
}
.add-title{
	padding:0 3%
}
.add1{
	padding:40px 3%
}
.add1-l img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.add1-r{
	font-size:14px;
	color:#333;
	line-height:24px;
	padding-left:3%;
}
.add1-r h3{
	font-size:18px;
	color:#c82129;
	font-weight:normal;
	margin-bottom:20px;
}
.add2{
	background:#f6f6f6;
	padding:40px 3%
}
.add2 h3{
	text-align: center;
	font-size:18px;
	color:#c82129;
	font-weight:normal;
}
.add2-main{
	padding-top:20px;
}
.add2-main .col-sm-6{
	padding:0 1%
}
.add2-box{
	background:#fff;
	margin-top:20px;
}
.add2-l{
	padding:20px 3%;
}
.add2-l span{
	display: block;
	width:60px;
	height:60px;
	background:#c82129;
	border-radius: 50%;
	font-size:18px;
	color:#fff;
	line-height:60px;
	text-align:center;
	margin: auto;
}
.add2-r{
	padding:20px 3%;
	font-size:14px;
	color:#333;
	line-height:24px;
	min-height:112px;
	border-left:1px solid #ddd
}
.add3{
	padding:60px 3%;
}
.add3 .autoplay2{
	display: none;
}
.add3 .slick-slide{
	padding:0 5px
}
.add3 .slick-slide img{
	display: block;
	max-width:100%;
	margin:auto;
	height:auto;
}
.add3 .slick-prev{
	left: -1%;
    background: url(../img/left4.png) no-repeat left center;
    z-index: 9;
    width:27px;
    height:49px;
}
.add3 .slick-next{
	right: -1%;
    background: url(../img/right4.png) no-repeat right center;
    z-index: 9;
    width:27px;
    height:49px;
}
/*support*/
.sup{
	padding:20px 0;
	border-bottom:1px dashed #ddd
}
.sup-l{
	padding-right:3%;
}
.sup-l a{
	display: block;
	font-size:14px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sup-l a:hover{
	color:#c7171e;
}
.sup-r{
	text-align:right;
}
.sup-r a{
	padding:2px 10px;
	font-size:12px;
	border-radius: 5px;
}
.sup-r .see{
	border:1px solid #c7171e;
	color:#c7171e
}
.sup-r .load{
	border:1px solid #c7171e;
	color:#fff;
	background:#c7171e;
}
/*contact*/
.contact1{
	padding:30px 0;
}
.con1-r{
	padding-left:2%;
	font-size:14px;
	color:#333;
	line-height:30px;
}
.contact2{
	position:relative;
}
.contact2 img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.con2-box{
	position:absolute;
}
.con2-box-main{
	display: none;
	position:absolute;
	width:212px;
	padding:10px 20px;
	background:#c7171e;
	font-size:14px;
	color:#fff;
	line-height:24px;	
	top:-106px;
	left:-89px;
	z-index:33
}
.con2-box-main img{
	position:absolute;
	bottom:-10px;
	left:41%
}
.con2-box-main .close{
	position:absolute;
	top:5px;
	right:5px;
	font-size:16px;
	color:#fff;
	text-shadow: none;
	opacity: 1;
}
.con2-box1{
	top:255px;
	right:203px
}
.con2-box2{
	top:329px;
	right:208px
}
.con2-box3{
	bottom:166px;
	right:281px
}
.con2-box4{
	bottom:229px;
	right:141px
}
.con2-box5{
	bottom:240px;
	right:166px
}
.con2-box6{
	bottom:144px;
	right:344px
}
.con2-box7{
	bottom:193px;
	right:160px
}
.con2-box8{
	bottom:145px;
	right:182px
}
.con2-box9{
	bottom:166px;
	right:220px
}
.con2-box10{
	bottom:86px;
	right:226px
}
.con2-box11{
	bottom:93px;
	right:296px
}
.con2-box12{
	bottom:21px;
	right:297px
}
.con2-box13{
	bottom:104px;
	right:428px
}
.con2-box14{
	bottom:231px;
	left:208px
}
.con2-box15{
	top:199px;
	right:227px
}
.con2-box16{
	top:211px;
	right:214px
}
.con2-box17{
	top:219px;
	right:241px
}
.con2-box18{
	top:244px;
	right:278px
}
.con2-box19{
	top:70px;
	right:88px
}
.con2-box20{
	top:273px;
	left:319px
}
.con2-box21{
	top:284px;
	left:424px
}
.con2-box22{
	top:246px;
	left:456px
}
.con2-box23{
	top:181px;
	left:184px
}
.con2-box24{
	top:292px;
	left:492px
}
.con2-box25{
	top:290px;
	left:557px
}
.con2-box26{
	top:341px;
	left:542px
}
.con2-box27{
	bottom:205px;
	left:407px
}
.con2-box28{
	bottom:201px;
	left:484px
}
.con2-box29{
	top:136px;
	right:130px
}
.con2-box30{
	top:168px;
	right:170px
}
.con2-box31{
	top:197px;
	left:464px
}

.con2-box28 .con2-box-main{
	top:-79px;
}
.con2-box31 .con2-box-main{
	top:-79px
}
.con2-box32 .con2-box-main{
	top:-79px
}
.contact3{
	padding-top:30px;
}
.contact3 table{
	width:100%;
	text-align:center;	
}

.contact3 table td{
	padding:10px 0;
	font-size:14px;
	color:#333;
	border:1px solid #ddd;
	width:23%;
}
.contact3 table tr:first-child td{
	background: #c7171e;
	color:#fff
}
.contact3 table tr td:last-child{
	width:31%;
}
/*pro-details*/
.pro-details-l{
	padding:20px;
	max-height:1417px;
	overflow-y:auto;
}
.pro-l img{
	display: block;
	width:100%;
	height:auto;
}
.pro1-r{
	padding-left:2%;
	font-size:14px;
	color:#606060;
	line-height:24px;
}
.pro1-title{
	font-size:16px;
	color:#333333;
	padding:10px 0;
	border-bottom:1px dashed #ddd;
	margin-bottom:10px;
}
.pro1-title h3{
	font-size:20px;
	color:#c7171e;
	margin-bottom:10px;
}
.pro2{
	padding:30px 0;
}
.pro2 h3{
	padding:15px 0;
	background:#f8f8f8;
	text-align:center;
	font-size:18px;
	color:#333333
}
.pro2 h3 span{
	font-size:14px;
	color:#aaaaaa;
}
.pro2-des{
	padding-top:20px;
	font-size:14px;
	color:#333;
	line-height:24px;
}
.pro2-des img{
	display: block;
	max-width:100%;
	height:auto !important;
	margin:20px auto;
}
.pro-details-r{
	background:#f5f6f9;
	padding:20px 0 0;
}
.pro-title{
	padding-bottom:10px;
	background:url(../img/link5.png) no-repeat left bottom;
	background-size:100% 2px	
}
.pro-title h3{
	padding-left:15px;
	font-size:20px;
	color:#333333;
	background:url(../img/link4.jpg) no-repeat left center;
}
.pro-title h3 span{
	font-size:14px;
	text-transform: uppercase;
	color:#b4b4b4;
	margin-left:3px;
}
.pro3{
	padding:0 4%;
}
.pro3-box{
	margin-top:15px;
}
.pro3-pic{
	overflow:hidden;
}
.pro3-pic img{
	display: block;
	width: 100%;
	height:auto;
	transition: all 0.6s;
}
.pro3-des{
	padding:10px 5%;
	background:#fff;
	font-size:14px;
	color:#333;
	border-top:1px solid #ddd;
	line-height:24px;
}
.pro3-des .p1{
	color:#9f9f9f;
}
.pro3-box:hover img{
	transform: scale(1.1);
}
.pro-details-l .slick-next{
	width:27px;
	height:49px;
	background:url(../img/right4.png) no-repeat left;
	right:20px;
	
}
.pro-details-l .slick-prev{
	width:27px;
	height:49px;
	background:url(../img/left4.png) no-repeat right;
	
}
/*relative*/
.relative{
	margin:10px auto;
	background:#fff;
	padding:0 10px 20px;
}
.rel{
	padding-top:20px;
}
.rel .col-sm-4{
	padding:0 1%;
}
.rel-box-t{
	position:relative;
	overflow:hidden
}
.rel-box-t img{
	display: block;
	width:100%;
	height:auto;
}
.rel-box-des{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
	padding:30px 7%;
	font-size:14px;
	color:#fff;
	line-height:24px;
	transition: all 0.6s;
	height:100%;
	
}
.rel-box-des p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient: vertical;
}
.rel-box-b{
	padding:10px 0;
	font-size:16px;
	color:#333333;
	
}

.rel-box-b h3{
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.rel-box:hover .rel-box-des{
	top:0;
}
.rel-box:hover h3{
	color:#c7171e;
	
}
/*thermal*/
.thermal1{
	padding:60px 0;
	background:#f2f5f8;
}
.thermal1-t{
	padding:0 5%
}
.thermal1-l img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.thermal1-r{
	padding-left:3%;
	font-size:14px;
	color:#333;
	line-height:36px
}
.thermal1-r span{
	display: inline-block;
	width:135px;
	height:38px;
	background:#c7171e;
	color:#fff;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:38px;
	margin-right:10px;
}
.thermal1-r p{
	margin-top:10px;
}
.thermal1-b{
	padding-top:60px;
}
.thermal1-b .col-md-6{
	padding:0 1%;
}
.thermal1-b-l h3{
	width:206px;
	height:57px;
	background:url(../img/t2.png) no-repeat center;
	background-size:100% 100%;
	font-size:18px;
	color:#c7171e;
	line-height:57px;
	padding-left:50px;
}
.thermal1-b table{
	width:100%;
	margin-top:20px;
	background:#fff
}
.thermal1-b table td{
	padding:10px 0;
	text-align:center;
	font-size:14px;
}
.thermal1-b table tr{
	border-bottom:1px solid #ddd
}
.thermal1-b-r h3{
	width:206px;
	height:57px;
	background:url(../img/t3.png) no-repeat center;
	background-size:100% 100%;
	font-size:16px;
	color:#c7171e;
	line-height:57px;
	padding-left:50px;
}
.thermal1-b table tr:first-child td{
	background:#c7171e;
	color:#fff
}
.thermal1-b table td a{
	color:#333
}
.thermal1-b table td a:hover{
	color:#c7171e
}
.thermal2{
	padding:60px 0;
	background:#fff
}
.t-title{
	font-size:18px;
	color:#999999;
	text-transform: uppercase;
	text-align:center;
}
.t-title p{
	background:url(../img/link6.png) no-repeat center;
	background-size:100% 1px;
}
.t-title h2{
	font-size:30px;
	color:#c7171e;
	letter-spacing: 5px;
	margin-bottom:10px;
}
.the2-one{
	padding-top:60px;
	font-size:;
	color:;
}
.the2-one img{
	display: block;
	width:100%;
	height:420px;
}
.the2-one-r{
	padding:80px 0;
	background:#f6f6f6;
	height:420px;
	text-align:center;
	font-size:20px;
	color:#333333;
	line-height:40px;
}
.the2-one-r span{
	font-size:28px;
	color:#c7171e;
}
.num{
	width:60px;
	height:60px;
	border-radius: 50%;
	background:#c7171e;
	color:#fff;
	text-align:center;
	line-height:60px;
	font-size:30px;
	font-weight:bold;
	margin:0 auto 30px;
}
.the2-two{
	padding:60px 0;	
}
.the2-two-l{
	padding-top:60px;
	font-size:20px;
	color:#333333;
	line-height:40px;
	text-align:center;
}
.the2-two-l span{
	font-size:28px;
	color:#c7171e;
}
.the2-two-r img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.the2-three{
	height:600px;
	background: url(../img/back3.jpg) no-repeat center;
}
.the2-three-main{
	padding:40px 5%;
	background:rgba(0,0,0,0.5);
	margin-top:200px;
	text-align:center;
	font-size:24px;
	color:#fff
}
.the2-four{
	padding:60px 0;
	background:#fff
}
.the2-four-l{
	text-align:center;
	font-size:24px;
	color:#333;
	padding-top:120px;
}
.the2-four-r img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.thermal3{
	padding:0 0 60px;
	background:#fff
}
.thermal3-main{
	padding-top:40px
}
.thermal3-main .col-sm-3{
	padding:0 1%;
	margin-top:20px;
}
.thermal3-main .col-sm-3 img{
	display: block;
	width:100%;
	height:auto;
}
.thermal4 img{
	display: block;
	width:100%;
	height:auto
}
.thermal5{
	padding:60px 0;
	background:#f4f4f4;
}
.thermal5-main{
	padding-top:40px;
}
.thermal5-main .col-md-3{
	padding:0 1%;
	margin-top:20px;
}
.thermal5-main .col-md-3 img{
	display: block;
	width:100%;
	height:auto
}
.use{
	padding:60px 0;
	background:#fff
}
.use-main{
	padding-top:60px;
}
.use-box{
	padding:0 1%
}
.use-box img{
	display: block;
	width:100%;
	height:auto;
}
.use-box h3{
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
}
/*detect*/
.detect1{
	padding:60px 0;
	background:#fff
}
.detect1-t-l img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.detect1-t-r{
	padding-left:3%;
	font-size:14px;
	color:#333;
	line-height:24px;
}
.detect1-t-r .p1{
	font-weight:bold;
	margin:10px 0;
}
.detect1-b{
	margin-top:20px;
}
.detect1-b h3{
	font-size:20px;
	color:#282828;
	background:url(../img/d2.png) no-repeat left top;
	padding-left:25px;
	height:35px;
	line-height:35px;
}
.detect1-b table{
	margin-top:20px;
	width:100%;	
	text-align:center;
	border:1px solid #ddd
}
.detect1-b table tr{
	border-bottom:1px solid #ddd
}
.detect1-b table td{
	padding:3px 0;
	font-size:12px;	
}
.detect1-b table td span{
	display: inline-block;
}
.detect1-b table td span span{
	display: block;
}
.detect1-b table td .big{
	font-size:18px;
	margin-right:3px;
}
.detect1-b table tr:first-child td{
	background:#c7171e;
	color:#fff;
}
.detect2{
	padding:60px 0;
	background:#fff
}
.dete2-main{
	margin-top:50px;
}
.dete2-pic img{
	display: block;
	width:100%;
	height:320px;
}
.dete2-des{
	position:relative;
	height:320px;
	background:url(../img/back4.jpg) no-repeat center;
	background-size:100% 100%;
	text-align:center;
	font-size:24px;
	padding-top:120px;
	color:#fff;
	line-height:40px;
}
.dete2-des .num1{
	position:absolute;
	top:12px;
	left:45px;
}
.detect3{
	padding:60px 0;
	background:#fff
}
.d-title{
	text-align:center;
	font-size:24px;
	color:#999999;
	letter-spacing: 5px;
}
.d-title h2{
	font-size:30px;
	color:#c7171e;
	margin-bottom:10px;
}
.detect3 ul{
	text-align:center;
	padding-top:60px;
}
.detect3 ul li{
	display: inline-block;
	margin:0 5px;
}
.d-use{
	background:#f6f6f6;
}
/*dry*/
.dry1{
	padding:60px 0;
	background:#f2f5f8;
}
.dry1-t{
	text-align:center;
}
.dry1-t ul li{
	display: inline-block;
	padding:10px 15px;
	margin:0 5px;
	font-size:14px;
	color:#333;
	cursor: pointer;
	border-radius: 5px;
}
.dry1-t ul .on{
	background:#c7171e;
	color:#fff;
}
.dry1-b{
	padding-top:60px;
}
.dry1-box{
	display: none;
}
.dry1-box .col-md-4{
	padding:0 1%
}
.dry1-pic img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.dry1-des{
	font-size:14px;
	color:#333;
	line-height:30px;
}
.dry1-des .p1{
	color:#c7171e;
	font-size:16px;
	font-weight:bold;
}
.other{
	font-size:14px;
	color:#333;
	line-height:30px;
}
.other a{
	display: block;
	font-size:14px;
	color:#333
}
.other a:hover{
	color:#c7171e;
}
.dry2{
	padding:60px 0;
	background:#fff
}
.dry2-box{
	margin-top:50px;
}
.dry2-des{
	padding:120px 5% 0;
	font-size:18px;
	color:#000;
	font-weight:bold;
}
.d-num{
	float:left;
	width:70px;
	height:74px;
	background:url(../img/back5.png) no-repeat center;
	background-size:100% 100%;
	text-align:center;
	line-height:70px;
	color:#fff;
	font-size:30px;
	margin:-5px 10px 0 0
}
.d-des{
	line-height:30px;
}
.dry2-pic img{
	display: block;
	max-width:100%;
	height:auto;
	margin:auto;
}
/*right-fix*/
.suspend{
	position:fixed;
	width:60px;
	right:0;
	bottom:20px;
	z-index:999999
}
.suspend ul li{
	height:60px;
	text-align:center;
	line-height:60px;
	position:relative;
	margin-bottom:5px;
	background:#ddd;
}
.suspend ul li a{
	display: block;
	width:60px;
	height:60px;
	padding-top:16px;
	background:rgba(22,82,44,0.5);
	z-index:11;
	position:relative;
}
.suspend ul li a>img{
	display: block;
	margin:auto;
	width:30px;
}
.f-box{
	position:absolute;
	width:180px;
	background:#fff;
	top:0;
	right:-180px;
	padding:10px;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
	transition: all 0.6s;
	text-align:center;
	font-size:14px;
	color:#333;
	z-index:9
}
.f-box img{
	display: block;
	width:100%;
	height:auto;
}
.suspend ul li:hover .f-box{
	right:60px;
}
.suspend ul li:hover a{
	background:#e51728;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
}