@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-regular.ttf');
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-bold';
	src: url('../font/Roboto-bold.otf');
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('../font/Roboto-Medium.otf');
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../font/Roboto-Light.otf');
	font-style: normal;
}

@font-face {
	font-family: 'Angelface';
	src: url('../font/ZCOOLAddictItalic02.ttf');
	font-style: normal;
}

html,
body,
a,
div {
	color: #333;
	font-family: Roboto, "Microsoft YaHei", PingFangSC-Regular, sans-serif, "微软雅黑", "Arial", "黑体";
}

p,
span {
	color: #333;
	font-family: Roboto, "Microsoft YaHei", PingFangSC-Regular, sans-serif, "微软雅黑", "Arial", "黑体";
}

a:hover {
	color: #ffffff;
}



.container {
	padding-right: 10px;
	padding-left: 10px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	padding-right: 10px;
	padding-left: 10px;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.news-content a {
	color: #e0731d;
}

.news-content a:hover {
	color: #e0731d;
}

.Roboto-regular {
	font-family: Roboto-regular !important;
}

.Roboto-bold {
	font-family: Roboto-bold !important;
}

.G-bold {
	font-family: Roboto-bold !important;
}

.Angelface {
	font-family: Angelface !important;
}

.Angelface2 {
	font-family: Angelface !important;

}

.Roboto-Medium {
	font-family: Roboto-Medium !important;
	color: #ffffff;
}

.Roboto-Light {
	font-family: Roboto-Light !important;
}

html,
body {
	background: #fff;
}

.clear {
	clear: both;
}

.fweight {
	font-weight: bold !important;

}

.fw400 {
	font-weight: 400 !important;
}


.fw300 {
	font-weight: 300 !important;
}

.colorfff,
.colorfff p {
	color: #f0f0f0 !important;
}

.color666 {
	color: #666 !important;
}

.colordc,
.colordc p,
.colordc div,
.colordc span {
	color: #dcdcdc !important;
}


.color888 {
	color: #fff !important;
}

.color333 {
	color: #333 !important;
}

.color000,
.color000 p {
	color: #000 !important;
}

.coloron {
	color: #1c69d4 !important;

}


.colorcb,
.colorcb p,
.colorcb span {
	color: #000 !important;
	line-height: 24px;
}

.colorcb1,
.colorcb1 p,
.colorcb1 span {
	color: #fff !important;
	line-height: 28px;
}

.colorf0 {
	color: #fff !important;
}

.colorf0 a {
	color: #4788fe
}

.bgf8 {
	background: #f8f8f8 !important;
}

.bg2w {
	background: #fff !important;
}

.bg2e {
	background: #2E2E2E !important;
}

.bgyellow {
	background: #E1C498 !important;
}

.bgon {
	background: #e5c37c !important;
}

.bghui {
	background: #2D2B29 !important;
}

.bg19 {
	background: #1c69d4 !important;
}

.bg16 {
	background: #161616 !important;
}

.bg333 {
	background: #333 !important;
}

.bg222 {
	background: #222 !important;
}

.coloryellow {
	color: #000;
	margin-bottom: 40px;
	/*text-transform: uppercase;*/
}

.coloryellow1 {
	color: #fff;
	margin-bottom: 40px;
	/*text-transform: uppercase;*/
}

.bgyellow {
	background: #1c69d4 !important;
}

.fs-15 {
	font-size: 15px;
}

.col-md-20 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 10px;
	padding-right: 10px;
}


.bigtxt {
	text-transform: uppercase;
}

.border-bottom-222 {
	border-bottom: 1px solid #4788fe;
}

.d-relative {
	position: relative;
}

.d-absolute {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.bg-black-60 {
	background: rgba(0, 0, 0, 0.6);
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.letter2 {
	letter-spacing: 2px;
}

.letter4 {
	letter-spacing: 4px;
}

.border-radius15 {
	border-radius: 15px;
}

.product-info-fl {
	width: 50%;
	float: left;
}

.mb-30 {
	margin-bottom: 30px;
}

.w-80 {
	width: 80%;
}



.my-fs-60 {
	font-size: 60px;

}

p img {
	max-width: 100%;
}


i {
	cursor: pointer;
}

button:focus,
input:focus,
textarea:focus {
	outline: 0
}

.fixed-top {
	z-index: 99999;
}

.fill {
	object-fit: fill;
}

.contain {
	object-fit: contain;
}

.cover {
	object-fit: cover;
}

.none {
	object-fit: none;
}

.scale-down {
	object-fit: scale-down;
}

.navbar-light:hover {
	background: #1c69d4;
}

.nav-bg {
	background: #1c69d4;
}

.nav-bg2 {
	background: #1c69d4;
}

.container {
	max-width: 1540px;
}

.container1300 {
	max-width: 1400px;
	margin: 0 auto;
}

.container800 {
	max-width: 800px;
	margin: 0 auto;
}

.container1000 {
	max-width: 1000px;
	margin: 0 auto;
}

.navbar-nav li .sub_menu2 .row {
	margin-left: 0;
	margin-right: 0;
}

.navbar-nav li .sub_menu2 .row .col-12 {
	padding: 8px 0px;
}

.navbar-nav li .sub_menu2 .row .col-12:hover {
	background: #ffffff;
}



.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
}

.container-bbmenu2 {
	border-left: 1px solid #1c69d4;
	border-right: 1px solid #1c69d4;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 1.2rem;
	padding: 1.5rem 2.3rem;
	text-transform: uppercase;
}

.container1300>.row .col-md-5 .mb-3 .col-11>div a:hover {
	color: #333333 !important;
}

.logo {
	height: 50px;
}

.prosiucde {
	position: relative;
}

.product-menu2:hover .title {
	color: red !important;
}

.product-menu2:hover {
	text-decoration: none !important;
}

.navbar {
	padding: 0;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: #4788fe;
	font-weight: bold;
}

.nav-item:hover .sub_menu,
.nav-item:hover .sub_menu2 {
	display: block;
}

.sub_menu2 {
	z-index: 9999;
	top: 4.8rem;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: rgba(28, 105, 212, 0.9);
	color: #fff;
	display: none;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.sub_menu2up {
	top: 0;
}

.container-menu2 {
	width: 900px;
	max-width: 1430.016px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
	/*display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;*/
}

.container-menu2 .product-menu2 {
	display: inline-block;
	padding: 10px 20px;
	background: #fff;
	border-radius: 15px;
}

.container-menu2 .product-menu2:hover {
	background: #ccc;

}

.container-menu2 .ico2 {
	width: 70px;
	height: 70px;
	transition: all 0.6s;
}

.container-menu2 .product-menu2:hover .ico2 {
	transform: scale(1.1);
}

.container-menu2 .product-menu2:hover .title {
	color: #1c69d4 !important;
}

.left-menu {
	width: 100%;
	height: 100%;
	right: -100%;
	bottom: 0;
	z-index: 999999999999999999;
	position: fixed;
	overflow: hidden;
	transition: all 0.6s;
	display: block;
}

.left-menu-on {
	right: 0;
}

.left-menu-left {
	width: 500px;
	height: 100%;
	float: right;
	background: #fff;
	transition: all 6s;
	padding: 40px;
}

.left-menu-left .left-menu-box {
	overflow: hidden;
}


.left-menu-left .left-menu-box .content-box {
	padding: 0
}

.left-menu-left .left-menu-box .top-menu i {}

.left-menu-left .left-menu-box .top-menu .left-form {
	padding-left: 0;
}

.left-menu-left .left-menu-box .top-menu .left-input {
	border: none;
	width: calc(100% - 20px);
	font-size: 16px;
	font-weight: 300;
}

.left-menu-left .left-menu-box .top-menu .left-button {
	border: none;

}

.left-menu-left .left-menu-box .top-menu #close-left {
	position: absolute;
	right: 0;
	top: 5px;
}

.left-menu-left .left-menu-box .top-menu .logow {
	display: inline-block;
	margin: 0 auto;
	height: 60px;
}

.left-menu-left .left-menu-box .content-left {
	width: auto;
	height: 100%;
	overflow: hidden auto;
}

.left-menu-left .left-menu-box .content-left .main-menu {
	padding-top: 10px;
	padding-bottom: 50px;
}

.left-menu-left .left-menu-box .content-left .main-menu li {
	margin-bottom: 10px;
}







.bg2c {
	background: linear-gradient(45deg, #1c69d4, #4788fe);

}



.leftmenus .onemenu .leftmenus-link {
	font-size: 18px;
	display: block;
	color: #FFFFFF;
	border-bottom: 1px solid #4788fe;

}

.leftmenus .onemenu .leftmenus-link:hover {
	color: #4788fe;

}

.leftmenus .twomenu a {
	font-size: 13px;
	font-family: 'Roboto-Light';
	padding-left: 15px;
}

.fr {
	float: right;
}

.leftbook input {
	width: 100%;
	background: #DEDEDE;
	outline: none;
	border: none;
	height: 40px;
	padding-left: 15px;
	color: #ababab;
}

.leftbook .check {
	width: calc(100% - 126px)
}

.leftbook button {
	outline: none;
	border: none;
	width: 100%;
	height: 40px;
	background: #fff;
	color: #1c69d4;
	text-align: center;
	font-size: 18px;
	border-radius: 0px;
}

.leftbook button:hover {

	background: #1c69d4;
	color: #fff;
}

.leftbook textarea {
	width: 100%;
	background: #DEDEDE;
	padding-left: 15px;
	color: #ababab;
	border: none;
}

.left-top2 {
	position: sticky;
	top: 120px;
	z-index: 22;
}




/* #index-banner{
   height: calc(120vh - 200px)
}
 */
.swiper-pagination-banner {
	bottom: 10px;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
	text-align: center;
}

.swiper-pagination-banner .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	display: inline-block;
	border-radius: 0;
	background: #fff;
	opacity: .5;
}

.swiper-pagination-banner .swiper-pagination-bullet-active {
	opacity: 1;
}



.bannertxt-top {
	position: absolute;
	left: 0;
	z-index: 999;
	bottom: 50%;
	margin-bottom: -130px;
}

#videoindexbanner {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 99;
	object-fit: cover;
}

.fangan-btn {
	background: #1c69d4;
	border-radius: 10px;
	padding: 15px 40px;
	color: #333;
	font-size: 1.2rem;
	display: inline-block;
	transition: all 1s;
	color: #fff;
}

.fangan-btn:hover {
	background: #fff;
	color: #000;
}

.fs-sm-60 {
	font-size: 60px;
}


/*********首页产品**************/

.product-menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.index-product-menu {
	padding: 30px 0;
	cursor: pointer;
	-ms-flex: 0 0 14.2%;
	flex: 0 0 14.2%;
	max-width: 14.2%;

}

.index-product-menu:hover {
	background: #d970f1;
	border-radius: 15px;
}

.index-product-menu img {
	max-width: 120px;
}


#index_product {
	width: calc(100% - 100px);
	margin: 20px auto;
}

.index_product_box {
	background: #fff;
	border: 1px solid #222;
	cursor: pointer;
	border-radius: 15px;
	overflow: hidden;
}

.index_product_box .img {
	overflow: hidden;
	background: #fff;
}

.index_product_box .img img {
	transition: all 0.6s
}

.index_product_box:hover .img img {
	transform: scale(1.1);
}

.index_product_box .title {
	padding: 20px;
	line-height: 24px;
	overflow-y: hidden;
	color: #333;
	margin-bottom: 0;
}

.prosiucde .swiper-button-next,
.prosiucde .swiper-button-prev {
	top: 60%;
}

.arrow-left_product {
	background: url(../images/la.png) no-repeat left top;
	position: absolute;
	right: 70px;
	top: 15px;
	margin-top: -5px;
	width: 36px;
	height: 36px;
	z-index: 999;
	cursor: pointer;
}

.arrow-right_product {
	background: url(../images/lb.png) no-repeat left top;
	position: absolute;
	right: 20px;
	top: 15px;
	margin-top: -5px;
	width: 36px;
	height: 36px;
	z-index: 999;
	outline: none;
	cursor: pointer;
}


.arrow-left {
	background: url(../images/banner_arrow8.png) no-repeat left top;
	position: absolute;
	left: -5px;
	top: 43%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
	cursor: pointer;
}

.arrow-right {
	background: url(../images/banner_arrow8.png) no-repeat left bottom;
	position: absolute;
	right: -5px;
	top: 48%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 999;
	outline: none;
	cursor: pointer;
}



.index-product {
	height: 660px;
	border-radius: 20px;
	background: #191919;
	padding: 30px;
	position: relative;
}

.index-product .newimg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	overflow: hidden;
	border-radius: 20px;
	display: none;
}

.index-product .newimg img {
	height: 100%;
}

.index-product:hover .newimg {
	display: block;
}



.nav-tabs {
	border-bottom: none;
}

.index_proname {
	padding-bottom: 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.index_proname .title {
	margin-right: 10px;


}

.index_proname .title a {
	font-size: 16px;
	padding: 8px 30px;
	background: #ddd;
	color: #000;
}

.index_proname .title .active {
	color: #fff;
	background: #ee6a08;

}







/*********首页产品**************/

/*********首页第二模块图文展示**************/

.content-img-box {
	position: relative;
}

.content-img-box .txts {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.content-img-box .txts .desc {
	max-width: 600px;
	line-height: 30px;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}


.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.more-btn {
	padding: 0 30px;
	min-width: 170px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	font-size: 1.2rem;
	color: #F0F0F0;
	display: inline-block;
	background: #0176bd;
}

.more-btn-kong {
	padding: 0 30px;
	min-width: 170px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	font-size: 1rem;
	color: #4788fe;
	border: 1px solid #4788fe;
	display: inline-block;
	background: #fff;
}

.more-btn-kong:hover {
	background: #4788fe;
	color: #333;
}

/*********首页第二模块图文展示end***********/


/*********Why Choose Us***********/

.why-box {
	padding: 30px 15px;
	/* background:#4788fe; */
	/* height: 320px; */
	cursor: pointer;
	transition: all 0.6s;
}

.why-list {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding-left: 10px;
	padding-right: 10px;
}

.why-box img {

	transition: all 2s;
}

.tcbox {
	display: inline-block;
	border: 2px solid #ffffff;
	border-radius: 50%;
	padding: 20px;
	margin-bottom: 15px;
}

.why-box:hover {
	transform: translateY(-15px);
}

.why-box .title {
	height: 48px;
	line-height: 24px;
	margin-bottom: 10px;
}

.why-box .desc {
	line-height: 26px;
	color: #FFFFFF;
	text-align: center
}

.why-box:hover {
	background: #1c69d4;
}

/******** Why Choose Us end***********/


/******** about end***********/
.index_aboutbig {
	width: 100%;
	display: flex;

}

.index_aboutbig .aboutlist {
	width: 35%;
}

.index_aboutbig .aboutlist2 {
	width: 65%;
	padding: 0px 50px;
}

/********  about end***********/

/********video**********/

.tongdian {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background: #000;
	width: 100%;
	height: auto;
	min-height: 700px;

}

.tongdian_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 60px;

}

.tongdian_content .container {
	max-width: 1000px;
}


canvas {
	display: block;
	vertical-align: bottom;
}

#particles-js {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.indexvideo {
	background: #191919;
	padding: 100px 0;
	height: auto;
}

.index-vidoe1 {
	object-fit: contain;
	max-width: 1000px
}


/********video end***********/


/*********首页大轮播图按钮*************/

.swiper-button-shopl {
	position: absolute;
	bottom: 40px;
	width: 60px;
	height: 60px;
	left: 200px;
	background: #fff url(../images/left.png);
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	border-radius: 8px 0 0 8px;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-shopr {
	position: absolute;
	bottom: 40px;
	width: 60px;
	height: 60px;
	left: 261px;
	background: #fff url(../images/right.png);
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	border-radius: 0px 8px 8px 0px;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}


/*********首页大轮播图按钮*************/


/*********首页视频颜色**************/

.gallery-top {
	height: 100%;
	width: 100%;
}

.gallery-top .swiper-slide {
	max-height: 800px;
	overflow-y: hidden;
}

.gallery-thumbs {
	height: 200px;
	width: 600px;
	box-sizing: border-box;
	padding: 10px 0;
	background: rgba(0, 0, 0, 0.8);
	padding: 30px 50px;
	position: absolute;
	bottom: 30px;
	z-index: 9999;
	border-radius: 20px;
	left: 50%;
	margin-left: -300px;
}

.gallery-thumbs .swiper-slide {
	width: 240px;
	height: 60px;
	opacity: 0.4;
	text-align: center;
}

.gallery-thumbs .swiper-slide img {
	width: 60px;
	height: 60px;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}


/*********首页视频颜色**************/





/*********首页左右布局***************/


#indextwo .righttxt {
	width: 500px;
	margin: 100px auto 0 auto;

}

#indextwosmall {
	position: absolute;
	width: 40%;
	right: 0;
	bottom: 100px;
	z-index: 9999;
}

#indextwosmall .swiper-wrapper .swiper-slide {
	cursor: pointer;
}

#indextwosmall .swiper-wrapper .swiper-slide .title {
	padding-top: 20px;
	border-top: 2px solid #262626;
	width: 80%;
	text-align: center;
}

.btn-index {
	padding: 15px 40px;
	background: #E1C498;
	border-radius: 10px;
	color: #000;
	font-size: 1.1rem;
}

.btn-index:hover {
	color: #000;
	background: #D1B58D;
}


#indextwosmall .swiper-wrapper .swiper-slide-thumb-active .title {
	color: #fff;
	font-weight: bold;
	border-top: 2px solid #666 !important;
}


/*********首页左右布局***************/

/***********首页新闻BEGIN*****************/

.index_news2 {
	position: relative;
	overflow: hidden;
}

.index_news2 img {
	width: 100%;
	transition: all 0.6s;
}

.index_news2:hover img {
	transform: scale(1.1);
}

.index_news2 .news2_txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 30px;
	height: auto;
	background: rgba(0, 0, 0, 0.5);
}

.index_news2 .news2_txt .t1 {
	color: #888;
}

.index_news2 .news2_txt .t2 {
	color: #fff;
}

.index_news2 .news2_txt .t3 {
	color: #cbcbcb;
	height: 48px;
	line-height: 24px;
	overflow-y: hidden;
}

/***********首页新闻END*****************/



/***********首页合作伙伴*****************/
.parterindex {
	text-align: left;
	margin-left: -10px;
	margin-right: -10px;
}

.parter {
	width: auto;
	display: inline-block;

	padding: 0px;
	text-align: center;
	margin: 10px;
	width: auto;

}

.parter img {
	height: 120px;
	text-align: center;

}

.parter2 {
	width: calc(16.6% - 20px);
}

#part {
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	cursor: pointer;
}

#part:hover {
	/*-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)*/
	transform: scale(1.2);
}

/***********首页合作伙伴END*****************/



/*****-Hear from Twinkly fans******/

.indexbook {
	background: url(../images/douhao.png) no-repeat left;
	background-size: 100px 80px;
}

.pagination-gbook .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #4C4C4C;
	opacity: 1;
}

.pagination-gbook .swiper-pagination-bullet-active {
	background: #fff;
}


/*****-Hear from Twinkly fans******/

.pd0 {
	padding: 0;
}

.mr0 {
	margin: 0;
}

.foot-email {
	width: 520px;
	height: 300px;
	padding: 50px;
}

.emailbook {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #4D4D4D;
	border-radius: 10px;
	height: 50px;
	width: 250px;
	padding-left: 15px;
}

.emailtj {
	width: 150px;
	border-radius: 10px;
	border: none;
	height: 50px;
	background: #ff7700;
	margin-left: 15px;
	font-size: 1.1rem;
}

/*****-Hear from Twinkly fans******/




/*****公共部分*****/

.foot-msg {
	height: 400px;
}

.foot-ico {
	border: 1px solid #4C4C4C;
	width: 52px;
	height: 52px;
	display: inline-block;
	text-align: center;
	line-height: 52px;
	margin-left: -5px;
	margin-top: -1px;
	background: rgba(0, 0, 0, 0);
	transition: all 0.6s;
}

.foot-ico i {
	color: #fff;
}

.foot-ico:hover {
	background: #fff;
	color: #333;
}

.foot-ico:hover i {
	color: #333 !important;
}

.footmenu a {
	color: #f0f0f0;

}

.footmenu a:hover {
	color: #1c69d4;
	font-weight: bold;
}

.position a {
	margin-right: 5px;
	margin-left: 5px;
}

.footmenu1 {
	color: #f0f0f0;
}

.footmenu1:hover {
	font-weight: bold;
	color: #f0f0f0 !important;
}



.online {
	width: 40px;
	right: 5px;
}

.online dl {
	background: #1c69d4;
	width: 40px;
	height: 50px;
	color: #fff;
	margin-bottom: -1px;
	border: 1px solid #1c69d4;
	border-radius: 0;
	text-align: center;
	cursor: pointer;
}



.online dl dd {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.online dl dd i {
	font-size: 20px;
}

.online dl dt {
	right: 50px;
	border: none;
	box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
	border-radius: 5px;

}

.online dl .zxkf {
	width: 130px;
	margin-top: 10px;
	font-size: 14px !important;
	color: #000;

}

.online dl .zxkf a {
	color: #000;
}


.online dl dt i {
	position: absolute;
	right: -5px;
	top: 10px;
	z-index: 99;
	color: #fff;
	box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
}

.online dl .zxkf2 {
	width: 160px;
	margin-top: 10px;
	font-size: 14px !important;
	color: #000;
	top: -80px;

}

.online dl .zxkf2 i {
	position: absolute;
	right: -5px;
	top: 80px;
	z-index: 99;
	color: #fff;
	box-shadow: rgb(0 0 0 / 12%) 0px 0px 8px 0px;
}



.online dl dt h3 {
	border-bottom: none;
}

.online dl:hover {
	background: #4788fe;
	border: 1px solid #4788fe;
}

.online dl:hover dd {
	color: #fff;
}

.online dl dt button {
	outline: none;
	background: #333;
}









.page-num,
.page-link {
	color: #fff;
	background: rgba(0, 0, 0, 0);
	border: 1px solid #4C4C4C;
	padding: 5px 15px;
	font-weight: bold;
}

.page-num-current {
	color: #333;
	background-color: #FFF;
	border: 1px solid #fff;

}

.page-link:hover,
.page-num:hover {
	border: 1px solid #666;
	color: #fff !important;
	background-color: #0055A8;
	border-color: #0055A8;
}


.ny-banner {
	max-height: 500px;
	overflow: hidden;
}

.ny-banner-video {
	height: 600px;
	width: 100%;
	overflow: hidden;
}

.ny-banner-video #videony {
	width: 100%;
}



.product-menu-nav {
	display: inline-block;
	background: #F5F5F7;
	border-radius: 15px;
	margin: 10px;
	text-align: center;
	color: #000;
	padding-bottom: 15px;
	width: 120px;
	height: 120px;
}

.product-menu-nav img {
	height: 80px;
}

.foot-new-msg {
	width: 80%;
}

.foot-new-msg input {
	width: 100%;
	background: #DEDEDE;
	outline: none;
	border: none;
	height: 40px;
	padding-left: 15px;
}

.foot-new-msg textarea {
	width: 100%;
	background: #DEDEDE;
	outline: none;
	border: none;
	height: 100px;
	padding-left: 15px;
}

.foot-new-msg .check {
	width: 124px;
}

.foot-new-msg button {
	outline: none;
	border: none;
	width: 100%;
	height: 40px;
	background: #1c69d4;
	color: #fff;
	text-align: center;
	font-size: 18px;

}



/*****公共部分*****/


/****弹窗*****/

#rightbtn {
	color: #fff;
	background: #1c69d4;
	cursor: pointer
}

#close3 {
	border: none;
	outline: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	float: right;
	background: none;
	margin-top: 10px;
	margin-right: 10px;
	cursor: pointer;
	font-size: 20px;
	color: #0176bd;
}

#close3:hover {
	background: #0176bd;
	color: #fff;
}

.tc003 {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0%;
	top: 0%;
	margin-left: 00px;
	margin-top: 0px;
	z-index: 999999999999999;
	text-align: left;
	display: none;
}

.ct03 {
	width: 600px;
	height: 450px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px;
	background: #fff;
}

.title003A {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
	width: 80%;
	margin-left: 10%;
}

.title003B {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin-bottom: 20px;
	width: 80%;
	margin-left: 10%;
}

.from_input003 {
	width: 77%;
	margin-left: 10%;
	border: none;
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

.from_check {
	display: block;
	width: 78%;
	margin-left: 10%;
	border: none;
	margin-bottom: 10px;
	margin-top: 20px;
}

.from_input003 input {
	outline: none;
	width: 100%;
	margin-right: 1%;
	height: 40px;
	border: 1px solid #ddd;
	padding-left: 15px;
}

.from_input003 .tjs003 {
	width: 100%;
	height: 40px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background: #007bff;
	border: none;
	margin: 0 auto;
	outline: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.from_input003 .tjs003:hover {
	background: #4788fe !important;
	color: #fff;
}

.from_check input {
	outline: none;
	width: 50%;
	height: 40px;
	border: 1px solid #ddd;
	text-align: left;
}

.from_check img {
	height: 40px;
	vertical-align: bottom;
}

.form_content2 {
	width: 77%;
	margin-left: 10%;
	float: left;
	display: block;
}

.form_content2 textarea {
	width: 100%;
	height: 60px;
	line-height: 24px;
}




/****弹窗*****/




/********产品列表**************/

.list-product {
	height: 480px;
	border-radius: 20px;
	background: #F5F5F7;
	padding: 30px;
	position: relative;
}

.list-product .newimg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	overflow: hidden;
	border-radius: 20px;
	display: none;
}

.list-product .newimg img {
	height: 100%;
}

.list-product:hover .newimg {
	display: block;
}

/********产品列表**************/


/********产品详情**************/
.buy-btn-info {
	display: block;
	background: #ddd;
	text-align: center;
	color: #333;
	font-size: 1.1rem;
	padding: 1rem 0;
	border-radius: 10px;
}

.buy-btn-info:hover {
	background: #0176bd;
	color: #fff;
}

.five-start i {
	color: #FBE2AE;
	font-size: 24px;
}

.five-start span {
	font-size: 24px;
	color: #333;
}


.py-180 {
	padding-top: 180px;
	padding-bottom: 180px;
}


.info-floattxt {
	width: 520px;
	padding: 70px;
	height: auto;
	background: #191919;
}



#stepinfo {
	padding-bottom: 100px;
}

.swiper-slide-step {
	width: 60%;
	background: #191919;

}

.swiper-slide-step .heightimg {
	height: 500px;
}

.pagination-step {
	bottom: 70px !important;
}

.pagination-step .swiper-pagination-bullet {
	width: 33.3%;
	height: 3px;
	border-radius: 0;
	opacity: 1;
	background: #666;
	margin: 0 !important;
}

.pagination-step .swiper-pagination-bullet-active {
	background: #fff;
}

.step-txt {
	position: absolute;
	bottom: 50px;
	left: 0;
	z-index: 999;
}





#getinspired {
	height: 600px;
	padding-bottom: 100px;
}

#getinspired .swiper-wrapper {
	height: 500px;
	width: auto;
}

#getinspired .swiper-wrapper .swiper-slide {
	height: 500px;
	width: auto;
}

#getinspired .swiper-wrapper .swiper-slide img {
	height: 100%;
	width: auto;
}

.swiper-button-getl {
	position: absolute;
	top: 30%;
	width: 60px;
	height: 60px;
	right: 0px;
	background: #fff url(../images/left.png);
	z-index: 10;
	cursor: pointer;
	border-radius: 8px 8px 0 0px;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-getr {
	position: absolute;
	top: 30%;
	width: 60px;
	height: 60px;
	right: 0;
	margin-top: 61px;
	background: #fff url(../images/right.png);
	z-index: 10;
	cursor: pointer;
	border-radius: 0px 0px 8px 8px;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}

.pagination-get {
	bottom: 50px !important;
	position: absolute;
	left: 0;
}

.pagination-get .swiper-pagination-bullet {
	width: 50%;
	height: 3px;
	border-radius: 0;
	opacity: 1;
	background: #666;
	margin: 0 !important;
}

.pagination-get .swiper-pagination-bullet-active {
	background: #fff;
}




/********产品详情**************/



.bigtitlec {

	color: #fff;
}

.line {
	width: 100%;
	height: 2px;
	background: #595959;
	position: relative;
}

.line-float {
	position: absolute;
	width: 240px;
	height: 6px;
	background: #1c69d4;
	left: 0;
	top: -2px;
	z-index: 99;
}



.message input {
	height: 45px;
	width: 100%;
	border: none;
	color: #ababab;
	padding-left: 15px;
	font-size: 18px;
	background: #DEDEDE;
}

.message textarea {
	border: none;
	color: #ababab;
	padding-left: 15px;
	font-size: 18px;
	width: 100%;
	background: #DEDEDE;
}

.message .tj {
	width: 100%;
	height: 45px;
	background: #1c69d4;
	border: none;
	color: #fff;
	font-size: 16px;
}

.message .tj:hover {
	background: #4788fe;
}

.message .checkcode {
	width: calc(100% - 125px);
}

.message .checkimg {
	margin-top: -5px;
}

.bg59 {
	background: #595959;
}

.over-hidden {
	overflow: hidden;
}


.col-md-20 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}


.col-md-300 {
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	max-width: 300px;
}

.col-md-300-last {
	-ms-flex: 0 0 calc(100% - 350px);
	flex: 0 0 calc(100% - 350px);
	max-width: calc(100% - 350px);
	margin-left: 1%
}


.descheight {
	height: 72px;
	line-height: 24px;
	overflow-y: hidden;
}

.title-Details {
	width: 100%;
	border-bottom: 2px solid #666;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.title-newslist {
	width: 100%;
	border-bottom: 2px solid #666;
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
}



.fs-sm-50 {
	font-size: 50px;
}

.about-title {
	width: 100%;
	color: #fff;
	position: absolute;
	bottom: -80px;
	left: 0;
}


.about-title .title1 {
	font-size: 26px;
	color: #fff;
}

.about-title .title2 {

	display: flex;
	align-items: flex-end
}

.about-title .title2 span {
	color: #fff;
	font-size: 100px;
	color: #fff;
	font-weight: bold;
	font-family: G-bold;
}

.about-title .title2 .line,
.about-big-title .line {
	margin-bottom: 40px;
}

.about-big-title {
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.about-big-title .name {
	font-size: 70px;
	color: #fff;
	font-weight: bold;
	font-family: enbig;
	margin-right: 20px;
	display: inline-block;
}

.about-big-title .line {
	margin-bottom: 30px;
}

.w-2000 {
	width: 2000px;
}

.prolist .img {
	position: relative;
	background: #fff;
}

.prolist .img .play {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.prolist .img .play img {
	width: 100%
}

.prolist .title0 {
	line-height: 28px;
	color: #000;
	margin-top: 0.5rem !important;
	font-size: 18px;
}

.prolist .title {
	line-height: 28px;
	color: white;
	margin-top: 0.5rem !important;
	font-size: 24px;
}

.prolist .title1 {
	line-height: 20px;
	font-size: 15px;
}

.prolist .descheight {
	height: 48px;
	line-height: 24px;
	overflow-y: hidden;
	margin-top: 0.5rem !important;
	color: #a5a5a5;
}

.indexprolist:hover .title {
	color: #1c69d4;
}

#freemode {
	padding-bottom: 50px;
	padding-top: 20px;

}

#freemodes {
	bottom: 10px;
}



#freemode .swiper-slide:hover img {
	transition: all 0.6s;
}

#freemode .swiper-slide:hover img {
	transform: scale(1.1);
}



#freemodes .swiper-pagination-bullet {
	opacity: 1;
	background: #ddd;
}

#freemodes .swiper-pagination-bullet-active {
	background: #1c69d4;
}

.c-z-1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.jz {
	text-align: center;
}

.jz img {
	width: 30px;
}

.white-space {
	white-space: pre-line;
}

a:hover i {
	color: #ffffff !important;
}


/********Manufacture*****************/

.szgc,
.row0 {
	flexdisplay: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}

.szgc .bdm .bdm11 a:hover {
	box-shadow: 2px 2px 10px #ddd;
}

.szgc .bdm .bdm1 .title {
	font-weight: 400;
	display: block;
	margin-bottom: 25px;

}

.szgc .bdm .bdm1 .desc {
	color: #323541;
	line-height: 35px;
	padding-bottom: 25px;
	text-align: left;
}

.szgc .bdm .bdm1 .desc p img {
	max-width: 80%;
}

.szgc .bdm .bdm11 {
	padding-top: 25px;
	border-top: 1px dashed #dddddd;
}

.szgc .bdm .bdm11 a {
	width: 46%;
	display: inline-block;
	text-align: center;
	background: #f7f7f7;
	border-radius: 10px;
	padding: 11px 22px;
	font-size: 16px;
	color: #2e2e2e;
	margin-bottom: 20px;
	margin: 5px;
}

.szgc .bdm {
	margin: 120px 0;
}

.szgc .bdm {
	padding: 120px 0 0;
	margin: 0;
}

.szgc .bdm img {
	max-height: 595px;
}

.bdm1 {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*******faq*************/
.faq .card {
	border: none;
	cursor: pointer;
}

.faq .card-header {
	background: #2C2C2C;
	border: none;
	padding: 15px;
	border-radius: 0
}

.faq .card-link {
	font-weight: 500;
	display: block;

}

.faq .card-body {
	background: #DEDEDE;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

/****** Factory Area num************/

.num {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.num .timer {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}



.factory-about2 {
	padding-left: 10% !important;
}

#Robust,
#smt {
	padding-bottom: 50px;
}

#Robusts,
#smts {
	bottom: 0;
}

#Robusts .swiper-pagination-bullet,
#smts .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

#Robusts .swiper-pagination-bullet-active,
#smts .swiper-pagination-bullet-active {
	background: #0075c2;
}

.faq-ms {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


/*search*/
.searchformMain {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.searchformMain .searchform {
	position: relative;
	z-index: 99;
	padding: 10px 0 30px;
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
	background: #fff;
}

.searchformMain .commonMain {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: var(--content-Wdith);
	margin: 0 auto;
	padding: 0 20px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.searchformMain .searchform form {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 20px 0;
	border-bottom: 2px solid #595959;
}

.searchformMain .searchform form button {
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
	background: url(../images/search.jpg);
	background-size: 100%;
}

.searchformMain .searchform form input {
	font-size: 14px;
	line-height: inherit;
	margin: 0 15px;
	vertical-align: middle;
	color: #333;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 0px;
}

.searchformMain .searchform form .closeSearch {
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/close.jpg);
	background-size: 100%;
}

.searchformMain .search_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .6);
}

.lang {
	margin-left: 20px;
}

.lang a {
	display: block;
	color: #FFFFFF;
}

.navbar-light .navbar-text a.on {
	color: #1c69d4;
}


.lang a i {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(../images/lang-icon.png) no-repeat left top;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 8px;
}

.lang:hover .check-lang {
	opacity: 1;
	z-index: 3;
	display: block;
}

.lang .check-lang {
	color: #333;
	display: none;
	opacity: 0;
	position: absolute;
	top: 45px;
	white-space: nowrap;
	background: #fff;
	padding: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	-moz-box-shadow: 0px -1px 4px 0px #e6e6e6;
	-ms-box-shadow: 0px -1px 4px 0px #e6e6e6;
	-webkit-box-shadow: 0px -1px 4px 0px #e6e6e6;
	-o-box-shadow: 0px -1px 4px 0px #e6e6e6;
	box-shadow: 0px -1px 4px 0px #e6e6e6;
	z-index: 0;
	max-height: 500px;
	overflow-y: auto;
}

.index-product {
	padding: 10px 0px;
	margin: 0 auto;
	z-index: 99999;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	z-index: 99 !important;
}

.protitle {
	text-align: center;
	margin: 120px auto 80px;
}

#about-us {
	max-width: 1540px;
	margin: 0 auto;
}

.titname1 {
	font-size: 56px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	color: #ffffff;
	font-family: "mosheffieldss";
}

.titname1:before {
	content: "";
	display: block;
	width: 45%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
	background: #4788fe;
}

.titname2 {
	font-size: 40px;
	line-height: 0;
	padding-left: 30%;
	color: #ffffff;
	font-family: "mosheffield";
}

.oemodmcom {
	padding: 0 0px 10px;
	z-index: 9;
	max-width: 1540px;
	margin: 0 auto;
	position: relative;



}

.oemenu {
	background: #ffffff;
	display: flex;
	padding: 10px 10px 30px;
}

.oemenu .oemenuhref {
	cursor: pointer;
	display: block;
	width: calc(18.4%);
	margin-right: 2%;
	text-align: center;
	padding: 18px 0;
	border: 1px solid #ccc;
	font-weight: bold;
}

.oemenu .oemenuhref a {
	color: #000000;
	font-size: 22px;
	display: block;
}

.oemenu .oemenuhref:last-child {
	margin-right: 0;
}

.oemenu .oemenuhref:hover,
.oemenu .oemenuhref.cur {
	background: #1c69d4;
}

.oemenu .oemenuhref:hover a,
.oemenu .oemenuhref.cur a {
	color: #ffffff;
}

.oemz-index {
	z-index: 99 !important;
}

.oemenus {
	position: fixed;
	background: #ffffff;
	display: flex;
	padding: 10px 0px 30px;
	width: calc(100% - 200px);
	z-index: 999999999;
	margin: 0 auto;
	top: 0px;
}

.mySwiper {
	position: relative;
	overflow: hidden;
}

.mySwiper img {
	display: block;
	width: 100%;
}

.xumo {
	padding: 0 0 70px;
}

.syjjtit {
	display: block;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 3px;
	margin-bottom: 20px;
}

.syjjtit span {
	display: inline-block;
	font-size: 2.429rem;
	font-weight: 600;
	color: #000000;
}

.syjj_list {
	font-size: 0;
}

.syjj_list1,
.syjj_list_u1 {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.syjj_list1 {
	width: 50%;
	margin-right: 1%;
}

.syjj_list1 h1 {
	font-size: 35px;
	color: white;
	position: absolute;
	bottom: 50px;
	left: 50px;
}

.syjj_list1 h1 span {
	display: block;
	font-size: 18px;
	color: white;
	font-family: ziti;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
}

.syjj_list_u1 {
	width: 49%;
}

.syjj_list_u1 li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2.3%;
	position: relative;
}

.syjj_list_u1 li:nth-child(2n) {
	margin-right: 0;
}

.syjj_list_u1 li img {
	display: block;
	width: 100%;
}

.syjj_list1 span img,
.syjj_list_u1 span img {
	width: 100%;
	border: none;
	vertical-align: middle;
}

.home-wrap {
	width: 100%;
	display: table;
	height: 100%;
	table-layout: fixed;
}

#about-us .home-left {
	width: 70%;
	-webkit-transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
	background: #ffffff;
}

#about-us .home-right {
	width: 30%;
	-webkit-transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
}

#about-us.animate .home-left,
#about-us.animate .home-right {
	width: 50%;
	padding: 45px 50px;
	position: relative;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#about-us.animate .home-right {
	padding: 0;
}

.home-left h2 {
	font-family: 'Raleway Light';
	font-size: 32px;
	color: #1a1a1a;
	line-height: 1.6;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	height: 100px;
}

.home-right img {
	padding: 5%;
	display: block;
	opacity: 0;
	margin: 0 auto;
	width: inherit;
}

.home-left-inner h6 {
	transform: rotate(-90deg);
	font-family: 'Raleway Bold';
	font-size: 16px;
	color: #1c69d4;
	position: absolute;
	left: 0;
	top: 55%;
	opacity: 1;
	-webkit-transition: opacity 1000ms ease-in-out 1500ms;
	transition: opacity 1000ms ease-in-out 1500ms;
}

.home-left-inner h6 span {
	position: relative;
	display: inline-block;
	padding-right: 60px;
}

.home-left-inner h6 span span {
	position: absolute;
	background-color: #1c69d4;
	width: 48px;
	height: 2px;
	padding-right: 0;
	display: block;
	top: 6px;
	right: 0;
}

.home-left p {
	padding-left: 140px;
	color: #1a1a1a;
	opacity: 1;
	-webkit-transition: opacity 1000ms ease-in-out 1000ms;
	transition: opacity 1000ms ease-in-out 1000ms;
	margin-bottom: 20px;
}

.home-left p span {
	text-wrap: initial !important;
}

.home-left a.learn-more {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	color: #1a1a1a;
	margin-left: 140px;
	opacity: 1;
	-webkit-transition: opacity 1000ms ease-in-out 1500ms;
	transition: opacity 1000ms ease-in-out 1500ms;
}

.home-left a span {
	position: relative;
	z-index: 10;
	display: inline-block;
	padding: 0 15px;
	color: red;
}

.home-left a.learn-more:before {
	position: absolute;
	width: 36px;
	height: 36px;
	background: #1c69d4;
	content: "";
	-webkit-transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 1300ms cubic-bezier(0.2, 1, 0.3, 1);
}

.home-left a.learn-more:hover:before {
	width: 48px;
}

.indexourgsongc {
	margin-top: -25px;
}

.gcsgcontent {
	margin-top: 30px;
}
.probg_title{display: block;width: 100%;text-align: center;margin-top: 80px;}
.probg_title span{display: inline-block;background: #ffffff;font-size: 50px;margin-top: -50px;border-radius: 150px;text-transform: uppercase;color: #2a73e2;font-weight: bold;padding: 10px 50px;box-shadow: 0px 0px 5px 0px #cdcdcd;}

.productsm{margin-top: -50px;box-shadow: 0px 0px 5px 0px #cdcdcd;background: #ffffff;overflow: hidden;border-radius: 20px;margin-bottom: 80px;}
.ductsmnrtit{position: relative;}
.ductsmnrtit::after{content: '';position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -10px;height: 4px;width: 100px;background:#2a73e2;}

@keyframes diffusion {
	from {
		border-width: 1px;
		border-color: white;
		transform: scale(1);
		opacity: 1;
	}

	to {
		border-width: 0.5px;
		border-color: #1c69d4;
		transform: scale(1.864285);
		opacity: 0;
	}
}

.aboutggbg {
	height: auto;
}

@media screen and (max-width: 1540px) {

	.oemodmcom,
	#about-us {
		max-width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.oemodmcom {
		padding: 0 15px 10px;
	}
}

@media screen and (max-width: 1280px) {
	#about-us.animate .home-right {
		background-image: none !important;
		background: #ffffff;
	}

	.home-right img {
		opacity: 1;
		width: 100%;
		padding: 0;
	}
}

@media screen and (max-width: 1024px) {
	#accordion li.nav-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#accordion li.nav-item .navalick {
		margin-top: -5px;
	}

	.oemenu .oemenuhref {
		padding: 10px 0;
	}

	.oemenu .oemenuhref a {
		font-size: 18px;
	}

	#about-us.animate .home-left,
	#about-us.animate .home-right {
		width: 100%;
		padding: 5px 10px;
		display: block;
	}

	.home-left h2 {
		font-size: 26px;
		height: auto;
		margin-bottom: 20px;
	}

	.home-left p {
		margin-bottom: 10px;
	}

	.home-left a.learn-more {
		top: -35px;
	}

	.xumo {
		padding-bottom: 20px;
	}

	.syjjtit span {
		font-size: 24px;
	}

	.navitemcon li .fa {
		color: #ffffff;
	}

	.navitemcon li a {
		color: #ffffff;
	}
}

@media screen and (max-width: 768px) {

	.colorcb,
	.colorcb p,
	.colorcb span {
		line-height: 22px;
	}

	.colorcb1,
	.colorcb1 p,
	.colorcb1 span {
		line-height: 22px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 30px !important;
		height: 30px !important;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		display: none;
	}

	.pagination p,
	.pagination a {
		margin-bottom: 10px;
	}

	.oemenu {
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.home-left h2 {
		font-size: 16px;
		line-height: 1.4;
	}

	.home-left-inner h6 span {
		padding-right: 0;
	}

	.home-left-inner h6 span span {
		top: 8px;
		right: -60px;
	}

	.home-left p {
		padding-left: 80px;
	}

	.home-left a.learn-more {
		margin-left: 80px;
		top: -60px;
	}

	#about-us.animate .home-right {
		margin-top: -70px;
	}

	.titname1 {
		font-size: 26px;
	}

	.titname1:before {
		width: 140px;
		height: 20px;
	}

	.protitle {
		margin: 15px auto 45px;
	}

	.oemenu .oemenuhref {
		margin-right: 2%;
		margin-bottom: 3%;
		width: calc(32% - 2px);
		padding: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.oemenu .oemenuhref:nth-child(3n) {
		margin-right: 0;
	}

	.oemenu .oemenuhref a {
		font-size: 14px;
		line-height: 16px;
	}

	.oemodmcom {
		padding: 0 15px 10px;
	}

	.syjjtit span {
		font-size: 20px;
		line-height: 20px;
	}

	.syjjtit {
		margin-bottom: 15px;
	}

	.syjj_list1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}

	.syjj_list_u1 {
		width: 100%;
	}

	.oemenus {
		display: none;
	}

	.xumo {
		padding: 0 0 30px;
	}

	.index-about-list .data {
		left: 5px;
		right: 5px;
	}

	.bg2w.py-5 {
		padding-bottom: 0 !important;
	}

	.bg2w.py-5>.container {
		padding: 0;
	}

	.productweb_list .mt-5 {
		margin-top: 30px !important;
		margin: auto;
	}

	.leftmenus>.onemenu .title {
		color: #ffffff;
	}

	.tong_title h2 {
		font-size: 1.3rem;
		text-align: center;
		display: block;
	}

	.pagination {
		padding: 5px 0 !important;
	}

	.arrow-left,
	.arrow-right {
		width: 35px;
		height: 35px;
		background-size: cover;
	}

	.arrow-left {
		left: 5px;
		margin-top: -15px;
	}

	.arrow-right {
		right: 5px;
		margin-top: -25px;
	}

	.message input {
		font-size: 14px;
		height: 38px;
	}

	.message textarea {
		height: 100px;
		font-size: 14px;
	}

	.bg16 {
		margin-top: -30px;
	}

	.bg16>.pages.pb-5 {
		padding: 20px 15px !important;
	}

	.bg2e {
		padding-top: 20px !important;
	}

	.bg2e .pb-5 {
		padding-bottom: 20px !important;
	}
}