body {margin: auto !important;}



/* 头部 */
.Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 9991;}
.Header-container{
	width: 1420px;
	height: 80px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.Header-logo{float: left;position: relative;z-index: 9995;}
.Header-logo a{display: block;height: 80px;line-height: 75px;float: left;}
.Header-logo a img{height: auto;}
.Header-logo span{
	font-size: 16px;
	color: #888;
	display: block;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.Header-search{float: right;}
.Header-search-click{width: 48px;height: 80px;background:#fff url("../image/search.png") no-repeat center 52px;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:#fff url("../image/icon-close.png") no-repeat center center /18px auto;}

.Header-language{float: right;position: relative;padding: 0 8px;text-align: center;}
.Header-language-hover{font-size: 14px;color: #666;font-weight: bold;display: block;cursor: pointer;height: 70px;line-height: 70px;}
.Header-language-hover i{width: 20px;height: 20px;display: inline-block;background: url("../../../image/language.png") no-repeat center center;vertical-align: middle;margin: -2px 4px 0 0;}
.Header-language-words{display: none;position: absolute;z-index: 9991;top: 90px;left: 0;width: 100%;background-color: rgba(255, 255, 255, 0.8);}
.Header-language-words a{display: block;text-align: center;padding: 8px 0;font-size: 16px;color: #666;border-bottom: 1px solid #dedede;}
.Header-language-words a:hover{color: #F63;}
.Header-navbar{float: right;font-size: 0;margin-right: 12px;}
.Header-navbar ul li{display: inline-block;margin: 0 14px;}
.Header-Menu{display: block;height: 80px;line-height: 80px;font-size: 16px;color: #333;padding: 0 4px;}
.Header-navbar ul li.ontrue .Header-Menu{color: #346ccd;}
.Header-Menu:hover{color: #346ccd;}
.Header-sunNav{display: none;position: absolute;left: 0;top: 80px;width: 100%;padding: 44px 30px;background: #fff;border-top: 1px solid #ebebeb;z-index: 991;font-size: 16px;color: #666;}
.Header-sunNav.ontrue{animation:sunNavDown 300ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(-20px);}100%{transform: translateY(0px);}}
.Header-search-message{width: 100%;height: 80px;position: absolute;z-index: 9992;background-color: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 1520px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 80px;line-height: 100px;font-size: 0;}
.Header-search-submit{width: 54px;height: 80px;background:#fff url("../image/search.png") no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 560px;height: 38px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #666;font-family: "微软雅黑";margin-right: 80px;}
.Header-search-close{width: 54px;height: 80px;background:#fff url("../image/icon-close.png") no-repeat center center /18px auto;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #666;display: block;position: relative;margin-top: 28.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
    100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
    100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 手机下拉按钮 */
.Header-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url("../image/icon-dd1.png") no-repeat center center /16px auto;}
.Header-sunNavClick.ontrue{transform: rotate(180deg);}



/* 底部 */
.Footer-wrapper{width: 100%;background-color: #043983;}
.Footer-container{width: 1520px;margin: 0 auto;}
.Footer-navbar{width: 100%;padding: 30px 0 20px 0;border-bottom: 1px solid rgba(255,255,255,.1);overflow: hidden;position: relative;}
.Footer-navbar ul li{
	width: 17%;
	float: left;
	overflow: hidden;
}

.Footer-navbar ul li.first {
	width: 32%;
}

/* .Footer-navbar .elementor-widget-wrap {padding-right: 10%;
} */
.Footer-navbar-menu{width: 100%;font-size: 18px;color: #e3e6e9;height: 38px;line-height: 38px;user-select: none;}
.Footer-navbar-words{width: 100%;overflow: hidden;margin-top: 6px;}
.Footer-navbar-words a{display: block;font-size: 16px;color: #a6a6a6;padding: 8px 0;}
.Footer-navbar-words a:hover{color: #fff;}
.Footer-copy{width: 100%;padding: 15px 0;}
.Footer-copy-icon{width: 100%;}
.Footer-copy-iconL{float: left;}
.Footer-copy-iconL p{font-size: 14px;color: #9f9f9f;margin-top: 8px;}
.Footer-copy-iconL p a{margin-left: 8px;}
.Footer-copy-iconL p a:hover{color: #fff;}
.Footer-copy-iconR{float: right;font-size: 0;text-align: right;}
.Footer-copy-iconR a{display: inline-block;margin-left: 8px;width: 35px;height: 35px;transition: all .4s;position: relative;}
.Footer-copy-iconR a:hover{transform: translateY(-4px);}
.Footer-wximg img{position: absolute;right: 0;bottom: 44px;z-index: 2;width: 160px;height: 160px;border: 10px solid #fff;display: none;}
.Footer-wximg:hover img{display: block;}
.Footer-copy-link{width: 100%;overflow: hidden;margin-top: 4px;}
.Footer-copy-link span{font-size: 12px;color: #9f9f9f;margin: 4px 0;}
.Footer-copy-link a{display: inline-block;vertical-align: middle;font-size: 12px;color: #9f9f9f;margin: 4px 6px;}



.Container-wrapper{
	margin-top: 80px;
}



/* 二级导航 */
.Header-suncontain{width: 1280px;margin: 0 auto;}
.Header-sunotherl{width: 26%;float: left;height: 196px;overflow: hidden;}
.Header-sunotherl img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.Header-sunotherl img:hover{transform: scale(1.1);}
.Header-sunotherc{width: 37%;float: left;margin-left: 4%;border-right: 1px solid #e5e5e5;min-height: 196px;}
/*.Header-sunotherck{float: left;}*/
.Header-sunotherck h6{width: 50%;float: left;}
.Header-sunotherck a{display: block;width: 184px;height: 56px;border-bottom: 1px solid #e5e5e5;line-height: 56px;font-size: 16px;color: #666;padding-left: 12px;background: url("../image/arr.png") no-repeat left center;transition: all .3s ease-in-out;}
.Header-sunotherck a:hover{color: #0e7cc7;background: url("../image/arrH.png") no-repeat left center;}
.Header-sunotherr{width: 30%;float: right;margin-left: 3%;}
.Header-sunotherr p{font-size: 15px;color: #666;line-height: 25px;text-align: justify;}
.Header-sunprolh.onfalse{display: none;}
.Header-sunprorh.onfalse{display: none;}
.Header-sunprol{height: auto;}
.Header-sunprol h6{width: 100%;height: 196px;overflow: hidden;}
.Header-sunprolh p{font-size: 16px;color: #666;margin-top: 24px;}
.Header-sunproc {width: 41%;padding:0 4%;border-right: 1px solid #e5e5e5;margin-left: 0;}
.Header-sunproc .Header-sunotherck a{height: 48px;line-height: 48px;}
.Header-sunprorh{width: 100%;}
.Header-sunprorh a{display: block;height: 48px;line-height: 48px;transition: all .3s ease-in-out;color: #346ccd;}
.Header-sunprorh a:hover{color: #0e7cc7;}
.Header-sunprorhl{float: left;margin-right: 30px;}
.Header-sunproc .Header-sunotherck a.fll{float: left;}
.Header-sunproc .Header-sunotherck a.flr{float: right;}


.Header-sunproc .Header-sunotherck a.ontrue{color: #346ccd;}




/* -------------------------PC端--------------------------- */

@media all and (max-width:1620px) {
    .Header-container{width: 94%;}
    .Header-navbar ul li {margin: 0 10px;}
    .Header-search-words{width: 94%;}
    .Footer-container{width: 94%;}
}

@media all and (max-width:1460px) {
    .Header-logo a img{height: 30px;}
    .Header-navbar ul li {margin: 0 8px;}
    .Header-logo span {margin: 48px 0 0 10px;}
}

@media all and (max-width:1380px) {
    .Header-navbar ul li {margin: 0 6px;}
    .Header-navbar{margin-right: 0;}
    .Header-logo span {margin: 52px 0 0 8px;font-size: 14px;}
}

@media all and (max-width:1280px) {
    .Header-logo a img{height: 26px;}
    .Header-logo span {margin: 52px 0 0 8px;}
    .Header-search-click{width: 44px;}
    .Header-language{padding: 0 5px;}
    .Header-navbar ul li {margin: 0 4px;}
    .Header-logo a {line-height: 112px;}
}

@media all and (max-width:1200px) {
    .Container-wrapper{margin-top: 76px;}

    .Header-logo a img {height: 24px;}
    .Header-logo span {margin: 36px 0 0 4px;font-size: 12px;}
    .Header-language{padding: 0 3px;}
    .Header-language-hover{font-size: 12px;height: 76px;line-height: 76px;}
    .Header-search-click {width: 36px;height: 76px;background: #fff url("../image/search.png") no-repeat center center;}
    .Header-Menu {padding: 0;font-size: 14px;height: 76px;line-height: 76px;}
    .Header-logo a{height: 76px;line-height: 76px;}
    .Header-container{height: 76px;}
    .Header-search-wordsform{height: 76px;line-height: 76px;}
    .Header-search-message{height: 76px;}
    .Header-search-submit,.Header-search-close{height: 76px;}
    .Header-search-wordsform input{width: 420px;margin-right: 40px;}
    .Footer-navbar {width: 100%;padding: 48px 0 32px 0;}
    .Footer-copy { padding: 26px 0;}
    .Header-language-words{top: 76px;}
    .Header-language-words a {padding: 14px 0;font-size: 12px;}
    .Header-sunNav{top: 76px;}
}


#media_start_jwplayer_logo{display: none !important;}

.Footer-ewm{position: absolute;width: 131px;height: 167px;top: 84px;right: 0;}
.Footer-ewm img{width: 100%;height: 100%;}

/***********************************************************************************
 *	+ GO TOP
 ***********************************************************************************/
	
	#go-top {
	z-index: 9999;
	display: none;
	position: fixed;
	bottom: 110px;
	right: 38px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	font-size: 20px;
	line-height: 44px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	background-color: #282e3a;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	}
	
	#go-top:hover {
		background-color: #fe5e3e;
	}



/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .Container-wrapper{margin-top: 60px;}

    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: auto;line-height: normal;float: initial;margin-top: 8px;}
    .Header-logo span{display: block;margin: 0;float: initial;text-align: center;margin-top: 4px;}
    .Header-language-hover{height: 60px;line-height: 60px;}
    .Header-language-hover span{display: none;}
    .Header-search-click{height: 60px;line-height: 60px;}
    .Header-language-hover i{margin: -4px 0 0 0;}
    .Header-navclick{display: block;}
    .Header-navbar{float: left;width: 100%;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;}
    .Header-navbar{display: none;}
    .Header-sunNavClick{display: block;}
    .Header-sunNav{position: static;top: 0;left: 0;}
    .Header-search-message{height: 45px;top: 60px;border-top: 1px solid #ececec;}
    .Header-search-close{display: none;}
    .Header-search-wordsform{height: 44px;line-height: 44px;float: initial;}
    .Header-search-submit{height: 44px;position: absolute;right: 0;top: 0;z-index: 2;width: 44px;}
    .Header-search-wordsform input{width: 100%;margin-right: 0;height: 44px;padding-right: 46px;box-sizing: border-box;}
    .Header-language-words{top: 60px;}
    .Header-language{position: static;}
    .Header-language-words a{padding: 14px 3%;font-size: 16px;text-align: left;}

    .Footer-navbar {padding: 10px 0 14px 0;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navbar-words{display: none;margin-top: 0;}
    .Footer-copy {padding: 20px 0;}
    .Footer-copy-iconL p{margin-top: 0;}
    .Footer-copy-iconR{float: left;margin-top: 16px;}
    .Footer-copy-iconR a{margin-left: 0;margin-right: 8px;}
    .Footer-copy-link{margin-top: 10px;}
    .Footer-copy-link a {margin: 4px 2px;}
	
	
	.email-form-wrap input[type=email],
	.wpcf7-form input[type=submit]{
		width: 60% !important;
		margin-bottom: 10px;
		border-radius: 6px !important;
	}
	
	
	
	.mobile-hide {
		display: none;
	}
	.Footer-copy-iconR {display: none;}
	
	
	.pp-showcase-navigation .mySwiper {
		height: auto;
		width: auto;
		float: none;
	}
	.pp-showcase-navigation .swiper-slide img{
		flex: auto;
		height: auto;
	}
	.Footer-copy {padding-top: 20px; padding-bottom: 50px;}
	.Footer-ewm img {display: none;}


	.advan_h {text-align: left;}
	
	.index-page-elementor,.home_title_contain,
	.index_body .mySwiper{
		width: 100%;
	}
	
	.elementor-widget-wrap h2,
	.OEM_body .elementor-heading-title {
		font-size: 20px !important;
		margin-bottom: 10px;
	}
	
	.OEM_body .elementor-section.elementor-section-boxed.elementor-container {
		max-width: 94%;
	}
	
	.OEM_body .pp-showcase-navigation-item .pp-showcase-navigation-title {
		font-size: 16px;
	}
	
	.OEM_body .elementor-col-25 .elementor-element-populated {
		padding: 24px !important;
	}
	
	.OEM_body .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) {
		padding-bottom: calc(26px/ 2);
	}
	
	.OEM_body .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) {
		    margin-top: calc(26px/ 2);
	}
	
	.OEM_body .pp-info-box-title {
		font-size: 25px;
	}
	
	.OEM_body .pp-info-box-subtitle {
		line-height: 1;
		font-size: 16px;
	}
	
	.OEM_body .mm-page .elementor-widget-image .elementor-image img {
		height: auto !important;
	}
	
	.Footer-navbar .elementor-widget-wrap {
		width: 100%; padding: 0 2%; box-sizing: border-box;
	}
	
	.OEM_body .mySwiper.swiper-container{
		padding: 0;
		margin: 0;
	}
	
	.OEM_body .swiper-slide .pp-tm-name {font-size: 16px; margin: 10px 0;}
	.OEM_body .pp-showcase-navigation-item {
		padding: 10px 20px;
	}
	
	.OEM_body .top-elementor-row {margin: 20px auto; max-width: 94%;}
	
	.OEM_body .elementor-widget:not(:last-child) {margin: 10px 0;}
	
	.contact_body .message,.contact_body #allmap{
		float: none;
		width: 100%;
	}

	
	.index_body  h2.elementor-size-default,
	.index_body .sendmail .h1{
		font-size: 20px !important;
	}
	.index_body .padding_m1 {
		font-size: 14px;
	}
	
	.elementor-widget-wrap>.elementor-element{
		width: 100% !important;
	}
	
	.pro_detail_body .bread {
		top: 15px;
		left: 10px;
	}
	
	.pro_detail_body .message {
		margin: 10px;
	}
	
	.pro_detail_body .ProductPageAccordion {
		margin: 10px;
	}
	
	.pro_detail_body .sonimgban-proowdimg {
		width: 100%;
		float: none;
	}
	
	.pro_detail_body .sonimgban-prowdft {
		padding: 10px 15px !important;
		float: none;
		width: 100%;
		top: 60px;
	}
	.pro_detail_body .protplay {
		top: 200px;
	}
	
	.pro_detail_body .ProductBoxTopline-description>:not(:first-child) {
		margin-top: 10px;
	}
	
	.OEM_body .elementor-column-gap-my .elementor-column.elementor-col-50 {
		padding: 40px 20px 40px 20px !important;
	}
	
	.OEM_body .pp-showcase-navigation-items .pp-showcase-navigation,
	.OEM_body .pp-showcase-navigation-con {
		float: none;
		width: 100%;
	}
	
	
	
	.pro_detail_body .ProductPageAccordionItem-body--horizontal>div>ul {
		display: initial;
	}
	
	.message ol li:nth-child(6) input {
		padding: 3% 0;
		line-height: 1;
	}
	

	
	
	.pro_detail_body .ProductPageAccordionItem-heading {
		padding: 15px 0;
	}
	
	.pro_detail_body .prooban-contain {position: relative;}
	
	.pro_detail_body .ProductPageAccordionItem-title:after {
		top:20%;
	}
	
	.pro_detail_body .ProductPageAccordionItem-title {font-size: 16px;}
	
	
	.service_body .serwx-list ul li {
	    width: 90%;
	    height: 200px;
	    border-width: 4px;
	    padding: 24px 20px 0;
		margin: 24px auto;
		float: none;
	}
	
	
	.service_body .serwx-list li h6, .serwx-list li h1{
		    font-size: 20px;
		    margin: 10px 0;
	}
	
	.Footer-navbar ul li.first {
		width: 100%;
	}
	
	.about_body .pp-testimonial-content {
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.OEM_body .swiper-slide .pp-tm-content-normal {
		padding: 0 5px 0;
	}
	
	.thirdSwiper.swiper-container {
		padding: 0 20px;
	}
	
	.OEM_body .elementor-column-gap-my {
		width: 94%;
		padding-bottom: 30px;
	}
	
	.OEM_body .pp-showcase-navigation-con {
		/* min-height: 400px; */
	}
	
	.OEM_body .pp-showcase-navigation-items {
		display: block;
	}
	
	.index_body .advan_part {
		width: 49%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	.index_body .advan_part .h2 {
		margin: 10px 5px 0;
		font-size: 12px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.index_body .advan_part .pad {
		margin: 0 10px;
	}
	.index_body .advantages_pt {
		padding-top: 20px;
	}
	
	.index_body .advantages_ptb {
		padding: 10px 0;
	}
	
	.index_body .index-page-elementor{
		padding: 0;
	}
	
	.index_body .home_item_title {
		padding: 5px;
		font-size: 12px;
	}
	
	.OEM_body .mySwiper {
		min-height: auto;
	}
	
	.pro_detail_body .message ol li.last input, .contact_body .message ol li.last input {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
}