/*style*/
a{text-decoration: none;}
ul{padding-left: 0 !important;}
ul,li{list-style: none;}
.font-14{font-size: 14px;}
.font-12{font-size: 12px;}
.gx-5{--bs-gutter-x: 40px;}
.text-secondared{color: #666 !important;}
.text-secondary{color: #999 !important;}
.text-maincolor{color: #b71a20 !important;}
.bg-maincolor{background: #b71a20 !important;}
.modal{background: rgba(0,0,0,.4); z-index: 9999;}

/*header*/
.sticky-top{z-index: 9999 !important;}
.header .navbar-expand-lg .separate{color: #ccc;}
.dropdown-toggle::after{display: none;}

/*banner*/
.swiper-banner .swiper-body{height: 90vh;}
.swiper-banner .swiper-pagination-bullet{background: #fff;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{color: #bb2d3b;}
.swiper-banner .swiper-button-next.swiper-button-disabled,.swiper-banner .swiper-button-prev.swiper-button-disabled{color: #fff;}

/*main*/
.main-gap .main-title .text-en{font-family: "Impact"; color: #000; opacity: .05;}
.main-menu .btn-menu{color: #bbb;}
.main-menu .btn-menu-arrow,.main-menu .btn-menu:hover{color: #fff}
.dark-back{height: 80px; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); top: 470px; z-index: 8;}

/*news*/
.news .news-body .date{padding: 6px 10px; margin: 20px;}
.news a .news-title{margin-top: 18px;}
.news a:hover .news-title,.news .news-list a:hover .list p:nth-child(1){color: #b71a20 !important;}
.news a .news-info,.swiper-container-case .swiper-container-case-body h4,.swiper-container-case .swiper-container-case-body p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-align: justify;}
.news .news-list a .date{width: 80px; height: 80px; background: #f5f5f5;}
.news .news-list a .date p{width: 80px;}
.news .news-list a .date p:nth-child(1){font-size: 34px; margin-top: 4px;}
.news .news-list a .date p:nth-child(2){margin-top: 50px;}
.news .news-list a:hover .date{background: #b71a20;}
.news .news-list a:hover .date p{color: #fff !important;}

/*product*/
.product .main-gap .main-title .text-en{color: #fff; opacity: .2;}
.product .main-gap .main-title .text-zh{color: #fff;}
.product .product-line{height: 1px; background: rgba(255,255,255,.2);}
.product .product-back{background: url(../images/product-pic.png) center center; background-size: cover;}
.swiper-product .product-body p:nth-child(3){display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-align: justify;}
.product .swiper-pagination-bullet,.team .swiper-pagination-bullet{width: 18px; height: 18px; background: url(../images/product-pagination.png); opacity: 1; margin: 0 30px;}
.product .swiper-pagination-bullet-active,.team .swiper-pagination-bullet-active{background: url(../images/product-pagination-active.png);}

/*team*/
.team{background: url(../images/team-back.png) center; background-size: cover;}

/*footer*/
.footer .footer-page{background: #232323;}

/*swiper-container-case*/
.swiper-container-case .swiper-pagination-bullet{background: #666;}
.swiper-container-case .swiper-pagination-bullet-active{background: #b71a20;}


@media (min-width: 768px){
	.font-18{font-size: 18px;}

	/*header*/
	.header .navbar-expand-lg .nav-link:hover{color: #b71a20 !important;}
	/*.header .navbar-expand-lg .nav-item:hover .dropdown-menu{display: block !important;}*/
	.header .navbar-expand-lg .navbar-nav .dropdown-menu{width: 40rem; position: fixed; left: 50%; margin-left: -20rem;}
	.header .navbar-expand-lg .dropdown-item.active,.header .navbar-expand-lg .dropdown-item:active,.header .navbar-expand-lg .dropdown-item:focus,.header .navbar-expand-lg .dropdown-item:hover{background: #fff; color: #b81a20 !important;}
	.modal-weixin .modal-content{width: 16rem;}
	.modal-shop .modal-content{width: 32rem;}

	/*nav*/
	.nav-main a:hover{color: #b71a20 !important;}
	.nav-main .nav-dropdown{display: none; padding-top: 1.5rem !important; margin-top: -.5rem}
	.nav-main .col-nav:hover .nav-dropdown{display: block; width: 40rem; margin-left: -20rem; top: 3.5rem;}
	.nav-main .nav-line{width: 1px; height: 1.25rem; background: #ccc;}
	.nav-main li.px-3{padding-right: .75rem!important; padding-left: .75rem!important;}

	/*banner*/
	.swiper-banner h2{font-size: 48px;}
	.swiper-banner p:nth-child(1){margin-top: 12rem;}
	.swiper-banner .banner-pic{margin-top: 6rem;}
	.swiper-banner .swiper-pagination{bottom: 1rem;}

	/*main*/
	.main-gap{padding: 90px 0 30px 0;}
	.main-gap .main-title .text-en{font-size: 80px;}
	.main-gap .main-title .text-zh{font-size: 36px; margin-top: 32px;}
	.main-gap .text-line{padding-top: 92px;}
	.main-menu{top: 500px; z-index: 9;}

	/*news*/
	.news{background: url(../images/news-back.png) center center; background-size: cover; margin-bottom: 90px;}
	.news .news-list a:not(:last-child){margin-bottom: 1rem;}
	.news .news-list a .list p{padding-left: .5rem; white-space: nowrap; text-overflow: ellipsis;}
	.news .news-list a .list p:nth-child(1){padding-top: 12px;}

	/*product*/
	.product{height: 740px; background: url(../images/product-back.png) center center; background-size: cover;}
	.product .product-back,.product .product-line{width: 62%;}
	.product .product-back{height: 660px;}
	.product .product-line{top: 575px;}
	.product .main-gap{margin-top: 8rem;}
	.product .swiper-product{margin-top: -19rem;}
	.product .swiper-product .swiper-wrapper{padding-bottom: 4rem;}
	.product .swiper-product .product-body{width: 64%; margin-left: 36%;}
	.product .swiper-product .product-body p:nth-child(1){font-size: 24px; margin-top: 2.25rem;}
	.product .swiper-product .product-body p:nth-child(2){font-size: 20px;}
	.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 41px;}
	/*.product .swiper-pagination{bottom: 2rem; left: -442px; z-index: 9;}*/
	.product .swiper-pagination{bottom: 2.75rem; left: -462px; z-index: 9;}
	.product .swiper-pagination-bullet{margin: 0 30px;}
	.product .swiper-text{bottom: 0;}
	.product .swiper-text a{display: inline-block; width: 96px;}
	.product .swiper-text a:nth-child(1){margin-left: 6px;}
	.product .swiper-button-prev,.product .swiper-button-next{width: 31%; z-index: 9; top: 682px;}
	.product .swiper-button-prev{left: 0; height: 80px;}
	.product .swiper-button-next{left: 31%; height: 80px;}
	.product .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.product .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size: 16px; background: url(../images/product-icon.png) 0 no-repeat; background-size: 16px; padding-left: 24px;}
	.product .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content: '上一个';}
	.product .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content: '下一个';}
	.product .swiper-button-next.swiper-button-disabled,.product .swiper-button-prev.swiper-button-disabled{opacity: 1; background: #f5f5f5 !important; }

	/*case*/
	.case .main-gap{padding-bottom: 40px;}
	.case .swiper-case .swiper-slide{width: 402px !important;}
	.case .swiper-case .swiper-wrapper{left: -40rem;}
	.case .card .card-body{background: #f5f5f5;}
	.case a:hover .card .card-body{background: #b71a20;}
	.case a:hover .card .card-body p{color: #fff !important;}
	.case .case-arrow{width: 1320px;}
	.case-arrow-lr{width: 100px;}
	.case .case-arrow .swiper-button-next,.case .case-arrow .swiper-button-prev{width: 50px; height: 50px; z-index: 99; color: #fff; background: #b71a20; top: -496px;}
	.case .case-arrow .swiper-button-next{left: 50px;}
	.case .case-arrow .swiper-button-prev{left: 0px;}
	.case .case-arrow .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.case .case-arrow .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size: 14px;}
	.case .case-arrow .swiper-button-next.swiper-button-disabled,.case .case-arrow .swiper-button-prev.swiper-button-disabled{opacity: 1; background: #000;}

	/*team*/
	.team{margin-top: 90px;}
	.team .main-gap{padding-bottom: 20px;}
	.team .swiper-team {top: -100px;}
	.team .swiper-team .swiper-slide .team-card,.swiper-product .product-body{padding: 40px;}
	.team .swiper-team .swiper-slide .team-card{padding: 40px; margin-top: 154px;}
	.team .swiper-team .swiper-slide .team-card p:nth-child(1){font-size: 28px; margin-top: 88px;}
	.team .swiper-team .swiper-slide .team-card p:nth-child(4){width: 476px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.team .swiper-team .swiper-slide .team-avatar{width: 300px; height: 300px; top: 0; right: 40px; z-index: 999;}
	.team .swiper-team .swiper-button-next,.team .swiper-team .swiper-button-prev{width: 50px; height: 50px; z-index: 99; color: #fff; background: #b71a20; top: 216px;}
	.team .swiper-team .swiper-button-next{left: 90px;}
	.team .swiper-team .swiper-button-prev{left: 40px;}
	.team .swiper-team .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.team .swiper-team .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-size: 14px;}
	.team .swiper-team .swiper-button-next.swiper-button-disabled,.team .swiper-team .swiper-button-prev.swiper-button-disabled{opacity: 1; background: #000;}
	.swiper-team .team-name,.about-speak .about-speak-title{font-family: "Impact"; color: #000; opacity: .05;}
	.swiper-team .team-name{font-size: 80px; top: 240px; right: 40px;}

	/*about*/
	.about{margin-bottom: 120px;}
	.about .about-back{width: 200px; height: 200px; top: 290px; z-index: -1;}
	.about img:nth-child(2){width: 560px; height: auto; margin-top: 110px; margin-left: 30px;}
	.about .a-position{display: block; width: 140px; height: 140px; top: 280px; left: 440px;}
	.about .main-title .text-secondary,.about-info p{line-height: 24px;}

	/*footer*/
	.footer .footer-nav{background: #f5f5f5; padding: 70px 0 50px 0;}
	.footer .footer-nav p a:hover{color: #b71a20 !important;}
	.footer .footer-nav .QR-code{width: 100px; height: 100px;}

	/*gallery-top*/
	.gallery-top .swiper-slide,.gallery-thumbs{height: 32rem;}
	.gallery-top .swiper-slide{transition: .3s ease-in-out;}
	/*.gallery-top .swiper-slide:hover{transform: scale(1.2);}*/
	/*.gallery-top .swiper-slide:hover div{transform: scale(1.0); background: #b71a20;}*/
	.gallery-top .swiper-slide:hover div{background: #b71a20;}
	.gallery-top .swiper-slide:hover div h4,.gallery-top .swiper-slide:hover div p{color: #fff !important;}
	.gallery-top .swiper-slide div{background: rgba(255,255,255,.9); margin-top: 18rem; margin-left: 3rem; padding: 2.5rem; z-index: 999999;}
	.gallery-top .swiper-slide div p{height: 3.75rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	.gallery-thumbs .swiper-slide{height: 10rem !important; cursor: pointer;}
	.gallery-thumbs .swiper-slide-thumb-active{border: 5px solid #b71a20;}

	/*swiper-container-case*/
	.swiper-container-case{padding-bottom: 3rem;}
	.swiper-container-case .swiper-container-case-body{width: 36rem; height: 20rem; background: #f5f5f5; top: 5rem; left: 0; padding: 2.5rem 4rem;}
	.swiper-container-case .swiper-container-case-pic{height: 30rem;}
	.swiper-container-case .swiper-container-case-body h4{font-size: 28px; -webkit-line-clamp: 2; margin-top: 2rem;}
	.swiper-container-case .swiper-container-case-body p{-webkit-line-clamp: 2; margin-bottom: 2rem;}
	.casese .swiper-button-next,.casese .swiper-button-prev{width: 20px; top: 18.25rem; z-index: 9;}
	.casese .swiper-button-next{margin-left: 31.5rem;}
	.casese .swiper-button-prev{margin-left: 28rem}
	.casese .swiper-button-next:after,.casese .swiper-button-prev:after{font-size: 20px; font-weight: bold; color: #ccc;}

	.nav-main li:nth-child(2) .nav-dropdown-menu .fw a{
		width: 31.3% !important;
	}
	.nav-dropdown-menu{font-size: 14px;}
	.nav-dropdown-menu .fw{width: 100%;display: flex;justify-content: space-between;flex-flow: wrap;}
	.nav-dropdown-menu .fw a{border: 1px solid #ddd;text-align: center !important;line-height: 30px;border-radius: 30px;width: 48%!important;}
	/*.col-li .nav-dropdown-menu .fw:nth-child(1){width: 50%; padding-left: 15%; padding-right: 10%;}*/
	/*.col-li li:nth-child(3) .nav-dropdown-menu .fw:nth-child(1){width: 55%; padding-left: 0; padding-right: 5%;}*/
	/*.col-li li:nth-child(3) .nav-dropdown-menu .fw:nth-child(2){width: 45%; padding-left: 5%;}*/
}


@media (max-width: 768px){
	.p-md-none{display: none !important;}
	.part-md-top{margin-top: 1.5rem;}

	/*news*/
	.news .news-list a .list p{padding-left: 0;}

}

@media (max-width: 540px){
	.p-none{display: none !important;}
	.part-sm-top{margin-top: 1rem;}
	.font-18{font-size: 16px;}

	/*header*/
	.logo{width: 50%;}
	.modal-weixin .modal-content,.modal-shop .modal-content{width: 20rem;}
	
	/*banner*/
	.swiper-banner h2{font-size: 34px;}
	.swiper-banner p:nth-child(1){margin-top: 6rem;}
	.swiper-banner .banner-pic{margin-top: 3rem;}
	.swiper-banner .swiper-pagination{bottom: 4rem;}

	/*main*/
	.main-gap{padding: 30px 0;}
	.main-gap .main-title .text-en{font-size: 48px;}
	.main-gap .main-title .text-zh{font-size: 24px; margin-top: 18px;}
	.main-gap .text-line{padding-top: 60px;}
	.main-menu{top: 500px; z-index: 9;}

	/*news*/
	.news,.case,.about,.product{margin-bottom: 40px;}
	.news .news-list a:not(:last-child),.case .case-list .col-12:not(:last-child){margin-bottom: 1rem;}
	.news .news-list a .list p{padding-left: .75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.news .news-list a .list p:nth-child(1){padding-top: 14px;}

	/*product*/
	.product .product-line{top: 840px;}
	.product .product-back{height: 960px;}
	.product .swiper-product .swiper-wrapper{padding-bottom: 5rem;}
	.product .swiper-product .product-body{padding: 1.5rem;}
	.product .swiper-product .product-body p:nth-child(1),.team .swiper-team .swiper-slide .team-card p:nth-child(1){font-size: 20px; margin-top: 1.5rem;}
	.product .swiper-product .product-body p:nth-child(2){font-size: 18px;}
	.product .swiper-pagination{bottom: 28px; left: 50%; margin-left: -196px;}
	.product .swiper-pagination-bullet{margin: 0 32px !important;}
	.product .swiper-text{bottom: 0; left: 50%; margin-left: -164px;}
	.product .swiper-text a{display: inline-block; width: 78px;}

	/*team*/
	.team .swiper-team{padding-bottom: 90px;}
	.team .swiper-team .swiper-slide .team-card{padding: 100px 1.5rem 1.5rem 1.5rem; margin-top: 100px;}
	.team .swiper-team .swiper-slide .team-card p:nth-child(4){width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	.team .swiper-team .swiper-slide .team-avatar{width: 200px; height: 200px; top: 0; left: 50%; margin-left: -100px; z-index: 999;}
	.team .swiper-pagination{bottom: 40px;}

	/*about*/
	.about-body img:nth-child(1){width: 280px; height: auto;}
	.about-body .a-position{right: 0; top: 150px;}
	.about-body .a-position img{width: 80px; height: auto;}

	/*swiper-container-case*/
	.swiper-container-case{height: 29rem;}
	.swiper-container-case .swiper-container-case-body{padding: 1.5rem; width: 100%; height: 14.5rem; background: #f5f5f5; top: 12rem;}
	.swiper-container-case .swiper-container-case-body h4{font-size: 20px; -webkit-line-clamp: 2;}
	.swiper-container-case .swiper-container-case-body p{-webkit-line-clamp: 4; margin-bottom: 1.5rem;}
	.swiper-container-case .swiper-container-case-pic{height: 12rem;}

	.purchase{padding: 1.5rem;}
	.nav-dropdown-menu .fw{width: 100%;}
}


@media (max-width: 376px){
	.product .product-back{height: 920px;}
	.product .swiper-pagination{bottom: 28px; left: 50%; margin-left: -176px;}
}
.strtwo{
	width: 4em!important;
	height: 2.5em;
	overflow: hidden!important;
}

/*分页相关*/
.pagelist{text-align: right;}
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#858181;background:#858181;color:#f1eff0;}
.pagelist li.active a{border-color:#b71a20;background:#b71a20;color:#f1eff0;}