@charset "utf-8";
/*定义滚动条尺寸*/
::-webkit-scrollbar
{
	width: 5px;
	height: 6px;
	background-color: rgba(0,0,0,6);
	/* background-color: rgba(0,0,0,1); */
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc;}
/* banner */
.page-banner{position: relative; padding-top: 120px; overflow: hidden;}
.page-banner picture{display: block;}
.page-banner picture img{width: 100%;}
.page-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.page-banner-info .container{height: 100%; align-items: center;}
.page-banner-info h3{ position: relative; font-size: 56px;}
.page-banner-info h3::before{position: absolute; bottom: -20px; left: 0; content: ''; width: 40%; height: 1px; background-color: #333;}

@media (max-width:1400px) {
    .page-banner-info h3{font-size: 46px; }
}

@media (max-width:1200px) {
	.page-banner{ padding-top: 70px; }
    .page-banner-info h3{font-size: 30px; }
}

@media (max-width:768px) {
	.page-banner{ padding-top: 60px; }
    .page-banner-info h3 { font-size: 24px;}
}

@media (max-width:640px) {
    .page-banner-info h3 { font-size: 20px;}
}
/* 
*
----------------------------------  about 
*
*/
/* desc */
.about-desc-pic{ width: 50%; overflow: hidden;}
.about-desc-pic img{max-width: 100%;}
.about-desc-info{width: 50%; padding: 0 90px; align-items: center;}
.about-desc-info .about-desc-content p{margin-bottom: 15px; font-size: 18px; line-height: 1.6; color: #707070;}
.about-desc-info .about-desc-tags{justify-content: space-between;}
.about-desc-info .about-desc-tags span{ margin-top: 50px; display: block; width: 30%; line-height: 70px; font-size: 24px; text-align: center; border: 1px solid #ccc;}

@media (max-width:1400px) {
	.about-desc-info .about-desc-content p{ font-size: 16px; line-height: 1.4; }
	.about-desc-info .about-desc-tags span{ margin-top: 30px; line-height: 50px; font-size: 20px; }
}

@media (max-width:1200px) {
	.about-desc-pic{ display: none;}
	.about-desc-info{width: 100%; padding: 50px 7rem; align-items: center;}
}

@media (max-width:768px) {
	.about-desc-info{width: 100%; padding: 50px 1.5rem; align-items: center;}
	.about-desc-info .about-desc-tags span{ font-size: 16px; }
}

/* culture */
.about-culture-bg{background-color: #F6F7FA;}
.about-culture-desc{line-height: 1.6; font-size: 18px; color: #666;}
.about-culture-list ul{margin-left: -30px;}
.about-culture-list ul li{width: 33.33%; padding-left: 30px; margin-top: 30px;}
.about-culture-item{ padding: 60px 40px; align-items: flex-start; border: 1px solid #ccc;}
.about-culture-item img{max-width: 100px; display: inline-block;}
.about-culture-info{padding-left: 15px; flex: 1;}
.about-culture-info h3{font-size: 24px;}
.about-culture-info p{ margin-top: 10px; line-height: 1.6; height: 56px; font-size: 18px; color: #666;}
@media (max-width:1600px) {
	.about-culture-item{ padding: 30px;}
	.about-culture-info h3{font-size: 20px;}
	.about-culture-info p{ font-size: 14px;}
}

@media (max-width:1200px) {
	.about-culture-list ul li{width: 50%; }
	.about-culture-item{ padding: 30px;}
	.about-culture-info h3{font-size: 22px;}
	.about-culture-info p{  font-size: 16px;}
}
@media (max-width:768px) {
	.about-culture-list ul li{width: 100%; }
	.about-culture-item{ padding: 30px 15px; align-items: center;}
	.about-culture-info h3{font-size: 22px;}
	.about-culture-info p{ height: auto;}
}
/* envir */
.about-envir-poster { overflow: hidden;}
.about-envir-poster div{overflow-x: auto;}
.about-envir-poster div img{width: 100%; height: auto;}

@media (max-width:960px) {
	.about-envir-poster div img{width: 900px;}
}


/*  */
.safe-equipment-bg{background-image: url(../images/safe/equipment-bg.png);}
.safe-equipment-pic img{width: 100%;}
.safe-equipment-title{text-align: center;}
.safe-equipment-title h3{font-size: 36px; line-height: 48px;}

.safe-equipment-swiper .swiper-button-next, 
.safe-equipment-swiper .swiper-button-prev{top: inherit;bottom: 0;width: 48px;height: 48px;margin-top: 0; background: none;}
.safe-equipment-swiper .swiper-button-next i,
.safe-equipment-swiper .swiper-button-prev i{font-size: 48px;}

@media (max-width:1400px) {
	.safe-equipment-title h3{font-size: 28px;}
}

@media (max-width:1200px) {
	.safe-equipment-title h3{font-size: 24px;}
}

@media (max-width:768px) {
	.safe-equipment-title h3{font-size: 20px;}
}

@media (max-width:640px) {
	.safe-equipment-title h3{font-size: 18px;}
}
/*  */
.safe-system-bg{background-color: #F6F7FA;}
.safe-system ul li{width: 20%; margin-top: 50px;}
.safe-system-item{ position: relative; text-align: center;}
.safe-system-item>img{position: absolute; top: 10px; right: -15px;}
.safe-system-item h3{margin-top: 25px; font-weight: bold; font-size: 24px;}
.safe-system-item p{margin-top: 15px; color: #8F95A3; font-size: 20px;}

.safe-system-ico{ padding-bottom: 35px; border-bottom: 4px solid #D8D8D8;}
.safe-system-ico span{position: relative; display: inline-block;}
.safe-system-ico span::before{position: absolute; bottom: -39px; left: 0; content: ''; width: 100%; height: 4px; z-index: 1; background-color: var(--default);}
@media (max-width:1200px) {
	.safe-system-item h3{ font-weight: normal; font-size: 20px;}
	.safe-system-item p{ font-size: 14px;}
}

@media (max-width:768px) {
	.safe-system-item h3{ font-weight: normal; font-size: 18px;}
	.safe-system-item>img{ top: 13px; right: -12px; width: 15px;}
	.safe-system-ico { padding-bottom: 15px;}
	.safe-system-ico img{max-width: 50px;}
	.safe-system-ico span::before{ bottom: -19px;}
}

@media (max-width:640px) {
	.safe-system-item h3{margin-top: 15px; font-size: 14px;}
	.safe-system-item>img{ top: 10px; right: -10px; width: 12px;}
	.safe-system-item p{margin-top: 5px; }
	
	.safe-system-ico { padding-bottom: 15px;}
	.safe-system-ico img{max-width: 40px;}
	.safe-system-ico span::before{ bottom: -19px;}
}

/*  */
.safe-process-bg{background-color: #F3F6FA;}

/*  */
.safe-keep-bg{background-image: url(../images/safe/keep-bg.png);}
.safe-keep-desc{max-width: 860px; padding-bottom: 180px;}
.safe-keep-desc p{ margin-bottom: 15px; line-height: 1.6; font-size: 18px; color: #fff;}
.safe-keep-desc img{max-width: 100%; margin-top: 20px;}

/*  */
.service-bg{ padding: 200px 0;}
.service-bg1{background-image: url(../images/service/packaging-bg.png);}

.service-packaging-desc{max-width: 760px;}
.service-packaging-desc p{ margin-bottom: 40px; line-height: 1.6; font-size: 18px;}
.service-packaging-desc img{max-width: 100%;}
@media (max-width:1200px) {
	.service-bg{ padding: 100px 0;}
}

@media (max-width:768px) {
	.service-bg{ padding: 50px 0;}
	.service-bg1{background-image: url(../images/service/case-bg1.jpg);}
}

/*  */
.ording{ position: relative; padding-left: 33.33%;background-color: #F9FAFC;}
.ording-select{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ording-select .container{ height: 100%; align-items: center;}
.ording-select ul li{ margin-bottom: 25px;}
.ording-select ul li a{ font-size: 32px; line-height: 1.6; color: #666;}
.ording-select ul li.on a,
.ording-select ul li a:hover{color: var(--default);}

.ording-box-item{position: relative; display: none;}
.ording-box-item img{width: 100%;}
.ording-box-mask{position: absolute; top: 50%; left: 120px; transform: translateY(-50%);}
.ording-box-mask ul li{ padding: 15px 0; line-height: 1.8; font-size: 24px; color: #fff;}
.ording-box-mask ul li i{font-size: 34px; vertical-align: middle; margin-right: 12px;}
@media (max-width:1400px) {
	.ording-select ul li a{ font-size: 24px; line-height: 1.4; }
	.ording-box-mask ul li{ padding: 10px 0; line-height: 1.6; font-size: 20px; }
	.ording-box-mask ul li i{font-size: 30px; }
}

@media (max-width:1200px) {
	.ording-select ul li{ margin-bottom: 15px;}
	.ording-select ul li a{ font-size: 20px; line-height: 1.4; }
	.ording-box-mask ul li{ padding: 10px 0; line-height: 1.6; font-size: 18px; }
	.ording-box-mask ul li i{font-size: 26px; }
}

@media (max-width:860px) {
	.ording{ position: relative; padding-left: 0;background-color: #F9FAFC;}
	.ording-select{position: relative; }
	.ording-select .container{ height: auto; padding: 50px 1.5rem 30px; align-items: inherit;}
	
	.ording-select ul{display: flex;}
	.ording-select ul li{margin-right: 15px;}
	
	.ording-box-mask{ left: 1.5rem; }
}

@media (max-width:640px) {
	.ording-box-mask ul li{ padding:5px 0; font-size: 18px; }
	.ording-box-mask ul li i{font-size: 24px; }
}

/* news */
.news ul{margin-left: -30px;}
.news ul li{width: 33.33%; margin-bottom: 30px; padding-left: 30px;}

.news-pic{ position: relative; display: block; overflow: hidden;}
.news-pic>img{width: 100%;  transition: .3s;}

.news-content{padding: 30px 45px; border: 1px solid #D5D5D5;}
.news-content h3{ height: 78px; line-height: 1.6; font-size: 24px;}
.news-content h3 a{display: block;}
.news-content p{margin-top: 75px; color: #ABABAB;}
.news-content p span{ position: relative; display: inline-block; padding-right: 10px; margin-right: 10px; }
.news-content p span::before{position: absolute; top: 5px; right: 0; content: ''; width: 1px; height: 8px; background-color: #ccc;}
.news-content p span:last-child::before{display: none;}

@media (min-width:768px) {
	.news-item:hover .news-pic>img{transform: scale(1.2);}
	.news-content h3 a:hover{ color: var(--default);}
}

@media (max-width:1400px) {
	.news-content h3{ font-size: 20px;}
	.news-content{padding: 15px; border: 1px solid #D5D5D5;}
}

@media (max-width:1200px) {
	.news ul li{width: 50%;}
}

@media (max-width:768px) {
	.news ul li{width: 100%;}
	.news-content h3{ height: auto; font-size: 16px;}
	.news-content p{margin-top: 25px;}
	.news-content p span{font-size:14px;}
}

/* case */
.case-bg{background-color: #F9FAFC;}
.case ul{margin-left: 0;}
.case ul li{ margin-bottom: 0; padding-left: 0;}

.case-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20%; background-color: rgba(255,255,255,1); opacity: 0; visibility: hidden; transition: .3s;}
.case-mask img{max-width: 150px; margin-bottom: 45px; transform: translateY(20px); transition: .3s;}
.case-mask-item{margin-top: 15px; color: #666; transform: translateY(20px);  transition: .3s;}

@media (min-width:768px) {
	.news-pic:hover .case-mask{ opacity: 1; visibility: visible;}
	.news-pic:hover .case-mask img,
	.news-pic:hover .case-mask .case-mask-item{ transform: translateY(0); }
}

@media (max-width:1400px) {
	.case-mask{ padding: 18%; }
	.case-mask img{ margin-bottom: 25px;}
}

@media (max-width:1300px) {
	.case-mask{ padding: 16%; }
	.case-mask-item{margin-top: 10px; }
}

@media (max-width:1200px) {
	.case-mask{ padding: 14%; }
	.case-mask img{ margin-bottom: 15px;}
	.case-mask-item{margin-top: 10px; font-size: 14px; }
}

@media (max-width:1000px) {
	.case ul li{ width: 50%;}
	.case-mask-item{margin-top: 15px; font-size: 18px; }
}

/*  */
.case-category{padding-bottom: 45px;}
.case-category ul li{margin-right:15px; margin-bottom: 10px;}
.case-category ul li a{ display: inline-block; padding: 0 45px; line-height: 55px; font-size: 28px; border-radius: 55px; color: #B2B2B2; transition: .3s;}
.case-category ul li.on a,
.case-category ul li a:hover{background-color: rgba(0, 63, 128,.8); color: #fff; }

@media (max-width:1600px) {
	.case-category ul li a{ padding: 0 25px; line-height: 45px; font-size: 20px;}
}

@media (max-width:768px) {
	.case-category{padding-bottom: 40px;}
	.case-category ul li a{ padding: 0 20px; line-height: 40px; font-size: 18px;}
}

@media (max-width:768px) {
	.case-category ul li a{ padding: 0 15px; line-height: 35px; font-size: 16px;}
}

/* show */
.show-bg{ padding-top: 250px; background-color: #F9FAFC;}
.show-container{max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}

.show-title-news{}
.show-title-news h3{ line-height: 1.6; font-size: 32px;}
.show-title-news p{margin-top: 30px; color: #ABABAB;}
.show-title-news p span{ position: relative; display: inline-block; padding-right: 10px; margin-right: 10px; }
.show-title-news p span::before{position: absolute; top: 5px; right: 0; content: ''; width: 1px; height: 8px; background-color: #ccc;}
.show-title-news p span:last-child::before{display: none;}

.show-content-news{padding: 65px 0; }
.show-content-news p{ margin-bottom: 15px; line-height: 1.6; font-size: 18px; color: #666;}
.show-content-news img{max-width:100%!important; max-height:100%!important;}

.show-next-news{ position: relative; padding: 60px 0 0; border-top: 1px solid #eee;}
.show-next-news>a{position: absolute; top: 50%; right: 0; display: inline-block; padding: 0 80px; height: 54px; line-height: 54px; font-size: 20px; border: 1px solid #B3B3B3;opacity: 1;border-radius: 100px;}

.show-next-news ul{width: 70%;}
.show-next-news ul li{padding: 5px 0; font-size: 18px; line-height: 1.4; color: #000A80; }
.show-next-news ul li a{ color: #808080;}

@media(max-width:1200px){
    .show-bg{ padding-top: 150px; }
    .show-title-news h3{ font-size: 24px;}
    .show-next-news ul{width: 100%;}
    .show-next-news>a{position:inherit; margin-top:45px;}
}


/* pagination */
.pagination{padding: 70px 0 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.pagination a{display: block; margin:2px; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; text-align: center; font-size: 18px;}
.pagination a:first-child a{padding-left: 3px;}
.pagination a:last-child a{padding-right: 3px;}
.pagination a span{display: inline-block; width: 10px; height: 10px;border: 1px solid #333; transform: rotate(45deg);}
.pagination a:first-child span{border-top: none;border-right: none;}
.pagination a:last-child span{border-bottom: none;border-left: none;}

.pagination a.page-num-current,
.pagination a:hover{ background-color: var(--fuColor); color: #fff;}
.pagination a:hover span{border-color: #fff;}


/*page-num page-num-current*/

/*  */
#baidu-map{width: 100%; height: 750px; filter: gray;}

.BMap_shadow{display: none;}
.contact-map{ padding: 100px 85px; background-color: #fff;}
.contact-map h3{color: var(--default);}
.contact-map ul{margin-top: 65px;}
.contact-map ul li{margin-top: 20px; color: #999;}
.contact-map ul li i{margin-right: 5px;}


@media (max-width:1200px) {
	.contact-map{display: none;}
	#baidu-map{width: 100%; height: 350px; }
}
.container-contact{max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.contact-right{width: 52%;}
.contact-form{margin-top: 50px;}
.contact-form p{margin-top: 20px; line-height:1.4; color: #666;}
.contact-form p a{color: #fff;}
.contact-form ul{margin-left: -30px;}
.contact-form ul li{width: 33.33%; padding-left: 30px; margin-bottom: 25px;}
.contact-form ul li div{ align-items: center; padding: 0 15px; font-size: 20px; border: 1px solid #D2D2D2; color: #666;}
.contact-form ul li input{display: block; flex: 1; width: 100%; line-height: 50px; height: 50px; font-size: 20px; color: #666;  background: none;}

.contact-form-textarea textarea{ padding: 15px; width: 100%; line-height: 1.4; font-size: 20px; background: none; border: 1px solid #D2D2D2; font-family: "PingFang",arial, "Microsoft YaHei"; outline: none;}
.contact-form-button {margin-top: 45px;}
.contact-form-button button{display: inline-block; padding: 0 76px; line-height: 56px; font-size: 20px; border-radius: 100px; border:1px solid var(--fuColor); background: var(--fuColor); color: #fff;}

@media (max-width:1000px) {
	.contact-form ul li{width: 50%;}
}

@media (max-width:640px) {
    .contact-form{margin-top: 0;}
	.contact-form ul li{width: 100%;}
}