/* CSS Document */
.bg-box .bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
}
.por {position: relative;}
.line {
    width:40px;
    height:3px;
    background:#f8811e;
    margin: 15px auto;
}
.factory-wrap{position: relative;z-index: 3;}
.factory-box1{position: relative;}
.factory-box1 .bg-box{height: 100vh}
.factory-box1 .text-box{
    position: absolute;
    left: 0;
    top: 22.22%;
    width: 100%;
    text-align: center;
}

.factory-tit{
	line-height:30px;	
	font-weight: bold;
    text-align: center;	
	text-transform:capitalize;
}
.factory-txt{
	margin-top:20px;	
    text-align: center;	
	color:#595959
}
.factory-con{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 16px auto 0;
    width: 66%;
    text-align: center;
}
.factory-box2 .img img{width: 100%;}
.factory-box2 .text-box{
    padding:80px 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-align: center;
}
.factory-box1 .factory-tit{font-size: 50px;line-height: 54px;}
.factory-box2 .factory-tit{color: #333;}
.factory-box2 .factory-con{
    color: #666;
    font-size: 18px;
    width: 90.28%;
    margin-top: 30px;
}

.factory-box3{
    position: relative;
    padding: 80px 0;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.factory-box3 .factory-tit{
    color: #333;
    text-align: center;
}

.factory-box3 .img-wrap{
    width: 80%;
    margin: .25rem auto 0;
    position: relative;
    text-align: center;
}

.factory-box3 .img-wrap img{
    width: auto !important;
	mix-blend-mode: multiply;
	display:inline;
	margin-top:15px;
}

.factory-box3 .img-wrap .list-item{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.factory-box3 .img-wrap .list-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.factory-box3 .img-wrap .list-item .light{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}

.factory-box3 .img-wrap .list-item.on{top: -10px;z-index: 3;}
.factory-box3 .img-wrap .list-item.on .light{
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: .3s;
}

.factory-box3 .tab-btns{
    margin: .75rem 0 0;
    position: relative;
    z-index: 3;
	text-align: center;
}
.factory-box3 .tab-btns .swiper-slide{
    box-sizing: border-box;
    padding-top: 20px;
}

.factory-box3 .tab-btns .icon{
    width:60px;
    position: relative;
    margin: 0 auto;
    top: 0;
    transition: all .3s;
}

.factory-box3 .tab-btns .icon img{
    width: 100%;
    display: block;
    transition: all .3s;
}

.factory-box3 .tab-btns .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.factory-box3 .tab-btns .txt{
    font-size: 18px;
    line-height: 24px;
    color: #555;
    text-align: center;
    margin: 24px 0;
    transition: all .3s;
}

.factory-box3 .tab-btns .txt_p{
	font-size:16px;
	line-height:24px;
	color:#666;
	
}
.factory-box3 .tab-btns .swiper-slide.cur .con-box .icon{
    top: -20px;
}

.factory-box3 .tab-btns .swiper-slide.cur .con-box .init{

    opacity: 0;

    filter: alpha(opacity=0);

}

.factory-box3 .tab-btns .swiper-slide.cur .con-box .hover{

    opacity: 1;

    filter: alpha(opacity=100);

}

.factory-box3 .tab-btns .swiper-slide.cur .con-box .txt{

    color: #00949c;

}
.factory-box4{margin-bottom:80px}

.factory-box4 .factory-tit{

    color: #333;

    text-align: center;

}

.factory-box4 .func-box{

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 0px 0 0px;

}

.factory-box4 .func-wrap{

    margin-top: 50px;

}

.factory-box4 .func-item .con-box{

    position: relative;

    top: 0;

    transition: all .5s ease;

}

.func-item .con-box img{

    width: 100%;

}

.func-item .con-box .txt{

    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding:15px 5%;
    font-size: 18px;
    line-height:28px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
	text-transform: capitalize;

}
.func-item .con-box:hover{
        top: -20px;
    }

.factory-box5 .bg-box{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}
.adv-box{

    padding: 80px 0;

    position: relative;

    z-index: 3;

}

.adv-box .factory-con{

    width: 72.9%;

    color: #666;

    line-height: 30px;

}

.adv-tab{

    margin-top: 70px;

    overflow: hidden;

}

.adv-tab .con-box{

    position: relative;

    padding: 40px 36px;

    background-color: #008fb2;

    border: 1px solid #008fb2;

    transition: all .3s;
height: 100%;    
display: flex;
    flex-direction: column;
}



.adv-tab .con-box:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border: 4px solid #00949c;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}

.adv-tab .icon{

    width:50px;

}

.adv-tab .icon img{

    width: 100%;

}

.adv-tab .tit{

    font-size: 24px;

    line-height: 28px;

    color: #fff;

    margin-top: 28px;

}

.adv-tab .adv-con{

    font-size: 14px;

    line-height: 30px;

    color: #dcdcdc;

    margin-top: 12px;

    /*height: 100px;*/

    overflow: hidden;
    /*min-height: 275px;*/

    /*height: 100%;*/
    /*position: relative;*/

}

/*.adv-tab .adv-con p{*/
/*    overflow: hidden;*/
/*    height: 100%;*/
/*    position: relative;*/
/*}*/

.adv-tab .btns{

    font-size: 0;

    text-align: center;

    margin-top: 44px;

}

.adv-tab .btns .swiper-pagination-bullet{

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 100px;

    height: 40px;

    background-color: #fff;

    opacity: .5;

    filter: alpha(opacity=50);

    margin: 0 5px;

    transition: all .3s;

}

.adv-tab .btns .swiper-pagination-bullet-active{

    width: 30px;

    background-color: #00949c;

    opacity: 1;

    filter: alpha(opacity=100);

}
.factory-box3 .tab-btns .con-box:hover .icon{
        top: -.5rem;
    }
    .factory-box3 .tab-btns .con-box:hover .init{
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .factory-box3 .tab-btns .con-box:hover .hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .factory-box3 .tab-btns .con-box:hover .txt{
        color: #f8811e;
    }

    .adv-tab .con-box:hover{
        background-color: rgba(0,143,178,.9);
    }
    .adv-tab .con-box:hover:before{
        opacity: 1;
        filter: alpha(opacity=100);
    }




.buy-btn{

    display: block;

    width:150px;

    height: 50px;

    background-color: #f8811e;

    text-align: center;

    font-size: 16px;

    line-height:50px;

    color: #fff;

    margin: 25px auto 0;

    transition: all .3s;
	
  	border-radius:4px

}
 .buy-btn:hover{
        color: #f8811e;
	 text-decoration: none;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(248,129,30,.2);
    }

.sec1{ overflow:hidden;}

.tab-title{border-bottom:#eee solid 1px; padding-bottom:30px;}

.tab-title li{ text-align:center; position:relative; float:left; padding-top:48px;float: left;
    width: 20%;
    padding: 0;
    min-height: 10px;
    background-image: url(../image/line1.png);
    background-repeat: no-repeat;
    background-position: right center;
    /* min-height: 100px; */
    height: auto;
    line-height: normal;}

.tab-title li:last-child {
    float: left;
    width: 20%;
    padding: 0;
    min-height: 10px;
    background-image: none;
}
.tab-title li a{ position:relative; z-index:2;}

.tab-title li a h1{color:#333; font-size:18px; font-weight:lighter;transition: .1s linear; -moz-transition:.1s linear; -webkit-transition:.1s linear; margin-top: 0px}

.tab-title li a h2{ font-size:12px; line-height:1; color:#999; font-weight:lighter;transition: .1s linear; -moz-transition:.1s linear; -webkit-transition:.1s linear;}

.tab-title li a:hover h1,.tab-title li.actived a h1{ color:#f8811e; text-decoration: none}

.tab-title li a:hover h2,.tab-title li.actived a h2{ color:#f8811e;}

.tab-title li .tab_img{width:260px; height:260px; background-repeat:no-repeat; margin:0 auto; transition: .1s linear; -moz-transition:.1s linear; -webkit-transition:.1s linear;}

.tab-title li.set1 .tab_img{ background-image:url(../image/1661494255307464.jpg);}

.tab-title li.set2 .tab_img{ background-image:url(../image/1661494271250590.jpg);}

.tab-title li.set3 .tab_img{ background-image:url(../image/1661494290725175.jpg);}

/*.tab-title li.set1:hover .tab_img,.tab-title li.set1.actived .tab_img{ background-image:url(../image/1661494255307464.jpg);}

.tab-title li.set2:hover .tab_img,.tab-title li.set2.actived .tab_img{ background-image:url(../image/1661494271250590.jpg);}

.tab-title li.set3:hover .tab_img,.tab-title li.set3.actived .tab_img{ background-image:url(../image/1661494290725175.jpg);}*/

.tab-title li img{ position:absolute; top:0; left:50%; margin-left:-115.5px; z-index:-1;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.tab-title li:hover img,.tab-title li.actived img{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.tab-box{ display:none;}

.tab-box.active{ display:block;}

.tab-box{ padding:60px 0 0;}

.honor_num{font-size:32px;
/*float:left; */display: flex;
align-items: center;
color:#f8811e; padding:10px 0 0 90px;}

.honor_tet{line-height:1; font-weight:lighter; padding-left:16px; padding-top:5px; padding-bottom:30px;
margin-top: 20px ;background-repeat:no-repeat;}

.honor_txt{
/*color:#666;font-size:16px; line-height:30px;*/
margin-top:20px}


.ps_tabmain .honor_num{
    padding-left: 0;
}
/*.tab1 .honor_tet{background-image:url(../picture/ico01.png);}

.tab2 .honor_tet{background-image:url(../picture/ico01.png);}

.tab3 .honor_tet{background-image:url(../picture/ico01.png);}*/

.tab-box .f-right{border-left:#eee solid 1px; padding-left:54px;}

.tab-box .f-right p{color:#666; line-height:2; font-weight:lighter; font-size:14px;}

.tab-box .f-right img{width:100%;}

.tab-box  .img-box{padding-bottom:20px}

.img-wrap{width:100%; margin:30px 0}
.img-wrap img{
	width: 100%;
	mix-blend-mode: multiply
}

.life-box{margin-top:-220px;}
.life-box .list{margin-top:60px}
.life-box .list .item{box-sizing:border-box;}
.life-box .list .img{overflow:hidden;}
.life-box .list img{width:100%; transition: all .3s;}
.life-box .list .text{background-color: #fff;padding:15px}
.life-box .list .con-box{
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%);
    position:relative;
    top:0;
    transition:all .3s;
	margin-bottom:30px
}
.life-box .list .tit{color:#010101;}
.life-box .list .con .mCSB_scrollTools .mCSB_draggerRail{width:1px; background:rgba(0,0,0,.1);}
.life-box .list .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00949c; border-radius:0;}
.life-box .list .con-box:hover{top:-10px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.life-box .list .con-box:hover img{transform:scale(1.1);}

.prod_ky1{background: #fff url("../image/shu.jpg") center bottom no-repeat;padding-bottom: 0px;padding-top: 80px;}
.prod_ky1 .tt{text-align: center;}
.prod_ky1 .tc{text-align: center;line-height: 1.875;color: #999; margin: 45px 0;}
.prod_ky1 .tc2 > img {display: block;width: 100%;}
.prod_ky1 .tc2 .ul1{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;}
.prod_ky1 .tc2 .ul1 li{display: block;width: 5.55%;position: absolute;left: 0;bottom: 0;text-align: center;padding-top: 5.55%;cursor: pointer;}
.prod_ky1 .tc2 .ul1 li span{display: flex;justify-content: center;align-items: center; width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../image/product_17_9.png) center no-repeat;background-size: cover;transition: all ease 0.3s;}
.prod_ky1 .tc2 .ul1 li s{display: block;width: 100%;height: 100%;position: absolute;background: url(../image/product_17_11.png) center no-repeat;top: 0;left: 0;z-index: 2;background-size: cover;opacity: 0;transition: all ease 0.3s;}
.prod_ky1 .tc2 .ul1 li .wz2{position: absolute;left: 100%;top: 20%;width: 200px;text-align: justify;opacity: 0;pointer-events: none;transition: all  ease 0.3s;}
.prod_ky1 .tc2 .ul1 li .wz2 .wtt{color: #f60;margin-bottom: 10px;}
.prod_ky1 .tc2 .ul1 li .wz2 .wtc{font-size: 14px;}
.prod_ky1 .tc2 .ul1 li .img{position: absolute;width: 165px;left: 50%;bottom: 130%;margin-left: -82px;pointer-events: none;}
.prod_ky1 .tc2 .ul1 li.act s{transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 1;}
.prod_ky1 .tc2 .ul1 li.act span{background: url(../image/product_17_10.png) center no-repeat;background-size: cover;color: #fff;}
.prod_ky1 .tc2 .ul1 li.act .wz2{left: 120%;opacity: 1; z-index: 3}
.prod_ky1 .tc2 .ul1 li:nth-child(1){bottom: 30%;}
.prod_ky1 .tc2 .ul1 li:nth-child(2){left: 14%; bottom:50%;}
.prod_ky1 .tc2 .ul1 li:nth-child(3){left: 28%; bottom: 60%;}
.prod_ky1 .tc2 .ul1 li:nth-child(4){left: 42%; bottom: 67%;}
.prod_ky1 .tc2 .ul1 li:nth-child(5){left:56%; bottom: 66%;}
.prod_ky1 .tc2 .ul1 li:nth-child(6){left:68%; bottom: 60%;}
.prod_ky1 .tc2 .ul1 li:nth-child(7){left:82%; bottom: 45%;}
.prod_ky1 .tc2 .ul1 li:nth-child(8){left: 93%; bottom: 28%;}
.prod_ky1 .tc2 .ul1 li:last-child .wz2{top: 120%;}
.prod_ky1 .tc2 .ul1 li:last-child.act .wz2{left: 0%;opacity: 1;top: 120%;}
.prod_ky1 .ljgd{position: relative;z-index: 5;}
.prod_ky1 .ljgd a{margin: -50px 0  50px;}

.prod_ky1 .tc2 ul.pet_process{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(1){bottom: 29%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(2){left: 11%; bottom:45%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(3){left: 22%; bottom: 57%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(4){left: 35%; bottom: 64%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(5){left:48%; bottom: 66%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(6){left:60%; bottom: 63%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(7){left:72%; bottom: 55%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(8){left: 83%; bottom: 44%;}
.prod_ky1 .tc2 ul.pet_process li:nth-child(9){left: 92%; bottom: 30%;}

.prod_ky2{background: #fff url("../image/shu.jpg") center bottom no-repeat;padding-bottom: 0px;padding-top: 80px;}
.prod_ky2 .tt{text-align: center;}
.prod_ky2 .tc{text-align: center;line-height: 1.875;color: #999; margin: 45px 0;}
.prod_ky2 .tc2 > img {display: block;width: 100%;}
.prod_ky2 .tc2 .ul1{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;}
.prod_ky2 .tc2 .ul1 li{display: block;width: 5.55%;position: absolute;left: 0;bottom: 0;text-align: center;padding-top: 5.55%;cursor: pointer;}
.prod_ky2 .tc2 .ul1 li span{display: flex;justify-content: center;align-items: center; width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../image/product_17_9.png) center no-repeat;background-size: cover;}
.prod_ky2 .tc2 .ul1 li s{display: block;width: 100%;height: 100%;position: absolute;background: url(../image/product_17_11.png) center no-repeat;top: 0;left: 0;z-index: 2;background-size: cover;opacity: 0;}
.prod_ky2 .tc2 .ul1 li .wz2{position: absolute;left: 100%;top: 20%;width: 200px;text-align: justify;opacity: 0;pointer-events: none;}
.prod_ky2 .tc2 .ul1 li .wz2 .wtt{color: #f60;margin-bottom: 10px;}
.prod_ky2 .tc2 .ul1 li .wz2 .wtc{font-size: 14px;}
.prod_ky2 .tc2 .ul1 li .img{position: absolute;width: 165px;left: 50%;bottom: 130%;margin-left: -82px;pointer-events: none;}
.prod_ky2 .tc2 .ul1 li.act s{transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 1;}
.prod_ky2 .tc2 .ul1 li.act span{background: url(../image/product_17_10.png) center no-repeat;background-size: cover;color: #fff;}
.prod_ky2 .tc2 .ul1 li.act .wz2{left: 120%;opacity: 1; z-index: 3}
.prod_ky2 .tc2 .ul1 li:nth-child(1){bottom: 30%;}
.prod_ky2 .tc2 .ul1 li:nth-child(2){left: 18%; bottom:53%;}
.prod_ky2 .tc2 .ul1 li:nth-child(3){left: 37%; bottom: 65%;}
.prod_ky2 .tc2 .ul1 li:nth-child(4){left: 57%; bottom: 65%;z-index: 3;}
.prod_ky2 .tc2 .ul1 li:nth-child(5){left:76%; bottom: 53%;}
.prod_ky2 .tc2 .ul1 li:nth-child(6){left: 95%; bottom: 30%;}
.prod_ky2 .tc2 .ul1 li:last-child .wz2{top: 120%;}
.prod_ky2 .tc2 .ul1 li:last-child.act .wz2{left: 0%;opacity: 1;top: 120%;}
.prod_ky2 .ljgd{position: relative;z-index: 5;}
.prod_ky2 .ljgd a{margin: -50px 0  50px;}


.prod_ky2 .tc2 ul.process_3x li:nth-child(1){bottom: 30%;}
.prod_ky2 .tc2 ul.process_3x li:nth-child(2){left: 47%; bottom:67%;}
.prod_ky2 .tc2 ul.process_3x li:nth-child(3){left: 93%; bottom: 30%;}

.prod_ky2 .tc2 ul.process_4x li:nth-child(1){bottom: 29%;}
.prod_ky2 .tc2 ul.process_4x li:nth-child(2){left: 28%; bottom:62%;}
.prod_ky2 .tc2 ul.process_4x li:nth-child(3){left: 63%; bottom: 62%;}
.prod_ky2 .tc2 ul.process_4x li:nth-child(4){left: 93%; bottom: 29%;}

.prod_ky2 .tc2 ul.process_6x li:nth-child(1){bottom: 30%;}
.prod_ky2 .tc2 ul.process_6x li:nth-child(2){left: 14%; bottom:50%;}
.prod_ky2 .tc2 ul.process_6x li:nth-child(3){left: 32%; bottom: 63%;}
.prod_ky2 .tc2 ul.process_6x li:nth-child(4){left: 54%; bottom: 65%;}
.prod_ky2 .tc2 ul.process_6x li:nth-child(5){left:75%; bottom: 53%;}
.prod_ky2 .tc2 ul.process_6x li:nth-child(6){left:93%; bottom: 29%;}

.prod_ky1 .tc2 ul.process_6x li:nth-child(1){bottom: 30%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(2){left: 14%; bottom:50%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(3){left: 32%; bottom: 63%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(4){left: 54%; bottom: 65%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(5){left:75%; bottom: 53%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(6){left:93%; bottom: 29%;}

.prod_ky1 .tc2 ul.process_6x li:nth-child(1){bottom: 30%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(2){left: 14%; bottom:50%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(3){left: 32%; bottom: 63%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(4){left: 54%; bottom: 65%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(5){left:75%; bottom: 53%;}
.prod_ky1 .tc2 ul.process_6x li:nth-child(6){left:93%; bottom: 29%;}

.prod_ky1 .tc2 ul.process_10x li:nth-child(1){bottom: 29%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(2){left: 9%; bottom:42%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(3){left: 18%; bottom: 53%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(4){left: 27%; bottom: 60%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(5){left:37%; bottom: 65%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(6){left:48%; bottom: 66%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(7){left:60%; bottom: 64%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(8){left: 72%; bottom: 57%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(9){left: 83%; bottom: 44%;}
.prod_ky1 .tc2 ul.process_10x li:nth-child(10){left: 93%; bottom: 28%;}

.prod_ky2 .tc2 ul.process_10x li:nth-child(1){bottom: 29%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(2){left: 9%; bottom:42%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(3){left: 18%; bottom: 53%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(4){left: 27%; bottom: 60%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(5){left:37%; bottom: 65%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(6){left:48%; bottom: 66%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(7){left:60%; bottom: 64%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(8){left: 72%; bottom: 57%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(9){left: 83%; bottom: 44%;}
.prod_ky2 .tc2 ul.process_10x li:nth-child(10){left: 93%; bottom: 28%;}

.prod_ky1 .tc2 ul.process_7x li:nth-child(1){bottom: 30%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(2){left: 12%; bottom:47%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(3){left: 28%; bottom: 61%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(4){left: 47%; bottom: 67%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(5){left:64%; bottom: 61%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(6){left:79%; bottom: 49%;}
.prod_ky1 .tc2 ul.process_7x li:nth-child(7){left:93%; bottom: 29%;}


.prod_ky1 .tc2 ul.process_9x li:nth-child(1){bottom: 29%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(2){left: 12%; bottom:45%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(3){left: 24%; bottom:55%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(4){left: 36%; bottom: 63%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(5){left: 46%; bottom: 65%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(6){left: 56%; bottom: 63%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(7){left: 68%; bottom: 55%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(8){left: 80%; bottom: 45%;}
.prod_ky1 .tc2 ul.process_9x li:nth-child(9){left: 93%; bottom: 29%}

.prod_ky1 .tc2 ul.process_5x li:nth-child(1){bottom: 29%;}
.prod_ky1 .tc2 ul.process_5x li:nth-child(2){left: 21%; bottom:56%;}
.prod_ky1 .tc2 ul.process_5x li:nth-child(3){left: 48%; bottom: 66%;}
.prod_ky1 .tc2 ul.process_5x li:nth-child(4){left: 74%; bottom: 54%;}
.prod_ky1 .tc2 ul.process_5x li:nth-child(5){left:93%; bottom: 29%;}

.prod_ky2 .tc2 ul.process_5x li:nth-child(1){bottom: 29%;}
.prod_ky2 .tc2 ul.process_5x li:nth-child(2){left: 21%; bottom:56%;}
.prod_ky2 .tc2 ul.process_5x li:nth-child(3){left: 48%; bottom: 66%;}
.prod_ky2 .tc2 ul.process_5x li:nth-child(4){left: 74%; bottom: 54%;}
.prod_ky2 .tc2 ul.process_5x li:nth-child(5){left:93%; bottom: 29%;}

.prod_ky1 .tc2 ul.process_3x li:nth-child(1){bottom: 30%;}
.prod_ky1 .tc2 ul.process_3x li:nth-child(2){left: 47%; bottom:67%;}
.prod_ky1 .tc2 ul.process_3x li:nth-child(3){left: 93%; bottom: 30%;}

.prod_ky1 .tc2 ul.process_4x li:nth-child(1){bottom: 29%;}
.prod_ky1 .tc2 ul.process_4x li:nth-child(2){left: 28%; bottom:61%;}
.prod_ky1 .tc2 ul.process_4x li:nth-child(3){left: 63%; bottom: 62%;}
.prod_ky1 .tc2 ul.process_4x li:nth-child(4){left: 93%; bottom: 29%;}

.solution_box{padding:80px 0 0}
.car-page { padding: 3.000% 0; background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
.ps_p4Box { float: left; margin-right: 1.666%; margin-bottom: 1.666%; width: 32.08%; background-color: #f7f9fa; }
.ps_p4Box a { display: block; -webkit-transition:all .25s ease-out .2s; transition:all .25s ease-out .2s; 
padding-left: 40px;
padding-right: 40px;
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
}
.ps_p4Box:nth-child(3n) { margin-right: 0; }
.car-wrap-item { overflow: hidden; position: relative; }
.car-wrap-item__img { padding-top: 68.05%; overflow: hidden; position: relative; }
.car-wrap-item__img-box { position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: 10; }
.car-wrap-layout { display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; ustify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; font-size: 0; }
.car-wrap-layout img { max-width: 100%; max-height: 100%; }
.car-wrap__font { position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; z-index: 20; background-color: rgba(0,143,178,.88); -webkit-transition:all .25s ease-out .2s; transition:all .25s ease-out .2s; }
.car-wrap-w { width: 100%; }
.car-wrap-pd { padding: 0 9%; }
.car-wrap-txt { height: 120px; overflow: hidden; line-height: 2; font-size: 14px; color: #ffffff; }
.car-wrap-txt p{ color: #ffffff; }
.car-wrap-icon { margin: 11.39% auto 0; width: 42px; height: 42px; border-radius: 100%; background-color: #ffffff; text-align: center; line-height: 42px; font-size: 40px; color: #008fb2;}
.car-wrap__tit {  border-top: 1px solid #e5e5e5; position: relative; width: 100%; height: 80px; line-height: 80px; font-size: 16px; color: #333333; text-align: center; }
.car-wrap__tit::after { content: " "; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #008fb2; -webkit-transition:all .25s ease-out .2s; transition:all .25s ease-out .2s; }
.ps_p4Box a:hover { -moz-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); -webkit-box-shadow: 0 0 20px 0 rgba(51,51,51,.2); box-shadow: 0 0 20px 0 rgba(51,51,51,.2); }
.ps_p4Box:hover .car-wrap__tit::after { width: 100%; }
.ps_p4Box:hover .car-wrap__font { bottom: 0; }

.smart-txt img {max-width:100%;}

.box_show{position:absolute;top:0px;right:15px; cursor: pointer;}
.show-box{
    width:90%;
	float:left;
	background:#f7f9fa;
	padding:15px 5%;
	line-height:25px;
	font-size:14px;
	display:none;
}
.show-icon{
    width:30px;
	height:30px;
	float:left;
	margin-top:25px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.show-transition{
    transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.about-story-box{padding:60px 0 80px}

.about-story-box .desc-box{

    margin-top: 25px;

}

.about-story-box .desc-box .desc{

    float: left;

    font-size: 45px;

    line-height: 50px;

    color: #666;

}

.about-story-box .desc-box .story-more{

    float: right;

    font-size: 16px;

    line-height: 20px;

    padding-left: 20pxm;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('https://www.arrowextruder.ru/template/default/static/images/story-arrow.png');

    color: #00949c;

    transition: all .3s;

}

.about-story-box .story-tab{

    margin-top: 40px;

}

.about-story-box .story-tab .con-box{

    display: block;

}

.about-story-box .story-tab .img{

    float: left;

    width: 40.56%;

}

.about-story-box .story-tab .img img{

    width: 100%;

}

.about-story-box .story-tab .text{

    position: absolute;

    right: 0;

    top: 0;

    width: 59.44%;

    height: 100%;

    background-color: #008fb2;

    box-sizing: border-box;

    padding: 60px 70px;

}

.about-story-box .story-tab .tit{

    font-size: 26px;

    line-height: 60px;

    color: #fff;

}

.about-story-box .story-tab .con{

    font-size:16px;

    line-height: 30px;

    color: #bee1e3;

    overflow: hidden;

	margin-top:30px
}

.about-story-box .story-tab .look{

    font-size:14px;

    line-height:16px;
	
	padding-left: 16px;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: 6px;

    background-image: url('../image/look-arrow.png');

    color: #fff;

    margin-top: 30px

}

.about-story-box .story-tab .dynamic-btns{

    margin-top:40px;

}

.dynamic-btns{

    font-size: 0;

    text-align: center;

}

.dynamic-btns .swiper-pagination-bullet{

    width:10px;

    height: 4px;

    background-color: #ccc;

    margin: 0 10px;

    transition: all .3s;
	
	border-radius:0!important

}

.dynamic-btns .swiper-pagination-bullet-active{

    width: 30px;

    background-color: #008fb2;

}

.about-video-box{

    padding: 2rem 0 2.25rem;

    position: relative;

}

.about-video-box:before{

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    height: 50%;

    width: 100%;

    background-color: #f5f5f5;

}



.about-video{

    position: relative;

    z-index: 3;

}

.about-video img{

    width: 100%;

}

.about-video .m-img{

    display: none;

}

.about-video .about-play{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

.about-video .play-img{

    width: 1.6rem;

    margin: 0 auto;

}

.about-video .play-img img{

    width: 100%;

}

.about-video .txt{

    font-size: .425rem;

    line-height: .5rem;

    color: #fff;

    text-align: center;

    margin-top: .4rem;

}
.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(https://www.arrowextruder.ru/template/default/static/images/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
@media (max-width:768px){
	.factory-box2 .text-box{padding:30px 0}
	.adv-box{padding:30px 0}
	.adv-tab .con-box{margin-bottom:20px}
	.adv-tab .adv-con{height:auto;}
	.factory-con{width:100%}
	.func-item{margin-bottom: 15px}
	.contact-us .contact-forms{padding:30px 0}
}


@media(min-width:992px){
    .proDesRow{
        display: flex;
    }
}



.psTitle{
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.psTitle h2{
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.ps_tabmain,
.ps_tabmainB{
    display: none;
}

.ps_tabmain.active,
.ps_tabmainB.active{
    display: block;
}

.ps_tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.ps_tab li{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../image/line1.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.ps_tab li:nth-last-child(1){
    background-image: none;
}

.ps_tabBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ps_tab li p{
    width: fit-content;
    text-align: center;
    color: #333;
    font-size: 18px;
    transition: .1s linear;
    border-bottom: 1px solid transparent;
}

.ps_tab li:hover p,
.ps_tab li.active p{
    color: #f8811e;
    border-bottom: 1px solid #333;
}

.ps_part1{
    display: flex;
    padding-top: 60px;
}

.ps_p1left{
    padding-right: 5% ;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-right: 1px solid #eee;
}

.ps_p1left img{
    max-height: 120px;
    width: fit-content;
}

.ps_p1left h4{
    font-size: 32px;
    display: flex;
    color: #f8811e;
}

.ps_p1left p{
    font-size: 16px;
    line-height: 1.3;
}

.ps_p1right{
    padding-left: 5% ;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ps_part2{
    margin: 40px 0;
}

.ps_part2img img{
    width: 100%;
}

.ps_title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ps_title h2{
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.ps_title span{
    width: 40px;
    height: 3px;
    background: #f8811e;
    margin: 15px auto;
}

.ps_part4{
    padding: 80px 0;
}

.ps_part4 .ps_title h2,
.ps_part5 .ps_title h2{
    color: #111;
}

.pro_detail{
    padding: 150px 0;
}

.life-box{
    margin-bottom: 60px;
}


@media (max-width:576px) {
  .ps_part1{
      flex-direction: column;
      padding-top: 20px;
  }
  
  .ps_tabimg img{
      width: 100px;
  }
  
  .prod_ky1 .tc2 .ul1 li .wz2 {
    width: 150px;
  }
  
  .prod_ky1 .tc2 .ul1 li span img{
      width: 40px;
      height: 40px;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5) .wz2 {
    right: -60%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5).act .wz2 {
    right: 20%;
    left: auto;
  }
  
  .prod_ky1 {
    padding-top: 40px;
    }
    
    .psTitle {
    padding: 40px 0;
    }
    .psTitle h2 {
    font-size: 30px;
    }
    
    .buy-btn{
        margin-top: 15px;
    }
    
    .ps_title h2 {
    font-size: 28px;
    }
    
    .ps_p1left {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    
    .ps_part4 {
        padding: 40px 0;
    }
    
    .ps_p4Box {
    width: 100%;
    margin-bottom: 30px;
    }
    
    .life-box{
        margin-bottom: 30px;
    }
    
    .life-box .list {
        margin-top: 30px;
    }
}

@media (min-width:577px) and (max-width:767px) {
.ps_part1{
      flex-direction: column;
      padding-top: 20px;
  }
  
  .ps_tabimg img{
      width: 150px;
  }
  
  .prod_ky1 .tc2 .ul1 li .wz2 {
    width: 150px;
  }
  
  .prod_ky1 .tc2 .ul1 li span img{
      width: 40px;
      height: 40px;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5) .wz2 {
    right: -60%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5).act .wz2 {
    right: 20%;
    left: auto;
  }
  
  .prod_ky1 {
    padding-top: 40px;
    }
    
    .psTitle {
    padding: 40px 0;
    }
    .psTitle h2 {
    font-size: 30px;
    }
    
    .buy-btn{
        margin-top: 15px;
    }
    
    .ps_title h2 {
    font-size: 28px;
    }
    
    .ps_p1left {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    
    .ps_part4 {
        padding: 40px 0;
    }
    
    .ps_p4Box {
    width: 100%;
    margin-bottom: 30px;
    }
    
    .life-box{
        margin-bottom: 30px;
    }
    
    .life-box .list {
        margin-top: 30px;
    }
  
}

@media (min-width:768px) and (max-width:992px) {

.ps_part1{
      flex-direction: column;
      padding-top: 20px;
  }
  
  .ps_tabimg img{
      width: 150px;
  }
  
  .prod_ky1 .tc2 .ul1 li .wz2 {
    width: 150px;
  }
  
  .prod_ky1 .tc2 .ul1 li span img{
      width: 40px;
      height: 40px;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5) .wz2 {
    right: -60%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5).act .wz2 {
    right: 20%;
    left: auto;
  }
  
  .prod_ky1 {
    padding-top: 40px;
    }
    
    .psTitle {
    padding: 40px 0;
    }
    .psTitle h2 {
    font-size: 30px;
    }
    
    .buy-btn{
        margin-top: 15px;
    }
    
    .ps_title h2 {
    font-size: 28px;
    }
    
    .ps_p1left {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    
    .ps_part4 {
        padding: 40px 0;
    }
    
    .ps_p4Box {
    margin-bottom: 30px;
    }
    
    .life-box{
        margin-bottom: 30px;
    }
    
    .life-box .list {
        margin-top: 30px;
    }
  
  .topBox {
        display: none !important;
    }
 
}

@media (min-width:992px) and (max-width:1200px) {
    .ps_part1>div{
        width: 48vw;
    }

  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5) .wz2 {
    right: -60%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5).act .wz2 {
    right: 20%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li span img{
      width: 50px;
      height: 50px;
  }
}

@media (min-width:992px) and (max-width:1030px) {
    
  .topBox {
        display: none !important;
    }
}

@media (min-width:1200px) and (max-width:1400px) {


  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5) .wz2 {
    right: -60%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li:nth-child(n+5).act .wz2 {
    right: 20%;
    left: auto;
  }
  
  .prod_ky1 .tc2 .ul1 li span img{
      width: 50px;
      height: 50px;
  }
}

@media (min-width:1400px) and (max-width:1680px) {
 
}