/*产品中心*/
.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){}
.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:800px; padding:0px 50px 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;}


.about{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom:40px; 
  }
  .about .apic{
    width: 1200px;
    height: 360px;
    overflow: hidden;
    margin: 0 auto;
  }
  .about .apic img{
    width: 1200px;
    height: 360px;
    overflow: hidden;
  }
  .about .atext{
    width: 1200px;    
    overflow: hidden;
  } 
  .about .atext h3{
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
  }
  .about .atext .desc{
    width: 1200px;
    margin: 0 auto;
    line-height: 28px;
    font-size: 16px;
  }
  .aboutbox{background: url(../images/xhe_14.jpg) no-repeat center 0px;height: 500px;}
  .about{padding-top:4px;}
  .ab-left{width: 500px;float: right;margin:80px 0 0 50px;}
  .ab-left img{width:100%;}
  .ab-right{width:600px;float: left;margin-top: 80px;}
  .ab-bt{ line-height:40px; background:url(../images/11193881_1658975849.png) no-repeat left bottom; padding-bottom:10px;}
  .ab-bt h3{font-size:36px; color:#000; display:block; font-weight:bold;}
  .ab-bt span{font-size:20px; color:#111;}
  /*.ab-bt a{display: block;width: 147px;height: 56px;float: right;}*/
  .ab-con{color: #1c1c1c;line-height: 33px; padding:0px 0px; text-align:justify;}
  .ab-con p{font-size: 18px; text-indent: 2rem;}
  .ab_link{background: url(../images/11193763_1658975516.png) no-repeat center 0px; height:55px; line-height:55px; width:195px; clear:both; text-align:center; font-size:16px; color:#111;}
  .ab_link a{display:block;background:url(../images/62e1f8482bd47.png) no-repeat 150px center;}

/*slip*/
.c {clear: both;}
.index_slip1 {
	width: 100%;
	height: 280px;
	background: url(../images/ixbannerbg.png) no-repeat center center;
}
.index_slip1 .w1200 {
	height: 200px;
}
.index_slip1 .img {
	width: 384px;
	height: 280px;
	display: block;
	position: absolute;
	left: 311px;
	bottom: -30;
}
.index_slip1 .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.index_slip1 .slip_tit {
	padding-left: 465px;
	
}
.index_slip1 .slip_tit .tit1 {
	padding-top: 75px;
	font-size: 46px;
	line-height: 50px;
	color: #fff;
	letter-spacing: 3px;
}
.index_slip1 .slip_tit .tit1 b {
	color: #f6ff00;
}
.index_slip1 .slip_tit .tit2 {
	margin-top: 5px;
	font-size: 46px;
	line-height: 50px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 3px;
}
.index_slip1 .slip_tit .tit3 {
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
	color: #fff;
}
.index_slip1 .slip_tit .tit3 b {
	font-size: 26px;
	font-weight: bold;
}
.index_slip2 {
	width: 100%;
	height: 200px;
	background: url(../images/ixbannerbg.png) no-repeat center center;
}
.index_slip2 .w1200 {
	height: 200px;
}
.index_slip2 .img {
	width: 280px;
	height: 180px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.index_slip2 .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.index_slip2 .slip_tit {
	padding-left: 440px;
	width: 760px;
	text-align: center;
}
.index_slip2 .slip_tit .tit1 {
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
}
.index_slip2 .slip_tit .tit1 b {
	color: #f6ff00;
}
.index_slip2 .slip_tit .tit2 {
	margin-top: 10px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
}
.index_slip2 .slip_tit .tit3 {
	display: inline-block;
	margin-top: 10px;
	font-size: 20px;
	color: #fff;
}
.index_slip2 .slip_tit .tit3 b {
	font-size: 26px;
	font-weight: bold;
}
  /*产品优势*/


/* company */
.fl {
    float: left;
}

.fr {
    float: right;
}
.title{
	width: 100%;
	margin: 20px auto;
}
.title p{

	color: #e8e8e8;
	font-size: 60px;
	font-family: sans-serif;
	font-weight: bolder;
	text-transform: capitalize;
	margin-bottom: -5px;
}
.title h3{
	color: #333333;
	font-weight: bolder;
	font-size: 28px;
	display: inline-block;
	margin: auto;
	position: relative;
}
.title h3 font{
	color: #ca2c18;
}
.title span{
	color: #6c6c6c;
	font-size: 25px;
	line-height: 3;
	display: inline-block;
}

.ftitle {
	width: 100%;
	margin: 0px 0 15px 0;
}

.ftitle h3 {
	font-size: 40px;
	color: #3f3f3f;
	text-align: center;
	position: relative;
	background: url(../img/tit-x1.png) no-repeat center 37px;
	background-size: 100% 30%;
}

.ftitle h3 span {
	color: #ca2c18;
}

.ftitle p {
	text-align: center;
	line-height: 55px;
}
#floor_3_main {
	background: #fff;
}
#floor_3_main .in_title3 {
	position: relative;
	width: 100%;
	height: 140px;
}
#floor_3_main .in_title3 .bg {
	width: 1200px;
	height: 60px;
	margin-top: 50px;
	border: 3px solid #d9d9d9;
	box-sizing: border-box;
}
#floor_3_main .in_title3 p {
	position: absolute;
	width: 845px;
	top: -18px;
	left: 125px;
	height: 50px;
}
#floor_3_main .in_title3 .p1 {
	color: #413F40;
	font-size: 24px;
	padding: 0 5px;
	background-color: #FFFFFF;
}
#floor_3_main .in_title3 .p2 {
	font-size: 40px;
	color: #B1B1B1;
	padding-right: 10px;
	background-color: #FFFFFF;
}
#floor_3_main .in_title3 .p3 {
	position: absolute;
	font-size: 50px;
	color: #dc0000;
	line-height: 1.0;
	height: 58px;
	width: 700px;
	font-weight: bold;
	display: block;
	top: 29px;
	left: 35px;
	text-align: center;
	background-color: #FFFFFF;
}
#floor_3_main .proAdvant {
	margin-top: 0;
}
#floor_3_main .proAdvant .list {
	width: 100%;
}
#floor_3_main .proAdvant .list li {
	width: 100%;
	margin-bottom: 20px;
}
#floor_3_main .proAdvant .list li a {
	display: block;
}
#floor_3_main .proAdvant .list li .img {
	width: 530px;
	height: 300px;
	margin-left: 0;
	margin-right: 20px;
}
#floor_3_main .proAdvant .list li:nth-child(2n) .img {
	margin-left: 20px;
	margin-right: 0;
}
#floor_3_main .proAdvant .list li .title {
	width: 650px;
}
#floor_3_main .proAdvant .list li .title .shu {
	border-bottom: 1px dashed #b2b2b2;
	padding-bottom: 20px;
	text-align: center;
}
#floor_3_main .proAdvant .list li .title .shu span {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #dc0000;
	border-radius: 10px;
	color: #fff;
	font-size: 46px;
	line-height: 60px;
}
#floor_3_main .proAdvant .list li .tit {
	font-size: 28px;
	color: #dc0000;
	line-height: 1.5;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
}
#floor_3_main .proAdvant .list li .cont2 {
	font-size: 16px;
	color: #666;
	padding-top: 20px;
	text-align: justify;
}