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

.page_position{width: 100%;height: 80px;line-height: 80px;}
.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: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);transition:all .3s linear;}
.pageMenu .swiper-slide:hover,
.pageMenu .swiper-slide.on,
.page_position .position a:hover{color: #EB6059;}
.pageMenu .swiper-slide.on:before,
.pageMenu .swiper-slide:hover:before{width: 80%;left: 10%;}
.page_position .position i{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;}

.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 img{height:50px; margin-bottom:20px;}
.page_aboutCompany .info h3{font-size: 30px;}
.page_aboutCompany .info h3:after{content: '';display: block;width: 1.8em;height: 2px;background: #EB6059;margin: 10px 0 20px;}
.page_aboutCompany .info p{font-size: 16px;color:#595959;line-height: 1.8;font-weight: 100;}
.page_aboutCompany .info a{color:#8d8d8d;}
.page_aboutCompany .pic{width: 40%;}
.page_aboutCompany .pic img{width: 100%;}

.page_aboutHistory .section{background: #fff;padding: 50px 80px 80px;margin-bottom: 40px;position: relative;}
.page_aboutHistory .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 30px;}
.page_aboutHistory .swiper-slide img{width: 100%;margin: 5px 0 10px;border-radius: 4px;}
.page_aboutHistory .swiper-slide .year{font-size: 32px;font-family: bl;}
.page_aboutHistory .swiper-slide p{font-size: 15px;color: #777;font-weight: 100;line-height: 1.8;}
.page_aboutHistory .swiper-button-next, .page_aboutHistory .swiper-button-prev{height: 26px;}
.page_aboutHistory .swiper-button-next{right: 30px;}
.page_aboutHistory .swiper-button-prev{left: 30px;}

.page_aboutHonor .section{background: #fff;padding: 50px 80px 80px;}
.page_aboutHonor .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 30px;}
.page_aboutHonor p{font-size: 16px;color: #595959;line-height: 1.8;font-weight: 100;}
.page_aboutHonor .show{position: relative;}
.swiperHonor{margin: 40px 0 0;}
.swiperHonor .swiper-slide{transform: scale(.8);opacity: .6;transition:all .3s linear;}
.swiperHonor .swiper-slide.swiper-slide-active{transform: scale(1);opacity: 1;}
.swiperHonor .swiper-slide img{width: 100%;}
.swiperHonor p{margin-top: 10px;text-align: center;}
.page_aboutHonor .swiper-button-next, .page_aboutHonor .swiper-button-prev{width: 36px;height: 36px;border-radius: 18px;background-size: 10px;background-color: rgba(0,0,0,.5);}
.page_aboutHonor .swiper-button-next{right: -20px;}
.page_aboutHonor .swiper-button-prev{left: -20px;}


.proMenu{margin-top:-40px; margin-bottom:20px;}
.proMenu> ul{display: flex;flex-wrap: wrap;justify-content: center;}
.proMenu> ul> li{color: #888;padding: 20px;position: relative;}
.proMenu> ul> li.on> a{color: #EB6059;}
.proMenu> ul> li ul{position: absolute;top: 100%;left: 0;background: #f2f4f6;min-width: 100%;padding: 5px 20px 10px 20px;transform: scaleY(0);transition: all .3s;transform-origin: top center; z-index:99999999;}
.proMenu> ul> li ul li a{display: block;white-space:nowrap;padding: 4px 0;font-size: 14px;color: #999;}
.proMenu> ul> li ul li a:hover{color: #333;}

.page_proList{background: #fff;padding: 50px 55px 55px;}
.page_proList ul li{width: 23.5%;padding: 30px 0 40px;margin-right: 2%;margin-bottom: 26px;text-align: center;border: 1px solid #d3d6d3;overflow: hidden;transition: all .5s ease;position: relative;float: left;}
.page_proList ul li:before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;transform: rotate(45deg);background-color: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);transition: all .5s ease;}
.page_proList ul li:after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);transition: all .5s ease;}
.page_proList ul li:nth-child(4n){margin-right: 0;}
.page_proList ul li h2{font-size: 16px;color: #555;transition: all .5s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.page_proList ul li i.icon{position: absolute;left: 10px;top: 10px;z-index: 2;display: block;width: 16px;height: 16px;background: url(../images/icon10.png);}
.page_proList ul li .pic{width: 80%;margin: 20px auto 30px;transition:all .3s linear;}
.page_proList ul li .more{height: 16px;line-height: 16px;font-size: 16px;color: #EB6059;}
.page_proList ul li .more i{display: inline-block;width: 16px;height: 16px;background: url(../images/icon09.png) no-repeat center/contain;margin-left: 8px;vertical-align: top;transition:all .3s linear;}
.page_proList ul li:hover{box-shadow: 0 0 20px #ddd;}
.page_proList ul li:hover:before{left: -100px;}
.page_proList ul li:hover:after{width: 100%;}
.page_proList ul li:hover .pic{transform: scale(1.05);}
.page_proList ul li:hover .more i{margin-left: 12px;}

.page_proDetail{background: #fff;padding: 50px;}
.proTitle{position: relative;text-align: center;line-height: 41px;margin: 20px 0;}
.proTitle:before{content: '';position: absolute;top: 20px;left: 0px;width: 100%;height: 1px;background: #EB6059;}
.proTitle h2{font-size: 24px;color: #EB6059;font-weight: bold;background: #fff;display: inline-block;padding: 0 30px;position: relative;}
.proTitle h2:before,.proTitle h2:after{content: '';position: absolute;top: 50%;width: 7px;height: 7px;margin-top: -4px;border-radius: 50%;background: #fff;border: solid 1px #EB6059;}
.proTitle h2:before{left: 0;}
.proTitle h2:after{right: 0;}
.page_proDetail .text{width: 54%;font-size: 15px;color: #595959;line-height: 2;font-weight: 100;}
.page_proDetail .text b{color: #EB6059;}
.page_proDetail .table{width: 42%;border-radius: 6px;background: #fef1e7;overflow: hidden;box-shadow: 0 0 3px #eee;}
.page_proDetail .table h3{background: #EB6059;text-align: center;font-size: 20px;color: #fff;padding: 10px 0;}
.page_proDetail .table table{width: 100%;}
.page_proDetail .table table tr:first-child{border-bottom: 1px solid #EB6059;}
.page_proDetail .table table tr th{font-size: 15px;color: #EB6059;padding: 10px 15px;text-align: left;}
.page_proDetail .table table tr td{font-size: 15px;color: #333;padding: 10px 15px;font-weight: 100;}
.buyBtn{width: 180px;height: 56px;line-height: 54px;border: 2px solid transparent;border-radius: 30px;font-size: 18px;color: #fff;background-color: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);text-align: center;margin: 30px auto 60px;cursor: pointer;}
.buyBtn:hover{background: none;color: #EB6059;box-shadow: 0 5px 20px #ffe5e5;border-color: #EB6059;}
.page_proDetail .recommend li{float: left;width: 25%;border: 1px solid transparent;border-radius: 4px;transition:all .3s linear;}
.page_proDetail .recommend li h2{font-size: 15px;color: #707070;font-weight: 100;padding: 6px 0;text-align: center;transition:all .3s linear;}
.page_proDetail .recommend li .pic{padding: 10px 10px 0 10px;}
.page_proDetail .recommend li img{width: 100%;}
.page_proDetail .recommend li:hover{border-color: #EB6059;}
.page_proDetail .recommend li:hover h2{color: #EB6059;}

.page_page .section{background: #fff;padding: 50px 80px 80px;margin-bottom: 40px;}
.page_page .head{font-size: 30px;color: #333;text-align: center;margin-bottom: 30px;}
.page_page h3{font-size:24px; margin-bottom:16px;}
.page_page p{font-size:16px;color:#696969;font-weight:100; line-height:35px;}
.page_page 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_page ul li:nth-child(4n){margin-right: 0;}
.page_page ul li .pic{width: 100%;overflow: hidden;}
.page_page ul li .pic img{width: 100%;transition:all .3s linear;}
.page_page ul li:hover{border-color: #EB6059;}
.page_page ul li:hover .pic img{transform: scale(1.1);}


.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;}
.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: #EB6059;}
.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: #EB6059;}

.page_videos ul li{width: 23.5%;margin-right: 2%;margin-bottom: 26px;float: left;}
.page_videos ul li:nth-child(4n){margin-right: 0;}
.page_videos ul li .pic{width: 100%;overflow: hidden;position: relative;}
.page_videos ul li .pic:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.8) url(../images/play.png) no-repeat center;transition:all .3s linear;}
.page_videos ul li .pic img{width: 100%;transition:all .3s linear;}
.page_videos ul li h3{text-align: center;overflow:hidden;padding: 10px 0;text-overflow:ellipsis;white-space:nowrap;transition:all .3s linear;}
.page_videos ul li:hover h3{color: #EB6059;}
.page_videos ul li:hover .pic:after{opacity: 1;}
.page_videos .popup .section{padding: 0;background: none;border-radius: 0;max-width: 90%;text-align: center;}
.page_videos .popup .section video{display: inline-block;}
.page_videos .popup .close{border-radius: 15px;right: -10px;top: -10px;background-color: #EB6059;background-size: 10px;z-index: 2;}

.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;}
.page_newsDetail .text{font-size:15px !important;color: #595959;letter-spacing: 1px;line-height:32px;}
.page_newsDetail .text p{margin-bottom:15px;}
.page_newsDetail .text img{width:70% !important; margin-left:15%;}
.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: #EB6059;}

.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 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 #fbe4d7;background: #fffaf7;border-radius: 4px;margin-bottom: 20px;}
.page_employ ul.list> li .title{padding: 0 20px;line-height: 30px;font-size: 32px;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: #EB6059;}
.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;}
.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{display: block;width: 150px;height: 40px;line-height: 40px;border-radius: 20px;background-color: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);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: rgba(255, 187, 50);background: linear-gradient(to right,#ff4800,#ff9224);}
.page_contact .info h2{font-size: 22px;color: #fff;margin-bottom: 15px;}
.page_contact .info> p{font-size: 15px;color: #fff;margin-bottom: 5px;}
.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%;}




.swiper-button-next, 
.swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;background-color: var(--primary-color);}
.swiper-button-next{right: 0}
.swiper-button-prev{left: 0}
.swiper-button-next::after, 
.swiper-button-prev::after{color: #fff;font-size: 12px;font-weight: bold;}


.pagelist ul{width: 100%;padding: 50px 0;display: flex;justify-content: center;text-align: center;}
.pagelist li{display: inline-block; padding: 0 10px; height: 36px;line-height: 34px;background: #fff;color: #999;margin: 0 6px;border: 1px solid #e5e5e5;transition: all .3s linear; cursor: pointer;} 
.pagelist li.prev,
.pagelist li.next{cursor: pointer;}
.pagelist li.prev{transform:rotate(180deg);}
.pagelist li.next{}
.pagelist li a{display: block;}
.pagelist li:hover,
.pagelist li.on{background-color: var(--primary-color);color: #fff;}
.pagelist li:hover a,
.pagelist li.on a{background-color: var(--primary-color);color: #fff;}



@media screen and (min-width: 1200px){
	.proMenu> ul> li:hover ul{transform: scaleY(1);}
}

@media screen and (max-width: 1200px){
	.page_banner_section{margin-top:60px;}
	.page_banner{ height:160px;}
	.page_banner:after{padding-top:40%;}
	.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_page .section,
	.page_culture .section{padding:20px 30px;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_proList,
	.page_proDetail,
	.page_newsDetail,
	.page_employ{padding: 20px;}
	.page_aboutHonor .head,
	.page_culture .head,
	.page_page .head,
	.page_contact .head{font-size: 22px;margin-bottom: 15px;}
	
	.proMenu{margin-top:-10px;}
	.proMenu> ul{padding: 10px 0;}
	.proMenu> ul> li{width: 100%;padding: 4px 20px;border-bottom: 1px solid #eee;}
	.proMenu> ul> li i{float: right;margin-top: 7px;display: inline-block;width: 10px;height: 10px;background: url(../images/icon05.png) no-repeat center}
	.proMenu> ul> li:last-child{border-bottom: 0;}
	.proMenu> ul> li> a{font-size: 15px;}
	.proMenu> ul> li ul{transition: none;}
	.proMenu> ul> li.toggle ul{position: static;transform: scaleY(1);}
	
	.page_proList ul li{width: 48%;padding: 15px 0 20px;}
	.page_proList ul li:nth-of-type(even){margin-right: 0;float: right;}
	.page_proList ul li .pic{margin: 10px auto 15px;}
	
	.page_proDetail .text,
	.page_proDetail .table{width: 100%;margin-bottom: 10px;}
	.proTitle h2{font-size: 18px;}
	.buyBtn{width: 120px;height: 36px;line-height: 32px;font-size: 14px;}
	.page_proDetail .recommend li{width: 50%;}
	
	.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_page .section{margin-top:20px;}
	.page_culture .section h3{font-size: 18px;}
	.page_culture .section ul li{width: 100%;margin-top: 10px;}
	.page_culture .section 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_videos ul li{width: 48%;}
	.page_videos ul li:nth-of-type(even){float: right}
	.page_videos ul li:nth-child(2n){margin-right: 0;}
	.page_videos ul li h3{font-size: 16px;}
	.page_videos .popup .section{width: 96%;max-width: 96%;}
	.page_videos .popup .section video{max-width: 100%;}
	
	.page_newsDetail h3{font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;}
	.page_newsDetail .data{font-size: 12px;}
	.page_newsDetail .text{line-height:30px; font-size:13px; 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{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;}
}