/* css初始化 */
* {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,a,p,ul,li,ol {font-family: "PingFang SC","Microsoft YaHei", "Arial", "榛戜綋", "瀹嬩綋", sans-serif;}
ul {list-style: none;padding: 0;margin: 0;}
a,a:hover,a:focus,a:visited {text-decoration: none;}
ul::before,ul::after {content: '';display: block;clear: both;}
input {background: none;}

/* 公共样式 */
.clearfix {clear: both;}
.container {width: 1400px;margin: 0 auto;padding: 0;}
.title h1{font-size: 36px;color: #202020;text-align: center;}
.title p{font-size: 16px;color: #333;text-align: center;margin: 16px 0 50px;letter-spacing: 0.5px;}


/* head */
.head{box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.12);}
.head .logo img{padding-top: 23px; padding-right: 32px;float: left;}
.head .line{width: 1px;height: 96px;float: left;background: #f3f3f3;}
.head .nav{float: left;margin-left: 162px;}
.head .nav ul li{float: left;padding: 0 32px 0 35px;position: relative;}
.head .nav ul li a{font-size: 16px;color: #202020;line-height: 96px;display: block;}
.head .nav ul li a i{width: 3px;height: 3px;background: #202020;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.head .nav ul li a::before{content:'';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #7ccf25;z-index: 10000;}
.head .nav ul li:hover a,.head .nav ul li.on a{color: #7ccf25;}
.head .nav ul li:hover a::before,.head .nav ul li.on a::before{width: 100%;transition: .5s;}
.head .right{float: right;}
.head .right a.icon-sousuo{font-size: 20px;color: #202020;line-height: 94px;border-right: 1px solid #eee;padding-right: 20px;margin-right: 20px;}
.head .right .tel{float: right;line-height: 96px;height: 96px;}
.head .right .tel i{font-size: 18px;color: #202020;}
.head .right .tel span{font-size: 16px;color: #202020;margin-left: 6px;font-family: 'PingFang SC';}


/* 搜索 */
.header-search__outbox{position: fixed;right: 253px;top: 0;width: 1252px;height: 96px;background-color: #fff;z-index: 1000;display: none;}
.header-search__cont{position: relative;height: 100%;text-align: left;}
.header-search__outbox input{width: 100%;outline: none;height: 96px;padding-left: 32px;border: none;font-size: 16px;color: #b3b3b3;}
.header-search__outbox .search-close{position: absolute;right: 32px;top: 37%;font-size: 22px;color: #b3b3b3;}


/* banner */
.banner .swiper-slide img{
  width:100%;
  height:auto;
  min-height:100%;
  transition:1s linear 9.8s;
}
.banner .swiper-slide-active img {
  transition: 16s linear;
  transform: scale(1.2,1.2);
}


/* 产品 */
.index01{padding: 70px 0 138px;}
.index01 .pro{border-top: 1px solid #e9e9e9;}
.index01 .pro .parHd ul li{width: 280px;font-size: 16px;color: #333;text-align: center;float: left;position: relative;padding-top: 30px;cursor: pointer}
.index01 .pro .parHd ul li:hover::before,.index01 .pro ul li.on::before{content:'';width: 12px;height: 12px;border: 3px solid #7ccf25;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: -9px;transform: translateX(-50%);}
.index01 .pro .pro-cont{margin-top: 50px;position: relative;}
.index01 .pro .pro-cont .des{width: 269px;height: 290px;border-radius: 6px;margin-right: 28px;background: #f4f4f5;padding: 36px 30px 56px;float: left;}
.index01 .pro .pro-cont .des:nth-child(4){margin-right: 0px;}
.index01 .pro .pro-cont .des::before{display: none;}
.index01 .pro .pro-cont .des p{font-size: 16px;color: #c3c3c3;text-align: left;padding-bottom: 18px;border-bottom: 1px solid #ececec;}
.index01 .pro .pro-cont .des h4{font-size: 24px;color: #333;text-align: left;margin: 24px 0 0px;height: 70px;overflow: hidden;}
.index01 .pro .pro-cont .des img{width: 298px;height: 208px;object-fit: contain;}
.index01 .pro .pro-cont .des .more i{display: none;}
.index01 .pro .pro-cont .des:hover,.index01 .pro .pro-cont .des.on{background: url(../images/pro-bg.png);position: relative;overflow: hidden;cursor: pointer;}
.index01 .pro .pro-cont .des:hover p,.index01 .pro .pro-cont .des.on p{color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.32);}
.index01 .pro .pro-cont .des:hover h4,.index01 .pro .pro-cont .des.on h4{color: #fff;}
.index01 .pro .pro-cont .des:hover img,.index01 .pro .pro-cont .des.on img{position: absolute;bottom: 32px;right: -62px;width: 329px;height: auto;}
.index01 .pro .pro-cont .des:hover .more,.index01 .pro .pro-cont .des.on .more{width: 38px;height: 38px;border: 2px solid #fff;border-radius: 50%;position: absolute;bottom: 36px;left: 30px;}
.index01 .pro .pro-cont .des:hover .more i,.index01 .pro .pro-cont .des.on .more i{font-size: 18px;color: #fff;text-align: center;line-height: 38px;display: block;}
/* 按钮 */
.swiper-pagination-bullet{
    background:none;
    opacity:1;
    /* margin:0 6px !important; */
    width:42px;
    height:4px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.swiper-pagination-bullet span{
    width:42px;
    height:4px;
    background:#eaeaea;
    display:block;
    /* border-radius:50%; */
    margin-top:3px;
    /* margin-left:3px; */
}
.swiper-pagination-bullet i{
    background:#7ccf25;
    height:4px;
    width:42px;
    position:absolute;
    top:3px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    }
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
    width:42px;
    height:4px;
    margin-top:3px;
    margin-left:0;
    background:#eaeaea;
    position:relative;
    z-index:1;
    }
.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}



/* 小banner */
.index02{padding: 64px 0 72px;}
.index02 .text h1{font-size: 36px;color: #fff;cursor: pointer;}
.index02 .text p{width: 53%;font-size: 16px;line-height: 24px;color: #fff;margin: 14px 0 50px;cursor: pointer;}
.index02 .text .more02 a{width: 167px;height: 43px;display: block; border: 2px solid #fff;color: #fff;border-radius: 2px;text-align: center;font-size: 14px;line-height: 41px;cursor: pointer;position: relative;}
.index02 .text .more02 a i{font-size: 20px;margin-left: 10px;}
.index02 .text .more02:hover a{background: url(../images/cs-bg.png) no-repeat;color: #fff;border: none;width: 171px;height: 47px;}
 

/* 应用 */
.index03{padding: 70px 0 80px;background: #f5f5f5;height: 616px;}
.index03 .appli{position: relative;}
.index03 .appli .appli-left{background: url(../images/app-bg.png) no-repeat;padding: 40px 40px 46px;width: 562px;position: absolute;top: 61px;left: 0px;z-index: 3;}
.index03 .appli .appli-left ul li{float: left;width: 265px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);margin-right: 32px;padding: 18px 0;line-height: 30px;cursor: pointer;}
.index03 .appli .appli-left ul li:nth-child(2n){margin-right: 0px;}
.index03 .appli .appli-left ul li:nth-child(7),.index03 .appli .appli-left ul li:nth-child(8){margin-bottom: 0px;}
.index03 .appli .appli-left ul li img{cursor: pointer;float: left;}
.index03 .appli .appli-left ul li img.img01{width: 30px;height: 30px;margin-right: 18px;}
.index03 .appli .appli-left ul li img.img02{width: 28px;height: 28px;margin-right: 20px;}
.index03 .appli .appli-left ul li img.img03{width: 30px;height: 30px;margin-right: 20px;}
.index03 .appli .appli-left ul li img.img04{width: 28px;height: 28px;margin-right: 20px;}
.index03 .appli .appli-left ul li img.img05{width: 30px;height: 30px;margin-right: 18px;}
.index03 .appli .appli-left ul li img.img06{width: 28px;height: 28px;margin-right: 20px;}
.index03 .appli .appli-left ul li img.img07{width: 26px;height: 26px;margin-right: 23px;}
.index03 .appli .appli-left ul li img.img08{width: 30px;height: 30px;margin-right: 19px;}
.index03 .appli .appli-left ul li a{display: block;}
.index03 .appli .appli-left ul li a p{float: left;font-size: 20px;color: #fff;}
.index03 .appli .appli-left ul li a i{font-size: 18px;float: right;color: #fff;}
.index03 .appli .appli-left ul li:hover{background: rgba(255, 255, 255, 0.20);}
.index03 .appli .appli-right{width: 1020px;height: 480px;cursor: pointer;overflow: hidden;position: absolute;top: 0;right: 0px;}
.index03 .appli .appli-right img{width: 100%;}


/* 关于 */
.index04{background: url(../picture/about-bg.png) no-repeat;padding: 106px 0 0;color: #fff;cursor: pointer;}
.index04 h1{font-size: 40px;}
.index04 .txt{width: 720px;margin: 42px 0 54px;letter-spacing: 0.5px;}
.index04 .txt p{font-size: 16px;line-height: 28px;}
.index04 .txt p:nth-child(2){margin: 18px 0;}
.index04 .ab-more a{width: 162px;height: 42px;border: 1px solid #fff;border-radius: 2px;line-height: 40px;text-align: center;display: block;color: #FFF;}
.index04 .ab-more a i{font-size: 20px;margin-left: 10px;}
.index04 .ab-more:hover a{background: url(../images/cs-bg.png) no-repeat;border: none;width: 164px;height: 44px;}
.index04 .cord{margin-top: 80px;}
.index04 .cord .card01{float: left;width: 406px;padding: 46px 0 44px 42px;box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.12);}
.index04 .cord .card01 p{font-size: 16px;color: #666;line-height: 28px;letter-spacing: 0.5px;}
.index04 .cord .card01 .num{font-size: 48px;font-weight: bold;color: #7ccf25;font-family: "PingFang SC";margin-top: 42px;}
.index04 .cord .card01 .num span{font-size: 16px;font-weight: normal;margin-left: 2px;}
.index04 .cord .card01 .p2{font-size: 16px;color: #333;font-weight: bold;letter-spacing: 0.5px;font-family: 'PingFang SC',"Microsoft YaHei";}
.index04 .cord .card01.experience{background: url(../picture/exprience.png) no-repeat;}
.index04 .cord .card01.factory{background: url(../picture/factory.png) no-repeat;margin: 0 28px;}
.index04 .cord .card01.patents{background: url(../picture/patents.png) no-repeat;}


/* 技术 */
.index05{margin: 85px 0 82px;}
.index05 .title{position: relative;}
.index05 .title h1,.index05 .title p{text-align: left;}
.index05 .title .news-more a{background: url(../images/news-more.png) no-repeat top;position: absolute;top: 24px;right: 0;width: 164px;height: 44px;text-align: center;line-height: 40px;color: #7ccf25;font-size: 14px;}
.index05 .title .news-more a i{font-size: 20px;color: #7ccf25;margin-left: 6px;}
.index05 .title .news-more:hover a{background: url(../images/cs-bg.png) no-repeat;color: #fff;}
.index05 .title .news-more:hover a i{color: #fff;}
.index05 .news ul.left{width: 750px;float: left;}
.index05 .news ul.left li{width: 100%;margin-bottom: 28px;display: flex;}
.index05 .news ul.left li:nth-child(3){margin-bottom: 0px;}
.index05 .news ul.left li .news_img{display: block;width: 260px;height: 165px;margin-right: 24px;overflow: hidden;}
.index05 .news ul.left li .news_img img{width: 100%;}
.index05 .news ul.left li .news_img img:hover{transform: scale(1.1);transition: all .6s;}
.index05 .news ul.left li .cont {width: 446px;padding: 16px 0;}
.index05 .news ul.left li .cont a h4{font-size: 20px;font-weight: bold;color: #202020;letter-spacing: 0.5px;}
.index05 .news ul.left li .cont a p{font-size: 14px;color: #545454;letter-spacing: 0.5px;line-height: 24px;margin-top: 12px;}
.index05 .news ul.left li .cont .lb{font-size: 14px;color: #545454;margin-top: 18px;}
.index05 .news ul.left li .cont .lb a span{width: 100px;height: 24px;background: #f3f3f3;color: #7ccf25;padding: 4px 15px;margin-right: 14px;}
.index05 .news ul.left li a:hover h4{color: #7ccf25;}
.index05 .news .right{float: right;}
.index05 .news .right .right_img{width: 600px;height: 446px;display: block;overflow: hidden;}
.index05 .news .right .right_img img{width: 100%;}
.index05 .news .right .right_img img:hover{transform: scale(1.1);transition: all .6s;cursor: pointer;}
.index05 .news .right .txt02{width: 536px;background: rgba(246, 246, 247, 0.82);padding: 23px 32px;position: relative;}
.index05 .news .right .txt02 p{font-size: 14px;color: #545454;}
.index05 .news .right .txt02 a h4{font-size: 20px;letter-spacing: 0.5px;color: #202020;font-weight: normal;margin-top: 10px;}
.index05 .news .right .txt02 a:hover h4{color: #7ccf25;}
.index05 .news .right .txt02 a span{width: 40px;height: 40px;border-radius: 50%;border: 2px solid #7ccf25;position: absolute;top: 31px;right: 32px;}
.index05 .news .right .txt02 a span i{font-size: 24px;color: #7ccf25;line-height: 40px;margin-left: 8px;}


/* 合作 */
.index06{border-top: 1px solid #e5e5e5;}
.index06 .title{margin:58px 0;float: left;}
.index06 .title h1{font-size: 30px;color: #202020;letter-spacing: 0.5px;text-align: left;}
.index06 .title p{font-size: 16px;color: #333;text-align: left;margin: 0px;}
.index06 .hezuo{float: right;margin:64px 0;}
.index06 .hezuo ul li{margin-right: 16px;filter: brightness(0);opacity: 0.5;}
.index06 .hezuo ul li img{width: 152px;height: 48px;object-fit: contain;}
.index06 .hezuo ul li:hover{filter: none;opacity: 1;}


/* foot */
.foot{background: #333;padding: 78px 0 30px;}
.foot .foot_contact{float: left;}
.foot .foot_contact h4{font-size: 16px;color: #fefefe;}
.foot .foot_contact .line{width: 300px;height: 1px;background: rgba(255, 255, 255, 0.08);margin: 16px 0 20px;}
.foot .foot_contact p{font-size: 14px;width: 272px;color: #fff;line-height: 24px;}
.foot .foot_contact .foot_more{display: block; width: 160px;height: 38px;border-radius: 4px;background: url(../images/cs-bg.png) no-repeat;line-height: 38px;margin: 26px 0 22px;text-align: center;cursor: pointer;}
.foot .foot_contact .foot_more i{font-size: 20px;color: #fff;line-height: 24px;margin-right: 6px;}
.foot .foot_contact .foot_more span{color: #fff;font-size: 14px;font-family: 'PingFang SC';}
.foot .foot_contact .foot_tel{margin-bottom: 8px;}
.foot .foot_contact .foot_tel i{font-size: 16px;color: #fff;margin-right: 12px;}
.foot .foot_contact .foot_tel span{font-size: 14px;color: #fff;letter-spacing: 0.5px;font-family: 'PingFang SC',"Microsoft YaHei";}
.foot .foot_contact .foot_email{position: relative;}
.foot .foot_contact .foot_email i{font-size: 24px;color: #fff;margin-right: 6px;}
.foot .foot_contact .foot_email span{font-size: 14px;color: #999;position: absolute;top: 6px;left: 32px;letter-spacing: 0.5px;font-family: 'PingFang SC';}
.foot .foot_nav{float: right;}
.foot .foot_nav ul li{float: left;margin-right: 80px;}
.foot .foot_nav ul li:nth-child(4){margin-right: 0;}
.foot .foot_nav ul li h4{font-size: 16px;color: #fefefe;}
.foot .foot_nav ul li .line{width: 180px;height: 1px;background: rgba(255, 255, 255, 0.08);margin: 16px 0 20px;}
.foot .foot_nav ul li a{font-size: 14px;color: #999;letter-spacing: 0.5px;line-height: 30px;display: block;cursor: pointer;}
.foot .foot_nav ul li a:hover{color: #fff;}
.foot .foot_bottom{border-top: 1px solid rgba(255, 255, 255, 0.08);margin-top: 50px;padding-top: 30px;}
.foot .foot_bottom img{width: 80px;height: 31px;float: left;}
.foot .foot_bottom p{float: right;font-size: 14px;color: #999;letter-spacing: 0.5px;line-height: 32px;}
.foot .foot_bottom p a{color: #999;}
.foot .foot_bottom p a:hover{color: #fff;}