@charset "UTF-8";

/* 手机版兼容 */
@media (max-width: 576px) {

	h1 {
		font-size: 2rem !important;
	}

	h2 {
		font-size: 1.75rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.25rem;
	}

	h5 {
		font-size: 1rem;
	}

	.table {
		font-size: .75rem;
	}

	.mt-5 {
		margin-top: 1.5rem !important;
	}

	.mt-8 {
		margin-top: 2.5rem;
	}

	.mt-10 {
		margin-top: 3rem;
	}

	.mb-2 {
		margin-bottom: .5rem;
	}

	.mb-3 {
		margin-bottom: 1rem;
	}

	.mb-5 {
		margin-bottom: 1.5rem !important;
	}

	.mb-8 {
		margin-bottom: 2.5rem;
	}

	.mb-10 {
		margin-bottom: 3rem;
	}

	.card-body {
		padding: .75rem;
	}

	.card-title {
		margin-bottom: 0;
		font-size: 1rem;
	}

	.new-card h3 {
		font-size: 1.25rem;
	}

	.new-card .card-footer {
		font-size: .75rem;
	}

	/* 新闻内页 */
	.news-main {
		margin-top: 5rem;
	}

	.brouav-breadcrumb {
		margin-top: 5rem;
		font-size: .75rem;
	}

	.widget-list {
		font-size: 1rem;
	}

	.pag-extended-title {
		display: none;
	}

	.pag-extended-item {
		width: 50%;
		padding: 5px 10px 25px 10px;
	}

	.breadcrumb {
		padding: 0.75rem 0;
	}

	.parts-main-1 h3 {
		font-size: 1.25rem;
	}

	.parts-main-1 {
		font-size: .9rem;
	}

	.form-control {
		font-size: .9rem;
	}

	.parts-main-1 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.news-main h1 {
		font-size: 1.5rem !important;
	}

	.btn-group-lg>.btn,
	.btn-lg {
		font-size: 1rem;
	}

	.wolf-foot {
		padding-top: 0;
		padding-bottom: 3rem;
	}

	.footer-copyright {
		font-size: .75rem;
	}

	.swiper-container-banner .index-banner-sb {
		bottom: 4rem;
	}

	.index-main-1 {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

	.index-main-2 {
		margin-top: 5rem;
		margin-bottom: 3rem;
	}

	.index-main-3 h4 {
		font-size: 1.25rem;
	}

	.index-main-3 p {
		font-size: unset;
	}

	.index-main-4-left {
		padding-left: 0;
	}

	.index-main-4-right {
		padding: 2.5rem 2rem;
	}

	.index-main-4 p {
		font-size: unset;
		margin-bottom: 2rem;
	}

	.index-main-5 {
		margin-top: 5rem;
	}

	.index-main-5 h2 {
		font-size: 1.5rem;
	}

	.index-main-5 p {
		font-size: unset;
	}

	.index-main-5 .btn-outline-dark {
		position: relative;
		bottom: unset;
	}

	.index-product-list {
		font-size: 1.25rem;
	}

	.whywolf-main-1 {
		margin-top: 7.5rem;
	}

	.whywolf-col h2 {
		font-size: 2.5rem;
	}

	.whywolf-main-foot {
		padding-bottom: 2rem;
	}

	.btn-contact {
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		width: 100%;
	}

	.product-main-1 p {
		font-size: 1rem;
	}

	.product-main-list h2 {
		font-size: 2.5rem;
	}

	.product-main-list .btn-outline-dark {
		position: relative;
	}

	.product-main-list {
		padding: 2.5rem;
	}

	.product-main-1 {
		padding-top: 7.5rem;
		margin-bottom: 5rem;
	}

	.product-main-2 {
		margin-bottom: 3rem;
	}

	.product-details-main p {
		font-size: .75rem;
	}

	.product-details-main h1 {
		font-size: 1.5rem !important;
	}

	.product-details-Galley-tab {
		font-size: 1.25rem;
	}

	.product-details-Galley {
		margin-top: 3rem;
		margin-bottom: 3rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.wolf-modal-content .modal-body {
		font-size: .9rem;
	}

	.wolf-modal-content .form-control {
		font-size: 1rem;
	}

	.product-details-Galley h1 {
		font-size: 2rem !important;
	}

	.Galley-Photos-tab {
		height: auto;
	}
	
	.cp-main-fa .text {
	    padding: 1rem;
	}

	/* .swiper-button-prev {
		display: none;
	}

	.swiper-button-next {
		display: none;
	} */

	.wolf-banner-main-main {
/* 		padding-left: 1rem;
		padding-right: 1rem; */
	}
	.wolf-banner-main-text {
	    padding: 2rem 3rem;
	}

	.wolf-banner-main {
		height: 45vh;
	}

	.wolf-banner-main-text h2 {
		font-size: 2rem;
	}

	.wolf-qualification {
		margin-bottom: 2rem;
	}

	.product-list-main-1 {
		padding-top: 5.5rem;
	}

	.product-list-main-fl {
		padding: .5rem 1rem;
	}

	.accordion {
		width: 100%;
	}

	.about-main-1 {
		margin-top: 3rem;
	}

	.about-main p {
		font-size: .75rem;
	}

	.about-main {
		margin-bottom: 0;
	}

	.about-main-3 {
		height: 45vh;
	}

	.workshop-main-1 {
		font-size: 1.5rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.workshop-main-main {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.workshop-main-1 h1 {
		font-size: 2rem !important;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.index-banner-pagination {
		width: auto !important;
		bottom: 2.5rem !important;
		left: 2rem !important;
	}

	.team-caption {
		/* top: 2rem; */
		padding: 0 1rem;
	}

	.tema-col h2 a {
		font-size: 2rem;
	}

	.bgvid-swiper {
		display: none;
	}

	.bgvid-swiper-m {
		display: block;
		max-height: 280px !important;
	}

	.products-vide-btn {
		bottom: 5rem;
		visibility: visible;
		animation-name: bounce;
		text-align: center;
		color: #fff;
		border-radius: 20px;
		width: 200px;
		height: 50px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: block;

	}

	.products-vide-btn a {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.products-vide-btn img {
		margin-bottom: 10px;
	}

	.basic-mobile-menu {
		display: block;
	}

	.header-fixed {
		display: none;
	}

	.swiper-pagination-banner {
		bottom: 2.05rem;
		padding-left: 2rem;
		transform: none;
		left: 0;
	}

	.logo {
		position: absolute;
		width: 280px;
		height: auto;
		transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;
		z-index: 1;
		display: flex;
	}

	.logo .logo-w-1 {
		width: 100px;
	}

	.logo .logo-w-2 {
		width: 80px;
	}

	.logo .logo-w-3 {
		width: 100px;
	}

	.logo h1 {
		font-size: 8rem;
		color: #fff;
	}

	.ph-no {
		display: none !important;
	}
    .ph-show {
		display: block !important; 
	}
	.swiper-slide-banner img {
		width: 100%;
		height: 100%;
	}

	.main-slide-banner img {
		width: 100% !important;
		height: auto !important;
		margin-top: 60px !important;
	}

	.gta-ml-5 {
		margin-left: 0rem !important;
		margin-right: .5rem !important;
		margin-bottom: .25rem !important;
		margin-top: .25rem !important;
	}

	/* .fixed {
		top: 10%;
		right: 1rem;
		z-index: 100;
		position: fixed;
		display: block;
	} */

	.gta-xm-top {
		padding-top: 6rem;
		padding-left: 2rem;
	}

	.logo-main {
		top: 2rem;
	}

	.img-main-btn {
		right: 1rem;
		bottom: auto;
		top: 10%;
		z-index: 10;
		position: fixed;
	}

	.xm-main-neirong {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.project-carousel {
		margin-top: 3rem;
	}

	.l-theme {
		padding-left: 15px;
		padding-right: 15px;
	}

	.l-theme-20 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.l-theme-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.shaixuan-tm {
		top: 50px;
	}

	.swiper-container-banner .vide-main {
		width: 90%;
	}

	.swiper-container-banner .vide-main h1 {
		font-size: 3rem !important;
		text-shadow: 0px 1px 2px #000;
	}

	.swiper-container-banner .vide-main h3 {
		font-size: 1.25rem !important;
		text-shadow: 0px 1px 2px #000;
	}


	.ui-to-top {
		right: 40px;
		bottom: 40px;
	}

	.card-news .card-news-body h3 {
		font-size: 1rem !important;
	}

	.index-main-xm {
		padding: 2rem 2rem 1.25rem 2rem;
		height: 240px;
	}

	.index-main-xm-bg-1 {
		background-size: auto;
	}

	.index-main-xm-bg-2 {
		background-size: auto;
	}

	.index-main-xm-bg-3 {
		background-size: auto;
	}

	.index-main-xm-bg-4 {
		background-size: auto;
	}

	.index-main-xm h2 {
		font-size: 1.25rem;
	}

	.index-main-xm h5 {
		font-size: 1rem;
	}

	.index-main-xm span {
		position: inherit;
	}

	.card-news .card-news-body {
		padding: 2rem 2rem 1.25rem 2rem !important;
	}

	.card-news .card-news-footer {
		padding: 1.25rem 2rem 1.25rem 2rem !important;
	}

	.vide-overlay-cp-v {
		height: 280px !important;
	}

	.cp-main3-text2 h1 {
		padding-top: 40px;
	}

	.cp-main3-text2 h1:after {
		width: 50%;
		top: 72%;
	}

	.my-bullet {
		font-size: 1.25rem;
	}

	.swiper-container-banner .index-banner-Specifications-btn {
		top: 6rem;
		right: 1rem;
	}

	.contact-follow a {
		font-size: 1.5rem;
		margin-left: .5rem;
		margin-right: .5rem;
	}

	.contact-main h2 {
		font-size: 1.5rem;
	}

	.contact-main dl dt {
		font-size: 1rem;
	}

	.contact-main dl dd {
		font-size: 1rem;
	}

	.contact-main-1 {
		margin-top: 2rem;
		line-height: 2rem;
	}

	.mb-8 {
		margin-bottom: 40px;
	}

	.p-5 {
		padding: 2rem !important;
	}

	.pc-no {
		display: flex;
	}

	.pc-no-ph {
		display: initial;
	}

	.cp-list-main {
		font-size: .5rem;
		border-bottom: solid 3px #e1e1e1;
		padding-bottom: 1rem;
	}

	.cp-list-main-name {
		border-top: none;
	}

	.cp-list-main-name h3 {
		margin-top: 1rem;
		margin-bottom: .5rem;
	}

	.product-details-navbar-r2 .btn {
		font-size: 1rem !important;
	}

	.product-details-navbar-r2 {
		text-align: left;
	}

	.product-details-title ul {
		margin-top: 4.5rem;
	}

	.product-details-title ul li p {
		font-size: .75rem;
		font-family: 'AkrobatBlack';
	}

	.product-details-title ul li img {
		max-width: 40px;
	}

	.Galley-Videos-tab p {
		font-size: .9rem;
	}

	.cp-list-main h3 {
		font-size: 1rem;
	}

	.about-main h2 {
		font-size: 1.5rem;
	}

	.contact-main {
		margin-bottom: 1rem;
	}

	.pt-6 {
		padding-top: 1.5rem !important;
	}

	.accessories-details-main-1 h2 {
		font-size: 2rem;
	}

	.accessories-details-main-1 p {
		font-size: .9rem;
	}

	.accessories-details-main-1 {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}

	.product-search-btn {
		font-size: 1rem;
	}

	.product-search-form {
		font-size: .9rem;
	}

	.card-news .card-news-footer {
		font-size: .75rem;
	}

	.cp-main3-text {
		margin-bottom: 10px;
		text-align: center;
	}

	.cp-main-ico-ul li span {
		font-size: .75rem;
		line-height: 1rem;
		padding-top: 5px;
	}

	.cp-main-ico-ul li img {
		width: 40px;
	}

	.cp-main-ico span {
		font-size: .75rem;
		line-height: 1rem;
		padding-top: 5px;
	}

	.cp-main-ico img {
		width: 40px;
	}

	.cp-main-text {
		margin-bottom: 20px;
	}

	.Specifications-main-list {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cp-main-text h3 {
		font-size: 1rem !important;
		padding-left: 20px;
	}

	.cp-main-text h5 {
		padding-left: 20px;
		font-size: .75rem !important;
	}

	.classes-wrap .classes-item.active .text {
		font-size: .75rem;
	}

	.classes-wrap .classes-item .text {
		font-size: .75rem;
	}

	.classes-wrap .classes-item {
		padding: 20px 0 20px !important;
	}

	.list-wrap {
		padding: 10px 20px !important;
		margin-bottom: 40px !important;
	}

	.list-wrap .list-content .list-item a {
		font-size: .75rem;
	}

	.justify-content-end {
		display: none;
	}

	.cp-main-text h3 i {
		font-size: 1rem;
	}

	#STRUCTURAL .my-bullet {
		font-size: 1.25rem;
	}

	.header-item-right {
		padding-left: 0px;
	}

	.img-1200 {
		max-width: 100%;
	}

	.about-main-mian {
		padding-top: 3rem;
		padding-bottom: 0rem;
		margin-bottom: 0rem;
		margin-top: 2rem;
	}

	.about-details-list-fl {
		display: none;
	}

	.product-details-main-1 h1 {
		border: transparent;
		padding: 0;
	}

	/* .bgvid  {
		    width: 100%;
			height: auto;
		
		}
		
	/* Modal-footmenu */
	.am-menu {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #202228;
		text-align: center;
		height: 54px;
		overflow: hidden;
		z-index: 98;
		border-top: 1px solid #37373f;
	}

	.am-menu-column {
		width: 33.3%;
		float: left;
		font-size: .95rem;
		margin-top: 15px;
	}

	/*new footer*/
	/*因为都是用的字体图标可能显示不出来，但是字体颜色会有变化*/
	.index i:before {
		color: #ffc107;
	}

	.explore i:before {
		color: #ffc107;
	}

	.life i:before {
		color: #ffc107;
	}

	.my i:before {
		color: #ffc107;
	}

	.index-active i:after {
		color: #000;
	}

	.explore-active i:after {
		color: #000;
	}

	.life-active i:after {
		color: #000;
	}

	.my-active i:after {
		color: #000;
	}


	.index a span,
	.explore a span,
	.life a span,
	.my a span {
		display: block;
		color: #d6d9e6;
	}

	.index-active a span,
	.explore-active a span,
	.life-active a span,
	.my-active a span {
		display: block;
		color: #333;
	}

	.list-paddingleft-2 h2 {
		font-size: 3rem;
		margin-top: 2rem;
	}

	/* 手机版下方模态框 */
	.ph-menu-modal-content {
		border-radius: inherit;
		border: none;
		background-color: #202228;
		color: #81828c;
	}

	.ph-menu-modal-dialog-centered {
		align-items: flex-end;
		/* margin: 0 auto; */
	}

	.ph-menu-modal-content .modal-header .close {
		color: #fff;
		text-shadow: none;
	}

	.ph-menu-list-group-item .list-group-item {
		padding: 0.75rem 1rem;
		background-color: transparent;
		border: transparent;
		border-bottom: 1px solid #37373f;
	}

	.ph-menu-list-group-item a {
		color: #fff;
	}
	.index-banner-pagination-text{
		bottom: 54px;
		position: sticky;
	}
	.index-banner-pagination .container-fluid .l-theme-0{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.index-main-product-list a {
	    font-size: .7rem;
	}
	.index-main-product-list img {
	    width: 2rem;
		filter: drop-shadow(3rem 0px #ffc107);
	    transform: translateX(-3rem);
	}
	.index-banner-swiper-text {
	    max-width: 100%;
	        padding: 3rem;
	        margin-left: 1rem;
	        margin-right: 1rem;
	        top: 10%;
	}
	.index-banner-swiper-main {
	    padding-left: 0;
	    padding-right: 0;
		left: 0;
	}
	.index-main-1-m{
		    margin-top: 0rem;
		    margin-bottom: 0;
			padding-top: 5rem;
	}
	.index-main-1-list {
	    position: relative;
	}
	.index-main-1 h4 {
	    font-size: 1.25rem;
	}
	.choose-con::before {
	    background-image:none;
	}
	.index-main-8 {
	    padding-top: 2rem;
	    padding-bottom: 0rem;
	}
	.index-tema-col h2 a {
	    font-size: 2rem;
	}
	.index-tema-col p {
	    font-size: 1rem;
		line-height: 1.2;
	}
	.index-team-caption {
	    bottom: 0rem;
	    padding: 0 20px;
	}
	.index-main-7 {
	    padding-top: 3rem;
	    padding-bottom: 0;
	}
	.index-tema-col>img {
	    height: 9rem;
		width: auto;
	}
	.about-workshop-main-1 {
	    margin-top: 5rem;
	}
	.index-team-caption>h3 a {
	    font-size: 1rem;
	    line-height: .75rem !important; 
	}
	.product-details-main-2 h1 {
	    font-size: 1.5rem !important;
	}
	.product-details-main-1 h3 {
	    font-size: 1.25rem;
	}
	.solution-main-banner {
	    padding: 2rem 1rem;
	}
	.list-group-item-cp-s .btn {
	    width: 30%;
	}
	.index-details-Galley-tab {
	    font-size: 1rem;
	}
	.index-details-Galley-tab .nav-item {
	    margin-right: 0.25rem;
	    margin-left: 0.25rem;
	}
	.index-details-Galley-tab .nav-link {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	.cp-accordion .panel-title .btn {
	    font-size: 1rem;
	}
	.p-details-Galley-tab .nav-item{
	    width: 30%;
	}
	.swiper-button-prev4 {
		    height: 37px;
	}
	
	.swiper-button-next4 {
		    height: 37px;
	}
	.index-main-78 .text h5 {
	    font-size: 1.25rem;
	}
	.index-main-78 .text p {
	    display: none;
	}
}

/* 手机版模态框 */
@media (max-width: 767px) {

	.modal.modal-fullscreen,
	.bootstrap-fs-modal .modal {
		box-shadow: 0px 0px 0px 100px white;
	}

	.modal.modal-fullscreen .modal-dialog,
	.bootstrap-fs-modal .modal .modal-dialog {
		margin: 0;
		height: 100%;
		max-width: 100%;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content {
		border-style: none;
		border-radius: 0;
		height: 100%;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-header,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header {
		justify-content: flex-start;
		min-height: 50px;
		line-height: 50px;
		padding: 0;
		background-color: #f8f8f8;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .modal-title,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .modal-title {
		white-space: nowrap;
		line-height: 50px;
		font-size: 1.1rem;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .close {
		float: none;
		order: -1;
		margin: 0;
		padding: 0;
		margin-right: 12px;
		height: 50px;
		color: transparent;
		text-shadow: none;
		opacity: 1;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-header .close:before,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-header .close:before {
		border-style: solid;
		border-color: #202228;
		border-width: 0.15em 0.15em 0 0;
		content: '';
		display: inline-block;
		height: 0.5em;
		left: 0.55em;
		position: relative;
		top: 0.28em;
		transform: rotate(-45deg);
		vertical-align: top;
		width: 0.5em;
		transform: rotate(-135deg);
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		margin: 0 10px 0 0;
		height: 50px;
		min-height: 50px;
		line-height: 50px;
		background-color: #f8f8f8;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn {
		border: none;
		background-color: transparent;
		margin: 0 0 0 10px;
		padding: 0;
		outline: none;
		box-shadow: none;
		font-size: 1.0rem;
		color: #007bff;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn:hover,
	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn:active,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn:hover,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn:active {
		text-decoration: underline;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .btn[data-dismiss="modal"],
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .btn[data-dismiss="modal"] {
		display: none;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .material-icons,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .material-icons {
		vertical-align: middle;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-footer .fa,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-footer .fa {
		vertical-align: middle;
		font-size: 1.25em;
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-body,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-body {
		flex-shrink: 3;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.modal.modal-fullscreen-bottom-footer .modal-dialog .modal-content .modal-footer,
	.modal-fullscreen-bottom-footer .modal .modal-dialog .modal-content .modal-footer {
		position: inherit;
		top: inherit;
		right: inherit;
		padding: 15px;
		margin: 0;
	}

	.modal.modal-fullscreen-bottom-footer .modal-dialog .modal-content .modal-footer .btn,
	.modal-fullscreen-bottom-footer .modal .modal-dialog .modal-content .modal-footer .btn {
		margin: 0 0 0 18px;
	}
}

@media (min-width: 768px) {

	.modal.modal-fullscreen .modal-dialog .modal-content,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content {
		max-height: calc(100vh - 60px);
	}

	.modal.modal-fullscreen .modal-dialog .modal-content .modal-body,
	.bootstrap-fs-modal .modal .modal-dialog .modal-content .modal-body {
		flex-shrink: 3;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/*# sourceMappingURL=bootstrap-fs-modal.css.map */