/*header*/
.header{background: #fff;position: fixed;width:100%;z-index: 99999;top:0;transition: all .5s}
.header.active{/*top:-100%;*/top:0;}
.header.shadow{box-shadow: 0 5px 10px #ddd;}
.header-box{display: flex;flex-direction: row;justify-content: space-between;padding:0 15px;}
.h-logo{width:460px;display: flex;padding:7px 0;transition: all .5s;flex-direction: row;align-items: center;}
.h-logo img{max-height: 100%;max-width: auto}
.h-nav{width: calc(100% - 550px);display: flex;flex-direction: row;justify-content: space-between;transition: all .5s}
.h-nav li{height: 100%;position: relative;}
.h-nav li .yiji{color:#333333;font-size: 18px;transition: all .5s;display: inline-block;height: 100%;line-height: 80px;font-weight: 400;padding:0 15px;}
.h-nav li.on .yiji{color:#fff;background: var(--zhu-color)}
.h-nav li .sublist{position:absolute;width:110px;top:80px;left:0px;background: rgba(255,255,255,.8);box-shadow:0px 5px 5px 5px rgba(9,9,9,.1);display: none;padding:15px 0;}
.h-nav li .sublist.product{width:215px;}
.h-nav li .sublist .erji{width:100%;position:relative;padding:10px 0;display: block;}
.h-nav li .sublist .erji:before{content:'';width:3px;background: var(--zhu-color);height: 15px;position: absolute;left:5px;top:13px;opacity: 0;transition: all .5s}
.h-nav li .sublist .erji:after{content:'\e88e';position: absolute;right:10px;color:#333;opacity: 0;top:8px;font-family: 'iconfont';font-size:18px;transition: all .5s}
.h-nav li .sublist .erji p{width:calc(100% - 50px);margin-left: 20px;color:#666;}
.h-nav li .sublist .erji:hover{background: #fff;}
.h-nav li .sublist .erji:hover p{color:var(--zhu-color);}
.h-nav li .sublist .erji:hover:before{opacity: 1}
.h-nav li .sublist .erji:hover:after{opacity: 1}


.h-menu{width:80px;text-align: center;cursor: pointer;display: flex;flex-direction: column;justify-content:center;display: none;}
.h-menu i{color:var(--zhu-color);font-size: 30px;line-height: 1}
.h-menu .close{display: none;}
.h-menu .show{display: block;}

@media(max-width: 1400px){
	.h-logo{width:380px;padding-left: 10px}
	.h-nav{width:calc(100% - 460px);}
	.h-nav li .yiji{font-size:16px;}
}
@media(max-width: 1200px){
	/*.h-logo{width:400px;}*/
	.header-box{padding:0;}
	.h-nav{width:calc(100% - 420px);}
}
@media(max-width: 992px){
	.h-nav{display: none;}
	.h-logo{width:calc(100% - 100px);max-width: 380px}
	.h-menu{display: flex;}
}
@media(max-width: 576px){
	.header-box{padding:0 5px;}
	.h-menu{width:50px;height: 50px}
	.h-logo{width:calc(100% - 60px);padding:5px 0px;height:50px}
}

/*pc-drop*/
.pc-drop{position:fixed;top:67px;left: 0;width:100%;background: #f1f2f3;height: 100%;display: none;z-index: 9999}
.pc-drop .box{width:100%;display: flex;flex-direction: row;height: calc(100vh - 90px);}
.pc-drop-left{width:40%;}
.pc-drop-left .sideMenu{padding:30% 30%;width:100%;overflow: hidden;}
.pc-drop-left .yiji{display: flex;flex-direction: row;align-items: center;margin-top: 15px;height: 40px;justify-content:space-between; }
.pc-drop-left .yiji span{font-size: 20px;color:#666;margin-right:10px;}
.pc-drop-left .yiji a{width:calc(100% - 60px);font-size: 20px;font-weight: bold;color:#333;display: block;}
.pc-drop-left .yiji i{font-size:24px;color:#999;cursor: pointer;padding:0 15px;margin-top: 3px;}
.pc-drop-left .yiji.on a{color:var(--zhu-color);}
.pc-drop-left .yiji a:hover{color:var(--zhu-color);}
.pc-drop-left .yiji i.on{transform: rotate(90deg);color:var(--zhu-color)}
.pc-drop-left .yiji:hover i{color:var(--zhu-color);}

.pc-drop-left ul{display: flex;flex-direction: column;}
.pc-drop-left ul a{color:#999;font-size: 14px;position:relative;margin:5px 30px;transition: all .5s;display: block;}
.pc-drop-left ul a:before{content:'';position: absolute;width:0;height: 2px;background: var(--zhu-color);left:0;top:10px;transition: all .5s}
.pc-drop-left ul a:hover{color:var(--zhu-color);padding-left: 17px;}
.pc-drop-left ul a:hover:before{width:10px;}
.pc-drop-right{width:60%;background: url(../images/navbg2.jpg) center no-repeat;display: flex;flex-direction: column;justify-content: center;height:100%;align-items: center;}
.pc-drop-right .logo img{filter: brightness(100)}
.pc-drop-right ul{/*width:300px;*/margin-top: 30px}
.pc-drop-right ul li{color:#fff;font-size: 16px;line-height: 32px}
.pc-drop-right .ewm{display: flex;flex-direction: row;justify-content: center;margin-top: 30px}
.pc-drop-right .ewm li{margin:0 15px;width:120px;text-align: center;}
.pc-drop-right .ewm li p{color:#fff;padding:5px 0;}
@media(max-width: 992px){
	.pc-drop-left{width:30%;}
	.pc-drop-left .sideMenu{padding:30% 10%;}
	.pc-drop-right{width:70%;}

}
@media(max-width: 768px){
	.pc-drop{top:50px;}
	.pc-drop-left{width:100%;}
	.pc-drop-right{display: none;}
	.pc-drop-left .sideMenu{padding:45px 15px;}
}
@media(max-width: 576px){
	.pc-drop-left .yiji a{font-size: 18px}
}

/*banner*/
.flash{width:100%;overflow: hidden;position: fixed;}
.banner{width:100%;margin:0 auto;}
.banner .swiper-slide{position: relative;width:100%;overflow: hidden;height:100vh}
.banner .swiper-slide .wrapp{height:calc(100% - 100px);}
.banner .swiper-slide .pic{position: absolute;top:0;left:0;transform: scale(1.1,1.1);transition:all 3s;height: 100%;width:100%;object-fit: cover;}
.banner .swiper-slide .pic img{width:100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .pic.on{transform: scale(1,1);}
.banner1-pic{display: flex;flex-direction: row;align-items: center;padding:0  60px;height: 100%}

.banner2-pic{display: flex;flex-direction:row;align-items: center;height: 100%}
.banner3-pic{display: flex;flex-direction:row;align-items: center;height: 100%}
.banner-video{height: 100%;width:100%;object-fit: cover;}
.banner-pic{position: absolute;top:0;left:0;/*padding:10% 5% 0;*/display: flex;flex-direction: row;justify-content: center;align-items: flex-end;width:100%;height: 100%;}
.banner-pic img{max-height: 80%}
.dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);}
.dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);}
.mflex_center{display: flex;justify-content: center;align-items: center;}
.dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.trans{transition: all .5s}
.banner .swiper-pagination{height: 1em;color: #fff;}
.banner .swiper-pagination ul{position: relative;height: 1.5em;width: 20px; text-align: left; overflow: hidden;}
.banner .swiper-pagination ul li{position: absolute;left: 0px;bottom: 0;width: 100%;line-height: 1em; font-size: 16px}
.banner .swiper-pagination .total{display: block;width: 20px;text-align: right;font-size: 16px}
.banner .swiper-pagination .line{width: 8px;height: 1px;margin: 0 8px;background: #fff;}
.banner .paeg-bann{z-index: 11;width:90%;position: absolute;bottom:40%;left:50%;transform: translateX(-50%);}
.banner .paeg-bann .next{right: -4px;cursor: pointer;}
.banner .paeg-bann .prev{left: -4px;cursor: pointer;}
.banner .paeg-bann .next .line,.banner .paeg-bann .prev .line{width:60px;height: 2px;background: #fff;}
.banner .paeg-bann .prev .line{margin-left: -14px;}
.banner .paeg-bann .next .iconfont{margin-left: -16px;font-size: 60px;line-height: 1em;color: rgba(255,255,255,.5);}
.banner .paeg-bann .prev .iconfont{font-size: 22px;line-height: 1em;color: rgba(255,255,255,.5);font-size: 60px;}

.banner .paeg-bann .next:hover .line,.banner .paeg-bann .prev:hover .line{background: var(--pei-color);}
.banner .paeg-bann .next:hover .iconfont,.banner .paeg-bann .prev:hover .iconfont{color: var(--pei-color);}
.banner .scorll{bottom:40px;height: 1em;color: #fff;z-index: 22;}
.banner .scorll .iconfont{margin:3px 10px 0 0;font-size: 30px;line-height: 1em;transition: all .5s}
.banner .scorll:hover{color: var(--pei-color);}


@keyframes loading-1{
0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}

@keyframes loading-2{
0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
}
 @keyframes fadenum{
   0%{-webkit-transform:rotate(0deg);}
   		 
	50%{-webkit-transform:rotate(180deg);}

	100%{-webkit-transform:rotate(360deg);}
}
@media(max-width: 1200px){
	.banner .swiper-slide{height: 90vh}
	.banner .swiper-slide .pic{height: 90vh;}
    .banner1-pic img{height: 160px}
	.banner2-pic{padding:0 5vw;}

}
@media(max-width: 992px){
    /*.flash{top:67px;}*/
	.banner .swiper-slide{height: 80vh}
	.banner .swiper-slide .pic{height: 80vh}
	.banner1-pic img{height: 140px}

}
@media(max-width: 768px){
    /*.flash{top:50px;}*/
	.banner .swiper-slide{height: 60vh}
	.banner .swiper-slide .pic{height: 65vh}
	.banner1-pic img{height: 120px}
}


@media(max-width: 576px){

	.banner .swiper-slide{height: 50vh}
	.banner .swiper-slide .wrapp{height: 100%}
	.banner .swiper-slide .pic{height: 50vh}
	.banner1-pic{padding:0 15px;height: 100%}
	.banner1-pic img{height: 60px}
	.banner .paeg-bann .prev .iconfont{font-size:30px;}
	.banner .paeg-bann .next .iconfont{font-size:30px;}
	.banner .page-cirle{bottom:100px;}
	.banner .scorll{bottom:10px;}
	.banner .page-cirle{width:64px;height: 64px;}
	.banner .swiper-pagination .line{width:5px;margin:0 4px;}
}

/*main*/
.main{position: relative;width:100%;z-index: 1;background: #fff;overflow: hidden;}
.main::-webkit-scrollbar{width:0;}
@keyframes leftLoad {
    0% {
       transform: translateX(0px) scale(1);
       z-index: 2;
    }
    25%{
        z-index: 5;
        transform: translateX(5px) scale(1.2);
    }
    50%{
        z-index: 2;
        transform: translateX(10px) scale(1);
    }
    75%{
        z-index: 1;
        transform: translateX(5px) scale(0.8);
    }
    100%{
        transform: translateX(0px) scale(1); 
        z-index: 2;
    }
}

@keyframes rightLoad {
    0% {
        transform:  translateX(0px)  scale(1); 
        z-index: 2;
    }
    25%{
        z-index: 1;
        transform: translateX(-5px) scale(0.8);
    }
    50%{
        z-index: 2;
        transform: translateX(-10px) scale(1);
    }
    75%{
        z-index: 5;
        transform: translateX(-5px) scale(1.2);
    }
    100%{
        transform: translateX(0px) scale(1); 
        z-index: 2;
    }
} 

#loadding{margin-top: -15px;}
#loadding span:nth-child(1){
    width: 20px;
    height: 20px;
    background: var(--zhu-color);
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    animation: leftLoad infinite linear .7s;
    display: block;
    position: absolute;
}

#loadding span:nth-child(2){
    width: 20px;
    height: 20px;
    background: var(--pei-color);
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
    animation: rightLoad infinite linear .7s;
    display: block;
    position: absolute;
}
@media(max-width: 576px){
	#loadding span:nth-child(1),#loadding span:nth-child(2){width:15px;height: 15px;}
}

#loadding2{margin-top: -15px;}
#loadding2 span:nth-child(1){
    width: 16px;
    height: 16px;
    background: var(--zhu-color);
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    animation: leftLoad infinite linear .7s;
    display: block;
    position: absolute;
}

#loadding2 span:nth-child(2){
    width: 16px;
    height: 16px;
    background: var(--pei-color);
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
    animation: rightLoad infinite linear .7s;
    display: block;
    position: absolute;
}
@media(max-width: 576px){
	#loadding2 span:nth-child(1),#loadding2 span:nth-child(2){width:11px;height: 11px;}
}
/*icom*/
.icom{background:url(../images/icom-bg.jpg) left top no-repeat #f5f5f5;width:100%;overflow: hidden;padding:40px 0;}
.icom .wrapp{display: flex;flex-direction:row;position: relative;justify-content: space-between;padding:0 15px;align-items: flex-end;}
.icom-left{width:calc(calc(100% - 30px)/2);}
.icom-left .t1{display: flex;flex-direction:row;justify-content: flex-start;align-items: center;}
.icom-left .t1 b{font-size:46px;color:#1d1b1e;float: left;margin-right: 20px;}
.icom-left .t2{font-size:36px;font-weight: bold;color:#1d1b1e;margin: 15px 0 10px;}
.icom-left .t3{font-size:24px;color:#1d1b1e;line-height:1.2;}
.icom-left .t4{font-size:15px;color:#1d1b1e;line-height: 2;margin-top:15px;-webkit-line-clamp:4;}
.icom-left .t5{display: flex;flex-direction:row;justify-content: space-between;width:90%;flex-wrap: wrap;margin-top:30px;}
.icom-left .t5 a{width:160px;background: #f0f0f0;height: 50px;text-align: center;line-height: 50px;font-size:18px;color:#1d1b1e;transition: all .5s;margin-top: 15px;}
.icom-left .t5 a:hover{border-top-right-radius: 25px;border-bottom-left-radius: 25px;background:var(--zhu-color);color:#fff;}
.icom-right{width:calc(calc(100% - 30px)/2);;position: relative;height:400px;overflow: hidden;}
.icom-right img{width:100%;height: 100%;object-fit: cover;}
.icom-right i{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;font-size: 60px;cursor: pointer;transition: all .5s;z-index: 1}
.icom-right i:hover{color:var(--pei-color);}
.icom-right:after{content:'\e619';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.6);color:#fff;font-size: 40px;width:0%;height:0%;font-family: 'iconfont';text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%;transition: all .5s;opacity: 0}
.icom-right:hover:after{width:200%;height: 200%;opacity: 1;}
@media(max-width: 1200px){
	.icom-left .t1 b{font-size:40px;}
	.icom-left .t2{font-size:30px;}
	.icom-left .t3{font-size:20px;}
	.icom-left .t4{font-size:14px;}
	.icom-left .t5{width:100%;margin-top: 15px;}
	.icom-left .t5 a{width:30%;height: 42px;line-height: 42px;font-size:16px;}
}
@media(max-width: 992px){
	.icom .wrapp{flex-direction: column; }
	.icom-left{width:100%;}
	.icom-right{width:100%;margin-top: 30px;text-align: center;height: auto}
	.icom-right img{width:auto;}
}
@media(max-width: 576px){
	.icom-left .t1 b{margin-top: 0;font-size: 26px;}
	.icom-left .t2{font-size: 20px;}
	.icom-left .t3{font-size: 15px;line-height: 1.3;margin-top: 10px}
	.icom-left .t4{font-size: 13px;line-height: 26px;}
	.icom-left .t5{margin-top: 0px;}
	.icom-left .t5 a{font-size:14px;}
	.icom-right i{font-size: 40px;}
}


/*ititle*/
.ititle{margin:30px 0;display: flex;flex-direction:row;justify-content: space-between;align-items: center;padding:0 15px;}
.ititle .left{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.ititle .left b{color:#1d1b1e;font-size:46px;margin-right: 15px;}
.ititle .right{width:125px;height: 40px;text-align: center;line-height: 40px;background: #f3f3f4;font-size:14px;color:#1d1b1e;transition: all .5s;}
.ititle .right:hover{background:var(--zhu-color);color:#fff;border-top-right-radius: 25px;border-bottom-left-radius:25px;}
@media(max-width: 1200px){
	.ititle .left b{font-size:40px;}
}
@media(max-width: 768px){
}
@media(max-width: 576px){
	.ititle .left b{font-size:26px;}
	.ititle .right{width:80px;height: 32px;line-height: 32px;}
	.ititle .right:hover{border-top-right-radius: 15px;border-bottom-left-radius: 15px;}

}

/*ltitle*/
.ltitle{margin:30px 0;display: flex;flex-direction:row;justify-content: space-between;align-items: center;}
.ltitle .left{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.ltitle .left b{color:#1d1b1e;font-size:36px;margin-right: 15px;}
.ltitle .right{width:125px;height: 40px;text-align: center;line-height: 40px;background: #f3f3f4;font-size:14px;color:#1d1b1e;transition: all .5s;}
.ltitle .right:hover{background:var(--zhu-color);color:#fff;border-top-right-radius: 25px;border-bottom-left-radius:25px;}
@media(max-width: 1200px){
	.ltitle .left b{font-size:30px;}
}
@media(max-width: 992px){
	.ltitle .left b{font-size:24px;}
}
@media(max-width: 768px){
}
@media(max-width: 576px){
	.ltitle .left b{font-size:22px;}
	.ltitle .right{width:80px;height: 32px;line-height: 32px;}
	.ltitle .right:hover{border-top-right-radius: 15px;border-bottom-left-radius: 15px;}

}


/*ipro*/
.ipro-md{overflow: hidden;}
.ipro-md a{color:#1d1b1e;width:auto;}
.ipro-md a i{float: left;font-size:28px;line-height: 1.1;margin-right: 10px;transition: all .5s}
.ipro-md a span{float: left;font-size:18px;transition: all .5s}
.ipro-md a:hover i{color:var(--zhu-color);}
.ipro-md a:hover span{color:var(--zhu-color);}
.ipro-bd{padding:25px 0;overflow: hidden;}
.ipro-bd a{margin:0 15px 30px;width:calc(calc(100% - 120px)/4);display: block;float: left;}
.ipro-bd a .img{background: url(../images/pro-bg.jpg) center no-repeat; background-size: cover;padding-bottom: 66.66%}
.ipro-bd a .img img{object-fit: contain;}
.ipro-bd a p{line-height: 50px;text-align: center;background:#f8f8f8;color:#1d1b1e;transition: all .5s;padding:0 10px;}
.ipro-bd a:hover p{background:var(--zhu-color);color:#fff;}
@media(max-width:1200px){
	.ipro-md a span{font-size:16px;}
	.ipro-md a i{font-size:24px;}
}
@media(max-width: 992px){
	.ipro-bd a{width:calc(calc(100% - 90px)/3);}
	.ipro-bd a:nth-child(n + 7){display: none;}
}
@media(max-width: 576px){
	.ipro-bd a{width:calc(calc(100% - 40px)/2);margin:0 10px 20px;}
	.ipro-bd a p{line-height: 40px;font-size:12px;}
	.ipro-md a i{font-size:20px;}
	.ipro-md a span{font-size:13px;}
}



/*icase*/
.icase{overflow: hidden;background:url(../images/icase-bg.jpg) center no-repeat;background-size: cover;padding:30px 0 60px;}
.icase-md{padding-top: 15px;}
.icase-md .item{overflow: hidden;display: block;position:relative;transition: all .5s;}
.icase-md .item .txt{padding:14px 15px;color:#1d1b1e;font-size: 14px;width:100%;background:#fff;text-align: center;transition: all .5s}
.icase-md .item:hover .txt{background: var(--zhu-color);color:#fff;}
@media(max-width: 576px){
	.icase{padding:0 0 30px;}
	.icase-md{padding: 0 60px 0}
	.icase-md .item .txt{padding:10px 15px;font-size:13px;}
}


/*inews*/
.inews{overflow: hidden;padding:15px 0;}
.inews-bd{padding:10px 0px 0px;display: flex;flex-direction:row;justify-content: space-between;}
.inews-bd .left{width:60%;display: flex;flex-direction: row;justify-content: space-between;}
.inews-bd .left a{display:block;width:calc(calc(100% - 25px)/2);border-bottom:solid 1px #e3e6e9;transition: border-bottom .5s}
.inews-bd .left a .txt{padding:15px 0;}
.inews-bd .left a .txt .t1{font-size:20px;color:#1d1b1e;/*font-weight: bold;*/margin-top: 5px;transition: all .5s}
.inews-bd .left a .txt .t2{font-size:16px;color:#666;margin-top: 10px;-webkit-line-clamp:1;}
.inews-bd .left a .img img{transition: all .5s}
.inews-bd .left a:hover .img img{transform: scale(1.05,1.05);}
.inews-bd .left a:hover{border-bottom:solid 1px var(--zhu-color);}
.inews-bd .left a:hover .txt .t1{color:var(--zhu-color);}
.inews-bd .t3{margin-top: 10px;color:#999;}
.inews-bd .t3 span:nth-child(1){color:var(--zhu-color);margin-right: 5px;}
.inews-bd .t3 span:nth-child(2){margin-left: 5px;}
.inews-bd .right{width:calc(40% - 25px);}
.inews-bd .right a{padding:23px 0;border-bottom:dotted 1px #cdcdcd;overflow: hidden;display: block;transition: border-bottom .5s}
.inews-bd .right a .t1{font-size:20px;color:#1d1b1e;/*font-weight: bold*/;transition: all .5s}
.inews-bd .right a:hover{border-bottom:dotted 1px var(--zhu-color);}
.inews-bd .right a:hover .t1{color:var(--zhu-color);}
@media(max-width: 1400px){
	.inews-bd .left a .txt .t2{-webkit-line-clamp:2;}
}
@media(max-width: 1200px){
	.inews-bd .left a .txt .t1{font-size:18px;}
	.inews-bd .left a .txt .t2{font-size:14px;}
	.inews-bd .t3{font-size:12px;}
	.inews-bd .right a{padding:21px 0;}
	.inews-bd .right a .t1{font-size:18px;}
}
@media(max-width: 992px){
	.inews-bd{flex-direction: column;}
	.inews-bd .left{width:100%;}
	.inews-bd .right{width:100%;}
}
@media(max-width: 576px){
	.inews-bd{padding-top: 0;}
	.inews-bd .left{flex-direction: column;}
	.inews-bd .left a{width:100%;margin-bottom:15px;}
	.inews-bd .left a:nth-child(2){margin-bottom:0px;}

	.inews-bd .left a .txt .t1{font-size:16px;}
	.inews-bd .left a .txt .t2{font-size:13px;}
	.inews-bd .right a{padding:15px 0;}
	.inews-bd .right a .t1{font-size:16px;}
}

/*ihezuo*/
.ihezuo-bd{}
.ihezuo-bd .swiper-slide{border:solid 1px #cecece;padding:5px;}
.ihezuo-bd .swiper-slide .img{padding-bottom: 42%}
.ihezuo-bd .swiper-slide .img img{object-fit: contain;}
@media(max-width: 576px){
	.ihezuo-bd{padding:0 60px;}
}




/*footer*/
.footer{background: #212121;padding:60px 0 0;margin-top: 60px;}
.f-hd{margin-top: 30px;display: flex;flex-direction: row;justify-content: space-between;}
.f-hd .left{width:380px;}
.f-hd .left .search{width:90%;background:#393939;height: 50px;}
.f-hd .left .input-txt{color:#5f5f5f;font-size:16px;padding:13px;width:calc(100% - 50px);float: left;background: none;}
.f-hd .left .input-btn{width:50px;height:50px;background: url(../images/search.png) center no-repeat var(--zhu-color);background-size:25px 25px;float: right;}
.f-hd .left .input-btn:hover{background:url(../images/search.png) center no-repeat var(--pei-color);background-size:25px 25px;}
.f-hd .left .con{color:#646464;line-height:30px;margin-top: 25px;}
.f-hd .right{display: flex;flex-direction: row;justify-content: space-between;width:calc(100% - 400px);}
.f-hd .right li{width:16%;display: flex;flex-direction: column;}
.f-hd .right li .yiji{color:#fff;font-size:24px;margin-bottom: 15px;}
.f-hd .right li .yiji:hover{color:var(--pei-color);}
.f-hd .right li .erji{color:#929292;font-size:15px;line-height: 30px;}
.f-hd .right li .erji:hover{color:#fff;}
.f-bd{border-top:solid 1px #838383;text-align: center;margin-top: 50px;padding:20px 0;color:#bfbfbf;}
.f-bd a{color:#bfbfbf;}
.f-bd a:hover{color:#fff;}
@media(max-width: 1400px){
	.f-hd .right li .yiji{font-size:20px;}
}
@media(max-width: 1200px){
	.f-hd .left{width:300px;}
	.f-hd .right{width:calc(100% - 350px);}
	.f-hd .right li .yiji{font-size:18px;}
	.f-hd .right li .erji{font-size:14px;}
}
@media(max-width: 992px){
	.f-hd .left{width:100%;}
	.f-hd .left .search{width:400px;}
	.f-hd .right{display: none;}
}
@media(max-width: 768px){
    .footer{padding-top:30px;margin-top: 30px;}
}
@media(max-width: 576px){
	
	.f-hd .left .search{width:100%;}
	.f-hd .left .input-txt{font-size:14px;}
	.f-bd{margin-top: 30px;font-size:13px;}
}

/*l-banner*/
.l-banner{width:100%;height: 560px;overflow: hidden;color:#fff;z-index: 1;margin-top: 80px;background: url(../images/l-banner.jpg) bottom no-repeat;background-size:cover;}
.l-banner .wrapp{padding:0 15px;height: 100%;z-index: 2}
.l-banner .txt{padding:20px 15px;color:#fff;background: #f54714;position: absolute;left:15px;bottom:0;}
.l-banner .txt .t1{font-size:30px;font-weight: bold;line-height: 1}
.l-banner .txt .t2{font-size:15px;margin:5px 0;letter-spacing: -1px}
.l-banner .txt i{font-size:50px;opacity: 0.3;float: right;line-height: 1;margin-top: 10px;}


.about-banner{background: url(../images/about-banner.jpg)  center no-repeat;background-size:cover;}
.case-banner{background: url(../images/case-banner.jpg) top center no-repeat;background-size:cover;}
.news-banner{background: url(../images/news-banner.jpg) top center no-repeat;background-size:cover;}
.contact-banner{background: url(../images/contact-banner.jpg) top center no-repeat;background-size:cover;}

@media(max-width: 1600px){
	.l-banner{height: 500px}
}
@media(max-width: 1400px){
	.l-banner{height: 450px}
}
@media(max-width: 1200px){
	.l-banner{height:400px}
    .l-banner .txt{padding:15px;width:130px;}
    .l-banner .txt .t1{font-size:24px;}
    .l-banner .txt .t2{font-size:12px;}
    .l-banner .txt i{font-size:40px;margin-top: 0}    
}
@media(max-width: 992px){
	.l-banner{height:400px;margin-top: 67px;}
    .l-banner .txt{left:5px;}
}
@media(max-width: 768px){
	.l-banner{height:350px;}
    .l-banner .txt{padding:10px;width:100px;}
    .l-banner .txt .t1{font-size:18px;}
    .l-banner .txt .t2{font-size:10px;}
    .l-banner .txt i{font-size:30px;}
}
@media(max-width: 576px){
	.l-banner{height: 180px;margin-top: 50px;background-size: cover; }
    .l-banner .txt{padding:10px 5px;left:0;width:65px;}
    .l-banner .txt .t1{font-size:12px;}
    .l-banner .txt .t2{margin:5px 0 0;}
    .l-banner .txt i{font-size:20px;display: none;}
}


/*pro-banner*/
.pro-banner{height:560px;position: relative;}
.pro-banner .wrapp{top: -100%;}
.pro-banner .imgs{height: 100%;}
.pro-banner .imgs li{height: 100%;display: none;opacity: 0;transition: all .5s}
.pro-banner .imgs li img{height: 100%;object-fit: cover;}
.pro-banner .imgs li.on{display: block;opacity: 1}
.pro-banner .neirong{display: flex;flex-direction: row;position: absolute;bottom:0;left:0;}
.pro-banner .neirong .txt{position: relative;}
.pro-banner .content{width:55%;position: relative;margin-left: 45px;}
.pro-banner .content li{overflow: hidden;color:#333333;display: none;opacity: 0;transition: all .5s}
.pro-banner .content li.on{display: block;opacity: 1}
.pro-banner .content li .t1{font-size:32px;font-weight: bold;}
.pro-banner .content li .t2{font-size:14px;text-transform: uppercase;}
.pro-banner .content li .t3{margin-top: 15px;font-size:15px;-webkit-line-clamp:2;}
@media(max-width:1600px ){
    .pro-banner{height: 550px}
}
@media(max-width:1400px ){
    .pro-banner{height: 500px}
}
@media(max-width: 1200px){
    .pro-banner{height:450px}
    .pro-banner .content li .t1{font-size:22px;}
    .pro-banner .content li .t3{font-size:13px;margin-top: 8px}
}
@media(max-width: 992px){
    .pro-banner{height:350px;margin-top: 67px;}
    .pro-banner .content{width:calc(100% - 130px);margin-left:30px;}

}
@media(max-width: 768px){
    .pro-banner{height:300px;}
    .pro-banner .content li .t3{display: none;}
}
@media(max-width: 576px){
    .pro-banner{height: 120px;margin-top: 50px;}
    .pro-banner .txt{width:90px;}
    .pro-banner .content{display: none;}
}
/*position*/
.position{height: 60px;line-height: 60px;box-shadow: 0 5px 10px #f0f0f0;background:#eee;overflow: hidden;}
.position .wrapp{padding:0 15px;}
.p-left{width:78%;float: left;}
.p-left a{display: block;float: left;position: relative;transition: all .5s;}
.p-left a span{color:#333;font-size: 16px;display: block;text-align: center;position: relative;z-index: 2;transition: all .5s;width:150px;text-align: center;padding:0 10px;}
.p-left a .tags{padding:20px 15px;color:#fff;background: #f54714;position: absolute;left:0;bottom:0;width:100%;transition: all .5s;opacity: 0}
.p-left a .tags .t1{font-size:30px;font-weight: bold;line-height: 1}
.p-left a .tags .t2{font-size:16px;margin:10px 0;line-height: 1;font-weight: lighter;}
.p-left a .tags i{font-size:50px;opacity: 0.3;float: right;line-height: 1;margin-top: 10px;}
.p-left a:Hover span,.p-left a.on span{background: var(--zhu-color);color:#fff;}
.p-left a.on .tags{bottom:60px;opacity: 1}

.p-right{float: right;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;height: 100%}
.p-right i{color:var(--zhu-color);font-size:30px;margin-right: 10px;}
.p-right p{color:#666666;}
.p-right p a{color:#666666;display: inline-block;}
.p-right p a:hover{color:var(--zhu-color);}

@media(max-width: 1200px){
	.position{height: 50px;line-height: 50px;}
	.p-left a span{font-size:16px;width:130px;}
	.p-right i{font-size:24px;}
	.p-left a.on .tags{bottom:50px;}
	.p-left a .tags .t1{font-size:24px;}
	.p-left a .tags .t2{font-size:14px;}
	.p-left a .tags i{font-size:40px;margin-top: 0}
	.p-left a .tags{padding:15px;}
}

@media(max-width: 992px){
	.position .wrapp{padding:0 5px;}
	.p-left{width:100%;}
    .p-left a span{font-size:14px;}
	.p-right{display: none;}
}
@media(max-width: 768px){
	.p-left a span{font-size:14px;width:100px;}
	.p-left a .tags{padding:10px;}
	.p-left a .tags .t1{font-size:18px;}
	.p-left a .tags .t2{font-size:12px;}
	.p-left a .tags i{font-size:30px;}
}
@media(max-width: 576px){
	.position{height: 35px;line-height: 35px}
	.position .wrapp{padding:0;}
	.p-left a{width:20%;}
	.p-left a span{font-size:12px;width:100%;padding:0 5px;}
	.p-left a .tags{padding:10px 5px;}
	.p-left a .tags .t1{font-size:12px;}
	.p-left a .tags .t2{margin:5px 0;font-size:10px;}
	.p-left a .tags i{font-size:20px;}
	.p-left a.on .tags{bottom:40px;}
}




/*com-part1*/
.com-part1{padding:60px 0 0;overflow: hidden;width:100%;}
.com-part1-hd{display: flex;flex-direction:column;}
.com-part1-hd .t1{color:#333333;width:100%;}
.com-part1-hd .t1 b{font-size:36px;float: left;}
.com-part1-hd .t1 span{font-size:18px;float: left;margin-top: 15px;margin-left: 15px}
.com-part1-hd .t2{padding:15px 35px;font-size:22px;}
.com-part1-hd .t3{font-size:16px;line-height: 36px;padding:10px 35px;-webkit-line-clamp:5;}
.com-part1-hd .data{background: url(../images/com-part1-hd-bg.jpg) center no-repeat;background-size: 100% auto;display: flex;flex-direction: row;justify-content: center;margin:30px 0;padding:30px 0;flex-wrap: wrap}
.com-part1-hd .data li{width:20%;display: flex;flex-direction: column;align-items: center;}
.com-part1-hd .data li span{font-size:15px;}
.com-part1-hd .data li b{font-size:60px;color:var(--zhu-color);line-height: 1.2}
@media(max-width: 1200px){
	.com-part1-hd .t1 b{font-size:30px;}
	.com-part1-hd .t1 span{font-size:16px;}
	.com-part1-hd .t2{font-size:20px;padding:10px 30px;}
	.com-part1-hd .t3{padding:8px 30px;font-size:15px;line-height: 2}
	.com-part1-hd .data{margin:15px 0;padding:15px 0;}
	.com-part1-hd .data li b{font-size:50px;}
}
@media(max-width: 992px){
	.com-part1{padding:45px 0;}
	.com-part1-hd .t1 b{font-size:24px;}
	.com-part1-hd .t1 span{font-size:15px;margin-top: 8px;}
	.com-part1-hd .t2{font-size:18px;padding:10px 25px;}
	.com-part1-hd .t3{padding:8px 25px;}
	.com-part1-hd .data li b{font-size:40px;}
}
@media(max-width: 768px){
	.com-part1{padding:30px 0;}
	.com-part1-hd .t1 b{font-size:20px;}
	.com-part1-hd .t1 span{font-size:14px;margin-top: 5px;}
	.com-part1-hd .t2{font-size:16px;padding:10px 20px;}
	.com-part1-hd .t3{padding:8px 20px;font-size:14px;}
	.com-part1-hd .data li b{font-size:35px;}
	.com-part1-hd .data li span{font-size:14px;}
}
@media(max-width: 576px){
	.com-part1{padding:30px 0 0;}
	.com-part1-hd .t1 b{font-size:15px;}
	.com-part1-hd .t1 span{font-size:12px;float: right;margin-right: 10px;}
	.com-part1-hd .t2{font-size:14px;padding:10px 15px;}
	.com-part1-hd .t3{padding:0px 15px;font-size:13px;margin:8px 0;-webkit-line-clamp:8;}
	.com-part1-hd .data{margin:0;}
	.com-part1-hd .data li{width:33%;margin-bottom: 15px;}
	.com-part1-hd .data li b{font-size:25px;}
	.com-part1-hd .data li span{font-size:12px;}
}



/*com-part2*/
.com-part2{overflow: hidden;width:100%;}
.com-part2-bd{margin-top: 45px;padding:0 0 0 35px;width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.com-part2-bd .left{font-size:15px;line-height: 2;color:#000000;height: 390px;width:50%;overflow-y: scroll;padding-right: 15px;}
.com-part2-bd .right{padding:0 0 0 30px;width:50%;}
.com-video{width:100%;height: 450px;position: relative;overflow: hidden;display: block;margin-top: 60px;}
.com-video img{width:100%;height: 100%;object-fit: cover;}
.com-video i{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;font-size:60px;cursor: pointer;transition: all .5s;z-index: 1}
.com-video:hover i{color:var(--pei-color);}
.com-video:after{content:'\e619';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.6);color:#fff;font-size: 40px;width:10px;height:10px;font-family: 'iconfont';text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%;transition: all .5s;opacity: 0}
.com-video:hover:after{width:1500px;height: 1500px;opacity: 1;}
@media(max-width: 1200px){
	.com-part2-bd{padding:0 0 0 25px;}
	.com-part2-bd .left{height: 380px}
	.com-video{height: 400px}
}
@media(max-width: 992px){
	.com-part2-bd{padding:0 0 0 15px;}
	.com-part2-bd .left{font-size:14px;height: 300px;}
	.com-video{height: 350px;margin-top: 45px;}
}
@media(max-width: 768px){
	.com-part2-hd .t1 b{font-size:24px;}
	.com-part2-bd{flex-direction: column-reverse;padding-left: 0}
	.com-part2-bd .right{width:100%;padding-left: 0;text-align: center;}
	.com-part2-bd .left{width:100%;margin-top: 30px;}

	.com-video{height: 300px;}
}
@media(max-width: 576px){
	.com-part2-hd .t1 b{font-size:22px;}
	.com-part2-bd{margin-top: 30px;}
	.com-part2-bd .left{font-size: 13px;}
	.com-video{height: 200px;}
}

/*com-part3*/
.com-part3{overflow: hidden;padding:15px 0;}
.com-part3 .container-fluid{width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.com-part3 .item{width:calc(calc(100% - 30px)/2);overflow:hidden;}
.com-part3 .item .bd a{display: block;}
.com-part3 .item .bd a .pic{background:url(../images/kuang.png) center no-repeat;padding:16px;background-size: 100% 100%}
.com-part3 .item .bd a .img{padding-bottom:69%}
.com-part3 .item .bd a .img img{transition:all .5s}
.com-part3 .item .bd a p{text-align: center;font-size:16px;padding:10px 0;color:#333333;transition: all .5s}
.com-part3 .item .bd a:hover .pic .img img{transform: scale(1.05,1.05);}
.com-part3 .item .bd a:hover p{color:var(--zhu-color)}
@media(max-width: 992px){
	.com-part3 .container-fluid{flex-direction: column;}
	.com-part3 .item{width:100%;}
}
@media(max-width: 576px){
	.com-part3 .item .bd a .pic{padding:8px;}
	.com-part3 .item .bd a p{font-size:14px;}
}

/*com-part4*/
.com-part4-bd{overflow: hidden;}
.com-part4-bd a .img{padding-bottom: 66.67%}
.com-part4-bd a .img img{transition: all .5s}
.com-part4-bd a p{font-size:16px;text-align: center;padding:10px 0;color:#333;transition: all .5s}
.com-part4-bd a:hover .img img{transform: scale(1.05,1.05);}
.com-part4-bd a:hover p{color:var(--zhu-color);}
@media(max-width: 576px){
	.com-part4-bd a p{font-size:14px;}
}


/*proindex*/
.proindex{margin-top: 30px;width:100%;overflow: hidden;}
/*pro-section*/
.pro-section{overflow: hidden;}

.pro-section-hd{width:100%;overflow: hidden;}
.pro-section-bd{margin: 30px 0 0px;width:100%;overflow: hidden;}
.pro-section-bd .box{display: block;transition: all .5s;}
.pro-section-bd .box .img img{transition: all .5s;}
.pro-section-bd .box p{padding:10px;font-size: 16px;color:#333333;text-align: center;transition: all .5s}

.pro-section-bd .swiper-slide:hover .box .img{box-shadow: 0 0 15px #ddd;}
.pro-section-bd .swiper-slide:hover .box .img img{transform: scale(1.05,1.05);}
.pro-section-bd .swiper-slide:hover .box p{color:var(--zhu-color);}

@media(max-width: 576px){
    .pro-section .container-fluid{padding:0 5px;}
    .pro-section-hd{margin:20px 0;}
	.pro-section-hd .left b{font-size: 18px;max-width: 150px;display: block;}
    .pro-section-hd #loadding2{margin-top: -10px}
    .pro-section-bd{margin:0;}
	.pro-section-bd .box p{font-size: 12px;}
	
}

/*prolist-catname*/
@media(max-width: 576px){
    .prolist-catname .ltitle b{font-size:18px;}
    .prolist-catname .ltitle #loadding2{margin-top: -10px;}

}


/*prolist*/
.prolist{}
.prolist .row>div{margin-bottom: 15px;}
.prolist .box{display: block;transition: all .5s;}
.prolist .box p{padding:15px 10px;font-size: 16px;color:#333333;text-align: center;transition: all .5s}
.prolist .box .img{transition: all .5s;}
.prolist .box .img img{transition: all .5s;}
.prolist .box:hover .img{box-shadow: 0 0 15px #ddd;}
.prolist .box:hover p{color:var(--zhu-color);}
.prolist .box:hover .img img{transform: scale(1.05,1.05);}

@media(max-width: 576px){
	.prolist .box p{font-size: 14px;padding:10px;}
    .prolist .row>div{padding:0 5px;}
}

/*proinfo-banner*/
.proinfo-banner{width:100%;overflow: hidden;height: 600px;position: relative;margin-top: 80px}
.proinfo-banner-hd{background: rgba(0,0,0,.1);padding:20px 0;position: absolute;top:0;left:0;width:100%;}
.proinfo-banner-hd .container-fluid{display: flex;flex-direction: row;justify-content: space-between;}
.proinfo-banner-hd .left{font-size:16px;color:#333333;width:50%;}
.proinfo-banner-hd .right{font-size:14px;color:#333333;width:50%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.proinfo-banner-hd .right i{color:var(--zhu-color);font-size:20px;margin-right: 10px;line-height: 1}
.proinfo-banner-hd .right p{color:#666666;}
.proinfo-banner-hd .right p a{color:#666666;display: inline-block;}
.proinfo-banner-hd .right p a:hover{color:var(--zhu-color);}
.proinfo-banner-bd{height: 100%;background: url(../images/proinfo-banner.jpg) center no-repeat;background-size: cover;}
.proinfo-banner-bd .wrap{height: 100%}
.proinfo-banner-bd .container-fluid{display: flex;flex-direction: row;justify-content: space-between;align-items: center;height: 100%;}
.proinfo-banner-bd .txt{width:45%;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;padding:5vw 0;}
.proinfo-banner-bd .txt .t1{font-size:36px;font-weight: bold;}
.proinfo-banner-bd .txt .t2{font-size:14px;text-transform: uppercase;}
.proinfo-banner-bd .txt .t3{width:500px;margin-top: 15px;}
.proinfo-banner-bd .pic{width:55%;/*text-align:right;*/;overflow: hidden;margin-top: 5%}

@media(max-width: 1400px){
    .proinfo-banner{height: 550px;}
    .proinfo-banner-bd .pic{width:50%;}
}
@media(max-width: 1200px){
    .proinfo-banner{height: 450px;}
    .proinfo-banner-hd{padding:15px 0;}
    .proinfo-banner-bd .txt .t1{font-size:30px;}
    .proinfo-banner-bd .txt .t2{font-size:12px;}
    .proinfo-banner-bd .txt .t3{width:100%;}
    .proinfo-banner-bd .pic{width:50%;}
}
@media(max-width: 992px){
    .proinfo-banner{margin-top: 67px;/*height: 400px*/}
    .proinfo-banner-hd{padding:10px 0;}
    .proinfo-banner-hd .left{font-size:14px;}
    .proinfo-banner-bd .txt .t1{font-size:24px;}
    .proinfo-banner-bd .pic{margin-top: 5%}
}
@media(max-width: 768px){

    .proinfo-banner{height:auto;margin-top: 50px;}
    .proinfo-banner-hd{display: none;}
    .proinfo-banner-hd .left{font-size:14px;}
    .proinfo-banner-bd .container-fluid{flex-direction: column-reverse;padding: 3%;height: auto;}
    .proinfo-banner-bd .txt{width:100%;}
    .proinfo-banner-bd .txt .t1{font-size:18px;}
    .proinfo-banner-bd .txt .t2{font-size:10px;}
    .proinfo-banner-bd .txt .t3{font-size:12px;width:100%;}
    .proinfo-banner-bd .pic{width:80%;}
}
@media(max-width: 576px){
    .proinfo-banner-bd .txt .t3{display: none;}
    .proinfo-banner-bd .txt .t1{font-size:16px;}
    .proinfo-banner-bd .pic{width:100%;}
}

/*pinfo-section*/
.pinfo-section{margin-top: 45px;width:100%;overflow:hidden;}
.pinfo-section-hd{height: 60px;background: #f7f7f7;line-height: 60px;overflow: hidden;}
.pinfo-section-hd .left{}
.pinfo-section-hd .left span{float: left;background:#3051db;color:#fff;font-size:24px;font-weight: bold;display: block;padding:0 50px;height: 60px;line-height: 60px;}
.pinfo-section-hd .left img{float: left;}
.pinfo-section-hd .right{font-size:14px;color:#333333;float: right;text-transform: uppercase;padding-right: 30px;}
.pinfo-section-bd{padding:30px;font-size:16px;line-height: 1.8}
.pinfo-section-bd table{margin:auto;width:100%;}
.pinfo-section-bd table td{padding:5px;}
@media(max-width: 1200px){
    .pinfo-section-hd{height: 50px;line-height: 50px;}
    .pinfo-section-hd .left span{padding:0 35px;height: 50px;line-height: 50px;font-size:20px;}
    .pinfo-section-hd .right{font-size:13px;}
}
@media(max-width: 992px){
    .pinfo-section-hd{height: 45px;line-height: 45px;}
    .pinfo-section-hd .left span{padding:0 25px;height:45px;line-height: 45px;font-size:18px;}
    .pinfo-section-hd .right{font-size:13px;}
}
@media(max-width: 768px){
    .pinfo-section{margin-top: 30px;}
    .pinfo-section-hd{height: 40px;line-height: 40px;}
    .pinfo-section-hd .left span{padding:0 20px;height:40px;line-height: 40px;font-size:16px;}
    .pinfo-section-hd .right{font-size:12px;}
    .pinfo-section-bd{padding:25px 15px;font-size:14px;}
}
@media(max-width: 576px){
    .pinfo-section-hd{height: 30px;line-height: 30px;}
    .pinfo-section-hd .left span{padding:0 10px;height: 30px;line-height: 30px;font-size:14px;}
    .pinfo-section-hd .right{padding-right: 10px;font-size:10px;}
    .pinfo-section-bd{padding:20px 0px 0;font-size:13px;}
}

/*zhiding*/
.zhiding{margin-top: 60px;overflow: hidden;}
.zhiding-box{display: flex;flex-direction:row;justify-content: space-between;width:100%;height: 370px;}
.zhiding-box .left{width:calc(calc(100% - 30px)/2);}
.zhiding-box .left li{width:100%;overflow: hidden;display: none;transition: all .5s;opacity: 0;height: 100%}
.zhiding-box .left li img{width:100%;height: 100%;object-fit: cover;}
.zhiding-box .left li.on{display: block;opacity: 1}
.zhiding-box .right{width:calc(calc(100% - 30px)/2);display: flex;flex-direction: column;margin-top: -29px;}
.zhiding-box .right a{width:100%;display: block;border-bottom:dashed 1px #999;padding:30px 0 30px 40px;position: relative;transition: all .5s}
.zhiding-box .right a:after{content:'';position: absolute;width:36px;height: 36px;background: url(../images/zhiding-icon.png) no-repeat;top:30px;left:0;}
.zhiding-box .right a .t1{font-size:24px;color:#333333;transition: all .5s}
.zhiding-box .right a .t2{font-size:16px;color:#aaaaaa;line-height:0.8;margin-top: 20px;}
.zhiding-box .right a .t2 span{float: left;}
.zhiding-box .right a .t2 span:nth-child(1){color:var(--zhu-color);padding-right:10px;}
.zhiding-box .right a .t2 span:nth-child(2){height: 16px;width:1px;display: inline-block;background:#cecece;margin-right:10px;margin-top: -1px; }
.zhiding-box .right a.on{border-bottom: dashed 1px var(--zhu-color);}
.zhiding-box .right a.on .t1{color:var(--zhu-color);}
@media(max-width: 992px){
    .zhiding{margin-top: 30px;}
    .zhiding-box{height: 300px}
    .zhiding-box .right{margin-top:-20px;}
    .zhiding-box .right a{padding:20px 0 20px 30px;}
    .zhiding-box .right a:after{width:28px;height: 28px;background-size: 100% 100%}
    .zhiding-box .right a .t1{font-size:20px;}
    .zhiding-box .right a .t2{font-size:14px;}
}
@media(max-width: 768px){
    .zhiding-box{height: 290px}
    .zhiding-box .right a:after{top:26px;}
    .zhiding-box .right a .t1{font-size:18px;}
}
@media(max-width: 576px){
    .zhiding-box{height: auto;flex-direction: column;}
    .zhiding-box .left{width:100%;display: none;}
    .zhiding-box .right{width:100%;margin-top: 0}
    .zhiding-box .right a{padding:15px 0 15px 30px;}
    .zhiding-box .right a .t1{font-size:16px;}
    .zhiding-box .right a:after{width:20px;height: 20px;top:20px;}
    .zhiding-box .right a .t2{font-size:12px;}
}

/*newslist*/
.newslist{padding: 20px 0 0;overflow: hidden;}
.newslist .item{width:100%;overflow: hidden;display: block;margin-bottom: 20px;position: relative;border-bottom:dashed 1px #999; padding-bottom: 30px;transition: all .5s}
.newslist .item:after{content:'';position: absolute;bottom:0;left:0;width:0;height: 2px;background: var(--zhu-color);transition: all .5s}
.newslist .item .img{padding-bottom: 75%;}
.newslist .item .img img{transition: all .5s}
.newslist .item .t1{font-size:24px;color:#333333;transition: all .5s;margin-top: 15px;}
.newslist .item .t2{font-size:16px;color:#aaaaaa;line-height:0.8;margin-top: 20px;}
.newslist .item .t2 span{float: left;}
.newslist .item .t2 span:nth-child(1){color:var(--zhu-color);padding-right:10px;}
.newslist .item .t2 span:nth-child(2){height: 16px;width:1px;display: inline-block;background:#cecece;margin-right:10px;margin-top: -1px; }

.newslist .item:hover{border-bottom: dashed 1px var(--zhu-color)}
.newslist .item:hover .img img{transform: scale(1.05,1.05);}
.newslist .item:hover .t1{color:var(--zhu-color);}
@media(max-width: 992px){
    .newslist .item{padding-bottom: 20px;}
    .newslist .item .t1{font-size:20px;}
    .newslist .item .t2{font-size:14px;}
}
@media(max-width: 768px){
    .newslist .item .t1{font-size:18px;}
}
@media(max-width: 576px){
    .newslist .item{padding-bottom: 15px;}
    .newslist .item .t1{font-size: 16px;}
    .newslist .item .t2{font-size: 12px;}
}



/*newsinfo*/
.newsinfo{padding:30px 0;}
.newsinfo .box{background:#fff;border-radius: 3px;padding:45px 30px;}
.newsinfo .t1{width:100%;text-align: center;font-size: 28px;color:#222;}
.newsinfo .t2{width:100%;text-align: center;font-size: 16px;color:#aaaaaa;padding:25px 30px 30px;border-bottom:dashed 1px #cecece;display: flex;flex-direction: row;justify-content: center}
.newsinfo .t2 li{display: inline;margin:0 15px;}
.newsinfo .t2 li span{float: left;}
.newsinfo .t2 li span:nth-child(1){color:var(--zhu-color);padding-right:10px;}
.newsinfo .t2 li span:nth-child(2){height: 16px;width:1px;display: inline-block;background:#cecece;margin-right:10px;margin-top: 4px; }

.newsinfo .content{padding:30px 0; line-height: 2;min-height:100px;font-size:16px;}
.newsinfo .newsPage{width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.newsinfo .newsPage .btnn{width:60px;display: block;text-align: center;border-radius: 3px;background:#eee;transition: all .5s }
.newsinfo .newsPage .btnn i{font-size: 35px;color:#666;line-height: 1.6;transition: all .5s}
.newsinfo .newsPage .btnn:hover{background: var(--zhu-color);}
.newsinfo .newsPage .btnn:hover i{color:#fff;}
.newsinfo .newsPage>div{width:calc(calc(100% - 70px)/2);color:#666;border-radius: 5px;padding:0 15px;background: #eee;line-height: 60px;}
.newsinfo .newsPage .page-a{text-align: left;}
.newsinfo .newsPage .page-a:nth-child(3){text-align: right;}
.newsinfo .newsPage>div a{color:#666;transition: all .5s}
.newsinfo .newsPage>div a:hover{color:#222;}
@media(max-width: 992px){
    .newsinfo .t1{font-size:24px;}
    .newsinfo .t2{font-size:14px;padding:25px;}
    .newsinfo .content{font-size:15px;}
    .newsinfo .newsPage{flex-direction: column;}
    .newsinfo .newsPage .btnn{display: none;}
    .newsinfo .newsPage>div{line-height: 40px;}
    .newsinfo .newsPage .page-a{width:100%;margin-bottom: 10px;}
    .newsinfo .newsPage .page-a:nth-child(3){text-align: left;}

}
@media(max-width: 768px){
    .newsinfo{padding:30px 0 0;}
    .newsinfo .box{padding:0px 15px;}
    .newsinfo .t1{font-size:22px;}
    .newsinfo .t2 li:nth-child(2){display: none;}
}
@media(max-width: 576px){
    .newsinfo .box{padding:0;}
    .newsinfo .t1{font-size: 18px;font-weight: bold;}
    .newsinfo .t2{font-size: 12px;padding:15px 0 30px;}
    .newsinfo .content{font-size:14px;}
    .newsinfo .newsPage>div{line-height: 20px;padding:10px;}
    .newsinfo .newsPage .page-a{font-size:12px;}
}

/*contact-title*/
.contact-title{overflow: hidden;position: relative;}
.contact-title .t1{font-weight:bolder;color:#f9f9f9;font-size:70px;text-transform: uppercase;font-family:Verdana;line-height: 1}
.contact-title .t2{position: absolute;left:0;bottom:0;}
.contact-title .t2 b{color:#333333;font-size:34px;font-weight: bold;}
.contact-title .t2 span{font-size:16px;color:#a8a8a8;margin-left: 15px;}

@media(max-width: 1200px){
    .contact-title .t1{font-size:60px;}
    .contact-title .t2 b{font-size:30px;}
    .contact-title .t2 span{font-size:14px;}
}
@media(max-width: 576px){
    .contact-title .t1{font-size:35px;}
    .contact-title .t2 b{font-size:22px;}
    .contact-title .t2 span{font-size:12px;}
}


/*contact-section1*/
.contact-section1{overflow: hidden;margin-top: 50px;}
.contact-section1-bd{display: flex;flex-direction: row;}
.contact-section1-bd .left{width:70%;padding:15px 0;}
.contact-section1-bd .left li{width:50%;display: flex;flex-direction: row;padding:20px 0;justify-content: space-between;float: left;}
.contact-section1-bd .left li i{color:var(--zhu-color);font-size:60px;line-height: 1}
.contact-section1-bd .left li .txt{width:calc(100% - 80px);}
.contact-section1-bd .left li .txt p{font-size:20px;color:#333333;line-height: 1.6;}

.contact-section1-bd .right{width:30%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.contact-section1-bd .right .pic{width:135px;}
.contact-section1-bd .right p{width:20px;font-size:18px;color:#333;margin-left: 15px;line-height: 1.1}

@media(max-width: 1200px){
    .contact-section1-bd .left li i{font-size:50px;}
    .contact-section1-bd .left li .txt{width:calc(100% - 70px);}
    .contact-section1-bd .left li .txt p{font-size:16px;}
    .contact-section1-bd .right p{font-size:16px;}
}
@media(max-width: 992px){
    .contact-section1-bd .left li i{font-size:40px;}
    .contact-section1-bd .left li .txt{width:calc(100% - 60px);}
    .contact-section1-bd .left li .txt p{font-size:14px;line-height: 1.6}
}
@media(max-width: 768px){
    .contact-section1-bd{flex-direction: column;}
    .contact-section1-bd .left{width:100%;}
    .contact-section1-bd .right{width:100%;}
}
@media(max-width: 576px){
    .contact-section1{margin-top: 30px;}
    .contact-section1-bd .left li{width:100%;padding:10px 0;}
    .contact-section1-bd .left li i{font-size:30px;}
    .contact-section1-bd .left li .txt{width:calc(100% - 45px);}
    .contact-section1-bd .left li .txt p{font-size:12px;}
    .contact-section1-bd .right .pic{width:110px;}
    .contact-section1-bd .right p{font-size:14px;}
}


/*dituContent*/
#dituContent{ width: 100%; height:465px; }
@media(max-width: 576px){
    #dituContent{height: 350px}
}

/*contact-section2*/
.contact-section2-bd{margin-top:40px;overflow: hidden; }
@media(max-width: 576px){
    .contact-section2{margin-top: 30px}
}


/*contact-section3*/
.contact-section3{margin-top: 30px;overflow: hidden;}
.contact-section3-bd{margin-top:30px; }
.contact-section3-bd .con{width:100%;}
.contact-section3-bd .con textarea{background:#f2f2f2;padding:25px;border-radius:8px;width:100%;border:none;font-size:14px;color:#999999;height: 170px;margin-bottom: 10px;}
.contact-section3-bd ul{margin-left: -15px;margin-right: -15px}
.contact-section3-bd li{width:calc(calc(100% - 90px)/3);margin:10px 15px;float: left;border-radius: 8px;overflow: hidden;}
.contact-section3-bd li .input-txt{background:#f2f2f2;padding:15px 25px;width:100%;color:#999;}
.contact-section3-bd li .code{width:calc(100% - 150px);}
.contact-section3-bd li img{width:150px;float: right;height: 51px}
.contact-section3-bd li a{width:100%;height: 51px;text-align: center;color:#fff;font-size:20px;line-height: 51px;background: var(--zhu-color);display: block;transition: all .5s}
.contact-section3-bd li a:hover{background:var(--pei-color);}
@media(max-width: 992px){
    .contact-section3-bd li .code{width:calc(100% - 100px);}
    .contact-section3-bd li img{width:100px;}
}
@media(max-width: 768px){
    .contact-section3-bd li{width:calc(calc(100% - 60px)/2);}
}
@media(max-width: 576px){
    .contact-section3-bd .con textarea{height: 120px;padding:10px 15px;margin-bottom: 8px;}
    .contact-section3-bd ul{margin:0;}
    .contact-section3-bd li{width:100%;margin:8px 0;}
    .contact-section3-bd li .input-txt{padding:10px 15px;}
    .contact-section3-bd li img{height: 41px}
    .contact-section3-bd li a{height: 41px;line-height: 41px;font-size:16px;}
}

/*job*/
.job{margin-top: 40px;overflow: hidden;}
.job-content{overflow: hidden;margin-top: 20px}
.job-content .hd{display: flex;flex-direction: row;justify-content: space-between;background: #f8f8f8;height: 96px;align-items: center;flex-wrap:wrap;margin-top: 24px;}
.job-content .hd li{width:20%;text-align: center;font-size:18px;color:#171717;}
.job-content .hd li i{font-size:50px;color:#333;}
.job-content .hd li i.icon2{display: none;}
.job-content .hd.on{background: var(--zhu-color);}
.job-content .hd.on li{color:#fff;}
.job-content .hd.on li i{color:#fff;}
.job-content .hd.on li i.icon2{display: block;}
.job-content .hd.on li i.icon1{display: none;}
.job-content .bd{border:solid 1px #cecece;border-top:none;padding:40px;overflow: hidden;}
.job-content .bd .left{width:calc(100% - 370px);float: left;font-size:110%;}
.job-content .bd .left strong{}
.job-content .bd .right{width:340px;float: right;color:#333333;}
.job-content .bd .right .t1{font-size:22px;margin-bottom: 20px;}
.job-content .bd .right .t2{font-size:15px;line-height: 2}
@media(max-width: 1200px){
    .job-content .hd li{font-size:16px;}
    .job-content .hd li i{font-size:40px;}
}
@media(max-width: 992px){
    .job-content .hd{padding:10px 0;}
    .job-content .hd li{width:33%;}
    .job-content .hd li i{line-height: 1;font-size:30px;}
    .job-content .bd{padding:30px;}
    .job-content .bd .left{width:calc(100% - 310px);}
    .job-content .bd .right{width:280px;}
    .job-content .bd .right .t1{font-size:20px;}
}
@media(max-width: 768px){
    .job-content .hd li{font-size:14px;}
    .job-content .hd li i{font-size:26px;}
    .job-content .bd .left{width:100%;}
    .job-content .bd .right{width:100%;border-top:dashed 1px #cecece;padding-top:30px;}
}
@media(max-width: 576px){
    .job-content .hd{height: auto;padding:5px 0;margin-top: 10px;}
    .job-content .hd li{width:50%;font-size:12px;padding:5px;}
    .job-content .hd li:nth-child(5){display: none;}
    .job-content .bd{padding:15px;}
    .job-content .bd .left{font-size:100%;}
    .job-content .bd .right{padding-top: 20px;}
    .job-content .bd .right .t1{font-size:16px;}
    .job-content .bd .right .t2{font-size:13px;}

}

/*fenye*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0;  clear: both;}
    .de-page-mian .page-inner{display: inline-block; overflow: hidden;margin: 10px auto 0px;}
    .de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;width:auto;}
    .de-page-mian .page-inner a.active,
    .de-page-mian .page-inner a:hover{color: #fff; border-color:var(--zhu-color); background: var(--zhu-color);}
    .de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
    .de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
    .de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
    .de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
    .de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
    .de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
    .de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;display: none;}
    .de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
    .de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*no-goods*/
.no-goods,.no-network{padding:100px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}

/*xingneng*/
.xingneng{padding:30px;width:100%;overflow: hidden;font-size:16px;line-height: 1.8;}
.xingneng .tt{background:url(../images/xingneng-icon.jpg) left center no-repeat;background-size: auto 100%;padding:5px 0 5px 40px;}
.xingneng p{margin:10px 0;}