.zoom{
    width: 100%;
    height:0; 
    padding-bottom: 100%;
    overflow:hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    }
.img-box img{ 
	max-height: 800px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: all 0.3s;
    height: auto;
    } 
.head{ background: #d0d0d0 !important;z-index: 1000; } 
.head .navGroup > ul > li > a{ color: #000000 !important;}
.head .header .navGroup > ul > li.active > a{ color: #000000 !important;}
.tit_kcjs{ width: 100%; font-family: "黑体"; clear: both; overflow: hidden; margin-bottom: 75px;   text-align: center;}
.tit_kcjs img{ width: 97%;}
.tit_kcjs .left{max-width: 290px; float: left; width: 28%;}
.tit_kcjs .left span{ writing-mode:vertical-lr; float: left; font-size: 36px;}
.tit_kcjs .left b{ float:left; width: 9px; height: 153px; display: inline-block; background: #ff0000;}
.tit_kcjs .left p{ float: left; font-size: 182px; font-family: impact; color: #020118; line-height: 146px;}
.tit_kcjs .left em{ font-size: 34px; float: left;line-height: 270px;}
.tit_kcjs .mid{ text-align: center;max-width: 588px; float: left; width: 46%;    margin-left: 10%;}
.tit_kcjs .mid p{ font-size: 110px; color: #020118; letter-spacing: 34px; line-height: 110px; }
.tit_kcjs .mid img{max-width: 588px; margin: 0 auto; width: 100%;}
.tit_kcjs .right{ max-width: 291px; float: right; width: 25%;}
.tit_kcjs .right img{ width: 100%;}
.tit_mk{ display: none;}
.w1632 { max-width:1632px; width: 96%; margin:0 auto;}
.w1540 { max-width:1920px; width: 96%; margin:0 auto;}
.heis{background:#000000;}

.section_1{ background: url(../img/kb/kb_1.jpg) no-repeat center; background-size: cover; transition: all 1s; clear: both; overflow: hidden; padding: 85px 0;}
/*.ddskd{background: #000;}*/
.prodBox{ width: 100%; position: relative; z-index: 10;}
.prodBox .hd{margin:0 auto; width: 82%; height: 60px; transition: all 0.3s; top: 60px; margin: 0 auto; left: 0; right: 0;     position: absolute; z-index: 10000;}
.prodBox .hd ul li{float: left; width: 14%; text-align: center; color:#bec0c0; line-height: 50px; z-index: 0;cursor: pointer; border-radius: 30px; transition: all 0.3s;}
.prodBox .hd ul li:last-child{ margin-right: 0;}
.prodBox .hd ul li p{color: #bec0c0; font-size: 20px; position: relative;}
.prodBox .hd ul li.on p{ color: #ffffff; border-radius: 30px; cursor: pointer; background: #eb5b05; font-size: 30px; transition: all 0.3s;}
.content{ padding: 120px 0 0; position: relative; }
.content:before{ background: url(../img/kb/kb_3.jpg) no-repeat center top; width: 100%; width: 100%; height: 895px; content: ""; display: block; background-size: cover; -moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #333333; position: absolute; top: -20px; }
.content2:before{background: url(../img/kb/kb_6.jpg) no-repeat center top; }
.content3:before{background: url(../img/kb/kb_6.jpg) no-repeat center top; }
.content5:before{background: url(../img/kb/kb_4.jpg) no-repeat center top; }
.content6:before{background: url(../img/kb/kb_3.jpg) no-repeat center top; }
.content7:before{background: url(../img/kb/kb_2.jpg) no-repeat center top; }
.box_1{ width: 80%; margin: 0 auto; display: flex; position: relative;}
.box_1 .box_left{ width: 45%;}
.box_1 .box_right{ width: 50%; margin-left: 5%;}
.box_31{ display: none;}
.box_41{ width: 100%;}
.box_5{ display: block;}

.news-box3 img{ width: 100%;}
.box_2{ margin-top: 80px;}
.box_tit{ font-family: "Pangmen"; font-size: 60px; color: #ffffff; position: relative;}
.box_tit em{ width: 80%; max-width: 140px; background: #eb5b05; display: block; height: 5px; margin-top: 5px;}
.box_tit em.c1{background: #eb5b05; max-width: 180px;}
.box_tit em.c2{background: #04b8b9; max-width: 180px;}
.box_tit em.c3{background: #fac400; max-width: 180px;}
.box_tit em.c4{background: #a4d057; max-width: 180px;}
.box_tit em.c5{background: #5ba723; max-width: 180px;}
.box_tit em.c6{background: #24d3ff; max-width: 180px;}
.box_tit em.c7{background: #e7003f; max-width: 180px;}
.dot_1{ width: 100%; margin: 60px auto 30px auto;}
.dot_1 img{ max-width: 100%; }
.dot_2{overflow-y:auto; max-height: 414px; }
.dot_2 div{padding-right: 2%;}

.tab_pro{width: 96%; border-spacing: 0; color: #ffffff; font-size: 14px; margin-right: 4%;}
.tab_pro tr{ text-align: left; padding: 10px; }
.tab_pro tr td{ border-bottom: 2px solid #ffffff;padding: 10px 0; position: relative;word-break: break-all;}
.tab_pro .td1{ width: 12%; text-align: center; }
.tab_pro .td2{ width: 16%; text-align: center; word-break: break-all !important;}
.tab_pro .td3{ width: 27%; text-align: center;}
.tab_pro .td4{ width: 45%; text-align: center;}
.tab_pro .td3 p{ text-align: left; padding: 0 10px;}
.tab_pro .td4 p{ text-align: left; padding: 0 10px;}

.tab_pro.tab_1 tr:first-child{ background: #eb5b05; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_2 tr:first-child{ background: #04b8b9; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_3 tr:first-child{ background: #fac400; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_4 tr:first-child{ background: #a4d057; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_5 tr:first-child{ background: #5ba723; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_6 tr:first-child{ background: #24d3ff; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}
.tab_pro.tab_7 tr:first-child{ background: #e60040; text-align: center; font-size: 16px; position: sticky; z-index: 1; top: 0;}

.tab_pro tr:first-child{ background: #eb5b05; text-align: center; font-size: 16px;}
.tab_pro tr:first-child td{ border-bottom: 0;}
.tab_pro tr:first-child .td1:after{ width: 2px;  height: 80%; content: ""; background: #ffffff; position: absolute; right: -5px; top: 10%;}
.tab_pro tr:first-child .td2:after{ width: 2px;  height: 80%; content: ""; background: #ffffff; position: absolute; right: -5px; top: 10%;}
.tab_pro tr:first-child .td3:after{ width: 2px;  height: 80%; content: ""; background: #ffffff; position: absolute; right: 0; top: 10%;}

.dot_2::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.dot_2::-webkit-scrollbar-thumb { /*滚动条里面小方块*/border-radius: 10px; background-color: rgba(163, 163, 164, 1) ;}
.dot_2::-webkit-scrollbar-track {/*滚动条里面轨道*/box-shadow: inset 0 0 5px #626162; background: #626162; border-radius: 10px;}
.swiper-container-fade .swiper-slide{ opacity: 0 !important; visibility: hidden; transition: all 0.05s;}
.swiper-container-fade .swiper-slide-active{ opacity: 1 !important;  visibility: visible; transition: all 0.05s;}
.swiper-container-fade .swiper-slide-prev{ opacity: 0;  visibility: hidden; transition: all 0.05s;}
#swiper_prod .swiper-button-disabled{ opacity: 1;}
#swiper_prod .swiper-slide-active .box_tit p{
	animation-name: fadeInUp;
	animation-delay: 0.2s;
	animation-duration: 1s;
	animation-fill-mode: both;
   data-wow-iteration:1;
}
#swiper_prod .swiper-slide-active .box_32{
	animation-name: fadeInUp;
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: both;
   data-wow-iteration:1;
}
#swiper_prod .swiper-slide-active .box_tit em{
	animation-name: fadeInUp;
	animation-delay: 0.4s;
	animation-duration: 1s;
	animation-fill-mode: both;
    data-wow-iteration:1;
}
#swiper_prod .swiper-slide-active .dot_1{
	animation-name: fadeInUp;
	animation-delay: 0.6s;
	animation-duration: 1s;
	animation-fill-mode: both;
    data-wow-iteration:1;
}
#swiper_prod .swiper-slide-active .dot_2{
	animation-name: fadeInUp;
	animation-delay: 0.8s;
	animation-duration: 1s;
	animation-fill-mode: both;
    data-wow-iteration:1;
}
/* 纵向导航条 */
#swiper_prod .swiper-pagination {width: 5px; height: 50%;top: 20%;left: 5%;  background: #8f92a1; }
/* 导航条按钮样式 */
#swiper_prod .swiper-pagination-bullet { width: 5px; height: 14%; border-radius: 0;  margin: 0; opacity: 1;   background: #8f92a1;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active{ background: #eb5b05 !important;}
.swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{ background: #04b8b9 !important;}
.swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{ background: #fac400 !important;}
.swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{ background: #a4d057 !important;}
.swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{ background: #5ba723 !important;}
.swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{ background: #24d3ff !important;}
.swiper-pagination-bullet:nth-child(7).swiper-pagination-bullet-active{ background: #e60040 !important;}
/* 上一个下一个按钮 */
#swiper_prod .swiper-button-prev { top: 73%; background: #eb5b05; right: 0;  left: auto; width: 78px; height: 78px;z-index: 100; }
#swiper_prod .swiper-button-next { background: #eb5b05; right: 0; top: 81%; left: auto; transform: rotate(180deg); width: 78px; height: 78px;z-index: 100; }
/* swiper中的颜色 */
.color { display: block;  /*width: 50px; height: 50px; background-color: transparent;*/}
:root {--swiper-navigation-size: 44px;--swiper-navigation-color: #007aff;} 
.swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer;display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, #007aff); }
.section_2{ background: #000000;  padding: 120px 0 60px;}
.tit_x1{  position: relative;}
.tit_x1 p{z-index: 100; font-size: 36px; color: #000000; position: relative;}
.tit_x1:after{ width: 100%; max-width: 153px; height: 17px; background:#ff8421; position: absolute; left: 0; bottom: 4px; content: ""; z-index: 0;}
.box_list {display: flex;justify-content: space-between; flex-wrap: wrap;}
.box_list li{ list-style: none;  width: calc((100% - 26px) / 3); margin-right: 13px; margin-bottom: 13px;}
.box_list li:nth-child(3n){ margin-right: 0;}

.tit_x2{ font-size: 25px; padding: 30px 0; color: #ffffff; max-width: 1500px; margin: 0 auto;}
.tit_x2 em{ max-width: 401px;}
.tit_x2 em img{ width: 100%; max-width: 401px;filter: invert(1);}
.case_zp{ width:76%; position: relative;}
.case_zp img{ width: 100%;}
.prodBox1{ width: 100%; position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap;}
.prodBox1 .hd{margin:0 auto; width: 24%; transition: all 0.3s;}
.prodBox1 .hd ul li{width: 100%; text-align: center; position: relative; z-index: 0;cursor: pointer;transition: all 0.3s;height: 20%;}
.prodBox1 .hd ul li img{ width: 100%;}
.prodBox1 .hd ul li .zhezhao{ width: 100%; height: 100%;}
.prodBox1 .hd ul li a:before{ width: 100%; height: 100%; border-left: 0px solid #ff7200; content: ""; background-color: rgb(0,0,0,0.5);left: 0;top: 0;display: block; position: absolute; transition: all 0.3s;}
.prodBox1 .hd ul li:first-child:hover::before{width: 100%; height: 100%; border-left: 7px solid #ff7200; content: ""; background-image: linear-gradient(to right, rgb(255,114,0,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s; background-color: rgb(0,0,0,0);}
.prodBox1 .hd ul li:nth-child(2):hover::before{width: 100%; height: 100%; border-left: 7px solid #e7003f; content: ""; background-image: linear-gradient(to right, rgb(231,0,63,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
} 
.prodBox1 .hd ul li:nth-child(3):hover::before{width: 100%; height: 100%; border-left: 7px solid #fac400; content: ""; background-image: linear-gradient(to right, rgb(250,196,0,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(4):hover::before{width: 100%; height: 100%; border-left: 7px solid #04b8b9; content: ""; background-image: linear-gradient(to right, rgb(4,184,185,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(5):hover::before{width: 100%; height: 100%; border-left: 7px solid #24d3ff; content: ""; background-image: linear-gradient(to right, rgb(36,211,255,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(6):hover::before{width: 100%; height: 100%; border-left: 7px solid #9950d1; content: ""; background-image: linear-gradient(to right, rgb(153,80,209,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:first-child.on a:before{width: 100%; height: 100%; border-left: 7px solid #ff7200; content: ""; background-image: linear-gradient(to right, rgb(255,114,0,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s; background-color: rgb(0,0,0,0);
}
.prodBox1 .hd ul li:nth-child(2).on a:before{width: 100%; height: 100%; border-left: 7px solid #e7003f; content: ""; background-image: linear-gradient(to right, rgb(231,0,63,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(3).on a:before{width: 100%; height: 100%; border-left: 7px solid #fac400; content: ""; background-image: linear-gradient(to right, rgb(250,196,0,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(4).on a:before{width: 100%; height: 100%; border-left: 7px solid #04b8b9; content: ""; background-image: linear-gradient(to right, rgb(4,184,185,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(5).on a:before{width: 100%; height: 100%; border-left: 7px solid #24d3ff; content: ""; background-image: linear-gradient(to right, rgb(36,211,255,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:nth-child(6).on a:before{width: 100%; height: 100%; border-left: 7px solid #9950d1; content: ""; background-image: linear-gradient(to right, rgb(153,80,209,0.5), rgba(255,255,255,0.1)); left: 0;top: 0;display: block; position: absolute;transition: all 0.3s;background-color: rgb(0,0,0,0); 
}
.prodBox1 .hd ul li:last-child{ margin-right: 0;}
.prodBox1 .hd ul li p{color: #ffffff; font-size: 12px; z-index: 100; left: 10%; bottom: 10%; position: relative; position: absolute;}
.prodBox1 .hd ul li.on p{ color: #ffffff; transition: all 0.3s;}
.box_3{ position: absolute; color: #ffffff; left: 10%;top: 12%; width: 100%; max-width: 489px;}
.box_3 a{ color: #ffffff; font-size: 12px; margin: 20px 0; display: block;}
.title{ font-size: 46px; color: ffffff;}
.line1{ width: 100%; max-width:489px; height: 4px; background: url(../img/kb/line.png) no-repeat left center;}
.subtitle{ width: 100%; max-width: 400px; font-size: 12px; line-height: 26px; padding-top: 20px; display: block;}

.same-morebox{  margin: 0 auto; width: 100%; max-width: 300px; background: url(../img/kb/more_bg.png) no-repeat center center;  text-align: center;}
.same-morebox p{ padding: 30px; font-size: 20px; color: #fff;}
.same-morebox:hover p{ color: #e7831a;}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}

.list_pic{cursor:pointer; position: relative; display: flex; margin: 60px 0; justify-content: left;flex-wrap: wrap;}
.ds_content4{overflow: hidden; width: calc((100% - 24px) / 3); margin-right: 12px; margin-bottom: 12px; text-align: center; max-height: 338px;}
.ds_content4:nth-child(3n){ margin-right: 0px;}
.ds_content4 img{ width: 100%; transition: all 0.3s;}
.ds_content4 >div:hover img{ transition: all 0.3s; transform: scale(1.1);}
.ds_content4 >div{overflow: hidden;}
.ds_content4 >div a{display: block;width: 100%;overflow: hidden;}

.show_page{overflow: hidden;text-align: center;margin-top: 55px;margin-bottom: 60px;}
.show_page a{font-size: 14px;color:#666666;display: inline-block;margin-left: 6px;margin-right: 6px;}
.show_page a.on{color:#000;}
.xq_rex{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(000,000,000,0.5);display: flex;justify-content: center;align-items: center;display: none;opacity: 0;z-index: 100000;}
.xq_rex >div{    width: 84%; overflow: hidden;position: relative;     top: 0%;}
.xq_rex iframe{display: block; width: 80%; height: 850px; margin: 0 auto;}
.gb{position: absolute;top: 200%; right: 1%;opacity: 0;display: none;}
.ds_xq_box{width: 100%;min-width: 954px;}
.ds_xq{width: 954px;margin: 0 auto;overflow: hidden;}
.ds_xq1{text-align: center;font-size: 30px;color:#000000;line-height: 126px;border-bottom: 1px solid #F2F2F2;}
.ds_xq2{height: 680px;margin-top: 30px;font-size: 16px;color:#000000;line-height: 32px;overflow-y:auto;}

.xian1{display: flex; opacity: 1;}
.gbs{position: fixed;top:0;right: 0;width: 100%;height: 40px;z-index: 20000000;}
.gbs >div{width: 1122px;margin: 0 auto;position: relative;}
.gbs.xian1 .gb{display: block;opacity: 1;animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;}

.two{height:70px;overflow:hidden; width:100%; position:relative; }
.two ul{width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.two ul li{display:block;float:left;position:relative;/*margin-right: 10px;*/}

@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}

.pro{ width: 100%; max-width:1200px; margin: 0 auto 0;}
.img-box{margin: 0 auto;
    width: 80%;
    text-align: center;
    overflow: hidden;
    min-height: 600px;
    vertical-align: middle;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
        height: 100vh;
    }

.pro .swiper-button-next,.pro .swiper-button-prev{  display: inline-block; border-radius: 100%; text-align: center; line-height: 5.2rem;    filter: grayscale(100%) brightness(400%); width: 5rem; height: 5rem; background-size: contain;}
.pro .swiper-button-prev{ left: 0;}
.pro .swiper-button-next{ right: 0;}
.pro .swiper-button-next i,.pro .swiper-button-prev i{ font-size: 3rem; color: #f39a13;}  

.biaoti{display: flex;justify-content: space-between;flex-wrap: wrap;}
.biaoti li{ font-size: 36px; color: #000000; position: relative; }
.biaoti li p{z-index: 100; font-size: 36px; color: #000000; position: relative;}
.biaoti li a p{ color: rgb(255,255,255,0.5);}
.biaoti li:hover a p{color: #fff;}
.biaoti li a:after{width: 0; max-width: 153px; height: 17px;  position: absolute; left: 0; bottom: 4px; content: ""; z-index: 0; transition: all 0.3s;}
.biaoti li a:hover::after{ width: 100%; transition: all 0.3s;}
.biaoti li:first-child a:after{background:#ff8421;}
.biaoti li:nth-child(2) a:after{background:#e7003f;}
.biaoti li:nth-child(3) a:after{background:#fac400;}
.biaoti li:nth-child(4) a:after{background:#fac400; /*background:#04b8b9;*/}
.biaoti li:nth-child(5) a:after{background:#04b8b9; /*background:#24d3ff;*/}
.biaoti li:nth-child(6) a:after{background:#24d3ff; /*background:#fac400;*/}
.biaoti li:last-child a:after{background:#9950d1; /*background:#9950d1;*/}
.biaoti li.on a p{color: #fff;}
.biaoti li.on a:after{background:#ff8421; width: 100%;}
.biaoti li:first-child.on a:after{background:#ff8421; width: 100%;}
.biaoti li:nth-child(2).on a:after{background:#e7003f; width: 100%;}
.biaoti li:nth-child(3).on a:after{background:#fac400; width: 100%;}
.biaoti li:nth-child(4).on a:after{background:#fac400; width: 100%;}
.biaoti li:nth-child(5).on a:after{background:#04b8b9; width: 100%;}
.biaoti li:nth-child(6).on a:after{background:#24d3ff; width: 100%;}
.biaoti li:last-child.on a:after{background:#9950d1; width: 100%;}  

.pad_top{padding: 120px 0; position: relative;}


.tit_jn{ font-size: 16px; color: #ffffff; letter-spacing: 5px; width: 82%; margin: 0 auto;}

.news-box4 { position: relative;}
.news-box4 img{width: 100%;}
.news-box4 p{position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0%;
    color: #ffffff;
    z-index: 10;
    width: 80%;
    text-align: center;
    font-size: 16px;
    display: flex;justify-content: center;align-items: center;
    height: 100%;
    }

.xinzeng{width: 75%; margin: 15px auto 15px 9.2%; position: relative;}
.xinzeng:before{ width: 380px; height: 70px; content: ""; background:url(../img/kb/zz_left.png) no-repeat right center;  left: -4%;top: 0; position: absolute; z-index: 10;}
.xinzeng:after{ width: 380px; height: 70px; content: ""; background:url(../img/kb/zz_right.png) no-repeat right center; right: 0;top: 0; position: absolute; z-index: 10;}
.down{ position: absolute; width: 62px; height: 106px; bottom: 5px; right:25%;animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;}
@media only screen and (min-width: 1440px) and (max-width: 1632px) {}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  .box_tit{font-size: 48px;}
  .prodBox .hd ul li.on p{ font-size: 24px;}
  .tit_kcjs .mid{    margin-left: 4%;}
  .tit_kcjs .mid p{font-size: 82px;line-height: 88px}
  .tit_kcjs .left{ width: 25%;}
  .tit_kcjs .left p{ font-size: 150px;line-height: 122px;}
  .tit_kcjs .left span{font-size: 30px;}
  .tit_kcjs .left b{    width: 7px;height: 119px;}
  .tit_kcjs .left em{    line-height: 215px;}
  .tit_kcjs .right{    width: 20%;}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .prodBox .hd{ width: 96%;}
  .prodBox .hd ul li.on p{ font-size: 24px;}
  .prodBox .hd ul li p{font-size: 18px;}
  .box_tit { font-size: 38px;}
  #swiper_prod .swiper-button-next{  width: 60px; height: 60px;     top: 81%;}
  #swiper_prod .swiper-button-prev{ width: 60px;height: 60px; top: 73%;}
  .dot_2{    max-height: 260px;}
   .biaoti li a p{ font-size: 28px;}
  .biaoti li a:after{    height: 12px;}
  .tit_kcjs .mid{    margin-left: 4%;}
  .tit_kcjs .mid p{font-size: 70px;line-height: 88px}
  .tit_kcjs .left{ width: 25%;}
  .tit_kcjs .left p{ font-size: 130px;line-height: 122px;}
  .tit_kcjs .left span{    font-size: 28px;}
  .tit_kcjs .left b{    width: 5px;height: 119px;}
  .tit_kcjs .left em{     line-height: 205px;font-size: 28px;}
  .tit_kcjs .right{    width: 20%;}
  
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .prodBox .hd{ width: 90%;  height: 40px;}
  .prodBox .hd ul li{ height: 40px; line-height: 40px;}
  .prodBox .hd ul li.on p{ font-size: 18px;}
  .prodBox .hd ul li p{font-size: 16px;}
  .box_tit { font-size: 28px;}
  .box_2{ margin-top: 50px; }
  .dot_1{ margin: 40px auto 30px auto;}
  #swiper_prod .swiper-button-next{ width: 60px; height: 60px; top: 81%;}
  #swiper_prod .swiper-button-prev{  width: 60px;height: 60px; top: 73%;}
  #swiper_prod .swiper-pagination{ left: 2%;}
  .dot_2{ max-height: 159px;}
  .ds_content4{overflow: hidden; width: calc((100% - 12px) / 2); margin-right: 12px; margin-bottom: 12px;}
  .ds_content4:nth-child(2n){ margin-right: 0;}
  .tit_kcjs .mid{    margin-left: 4%;}
  .tit_kcjs .mid p{font-size: 60px;line-height: 65px;letter-spacing: 21px;}
  .tit_kcjs .left{ width: 25%;}
  .tit_kcjs .left p{ font-size: 100px;line-height: 95px;}
  .tit_kcjs .left span{      font-size: 24px;}
  .tit_kcjs .left b{    width: 6px;height: 100px;}
  .tit_kcjs .left em{ line-height: 156px;font-size: 24px;}
  .tit_kcjs .right{    width: 20%;}
  .biaoti li a p{ font-size: 28px;}
  .biaoti li a:after{ height: 12px !important;}
}
@media only screen and (max-width: 768px){
	.down{  width: 31px; height: 53px;}
	body.scroll-wrap{ background: none;}
	.section_1{padding: 45px 0;}
	.prodBox .hd{ top: 30px;     width: 100%;}
	.prodBox .hd ul li:first-child{ width: 13%;}
	.prodBox .hd ul li:nth-child(2){ width: 18%;}
	.prodBox .hd ul li:nth-child(6){ width: 13%;}
	.prodBox .hd ul li{line-height: 27px;}
	.prodBox .hd ul li.on p{ font-size: 12px;  line-height: 40px; line-height: 27px; border-radius: 24px;}
	.prodBox .hd ul li p{font-size: 12px;}
	.box_1{ display: block; width: 90%;}
	.box_1 .box_left{ width: 100%;}
	.box_1 .box_right{ width: 100%; margin-left: 0;    margin-top: 15px;}
	.box_1 .box_left{ width: 100%; clear: both; overflow: hidden;}
	.box_1 .box_right{ width: 100%; margin-left: 0;}
	.tab_pro{ width: 100%; margin-right: 0; font-size: 12px;}
	.tab_pro.tab_1 tr:first-child{font-size: 12px;}
	.tab_pro.tab_2 tr:first-child{font-size: 12px;}
	.tab_pro.tab_3 tr:first-child{font-size: 12px;}
	.tab_pro.tab_4 tr:first-child{font-size: 12px;}
	.tab_pro.tab_5 tr:first-child{font-size: 12px;}
	.tab_pro.tab_6 tr:first-child{font-size: 12px;}
	.tab_pro.tab_7 tr:first-child{font-size: 12px;}
	.tab_pro .td4{width: 41%;}
	.tab_pro .td1{ width: 16%;}
	.tab_pro tr:first-child .td1:after{right: 0px;}
  .box_5{ display: block;}
  .box_31{display: block !important; width: 55%; float: left; margin-right: 5%;}
  .box_41{width: 40% !important; float: right;}
  .box_tit{ font-size:22px;}
  .box_tit em{    height: 2px;}
	.content{  padding: 100px 0 0;}
	.box_tit{ font-size: 16px;}
	.content:before{min-height: 1200px; height: auto;}
	#swiper_prod .swiper-pagination{ width: 2px; left: 2%;    top: 40.5%;}
	#swiper_prod .swiper-pagination-bullet{ width: 2px; left: 2%;}
	.box_2{margin-top: 20px; display: none;}
	.box_tit{ font-size:22px;}
	#swiper_prod .swiper-button-next{top: 98%; left: 49%; width: 40px;  height: 40px;}
	#swiper_prod .swiper-button-prev{ top: 98%; left: 39%; width: 40px; height: 40px;}
	.dot_1{margin: 10px auto 10px auto;  margin: 20px auto 20px auto;}
	.tit_x2 em img{ width: 80%;}
	/*xueshengzuopin*/
	.prodBox1 .hd{ width: 100%; float: none; display: inline-block;}
	.prodBox1 .hd ul li{ width: 16.6%; float: left;}
	.swiper-container{ width: ;}
	.prodBox1 .hd ul li:first-child.on:before{   border-left: 2px solid #ff7200;}
	.prodBox1 .hd ul li:nth-child(2).on:before{    border-left: 2px solid #e7003f;}
	.prodBox1 .hd ul li:nth-child(3).on:before{    border-left: 2px solid #fac400;}
	.prodBox1 .hd ul li:nth-child(4).on:before{    border-left: 2px solid #04b8b9;}
	.prodBox1 .hd ul li:nth-child(5).on:before{    border-left: 2px solid #24d3ff;}
	.title{ font-size: 28px;}
	.line1{ width: 50%;}
	.case_zp{ width: 100%;}
	.tit_kcjs{ display: none;}
	.tit_mk { display: block;}
	.tit_mk img{ max-width: 100%;}
/*.tit_kcjs .mid{     width: 100%;  margin-left: 0;}
  .tit_kcjs .mid p{font-size: 60px;line-height: 65px;letter-spacing: 21px;}
  .tit_kcjs .left{ width: 100%; text-align: center;}
  .tit_kcjs .left p{     font-size: 44px;  line-height: 40px;}
  .tit_kcjs .left span{writing-mode: horizontal-tb; font-size: 24px;    margin-right: 10px; margin-left: 27%;}
  .tit_kcjs .left b{      width: 2px;    height: 37px; margin-right: 10px;}
  .tit_kcjs .left em{        line-height: 59px;font-size: 16px; margin-left: 5px;}
  .tit_kcjs .right{display: none;}*/
  .ds_content4{overflow: hidden; width: calc((100% - 12px) / 2);margin-right:12px; margin-bottom: 12px; max-height: 114px;}
  .ds_content4:nth-child(2n){ margin-right:0; }
 .xq_rex iframe{ width: 95%;}
 .img-box{ width: 100%;}
 .xq_rex >div{ width: 95%;top: 20%;}
 .biaoti li a p{ font-size: 14px;}
  .biaoti li a:after{ height: 6px !important;}
  .pad_top{padding: 20px 0; position: relative;}
  .list_pic{ margin: 20px 0;}
  .img-box img{ width: 100%;}
  .pro .swiper-button-next,.pro .swiper-button-prev{  width: 3rem; height: 3rem; background-size: contain;}
  .dot_2{margin-bottom: 80px;}
  .box_32{padding-top: 10px; position: relative;}
  .box_32.k1:before{ background: #eb5b05;}
  .box_32.k2:before{ background: #04b8b9;}
  .box_32.k3:before{ background: #fac400;}
  .box_32.k4:before{ background: #a4d057;}
  .box_32.k5:before{ background: #5ba723;}
  .box_32.k6:before{ background: #24d3ff;}
  .box_32.k7:before{ background: #e60040;}
  .box_32:before{ position: absolute; z-index: 1; width: 4px; height: 4px; border-radius: 4px; left: 0; top: 17px; content: ""; display: block;}
  .box_32 p{color: #ffffff; font-size: 12px; padding-left: 10px;}
  
  .two{ height: 40px;}
  .two ul li{ width: 180px;}
  .news-box4 p{ font-size: 12px; width: 90%;}
  .xinzeng{ width: 96% !important; margin: 15px auto 15px 2.2% !important;}
  .xinzeng:after{width: 80px; height: 40px;right: -4%; display: none; background-size: contain; background-repeat: repeat-y;}
  .xinzeng:before{  width: 80px;height: 40px; display: none; left: -2%;background-size: cover;}
  .tit_jn{width: 96%;}
}


#imgModule{background: #000000}