header{width:100%;height:80px;background: rgba(255,255,255,.8);position: fixed;top: 0;left: 0;z-index:99;box-shadow: 0 0 6px #999;}
header.hidden{top:-80px;}
header .wrapper{display: flex;justify-content: space-between;align-items: center;}
header .logo img{height:40px;}
header ul.nav> li{float: left;padding: 0 15px;margin-left: 5px;position: relative;line-height:80px;transition:all .3s linear;}
header ul.nav> li> a{display: block;color: #333;}
header ul.nav> li:hover> a{color: var(--primary-color);}
header ul.nav> li.on> a{color: var(--primary-color);}
header ul.nav> li:after{content: '';position: absolute;bottom: 0;left: 0;width: 0px;height: 2px;background: var(--primary-color);transition:all .3s linear;}
header ul.nav> li:hover:after{width: 100%;}
header ul.nav> li.on:after{width: 100%;}
header ul.nav> li.tel{display: none;}
header ul.nav i.hasBtn{display: none;}

header ul.nav> li .section{position: absolute;z-index: 9;top: 100%;left: 0;min-width: 100%;height: auto;background: rgba(255,255,255,.8);box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);transform: scaleY(0);transform-origin: top center;transition:all .3s ;}
header ul.nav> li ul{opacity: 0;transform: translate(0, -20px);transition: all .2s .3s;} 
header ul.nav> li ul li{line-height: 42px;color: #333;border-bottom: 1px solid #fff;white-space:nowrap;position: relative;transition:all .3s linear;font-weight: 100;}
header ul.nav> li ul li a{padding: 0 60px 0 30px;}
header ul.nav> li ul li:after{content: '';position: absolute;right: 40px;top: 50%;width: 20px;height: 20px;background: url(../images/icon03.png) center/20px;margin-top: -10px;opacity: 0;transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity .3s;}

header .right{height: 80px;display: flex;align-items: center;margin-left: 20px;}
header .right li{margin-left: 15px;width: 25px;height: 25px;line-height: 80px;border-radius: 15px;border: 1px solid var(--primary-color);background: var(--primary-color);cursor: pointer;transition:all .5s linear;}
header .right li img{width: 100%;}
header .right li:hover{border-color: var(--primary-color);background: var(--primary-color);transform: rotate(360deg);}

header.indexHeader{background: none;}
header.indexHeader ul.nav> li> a{color: #fff;}
header.indexHeader .right li{border-color: #fff;background: none;}
header.noShadow{box-shadow: none;}

.menu_btn{width: 26px;height: 22px;cursor: pointer;display: none;position: relative;}
.menu_btn span{display: inline-block;width: 100%;height: 2px;background-color: #565656;position: absolute;transition:all .3s linear;}
.menu_btn span:first-child{top: 0;}
.menu_btn span:nth-child(2){top: 10px;}
.menu_btn span:last-child{top: 20px;width: 70%;}
.menu_btn.toggle span{background-color: var(--primary-color);}
.menu_btn.toggle span:first-child{top: 11px;transform: rotate(45deg);}
.menu_btn.toggle span:nth-child(2){opacity: 0;}
.menu_btn.toggle span:last-child{top: 11px;width: 100%;transform: rotate(-45deg);}

.popup{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none;}
.popup .wrap{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.popup .section{padding: 50px 80px 56px;background: #fff;border-radius: 4px;position: relative;}
.popup .close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;background: #8e8e8e url(../images/close.png) no-repeat center/15px;border-top-right-radius: 4px;cursor: pointer;transition:all .3s linear;}
.popup .close:hover{background-color: #999;}
.popup h3{font-size: 24px;color: #595959;text-align: center;font-weight: normal;}
.popup_wx ul li{float: left;margin: 20px 20px 0 20px;}
.popup_wx ul li img{width: 150px;}
.popup_wx ul li p{font-size: 14px;color: #595959;text-align: center;margin-top: 10px;}
.popup_contact ul{margin-top: 20px;}
.popup_contact ul li{font-size: 16px;color: #595959;margin-bottom: 5px;font-weight: 100;}

footer{width: 100%;padding: 80px 0;background: url(../images/bg01.jpg) no-repeat center/cover;color: #bdbdbd;}
footer .top{display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .top ul li{font-size: 15px;line-height: 2;font-weight: 100;}
footer .top ul li a:hover{text-decoration: underline;}
footer .top h3{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 15px;font-weight: 100;}
footer .top form{width: 260px;}
footer .top input{margin-bottom: 10px;}
footer .top input[type="text"]{width: 100%;height: 32px;background: none;border: 1px solid #606065;border-radius: 4px;padding: 0 10px;font-size: 14px;color: #7b7b7b;}
footer .top input.submit{width: 110px;height: 35px;line-height: 33px;border-radius: 18px;text-align: center;font-size: 16px;color: #fff;background: linear-gradient(to right,#ff4800,#ff9224);cursor: pointer;transition: all .3s linear;}
footer .top input.submit:hover{opacity: .8;}
footer .top .code .item{margin-left: 10px;}
footer .top .code .item img{height: 110px;}
footer .top .code .item p{margin-top: 5px;font-size: 14px;text-align: center;font-weight: 100;}
footer .btm{font-size: 14px;color: #808080;line-height: 2;font-weight: 100;margin-top: 40px;}

.indexBanner .swiper-slide img{width: 100%;}
.indexBanner .swiper-pagination-bullet{width: 12px;height: 12px;background: rgba(255,255,255,.9);}
.indexBanner .swiper-pagination-bullet-active{background: #fff;}

.index_four ul{display: flex;flex-wrap: wrap;}
.index_four ul li{width: 16%;text-align: center;padding: 56px 26px;transition: all .3s ease-out;}
.index_four ul li i{width: 56px;height: 56px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;transition: inherit;}
.index_four ul li:nth-child(1) i{background-image: url(../images/icon11.png);}
.index_four ul li:nth-child(2) i{background-image: url(../images/icon12.png);}
.index_four ul li:nth-child(3) i{background-image: url(../images/icon13.png);}
.index_four ul li:nth-child(4) i{background-image: url(../images/icon14.png);}
.index_four ul li:nth-child(5) i{background-image: url(../images/icon13.png);}
.index_four ul li:nth-child(6) i{background-image: url(../images/icon14.png);}
.index_four ul li h2{font-size: 20px;margin: 10px 0;}
.index_four ul li p{font-size: 14px;color: #808080;line-height: 1.8;}
.index_four ul li:hover{background-color: var(--primary-color);background: linear-gradient(to right bottom,var(--primary-color),var(--vice-color));}
.index_four ul li:hover h2,
.index_four ul li:hover p{color: #fff;}
.index_four ul li:hover i{background-image: url(../images/logo1.png) !important}

.index_about{padding: 100px 0;background: url(../images/bg05.jpg) no-repeat center/cover;}
.index_about .pic{width: 50%;border: 8px solid #fff;border-radius: 8px;box-shadow: 0px 10px 35px #dedede;}
.index_about .pic img{width: 100%;}
.index_about .info{width: 42%;}
.index_about .info h3{font-size: 150px;color: #ebf3da;line-height: 1;font-family: bl;}
.index_about .info h2{font-size: 42px;color: #222;line-height: 1;margin-top: -50px;}
.index_about .info p{font-size: 14px;color: #555;line-height: 2;margin: 20px 0 40px;}

.index_pro{padding: 100px 0;background: url(../images/b01.jpg) no-repeat center/cover fixed;overflow: hidden;}
.index_pro .head{font-size: 42px;color: #fff;text-align: center;}
.index_pro .section{position: relative;}
.swiperPro{padding: 40px 0;}
.index_pro .swiper-slide{transition:all .3s linear;}
.index_pro .swiper-slide:hover{transform: scale(1.05);}
.index_pro .swiper-slide .picSection{background-color: var(--primary-color);background-image: linear-gradient(300deg,#cfcfcf,#ffffff);border-radius: 10px;padding: 40px;}
.index_pro .swiper-slide .pic{width: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.index_pro .swiper-slide .pic:after{content: '';display: block;padding-top: 150%;}
.index_pro .swiper-slide h2{font-size: 16px;color: #fff;margin-top: 15px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_pro .swiper-button-next,
.index_pro .swiper-button-prev{width: 40px;height: 40px;background-size: 12px;border: 1px solid #fff;border-radius: 50%;transition:all .3s linear;}
.index_pro .swiper-button-next:hover,
.index_pro .swiper-button-prev:hover{border-color: var(--primary-color);background-color: var(--primary-color);}
.index_pro .swiper-button-next{right: -60px;}
.index_pro .swiper-button-prev{left: -60px;}

.index_show{padding: 10vw 4vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
/* .index_show .infoSection{width: 38%;padding-left: 20px;}
.index_show .infoSection h3{font-size: 60px;color: #222;font-family: bl;}
.index_show .infoSection h4{font-size: 24px;color: #333;}
.index_show .infoSection p.cn{font-size: 16px;color: #595959;font-weight: 100;line-height: 1.8;margin: 20px 0;}
.index_show .infoSection p.en{font-size: 12px;color: #cfcece;font-family: bl;margin-bottom: 40px;} */
a.moreBtn{display: block;width: 180px;height: 56px;line-height: 52px;border: 2px solid #fff;border-radius: 30px;font-size: 18px;color: #fff;background-color: var(--primary-color);background: linear-gradient(to right bottom,var(--primary-color),var(--vice-color));text-align: center;transition: all .3s ease-out;}
a.moreBtn:hover{background: none;color: var(--primary-color);box-shadow: 0 5px 20px #ffe5e5;border-color: var(--primary-color);}
.swiperShowSection{width: 60%;}
.swiperShow{padding-bottom: 40px;}
.swiperShowSection .swiper-slide{display: flex;height: auto;}
.swiperShowSection .info{width: 35%;background: linear-gradient(to right bottom,var(--primary-color),var(--vice-color));padding: 60px 70px 80px;color: #fff;}
.swiperShowSection .info b{font-size: 60px;font-family: bl;font-weight: normal;opacity: .4;}
.swiperShowSection .info h2{font-size: 30px;}
.swiperShowSection .info p{font-size: 14px;line-height: 1.8;margin-top: 20px;}
.swiperShowSection .pic{width: 65%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.swiperShowSection .pic:after{content: '';display: block;padding-top: 62.4%;}
.index_show .swiper-container-horizontal>.swiper-pagination-bullets{width: 100%;text-align: center;position: absolute;bottom: 0;z-index: 3;}
.index_show .swiper-pagination-bullet{width: 12px;height: 12px;display: inline-block;}
.index_show .swiper-pagination-bullet-active{background: var(--primary-color);width: 50px;border-radius: 6px;}

.index_news_section{width: 35%;position: relative;}
.index_news{width: 100%;height: 100%;}
.index_news .swiper-container{height: 100%;}
.index_news .head{text-align: center;}
.index_news .head h3{font-size: 32px;color: #333;}
.index_news .head p{font-size: 18px;color: #999;}
.swiperNews{padding-bottom: 40px;}
.swiperNews .swiper-slide .pic{width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;transition:all .2s linear;}
.swiperNews .swiper-slide .pic:after{content: '';display: block;padding-top: 57%;}
.swiperNews .swiper-slide h2{font-size: 24px;color: #373c41;margin-top: 20px;transition:all .3s linear;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.swiperNews .swiper-slide p{font-size: 16px;color: #777;margin: 10px 0px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.swiperNews .swiper-slide .date{font-size: 16px;color: #b4b4b4;font-family: bl;line-height: 1;}
.swiperNews .swiper-slide:hover h2{color: var(--primary-color);}
.swiperNews .swiper-slide:hover .pic{transform: scaleY(1.1);}

.index_news a.moreBtn{margin: 20px auto;}


.page_banner_section {width: 100%;overflow: hidden;}
.page_banner{width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;transition: 2.5s;-moz-animation: breathing 8s ease-in-out infinite alternate; -webkit-animation: breathing 8s ease-in-out infinite alternate; -o-animation: breathing 8s ease-in-out infinite alternate;}
.page_banner:after{content: '';display: block;padding-top: 38.63%;}

.pageMenu{width: 60%}
.pageMenu .swiper-button-next, .pageMenu .swiper-button-prev{display: none;}
.pageMenu .swiper-slide{width: auto;padding: 0 25px;position: relative;text-align: center;transition:all .3s linear;}
.pageMenu .swiper-slide:before{content: '';position: absolute;z-index: 3;left: 50%;bottom: 0;width: 0;height: 3px;background-color: var(--primary-color);background: linear-gradient(to right,var(--vice-color),var(--primary-color));transition:all .3s linear;}
.pageMenu .swiper-slide:hover,
.pageMenu .swiper-slide.on,
.page_position .position a:hover{color: var(--primary-color);}
.pageMenu .swiper-slide.on:before,
.pageMenu .swiper-slide:hover:before{width: 80%;left: 10%;}

.page_position{width: 100%;height: 80px;line-height: 80px;}
.page_position .position::before{content: '';width: 18px;height: 18px;display: inline-block;background: url(../images/home.png) no-repeat center/contain;vertical-align: text-bottom;margin-right: 6px;}
.page_position .position{font-size: 14px;color: #555;font-weight: 100;letter-spacing: 1px;}

.pagination{width: 100%;text-align: center;padding: 80px 0 120px;}
.pagination a{display: inline-block;margin: 0 5px;padding: 4px 12px;background-color: #dedede;color: #888;font-size: 14px;}
.pagination a:hover{background: var(--primary-color);color: #fff;}
.pagination a.page-num-current{background: var(--primary-color);color: #fff;}

.pageContainer{padding: 60px 0;background-color: #f2f4f6;}

.page_aboutCompany{background-color: #fff;padding: 0 40px;}
.page_aboutCompany .section{padding: 48px 0;border-bottom: 1px solid #dedede;}
.page_aboutCompany .section:first-child{border-bottom: 1px solid #dedede;}
.page_aboutCompany .info{width: 55%;}
.page_aboutCompany .info h3{font-size: 30px;}
.page_aboutCompany .info h3:after{content: '';display: block;width: 1.8em;height: 2px;background: var(--primary-color);margin: 10px 0 20px;}
.page_aboutCompany .info p{font-size: 16px;color: #595959;line-height: 1.8;font-weight: 100;}
.page_aboutCompany .pic{width: 40%;}
.page_aboutCompany .pic img{width: 100%;}

.page_aboutLeader .section{background: #fff;padding: 50px 80px 80px;}
.page_aboutLeader .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 30px;}
.page_aboutLeader .show{position: relative;}
.swiperLeader{margin: 40px 0 0;}
.swiperLeader .swiper-slide{display: flex;justify-content: space-between;align-items: center;}
.swiperLeader .swiper-slide .pic{width: 30%;}
.swiperLeader .swiper-slide .pic img{width: 100%;}
.swiperLeader .swiper-slide .txt{width: 60%;}
.swiperLeader .swiper-slide .txt h2 span{font-size: 14px;color: #666;margin-left: 5px;}
.swiperLeader .swiper-slide .txt h3{font-size: 15px;color: #666;}
.swiperLeader .swiper-slide .txt .short{margin: 10px 0;padding: 10px;background: linear-gradient(to right bottom,var(--primary-color),var(--vice-color));border-radius: 4px;}
.swiperLeader .swiper-slide .txt .short p{font-size: 14px;color: #fff;display: flex;align-items: center;}
.swiperLeader .swiper-slide .txt .short p::before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 5px;background-color: #fff;margin-right: 8px;}
.page_aboutLeader .swiper-button-next, 
.page_aboutLeader .swiper-button-prev{width: 36px;height: 36px;border-radius: 18px;background-size: 10px;background-color: rgba(0,0,0,.5);}
.page_aboutLeader .swiper-button-next{right: -20px;}
.page_aboutLeader .swiper-button-prev{left: -20px;}
.page_aboutLeader .swiper-pagination-bullet-active{background-color: var(--primary-color);}

.page_culture .section{background: #fff;padding: 50px 80px 80px;margin-bottom: 40px;}
.page_culture .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 30px;}
.page_culture .section .bg{width: 100%;height: 300px;padding-bottom: 30px;background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;display: flex;flex-direction: column;justify-content: flex-end;font-size: 28px;color: #fff;text-align: center;}
.page_culture .item{margin-top: 40px;text-align: center;}
.page_culture .item h3{font-size: 24px;}
.page_culture .item p{font-size: 16px;color: #696969;font-weight: 100;}
.page_culture .item ul li{float: left;width: 23.5%;margin-right: 2%;margin-top: 24px;border: solid 1px #d6d9dc;border-radius: 5px;padding: 10px;transition:all .3s linear;}
.page_culture ul li:nth-child(4n){margin-right: 0;}
.page_culture .item ul li .pic{width: 100%;overflow: hidden;}
.page_culture .item ul li .pic img{width: 100%;transition:all .3s linear;}
.page_culture .item ul li:hover{border-color: var(--primary-color);}
.page_culture .item ul li:hover .pic img{transform: scale(1.1);}

.page_newsList ul li{overflow: hidden;margin-bottom: 30px;}
.page_newsList ul li .pic{width: 18%;overflow: hidden;}
.page_newsList ul li .pic img{width: 100%;transition:all .3s linear;}
.page_newsList ul li .info{width: 80%;}
.page_newsList ul li .info h3{font-size: 20px;color: #333;font-weight: bold;transition:all .3s linear;}
.page_newsList ul li .info .date{font-size: 16px;color: #ababab;font-family: bl;margin: 6px 0 10px;}
.page_newsList ul li .info p{font-size: 14px;color: #878787;}
.page_newsList ul li:hover .pic img{transform: scale(1.1);}
.page_newsList ul li:hover .info h3{color: var(--primary-color);}

.page_newsDetail{background: #fff;padding: 50px 80px 80px;}
.page_newsDetail h3{font-size: 26px;color: #262626;text-align: center;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;margin-bottom: 20px;}
.page_newsDetail .data{font-size: 14px;color: #595959;margin: 10px 0 20px;text-align: center;}
.page_newsDetail .text{font-size: 16px;color: #595959;letter-spacing: 1px;line-height: 2;}
.page_newsDetail .text img{margin: 0 auto;}
.page_newsDetail .turnPages{font-size: 16px;color: #595959;font-weight: 100;margin-top: 20px;padding-top: 10px;border-top: 1px solid #d9d9d9;}
.page_newsDetail .turnPages a:hover{color: var(--primary-color);}

.page_employ{background: #fff;padding: 50px 80px 80px;}
.page_employ .head{text-align: center;}
.page_employ .head h3{font-size: 30px;color: #333;}
.page_employ .head h4{font-size: 16px;color: #555;}
.page_employ .head p{font-size: 16px;color: #595959;line-height: 1.8;font-weight: 100;margin: 6px 0 30px;}
.page_employ ul.list> li{padding: 10px 0;border: 1px solid #88ae65;background: #f4fff5;border-radius: 4px;margin-bottom: 20px;}
.page_employ ul.list> li .title{padding: 0 20px;line-height: 30px;color: #333;font-weight: normal;cursor: pointer;position: relative;padding-right: 50px;}
.page_employ ul.list> li .title b{font-size: 20px;font-weight: normal;color: var(--primary-color);}
.page_employ ul.list> li .title span{font-size: 16px;color: #707070;font-weight: 100;}
.page_employ ul.list> li .title:after{content: '+';position: absolute;right: 20px;top: 0;color: #707070;font-size: 30px;}
.page_employ ul.list> li .title.turn:after{content: '-';}
.page_employ ul.list> li .cont{font-size: 14px;color: #595959;line-height: 1.8;font-weight: 100;margin: 20px 0;display: none;}
.page_employ ul.list> li ul{width: 100%;padding: 10px 20px;background: #eaeff7;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page_employ ul.list> li .text{width: 100%;padding: 10px 20px;}
.page_employ ul.list> li a.btn{display: block;width: 150px;height: 40px;line-height: 40px;border-radius: 20px;background-color: var(--primary-color);background: linear-gradient(to right,var(--primary-color), var(--vice-color));text-align: center;font-size: 16px;color: #fff;margin-left: 20px;transition:all .3s linear;}
.page_employ ul.list> li a:hover{opacity: .8;}

.page_contact .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 20px;}
.page_contact .section{display: flex;flex-wrap: wrap;}
.page_contact .info{width: 50%;padding: 40px 60px;background-color: var(--primary-color);background: linear-gradient(to right bottom,var(--primary-color), var(--vice-color));}
.page_contact .info h2{font-size: 24px;color: #fff;margin-bottom: 20px;}
.page_contact .info> p{font-size: 16px;color: #fff;margin-bottom: 10px;}
.page_contact .info ul{padding-top: 20px;}
.page_contact .info ul li{margin-right: 20px;display: inline-block;}
.page_contact .info ul li img{width: 120px;border-radius: 6px;}
.page_contact .info ul li p{font-size: 14px;color: #fff;text-align: center;margin-top: 6px;}
.page_contact .map{width: 50%;}

.page_products .head{text-align: center;}
.page_products .head h3{font-size: 30px;color: #333;}
.page_products .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.page_products .list li{width: calc(50% - 20px);height: 300px;margin-top: 40px;}
.page_products .list li a{width: 100%;height: 100%;overflow: hidden;position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 4px;transition: all .3s ease-out;display: flex;flex-direction: column;justify-content: flex-end;}
.page_products .list li h2{font-size: 20px;width: 100%;padding: 10px;background-color: rgba(0,0,0,.5);text-align: center;color: #fff;}
.page_products .list li .section{color: #fff;background: linear-gradient(to bottom right, var(--primary-color), var(--vice-color));position: absolute;left: 0;top: 50%;width: 100%;height: 0;overflow: hidden;opacity: 0;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .3s ease-out;}
.page_products .list li .section h3{font-size: 26px;}
.page_products .list li .section h3::after{content: '';display: block;width: 2em;height: 2px;background-color: var(--primary-color);margin: 10px auto 15px;}
.page_products .list li .section p{font-size: 15px;padding: 0 20px;}
.page_products .list li a:hover{box-shadow: 0 3px 6px #eee;}
.page_products .list li a:hover .section{height: 100%;top: 0;opacity: 1;}

.page_products_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-top: 50px;}
.page_products_list .img_section{width: 48%;background-color: #eee;padding: 20px;border-radius: 4px;}
.page_products_list .swiperProImg{padding-bottom: 40px;}
.page_products_list .swiperProImg h2{text-align: center;font-size: 16px;background-color: #eee;padding: 10px;}
.page_products_list .main{width: 48%;}
.page_products_list .nav{width: 100%;display: flex;border-radius: 4px;margin-bottom: 20px;overflow: hidden;}
.page_products_list .nav .item{flex: 1;padding: 10px 0;text-align: center;color: #333;margin-right: 5px;cursor: pointer;background-color: #eee;font-weight: bold;}
.page_products_list .nav .item:last-child{margin-right: 0;}
.page_products_list .nav .item.on{background: linear-gradient(to bottom right, var(--primary-color), var(--vice-color));color: #fff;}
.page_products_list .list_section .list{display: none;}
.page_products_list .list_section .list:first-child{display: block;}

@media screen and (min-width: 1200px){
	header ul.nav> li ul li:hover{background: var(--primary-color);color: #fff;}
	header ul.nav> li ul li:hover:after{right: 10px;opacity: 1;}
	header ul.nav> li:hover .section{transform: scaleY(1);}
	header ul.nav> li:hover ul{opacity: 1;transform: translate(0, 0);}	
}

@media screen and (max-width: 1920px){
	/* .swiperShowSection .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;}
	.swiperShowSection .swiper-pagination-bullet-active{background: #fff;} */
}
@media screen and (max-width: 1440px){
	/* .swiperShowSection .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;} */
	.swiperShowSection .info{padding: 40px 50px 60px;}
}
@media screen and (max-width: 1200px){
	.menu_btn{display: block;}
	header{display: flex;align-items: center; height:60px;}
	header.hidden{top:-60px;}
	header ul.nav> li{line-height:60px;}
	header .logo img{height:35px;}
	header.indexHeader{background: #fff;}
	header.indexHeader ul.nav> li> a{color: #333;}
	header .right{display: none;}
	header ul.nav{position: fixed;top:60px;left: 0;width: 100%;height: 0;background: #fff;padding: 0 4vw;overflow: hidden;transition:all .3s linear;}
    header ul.nav.toggle{height: calc(100vh - 60px);overflow-y: auto;}
	header ul.nav> li{width: 100%;line-height: 60px;float: none;margin-left: 0;border-bottom: 1px solid #dcdcdc;}
	header ul.nav> li.tel{display: block;}
	header ul.nav> li.tel a{color: var(--primary-color);font-weight: bold;display: flex;align-items: center;}
	header ul.nav> li.tel i{display: inline-block;width: 16px;height: 16px;background: url(../images/tel.png) no-repeat center/contain;vertical-align: middle;margin-right: 5px;}
	header ul.nav> li:after{background: none;}
	header ul.nav> li:hover> a{color: #333;}
	header ul.nav> li .section{position: initial;max-height: 0;overflow: hidden;box-shadow: none;transition:all .5s linear;}
	header ul.nav> li .section.toggle{transform: scaleY(1);max-height: 50vh;overflow-y: auto;}
	header ul.nav> li .section.toggle ul{transform: translate(0, 0);opacity: 1;transition: all .2s;}
	header ul.nav i.hasBtn{display: block;position: absolute;right: 0;top: 0;width: 60px;height: 60px;background: url(../images/icon05.png) no-repeat center/20px;cursor: pointer;}
	header ul.nav i.hasBtn.toggle{background: url(../images/icon06.png) no-repeat center/20px;}
	
	footer{padding: 30px 0;}
	footer .top ul{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 5px;line-height: 50px;transition:all .3s linear;}
	footer .top ul .section{display: none;}
	footer .top ul h3{position: relative;margin-bottom: 0;}
	footer .top ul h3:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url(../images/icon07.png) no-repeat center/16px;cursor: pointer;}
	footer .top ul h3.toggle{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	footer .top ul h3.toggle:after{background: url(../images/icon08.png) no-repeat center/16px;}
	footer .top ul.contact{pointer-events: none;max-height: none;overflow: visible;}
	footer .top ul.contact h3:after{display: none;}
	footer .top ul.contact h3.toggle{border-bottom: none;}
	footer .top ul.contact h3.toggle:after{background: none;}
	footer .top ul li{line-height: 40px;padding-left: 20px;}
	footer .top ul.contact li{padding-left: 0;}
	footer .top form{margin: 30px 0 20px;}
	footer .top input[type="text"]{background: #fff;}
	footer .top .code{display: none;}
	footer .btm{margin-top: 0;}

	.page_products .list li{width: 100%;height: 45vw;margin-top: 20px;}
	.page_products_list{margin-top: 20px;}
	.page_products_list .img_section{width: 100%;margin-bottom: 20px;}
	.page_products_list .main{width: 100%;margin-bottom: 20px;}

	.indexBanner{margin-top: 60px;}
	.indexBanner .swiper-slide .section h3{font-size: 18px;}
	.indexBanner .swiper-slide .section h2{font-size: 20px;margin-bottom: 20px;}
	.indexBanner .swiper-slide .section a{width: 120px;height: 36px;line-height: 36px;font-size: 14px;}
	.indexBanner .swiper-slide .section a i{width: 14px;height: 14px;}
	.indexBanner .swiper-pagination-bullet{width: 8px;height: 8px}
	
	.index_four ul li{width: 50%;padding: 20px;}
	.index_four ul li p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
	.index_four ul li h2{font-size: 18px;margin: 5px 0;}
	
	.index_about{padding: 20px 0 30px;}
	.index_about .pic,
	.index_about .info{width: 100%;}
	.index_about .info h3{font-size: 100px;}
	.index_about .info h2{font-size: 24px;margin-top: -40px;}
	.index_about .info p{margin: 20px 0;}
	.index_about .info a.moreBtn{margin-bottom: 24px;}
	
	.index_pro{padding: 30px 0 0;}
	.index_pro .section{width: 100%;padding: 0 15vw;}
	.index_pro .head{font-size: 22px;}
	.swiperPro{padding: 30px 0;}
	.index_pro .swiper-button-next, .index_pro .swiper-button-prev{width: 30px;height: 30px;background-size: 8px;}
	.index_pro .swiper-button-next{right: 10px;}
	.index_pro .swiper-button-prev{left: 10px;}
	.index_pro .swiper-slide h2{font-size: 16px;}
	
	.index_show{padding: 30px 0;}
	.index_show .infoSection{width: 100%;margin-bottom: 30px;padding: 0 4vw;}
	.index_show .infoSection .info{float: none;}
	.index_show .infoSection h3{font-size: 30px;}
	.index_show .infoSection h4{font-size: 20px;}
	.index_show .infoSection p.en{margin-bottom: 20px;}
	a.moreBtn{width: 120px;height: 36px;line-height: 32px;font-size: 14px;}
	.swiperShowSection{width: 100%;position: static;padding: 0 4vw;}
	.swiperShowSection .swiper-slide{flex-wrap: wrap;}
	.swiperShowSection .info{width: 100%;padding: 20px 30px 24px;}
	.swiperShowSection .info b{font-size: 30px;line-height: 30px;}
	.swiperShowSection .info h2{font-size: 22px;display: inline-block;line-height: 30px;vertical-align: text-bottom;}
	.swiperShowSection .info p{margin-top: 10px;}
	.swiperShowSection .pic{width: 100%;}
	.index_show .swiper-pagination-bullet{width: 8px;height: 8px;}
	
	.index_news_section{width: 100%;padding: 0 4vw 40px;}
	.index_news .head h3{font-size: 20px;}
	.index_news .head p{font-size: 14px;}
	.swiperNews .swiper-slide h2{font-size: 16px;}
	.swiperNews .swiper-slide p{font-size: 14px;margin: 4px 0 8px;}
	.swiperNews .swiper-slide .date{font-size: 14px;}
	.index_news a.moreBtn{margin: 0 auto;}

	.page_banner_section{margin-top: 60px;}
	.page_position{height: 50px;line-height: 50px;}
	.page_position .wrapper{width: 100%;}
	.pageMenu{width: 100%;padding:0 6%;}
	.pageMenu .wrapper{width: 100%;}
	.pageMenu .swiper-slide{padding: 0 10px}
	.pageMenu .swiper-slide:before{height: 2px;}
	.page_position .position{display: none;}
	.pageMenu .swiper-button-next, .pageMenu .swiper-button-prev{display: block;background-size: 10px;width: 4vw;height: 50px;top: 0;margin-top: 0;/*background: #f2f4f6;*/}
	.pageMenu .swiper-button-next{right: 0;}
	.pageMenu .swiper-button-prev{left: 0;}
	
	.pageContainer{padding: 20px 0;}
	.page_aboutCompany{padding: 0 4vw;}
	.page_aboutCompany .section{padding: 20px 0;}
	.page_aboutCompany .info{width: 100%;}
	.page_aboutCompany .pic{width: 100%;margin: 10px 0;}
	.page_aboutCompany .info h3,
	.page_aboutHonor .head{font-size: 22px;}
	.page_aboutCompany .info h3:after{margin: 4px 0 8px;}
	
	.page_aboutHistory .section,
	.page_culture .section{padding: 20px 40px;margin-bottom: 20px;}
	.page_aboutHistory .swiper-slide .year{font-size: 24px;text-align: center;}
	.page_aboutHistory .swiper-button-prev{left: 10px;}
	.page_aboutHistory .swiper-button-next{right: 10px;}
	.page_aboutHistory .head{font-size: 22px;margin-bottom: 20px;}
	
	.page_aboutHonor .section,
	.page_newsDetail,
	.page_employ{padding: 20px;}
	.page_aboutHonor .head,
	.page_culture .head,
	.page_contact .head{font-size: 22px;margin-bottom: 15px;}
	
	
	.page_culture .section .bg{font-size: 16px;height: 200px;}
	.page_culture .item{margin-top: 20px;}
	.page_culture .item h3{font-size: 18px;}
	.page_culture .item ul li{width: 100%;margin-top: 10px;}
	.page_culture .item ul li:nth-child(4n){margin-right: 0;}
	
	.page_newsList ul li .pic{width: 100%;margin-bottom: 10px;}
	.page_newsList ul li .info{width: 100%;}
	.page_newsList ul li .info h3{font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.page_newsList ul li .info .date{margin: 3px 0;}
	.page_newsList ul li .info p{font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
	.page_newsDetail h3{font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;}
	.page_newsDetail .data{font-size: 12px;}
	.page_newsDetail .text{line-height: 1.5;letter-spacing: 0;}
	.page_newsDetail .turnPages .fl,
	.page_newsDetail .turnPages .fr{font-size: 14px;width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
	.page_employ .head h3{font-size: 22px;}
	.page_employ .head p{line-height: 1.5;}
	.page_employ ul.list> li .title b{font-size: 15px;display: block;}
	.page_employ ul.list> li .title span{display: none;}
	.page_employ ul.list> li a.btn{width: 120px;height: 36px;line-height: 32px;font-size: 14px;}
	
	.page_contact .info{width: 100%;padding: 20px;}
	.page_contact .map{width: 100%;}
	.page_contact .info h2{font-size: 16px;}
	.page_contact .info> p{font-size: 15px;margin-bottom: 4px;}
}