.publicTit .wenzi i{display: inline-block; vertical-align: sub; margin: 0 6px; width: 18px;height: 18px;background: url(../images/lx.png) no-repeat center;}
.productFour .dd{overflow: hidden; float: left; width: 16.6666666%;text-align: center;position: relative;}
.productFour .dd .ddItem{color: #fff; position: absolute; top: 0; left: 0;right: 0;bottom: 0;text-align: center; background: #fff; background: rgba(0,0,0,.3);z-index: 2;transition: .8s;-webkit-transition: .8s;}
.centerCot{ position: absolute; left: 0;right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.cpIcon{ display: inline-block; width: 120px;height: 80px;background: url(../images/cp.png) no-repeat;transition:1s;-webkit-transition: 1s;}
.cpIcon_2{background-position: 0 -160px;}
.cpIcon_3{background-position: 0 -320px;}
.cpIcon_4{background-position: 0 -480px;}
.productFour .dd .ddItem .more{ display: inline-block;background: #61A60E;color: #fff;padding: 0 20px;border-radius: 18px;line-height: 34px;}
.productFour .dd .ddItem h6{ padding: 4% 0;}
.productFour .dd >a{position: relative; display: block;overflow: hidden;}
.songti{ font-family: simsun;}
.application{ position: relative; overflow: hidden;}
.application .swiper-slide{ position: relative;}
.application .swiper-slide .xq{ display: block; position: relative;overflow: hidden;}
.appBtn,.videoBtn{z-index: 5; position: absolute; top: 50%;margin-top: -25px;background: #000; background: rgba(0,0,0,.5); border-radius: 50%;}
.appBtn{ width: 48px;line-height: 48px; height: 48px;text-align: center;color: #fff; font-size: 30px;}
.appLeft{ left: 4%;}
.appRight{ right: 4%;}
.videoBtn{ margin-top: -26px;}
.videoBtn img{ width: 34px;}
.videoLeft{ left: 0;}
.videoRight{ right: 0;}
.font24 {
    font-size: 24px;
}
.blockImg {
    display: block;
    width: 100%;height: 350px;
}
.application .swiper-slide .name{z-index: 2; position: absolute; left: 0;right: 0;top: 50%; margin-top: -20px;text-align: center;color: #fff; font-size: 17px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 40px;}
.application .swiper-slide:before{content: '';z-index: 1; position: absolute;  background:#000; left: 30%; right: 30%; top: 42%; bottom: 42%; transition:.6s;-webkit-transition: .6s; left: 0;  top:0; right: 0; bottom: 0;background: rgba(0,0,0,.5); border: 2px solid #fff;border-radius: 22px; opacity:0; -webkit-opacity:0}
.opacityTxt{color: #fff;z-index: 3; position: absolute; opacity: 0;-webkit-opacity: 0; left: 0;right: 0;text-align: center;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%;}
.opacityTxt .cell .icon{ transform: translate(0,15px);-webkit-transform: translate(0,15px); background: #fff;border-radius: 50%;height: 80px;width: 80px;}
.opacityTxt .cell .font24{ padding: 1% 0 3% 0;}
.opacityTxt .link a{background: #61a60e; display: inline-block; line-height: 34px;color: #fff;margin: 1px 5px;padding: 0 20px;border-radius: 20px;}
.opacityTxt .link a i{vertical-align: middle;position: relative;top: -1px;margin-right: 5px; display: inline-block;width: 12px;height: 12px;background: url(../images/mn.png) no-repeat;}
.application .swiper-slide .name span{ display:inline-block; border:2px solid #fff; padding:0 20px; border-radius:24px; min-width:5em; background:rgba(0,0,0,.5)}

.e_FlowCommonStyleBox-001 {
    width: 100%;
    height: auto;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:hover {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_link:active {
    color: rgba(101,190,186,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: #1890FF;
   }
   .e_FlowCommonStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
   }
   .e_FlowCommonStyleBox-001 .title_icon::before {
    content: "";
   }
   .e_FlowCommonStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
   }
   .e_FlowCommonStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: #1890FF;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
   }
   .e_FlowCommonStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
   }
   .e_FlowCommonStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
   }
   .e_FlowCommonStyleBox-001 .link_icon::before {
    content: '\e6af';
   }
   .e_FlowCommonStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }
   .e_FlowCommonStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    width-uint:%;
   }
   .e_FlowCommonStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
   }

   /*产品中心*/
.c {clear: both;}
.cptit{ text-align: center;}
.cptit h2{ color: #333333; font-size: 38px; font-weight: bold !important;}
.cptit h2 span{ color: #d10000;}
.cptit p{ color: #000; font-size: 18px;}
@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;}
.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: 55px;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cp_class_lb li .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; 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: 90px;}
.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; color: #fff;font-size: 22px;}
#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;}
}

.h_page2 .hds {
    padding: 50px 0 30px;
    text-align: center;
  }
  .h_page2 .hds h2 {
    font-size: 30px;
    line-height: 1.7;
    color: #fff;
  }
  .h_page2 .hds h2 span {
    font-weight: bold;
  }
  .h_page2 .hds p {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
  }
  .h_page2 .bd {
    padding: 85px 0 95px;
  }
  .h_page2 .bds {
    margin: 0 auto;
  }
  .h_page2 .bd .lt {
    float: left;
    width: 450px;
  }
  .h_page2 .bd .rt {
    float: right;
    width: calc(100% - 600px);
  }
  .h_page2 .bd .lt h3 {
    font-size: 20px;
    line-height: 1.7;
    color: #ffffff;
  }
  .h_page2 .bd .lt h2 {
    font-size: 32px;
    line-height: 1.7;
    color: #ffffff;
    font-weight: bold;
  }
  .h_page2 .bd .lt .line {
    width: 22px;
    height: 3px;
    background: #ff5c34;
    margin: 15px 0;
  }
  .h_page2 .bd .lt .num {
    font-size: 100px;
    line-height: 160px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 10px 0px 1px #636772;
  }
  .h_page2 .bd .lt .num i {
    font-size: 160px;
  }
  .h_page2 .bd .lt sup {
    font-weight: bold;
    text-shadow: 6px 0px 1px #636772;
    vertical-align: top;
    line-height: 1;
    margin-left: -20px;
  }
  .h_page2 .bd .lt ul {
    margin-top: 100px;
  }
  .h_page2 .bd .lt li {
    float: left;
    margin-right: 45px;
    text-align: center;
  }
  .h_page2 .bd .lt li h4 {
    font-size: 20px;
    line-height: 1.7;
    color: #ffffff;
    margin-top: 10px;
  }
  .h_page2 .bd .lt li h5 {
    font-size: 12px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.3);
  }
  .h_page2 .bd .lt li:nth-child(3) {
    margin-right: 0;
  }
  .h_page2 .bd .lt dl {
    overflow: hidden;
    margin-top: 60px;
  }
  .h_page2 .bd .lt dd {
    width: 215px;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
    color: #ffffff;
    border-radius: 22px;
    border: 1px dashed #fff;
    float: left;
    margin-bottom: 18px;
    cursor: pointer;
  }
  .h_page2 .bd .lt dd:nth-child(2n) {
    float: right;
  }
  .h_page2 .bd .lt dd.on {
    background: #ff5e36;
    border: 1px solid #ff5e36;
  }
  .h_page2 .bd .rt .imgs {
    overflow: hidden;
  }
  .h_page2 .bd .rt .imgs img {
    float: right;
    display: block;
  }
  .h_page2 .bd .rt ul {
    margin-top: 105px;
    margin-left: 70px;
  }
  .h_page2 .bd .rt ul li a {
    display: block;
    position: relative;
  }
  .h_page2 .bd .rt .pic {
    height: 565px;
    border: 8px solid #fff;
    border-radius: 20px;
  }
  .h_page2 .bd .rt li .ico {
    position: absolute;
    left: -70px;
    bottom: 35px;
    z-index: 11;
    width: 95px;
    height: 52px;
    background: url(../images/c11.png) no-repeat center #fb5a33;
  }
  .h_page2 .bd .rt li {
    display: none;
  }
  .h_page2 .bd .rt li:first-child {
    display: block;
  }


.cpinfo{ position: relative; margin-top: -12%; padding-top: 0;}
.cpinfo .home{ color: #fff; margin-bottom: 30px;}
.cpinfo .home a{ color: #fff; padding: 0 10px;}

.cpinfo_nr{ padding: 25px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.cp_left{ height: 0; padding-bottom: 38%; position: relative; overflow: hidden; }
.cp_left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right{ padding: 4%; }
.cp_right h2{ color: #333333; font-size: 32px; font-weight: bold !important; position: relative;}
.cp_right h2:before{ position: absolute; left: 0; top: -5px; content: ''; width: 18px; height: 45px; background: #d10000; border-radius: 3px; transform: skewX(-10deg);}
.cp_right h2 p{ position: relative; z-index: 1;}
.cp_right .content{ color: #999999; font-size: 16px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cp_right ul{ padding: 7% 0 !important; border-top: 1px solid #dfdfdf; position: relative;}
.cp_right ul:before{ position: absolute; left: 0; top: -1px;  content: ''; width: 20%; height: 2px; background: #d10000;}
.cp_right ul li p{ margin: 0 auto !important; width: 68px; height: 68px; line-height: 68px; text-align: center; border: 1px dashed #4b4b4b; border-radius: 100%; position: relative;}
.cp_right ul li p i{ color: #d10000; font-size: 34px;}
.cp_right ul li p:before{ position: absolute; right: 0; top: 10px; width: 10px; height: 10px; background: #d10000; border-radius: 100%; content: '';}
.cp_right ul li span{ display: block; height: 50px; line-height: 50px; color: #333333; font-size: 15px;}

.cptel{ background: #121212; border-top-left-radius: 20px; border-bottom-right-radius: 20px;  }
.cptel .zx{ width: 40%; color: #fff; font-size: 18px; background: #d10000; height: 50px; line-height: 50px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.cptel .zx a{ color: #fff;}
.cptel .zx i{ font-size: 26px; margin-right: 10px;}
.cptel .tel{ width: 60%; font-size: 26px; font-weight: bold; font-style: italic; color: #fff;}
.cptel .tel i{ font-weight: normal; font-size: 26px; margin-right: 10px;}
@media screen and (max-width:1200px){
    .cp_right{ padding-top: 0;}
    .cp_right h2{ font-size: 28px;}
    .cp_right .content{ font-size: 14px;}
    .cptel .tel{ font-size: 22px;}
    .cptel .zx{ font-size: 16px;}
    .cptel .zx i{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .cp_left{ padding-bottom: 70%;}
    .cp_right{ padding-top: 5%;}
    .cp_right h2{ font-size: 22px;}
    .cp_right h2:before{ width: 10px; height: 30px; }
}
@media screen and (max-width:768px){
    .cpinfo_nr{ padding: 15px;}
    .cptel .zx{ width: 50%;}
    .cptel .tel i{ display: none;}
    .cptel .tel{ font-size: 16px; width: 50%;}
    .cp_right ul li p{ width: 45px; height: 45px; line-height: 45px;}
    .cp_right ul li p i{ font-size: 24px;}
    .cp_right ul li p:before{ display: none;}
    .cp_right ul li span{ font-size: 12px; height: 30px; line-height: 30px;}
}


.cpinfotit{ height: 60px; line-height: 60px; background: #f9f9f9; text-align: center; overflow: hidden;}
.cpinfotit p{ display: inline-block; margin: 0 auto; background: #d10000; color: #fff; text-align: center; padding: 0 50px; font-size: 24px; font-weight: bold; position: relative;}
.cpinfotit p:before{ position: absolute; left: -15px; top: 0; content: ''; width: 7px; height: 60px; background: #d10000;}
.cpinfotit p:after{ position: absolute; right: -15px; top: 0; content: ''; width: 7px; height: 60px; background: #d10000;}

.cpnr_con{ color: #333333; font-size: 16px; padding: 3% 0 5%; line-height: 35px;}
.cpnr_con img{ max-width: 100%;}
@media screen and (max-width:1200px){
    .cpinfotit p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .cpinfotit{ height: 40px; line-height: 40px;}
    .cpinfotit p{ font-size: 16px;}
    .cpnr_con{ padding: 15px; font-size: 14px;}
}



#floor_3_main {
	background: #ebebeb;padding: 45px 0;
}
#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: -30px;
	left: 125px;
	height: 50px;
}
#floor_3_main .in_title3 .p1 {
	color: #413F40;
	font-size: 24px;
	padding: 0 5px;
	background-color: #ebebeb;
}
#floor_3_main .in_title3 .p2 {
	font-size: 40px;
	color: #B1B1B1;
	padding-right: 10px;
	background-color: #ebebeb;
}
#floor_3_main .in_title3 .p3 {
	position: absolute;
	font-size: 50px;
	color: #d10000;
	line-height: 1.0;
	height: 58px;
	width: 700px;
	font-weight: bold;
	display: block;
	top: 29px;
	left: 35px;
	text-align: center;
	background-color: #ebebeb;
}
#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: 730px;
	height: 400px;
	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: #d10000;
	border-radius: 10px;
	color: #fff;
	font-size: 46px;
	line-height: 60px;
}
#floor_3_main .proAdvant .list li .tit {
	font-size: 28px;
	color: #d10000;
	line-height: 1.5;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
}
#floor_3_main .proAdvant .list li .cont {
	font-size: 16px;
	color: #666;
	padding-top: 20px;
	text-align: justify;
}


.fl{float:left;}
.fr{float:right;}