/*产品中心*/
.cptit{ text-align: center;}
.cptit h2{ color: #333333; font-size: 44px; font-weight: bold !important;}
.cptit h2 span{ color: #d10000; font-weight: bold;}
.cptit p{ color: #999999; font-size: 16px;}
@media screen and (max-width:1440px){
    .cptit h2{ font-size: 32px;}
}
@media screen and (max-width:991px){
    .cptit h2{ font-size: 24px;}
    .cptit p{ font-size: 14px;}
}

.cp_class_lb{ margin-top: 3% !important;}
.cp_class_lb li{ margin: 0 0 7%; background: #fff; cursor: pointer; transition: 0.3s; position: relative;}
.cp_class_lb li .pic{ height: 0; padding-bottom: 75%; background: #fff; position: relative; overflow: hidden;border: 1px solid #ececec;
    border-bottom: none;}
.cp_class_lb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.cp_class_lb li .font{ padding: 5%; transition: 0.5s; border: 1px solid #ececec;}
.cp_class_lb li .tit{ color: #333333; font-size: 18px; position: relative; height: 40px;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cp_class_lb li .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 3px; background: #c40000;}
.cp_class_lb li .tit:after{ position: absolute; left: -3%; top: 10%; content: 'wokete'; width: 100%; height: 100%; text-transform: uppercase; color: rgba(196,0,0,0.04); font-size: 55px; font-weight: bold;}
.cp_class_lb li .bt{ min-height: 60px; color: #999999; font-size: 16px; margin-top: 5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cp_class_lb li .more{ width: 50%; height: 45px; line-height: 45px; text-align: center; color: #c40000; margin: 3% auto 0; border: 1px solid #c40000; border-radius: 25px; transition: 0.3s;}
.cp_class_lb li .font_hover{ position: absolute; opacity: 0; left: 0; bottom: 0; width: 100%; z-index: 1; text-align: center; padding: 8% 3%; background: url("../images/chi.png") repeat-x center bottom #fff; border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s;}
.cp_class_lb li .font_hover .tit:before{ left: 45%;}
.cp_class_lb li .font_hover .tit:after{ left: 0;}
.cp_class_lb li .font_hover .bt{ width: 90%; margin: 5% auto; -webkit-line-clamp: 3; min-height: 80px;}
.cp_class_lb li:hover .font{ opacity: 0;}
.cp_class_lb li:hover .font_hover{ opacity: 1; left: 5%; width: 90%;}
.cp_class_lb li:hover .pic img{ transform: scale(1.05);}
.cp_class_lb li .font_hover .more:hover{ background: #c40000; border: 1px solid #c40000; color: #fff;}
@media screen and (max-width:1440px){
    .cp_class_lb li .tit:after{ font-size: 38px;}
}
@media screen and (max-width:1200px){
    .cp_class_lb li .bt{ font-size: 14px;}
}



#cpnav{ margin-top: 3%; padding: 0; position: relative;}
#cpnav .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cpnav .swiper-slide {
    text-align: left;
    transition: 0.3s;
    background: #fafafa;
    border: 1px solid #efefef;
    padding: 1.5%;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpnav .swiper-slide a{ display: block; width: 100%;}
#cpnav .swiper-slide p{ color: #333333; font-size: 20px; position: relative; z-index: 2;}
#cpnav .swiper-slide span{ display: block; color: #b7b7b7; font-size: 14px; text-transform: uppercase; font-family: Arial !important; position: relative; z-index: 2;}
#cpnav .swiper-slide i{ position: absolute; right: 15px; bottom: 15px; z-index: 1; color: #efefef; font-size: 48px; font-family: Bahnschrift !important;}
#cpnav .swiper-slide:hover{ background: #d10000; color: #fff;}
#cpnav .swiper-slide:hover p,#cpnav .swiper-slide:hover span{ color: #fff;}
#cpnav .swiper-slide:hover i{ color: rgba(255,255,255,0.3);}
#cpnav .swiper-slide#li-on{ background: #d10000; }
#cpnav .swiper-slide#li-on p,#cpnav .swiper-slide#li-on span{ color: #fff;}
#cpnav .swiper-slide#li-on i{ color: rgba(255,255,255,0.3);}
#cpnav .swiper-button-next:after,#cpnav .swiper-button-prev:after{ display: none;}
#cpnav .swiper-button-next,#cpnav .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px; text-align: center; background: #d10000; border-radius: 100%; transition: 0.3s;}
#cpnav .swiper-button-next i,#cpnav .swiper-button-prev i{ color: #fff; font-size: 26px;}
#cpnav .swiper-button-next{ right: -80px;}
#cpnav .swiper-button-prev{ left: -80px;}
#cpnav .swiper-button-next:hover,#cpnav .swiper-button-prev:hover{ background: #d10000;}
@media screen and (max-width:1600px){
    #cpnav .swiper-button-next,#cpnav .swiper-button-prev{ width: 40px; height: 40px; line-height: 40px; top: 58%;}
    #cpnav .swiper-button-next i,#cpnav .swiper-button-prev i{ font-size: 22px;}
    #cpnav .swiper-button-next{ right: -40px;}
    #cpnav .swiper-button-prev{ left: -40px;}
}
@media screen and (max-width:1440px){
    #cpnav .swiper-slide p{ font-size: 18px;}
    #cpnav .swiper-slide span{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #cpnav .swiper-button-next,#cpnav .swiper-button-prev{ display: none;}
}
@media screen and (max-width:991px){
    #cpnav .swiper-slide{ line-height: 25px;}
    #cpnav .swiper-slide p{ font-size: 16px;}
}
/*icase*/
.icase{width:100%;padding:30px 0 68px;background: url(../images/icase-bg.jpg) center no-repeat;}
.icase-hd{}
.icase-bd{margin-top: 45px;overflow:hidden;}
.icase-bd .swiper-slide{width:600px;height: 450px;opacity: 0.5;border-radius: 5px}
.icase-bd .swiper-slide-active{opacity: 1}
.icase-bd a{display: block;width:100%;height: 100%;position:relative;}
.icase-bd a .img{padding-bottom: 75%}
.icase-bd a p{background: rgba(255,255,255,.8);padding:15px;color:#333;position: absolute;bottom:-16px;left:0;text-align: center;font-size: 18px;width:100%;}
@media(max-width: 992px){
	.icase-bd .swiper-slide{width:400px;height: 300px}
	.icase-bd a p{padding:10px;font-size: 15px}
}
@media(max-width: 576px){
	.icase-bd .swiper-slide{width:240px;height: 180px}
	.icase-bd a p{padding:5px 10px;font-size: 14px}
}

/*inews*/
.inews-hd{padding:30px 0 15px;}
.inews-bd{margin-bottom: 30px}
.inews-bd .hd ul{display: flex;flex-direction: row;width:100%;justify-content: space-between;height: 103px;}
.inews-bd .hd ul a{width:calc(calc(100% - 42%)/2);display: block;padding:20px 30px;background: #f8f8f8;display: flex;flex-direction: row;justify-content: space-between;transition: all .5s;align-items: center;}
.inews-bd .hd ul a .left{width:calc(100% - 58px);}
.inews-bd .hd ul a .left .t1{font-size: 28px;color:#333333;}
.inews-bd .hd ul a .left .t2{font-size: 14px;color:#999999;text-transform: uppercase;}
.inews-bd .hd ul a .right{width:58px;text-align: right;position: relative;height: 30px;overflow:hidden;opacity: 0;transition: all .5s}
.inews-bd .hd ul a .right i{font-size: 30px;color:rgba(255,255,255,.5);line-height: 1;position: absolute;left:0;}
.inews-bd .hd ul a.active{background: #c00500;width:40%;}
.inews-bd .hd ul a.active .t1{color:#fff;}
.inews-bd .hd ul a.active .t2{color:#fff;}
.inews-bd .hd ul a.active .right{opacity: 1}
.inews-bd .bd{display: flex;flex-direction: row;justify-content: space-between;margin-top: 35px;}
.inews-bd .bd .left{width:58%;display: flex;flex-direction: row;justify-content: space-between;}
.inews-bd .bd .left a{width:calc(calc(100% - 30px)/2);display: block;padding:20px;background: #f5f5f5;transition: all .5s}
.inews-bd .bd .left a img{transition: all .5s}
.inews-bd .bd .left a .txt{padding:15px 0;}
.inews-bd .bd .left a .txt .t1{font-size: 18px;color:#333333;transition: all .5s}
.inews-bd .bd .left a .txt .t2{font-size: 12px;color:#999999;margin-top: 5px}
.inews-bd .bd .left a .txt .t3{font-size: 14px;color:#999999;line-height: 24px;margin:10px 0;}
.inews-bd .bd .left a .txt span{color:#c00500;transition: all .5s}
.inews-bd .bd .left a.active{box-shadow: 0 0 10px #999;}
.inews-bd .bd .left a.active img{transform: scale(1.05,1.05);}
.inews-bd .bd .left a.active .txt .t1{color:#c00500;}
.inews-bd .bd .left a.active .txt span{padding:5px 15px;color:#fff;background: #c00500;border-radius: 3px}
.inews-bd .bd .right{width:calc(100% - 58% - 30px);display: flex;flex-direction: column;justify-content: space-between;}
.inews-bd .bd .right a{background: #f5f5f5;padding:15px 25px;display: block;position:relative;transition: all .5s;}
.inews-bd .bd .right a .t1{font-size: 18px;color:#333333;transition: all .5s}
.inews-bd .bd .right a .t2{font-size: 14px;color:#999999;line-height: 24px;margin-top: 5px;-webkit-line-clamp:2;}
.inews-bd .bd .right a:after{content:'';width:0;height: 2px;background: #c00500;transition: all .5s;position: absolute;left:0;bottom:0;}
.inews-bd .bd .right a.active{box-shadow: 0 0 10px #999}
.inews-bd .bd .right a.active .t1{color:#c00500;}
.inews-bd .bd .right a.active:after{width:100%;}

/*ititle*/
.ititle{margin:30px 0;text-align: center;}
.ititle-hd{display: flex;flex-direction: row;justify-content: center;font-size: 40px;line-height: 1;}
.ititle-hd:before{content:'';width:70px;height: 30px;background:url(../images/ititle-left.png);margin-top: 10px}
.ititle-hd:after{content:'';width:70px;height: 30px;background:url(../images/ititle-right.png);margin-top: 10px}
.ititle-hd span{padding:0 40px;}
.ititle-hd b{color:#c00500;}
.ititle-bd{font-size: 18px;color:#666666;text-align: center;margin-top: 20px}

@media(max-width: 576px){

	.ititle-hd{font-size: 30px;}
	.ititle-hd span{padding:0 15px;}
	.ititle-hd:before,.ititle-hd:after{display: none;}
	.ititle-bd{font-size: 14px;margin-top: 15px;}
}

/*我们的优势*/

.intita p{color: #999;}
.intita{text-align: center;position: relative;}
.intita strong{display: block;font-size: 36px;font-family: impact;text-transform: uppercase;color: #ce000c;position: relative;z-index: 1}
.intita span{display: block;background:url(../images/intita.png) center  no-repeat;font-weight: bold;margin-top: -70px;position: relative;z-index: 2;color:#175aa8}
.intita p{color: #777;}
.choose{max-width: 1920px;margin: 0 auto;margin-top: 50px;background: url(../images/ys_bg.png) 0 534px repeat-x;}
.choose .in_title{margin-bottom: 40px;}
.choose ul{position: relative;padding: 50px 0;}
.choose ul li{float: left;width: 510px;height: 180px;margin-right: 50%;margin-bottom: 50px;}
.choose ul li:nth-child(3){margin-top: 150px;}
.choose ul li:nth-child(3),.choose ul li:nth-child(4){float: right;margin-left: 50%;margin-right: 0;}
.choose ul li h3{position: relative;color:#ce000c;font-size: 25px;font-weight: bold;padding-bottom: 13px;margin-bottom: 20px;}
.choose ul li h3:after{content:" ";position: absolute;bottom: 0;left: 0;width: 460px;height: 1px;background: #ccc;border-radius: 50%;}
.choose ul li p{position: relative;color: #333;font-size: 18px;line-height: 30px;padding-left: 20px;margin-bottom: 10px;}
.choose ul li p:before{content:" ";position: absolute;top: 50%;margin-top: -4px;left: 0;width: 8px;height: 8px;background:#ce000c;border-radius: 50%;}
.choose ul .img1{position: absolute;top: 10px;right: 0;}
.choose ul .img2{position: absolute;top: 584px;left: 0;}
.w1200{width:1200px; margin:0 auto; clear:both;}
.ad3{width:100%; height:220px; background:url(../images/ad2.jpg) no-repeat center; min-width:1200px; overflow:hidden;}
.ad3 span{ width:625px; padding:0px 155px 30px 120px; font-size:50px; display:block; height:40px; line-height:40px; color:#F8BD0B;font-family:Impact;}
.ad3 span em{font-size:26px; width:140px; text-align:left;display:block;font-style:normal; color:#fff;}





/*============优势===============*/
.ystop {
	width: 100%;
	height: 423px;
	background: url(../images/ystop.jpg) no-repeat center top;
}
.edgebj {
	height: 500px;
	background: url(../images/edge1.jpg) no-repeat center;
	margin-top: 30px;
	margin: 0 auto;
}
.edge {
	
	height: 937px;
}
.edge h3 {
	text-align: center;
	margin-bottom: 42px;
}
.edge h3 span {
	display: block;
	font-size: 38px;
	color: #fff;
	height: 58px;
	line-height: 30px;
	background: url(../images/prtb.png) no-repeat bottom center;
}
.edge h3 span i {
	font-weight: 400;
	font-style: normal;font-size: 38px;
}
.edge h3 em {
	display: block;
	font-size: 22px;
	color: #fff;
	line-height: 22px;
	margin-top: 25px;
	font-style: normal;
}
.edge ul li {
	float: left;
	width: 280px;
	height: 500px;
	margin-left: 20px;
}
.edge ul li.first {
	margin-left: 0;
}
.edge ul li span {
	display: block;
	padding-top: 130px;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.edge ul li .e1 {
	background: url(../images/edt1_h.png) no-repeat top center;
}
.edge ul li .e2 {
	background: url(../images/edt2_h.png) no-repeat top center;
}
.edge ul li .e3 {
	background: url(../images/edt3_h.png) no-repeat top center;
}
.edge ul li .e4 {
	background: url(../images/edt4_h.png) no-repeat top center;
}
.edge ul li .e5 {
	background: url(../images/edt3_h.png) no-repeat top center;
}
.edge ul li .e6 {
	background: url(../images/edt4_h.png) no-repeat top center;
}
.edge ul li:hover .e1 {
	background: url(../images/edt1_h.png) no-repeat top center;
}
.edge ul li:hover .e2 {
	background: url(../images/edt2_h.png) no-repeat top center;
}
.edge ul li:hover .e3 {
	background: url(../images/edt3_h.png) no-repeat top center;
}
.edge ul li:hover .e4 {
	background: url(../images/edt4_h.png) no-repeat top center;
}
.edge ul li:hover .e5 {
	background: url(../images/edt3_h.png) no-repeat top center;
}
.edge ul li:hover .e6 {
	background: url(../images/edt4_h.png) no-repeat top center;
}
.edge ul li:hover span {
	color: #FFF;
}
.edge ul li:hover p {
	color: #FFF;
}
.edge ul li p {
	font-size: 16px;
	color: #666666;
	text-align: center;
	font-weight: normal;
	line-height: 26px;
}
.edge ul li strong::before {
	position: absolute;
	z-index: -1;
}
.edge ul li strong::after {
	position: absolute;
	z-index: -1;
}
.edge ul li strong {
	display: block;
	z-index: 500;
	position: relative; margin-top: 100px;
}
.edge ul li:hover {

	background: #fc4000;
	transition: 0.5s;

}

.edge ul li:hover strong::before {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.edge ul li:hover strong::after {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.edge ul li:hover:before {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.edge ul li:hover:after {
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.edge ul li i {
	display: none;
	width: 70px;
	height: 13px;
	background: #FFF;
	content: "";
	position: absolute;
	bottom: -8px;
	left: 151px;
	z-index: 500;
}
.edge ul li:hover i {
	display: block;
}

.section {padding: 50px 0;}
.section-title {margin-bottom: 30px;text-align: center;font-size: 32px;}
.section-title strong {color: #fc4000;}
.section-title small {display: block;text-transform: uppercase;position: relative;font-size: 0;color: #666;margin-top: 5px;}
.section-title small:before {content: '';width: 100%;height: 2px;background-color: #d9dadc;position: absolute;left: 0;top: 50%;margin-top: -1px;}
.section-title small em {position: relative;display: inline-block;}
.section-title small em:before,.section-title small em:after {position: absolute;top: 50%;content: '';width: 8px;height: 8px;background-color: #d9dadc;border-radius: 50%;margin-top: -4px;}
.section-title small em:before {left: 100%;}
.section-title small em:after {right: 100%;}
.section-title small i {font-style: normal;display: inline-block;font-size: 14px;vertical-align: middle;padding: 0 20px;background-color: #fff;}
.section-title p {margin: 10px 0 0;font-size: 20px;color: #999;}

.in-ys {position: relative;}
.in-ys:before {position: absolute;left: 50%;margin-left: -1px;content: '';top: 0;height: 100%;width: 2px;background-color: #d4d4d2;}
.in-ys dl {margin: 30px 0 0;}
.in-ys dt {float: left;width: 500px;border: 2px solid #fff;box-shadow: 11px 11px 20px #d9d9d9;border-radius: 3px;overflow: hidden;}
.in-ys dd {margin-left: 700px;padding-top: 20px;}
.in-ys dd em {display: inline-block;vertical-align: top;background-color: #fc4000;color: #fff;font-style: normal;font-size: 12px;padding: 4px 15px;border-radius: 3px;margin-bottom: 10px;}
.in-ys dd h4 {margin: 0;font-size: 24px;font-weight: normal;}
.in-ys dd p {margin: 10px 0 0;background: url(../images/icon-right.png) no-repeat 0 center;padding-left: 30px;color: #666;}
.in-ys dd p span {color: #fc4000;}
.in-ys dl:nth-child(even) dt {float: right;}
.in-ys dl:nth-child(even) dd {margin: 0 700px 0 0;}


.aboutbox{padding:95px 0 0;font-family: "Microsoft Yahei";line-height:31px;color: #464646;background:url(../images/aboutbg.jpg) no-repeat center 0;position: relative;margin-bottom:25px;}
.about_p{position: absolute;left: 50%; height:460px;width:550px;border:5px solid #fff;}
.about_p img{height:460px;width:550px;}

.about{height:542px;}
.about_c{width: 575px;}
.about_c h2{height:115px;background:url(../images/line3.png) no-repeat 0 140px;font-size: 30px;line-height: 66px;color: #e60012;}
.about_c h2 em{display: block;line-height:62px;text-transform: uppercase;color: #6c6b6b;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #f7cc7d;}
.about_w{display: block;height:268px;overflow: hidden;padding: 27px 0 0;line-height: 40px;}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center;margin-top: 20px;}
.about_more a{display: inline-block;color: #2e2e2e;background:url(../images/ico05.png) no-repeat right center;padding-right: 57px;}