/* CSS Document */
@import "https://fonts.googleapis.com/css?family=Dosis:400,500,600";
@font-face {
	font-family: 'industry';
	src: url('../fonts/Industry-Bold.ttf');
	src: local('☺'), 
		url('../fonts/Industry-Bold.ttf') format('woff'), 
		url('../fonts/Industry-Bold.ttf') format('truetype'), 
		url('../fonts/Industry-Bold.ttf') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	min-height: 100%;
} 
body { 
	font-family: 'industry';
	font-size:14px;
	color:#000000;
	margin:0; 
	padding:0;  
}
*{ 
	box-sizing: border-box;
	font-family: 'industry';
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin: 0;
}
p{
	margin: 0
}
ul,ol,li{
	list-style: none;
	list-style-type:none;
    margin:0;
	padding:0px;
}
img {
	border: none;
	vertical-align: middle;
	
}
a {
	text-decoration: none;
	color: #232323;
}
table {
	border-collapse: collapse;
	table-layout: fixed;
	    border: #c1c1c1;
}
input, textarea {
	outline: none;
	border: none;
}
input::-webkit-input-placeholder {
	color:#fff; 
} 
input:-moz-placeholder { 
	color:#fff; 
} 
input::-moz-placeholder {
	color:#fff; 
} 
input:-ms-input-placeholder {
	color:#fff; 
} 
textarea {
	resize: none;
	overflow: auto;
}
.imageContainer.ne{
	padding: 0!important
}
.clear_fixed, .clear{
	clear: both
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
	width: 100%;
	    flex: 0;
}
/*头部*/
.index-nav{background: #44464a;position: fixed;width: 100%;z-index: 999;top: 0;}
.index-nav-top{background: #333438;height: 40px;padding: 7.5px 0;display: none}
.nav-social li a {
    color: #dadada;
    margin-right: 15px;
    border: 1px solid #dadada;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
}
.nav-social li a .fa{
	font-size: 14px
}
.index-nav-all{max-width: 1440px;margin: 0 auto;padding: 20px 0 0px 0}
.index-nav-top-all{max-width: 1440px;margin:0 auto}
ul.nav-social {
   display: inline-block;
    float: right;
    padding-right: 10px;
    border-right: 1px solid #dadada;
}
.nav-huiyuan a, .nav-houwuche a{
    margin: 0 15px;
	margin-right: 0;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
	cursor: pointer;
}
.nav-houwuche{
	position: relative
}
ul.nav-social li{
	float: left
}
.index-nav-all-logo{
	display: inline-block;
	float: left;
}
.nav-huiyuan, .nav-houwuche, .index-nav-all-right{
    display: inline-block;
    float: right;
}
.index-nav-all-right-bottom li{
	display: inline-block;
	float: left;
	padding: 15px 40px;
	position: static;
}
.index-nav-all-right-bottom-down{
	position: absolute;
	    left: 0;
	text-align: center;
	margin-top: 26px;
	    padding: 20px 15px;
	width: 100%;
	background-color: hsla(0,0%,100%,.95);
    box-shadow: 12px 1px 12px -3px #00000080;
	display: none
}
ul.index-nav-all-right-pro li a {
    color: #646060;
	font-size: 14px
}
.index-nav-all-right-pro{
	    width: 50%;
    text-align: center;
    margin: auto;
    border-right: 1px solid #e7e7e7;
	display: inline-block;
	display: inline-flex;
    flex-flow: wrap;
	justify-content: center;
}
.newstxt .imageContainer{
	height: auto!important
}
.index-nav-all-right-pro-div {
    display: inline-block;
    max-width: 40%;
    vertical-align: top;
    overflow: hidden;
    margin-left: 10px;
    text-align: left;
}

.index-nav-all-right-pro li{
	width: 29%;
    margin: 2%;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #2e68a8;
    margin-bottom: 0;
	padding-left: 5px;
	    padding-bottom: 5px;
    padding-top: 5px;
}
.index-nav-all-right-bottom-down-drop{
    max-width: 1440px;
    margin: auto;
}
.index-nav-all-right-pro::after{
	content: "";
	display: block;
	clear: both
}
.index-nav-all-right-bottom>li>span{
	margin-left: 10px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
}
.index-nav-all-right-bottom li a{
	display: inline-block;
	color: #999;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase
}
i.fa.fa-angle-down {
    color: #999;
}
.index-nav-all-right-top form {
    width: 400px;
    line-height: 45px;
}
.index-nav-all-right-top form input{
	line-height: 42px;
	color: #fff
}
input.index-top-search {
   width: 100%;
    line-height: 42px;
    background: #ffffff00;
}
.index-nav-all-right-top form {
    width: 400px;
    line-height: 42px;
    position: relative;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding-left: 10px;
	overflow: hidden;
	float: right;
}
.index-nav-all-right-top button {
    width: 45px;
    height: 45px;
    line-height: 42px;
    position: absolute;
    right: 0;
    border: 0px;
    background: #fff;    cursor: pointer;
}
.index-nav-all-right-top button .fa{
	    font-size: 18px;
    line-height: 28px;
	color: #2e68a8
}
.index-nav-all-right-top {
    display: block;
}
.index-nav-all-right-top::after{
	content: "";
	display: block;
	clear: both
}
.index-nav.index-nav-hui-to{
	background: #44464a;
	box-shadow: 0 0 10px 0px #00000080;
}
.index-nav.index-nav-hui {
    background: #44464a;
	box-shadow: 0 0 10px 0px #00000080;
	z-index: 99999
}
.index-nav-all-right-pro li:hover{
	border-bottom: 1px solid #2e68a8
}
.index-nav-all-right-pro li:hover a{
	color: #2e68a8
}
.index-nav.index-nav-ny{
	position: relative;
	background: #44464a;
    box-shadow: 0 0 10px 0px #00000080;
	    z-index: 998; 
}


/*banner*/
.banner{
	margin-top: 104.28px
}
.index-bannera{
	display: flex;
	align-items: center
}
.index-bannera .move-ul {}

.index-bannera-text {
        position: absolute;
    left: 50%;
	top: 25%;
    transform: translate(-50%);
    max-width: 1440px;
    width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index-banner-text-left{
	float: left;
	width: calc(100% - 784px)
}
.index-banner-texr-right{
	width: 600px;
	float: right
}
.index-banner-text-left h2{
	font-size: 50px;
	color: #fff;
	line-height: 1.1;
	text-transform: uppercase;
}
.index-banner-text-left p{
	font-size: 34px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 60px;
}
.index-banner-text-left span{
	color: #fff;
	font-size: 24px;
	padding: 10px 20px;
	border: 1px solid #fff;
	transition: 0.5s;
	cursor: pointer
}
.index-banner-text-left span:hover{
	background: #2e68a8;
	border: 1px solid #2e68a8;
	transition: 0.5s;
}

/*index-all*/
.index-tittle h2{
	font-size: 40px;
	color: #6f8397;
	margin-bottom: 18px;
	text-align: center;
}
.index-tittle h2 span{
	color:#2e68a8
}
.index-tittle .index-tittle_min span{color:#2e68a8}
.index-tittle .index-tittle_min{
	font-size: 40px;
	color: #6f8397;
	margin-bottom: 18px;
	text-align: center;
}
.index-tittle .index-tittle_min h1{
	font-size: 40px;
	color: #6f8397;
	margin-bottom: 18px;
	text-align: center;
	display: inline-block;
}
.index-tittle p{
	font-size: 16px;
	color:#444444;
	text-align: center;
}
.index-solution{
	max-width: 1440px;
	margin:0px auto;
	padding: 60px 0 60px;
}
.index-solution-all{
	margin-top: 40px;
}
.index-solution-all-ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.index-solution-all-ul-li{
	display: inline-block;
	width: calc((100% - 75px) / 4);
	float: left;
	margin-right: 25px;
	padding: 30px 12px;
	background: #ffffff;
	box-shadow: 0 0 8px -5px #00000080;
    margin-bottom: 25px;
	transition: 0.5s;
}
li.index-solution-all-ul-li:nth-child(4n){
	margin-right: 0px
}
.index-solution-all-ul-li-top span{
	display: inline-block;
    float: left;
    width: 70px;
    margin-right: 20px;
	
}
.index-solution-all-ul-li-top h2{
	display: inline-block;
	float: left;
	width: 200px
}
.index-solution-all-ul-li-top {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	width: 100%
}
.index-solution-all-ul-li a p{
	color:#a0a0a0;
	font-size: 16px;
	overflow: hidden;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
	line-height: 1.7
}
.index-solution-all-ul-li:hover{
	box-shadow: 0 0 8px 0px #00000080;
	transition: 0.5s
}


.index-fbelec{
	width: 100%;
	height: 320px;
	background: url(../images/a9.png.jpg);
	padding: 30px 0
}
.index-fbelec-all {
    width: 1121px;
    margin: auto;
	padding: 58px 20px;
	display: flex;
    align-items: center;
    flex-flow: wrap;
}
.index-fbelec-left{
	width: 230px;
	float: left
}
.index-fbelec-right{
	width: 815px;
	margin-left: 25px;
	float: left
}
.index-fbelec-right p{
	font-size: 16px;
	line-height: 36px;
	color: #fff
}


.index-products {
    padding: 60px 0 60px;
   /* background: url(../images/bg-solution_pc.jpg) no-repeat;*/
    background-size: cover;
}
.index-products-all{
	max-width: 1440px;
	margin: 0 auto
}
.index-products-all-top li{
	line-height: 70px;
	height: 70px;
	float: left;
	width: 100%;
	text-align: center;
	cursor: pointer;
	z-index: 99;
	transition: 0.5s
}
.index-products-all-top{
	width: 100%;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 8px -4px #00000080;
    margin-top: 30px;
	position: relative;
		    z-index: 99;
}
.index-products-all-top-li{
	color: #fff;
	cursor: pointer;
	position: relative;
	transition:0.5s; 
}

.index-products-all-top-li span{
	 transform: rotateX(180deg);
}
.index-products-all-top p{
	background: #2e68a8;
	position: absolute;
	left: 0;
	height: 100%
}
.index-products-all-top p::after{
	content: "";
    display: block;
	opacity: 0;
	transition: 0.5s;
	width: 20px;
    height: 20px;
	margin-left: 50%;
	transform: translate(-50%) rotate(45deg);
	bottom: -10px;
	position: absolute;
}
.index-products-all-top p::after{
	content: "";
    display: block;
	opacity: 1;
    z-index: 99;
    background: #2e68a8;
	transition: 0.5s;
}
.index-products-all-bottom li{
	width: 33.33%;
	float: left;
	    background: #fff
}
.index-products-all-bottom li a .index-products-img{
	overflow: hidden;
	display: inline-block
}
.index-products-all-bottom li img{
	width: 100%;
	transition: 0.5s;
	overflow: hidden
}
.index-products-img{
	display: block;
	width: 100%
}
.index-products-all-bottom li a:hover img{
	transform: scale(1.1);
	transition: 0.5s;
}
.index-products-text {
    padding: 30px 30px;
    background-position: 10px 38px;
    background-size: 12px;
    transition: 0.5s;
    min-height: 125px;
}
.index-products-all-bottom li:hover{
	background: #2e68a8
}
.index-products-all-bottom li a:hover .index-products-text{
	 padding: 20px 30px;
	 background-position: 10px 28px;
	transition: 0.5s;
	color: #fff;
	filter: brightness(400%)
}

.index-products-text h2{
	font-size: 21px;
	margin-bottom: 15px;
	color: #444;
	text-align: center
}
.index-products-text p{
	line-height: 1.65;
	color: #989898;
	font-size: 16px
}
.index-products-detail ul{
	display: none
}
.index-products-detail ul.index-products-all-bottom{
	display: block;
	display: flex;
    flex-wrap: wrap;
}
.index-products-all>a{
	display: inline-block;
    text-align: center;
    margin-top: 40px;
    margin-left: 50%;
    transform: translate(-50%);
    padding: 15px 90px;
    background: #2e68a8;
    border-radius: 8px;
    color: #fff;
}


.index-video-one {
    position: relative;
    background: #eeeeee;
	    display: flex;
    align-items: center;
}
.index-video-one-left {
    float: left;
    width: 50%;
	position: relative
}
.index-video-one-left>img {
    width: 100%;
}
div.video2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 999999999999;
}
.movie1 {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 18vh;
    box-sizing: border-box;
    border: 7px solid #003d90;
    border-radius: 7px;
    cursor: pointer;
}
.close {
    position: absolute;
    left: 75%;
    top: 18vh;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 26px;
    margin-left: -20px;
    margin-top: -13px;
    font-size: 26px;
    cursor: pointer;
    padding: 0;
    border: none;
}
.index-video-one-right {
    float: left;
    width: 760px;
    padding: 15px 0px 22px 47px;
}
.video-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
}
.shipingbofang {
    position: absolute;
    width: 100%;
    font-size: 48px;
    text-align: center;
    left: 20px;
    top: 14px;
    transition: 0.5s;
}
.shipingbofang-play {
    font-size: 180px;
    color: #888888;
    line-height: 1;
    text-align: center;
    padding-left: 4px;
    margin-top: -5px;
    display: inline-block;
}
.video-pofangqi {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: 0.5s;
}
.wrapperad {
    transform-origin: center 50%;
    position: absolute;
    animation: wrarb 1s steps(10) infinite;
    border: 1px #888888 dashed;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.video-pofangqi .wrapperada {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
}
.video-pofangqi-bg {
    position: absolute;
    top: calc(50% - 100px);
    left:calc(50% - 100px)
}
@keyframes wrarb {
     0%{ transform: scale(1);opacity: 1;/*transform: rotate(0deg);*/}
   100%{transform: scale(1.2);opacity: 1;border: 1px #ffffff dashed;/*transform: rotate(360deg);*/}
  }
.video-pofangqi-bg:hover .shipingbofang-play{
	color: #fff
}
.video-pofangqi-bg{
	cursor: pointer
}
.index-video-one-right .index-tittle h2, .index-video-one-right .index-tittle p{
	text-align: left
}
.index-video-one-right p{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.75;
	color: #888888
}
.index-video-one-right a{
	padding: 18px 38px;
	display: inline-block;
	background: #ffffff;
	border: 1px solid #b5bfc4;
	color: #444444;
	border-radius: 8px
}
.index-video-one-right a:hover{
	background: #2e68a8;
	color: #fff;
	transition: 0.5s
}
.index-video-one-right .index-tittle p{
	color:#444
}


.index-knowledge{
	margin: 100px auto;
	max-width: 1440px;
	margin-top: 20px;
}
.index-knowledge-all {
    margin-top: 3%;display: flex
}
.index-knowledge-left {
    float: left;
    width: 100%;
    box-shadow: 0px 3px 7px #00000035;
    overflow: hidden;
	    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-flow: wrap
}
.index-knowledge-text-left {
    float: left;
    width: 100%;overflow: hidden
}
.index-knowledge-text-left a img {
    width:100%;
    height: auto;
    text-align: center;
    margin-left: 50%;
    transform: translate(-50%);
}
.index-knowledge-text-right {
    width: 100%;
    float: right;
    padding: 2%;
	transition: 0.5s
}
.index-knowledge-all_all_nt .bx-viewport{padding-bottom: 50px}
.index-knowledge-text-right h3 {
    font-size: 18px;
    color: #2e68a8;
    font-weight: bold;
}
.index-knowledge-left:hover .index-knowledge-text-right a{
	background: #2e68a8;
	border: 1px solid #2e68a8;
	color: #fff
}
.index-knowledge-left:hover .index-knowledge-text-right{
	padding-left: 3%;
	transition: 0.5s
}
.index-knowledge-text-right p {
    margin: 5% 0;
    color: #666;
    font-size: 16px;
    line-height: 1.7;
	overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.index-knowledge-right {
    float: right;
    width: 48%;
    box-shadow: 0px 3px 7px #00000035;
}
.index-knowledge-text-right a {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #b5bfc4;
    border-radius: 10px;
    width: 185px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    transition: 0.6s;
    margin-top: 4%;
}
.index-knowledge-left{
	margin:10px;
	margin-top: -30px
}
.index-knowledge-all_all_nt {
    margin-top: 30px;
}
.index-knowledge-left:nth-child(2n){
	margin-right: 0
}
.index-knowledge-all_all_nt .bx-wrapper .bx-prev{
	    background-color: #00000010;
    color: #fff;
    width: 40px;
    height: 40px;
    background-size: 160%;
    background-position: 6px 0px;
}
.index-knowledge-all_all_nt .bx-wrapper .bx-next{
	    background-color: #00000010;
    color: #fff;
    width: 40px;
    height: 40px;
    background-size: 160%;
    background-position: 6px -2px;
}
.index-knowledge-all::after{
	content: "";
	display: block;
	clear: both
}

.index-email {
    width: 100%;
    background: #687d92;
    height: 225px;
}
.index-email-box-all {
    width: 600px;
    height: 200px;
    margin: auto;
    padding: 40px 0 40px 0;
    text-align: center;
}
.index-email h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5%;
}
.index-email-box {
    position: relative;
}
.index-email-box input {
    width: 100%;
    height: 75px;
    border: solid 1px #c0c4cb;
    margin-right: 2%;
    line-height: 2em;
    padding: 12px 15px 12px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 3%;
}
.index-button {
    position: absolute;
    font-size: 18px;
    color: #fff;
    top: 16%;
    left: 70%;
    background: #2e68a8;
    border-radius: 10px;
    border: medium none;
    width: 150px;
    height: 45px;
    cursor: pointer;
}

.foot {
    background: #f5f5f5;
}
.foot-all {
    max-width: 1440px;
    margin: auto;
    padding: 50px 0 20px 0;
}
.foot-content {
    width: 23%;
    float: left;
}
.foot-content.foot-content-contact {
    width: 27%;
}
.foot-content h2 {
    color: #2e68a8;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.foot-content h2 {
    color: #2e68a8;
    font-size: 20px;
    text-transform: uppercase;
}
.foot-content.foot-content-contact ul {
    width: 80%;
}
.foot-content ul li {
    margin-bottom: 0;
    font-size: 14px;
    color: #686868;
    line-height: 36px;
}
.foot-content.foot-content-contact ul li {
    margin-bottom: 12px;
    display: flex;
    line-height: 1.5;
}
.foot-content ul li span {
    margin-right: 10px;
}
.foot-content ul li a {
    font-size: 14px;
    color: #686868;
}
.foot-follow {
    margin-top: 10%;
}
.foot-follow li {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
}
.foot-content ul li {
    margin-bottom: 0;
    font-size: 14px;
    color: #686868;
    line-height: 36px;
}
.foot-content ul li a {
    font-size: 14px;
    color: #686868;
}
.foot-follow li a .fa {
    font-size: 30px;
}
.foot-bottom {
    line-height: 60px;
    margin: auto;
    max-width: 1440px;
}
.foot-bottom p {
    text-align: center;
}
.foot-bottom p, .foot-bottom p a {
    font-size: 14px;
    color: #686868;
}


/*产品*/

.tittle-all {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
}.tittle-top{
	max-width: 1440px;
	width: 100%;
	margin: auto
}
.product-class-all{
	max-width: 1440px;
	margin:40px auto;
	background: #f5f5f5
}
.product-class-one{
	width: 50%;
	float: left;
	padding: 60px;
	padding-top: 0;
}
.product-class-pr::after{
	content: "";
	display: block;
	clear: both
}
.product-class-one-tittle{
	height: 65px;
	line-height: 65px;
	padding-left: 15px;
	background: #fff;
	position: relative;
	margin-bottom: 35px;
	z-index: 99;
}
.product-class-one-tittle h2{
	color: #363636;
	font-size: 24px
}
.product-class-one-tittle::after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 6px;
	height: 80%;
	top: 10%;
	left: -3px;
	background: #444444
}
.product-class-one h3{
	font-size: 18px;
	color: #363636;
	margin-bottom: 20px;
}
.product-class-ul li {
    background: url(../images/p-c1.png) no-repeat;
    background-position: 5px 11px;
    background-size: 6px;
    padding: 5px 20px;
}
.product-class-ul li a{
	font-size: 14px;
	color: #808080;
	line-height: 1.7;
	font-family: "Arial";
		display: flex;
    align-items: center;
	justify-content: space-between;transition: 0.5s
}
.product-class-ul li a:hover{
	color: #2e68a8;
	padding-left: 10px
}
.product-class-pr {
    display: flex;
    flex-flow: wrap;
	    padding-top: 60px;
}
.product-class-ul li a span{
	display: inline-block;
    float: right;
    min-width: 62px;
	
}

/*产品页*/
.product-all{
	max-width: 1440px;
	overflow: hidden;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tittle-all{
  width: 100%;
	margin: auto;
	    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 40px;
	padding-bottom: 10px;
	
	
}

.sort h2{
	font-size:14px;
	    padding-right: 20px;
	line-height: 1.75
}
.sort h2 span {
   display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    position: absolute;
    top: 6px;
    right: 0;
    transform: rotate(45deg);
	transition: 0.5s
}
.tittle-all .sort {
	position: relative;
	margin-right: 10px;
}
.tittle-xl{
	    position: absolute;
    line-height: 1.75;
    padding-top: 10px;
	overflow: hidden;
	background: #fff;
	height: 0;
	transition: 0.5s;
	right: 0;
   
}
.sort:hover .tittle-xl{
	height: auto;
	transition: 0.5s;
	padding: 10px 30px;
	 box-shadow: 0px 3px 7px #00000035;
}
.sort:hover span{
	transition: 0.5s;
    transform: rotate(225deg);
	top: 8px;
}
.tittle-xl li{
	margin-bottom: 10px;
}
.tittle-xl li:hover{
	border-bottom: 1px solid #888
}
.product-all-left{
	width: 14%;
	
}
.table-news{
	margin-top:40px;
}
.table-news> h2{
	font-size:18px;
	font-weight: bold;
	
}
.table-news a{
	    display: inline-block;
    margin: 2% 0;
    margin-top: 20px;
    border: 1px solid #e2e2e2;
    padding: 2% 4%;
	position: relative;
	transition: 0.5s
}
.table-news a:hover .table-news-img img {
    transform: scale(1.1);
    transition: 0.5s;
}
.table-news a:hover{
	box-shadow: 0px 3px 7px #00000035;
	transition: 0.5s
}
.table-news a>h2{
	    margin-bottom: 10px;
    padding-left: 5%;
}
.table-news a>p{
	margin-bottom: 20px;
    padding-left: 5%;
}
span.table-news-img-tittle {
    display: inline-block;
    padding: 2% 6%;
    background: #f9cc55;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
}
.table-news-img {
    margin-bottom: 20px;
    padding: 2% 8%;
    margin-top: 20px;
	overflow: hidden;
	transition: 0.5s;
}
.table-news-img img{
	width: 100%;
	transition: 0.5s;
	
}
.tables-top h1{margin-bottom: 20px;}
.tables-top p{margin-bottom: 20px;}


.tables-li .tables-an{font-size: 13px;
    padding-right: 28px;
    color: rgb(72, 90, 100);
    text-decoration: none;
    width: 90%;
    font-family: "Arial";
    line-height: 1.75;}

.tables-li ul::-webkit-scrollbar-track-piece{
background-color:#f8f8f8;
}
.tables-li ul::-webkit-scrollbar {
width:4px;
height:9px;
}
.tables-li ul::-webkit-scrollbar-thumb {
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}
.tables-li ul{font-size: 14px;
    margin: 10px 0px;
    padding-left: 0;
    width: 100%;
    line-height: 1.75;
    height: 100px;
    overflow: auto;
    border: 1px solid #888888;
    padding: 10px 8%;
	display: none
}
.tables-li ul a{color:#888888;font-size:14px;}
.tables-ul h4 {
    font-size: 18px;
    margin: 0;
    padding: 4% 0;
    border-bottom: 1px solid #cdcdcd;
	
	font-weight: bold
}
.tables-li-tittle{
	display: flex;
	width: 100%;
	justify-content: space-between
}
.tables-li {padding:4% 0;border-bottom:1px solid #cdcdcd;    display: flex;
    justify-content: space-between;
	flex-flow: wrap;
    padding-right: 10px;}
.tables-li-tittle-button {
    width: 10%;
}
.tables-li span{
	display: block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
   
    transform: rotate(45deg);
	transition: 0.5s;
	    cursor: pointer;
}
.tables-li-click>.tables-li-tittle>.tables-an{
	font-weight: bold
}
.tables-li .tables-li-tittle-span span{
	    transform: rotate(225deg) translate(-50%);
	    margin-top: 8px;
}
.product-all-right{
	width: 80%;
	    margin-top: 40px;
}
.product-all-right-cp-img{
/*	min-height: 280px;*/
	transition: 1s;
	position: relative;
	overflow: hidden
	
}
.product-all-right-cp-img img{
	position: relative;
	transition: 0.5s;
}

/*.product-all-right-cp li:hover .product-all-right-cp-img img{
	transform: scale(1.1);
    transition: 0.5s;

}*/
.product-all-right-cp li:hover{
	    box-shadow: 0px 3px 7px #00000070;
	 transition: 0.5s;
}
.product-all-right-cp li{
	width: calc((100% - 84px) / 3);
	margin-right: 42px;
	box-shadow: 0px 3px 7px #00000035;
	text-align: center;
	padding:33px 10px;
	margin-bottom: 70px;
	 transition: 0.5s;
	    padding-top: 10px;
}
.product-all-right-cp li:nth-child(3n){
	margin-right: 0
}
.product-all-right-cp{
	display: flex;
	flex-flow: wrap;
	padding-bottom: 20px;
	padding-right: 10px;
	
}
.product-all-right-cp a h2{
	padding-top:20px;
	text-align: left;
	padding-left: 5px;
	font-size: 16px;
	transition: 0.5s;
	line-height: 24px;
}
.product-all-right-cp li:hover h2{
	padding-top: 20px;
	transition: 0.5s
}
.product-all-right-cp a p{
	
	text-align: left;
	padding-left: 5px;
	padding-top:10px;
	font-size:16px;
}
.product-all-right-cp a .product-all-cp-text p{
	text-align: left;
	font-size: 14px;
	color: #888888;
	line-height: 1.75;
	display: none
}
.product-all-cp-text span{
	    display: block;
    text-align: left;
    margin-top: 10px;
    padding: 10px 5px;color:#888;
	display: none
}
.product-all-cp-text-fo p{
	display: inline-block;
	opacity: 0;
	transition: 0.5s
}
.product-all-right-cp li:hover .product-all-cp-text-fo p{
	opacity: 1;
	transition: 0.5s
}
.product-all-right-cp li:hover .product-all-cp-text-fo{
	font-size: 18px
}
.product-all-right-cp li:hover .product-all-cp-text-fo p{
	font-size: 18px
}

.product-class-one{
	position: relative
}
/*类别*/
.product-class-one.Acoustic.Component::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/acousticpic.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Sensor::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/sensorypic.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Security::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/securitypic.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;}
.product-class-one.Ultrasonic::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/UltrasonicMachinePartpic.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;}

.product-class-one.Relay.\&.Socket::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Relay&Socket.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Relay.\&.Socket::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Relay&Socket.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Piezo.Ceramic::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/PiezoCeramicpic.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;}

.product-class-one.Fuse.\&.Circuit.Breaker::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Fuse&CircuitBreaker.jpg) no-repeat center;
    background-size:80%;
    opacity: 0.2;}
.product-class-one.Switch.\&.Indicator::after{
	   content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Switch&Indicator.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Battery.Holder.\&.Connectors::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/BatteryHolder&Connectors.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Motors.\&.Fans::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Motors&Fans.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Power.Supply::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/PowerSupply.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Relay.\&.Contactors::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Relay&Contactors.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.LED.\&.LED.Display::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/LED&LEDDisplay.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Beauty.Products::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/BeautyProducts.jpg) no-repeat center ;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Smart.Home::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/SmartHome.jpg) no-repeat center;
   background-size: 80%;
    opacity: 0.2;
}

.product-class-one.Connector.\&.Cable::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Connector&Cable.jpg) no-repeat center;
   background-size: 80%;
    opacity: 0.2;
}

.product-class-one.Connector.\&.Cable::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Connector&Cable.jpg) no-repeat center;
   background-size: 80%;
    opacity: 0.2;
}
.product-class-one.IC.\&.Semiconductors::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/IC&Semiconductors.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Inductor.\&.Choke::after{
	  content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Inductor&Choke.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Moulds.Central::after{
	 content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/MouldsCentral.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Tool::after{
	 content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Tool.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Moulds.Central::after{
	 content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/mouldscentral.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Wifi.\&.Antennas::after{
	 content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Wifi&Antennas.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Electricians.Tools::after{
	 content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/ElectriciansTools.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
ul.product-class-ul {
    position: relative;
    z-index: 99999;
	min-height: 300px
}
/*产品详情*/

.hy-product-detail-content .hy-p-d-c-l-c{width:20%;float:left;margin-right:100px;border: 1px solid #eee;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 100%;
    position: relative;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 25px;
}
.proct-zj_bj {
    background: #f5f5f5;
    padding: 30px 0;
	display: block
}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img{position: relative;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img,
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .right-big-pic{width: 100%;margin: 0 auto;}    
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .right-big-pic{overflow: hidden;display: none;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img .zoom{display: none;background: rgba(150,235,255,.3);cursor: move;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t .left_img a img{width:100%;display: block;}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-b{width:571px;margin-top:10px;}

.hy-product-detail-content .small_img ul li{float:left;width:15%;margin-right:1%;margin-bottom: 1%;border:1px solid #e9e9e9;}
.hy-product-detail-content .small_img ul li:hover{border:1px solid #666;}
.hy-product-detail-content .small_img ul li img{display: block; width:100%;}
.hy-product-detail-content .small_img ul .currentli{border:1px solid #666;}
.small_img ul{display: flex;justify-content: space-between;margin-top:2%}
/*.clearfix{width:0;}*/
.hy-p-d-c-l-c-b {
    float: left;
    margin: 0 25px;
	margin-top: 25px;
	display: none
}

.bx-wrapper{position: relative;}
.bx-controls-direction .bx-prev{background:url(../images/cp-left.png) 0 6px;background-repeat: no-repeat}
.bx-controls-direction a{position: absolute;
    top: 50%;
    margin-top: -12px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;}
.bx-controls-direction .bx-next{right:0px;background:url(../images/cp-right.png) 16px 6px;background-repeat: no-repeat}
.bx-controls-direction a{position: absolute;
    top: 50%;
    margin-top: -12px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;}
.bx-pager-item{display: none;}
.slideba img{width:100%;}
.hy-product-detail-content {
  max-width: 1440px;
    margin: 2% auto;
}
li.slideba {
    width: 22%;
    float: left;
    margin-right: 3%;
    border-radius: 10px;
    overflow: hidden;
}
.currentli{
    border: 1px #000000 solid;
}
ul.small_img.sliderba1 {
    display: flex;
    align-items: center;
}

.proc-top p{font-size:16px;line-height:2;margin-bottom:4px;}

/*产品右边*/
.hy-p-d-c-r {
    width: 73%;
    float: left;
    padding-left: 2%;padding-top:2%;
}
.hy-top{margin:2% auto;margin-top:0;}
.hy-top ul{display: inline-block;}
.hy-top h2{    float: right;
    font-size: 24px;
    width: 50%;
    text-align: right;
    font-weight: bold;}
.hy-top ul li{display: inline-block;font-size:12px;}


.hy-p-c-r-nr-zj ul li:hover{background:#0563a3;color:#ffffff;}
.hy-p-c-r-nr-zj ul li img{width:100%;}
.hy-p-c-r-nr{width:80%;}
.hy-p-c-r-nr-top>span {
    display: inline-block;
    float: left;
    font-size: 20px;
    width: 100%;
    margin-bottom: 3%;
	color:#004d97;
	font-weight: bold;
		
}
.new-products-table-all {
    display: flex;
    color: #333;
	line-height: 1.75
}
.hy-p-c-r-nr-zj ul li{
    display: inline-block;
    width: 46%;
	margin-right: 2%;
	    height: 50px;
    padding: 2px 1.5%;
    box-shadow: 0 0 2px 0px #b2b2b2;
    cursor: pointer;
	    margin-bottom: 14px;

}
.hy-p-c-r-nr-zj ul li span{
	width: 40px;
	height: 40px;
	display: inline-block;
	    margin-right: 4%;
}
.hy-p-c-r-nr-zj ul li p{
	text-align: center
}
.hy-p-c-r-nr-top{
	margin-top:4%;
	display: flex;
    flex-flow: wrap;
}

.hy-p-c-r-nr-top .move-ul p{font-size:14px;line-height: 1.7}
.size-guide{text-align: right;cursor: pointer;}
.hy-p-c-r-nr-top>spam{display: inline-block;float:right;font-size:16px;
color:#444
}
.hy-p-c-r-nr-top>p{    display: inline-block;
    line-height: 2.5;
    font-size: 14px;
    margin: 0;
    margin-bottom: 0;
	color:#444;
	width: 100%;
	
}
.hy-p-c-r-nr-zj>p{    margin-bottom: 3%;font-size: 20px;}
.hy-p-c-r-nr-bott {
    margin: 8% 0;
	    margin-bottom: 4%;
}
.hy-p-c-r-nr-bott>span{font-size:16px;display: inline-block;float:left;}
.hy-p-c-r-nr-bott>spam{font-size:16px;display: inline-block;float:right;}
.hy-p-c-r-nr-bott>ul{display:block;float: left;width:100%;margin-top: 2%;}
.hy-p-c-r-nr-bott>ul li {
    display: inline-block;
  
    background-color: #f8f8f8;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    padding-top: 1px;
   
    margin-right: 2%;
	cursor: pointer;
}

.hy-p-c-r-an button{width:100%;padding:2%;margin-top:2%;border:1px solid #333438;color:#333438;background-color:#00000000;font-size:18px;
    border-radius: 5px;}
.hy-p-c-r-an .hy-p-ys {
        background-color: #005b9f;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0 1px 5px 1px #00000050;
    border: 1px solid #005b9f;
    width: 80%;
    font-size: 14px;
}
.hy-p-c-xl>p{padding:2% 25%;text-align: center;color:#313131;font-size:12px;}
.hy-p-c-xlb ul li{padding:2%;border-top:1px solid #eeeeee;}
.proct-zj{width:80%;margin:auto;}
.proct-zj button{
	width: auto;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 1.2%;
    text-align: left;
    border: 1px #333438 solid;
    background-color: #333438;
    background: #333438;
	color: #ffffff;
	font-size:21px;
}
.proct-zj button {
    padding: 10px 20px;
    font-size: 20px;font-weight: bold;
    margin-right: 20px;
    border-radius: 150px;
    background: #00000000;
    border: 0px;
    
    font-weight: bold;
    text-transform: uppercase;
	cursor: pointer;
	color: #69acdf
}
button.top_list.top_list_cureent {
    background: #e2eef9;
}
button.top_list.top_list_cureent{
	color: #0051a0;
}
.proct-zj button:hover{
	color: #0051a0
}

.proct-botto>h2{text-align: center;}
.proct-botto>p{text-align: left;margin:2% auto;width:100%;}
.proct-n{width:80%;margin:2% auto;}
.proct-n img{width:100%;}
.proc-like>p {
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    float: left;
    padding: 1.2%;
    text-align: left;
    border: 1px #333438 solid;
    background: #333438;
    color: #ffffff;
    font-size: 21px;
}
.you-like-img{width:23%;margin:1%;float:left;}
.you-like-img img{width:100%;margin-bottom: 4%}
.you-like-img span{width:100%;display: block;line-height: 1.7;color:#767676}
.hy-p-c-r-nr-zj{
	margin-top:30px;
}

.proct-botto {
    width: 80%;
    margin: 0 auto;
    	padding: 1%;
    line-height:2;box-sizing: border-box;
}
.proc-top .megee-tab-products-image{
	display: none
}
.proc-top .megee-tab-products-image.active_show{
	display: block
}
.login-dl:last-child a{    text-align: center;
    display: block;
    margin: 4%;}
.proc-top table{
	width: 100%;
	line-height: 1.75
}
.proc-top table  tr td{
	padding:10px;
	border: 1px solid #888888;
	color:#444
}
.proc-top table  tr:nth-child(1){
	background: #0563a3;
	color:#fff
} .proc-top table  tr:nth-child(1) td{
	color:#fff
} 
.proc-like {
    width: 80%;
    margin: 2% auto;
}

.hy-p-c-r-an .prompt{display: none;}

.product-all{
	max-width: 1440px;
	overflow: hidden;
	margin: auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 40px
}
.tittle-all{
  width: 100%;
	display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	height: 70px;
	line-height: 70px;
	background: #f5f5f5;
	margin-bottom: 0
	
}
.tittle-top{
	max-width: 1440px;
	width: 100%;
	margin: auto
}

.sort h2{
	font-size:14px;
	    padding-right: 20px;
	line-height: 1.75
}
.sort h2 span {
   display: block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    position: absolute;
    top: 6px;
    right: 0;
    transform: rotate(45deg);
	transition: 0.5s
}
.tittle-all .sort {
	position: relative;
	margin-right: 10px;
}
.tittle-xl{
	    position: absolute;
    line-height: 1.75;
    padding-top: 10px;
	overflow: hidden;
	background: #fff;
	height: 0;
	transition: 0.5s;
	right: 0;
   
}
.sort:hover .tittle-xl{
	height: auto;
	transition: 0.5s;
	padding: 10px 30px;
	 box-shadow: 0px 3px 7px #00000035;
}
.sort:hover span{
	transition: 0.5s;
    transform: rotate(225deg);
	top: 8px;
}
.tittle-xl li{
	margin-bottom: 10px;
}
.tittle-xl li:hover{
	border-bottom: 1px solid #888
}
.product-all-left{
	width: 18%;
	
}
.table-news{
	margin-top:40px;
}
.table-news> h2{
	font-size:18px;
	font-weight: bold;
	
}
.table-news a{
	    display: inline-block;
    margin: 2% 0;
    margin-top: 20px;
    border: 1px solid #e2e2e2;
    padding: 2% 4%;
	position: relative;
	transition: 0.5s
}
.table-news a:hover .table-news-img img {
    transform: scale(1.1);
    transition: 0.5s;
}
.table-news a:hover{
	box-shadow: 0px 3px 7px #00000035;
	transition: 0.5s
}
.table-news a>h2{
	    margin-bottom: 10px;
    padding-left: 5%;
}
.table-news a>p{
	margin-bottom: 20px;
    padding-left: 5%;
}
span.table-news-img-tittle {
    display: inline-block;
    padding: 2% 6%;
    background: #f9cc55;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
}
.table-news-img {
    margin-bottom: 20px;
    padding: 2% 8%;
    margin-top: 20px;
	overflow: hidden;
	transition: 0.5s;
}
.table-news-img img{
	width: 100%;
	transition: 0.5s;
}
.tables-top h1{margin-bottom: 20px;}
.tables-top p{margin-bottom: 20px;}



.tables-li ul::-webkit-scrollbar-track-piece{
background-color:#f8f8f8;
}
.tables-li ul::-webkit-scrollbar {
width:4px;
height:9px;
}
.tables-li ul::-webkit-scrollbar-thumb {
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
background-color:#bbb;
}
.tables-li ul{font-size: 14px;
    margin: 10px 0px;
    padding-left: 0;
    width: 100%;
    line-height: 1.75;
    height: auto;
    overflow: auto;
    border: 1px solid #888888;
    padding: 10px 8%;
	display: none
}
.tables-li ul a{color:#888888;font-size:13px;font-family: rob;}
.tables-ul h4 {
    font-size: 18px;
    margin: 0;
    padding: 4% 0;
    border-bottom: 1px solid #cdcdcd;
	
	font-weight: bold
}
.tables-li-tittle{
	display: flex;
	width: 100%;
	justify-content: space-between
}
.tables-li {padding:15px 0;border-bottom:1px solid #cdcdcd;    display: flex;
    justify-content: space-between;
	flex-flow: wrap;
    padding-right: 10px;}
.tables-li-tittle-button {
    width: 10%;
}
.tables-li span{
	display: block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
   
    transform: rotate(45deg);
	transition: 0.5s;
	    cursor: pointer;
}
.tables-li-click>.tables-li-tittle>.tables-an{
	font-weight: bold
}
.tables-li .tables-li-tittle-span span{
	    transform: rotate(225deg);
	    margin-top: 8px;
}
.product-all-right{
	width: 80%;
	    margin-top: 0px; 
}

.product-all-right-cp-img img{
	position: relative;
	transition: 0.5s;
}

/*.product-all-right-cp li:hover .product-all-right-cp-img img{
	transform: scale(1.1);
    transition: 0.5s;

}*/
.product-all-right-cp li:hover{
	    box-shadow: 0px 3px 7px #00000070;
	 transition: 0.5s;
}
.product-all-right-cp li{
	width: calc((100% - 84px) / 3);
	margin-right: 42px;
	box-shadow: 0px 3px 7px #00000035;
	text-align: center;
	padding:20px;
	margin-bottom: 40px; 
	 transition: 0.5s;
	
}
.product-all-right-cp li:nth-child(3n){
	margin-right: 0
}
.product-all-right-cp{
	display: flex;
	flex-flow: wrap;
	padding-bottom: 20px;
	padding-right: 10px;
	
}
.product-all-right-cp li:hover span{
	color: #fff
}
.product-all-right-cp a p {
    text-align: left;
    font-size: 19px;
    color: #4c5154;
	transition: 0.5s
}
.product-all-right-cp a>span{
	display: block;
    text-align: left;
    margin-top: 25px;
	transition: 0.5s
}
.product-all-right-cp li{
	position: relative;
}
.product-all-right-cp li::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	bottom: 0;
	transition: 0.5s;
	background: #2e68a8;
	left: 0;
	z-index: -1
}
.product-all-right-cp li:hover::after{
	height: 100%;
}
.product-all-right-cp li img{
	transition: 0.5s;
	width: 100%
}
.product-all-right-cp li:hover h2, .product-all-right-cp li:hover p{
	color: #fff
}
.product-all-right-cp li:hover span img{
filter: brightness(800%);
	padding-left: 80%;
	transition: 0.5s
	}


/*解决方案*/

.solution-all{
	width: 100%;
	position: relative
}
.solution-all img{
	width: 100%
}

@-webkit-keyframes map {
    0% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1); 
        opacity: 0.5;
    }
	
	 100% {
        -webkit-transform:scale(1.5);
        transform:scale(1.5); 
        opacity: 0;
    }
}
.Map .num {
    width: 100%;
    height: 100%;
    background-color: #e0f2ff;
    border-radius: 8px;
	line-height: 40px;
    opacity: .2;
    filter: Alpha(opacity=60);
    left: 0;
    top: 0;
    animation: map 2s linear forwards infinite;
 /*   -webkit-animation: map 2s linear alternate infinite;*/
	text-align: center;
	position: absolute
}
.num.num03{
	animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.Map{
	position: absolute;
	display: inline-block;
	left: 50%;
	transform: translate(-50%);
	z-index: 999;
	bottom: 100px;cursor: pointer
}
.Map h2{
	background: #2e68a8;
	padding: 20px 30px;
	display: inline-block;
	color: #fff;
	border-radius: 8px;
	position: relative;
	z-index: 999
}
.solution-wj {
    position: relative;
    width: 80%;
   margin-left: 50%;
	transform: translate(-50%);
    top: 4%;
    padding: 40px;
	transition: 0.5s;
	overflow: hidden
}
.solution-wj-left {
   width: 35%;
    float: left;
    background: #fff;
    padding: 20px 16px;
	border-radius: 8px 0px 0px 8px;
}
.solution-wj-left>h2{
	font-size: 18px;
	color: #444444;
	margin-bottom: 15px
}
.solution-wj-img {
    width: 30%;
	float: left
}
.solution-wj-text {
    width: 70%;
    float: left;
    padding-left: 4%;
	transition: 0.5s
}
.solution-wj-left-ul li{
	display: flex;
	align-items: center;
	    border-bottom: 1px solid #d5d1c8;
	    padding: 10px;
	transition: 0.5s
}
.solution-wj-text h2{
	font-size: 16px;
	color: #444;
	margin-bottom: 13px
}
.solution-wj-text p{
	font-size: 14px;
	color:#888;
	line-height: 1.75;
	overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
ul.solution-wj-left-ul {
	min-height: 600px;
    height: 600px;
    overflow: auto;
}
.solution-wj-right{
	width: 65%;
	float: right;
	min-height: 678px;
	height:678px;
	overflow: hidden;
	padding: 20px 16px;
	background: #fff;
	border-radius: 0 5px 5px 0;
	display: none
}
.solution-wj-r-t-r {
    width: 70%;
    padding-right: 5%;
    float: left;
}
.solution-wj-r-t-l {
    display: inline-block;
    float: right;
    width: 30%;
	padding:0 2%
}
.solution-wj-r-t{
	display: flex;
	align-items:center;
	padding: 20px;
	border-bottom: 1px solid #d5d1c8
}
.solution-wj-r-t-r h2{
	margin-bottom: 13px;
	color: #444
}
.solution-wj-r-t-r p{
	font-size: 14px;
    color: #888;
    line-height: 1.75;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.solution-wj-r-t-r a{
	margin-top: 20px;
	display: inline-block;
	padding: 10px 20px;
	background: #888888;
	color:#fff;
	border-radius: 8px
}
.solution-wj-r-b {
    padding: 20px;
    min-height: 400px;
    height: 400px;
    overflow: auto;
	color: #888;
	line-height: 2.0
}
.solution-wj-r-b-img {
    display: flex;
}
.solution-wj-r-b-img img{
	padding: 20px
}

/* 设置滚动条的样式 */
.solution-wj-left-ul::-webkit-scrollbar, .solution-wj-r-b::-webkit-scrollbar{
width:5px;
	height: 5px
}
/* 滚动槽 */
.solution-wj-left-ul::-webkit-scrollbar-track, .solution-wj-r-b::-webkit-scrollbar-track{
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
background: #e8e8e8;
	height: 5px
}
/* 滚动条滑块 */
.solution-wj-left-ul::-webkit-scrollbar-thumb, .solution-wj-r-b::-webkit-scrollbar-thumb{
border-radius:10px;
background:#2e68a8;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
	height: 5px
}
.solution-wj-left-ul::-webkit-scrollbar-thumb:window-inactive, .solution-wj-r-b::-webkit-scrollbar-thumb{
background:#2e68a8;
	height: 5px
}
.solution-wj-all::after{
	content: "";
	display: block;
	clear: both
}
.solution-wj-all {
    padding: 30px 35px;
    background: #ffffff90;
	    border-radius: 8px;
}
.solution-all svg{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: 0.5s;
}
.solution-wj::before{
	content: "";
	display: block;
	width: 100px;
	height:100px;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 8px solid #fff;
	border-left: 8px solid #fff;
	transition: 0.5s;
	border-radius: 8px 0;
}
.solution-wj::after{
	content: "";
	display: block;
	width: 100px;
	height:100px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-right: 8px solid #fff;
	border-bottom: 8px solid #fff;
	transition: 0.5s;
	border-radius:8px 0 ;
}
.solution-wj{
	width: 40px;
	padding: 0;
	transition:1s;
	height: 40px;
	opacity: 0;
	overflow: hidden;
	top: 50%
}
.solution-wj.solution-wj-show{
	width: 70%;
	height:818px;
	padding: 40px;
	transition: 1s;
	opacity: 1;
	top: 4%
}
.solution-wj-left-ul li:hover .solution-wj-text{
	padding-left: 6%;
}
.solution-wj-left-ul li:hover{
	background: #2e68a8
}
.solution-wj-left-ul li:hover h2, .solution-wj-left-ul li:hover p{
	color:#fff
}
.solution-wj-r-t-r:hover a{
	background: #2e68a8;
	color:#fff
}
.solution-wj-dete {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #f5f5f5;
    border-radius: 5px;
	cursor: pointer;
	display: none
}
.solution-wj-right.solution-wj-right-show{
	display: block
}

.tottle-right {
        display: inline-block;
    float: right;
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
}
.tottle-right h2{
	font-size: 14px;
	color:#ffffff;
	height: 70px;
	line-height: 70px;
	padding: 0 40px;
	background: #2e68a8
}
.tottle-right h2 span{
	font-size: 18px;
	margin-left: 20px;
	
}
ul.tottle-right-ul {
    position: absolute;
    background: #fff;
    z-index: 999;
    width: 100%;
	text-align: center;
	line-height: 1.75
}
.tottle-right-ul li{
	padding: 10px;
	border-bottom: 1px solid #2e68a8
}
.tottle-right-ul li:hover{
	background: #2e68a8;
}
.tottle-right-ul li:hover a{
	color:#fff;
	display: block
}
.tottle-right-ul{
	display: block
}


/*about*/

.about {
    
}
.about-l-r-all h2{
	text-transform: uppercase
}
.about-all{
	max-width: 1300px;
    margin: 20px auto;
}
.about-all>h2{
	text-align: center;
	font-size: 38px;
	color:#777777;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.about-all>h2::after {
    content: "";
    display: block;
    width: 160px;
    bottom: -3px;
    height: 2px;
    background: #777777;
    position: absolute;
    left: 50%;
	transform: translate(-50%)
}

.about-all p{
	font-size: 14px;
	line-height: 1.75;
	color: #777777;
	font-family: "Arial";
	text-align: left
}

.about-img img{
	width: 100%;
	margin-top: 0px;
}
.about-l-r-all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 80px 0;
    padding: 1px 0;
    margin-top: 40px;
       box-shadow: 0 0 6px 6px #80808020;
    padding-left: 40px;
	border-radius: 8px;
	overflow: hidden
}
.about-all-company .about-l-r-all{
	margin-bottom: 0
}
.about-company-at{
	margin-top: 40px;
}
.about-l{
	width: 950px;
	padding-right: 20px;
}
.about-all-we-worf {
    text-align: center;
    margin-bottom: 20px;
}
.about-r{
	width: 300px;
}
.about-r img{
	width: 100%
}
.about-l-h{
	text-align: left;
    font-size: 38px;
    color: #777777;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 21px; 	
}
.about-l-h::after{
	content: "";
	display: block;
	width: 160px;
	bottom: 0;
	height: 2px;
	background: #777777;
	position: absolute;
}
.about-l-r-all.about-l-r-all-t {
    flex-flow: row-reverse;
	padding-left: 0;
	padding-right: 20px
}
.about-l-r-all.about-l-r-all-t .about-l{
	padding-right: 0;
	padding-left: 20px;
}
.about-all-video{
	margin-top: 20px;
	position: relative
}
.about-all-video img{
	width: 100%
}
.about-ing-tite{
	margin: 20px auto;
	    border-radius: 8px;
    overflow: hidden;
		
}

.about-type-ti {
    width: 46%;
    float: left;
    margin-bottom: 20px;
    margin-right: 4%;
    padding: 20px;
    box-shadow: 0 0 8px 0px #80808050;
}
.about-type p{
	text-align: left;
	padding-left: 20px;
}
.about-type::after{
	content: "";
	display: block
}
.about-type{
	display: flex;
	flex-flow: wrap;
	width: 100%;
	margin: auto;
	justify-content: space-between;
}
.about-type-ti h2{
	color: #333;
	margin-bottom: 10px;
}
.about-type-ti-product p{
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.about-type-ti-product::after{
	content: "";
	display: block;
	clear: both
}
.about-type-ti{
	background: #f3feff;
	border-radius: 8px;
	transition: 0.5s
	  
}
.about-type-ti:hover{
	padding-left: 40px;
	transition: 0.5s;
	background: #FFF9BD20;
}
.about-all-company p{
	text-align:left
}
.about-company-al-one h2{
	color: #777777;
	margin-bottom: 20px;
	    min-height: 56px;
}
.about-company-at-for{
	display: flex;
	justify-content: space-between;
}
.about-company-al-one {
    width: 30%;
    float: left;
	padding: 20px;
	box-shadow: 0 0 6px 6px #80808020
}
.about-we-work-one{
	width: 32%;
	box-shadow: 0 0 8px 8px #80808020;
	    margin-bottom: 20px;
}
.about-we-work-text{
	padding: 20px
}
.about-we-work-one-more{
	display: flex;
	justify-content: space-between;
	    flex-flow: wrap;
}
.about-we-work>h2{
	text-align: center;
    font-size: 38px;
    color: #777777;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.about-we-work>h2::after {
    content: "";
    display: block;
    width: 160px;
    bottom: -3px;
    height: 2px;
    background: #777777;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.about-we-work-one-img img{
	width: 100%
}
.about-we-work-text h2{
	text-align: center;
	margin-bottom: 15px;
}

/*news*/
.news{max-width:1440px;margin:0 auto;overflow:hidden;margin-top:40px;}
.event{float:left;width:calc((100% - 50px)/3);position:relative;margin-right:20px;height:auto;overflow: hidden;border: 1px solid #ffffff00}
.event:nth-child(3){float:right;margin-right:0;}
.event:last-child{margin-right:2%;width: calc((100% - 72px) / 3);
}
.event img{width:100%;transform: scale(1.2);transition:0.6s;}
.event-1{position:absolute;left:70%;top:10%;width:8%;transition:0.3s;}

.event:hover{
	border:1px solid #e2e2e2;
	transition:0.4s;	
	overflow: hidden
}
.event:hover img{transform: scale(1);}
.event:hover .event-1{transform:translateX(40px);transition:0.4s;}
.event h1{color:#464646;font-size:16px;transition:0.6s;
	margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	font-weight: bold;
	
    -webkit-line-clamp: 2;width:73%;}
.event-img{
	overflow: hidden;
}
.event h3{color:#686868;font-size:18px;transition:0.6s;}
.event h2{color:#686868;font-size:14px;
	transition:0.6s;width:75%;line-height:1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;text-align:left;}
.event h4{color:#c3c3c3;font-size:16px;
	transition:0.6s;height:40px;overflow: hidden}
.touming{
	    margin-top: 20px;
    margin-left: 10px;
}
.event-1 img{position:absolute;transition:0.6s;padding-left:0px;padding-right:0px;padding-top:0px;
	width:100%;transform: scale(1.2);transition:0.6s;}
/*下部新闻*/
	.title{max-width:1200px;margin:0 auto;text-align:center;margin-top:80px;
		margin-bottom:60px;color:#707070;font-size:36px;}	
	.news_bottom{width:100%;border-bottom:1px solid #eeeeee;margin-bottom:30px;}
	.col_lift{max-width:1440px;margin:0 auto;
    margin-top: 50px;}
	.col_lift-1{float:left;
		background-repeat:no-repeat;background-size:100%;height:180px;
		width:25%;background-position:center center;transition:0.8s;}
.col_lift>a{
	overflow: hidden
}
.col_lift>img{
	width: 100%
}
	.col_right-1{float:right;}
	.col_right-1{width:70%;margin-right:0;transition:0.8s;}
	.col_right{float:right;}
	.col_right-zi{width:68%;float: left;}
	.col_right{width:25%;margin-top:40px;}
	.col_right-zi h3{font-size:16px;color:#333;padding-top:30px;font-weight: bold;margin-bottom: 20px;}
	.col_right-zi h4{font-size:14px;color:#888888;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;}
.col_right-zi h5 {
    color: #888888;
    padding-left: 20px;
    height: 20px;
	font-size: 14px;
	color:#c3c3c3;
    line-height: 22px;
	background:url(../images/timead.png) no-repeat left center;
	background-size:auto
}
	.col_right h5{font-size:20px;color:#888888;padding-top:40px;padding-bottom:32px;}
	.col_right p{font-size:14px;color:#333;font-weight: bold;padding-top:5px;padding-bottom:5px;padding-left:20px;
		padding-right:20px;float:right;text-transform:Capitalize}
	.news_bottom .col_lift:hover .col_right-1{transform:translateX(30px);transition:0.8s;}
.news a:nth-child(4) .event{
	margin-right: 0;
}
.banner-page img{
	width:100%;
}
.newspart{
	max-width: 1440px;
	margin: auto
}
.news a:last-child .event{
	margin-right: 0;
}
.touming p{
	font-size: 14px;
	color: #c3c3c3
}
.touming h4{
	margin-top: 20px;
}
.col_right-zi h5{
	margin-bottom: 10px;
}
.col_right-zi p{
	    line-height: 1.5;
    color: #666;
    font-size: 14px;
    font-weight: 100;
}

.newdetail a{
	font-weight:bold;
	color: #2e68a8
}
div#road {
    max-width: 1440px;
    height: 70px;
    line-height: 70px;
    margin: auto;
}
div#road_box {
    background: #f5f5f5;
    border-bottom: 1px solid #cdcdcd;
}
.newdetail {
    margin-bottom: 40px;
}

/*contact*/
.contact{
	margin-top:40px;
}
.submit{
	display:inline-block;
	margin-left:83%;
}
.submit .but-input{
	color: #fff;
    background-color: #2e68a8;
    padding: 4% 6%;
	width:202px;
	font-size:14px;
	cursor: pointer;
}
.details-all{
	max-width:1440px;
	margin:0 auto;
	
}
.details-left{
	width:39%;
	float:left;
}
.details-right{
	float:right;
	width:50%;
	margin-top:0%;
}
.details-right>h2{
	    font-size: 16px;
    text-transform: uppercase;
    color: #171717;
    font-weight: bold;
}
.details-item h1{
	font-size:16px;
	color:#171717;
	font-weight:bold;
}	
.details-item P{
	font-size:14px;
	color:#171717;
	padding:3% 0;
}
.details-item{
	border-bottom:solid 1px #e5e5e5;
	margin-bottom:4%;
	display: flex;
	align-items: center
}
.ditu{
	position: relative;
	width:100%;
}
.ditu img{ 
	width:100%;
}
.google-dtwa {
    text-align: center;
    display: block;
    width:44%;
    padding: 1% 4%;
    position: absolute;
    top: 42%;
    font-weight: bold;
    font-size: 16px;
    color: #878787;
    border-radius: 70px;
    background: #ffffff;
    border: 1px solid #cecece;
    margin-left: 50%;
    transform: translate(-50%);
}

.crumbs-right{
	float:right;
	padding: 24px 0;
	text-transform: capitalize;
}
.crumbs-right a{
	padding:30px;
	color: #171717;
    font-size: 14px;
	transition:0.6s;
}
.details-follow{
	display: flex
}
.details-follow li{
	margin-right: 10px;
}
.details-follow li a {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    font-size: 20px;
}
.contact-us{
	
	max-width:100%;
	margin: auto;
	margin-top: 40px;
}
.contact{
	margin-bottom: 40px
}
.contact-us button.contact-ind-button{
	margin-bottom: 0
}
.contact-us h2 {
    color: #171717;
    font-size: 26px;
    margin: 1% 0;
    text-transform: capitalize;
    margin-top: 2%;
	padding-bottom: 2%;
	border-bottom: #e5e5e5 solid 1px
}
.contact-ind p{
	color: #171717
}
.contact-ind{
	width: 100%;
    margin-right: 0;
    float: left;
}
.contact-us form::after{
	content: "";
	display: block;
	clear: both;
}
.contact-ind:nth-child(2n){
	margin-right: 0
}
.contact-ind{
	margin-bottom: 10px;
}
.contact-ind p{
	    margin-bottom: 5px;
    padding: 1.5% 0;
}
.contact-ind input{
	width: 100%;
	height: 40px;
	border: 1px solid #e5e5e5
}

.contact-ind.contact-ind-textarea{
	width: 100%
}
.contact-ind-button{
	color: #fff;
    background-color: #2e68a8;
   height: 40px;
    width: 202px;
    font-size: 14px;
    cursor: pointer;
	border: 0px;
	margin-bottom: 40px
}
.contact-ind.contact-ind-textarea textarea{
	width: 100%;
	border: 1px solid #e5e5e5
}


/*购物车*/
.gwc-qbop {
     padding: 20px;
    background-color: #ffffff!important;
    width: 330px;
   
}
.cart>div{float:left;width:33%;}

.cart .clear_fixed{    width: 0;
    clear: both;
    float: none;}
  .cart .cart-right{
    float: right;
    width: auto;
}
.cart h1{font-size:18px;}
.table--totals th{float:left;}
.table--totals td{width:30%}
.cart .gwc-qbop{width: 100%;
    border: 1px solid #efefef;
    border-left: 0px;
    border-right: 0px;
    background-color: #f8f8f8!important;
	    line-height: 1.75;
}
.cart .gwc-right-bottom{margin-top:10%}
.cart .gwc-right{width:45%;}
.cart .gwc-left{width:25%;margin-left:0}
.cart .gwc-top {
    display: flex;
  justify-content: space-between;
}
.cart{padding:0 20px;padding-top:20px;background:#f8f8f8}
.cart-zd>.cart-xl{
	margin: 20px 0;
    padding: 10px 0;
    border: 1px solid #efefef;
    border-left: 0px;
    border-right: 0;
	line-height: 1.7
	
}
.text-box{width: 100%;
    height: 30px;
    padding: 2%;
    font-size: 18px}
.button--primary{margin: 10px 0;
    width: 100%;
    padding: 10px;
    background: #000000;
    color: #ffffff;
    font-size: 18px;
    border: 0px;
cursor: pointer
}
.button--primary:hover{background:#555555}
.cart-dm p{font-size:12px}
.cart-right-bottom a{
    width: 100%;
    display: block;
    background: #000000;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 0;
    margin: 10px 0;
}
.cart-right-bottom p{font-size:12px;line-height: 1.7}
.table--totals{line-height: 1.7}

.cart-right-bottom a:hover{background:#555555}
.cart-xl>p>span{margin:0;cursor: pointer;background:url(../images/gengduo.png) no-repeat right ;
	display: block;
	float: right;
	width:20px;height:30px;
	}
.cart-xl>p>.cart-xzp{-moz-transform:rotate(90deg); 
 -webkit-transform:rotate(90deg);
transform:rotate(90deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.cart-dm{display: none}

.add {
    display: inline-block;
	font-size: 24px;
}
.a-center .add {
    display: inline-block;
    font-size: 24px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 30px;
    text-align: center;
}
.a-center {
    display: flex;
    border: 1px solid #000000;
    float: left;
}
.showonly {
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #000000;
    border-top: 0px;
    border-bottom: 0px;
}
.a-center-qt {
    margin-top: 20px;
}
.cart .gwc-left {
    width: 50%;
}
.cart .gwc-left img{
	width: 100%
}
.cart .cart-left {
    width: 20%;
}
.cart div.cart-cp {
    width: 1200px;
    margin-left: 50%;
    transform: translate(-50%);
}
.cart h1 {
    font-size: 18px;
    margin-bottom: 20px;
}
.gwc-detild span{
	display: block;
	overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
	word-break: break-all;
	font-family: "Arial"
}
.gwc-right-bottom p span{
	font-family: "Arial"
}
.gwc-right-bottom p{
	font-size: 14px;
	font-family: "Arial"
}
.cart .cart-right {
    float: right;
    width: auto;
    position: fixed;
    right: 0;
    top: 200px;
    padding: 30px;
    background: #efefef;
    border-radius: 8px 0px 0 8px;
    box-shadow: 0 0 4px 2px #80808050;
	    width: 375px;
}
.cart-right-cen textarea {
    width: 100%;
    min-height: 80px;
}
.tables-li-click .tables-li-tittle .tables-an{
	color: #2e68a8
}
.index-products-text p{
	overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.left-big {
    text-align: center;
}
.left-big img{
	width: 100%
}
.foot-content.foot-content-bie {
    width: 50%;
}
.foot-content.foot-content-bie li {
    width: 30%;
    float: left;
}
li.tables-li.tables-li-click ul{
	display: block
}
li.current>a {
	color: #2e68a8
}
.index-bannera-text-black .index-banner-text-left h2{
	color: #444
}
.index-bannera-text-black .index-banner-text-left p{
	color: #444
}
/* sign up and login */
.in-wid{width: 1200px;margin: 0 auto;}
.flex{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.flex-sc{display: flex;align-items: center;}
.flex-sb{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.flex-sa{display: flex;justify-content: space-around;align-items: center;}

.sign-up .header,.login .header{margin: 0% 0 2%; padding-top:3%;}
.sign-up .header h2,.login .header h2{font-size: 28px;font-family: mont-med;text-align: center;color: #555;}
.sign-up .header span,.login .header span{display: block;margin: 1.5% auto 0; width: 100px;border-top: 1px solid #666;}
.sign-up .u-pic,.login .u-pic{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;margin: 4% auto 2%;cursor: pointer;}
.sign-up .content,.sign-up .content form .subscription,.sign-up .content form .action_bottom p,.login .content{flex-wrap: nowrap;}
.sign-up .content,.login .content{margin-bottom: 4%;}
.sign-up .content form,.login .content form,.forget .please-emali{width: 420px;}
.sign-up .content form div,.login .content form div{margin: 4% 0;}
.forget .please-emali{margin: 4% auto;}
.sign-up .content form div,.sign-up .content form div label,.sign-up .content form div input,
.login .content form div,.login .content form div label,.login .content form div input,
.forget .please-emali label,.forget .please-emali input,.forget .please-emali button{width: 100%;}
.sign-up .content form div label,.forget .please-emali label{display: block;font-size: 15px;font-family: mont;margin-bottom: 1%;color: #888;}
.sign-up .content form div input,.login .content form div input,.forget .please-emali input,.forget .please-emali input{border: 1px solid #ddd;line-height: 2.4rem;padding: 0 2%;border-radius: 3px;color: #666;font-size: 16px;}
.sign-up .content form div input:focus,.login .content form div input:focus,.forget .please-emali input:focus{box-shadow: 0 0 6px rgba(221,133,42,.2);border-color: #1668a7;}
.sign-up .content form .subscription{margin-bottom: 2%;}
.sign-up .content form .subscription input{width: auto;margin-right: 8px;}
.sign-up .content form .subscription label{margin: 0;}
.sign-up .content form .action_bottom{margin-top: 1.5%;}
.sign-up .content form .action_bottom input,.login .content form .action_bottom input,.forget .please-emali button{background: #1668a7;color: #fff;cursor: pointer;border-color: #1668a7;}
.forget .please-emali button{line-height: 2.4rem;margin-top: 5%;font-size: 16px;border-radius: 3px;}
.sign-up .content form .action_bottom input:focus,.login .content form .action_bottom input:focus{box-shadow: none;}
.sign-up .content form .action_bottom p,.login .content form .action_bottom p{margin: 3% 0;font-family: "mont";color: #666;}
.sign-up .content form .action_bottom p a,.login .content form .action_bottom p a{color: #1668a7;margin-left: 2%;}
.login .content form div label{font-size: 15px;font-family: mont;margin-bottom: 1%;color: #888;display: flex;flex-wrap: nowrap;}
.login .content form div label a{font-size: 13px;transform: skewX(-10deg);color: #999;}
.login .content form .action_bottom{margin-top: 8%;}
.forget .please-emali a{width: 40px;height: 40px;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 50%;font-size: 18px;color: #1668a7;margin: 6% auto 0;}
.forget .please-emali a:before{transform: rotate(45deg);}
.forget{display: none;}
.login .content form .password label a:hover{color: #1668a7}

.tbPlists th {
    border: 0;
    height: 55px;
    background: #818181;
    font-size: 13px;
    color: #fff;
    width: 10%;
}
		.tbPlists td {
    border: 0;
    height: 20px;
    line-height: 20px;
    border: solid 1px #ddd;
    text-align: center;
			font-size: 13px
}
		.products-all-bt{
			width: 80%;
		}
		.tbPlists-img{
			position: relative;
			cursor: pointer
		}
	
	.prodicts-a-btn-all {
    max-width: 1440px;
    margin: auto;
}
		.prodicts-a-btn-all{
			margin-top: 50px;
		}
		.products-all-bt *{
			    font-family: "Arial";
			word-wrap: break-word;
			line-height: 1.7
		}
		
		img.pic {
    width: 100px;
    height: auto;
}
.product-all-left-button {
    display: block;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 0;
    text-align: center;
    background: #005b9f;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    top: 228px;
    z-index: 99999;
    transition: 0.5s;
}
.tables-bottom {

    transition: 0.5s;
    z-index: 99;
    width: 100%;
    padding: 0 2%;
    max-height: 100%;
    overflow: auto;
    top: 200px;
	transition: 0.5s;
}
i.fa.fa-angle-double-right {
    height: 40px;
    line-height: 40px;
	 animation: noe 1s steps(10) infinite;
	    font-size: 20px;
	font-size: 37px;
}
@keyframes noe {
     0%{ transform: translate(-80%);opacity: 0.1;/*transform: rotate(0deg);*/}
   100%{transform: translate(40%);opacity: 1;/*transform: rotate(360deg);*/}
  }

.product-all-left.product-all-left-button-bt i.fa.fa-angle-double-right {
    height: 40px;
    line-height: 40px;
	 animation: noet 1s steps(10) infinite;
	    font-size: 20px;
	font-size: 37px;
	
}
@keyframes noet {
     0%{ transform: translate(40%) rotate(180deg);opacity: 0.1;/*transform: rotate(0deg);*/}
   100%{transform: translate(-80%) rotate(180deg);opacity: 1;/*transform: rotate(360deg);*/}
  }
.product-all-left-button {
    display: block;
	display: none
}
.product-all-left-button-bt .tables-bottom {
    top: 196px;
    left: 0;
    transition: 0.5s;
}
.product-all-left-button-bt .product-all-left-button {
    width: 30%;
    text-align: left;
    padding-left: calc(30% - 40px);
    transition: 0.5s;
    top: 156px;
}
.tables-ul h4{
	padding: 1% 0
}
.product-all-left-button-bt .product-all-left-button .fa {
    transform: rotate( 
180deg);
    transition: 0.5s;
}
i.fa.fa-chevron-right::before{
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s
}
.index-logo li {
    width: calc(100% / 6);
    display: inline-block;
    float: left;
}
.index-logo img {
    width: 100%;
	padding: 0 60px;
}
.index-products-text h3{
	    text-align: center;
    margin-bottom: 5px;
    color: #888;
    font-size: 14px;
}
.nav-huiyuan img, .nav-houwuche img{
	filter: invert(100%);
	filter: brightness(400%)
}

input.text-css1, input.text-css2{
    background: #2e68a8!important;
}
.action458 a{
	cursor: pointer
}
.buy-cart .fa{
	font-size: 24px
}
.buy-cart{
	cursor: pointer;
}

.tbPlists-img{
			position: relative
		}
		
		.bx-wrapper .tbPlists-big{
			
			transition: 0.5s;
			top: 0;
    		left: 100%;
		}
		.tbPlists-big-more {
    		position: absolute;
    		top: 0;
    		left: 100%;
			width: 200%;
    		height: 200%;
			opacity: 0;
			z-index: -1
}
		.bx-wrapper img{
			width: 100%;
		}
		.tbPlists-big-more .bx-wrapper{
			box-shadow: 0 0 4px 1px #80808080;
		}
		.tbPlists-big-more.tbPlists-big-zind{
			opacity: 1;
			z-index: 1;
			transition: 0.5s
		}
		.tbPlists-img .bx-wrapper .bx-pager.bx-default-pager a {
			background: #808080;}
		.tbPlists-img .bx-wrapper .bx-pager.bx-default-pager a:hover, .tbPlists-img .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #333;
}
		.tbPlists-img  .bx-wrapper .bx-pager{
			bottom: 10px
		}
		span.buy-cart {
    width: 100%;
    display: block;
			cursor: pointer
}
		span.buy-cart .fa{
			    font-size: 24px;
		}
		.fa-trash-o{
			display: none
		}
		.buy-cart.bus-cart-show .fa-cart-plus{
			display: none
		}
		.buy-cart.bus-cart-show .fa-trash-o{
			display: block;
			color: #005b9f
		}
		.more-cart-all{
			position: fixed;
    right: 0;
    top: 280px;
		}
		.more-cart-all-i {
   width: 60px;
    height: 60px;
    background: #005b9f;
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
        right: 0;
    position: fixed;
}
		.more-cart-all-i i.fa.fa-shopping-cart {
    font-size: 30px;
    color: #fff;
    vertical-align: middle;
    display: block;
    text-align: center;
    line-height: 60px;
			cursor: pointer;
			margin-left: -5px;
    margin-top: 3px;
}
		.more-cart-all-r-car {
    background: #f3f3f3;
}
		.more-care-img {
    width: 100px;
}
		.more-care-img img{
			width: 100%
		}
		.more-cart-all-t-t h2{
			font-size: 16px;
		}
		
		
		
		.a-center-qt{display: flex}
.lajt{   
	    cursor: pointer;
	width: 30px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    float: left;}
.gwc-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}
.gwc-qb{ 
	position: fixed;
    top: 180px;
    right: 0;
    padding: 20px;
    background-color: #ffffff!important;
    width: 330px;
    box-shadow: 0 0 3px 2px #80808050;
	    height: 350px;
    overflow: auto;
}
.gwc-bottom>a{
	display: block;
    width: 100%;
    background: #000;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.gwc-left{float:left;margin-right: 5%;width:40%}
.gwc-left img{width:100%;}
.gwc-right{display: inline-block;width:55%;font-weight: bolder;}
.gwc-right p{margin:6% 0;}
.gwc-right-bottom{font-size:12px;margin-top:20%;}
.a-center{display: flex;border:1px solid #000000;float:left}
.a-center .add{display: inline-block;font-size: 24px;cursor: pointer;height: 32px;line-height: 32px;width:30px;text-align: center;}
.showonly{text-align: center;width:30px;height: 30px;line-height: 30px;border:1px solid #000000;border-top:0px;border-bottom: 0px}
.gwc-bottom{
	
	display: flex;width:100%}
.gwc-bottom botton{
	    border: 1px #000000 solid;
    margin: 5% 2%;
        width: 100%;
    padding: 10px 20px;
background-color:#000000;
	color:#ffffff;
	float:left;
	text-align: center
		
}
.gwc-bottom .gwc-bk{border:1px #000000 solid;background:#ffffff;color:#000000}
.gwc-bottomt span{display: block;text-align: center}
.gwc-bottomt{line-height: 1.7}
.aac{display: none;}
		
		.aac.more-cart-all-show{
			display: block
		}
		.more-cart-all.more-cart-all-show{
			display: none
		}
		i.fa.fa-times {
    vertical-align: super;
}
		.aac-dete{
			position: absolute;
       top: 5px;
    left: 5px;
    font-size: 24px;
    color: #808080;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #808080;
    border-radius: 50px;
    background: #fff;
		}
		span.more-cart-all-i-cs {
   border-radius: 30px;
    display: block;
    position: absolute;
    right: 5px;
    text-align: center;
    line-height: 20px;
    background: #ffee78;
    top: 10px;
    font-weight: bold;
    padding: 1px 4px;
    box-sizing: border-box;
    font-size: 12px;
    min-width: 20px;
			    min-height: 20px;
}
@keyframes wrarb {
     0%{ transform: scale(1);opacity: 1;/*transform: rotate(0deg);*/}
   100%{transform: scale(1.2);opacity: 1;border: 1px #ffffff dashed;/*transform: rotate(360deg);*/}
  }
.index-logo::after{
	content: "";
	display: block;
	clear: both
}
.solution-wj-all-bt .imageContainer *{
	font-family: "Arail";
	font-size: 16px;
	line-height: 1.5;
	color: #888
}
.solution-wj-all h2{
	margin-bottom: 20px
}
.banner .bx-wrapper .bx-pager{
	bottom: 40px
}

.about-all{
	display: none
}

.about-tittle{max-width: 1300px;margin: auto;display: none}
.about-tittle span{
	display: inline-block;
	float: left;
	color: #777;
	padding: 20px 0;
	background: #f5f5f5;
	width: calc(100% / 3);
	float: left;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 20px;cursor: pointer
}
.about-tittle span.about-t-xz{
	background: #2e68a8;
	color: #fff
}
.about-tittle::after{
	content: "";
	display: block;
	clear: both
}
.about-all.about-all-leng-show {
    display: block
}

.about-img {
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 20px;
	    margin-top: 40px;
    padding-top: 1px;
	display: none
}
.about-type-ti{
	
}
.about-ing-te {
    width: 30%;
	    border-radius: 8px;
    overflow: hidden;
}

.about-company-tittle h2{
    text-align: center;
    font-size: 38px;
    color: #777777;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.about-company-tittle p{
	text-align: center
}
.about-company-tittle{
	margin-bottom: 40px;
}
.details-follow a .fa{
	height: 35px;
	line-height: 35px;
}
.acting-more-left{
	width: 50%
}
.cating-more{
	display: flex;
	
}
.acting-more-left img{
	width: 100%
}
.acting-more-left{
	position: relative;
}
.acting-more-left-text {
    position: absolute;
    width: 100%;
    top: calc(50% - 32px);
    text-align: center;
}
.acting-more-left-text a{
	color: #fff;
    font-size: 24px;
    padding: 10px 20px;
    border: 1px solid #fff;
	transition: 0.5s;
	text-transform: capitalize;
}
.acting-more-left-text a:hover{
	background: #2e68a8;
	transition: 0.5s;
	 border: 1px solid #2e68a8;
	box-shadow: 0 0 6px 6px #80808050;
}
.details-follow li:nth-child(1) a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.cating {
    max-width: 1440px;
    margin: auto;
    margin-top: 40px;
}


				.acting-nation{
					display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 77%;
    margin: auto;
    margin-top: 10px;
    background: #efefef;
    padding: 10px 0px;
	top: 0;
    position: absolute;
    width: 80%;
    margin: 4% 10%;
    height: 80%;
    border-radius: 8px;
				}
				.acting-nation li a{
					display: block;
					border: 0px;
					padding: 0;
					margin: 0;
					    width: 48px;
					text-align: center;
					margin: auto
				}
				.acting-nation li a:hover{
					    background: #2e68a8;
    transition: 0.5s;
    border: 0px solid #2e68a8;
    box-shadow: 0 0 0px 0px #80808050;
				}
				.acting-nation li {
        width: calc(100% / 5);
    margin-right: 0px;
					margin-bottom: 15px;
					float: left;
}
				.acting-nation::after{
					content: "";
					display: block;
					clear: both
				}
				.acting-nation li span{
					display: block
				}
				.acting-nation li span img{
					width: 100%;
				}
				.acting-nation{
					display: none
				}
				.acting-more-left.acting-more-right.acting-more-right-for .acting-nation{
					display: block
				}
				.acting-nation-c {
  width: 30px;
    position: fixed;
    right: 185px;
    top: auto;
    background: #2e68a8;
    padding: 5px;
    border-radius: 5px;
    z-index: 9999999999999;
    margin-top: -65px;
}
	.acting-more-left-get-more {
    font-family: "Arial";
    position: fixed;
    width: 80%;
    margin: 0;
    left: 10%;
    height: auto;
    top: 200px;
    background: #efefef;
    z-index: 999;
    border: 2px solid #2e68a8;
    padding: 50px 20px;
    border-radius: 8px;
    line-height: 1.75;
    color: #333;
    display: none;
    max-height: 600px;
    overflow: auto;
}
	.acting-more-left.acting-more-right-for .acting-more-left-get-more{
		display: block
	}

.foot-follow span {
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    color: #2e68a8;
}


.for-acting-text-all{
		width: 100%;
		padding: 40px 0;
		margin:40px auto;
		background: #f5f5f5
	}	
	.for-cating-text-one{
		margin: 40px auto;
		width: 100%;
		line-height: 1.5;
		color: #888;
		display: flex;
    align-items: center;
		    justify-content: space-between;
	}
	.for-acting-text-all h2{
		    color: #333;
    margin-bottom: 30px;
    font-size: 30px;
		text-align: center
	}
	.for-cating-text-one span{
		display: block;
		margin-bottom: 10px;
		    font-size: 24px;
	}
	.for-cating-text-one p{
		line-height: 1.75;
		font-family: "Arial"
	}
	
	.for-acting-text{
		width: 65%;
    float: left;
   padding-left: 50px;
	}
	.for-acting-b{
		max-width: 1290px;
		margin: auto
	}
	
	.for-acting-br{
		width: 30%;
		float: left
	}
	.for-acting-br img{
		width: 100%
	}
	.for-cating-text-one.for-cating-text-two {
    flex-flow: row-reverse;
}
	.for-acting .bx-wrapper .bx-pager.bx-default-pager a{
		background: #888
	}
	.for-acting .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
		color: #333
	}
.one-banner img{
	width: 100%
}
.foot-follow ul::after{
	content: "";
	display: block;
	clear: both
}
a.switch-new {
    display: inline-block;
    padding: 10px 20px;
    background: #2e68a8;
    color: #fff;
    border-radius: 8px;
}
.lg-txt.content.flex {
    justify-content: space-around;
    align-items: flex-start;
}
.product-class-one.Arduino::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Instrument.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.product-class-one.Electronic.Beauty.Instrument::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/Arduino.jpg) no-repeat center;
    background-size: 80%;
    opacity: 0.2;
}
.foot_lading_page{
	max-width: 1440px;
	margin: auto
}
a.list_link {
    margin-right: 20px;
	color: #686868;
	font-size: 14px
}

@media screen and (max-width: 1500px) {
	.foot_lading_page, .foot-bottom{
		width: 94%
	}

	.proct-botto{width:94%;}
	.index-nav-all-logo img, .index-nav-all-logo-white img{height:60px;}
}
@media screen and (max-width: 1024px) {
	.foot-bottom{
		flex-flow: wrap;
		    justify-content: center;
	}
}

@font-face{font-family:'qlwapp-whatsapp';src:url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');font-weight:normal;font-style:normal}.qlwapp-whatsapp-icon{font-family:'qlwapp-whatsapp'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qlwapp-whatsapp-icon:before{content:"\e900"}#qlwapp{pointer-events:none;box-sizing:border-box}@media(min-width:430px){#qlwapp{width:430px}}#qlwapp *{box-sizing:border-box}#qlwapp.qlwapp-js-ready{display:block}#qlwapp.qlwapp-hide,#qlwapp.qlwapp-desktop.mobile,#qlwapp.qlwapp-mobile.desktop{display:none}#qlwapp .qlwapp-readonly,#qlwapp.qlwapp-readonly{pointer-events:none!important;opacity:.5!important}#qlwapp .qlwapp-disabled,#qlwapp.qlwapp-disabled{display:none;visibility:hidden}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{position:fixed;z-index:9999999}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left{right:auto;left:0}#qlwapp.qlwapp-middle-left .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-left .qlwapp-toggle .qlwapp-time{left:0;right:auto}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle{margin-left:20px}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text{right:auto;left:60px}#qlwapp.qlwapp-middle-left .qlwapp-box:before,#qlwapp.qlwapp-bottom-left .qlwapp-box:before{right:auto;left:20px}#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{left:auto;right:0}#qlwapp.qlwapp-middle-right .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-right .qlwapp-toggle .qlwapp-time{left:auto;right:0}#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle{margin-right:20px}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-middle-right{top:40%;bottom:auto}#qlwapp.qlwapp-middle-left .qlwapp-developer,#qlwapp.qlwapp-middle-right .qlwapp-developer{padding:0 24px}#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle{margin-left:-48px;padding-left:60px}#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle{margin-right:-48px;padding-right:60px}#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-bottom-right{top:auto;bottom:0}#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{border-radius:50%}#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle{border-radius:50px}@media(min-width:430px){#qlwapp.qlwapp-rounded .qlwapp-box{border-radius:8px}}#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-user,#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-message{border-radius:4px}#qlwapp p:last-child{margin:0}#qlwapp time{opacity:.8;font-style:italic;font-size:10px}#qlwapp .qlwapp-no-contacts{display:flex;height:134px;justify-content:center;align-items:center}#qlwapp .qlwapp-container{display:flex;flex-direction:column}#qlwapp .qlwapp-clearfix:before,#qlwapp .qlwapp-clearfix:after{content:'';display:block;clear:both}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close{display:block;opacity:.8;font-style:unset;font-size:24px;font-weight:bold;width:24px;height:24px;cursor:pointer;text-align:center;line-height:24px;z-index:1}#qlwapp .qlwapp-previous{width:16px;height:36px;cursor:pointer;text-align:center;line-height:36px;margin-right:auto}#qlwapp .qlwapp-developer{font-size:8px;top:-20px;position:relative}#qlwapp .qlwapp-developer,#qlwapp .qlwapp-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}#qlwapp .qlwapp-toggle{pointer-events:all;cursor:pointer;box-shadow:0 1px 6px 0 rgba(0,0,0,0.06),0 2px 32px 0 rgba(0,0,0,0.16);margin-top:24px;margin-bottom:24px;position:relative;text-decoration:none}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-toggle:active,#qlwapp .qlwapp-toggle:focus,#qlwapp .qlwapp-toggle:hover{outline:0;text-decoration:none}#qlwapp .qlwapp-toggle .qlwapp-time{position:absolute;bottom:-2em;color:initial;font-size:10px;display:inline-block;top:auto;width:120px}#qlwapp .qlwapp-avatar .qlwapp-avatar-container{overflow:hidden;border-radius:50%;width:inherit;height:inherit}#qlwapp .qlwapp-avatar .qlwapp-avatar-container img{width:100%;height:auto}#qlwapp.qlwapp-bubble .qlwapp-toggle{width:60px;height:60px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{position:absolute;display:block;pointer-events:none;font-size:24px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{position:absolute;right:60px;height:60px;margin:0 24px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold;white-space:pre}#qlwapp.qlwapp-button .qlwapp-toggle{height:40px;white-space:nowrap;padding:12px 24px}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 12px 0 0}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-close{display:none}#qlwapp .qlwapp-box{pointer-events:all;padding-bottom:56px;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:99999;box-shadow:0 5px 40px 5px rgba(0,0,0,0.5)}@media(min-width:430px){#qlwapp .qlwapp-box{position:relative;top:auto;bottom:auto;left:auto;right:auto;box-shadow:0 8px 25px -5px rgba(45,62,79,0.15);margin-top:24px;margin-left:24px;margin-right:24px;margin-bottom:12px}#qlwapp .qlwapp-box:before{content:'';position:absolute;bottom:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-header{border-top-left-radius:inherit;border-top-right-radius:inherit}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}}#qlwapp .qlwapp-box .qlwapp-header{position:relative;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(135deg,transparent 0,rgba(0,0,0,0.3) 100%)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:12px;right:12px}@media(min-width:430px){#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:7px;right:7px;font-size:16px}}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description{position:relative}#qlwapp .qlwapp-box .qlwapp-description,#qlwapp .qlwapp-box .qlwapp-contact{padding:24px 36px;height:100%}#qlwapp .qlwapp-box .qlwapp-description p,#qlwapp .qlwapp-box .qlwapp-description h3{color:inherit;font-family:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-description h3{margin:0 0 .25em 0}#qlwapp .qlwapp-box .qlwapp-contact{display:flex;justify-content:flex-end;align-items:center}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous{position:relative;left:-16px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous>i{line-height:36px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-avatar{width:42px;height:42px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-name{color:inherit}#qlwapp .qlwapp-box .qlwapp-account{color:inherit;padding:16px 36px;display:flex;align-items:center;overflow:hidden;position:relative;cursor:pointer;width:100%;text-decoration:none}#qlwapp .qlwapp-box .qlwapp-account:only-of-type{padding-top:36px;padding-bottom:36px}#qlwapp .qlwapp-box .qlwapp-info{padding:0 16px}#qlwapp .qlwapp-box .qlwapp-avatar{position:relative;width:62px;height:62px}#qlwapp .qlwapp-box .qlwapp-avatar:after{content:'';display:block;width:15px;height:15px;position:absolute;bottom:2px;right:2px;background-image:url(data:image/png;base64,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);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:4}#qlwapp .qlwapp-box .qlwapp-time,#qlwapp .qlwapp-box .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-offline-text{font-size:12px;line-height:1.5em;opacity:.6;display:block}#qlwapp .qlwapp-box .qlwapp-time{font-size:11px;font-style:italic}#qlwapp .qlwapp-box .qlwapp-name{display:block;font-weight:bold;line-height:1.5em}#qlwapp .qlwapp-box .qlwapp-body{overflow-x:hidden;overflow-y:auto}#qlwapp .qlwapp-box .qlwapp-body .qlwapp-carousel{max-height:470px;min-height:134px}#qlwapp .qlwapp-box .qlwapp-chat{display:flex;flex-direction:column;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-message{padding:16px 24px;margin:36px;position:relative;word-wrap:break-word;width:calc(100% - 36px*2)}#qlwapp .qlwapp-box .qlwapp-user:before,#qlwapp .qlwapp-box .qlwapp-message:before{content:'';position:absolute;top:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-user{width:auto;max-width:75%;align-self:flex-start;justify-self:flex-end;margin-top:0}#qlwapp .qlwapp-box .qlwapp-user:before{top:auto;bottom:-6px;left:24px}#qlwapp .qlwapp-box .qlwapp-padding{padding-bottom:56px}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{position:absolute;bottom:0;left:0;right:0;height:auto;width:100%}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{max-height:160px}#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{color:inherit;background-color:inherit}#qlwapp .qlwapp-box .qlwapp-footer:before,#qlwapp .qlwapp-box .qlwapp-response:before{pointer-events:none;position:absolute;content:'';height:59px;top:-59px;background-image:linear-gradient(transparent,rgba(0,0,0,0.05));left:0;right:0}#qlwapp .qlwapp-box .qlwapp-footer{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:12px 36px}#qlwapp .qlwapp-box .qlwapp-footer p{padding:0;font-size:inherit}#qlwapp .qlwapp-box .qlwapp-footer p:last-child{margin-bottom:0}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{min-height:56px}#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea{width:100%;height:100%;resize:none;border:0;padding:18px 88px 18px 36px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:20px;white-space:pre-wrap;word-wrap:break-word;border-radius:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-response pre{visibility:hidden}#qlwapp .qlwapp-box .qlwapp-response textarea{position:absolute;bottom:0;left:0}#qlwapp .qlwapp-box .qlwapp-response textarea:focus{outline:0}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{position:absolute;top:0;right:21px;display:flex;align-items:center}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i{display:none}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i.qlwf-emoji{display:block}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i{opacity:.4}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{cursor:pointer;margin:0 0 0 10px;display:inherit;font-size:18px;line-height:24px;text-decoration:none}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close,#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-contact,#qlwapp .qlwapp-box .qlwapp-user{color:#fff}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{color:#303030}#qlwapp .qlwapp-box,#qlwapp .qlwapp-box:before{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account:not(:first-child){border-top:1px solid #f5f5f5}#qlwapp .qlwapp-box .qlwapp-avatar .qlwapp-avatar-container{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-message:before{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{color:#303030;background-color:#fff;border-top:1px solid #e6e6e6}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-user:before{background-color:#303030}#qlwapp{display:none}#qlwapp.qlwapp-show .qlwapp-box{visibility:visible;opacity:1;transform:translateY(0) scale(1);display:block}#qlwapp.qlwapp-transition .qlwapp-box{visibility:visible;display:block}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-icon{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-close{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}#qlwapp .qlwapp-box{display:none;opacity:0;visibility:hidden;transform:translateY(50px);transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}@media(min-width:430px){#qlwapp .qlwapp-box{transform:translateY(50px) scale(0.9)}}#qlwapp .qlwapp-box .qlwapp-carousel{display:flex;width:200%;height:100%}#qlwapp .qlwapp-box .qlwapp-carousel .qlwapp-slide{width:50%;transition:max-height 500ms cubic-bezier(0.215,0.61,0.355,1) 1000ms,transform 300ms cubic-bezier(0.215,0.61,0.355,1) 500ms,opacity 500ms ease-in 500ms;height:100%;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-slide{max-height:300px}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) .3s,opacity ease-in .3s}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transform:scale(0.5)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transition-delay:850ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-user{transition:transform cubic-bezier(0.215,0.61,0.355,1) 600ms,opacity ease-in 200ms}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-user{opacity:0}#qlwapp .qlwapp-box .qlwapp-response{pointer-events:none}#qlwapp .qlwapp-box .qlwapp-previous{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-user{transform:translateY(56px)}#qlwapp .qlwapp-box .qlwapp-close{transition:opacity 300ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-description{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 900ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-account{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 150ms ease-in}#qlwapp .qlwapp-box .qlwapp-previous{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-message{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-close,#qlwapp .qlwapp-box .qlwapp-description{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-user{transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(6){transition-delay:600ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(5){transition-delay:500ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(4){transition-delay:400ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(3){transition-delay:300ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(2){transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(1){transition-delay:100ms}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-message{opacity:0;transform:translateY(-56px)}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-box .qlwapp-account:hover{background-color:#fafafa}#qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(-100%)}#qlwapp .qlwapp-box.response .qlwapp-body .qlwapp-carousel{overflow:hidden;max-height:134px!important;min-height:122px}#qlwapp .qlwapp-box.response .qlwapp-close{transition-delay:0ms}#qlwapp .qlwapp-box.response .qlwapp-close,#qlwapp .qlwapp-box.response .qlwapp-footer,#qlwapp .qlwapp-box.response .qlwapp-description,#qlwapp .qlwapp-box.response .qlwapp-account{opacity:0}#qlwapp .qlwapp-box.response .qlwapp-account{transform:translateY(-33.333%);border-top-color:transparent!important}#qlwapp .qlwapp-box.response .qlwapp-user{display:block}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous,#qlwapp .qlwapp-box.response .qlwapp-response{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-response{pointer-events:all}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous{transform:translate(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-slide{max-height:84px}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{opacity:.5}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{transform:translateX(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{transform:scale(1)}#qlwapp .qlwapp-box.response.opening .qlwapp-footer,#qlwapp .qlwapp-box.response.opening .qlwapp-response,#qlwapp .qlwapp-box.response.opening .qlwapp-close,#qlwapp .qlwapp-box.response.opening .qlwapp-previous,#qlwapp .qlwapp-box.response.opening .qlwapp-description,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-label{visibility:visible}#qlwapp .qlwapp-box.texting .qlwapp-body{overflow-y:auto}#qlwapp .qlwapp-box.texting .qlwapp-user{opacity:1;transform:translate(0)}#qlwapp .qlwapp-box.closing .qlwapp-previous{transition-delay:0ms;transform:translateX(-24px);opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) 300ms,opacity ease-out 200ms}#qlwapp .qlwapp-box.closing .qlwapp-description{opacity:0}body.rtl #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 0 0 12px}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{right:auto;left:21px;flex-direction:row-reverse}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{transform:rotate(180deg)}body.rtl #qlwapp .qlwapp-box .qlwapp-response pre,body.rtl #qlwapp .qlwapp-box .qlwapp-response textarea{padding:18px 36px 18px 88px}body.rtl #qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(100%)}body.rtl #qlwapp .qlwapp-box .qlwapp-contact{flex-direction:row-reverse}

.qlwapp-description a{color:#177ee5}
.qlwapp-description{background: #53cb60;}
#qlwapp .qlwapp-toggle{
	background: #53cb60;
}
.title .bot-bot-c2{
	    text-align: center;
    border: 1px solid #ffffff;
    margin-top: 0;
}
.vid-01.vid-c2{
	    width: 50%;
    padding: 2%;
}
#qlwapp .qlwapp-box .qlwapp-account{
	display: flex
}
#qlwapp .qlwapp-box .qlwapp-account.qlwapp-sj{
	display: none
}

#qlwapp.qlwapp-middle-left{
	    left: auto;
    right: 0;
}
#qlwapp .qlwapp-container{
	display: block;
}
#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{
	margin: 0;
   right: 0;
    left: 20px;
    float: left;
}
#qlwapp.qlwapp-middle-left .qlwapp-box:before{
	    right: auto;
    left: 20px;
}
#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
    left: auto;
    right: 30px;
    font-size: 16px;
    font-weight: 600;
    background: #ffffff80;
    margin: 0;
    border-radius: 4px;
    padding: 0 34px;
    z-index: -1;
}
#qlwapp.qlwapp-middle-left {
    top: auto;
    bottom: 3%;
    left: auto;
    width: auto;
    right: 2%;
}
#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description{
	font-size: 16px
}
#qlwapp .qlwapp-box .qlwapp-info{
	font-size:16px;
}
.qlwapp-avatar-container img {
    width: 80%;
    margin: 20% 0%;
}
.hy-p-c-r-nr-top h2{
	font-size: 40px;
    color: #004d97;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}@media screen and (max-width: 500px) {
	#footer *{
		    line-height: 1.7;
    height: auto;
		    word-break: break-all;
	}
	.index-main-content01 h1 {
    font-size: 28px;
}
	.why .why_box .why_txt_content {
    margin: 0 auto;
    width: 98%;
    overflow: hidden;
	}
	#header .header .head_r{
		    overflow: hidden;
	}
#qlwapp .qlwapp-box .qlwapp-account{
	display: none
}
#qlwapp .qlwapp-box .qlwapp-account.qlwapp-sj{
	display: flex
}
	.tittle-all {
    height: auto;
    line-height: 35px;
}
}


		.loding_banner {
    width: 100vw;
    position: relative;
    background: url(../images/loding_banner.jpg) no-repeat center;
    height: 450px;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Arial';
    margin-bottom: 60px;
    background-size: cover;
    margin-left: 50%;
    transform: translate(-50%);
}
		.loding_banner_text{max-width: 1270px;width: 1270px;margin: auto;position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%)}
		.loding_banner_text h2{
			font-size: 28px;color: #fff;margin-bottom: 30px;font-weight: bold
		}
		.loding_banner_text h3{
			    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.6;
		}
		.loding_banner_text p {
        font-size: 18px;
    color: #fff;
    line-height: 1.75;
    padding-left: 20px;
    position: relative;
    font-weight: 100;
}
.loding_banner_text p::after{
	    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 13px;
}

		.loding{max-width: 1270px;margin: auto}
		.loding *{font-size: 14px;line-height: 1.7;font-family: 'Arial';color: #080808;}
		
		.loding_one h2{    font-size: 35px;
    color: #0051a0;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.5;}
	.loding_one p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #333;
}
.loding_one h2 a{
	font-size: 35px
}
.loding_three h2 a{
	font-size: 21px
}
.loding_three_m h2, .loding_three_m_all>h2, .loding_three_m_all>a, .loding_four h2{
	text-transform: capitalize;
}
.loding_four p a{
	font-size: 18px
}
		
		.loding_two h2{
		     height: auto;
    line-height: 1.5;
    color: #333;
    padding: 10px 40px;
    font-size: 32px;
    margin-bottom: 20px;
    padding-left: 27px;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
		}

		.loding_two_ul li{
			display: inline-block;
			width: calc((100% / 4) - 15px);
			float: left;
			margin-right: 20px;
			text-align: center
		}
		.loding_two_ul li:nth-child(4n){
			margin-right: 0
		}
		.loding_two_ul::after{
			content: "";
			display: block;
			clear: both
		}
		.loding_two_text h3{
			font-size: 18px;
    font-weight: bold;
    color: #0051a0;
    height: 48px;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-word;
			font-family: 'Arial';
		}
.loding_two_text p{
	font-family: 'Arial';
}
.loding_two_img {
    height: 285px;
}
.main_box01 .loding_three_ca a{
	color: #fff
}
		.loding_two_text h4 {
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
       margin-top: 10px;
			font-family: 'Arial';
}
.loding_two_text {
    padding: 0 20px;
}
.loding_six{
	margin-bottom: 40px
}
section.copyright-section.inner-width{
	width: 100%;
	text-align: center;
	    background: #44464a;
}
p.copyright-lf {
    display: flex;
    justify-content: center;
    padding: 20px;
}
.rl-copyright.\.rl-wid section{
	padding-bottom: 0!important
}
footer.rl-footer.rl-wid {
    padding: 20px;
    background: #44464a;
}

.loding_three_ca>span {
    display: inline-block;
    width: 200px;
    text-align: center;
    background: #007cbf;
    color: #fff;
    font-weight: bold;
    height: 43px;
    line-height: 43px;
    border-radius: 8px;
    box-shadow: -2px 4px 4px 0px #80808050;
    margin-bottom: 20px;
    margin-left: 37px;
    font-size: 18px;
    transition: 0.5s;
	color: #fff;
	cursor: pointer
}
.loding_three_ca>span:hover{
	background: #0051a0
}

		.loding_two_text p{
			font-size: 12px;color: #333333
		}
		.loading_button{
			font-size: 16px;
			display: inline-block;
			height: 45px;
			line-height: 45px;
			width: 176px;
			text-align: center;
			color: #0051a0;
			border: 1px solid #0051a0;
			margin: 20px 0;
			border-radius: 30px;
			transition: 0.5s;
			cursor: pointer;
			font-weight: bold;
		}
.loding_three p {
    font-size: 18px;
}
		.loding_two, .loding_two_ul{
			margin: 20px auto
		}
		.loding_three h2{
			font-weight: bold
		}
		.loding_three h2, .loding_three p{
			margin-bottom: 15px
		}
.loding_three h2 {
    font-size: 21px;
    margin-bottom: 5px;
}
		.loding_three_d {
    display: inline-block;
    float: left;
    margin-right: 72px;
    width: calc((100% - 144px) / 3);
    text-align: center;
    cursor: pointer;
}
		.loding_three_dowoliad{
			margin: 20px auto
		}
		.loding_three_dowoliad::after{
			content: "";
			display:block;
			clear: both
		}
		.loding_three_d h4 {
    margin: 5px auto;
    font-size: 16px;
    color: #adadad;
}
.loding_three_m_all h2{
	font-size: 19px;
}
		.loding_three_d:nth-child(3){
			margin-right: 0
		}
		.loding_three_d img{
			width: 100%
		}
		.loding_three_m_all>h2,.loding_three_m_all>a{
			margin-bottom: 0
		}
		.loding_three_m_all>a {
    display: block;
    color: #0051a0;
    font-weight: bold;
    font-size: 19px;
}
		.loding_three_m{
			margin-top: 20px;
			margin-bottom: 30px;
		}
		.loding_three_m h2{
			margin-bottom: 0
		}
		.loding_three_ca h3{
			font-size: 28px;
			color: #0051a0;
			margin-bottom: 20px
		}
.loding_three_ca ul{
	padding: 0 37px
}
.loding_three_ca ul::after{
	content: "";
	display: block;
	clear: both
}
.loding_four_ul{
	padding: 0 37px
}
		.loding_three_ca ul li {
    display: inline-block;
    float: left;
    width: calc((100% - 321px) / 3);
    text-align: left;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 160px;
}
		.loding_three_ca ul li:nth-child(3){
			margin-right: 0
		}
		.loding_three_ca ul li h4{
			font-size: 18px;
			color: #0051a0;
			margin-top: 15px
		}
		.loding_three_ca>a{
		        display: inline-block;
    width: 200px;
    text-align: center;
    background: #007cbf;
    color: #fff;
    font-weight: bold;
    height: 43px;
    line-height: 43px;
    border-radius: 8px;
    box-shadow: -2px 4px 4px 0px #80808050;
    margin-bottom: 20px;
    margin-left: 37px;
    font-size: 18px;
			transition: 0.5s
		}
		
		.loding_four h2 {
    height: 70px;
    line-height: 70px;
    background: #0051a0;
    color: #fff;
    padding: 0 40px;
    font-size: 38px;
    margin-bottom: 20px;
    padding-left: 27px;
}
		.loding_four>p{
			margin-bottom: 15px;
			font-size: 18px
		}
.loding_four>p b{
	font-size: 18px
}
		.loding_four_ul li{
			    display: inline-block;
    float: left;
    margin-right: 30px;
    width: calc((100% - 90px) / 4);
    margin-bottom: 20px;
    box-shadow: 0 0 10px 2px #80808030;
		}
		.loding_four_ul li:nth-child(4n){
			margin-right: 0
		}
		.loding_four_ul::after{
			content: "";
			display: block;
			clear: both
		}
		.loding_four_ul_li_text {
    padding: 36px 15px;
    background: #fff;
			height: 175px;
}
.loding_three_d_img{
	max-height: 289px;
	overflow: hidden
}
		.loding_four_ul_li_text h3{
			font-size: 24px;
			color: #0051a0;
			transition: 0.5s;
			margin-bottom: 10px;
			text-transform: capitalize;
				
		}
		.loding_four_ul_li_text p{
			font-size: 18px;
			color: #333;
			transition: 0.5s;
			
		}
		.loding_four_ul_li_img img{
			width: 100%;
			transition: 0.5s
		}
		.loding_five {
    background: #f4f6f9;
			padding: 40px 20px
}
		.loding_five h2{
			    font-size: 36px;
    margin-bottom: 30px;
    text-align: center;
    color: #0051a0;
    font-weight: bold;
		}
.loding_five_text p{
	font-size: 16px
}
		.loding_five_ul{
			background: #fff;
			    box-shadow: 0 0 10px 2px #80808030;
		}
		.loding_five .bx-wrapper .bx-viewport{
			background: transparent;
		}
		.loding_five .bx-wrapper .bx-viewport li{
			background: #fff;
			padding:40px 30px
		}
		.loding_five .bx-wrapper .bx-viewport li::after{
			content: "“";
    display: block;
    font-size: 60px;
    color: #0051a0;
    position: absolute;
    top: -10px;
			
		}
		.loding_five_text h3{
			font-weight: bold
		}
		.loding_five_portrait {
    margin-top: 20px;
}
		.loding_five_portrait_img{
			display: inline-block;
			width: 60px;
			height: 60px;
			float: left
		}
		.loding_five_portrait_text{
			display: inline-block;
			float: left;
			width: calc(100% - 80px);
			margin-left: 20px
		}
		.loding_five_portrait_text h3{
			color: #007cbf;
			font-weight: bold
		}
		.loding_five_text b{
			color: #0051a0;
			font-weight: bold
		}
		.loding .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
}
		.loding .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
			display: none
		}
		.loding .bx-wrapper .bx-prev {
    background: url(../images/loding_five_lz.png) no-repeat 0px 0px;
    left: -39px;
    height: 38px;
    width: 38px;
}
		.loding .bx-wrapper .bx-next{
			background: url(../images/loding_five_lz.png) no-repeat 0px 0px;
			 right: -39px;
    height: 38px;
    width: 38px;
		}
		.loding_five li>a{
			display: block
		}
		.loding_five{
			margin: 40px auto
		}
		.loding_six>h2{
			height: 80px;
    line-height: 80px;
    background: #0051a0;
    color: #fff;
    padding: 0 40px;
    font-size: 28px;
    margin-bottom: 20px;
		}
	.loding_six_text h3 {
        font-size: 18px;
    font-weight: bold;
    color: #0051a0;
    height: 48px;
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-word;
}
		.loding_six_text h4 {
      font-size: 16px;
    color: #333333;
    margin: 10px 0;
    margin-top: 5px;
    text-align: center;
}
		.loding_six_text p {
        overflow: hidden;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-word;
    font-size: 16px;

}
		.loding_six_ul>li{
			text-align: center
		}
		.loding_six_text {
    padding: 0 50px;
}
		.loding_six_ul>li>a>span {
    font-size: 12px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 176px;
    text-align: center;
    color: #0051a0;
    border: 1px solid #0051a0;
    margin: 20px 0;
    border-radius: 30px;
}
ul.loding_five_ul::after {
    content: "";
    display: block;
    clear: both;
}
footer.rl-footer.rl-wid .foot_lading_page-botton {
    display: block;
    background: #44464a;
}

ul.loding_five_ul {
    background: transparent;
	    display: flex;
}
.loding_five .bx-wrapper .bx-viewport li{
	max-width: 360px
}
footer.rl-footer.rl-wid .foot_lading_page-botton-a {
    display: block;
    width: 100%;
    float: none;
    flex-flow: wrap;
    max-width: 1440px;
    margin: auto;
    justify-content: center;
}
p.copyright-lf {
    display: flex;
    justify-content: center;
    padding: 20px;
    background: #44464a;
    color: #fff;
}
.copyright-lf span{
	color: #fff!important
}
.copyright-lf span a{
	color: #fff!important
}
footer.rl-footer.rl-wid  p.copyright-lf {
    display: block;
    justify-content: center;
    padding: 20px;
    background: #44464a;
    color: #fff;
    max-width: 1440px;
    margin: auto;
}
		.loading_button:hover{
			background: #0051a0;
			color: #fff;
			transition: 0.5s
		}
		.loding_two_img, .loding_three_d_img, .three_ca_img, .loding_four_ul_li_img, .loding_six_img{
			overflow: hidden;
			transition: 0.5s
		}
		.loding_two_img img, .loding_three_d_img img, .three_ca_img img, .loding_four_ul_li_img img, .loding_six_img img{
			width: 100%;
			transition: 0.5s
		}
		.loding_two_ul li:hover img, .loding_three_d_img:hover img, .three_ca_img:hover img, .loding_four_ul li:hover img, .loding_six_ul li:hover img{
			transition: 0.5s;
			transform: scale(1.1);
		}
		.loding_four_ul li:hover .loding_four_ul_li_text{
			background: #0051a0;
			color: #fff;
			transition: 0.5
		}
		.loding_four_ul li:hover .loding_four_ul_li_text h3{
			color: #fff;
			transition: 0.5
		}
		.loding_four_ul li:hover .loding_four_ul_li_text p{
			color: #fff;
			transition: 0.5
		}
	.loding_two_text p {
    overflow: hidden;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-word;
    font-size: 16px;
		
    line-height: 1.7;

}
		.loding_inquart{
			display: none;
			width: 100%;
			height: 100%;
			position: fixed;
			left: 0;
			top: 0;
			background: #00000090;
			z-index: 9999999999
		}
		form.loding_inquart_all {
             width: 500px;
    background: #fff;
    padding: 40px;
    position: absolute;
    left: calc(50% - 250px);
    color: #888;
    height: 410px;
    top: calc(50% - 205px);
}
		
		.loding_inquart_mod lable{width: 70px;
    display: block;
			color: #000;
    margin-bottom: 5px;}
		.loding_inquart_mod input{
			width: 100%;
			min-height: 40px;
			margin-bottom: 20px;
			padding: 0 10px;
			border: 1px solid #E8E8E8;
			border-radius: 8px
		}
		.loding_inquart_mod textarea{
			width: 100%;
			height: 80px;
			padding: 10px;
			border: 1px solid #E8E8E8;
			border-radius: 4px
		}
	
		input.wpcf7-form-control.has-spinner.wpcf7-submit {
        margin-top: 20px;
    width: 200px;
    height: 50px;
    text-align: center;
    background: #007cbf;
    color: #fff;
    font-size: 16px;
    transition: 0.5s;
    width: 100%;
    border-radius: 8px;
}
.loding_inquart_mod input::placeholder{
	color: #000
}
.loding_inquart_mod textarea::placeholder{
	color: #000
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	  background: #0051a0;
	transition: 0.5s
}
		.loding_inquart_cuo {
    display: inline-block;
    position: absolute;
    width: 20px;
    right: 13px;
    top: 13px;
	cursor: pointer
}
		.loding_inquart_cuo img{
			width: 100%
		}
		
		div.video3 {
			display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 999999999999;
}


.loding_banner_text h2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px;
    font-weight: bold;
}



			.col-sm-6 input::placeholder{
				color: #000!important
			}
.col-sm-12 textarea::placeholder{
	color: #000
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
}
.col-sm-12.text-c  .lp_btn {
    color: white;
    background-color: #007cbf;
    
    margin-top: 20px;
    font-size: 16px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 176px;
    text-align: center;
    border: 1px solid #007cbf;
    margin: 20px 0;
    border-radius: 30px;
    transition: 0.5s;
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}
.col-sm-12.text-c .lp_btn:hover{
	background: #0051a0;
	color: #fff;
	transition: 0.5s;
	border: 1px solid #0051a0;
}
.loding_three_ca>a:hover{

	background: #0051a0;
    transition: 0.5s;
    text-decoration: initial;
}
.loding_banner_text h3 br{
	display: none
}








		
		.main_box01{
				margin:0px auto!important
			}

.main_box01 a{
	color: #0051a0
}
.tittle-top a{
	text-transform: capitalize;
}



.loading_button>img{
	display: none
}
.fbelec_loding_one h2{
			font-size: 32px;
			color: #333;
			font-weight: bold
		}
		.fbelec_loding_one p{
			font-size: 16px;
			color: #666
		}
		.fbelec_loding_three_one h2{
			font-size: 18px;
			line-height: 38px;
			color: #333;
			display: inline-block;
			padding: 10px 20px;
			    background-color: #0051a0;
			color: #fff;
			    padding-right: 60px;
		}
		.fbelec_loding_three_all{
			background: #e5e5e550;
			padding: 20px;
			line-height: 1.5
		}
		.fbelec_loding_three_all h3{
			
			color: #333;
			text-transform: capitalize;
			line-height: 1.5
		}
		.fbelec_loding_three_all ul{
			margin: 15px 0
		}
		.fbelec_loding_three_all ul li{
			    margin-bottom: 15px;
    font-size: 16px;
    color: #666;
    display: flex;
    align-items: center;
		}
		.fbelec_loding_three_one{
			margin-bottom: 25px
		}
		.fbelec_loding_three_one h3, .fbelec_loding_three_one h4{
			font-size: 18px;
		}
		.fbelec_loding_three_all span{
			font-size: 64px;
			line-height: 0;
			color: #666
		}
		
		.themify_builder_content-12523 .tb_3l00681.module-text {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}
		
		.fbelec_loding_four_all h2{
			    text-align: center;
    padding-top: 40px;

			font-size: 24px;
			color: #333333;
			text-transform: uppercase;
			color: #fff
		}
		
		.fbelec_loding_four_all.loding ul li {
    padding: 20px;
    border: 3px solid #0051a0;
    mix-blend-mode: normal;
    margin-bottom: 40px;
    border-radius: 20px;
    width: 49%;
    float: left;
    margin-right: 2%;
			transition: 0.5s;
			position: relative;
			overflow: hidden
				
}
		.fbelec_loding_four_all.loding ul li::after{
			content: "";
			display: block;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: #c19a4b;
			height: 100%;
			opacity: 0;
			z-index: -1;
			transition: 0.5s
		}
		.fbelec_loding_four_all.loding ul li:hover::after{
			opacity: 0.3;
			transition: 0.5s
		}
		.fbelec_loding_four_all ul li h2{
			padding-top: 0;
    padding-bottom: 20px;
    line-height: 1.5;
    text-align: left;
    min-height: 100px;
		}
		.fbelec_loding_four_all.loding ul::after{
			content: "";
			display: block;
			clear: both
		}
		.fbelec_loding_four_all.loding ul li:nth-child(2n){
			margin-right: 0
		}
		.fbelec_loding_four_all h3{
			font-size: 16px;
			text-align: center;
			margin-bottom: 25px;
			    padding-bottom: 20px;
			margin-top: 10px;
			color: #fff
		}
		.fbelec_loding_four_all.loding ul li p{
				color: #fff;
			font-size: 16px;
			text-align: left;
		}
		.fbelec_loding_four_all .loading_button{
			background: #0051a0;
    color: #fff;
		}
.fbelec_loding_four_all .loading_button:hover{
	background: #003f7c;
	border-color: #003f7c;
}
.fbelec_loding_four{
	margin-bottom: 40px
}
		.fbelec_loding_four {
        background-image: url(https://islproducts.com/wp-content/uploads/bg-gear-motor-schematic-full.jpg);
    padding-bottom: 40px;
    position: relative;
    width: 100vw;
    margin-left: 50%;
    transform: translate(-50%);
}
		.fbelec_loding_four_all.loding {
    position: relative;
    z-index: 9;
}
		.fbelec_loding_four_all h3{
			    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
		}
		.fbelec_loding_four::after{
			content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0051a080;
			
			
		}
.lighting_all .fbelec_loding_four::after{
	 background: #0051a020;
	transition: 0.5s
}
.lighting_all .fbelec_loding_four_all.loding ul li::after{background: #b1cae4;    opacity: 0.5;}
.lighting_all .fbelec_loding_four_all.loding ul li:hover::after{opacity: 0.3;
    transition: 0.5s;}
.lighting_all .fbelec_loding_four:hover::after{
	 background: #0051a080;
	transition: 0.5s
}
		.fbelec_loding_four_all ul{
			display: flex;
			justify-content: space-between
		}
		
			@media screen and (max-width:768px){
			.fbelec_loding_four_all.loding ul{
    flex-flow: wrap;
}
.fbelec_loding_four_all.loding ul li{
    width: 100%;
    margin-right: 0;
}
		}
		
	



		@media screen and (max-width: 1400px){
			.loding_banner_text{
				width: 94%
			}
			.loding, .main_box01{
				width: 94%
			}
			
			
		}
		@media screen and (max-width: 768px){
			.loding_two_ul li, .loding_four_ul li {
    width: calc((100% / 2) - 15px);
}
			.fbelec_loding_three_one h3, .fbelec_loding_three_one h4 {
    font-size: 16px;
    line-height: 1.75;
    font-weight: bold;
}
			.loding_three_ca>a{
				margin-top: 40px;
    width: 94%;
    margin-left: 3%;
			}
			.loding_two_ul li:nth-child(2n), .loding_four_ul li:nth-child(2n){
				    margin-right: 0
			}
			.loding_three_d, .loding_three_ca ul li{
				width: 80%;
				margin: 20px 10% 0 
			}
			.loding .bx-wrapper .bx-prev{
				left: -5px
			}
			.loding .bx-wrapper .bx-next{
				right: -5px
			}
			.loding_banner{
				background-position: center;
				background-size: cover
			}
			.loding_four_ul_li_text h3, .loding_four h2, .loding_two h2, .loding_one h2, .loding_banner_text h2, .loding_five h2, .loding_six>h2, .loding_three_ca h3{
				    font-size: 24px;
			}
			.loding video.yes.movie1 {
    width: 94%;
    left: 3%;
}
			.loding a.close {
    left: auto;
    right: 2%;
}
			.col-sm-8{
				width: 100%
			}
			input.col-sm-4.lp_btn {
    width: 100%;
}
			.loding_banner_text h3{
				margin-bottom: 20px
			}
			.loding_banner_text h2{
				margin-bottom: 20px
			}
			.loding_banner_text h3, .loding_banner_text p, .loding_one p, .loding_two_text h3, .loding_three p, .loding_three_m_all h2, .loding_three_m_all>a, .loding_three_ca ul li h4, .loding_three_ca>a, .loding_four>p, .loding_four_ul_li_text p{
				font-size: 16px;
				line-height: 1.75;font-weight: 600;
			}
			.loding_two_text p, .loding_two_text h4, .loding_five_text p{
				font-size: 14px
			}
			.loding_two h2{
				padding-right: 0
			}
			.rl-footer-cont.inner-width {
    display: none;
}
		}
.foot_lading_page-botton {
    display: none;
}
.foot .foot_lading_page .foot_lading_page-botton {
    display: block;
}
		@media screen and (max-width: 500px){
			ul.loding_five_ul{
				flex-flow: wrap;
			}
			.loding_five{
				    padding: 40px 0;
			}
			.loding_four h2{
				    height: auto;
    line-height: 1.75;
    background: #0051a0;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    padding-right: 0;
			}
			
			.loding_two h2 {
    height: auto;
    line-height: 1.75;
    background: #0051a0;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    padding-right: 0;
}
			.loding_four_ul {
    padding: 0 0px;
}
			.loding_three_ca ul {
    padding: 0 0px;
}
			.loding_two_img {
    height: auto;
}
			.fbelec_loding_three_all li .loding_two_img{
				width: 100%
			}
			.index-nav-all-right-top form {
    width: 100%!important;
}
			form.loding_inquart_all{
				width: 100%;
				left: 0
			}
			.loding_two_ul li, .loding_four_ul li{
				width: 100%;
				margin: 20px 0
			}
			.loding_three_d, .loding_three_ca ul li {
    width: 100%;
    margin: 20px 0%;
}
		}

.fbelec_loding_three_all li{
	flex-flow: wrap
}
.fbelec_loding_three_all li .loding_two_img{
	height: auto
}
.fbelec_loding_three_one h3 a, .fbelec_loding_three_one h4 a{
	font-size: 18px;
	
}
.fbelec_loding_three_one h3, .fbelec_loding_three_one h4{
	text-transform: capitalize
}

.loding_banner.new{
	background: url(../images/loding_banner1.jpg) no-repeat center;
}
.loding_four.newone{ 
	text-align: center;
}
.loding_four.newone.zz h2{
	text-align: left
}
.loding_banner.new .loding_banner_text p::after{
	display: none
}
.loding_banner.new .loding_banner_text p{
	font-size: 14px;
	padding-left: 0;
	width: 80%;
	font-weight: 500;
}
.loding_four.zz{
	margin-bottom: 40px;
}
.loding_banner.new h1{
	font-weight: bold
}
.loding .zz p{
	margin-bottom: 5px;
}
.banner_postion {
    position: absolute;
    left: 120px;
    bottom: 100px;
    background: #2e68a8;
    color: #808080;
}
/*
.banner_postion a{
	display: block;
    padding: 20px 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}
*/
.banner_postion a {
    display: block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    color: #2e68a8;
    background: #2e68a8;
    font-size: 16px;
    margin-top: 20px;
    height: 40px;
    color: #fff;
}

.banner_postion a:hover{background: #000;color: #fff;}




/*2022.8.15 loading page*/
  .firework-line {
    overflow: hidden;
  }

  #search-img {
    height: 33px;
  }

  #hide-search {
    margin-top: 0px;
  }

  .text-c {
    text-align: center;
  }

  .col-sm-8 div {
    margin-bottom: 10px;
  }

  .lp_btn {
    color: white;
    background-color: #041b4a;
    height: 40px;
    margin-top: 20px;
  }

  .main {
    padding-top: 122px;
  }

  .bread_nav {
    padding: 1.5rem 0;
  }

  .loadpage_items {
    width: 1200px;
    margin: 0 auto 3%;
  }

  .loadpage_items h3 {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #23527c;
    margin: 3% 0 1%;
  }

  .loadpage_items .loadpage_list {
    margin: 1% auto;
    padding: 2rem;
    transition: all .3s;
    background: #f6f6f6;
  }

  .loadpage_items .loadpage_list:hover {
    background: #ddd;
  }

  .loadpage_items .loadpage_list h4 {
    font-size: 24px;
    text-transform: uppercase;
  }

  .loadpage_items .loadpage_list time {
    font-size: 16px;
    display: block;
  }

  .loadpage_items .loadpage_list a {
    width: 140px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #23527c;
    font-size: 14px;
    color: #fff;
    margin-top: 3%;
  }

  .foot_lading_page {
    border-top: 1px solid rgba(157, 157, 157, .2);
    padding-top: 40px;
    font-family: "Arial"
  }

  .foot_lading_page h2 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: "Arial"
  }

  .foot_lading_page-botton a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-family: "Arial";
    padding: 0 20px;
    margin-right: 10px;
  }

.foot_lading_page .foot_lading_page-botton>a{
	color: #686868
}

  .foot_lading_page-botton-a {
    display: flex;
    width: 100%;
    float: left;
    flex-flow: wrap;
  }

  .foot_lading_page-botton h2 {
    display: inline-block;
    float: left;
    width: 10%;
    text-align: right;
    height: 40px;
    line-height: 40px;
  }

  .foot_lading_page-botton::after {
    content: "";
    display: block;
    clear: both
  }
	  .main_box01{
		  max-width: 1270px;
		  margin: auto
	  }

  @media screen and (max-width: 1060px) {
    .foot_lading_page-botton a {
      padding: 0 10px;
      margin-right: 20px;

    }
  }

  @media screen and (max-width: 1024px) {
    .foot_lading_page-botton {
      width: 25%;
      height: 100%;
      float: left;
    }

    .foot_lading_page::after {
      content: "";
      display: block;
      clear: both
    }

    .foot_lading_page-botton h2 {
      width: 100%;
      text-align: left;
    }

    .foot_lading_page-botton-a {
      width: 100%;
      flex-flow: wrap
    }

    .foot_lading_page-botton-a a {
      width: 100%;
      padding: 0;
      margin-right: 0;
      text-align: left;
    }
  }

  @media screen and (max-width: 500px) {
    .foot_lading_page-botton {
      width: 50%;
    }

    .foot_lading_page-botton a {
      height: auto;
      line-height: 1.75;
    }

    .foot_lading_page-botton h2 {
      width: 90%;
      text-align: left;
      border-bottom: 1px solid #dfdfdf;
    }
	  .main_box01 .pro_list a{width: 49%!important;margin-right: 2%!important}
	  .main_box01 .pro_list a:nth-child(2n){margin-right: 0%!important}
	  .main_box01 .pro_list{flex-flow: wrap} 
  }

.megee-tab-products-image .imageContainer {
	height: auto!important
}
@media screen and (max-width: 768px) {
	.megee-tab-products-image .imageContainer.ic-p{
		width: 100%
	}
	.megee-tab-products-image .imageContainer.ic-t{
		width: 100%
	}
}
.icb-p{
	height: auto!important
}

.lighting_all .loding_four h2 span, .lighting_all b, .lighting_all strong, .lighting_all .loding_four a, .lighting_all .loding_four>p b{
	font-size: inherit;
    color: inherit;
}
div#PS {
    margin-bottom: 60px;
    padding-bottom: 60px;
}
	

.vests_p_r h2 a{
	font-size: 24px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #14283c;
    font-weight: bold;
    transition: 0.5s;
}
.vests_p:hover .vests_p_r h2 a{
	color: #ffffff
}
.vests_p:hover .vests_p_r strong{
	color: #ffffff
}
.vests_two_all p a{
	    font-style: inherit;
	font-size: inherit;
}
.vests_one-right p a, .vests_one-right p strong{font-size: inherit}
.vests .vests_one.vests_three::after{
	background: #0051a0
}
.vests_one-right p, .vests_two_all p{
	text-align: left
}
.vests_two_all>a>strong{
	color: #0051a0;
	font-size: 24px;
}
.vests_two_all>a:hover strong{
	color: #ffffff;
	list-style: none;
	   
}
.vests_two_all>a:hover{
	 text-decoration: none;
}

.solution-all_img {
    height: 300px;
    overflow: hidden;
}

.inner_page_banner_all {
    height: 300px;
    overflow: hidden;
    position: relative;
    z-index: -1;
}
.inner_page_banner {
    position: fixed;
    height: 500px;
    overflow: hidden;
    width: 100%;
	top: 0
}
.page_banner {
    height: 500px;
    overflow: hidden;
    background: #777;
}
.page_banner img {
    width: 100%;
}
.solution_aldt{
	width: 100%;
	z-index: 99;
	background: #ffffff
}
.move-ul .imageContainer{
	height: auto!important
}
.ssfety_b_all_faq>li>p{
	display: none
}



	.fb-loading-buzzer{
		max-width: 1200px;
		margin: 0px auto
	}
	.fb-loading-buzzer-title h1,.fb-loading-buzzer-faq h2,.fb-loading-buzzer-working h2,.fb-loading-buzzer-cer h2{
		font-size: 38px;
		line-height: 60px;
		color: #333;
		padding: 10px 27px;
		background-color: #0051a0;
		color: #fff;
		font-weight: bold
	}
	.fb-loading-buzzer-title p,.fb-loading-buzzer-working>p,.fb-loading-buzzer-faq .fb-loading-buzzer-box {
    background: #e5e5e550;
    padding: 20px;
    line-height: 1.5;
}
	.fb-loading-buzzer-working-img{
		text-align: center;
	}
	.fb-loading-buzzer-title,.fb-loading-buzzer-faq,.fb-loading-buzzer-cer,.fb-loading-buzzer-working{
		margin-bottom: 40px;
	}

.fb-loading-buzzer-cer a {
    display: inline-block;
    background: #0051a0;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
}
	.fb-loading-buzzer-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
	.fb-loading-buzzer-box p,.fb-loading-buzzer-title p,.fb-loading-buzzer-working p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}
	.fb-loading-buzzer-working-box {
    margin-top: 30px;
}
	.fb-loading-buzzer-cer-box-flex{
		display: flex;
	}
	.fb-loading-buzzer-cer-box img{
		width: 100%;
	}
	.fb-loading-buzzer-cer-box{
		width: 31.3%;
		margin-right: 3%;
	}
		.fb-loading-buzzer-cer-box:nth-child(3){
		margin-right: 0;
	}
.fb-loading-buzzer-cer-box{text-align: center;}
.fb-loading-buzzer .loding_banner_text p {
    width: 60%;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
} 
.fb-loading-buzzer .loding_banner_text p::after{
    top: 10px;
}

.fb-loading-buzzer-faq-left img{
	width: 100%;
}
.fb-loading-buzzer-faq-left{
	float: left;
	width: 48%;
	margin-top: 60px;
}
.fb-loading-buzzer-faq-right{
	float: right;
	width: 48%;
}
.fb-loading-buzzer-faq-right>h2 {
    font-size: 36px!important;
    color: #0051a0!important;
    margin-bottom: 20px!important;
    background-color: white;
    padding: 0;
}
.fb-loading-buzzer-faq-right .fb-loading-buzzer-box{
	background: #fff;
}
.fb-loading-buzzer-faq-right .fb-loading-buzzer-box h3{
	font-size: 16px;
	color: #0051a0!important;
	font-weight: bold
}
.fb-loading-buzzer-faq-right .fb-loading-buzzer-box p{
	font-size: 14px;
	line-height: 22px
}
.fb-loading-buzzer-box{
	padding: 10px 20px!important;
}
.fb-loading-buzzer-faq-left-right {
    margin-top: 20px;
}
.fb-loading-buzzer-faq-left-right .fb-loading-buzzer-box a{
	display: inline-block;
	margin-top: 10px;
	text-decoration: underline;
}

@media screen and (max-width: 768px){
	.fb-loading-buzzer-title h1, .fb-loading-buzzer-faq h2, .fb-loading-buzzer-working h2, .fb-loading-buzzer-cer h2{
		font-size: 24px!important;
		line-height: 35px!important;
	}
	.loding_banner-new h2{
		font-size: 24px!important;
	}
	.fb-loading-buzzer .loding_banner_text p{
		font-size: 14px;
		width: 100%;
	}
	.fb-loading-buzzer-cer-box-flex{
		flex-flow: wrap;
	}
	.fb-loading-buzzer-cer-box{
		width: 100%; 
		margin-right: 0!important
	}
	.fb-loading-buzzer-faq-left,.fb-loading-buzzer-faq-right{
		width: 100%;
	}
	.fb-loading-buzzer-faq-left{
		margin-top: 0px;
	}
}


/*
.fb-loading-buzzer.alarm .loding_banner_text p{
	width: 70%;
}
*/

	.fb-loading-buzzer-box>p{
		margin-bottom: 15px;
	}
	.fb-loading-buzzer-faq>p{
		font-size: 16px;
		margin: 10px 0;
	} 
	.loding_banner-new h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 15px;
    color: #232323;
		font-weight: bold
}
	.loding_banner-new p {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    line-height: 24px;
}
.fb-loading-buzzer-faq.new h2 {
    font-size: 32px;
    line-height: 50px;
}
.pieze-one.flex.wid{
padding-top:50px
}

.index-nav-all-logo img,.index-nav-all-logo-white img{
	width: 117px;
}
.index-nav-all-logo-white{
	display: none
}
.index-nav.index-nav-hui .index-nav-all-logo-white{
	display: none;
	float: left;
}
.index-nav.index-nav-hui .index-nav-all-logo{
	display: block
}


.innovations-all{
	background: #efefef;
	padding: 120px 200px;
}
.innovations-topleft{
	float: left;
	width: 29%; 
}
.innovations-topright{
	float: right;
	width: 55%;
}
.innovations-topleft>h2,.innovations-topright>h1 {
    font-size: 40px;
    color: #2e68a8;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 1px;
	margin-top: 70px;
} 
.innovations-topright>h1{
	color: #003977;
	margin-bottom: 15px;
	margin-top: 0;
}
.innovations-topright>h3{
	font-size: 16px;
	color: #0c0c0b;
	margin-bottom: 10px;
}
.innovations-topright>p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
.innovations-bottom-left{
	width: 44%;
	float: left;
	background: #2e68a8;
	height: 665px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.innovations-bottom-left>a,.innovations-bottom-righttop>a,.innovations-bottom-rightbottom>a {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    font-size: 24px;
    color: #fff;
    left: 0;
}
.innovations-bottom-right{
	width: 55.6%;
	float: right;
	height: 665px;
}
.innovations-top{
	margin-bottom: 140px;
}
.innovations-bottom-left>a>span,.innovations-bottom-righttop>a>span,.innovations-bottom-rightbottom>a>span{
	position: absolute;
    top: 45%;
    margin-left: 50%;
    transform: translate(-50%);
	text-align: center;
	width: 100%;
	z-index: 99;
}
.innovations-bottom-righttop,.innovations-bottom-rightbottom{
	height: 328.5px;
	background: #2e68a8;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;	
}
.innovations-bottom-righttop{
	margin-bottom: 8px
}
.innovations-bottom-rightbottom{
	margin-top: 8px;
}
.innovations-all.core{
	background: #fff;
	padding: 100px 200px;
}
.innovations-all.core .innovations-topleft{
	width: 35%;
}
.idx-feature-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.idx-feature-section > div:nth-of-type(1) {
    background: #A2A2A2;
}

.idx-feature-section > div {
    width: 33.33%;
    position: relative;
}
.idx-feature-top-content {
    padding: 50px 50px 33.33vw 50px;
}
.idx-feature-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
}
.idx-feature-top > div:nth-of-type(1) {
    width: calc(100% - 110px);
    padding-right: 25px;
    color: #fff;
}
.idx-feature-top > div:nth-of-type(1) span {
    font-size: 24px;
    font-weight: 500;
    display: block;
    padding-bottom: 15px;
    line-height: 30px;
}
.idx-feature-top > div:nth-of-type(2) {
    width: 110px;
    text-align: center;
}
.idx-feature-top > div:nth-of-type(2) img {
    height: 88px;
}
.idx-feature-pto {
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.idx-feature-btn {
    position: absolute;
    display: block;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}
.idx-feature-pto img { 
    width: 100%;
}

.idx-feature-btn img {
    width: 80px;
}


.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.idx-feature-section > div:nth-of-type(2) {
    background: #2e68a8;
}
.idx-feature-section > div:nth-of-type(3) {
    background: #5a93d1;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.idx-pro-top-section {
    padding: 80px 5%;
    background: #ECECEC;
}
.content-Box {
    max-width: 1440px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    clear: both;
}
.idx-pro-top-section .idx-app-section-top {
    padding-bottom: 0;
}

.idx-app-section-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 90px;
}
.idx-pro-top-section .idx-app-section-top > div {
    padding-bottom: 0;
}

.idx-app-section-top > div {
    padding-bottom: 20px;
    width: 50%;
}
.idx-app-title {
    font-size: 40px;
    font-weight: 500;
    color: #2e68a8;
    letter-spacing: 0.1rem;
    line-height: 130%;
}
.idx-pro-top-section .banner-btn a {
    margin: 0 0 0 auto;
}
.banner-btn a {
    display: block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    color: #2e68a8 !important;
    background: #fff;
    font-size: 16px;
    margin-top: 20px;
	transition: all 0.4s ease-out 0s;
}
.banner-btn a:hover {
    background: #2e68a8;
    color: #fff !important;
}
div#w7>ul{
	display: flex;
}
div#w7>ul>li {
    width: 25%;
    position: relative;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;background: #44464a;
}
div#w7>ul>li:hover{
	background:#2e68a8 
}

.listover>img{
	width: 100%;
}
.listover{
	position: relative;
	text-align: center
}
.listover>span{
	left: 50%;
	transform: translate(-50%);
	width: 94%;
    position: absolute;
    z-index: 3;
    font-size: 24px;  
    font-weight: 400;
    line-height: 120%;
    top: 40%;
    transition: all 0.4s ease-out 0s;
	color: #fff
}
div#w7>ul>li:hover .ga {
    top: 34%;
}
/*
div#w7>ul>li:hover .idx-pro-bg {
    opacity: 0.8;
}
*/
div#w7>ul>li:hover .listover>span {
    color: #fff;
}

.idx-pro-bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2e68a8;
    opacity: 0;
}

.idx-news-section {
    background: url(../images/idx-news-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 80px 5%;
}
.content-Box {
    max-width: 1440px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    clear: both;
}
.idx-news-section { background: url("../images/idx-news-bg.jpg") no-repeat center center; background-size: cover; padding: 80px 5%;}
.idx-news-box { display: flex; flex-direction: row; flex-wrap: wrap;}
.idx-news-box > div:nth-of-type(1) { width: 280px;}
.idx-news-box > div:nth-of-type(2) { width: calc(100% - 280px);} 
.idx-news-img img{width: 100%;}
div#w8 a{padding: 10px;width: 33.3333%;} 
.idx-news-data p {
    max-height: 63px; 
    overflow: hidden;
}
div#w8{display: flex;}
.idx-news-title { font-size: 40px; font-weight: 500; color: #fff; line-height: 110%; padding-bottom: 15px; letter-spacing: 0.1rem;}
.idx-news-btn a { display: block; width:130px; line-height: 40px; text-align:center; color: #2e68a8 !important; background: #fff; font-size:16px;}
.idx-news-btn a:hover { color: #fff !important; background: #2e68a8; }

.idx-news-content { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); display:block;}
.idx-news-pto { overflow: hidden; border-radius: 20px 0 0 0; position: relative; height: 220px;}
.idx-news-pto:hover .idx-news-img { transform: scale(1);}
.idx-news-img { position: absolute;width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease-out 0s; transform: scale(1.3);}
.idx-news-data { padding: 20px; background: linear-gradient(180deg, #f4f4f4 0%, #FFFFFF 10%); height: 152px; overflow: hidden;color: #656565; font-size: 16px; font-weight: 300;}
.idx-news-data h3 { display: block; font-size: 20px; color: #2e68a8; padding-bottom: 8px; font-weight: 400;}
.idx-news-date { padding:10px 20px; border-top:1px solid#C8C8C8; font-size: 16px; color: #2e68a8; font-weight: 300;background: linear-gradient(180deg, #f4f4f4 0%, #FFFFFF 10%);}
.loop3 .owl-dots { display: none;}
.loop3 .owl-item {position: relative; }
.loop3 .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop3 .owl-prev, .loop3 .owl-next { position:absolute; z-index:100; top:calc(50% - 0px); background:none !important;}
.loop3 .owl-prev { left:10px; }
.loop3 .owl-next { right:10px;}
.loop3 .owl-prev:before, .loop3 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.5;transition: all 0.4s ease-out 0s;width: 50px; height: 50px; background-size: contain !important; display: block;/* border-width: 2px 2px 0 0; border-style: solid; border-color: #fff;*/}
.loop3 .owl-prev:before { content: ""; transform: rotate(0deg); background: url("../images/icon-arr-prev.svg") no-repeat;}
.loop3 .owl-next:before { content: ""; transform: rotate(0deg); background: url("../images/icon-arr-next.svg") no-repeat;}
.loop3 .owl-prev:hover:before, .loop3 .owl-next:hover:before { opacity: 1;}
.loop3 .owl-stage-outer {z-index: 2;}
.loop3 .owl-dots { position: absolute; z-index: 100; bottom: 25px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop3 .owl-dots .owl-dot span, .loop3  .owl-dots .owl-dot span { background: #fff !important; width: 14px !important; height: 14px !important; border: 0px solid #4c4c4c;}
.loop3 .owl-dots .owl-dot.active span, .loop3  .owl-dots .owl-dot:hover span { background: #e02829 !important; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
div#w7 {
    margin-bottom: 60px;
}
.innovations-all.core .innovations-top{
	margin-bottom: 0px;
}


.footer-top {
    background: #484848;
}
.content-Box {
    max-width: 1440px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    clear: both;
}
.footer-top-link {
    border-left: 2px solid #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.footer-top-link > a {
    border-right: 2px solid #fff;
    width: 33.33%;
    text-align: center;
    padding: 35px 5%;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.1rem;
    display: block;
    line-height: 120%;
}
.footer-top-link > a img {
    display: block;
    margin: 0 auto 10px auto;
    height: 43px;
}
.footer-bottom {
    position: relative;
    background: linear-gradient(0deg, #E4E4E4 0%, #FFFFFF 100%);
    padding: 55px 5% 30px 5%;
}
.footer-bottom:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #D5D5D5 0%, #fff 25%, #B7B7B7 50%, #F1EFEF 75%, #AAAAAA 100%);
}	
.footer-right-link {
    position: absolute;
    z-index: 3;
    bottom: 90px;
    right: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.footer-right-link > div {
    margin-top: 20px;
}
.footer-right-link > div img {
    width: 48px;
}
.copyright {
    padding: 10px 5%;
    color: #fff;
    text-align: center;
    background: #2e68a8;
    letter-spacing: 0.1rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}
.copyright a {
    color: #fff;
    display: inline-block;
}
.footer-logo {
    line-height: 0;
    margin-bottom: 40px;
}
.footer-logo img {
    width: 150px;
}
.footer-info {
    width: 440px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-info > div:nth-of-type(1), .footer-info > div:nth-of-type(2) {
    width: 100%;
}
.footer-info > div {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    padding: 0 10px 20px 0; 
}  
.footer-other {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: -25px;
}
.footer-other > div {
    width: 75%; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-other > div > a {
    width: 33.33%;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #222;
    padding-bottom: 30px;
    padding-right: 15px;
    line-height: 130%;
}
.footer-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.footer-info > div > div img {
    width: 20px;
}
.footer-info > div > div:nth-of-type(2) {
    width: calc(100% - 20px);
    padding-left: 8px;
    font-size: 18px;
    color: #222;
    font-weight: 400;
    letter-spacing: 0.05rem;
}
.footer-info > div > div:nth-of-type(2) a {
    color: #222 !important;
}
.footer-top-link > a:hover {
    background: #2e68a890;
}
.index-bannera p{
    width: 100%;
    color: #ffffff;
    font-size: 18px;
}
.banner_postion{
	position: absolute;
    z-index: 3;
    width: 40%;
    max-width: 600px;
    left: 8%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 130%;
    /* letter-spacing: 0.05rem; */
    background: #2e68a890;
    padding: 40px;
	bottom: auto;
	display: none
}
.index-bannera .move-ul h2{
	font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 110%;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#qlwapp .qlwapp-toggle,.qlwapp-description{
	background: #2e68a8
}
.qlwapp-avatar-container img{
	margin: 0;
}
.innovations-bottom img{
	width: 100%;
	object-fit: cover;
} 
.innovations-bottom-righttop:hover .idx-pro-bg,.innovations-bottom-rightbottom:hover .idx-pro-bg,.innovations-bottom-left:hover .idx-pro-bg{
    opacity: 0.6; 
}
.qlwapp-description a{
	color: #fff;text-decoration: underline
}


div.video2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 999999999999;
}
.movie1 {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 18vh;
    box-sizing: border-box;
    border: 7px solid #2e68a8;
    border-radius: 7px;
    cursor: pointer;
}
.close {
    position: absolute;
    left: 75%;
    top: 18vh;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 32px;
    margin-left: -20px;
    margin-top: -13px;
    font-size: 26px;
    cursor: pointer;
    padding: 0;
    border: none;
}
.close img {
    width: 20px;
    margin-top: 5px;
}

.index-nav-all-right li.currnet>a{color: #fff;}
.support-agnet>img{width: 100%;}
.support-agnet>.su-phone{display: none}
.support-agnet>.su-pc{display: block}
.agnet-text{position: absolute;width: 100%;left: 0;top: 0;height: 100%;}
.agnet-textul{max-width: 1440px;margin: auto;display: flex;align-items: center;height: 100%;}
.support-agnet{position: relative;}
.agnet-textul h3{font-size: 40px;color: #fff;margin-bottom: 20px;}
.agnet-textul p{font-size: 16px;line-height: 24px;margin-bottom: 20px;color: #fff;}
.ulli {width: 48%;}
.support-video {margin-top: 40px;} 
.left-ag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding: 150px;
}
.support-video-left{float: left;width: 50%;position: relative;}
.support-video-left>img{width: 100%;}
.support-video-right {
    /* float: right; */
    width: 48.7%;
    position: absolute;
    right: 0;
    top: 0;
	border: 0.5px solid #000
}
.support-video-left h3 {
    font-size: 36px;
    margin-bottom: 25px;
    color: #fff;
    font-weight: bold;
}
.support-video-left p,.support-t p{font-size: 14px;line-height: 21px;margin-bottom: 20px;}
.left-ag p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.support-t{max-width: 1440px;margin: 40px auto;}
.support-t ul li{margin-bottom: 10px;padding-left: 0px;}
/*.support-t ul li::marker {content: "•"; color: black; font-size: 1.2em;}*/
.support-t h3{font-size:28px;margin-bottom: 20px;}
.support-video-right video{width: 100%;}
.if-container {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 24px;
}
	.r-advantage h2, .r-advantage h4 {
    padding: 60px 0 0;
    font-size: 52px;
    text-align: center;
		margin-bottom: 40px;
}
	.r-advantage h4 {
    color: #fff;
}
	#recruit .r-line {
    margin: 3.5rem auto 4rem;
    width: 8rem;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
}
	.r-advantage h5 {
    color: #fff;
}

	.recruit-form .form-item .form-label {
    width: 100%;
    color: #fff;
    font-size: 1.25rem;
    margin-right: 0;
    line-height: 30px;
    width: 100%;
}
.r-advantage h3, .r-advantage h5 {
    font-size:24px;
    text-align: center;
}
	.recruit-form {
    padding-top: 40px;
}
	#recruit-form .form-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
	#recruit-form .form-label span {
    color: red;
}
	.r-join .form-control {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255 255 255 / .85);
    background: rgba(255 255 255 / 0);
    padding: 0 10px;
    color: #fff;
    appearance: none;
    outline: none;
	box-sizing: border-box;
		border-radius: 0px;
		border: 1px solid #999;
}
	.recruit-form .form-control {
    font-size: 1.25rem;
}
	.recruit-form .form-item {
    flex-direction: column;
}
	.form-item {
    display: flex;
    width: 100%;
}
	.submit-btn {
    display: flex;
    align-items: end;
}
	.if-recruit-form-submit {
    width: 260px;
    height: 50px;
    line-height: 50px;
    background: #038BFF;
    font-size: 20px;
    color: #fff;
		border: none;
}
	.r-join {
    width: 100%;
    background: #484848;
		padding-bottom: 40px;
}
	.form-row .w-50 {
    width: 48%;
}
	.recruit-form .form-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
	.recruit-form option {
    background-color: #fff;
    color: #000;
}
	#recruit-form .form-item {
    margin-bottom: 42px;
    position: relative !important;
}



.bx-wrapper .bx-pager.bx-default-pager a{
	border: 1px solid #000;
}


.proct-zj {
    background:#44464a;
}
.proct-zj .proct-zj-bu{}


.tables-ul .current li{
	margin-bottom: 10px;
}



/*
.banner_postion{
	display: block;
	background: none;
}
*/
.banner .index-banner .index-bannera:nth-child(2) .banner_postion{
	top: 50%;
	left: 14.5%;
	padding: 0;
	display: block;
	background: none;
}
.banner .index-banner .index-bannera:nth-child(5) .banner_postion{
	top: 46%;
	left: 6.5%;
	padding: 0;
	display: block;
	background: none;
}
.banner .index-banner .index-bannera:nth-child(4) .banner_postion {
    top: 64%;
    left: 9%;
    padding: 0;
    display: block;
    background: none;
}

li.tables-li>ul>li {
    margin-bottom: 5px;
}
.our-cer ul {
    display: flex;
	flex-flow: wrap
}
.our-cer ul li{
    width: 31.3%;
	margin-right: 3%;
	margin-bottom: 40px
}
.our-cer ul li img{width: 100%;}
.our-cer ul li:nth-child(3n){
    margin-right: 0;
}
.our-cer {
    margin-top: 20px;
}

.index-nav-all-right {
    line-height: 52px;
    display: flex;
    align-items: center;
}
.local-language img {
    width: 25px;
}
.local-language {
    cursor: pointer;
}
 
div#translate:focus,select#translateSelectLanguage:focus{
	outline: none; 
    box-shadow: none; 
    border-color: inherit; 
}
select#translateSelectLanguage,div#translate {
    height: 28px;
    width: 200px;
	background: #44464a;
    color: #999;
}
#translate{ 
	top: 8px!important;
	right: 252px!important;
}





.road_box .road {
    text-align: center;
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 40px;
	font-weight: bold
}
.main_box01 .pro_list{
	display: flex;
}
.main_box01 .pro_list a{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.main_box01 .pro_list a img{
	width: 100%;
}
.product-content-right-left-text h1{
	font-size: 16px;
	text-align: center; 
}
.main_box01 .pro-cont-right{
	margin: 40px 0;
}
.main_box01 .pro_list a:nth-child(4){
	margin-right: 0;
}

@media screen and (max-width: 1440px){
	.agnet-textul h3{
		font-size: 30px;
	}
	.innovations-topleft>h2{margin-top: 150px;}
	.agnet-textul p{font-size: 14px;line-height: 21px;}
}  
@media screen and (max-width: 1024px){
	.support-video-phone {
    display: block!important;
}
	.support-video-right {
    display: none;
}
	.ulli, .support-video-left, .support-video-right {
    width: 100%;
}
	.support-agnet>.su-pc {
    display: none; 
}
	.support-agnet>.su-phone {
    display: block;
}
	.support-video-phone video {
    width: 100%;
}
}


@media screen and (max-width: 768px){
	.agnet-textul h3{
		font-size: 24px;
	}
	.if-recruit-form-submit{width: 100%;}
	#translate {
    right: 20px!important;
}
	div#w8 a{width: 100%;}
	div#w8{flex-flow: wrap}
}


.newstxt p{
	color: #232323!important;
}


.main_box01 p,.main_box01 span{
	line-height: 27px;
}



/*faqs*/
.faqs-all{
	margin: 0px auto;
	max-width: 1000px;
	margin-top: 25px;
}
.faqs-children{
	padding: 2%;   
	cursor: pointer;
    border-top: 1px solid #ccc;
	 
		
}
.faqs-title i.fa.fa-angle-down {
    font-size: 24px;
	color: #e10125;
	cursor: pointer
}

.faqs-title{
	position: relative;
}
.faqs-title span{
	position: absolute;
	right: 3%;
	z-index: 9;	
	transition: 0.6s;
	top: 0;
}
.faqs-title ul{
	display: block;
}
.faqs-title ul p {
    font-size: 16px;
    color: #232323;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    margin-top: 20px;
}
/*
.faqs-children:nth-child(1) .faqs-title ul{
	display: block;
}
.faqs-children:nth-child(1) .faqs-title i{
	transform: rotate(-180deg)
}
*/
.faqs-title ul p{
	font-size: 14px;
	color: #878787;
	line-height: 1.5;
	padding-left: 20px;
}
.faqs-title h3{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	display: inline-block;
	margin-bottom: 2%;
	transition: 0.5s;
	cursor: pointer
}
.faqs-title h3:hover{
	color: #d38291;
	transition: 0.5s
}


.faq-dropdown.active{
	transform: rotate(180deg);
	transition: 0.6s;
}
.faq-b {
    max-width: 1200px;
    margin: 40px auto;
}
.frequently {
    text-align: center;
    margin-bottom: 40px;
}
.frequently p{
	line-height: 24px;
}
.faqs-title h2 {
    font-size: 16px;
}

.threed {
    margin: 40px auto;
    text-align: center;
}
.water.flex{
	display: none!important;
}

.pages{text-align: center;margin-bottom: 2em;}
.pages a{padding:0.5em 0.8rem;background:#eee;margin:0px 0.1em;}
.pages a.a_cur,.pages a:hover{background:#484848;color:#fff;}