@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');
/* CSS Document */
:root {
	--i_color: #015CB5;
	/* 全局颜色 */
	--i_color2: #60ecff;
	/* 副颜色 */
	--header_height: 0.8rem;
	/* 头部高度 */
	--border_color: rgba(0, 0, 0, .1);
	/* 默认边框颜色 */
	--f_menu_height: 50px;
	/* 移动端底部菜单 */
}
body {
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif;
    color: #132737;
    font-size: 14px;
    overflow-x: hidden;
    font-weight: 400;
}

a {
    transition-duration: .3s;
}
a:hover{ color: #015CB5;}
h1,
h2,
h3,
h4,
strong {
    font-weight: 500;
}

li {
    list-style: none;
}
.imghoverbig{  
    cursor: pointer;  
    transition: all 0.6s;  
               }  
.imghoverbig:hover{  
   transform: scale(1.1);  
   }
.searchlikebox{ background: #f7f7f7; padding: 40px 0;}
.searchlikebox .box{ display: flex;align-items: center;}
.searchlikebox .alist{ margin-left: 50px; display: flex; justify-content: space-between; width: 90%;}
.searchlikebox .box a .ico{ margin-right: 10px;} .searchlikebox .title{ font-size: 18px;}
.appqhbox .box{ position: relative;}.appqhbox .picbox .item{ display: none;}
.appqhbox .picbox .item:first-child{ display: block;}
.appqhbox .textbox{ position: absolute; width: 100%; height: 100%; left: 0; top:0;display: flex;align-items: center;}
.footer2 .itemlist{margin-bottom: 10px;}.appqhbox .textbox .title{ font-size: 30px;font-weight: 300;}
.appqhbox .textbox .cur_title{ font-size: 60px; font-weight: 400;}
.menutitle{ font-size: 30px; margin: 40px 0;}
.appqhbox .icosbox{ margin-top: 40px;} .appqhbox .icosbox a{ margin-right: 50px;}
.appqhbox .icosbox a img {
    filter: grayscale(100%) brightness(0%);
    width: 80px;
  }
  .appqhbox .icosbox a.active img{filter:none;}
.toTop{ position: fixed; bottom: 20px; right: 20px; z-index: 9999; cursor: pointer; transition: all 0.6s; }
/* eject videos */
.vd_box{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	z-index: 999999;
}
.vd_box_area {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2014;
	width: 60%;
	max-height: 90%;

}
.vd_box_area::before {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}
.close_v {
	position: absolute;
	top: -.2rem;
	right: -.2rem;
	width: 0.4rem;
	height: 0.4rem;
	background: var(--i_color);
	z-index: 2;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.close_v::before {
	content: '+';
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 0.44rem;
	color: #FFF;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}
.vd_box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	object-fit: contain;
}
@media screen and (max-width:1024px) {
	.vd_box_area {
		width: 80%;
	}
	.close_v::before {
		font-size: 0.4rem;
	}
}
@media screen and (max-width:768px) {
	.vd_box_area {
		width: 88%;
	}
	.close_v {
		top: -.15rem;
		right: -.15rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	.close_v::before {
		font-size: 0.3rem;
	}
}

/* about_us */
.about_us_bac{
    box-sizing: border-box;
	padding: 0.6rem 0;
	overflow: hidden;
}
.about_us{
    display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.about_us_left{
    width: 48.5%;
}
.about_us_right{
    width: 51.5%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 0.6rem;
}
.about_us_left h2{
    font-size: 0.52rem;
	color: #333;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 100%;
}
.about_us_left h2 span{
    color: var(--i_color);
}
.about_us_left h3{
   font-size: 0.36rem;
   color: #333;
   text-transform: uppercase;
   margin-bottom: 0.3rem;
   margin-top: 0.1rem;
}
.about_us_left h4{
	font-size: 0.18rem;
	line-height: 0.26rem;
	color: #333;font-weight: 400;
}
.about_us_rightImg{

	position: relative;
}
.about_us_rightImg img{
	width: 3.52rem;
	height: 3.52rem;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}
.about_us_span{
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 115%;
	height: 115%;
	border-radius: 50%;
	border: 1px solid #f2f2f2;
	animation: quan 40s linear infinite;
}
.about_us_span span{
	position: absolute;
	background-color: #f2f2f2;
	border-radius: 50%;

}
.about_us_span span:nth-child(1){
    top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 0.28rem;
	height: 0.28rem;

}
.about_us_span span:nth-child(2){
	left: 0;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 0.15rem;
	height: 0.15rem;

}
.about_us_span span:nth-child(3){
	top: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 0.2rem;
	height: 0.2rem;

}
.about_us_span span:nth-child(4){
	top: 50%;
	left: 100%;
	transform: translate(-50%,-50%);
	width: 0.25rem;
	height: 0.25rem;

}

@keyframes quan {
	0% {
		transform:translate(-50%,-50%) rotateZ(360deg);
	}

	100% {
		transform:translate(-50%,-50%) rotateZ(0deg);
	}
}


.about_us_watch{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 130%;
	height: 130%;
	border-radius: 50%;
	border: 1px solid var(--i_color);
	border-top: 0;
	border-left: 0;
}
.about_us_watch::after{
	content: '';
	width: 0.13rem;
	height: 0.13rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	background-color: var(--i_color);

}
.about_us_watch::before{
	content: '';
	width: 0.13rem;
	height: 0.13rem;
	border-radius: 50%;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: var(--i_color);

}
.about_us_watch i{
    display: block;
	width: 1.26rem;
	height: 1.26rem;
	border-radius: 50%;
	font-size: 0.16rem;
	color: #fff;
	background-color: var(--i_color);
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	text-transform: capitalize;
	position: absolute;
	top: 78%;
	left: 90%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.about_us_img{
    position: relative;
	margin-top: 0.8rem;
}
.about_us_img::after{
    content: '';
	display: block;
	padding-bottom: 31.28%;
}
.about_us_img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.about_us_text{
    font-size: 0.18rem;
	line-height: 0.26rem;
	color: #333;
	text-align: center;
	margin: 0.8rem auto 0.6rem auto;
}
.about_us_bac .home_four{
	margin-top: 0rem;
}
.home_four li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 5%;
}

.home_four {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}


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

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

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

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

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

}
@media screen and (max-width:768px) {
	.about_us_left{width: 100%;}
	.about_us_right {
		width: 100%;
		padding-top: 0.8rem;
	}
	.about_us_left h2 {font-size: 0.4rem;}
	.about_us_watch i{
        top: 50%;
		left: 50%;
	}
}
@media screen and (max-width:560px) {

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

}
/* home_about */

.home_about_bac{
    box-sizing: border-box;
    padding: 0.8rem 0;
    position: relative;
    overflow: hidden;
 }
 .home_about{
 
 }
 .home_about_area{
     box-sizing: border-box;
     margin-left: 6.2%;
     position: relative;
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
     margin-top: 0.6rem;
     background-color: #fff;
     z-index: 1;
     overflow: hidden;
 }
 .home_about_bac::after{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 50%;
     background-color: #F7F7F7;
 }
 .home_about_area>i{
     display: block;
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
     background: linear-gradient(135deg,rgba(25,161,151,0.3),rgba(255,255,255,0.3));
     position: absolute;
     top: -1.2rem;
     left: -1.2rem;
     z-index: 1;
 }
 .home_about_left{
     width: 50%;
     box-sizing: border-box;
     padding: 1rem 5% 0 5%;
     position: relative;
     z-index: 2;
 }
 .home_about_left h3{
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;
    position: relative;
    z-index: 2;
 }
 .home_about_left h4{
     
     font-size: 0.64rem;
     color: var(--i_color);
     text-transform: uppercase;
     margin: 0.5rem 0 0.3rem 0;
     position: relative;
     z-index: 2;
 }
 .home_about_left h5{
     font-size: 0.18rem;
     line-height: 0.28rem;
     color: #333;
     margin-bottom: 0.6rem;
     position: relative;
     z-index: 2;
 }
 
 .home_about_right{
     width: 50%;
     position: relative;
     border-radius: 1.72rem 0 0 0;
     overflow: hidden;
     position: relative;
     z-index: 1;
 }
 .home_about_right::after{
     content: '';
     display: block;
     padding-bottom: 80.5%;
 }
 .home_about_right img{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.3s ease;
 }
 
 
 .home_four{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 1rem;
 }
 .home_four li{
    width: 25%;
    box-sizing: border-box;
    padding: 0 5%;
 }
 .home_four_div{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    position: relative;
 }
 .home_four_div::after{
     content: '';
     position: absolute;
     width: 0.98rem;
     height: 0.98rem;
     border-radius: 50%;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     background: linear-gradient(135deg,rgba(1,92,181,0.1),rgba(255,255,255,0.1));
 }
 .home_four_div h2{
    
    font-size: 0.72rem;
    color: #333;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
 }
 .home_four_div h3{
     
     font-size: 0.24rem;
     color: #333;
     position: relative;
     z-index: 2;
     margin-left: 0.05rem;
     transition: all 0.3s ease;
 }
 .home_four li h4{
     font-size: 0.16rem;
     color: #999;
     text-align: center;
     margin-top: 0.1rem;
     font-weight: 400;
 }
 .home_four li:hover h2{
     color: var(--i_color);
 }
 .home_four li:hover h3{
     color: var(--i_color);
 }
 
 
 @media screen and (max-width:1440px) {
     .home_about_left {padding: 0.8rem 4% 0 4%;}
     .home_about_left h4 {
         font-size: 0.6rem;
         margin: 0.4rem 0 0.2rem 0;
     }
     .home_about_area {margin-left: 5%;}
     .home_four_div h2 {font-size: 0.6rem;}
 }
 @media screen and (max-width:1366px) {
 
 }
 @media screen and (max-width:1200px) {
     .home_about_left {padding: 0.6rem 3% 0 3%;}
     .home_about_left h4 {
         font-size: 0.5rem;
         margin: 0.3rem 0 0.2rem 0;
     }
     .home_about_left h5 {
         font-size: 0.16rem;
         line-height: 0.24rem;
         margin-bottom: 0.4rem;
     }
     .home_about_area {margin-left: 4%;}
     .home_four_div h2 {font-size: 0.5rem;}
 }
 @media screen and (max-width:1024px) {
     .home_about_left {
         padding: 0.4rem 2% 0 2%;
     }
     .home_about_left h4 {
         font-size: 0.4rem;
         margin: 0.2rem 0;
     }
     .home_about_area {margin-left: 3%;}
 }
 @media screen and (max-width:960px) {
     .home_four li {
         padding: 0 4%;
     }
 }
 @media screen and (max-width:768px) {
     .home_about_area {
         margin-top: 0.4rem;
     }
     .home_about_left {width: 100%;}
     .home_about_right {
         width: 100%;
         border-radius:1.72rem 0 0 1.72rem;
         margin-top: 0.4rem;
     }
     .home_four li {
         width: 50%;
     }
     .home_four {
         margin-top: 0.6rem;
         gap: 0.6rem 0;
     }
 }
/* strengths */
.strengths_bac{
    box-sizing: border-box;
    padding-top: 0.2rem;
    background-color: #F7F7F7;
 }
 .strengths_ul{
     margin-top: 0.6rem;
     display: flex;
     display: -webkit-flex;
 }
 .strengths_ul li{
     width: 17.55%;
     height: 4.46rem;
     position: relative;
     display: flex;
     display: -webkit-flex;
     flex-grow: 1;
     transition: all 0.5s ease;
 }
 .strengths_text{
    box-sizing: border-box;
    padding:0.3rem 0.4rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
    z-index: 3;
 }
 .strengths_ul li img{
    width: 0.49rem;
 }
 .strengths_ul li h3{
    font-size: 0.22rem;
    color: #fff;
    margin-top: 0.1rem;
    position: relative;
    padding-bottom: 0.1rem;
 }
 .strengths_ul li h3::after{
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 0.02rem;
     background-color: #fff;
     transition: all 0.3s ease 0.5s;
 }
 .strengths_ul li h4{
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #fff;
    margin-top: 0.2rem;
    display: none;
 }

 
 .strengths_active{
     flex-grow: 1000 !important;
 }
 .strengths_active h3::after{
     width: 0.2rem !important;
 }
 .strengths_active h4{
     display: block !important;
 }
 .strengths_active .strengths_text{
     align-items: flex-start !important;
 }
 
 
 .strengths_ul li::after{
     content: '';
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgb(0 91 172 / 45%);
     transition: all 0.3s ease 0.5s;
 }
 .strengths_ul li::before{
     content: '';
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0%;
     left: 25%;
     background-color: rgb(0 91 172 / 45%);
     transition: all 0.4s ease 0.5s;
 }
 
 .strengths_active::after{
     width: 25% !important;
 }
 .strengths_active::before{
     width: 25% !important;
 }
 
 .strengths_ul li span::after{
     content: '';
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0;
     left: 50%;
     background-color: rgb(0 91 172 / 45%);
     transition: all 0.5s ease 0.5s;
 }
 .strengths_ul li span::before{
     content: '';
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0;
     left: 75%;
     background-color: rgb(0 91 172 / 45%);
     transition: all 0.6s ease 0.5s;
 }
 .strengths_active span::after{
     width: 25% !important;
 }
 .strengths_active span::before{
     width: 25% !important;
 }
 
 
 @media screen and (max-width:1440px) {
 
 }
 @media screen and (max-width:1366px) {
 
 }
 @media screen and (max-width:1200px) {
     .strengths_ul li {width: 13.55%;}
 }
 @media screen and (max-width:1024px) {
 
 }
 @media screen and (max-width:960px) {
 
 }
 @media screen and (max-width:768px) {
     .strengths_ul li {
         width: 100%;
         height: 4rem;
     }
     .strengths_ul {
         margin-top: 0.4rem;
         flex-wrap: wrap;
     }
 }
 @media screen and (max-width:560px) {
     .strengths_ul li {
         height: 3rem;
     }
 }
 /* company */
.company_bac{
    box-sizing: border-box;
	padding: 0.2rem 0 0.8rem;
	background: #f1f1f1;
	background-size: cover;
	background-attachment: fixed;
}
.company{

}
.company_list{
   background-color: #fff;
   display: flex;
   display: -webkit-flex;
   margin: 0.6rem auto;
}
.company_list li{
   font-size: 0.18rem;
   color: #333;
   width: calc(100% / 3);
   box-sizing: border-box;
   padding: 0.18rem 2%;
   text-transform: capitalize;
   text-align: center;
   transition: all 0.3s ease;
}
.company_list .current{
	background-color: var(--i_color);
	color: #fff;
}

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

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

}
@media screen and (max-width:1200px) {
	.company_list li {font-size: 0.16rem;}
	.company_bac {padding: 0.6rem 0;}
}
@media screen and (max-width:1024px) {

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

}
@media screen and (max-width:768px) {
	.company_list li {font-size: 0.14rem;}
	.company_list {margin: 0.4rem auto;}
	.company_bac{background-attachment: unset;}
}
@media screen and (max-width:560px) {
	.company_list {margin: 0.2rem auto;}
}/*  */
.com_partner_box{}

.com_partner{position:relative}
.com_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.com_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}
.com_partner_list li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	position:relative;
	cursor:pointer;
}

.com_partner_list .img{width:100%; box-sizing:border-box;position:relative; overflow:hidden}
.com_partner_list .img:before{content:""; display:block; padding-bottom:69%}
.com_partner_list .img img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}


.com_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}

/* 指示器 */
.com_partner .pt-pagination{display:none; text-align:center; margin:0.4rem auto 0}
.com_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px;cursor: pointer; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.com_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}

/* 左右箭头 */
.com_partner .pt-button-prev, .com_partner .pt-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:40px; height:50px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer; outline:none}
.com_partner .pt-button-prev:before, .com_partner .pt-button-next:before{
	position:absolute;
	top:50%;
	left:50%;
	font-size:30px;
	line-height:30px;
	color:#FFF;
	font-family:-apple-system, simsun, system-ui, sans-serif;
	letter-spacing:-2px;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.com_partner .pt-button-prev{left:1px}
.com_partner .pt-button-prev:before{content:"<"}
.com_partner .pt-button-next{right:1px}
.com_partner .pt-button-next:before{content:">"}

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

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

}
@media screen and (max-width:1200px){
	.com_partner .pt-button-prev, .com_partner .pt-button-next{display:none}
	.com_partner .pt-pagination{display:block}
}
@media screen and (max-width:959px){

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

}
@media screen and (max-width:560px){
	.com_partner .pt-pagination{margin:14px auto 0}
	.com_partner .pt-pagination .swiper-pagination-bullet{width:10px; height:10px}
}

/*  */

.zs_bac{
	box-sizing: border-box;
	padding: 0.2rem 0 0.8rem;
}





.zs_partner_box{margin-top: 0.6rem;}

.zs_partner{position:relative}
.zs_partner_list{width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; z-index:1}
.zs_partner_list .swiper-wrapper{display:flex; position:relative; width:100%; z-index:1}
.zs_partner_list li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	flex-shrink:0;
	position:relative;
	cursor:pointer;
}

.zs_partner_list .img{width:100%; box-sizing:border-box; border:1px solid rgba(51,51,51,.2); position:relative; overflow:hidden}
.zs_partner_list .img:before{content:""; display:block; padding-bottom:131%}
.zs_partner_list .img img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain;box-sizing: border-box;padding: 0.1rem;}


.zs_partner_list .img img{-webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease}

/* 指示器 */
.zs_partner .pt-pagination{display:none; text-align:center; margin:0.4rem auto 0}
.zs_partner .pt-pagination .swiper-pagination-bullet{width:12px; height:12px;cursor: pointer; display:inline-block; margin:0 5px; background:#BBB; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.zs_partner .pt-pagination .swiper-pagination-bullet-active{position:relative; background:var(--i_color)}

/* 左右箭头 */
.zs_partner .pt-button-prev, .zs_partner .pt-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:0.5rem; height:0.5rem; background:var(--i_color); z-index:999; cursor:pointer; outline:none}
.zs_partner .pt-button-prev:before, .zs_partner .pt-button-next:before{
	position:absolute;
	top:50%;
	left:50%;
	font-size:0.3rem;
	line-height:0.3rem;
	color:#FFF;
	font-family:-apple-system, simsun, system-ui, sans-serif;
	letter-spacing:-2px;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.zs_partner .pt-button-prev{left:-6%}
.zs_partner .pt-button-prev:before{content:"<"}
.zs_partner .pt-button-next{right:-6%}
.zs_partner .pt-button-next:before{content:">"}



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

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

}
@media screen and (max-width:1200px){
	.zs_partner .pt-button-prev, .zs_partner .pt-button-next{display:none}
	.zs_partner .pt-pagination{display:block}
	.zs_bac {padding: 0.6rem 0;}
}
@media screen and (max-width:959px){

}
@media screen and (max-width:767px){
	.zs_partner_box{margin-top: 0.4rem;}
}
@media screen and (max-width:560px){
	.zs_partner .pt-pagination{margin:14px auto 0}
	.zs_partner .pt-pagination .swiper-pagination-bullet{width:10px; height:10px}
}


/* news1 */
/*------------------------ news -------------------------- */
.about_list {
    background-color: #F7F7F7;
}.about_list_ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}.about_list_ul li a {
    font-size: 16px;
    color: #333;
    text-align: center;
    display: block;
    padding: 15px 30px;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
}.about_list_ul li:hover a {
    color: #fff;
    background-color: #005bac;
}
.news_bac{
	box-sizing: border-box;
	padding: 0.8rem 0;
}
.news{

}
.news_ul{
   box-sizing: border-box;
   margin-top: 0.6rem;
}
.news_ul li{
   box-sizing: border-box;
   padding: 40px 0;
   border-top: 1px solid rgba(51,51,51,0.2);
}
.news_ul li .box{
   display: block;
   width: 100%;
   display: flex;
   display: -webkit-flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.news_img{
   width: 45%;
   position: relative;
   overflow: hidden;
}
.news_img::after{
   content: '';
   display: block;
   padding-bottom: 63%;
}
.news_img img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s ease;
}
.news_text{
    width: 50%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: flex-start;
}
.news_text_div{
   display: flex;
   display: -webkit-flex;
   flex-direction: column;
   align-items: flex-start;
}
.news_div{
   box-sizing: border-box;
   padding: 15px 30px;
   border: 1px solid rgba(51,51,51,0.2);
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.news_div h2{
   font-size: 20px;
   color: #333;
   margin-top: 0;
}
.news_div h3{
   font-size: 18px;
   color: #333;
   font-weight: 400;
   margin: 0;
}
.news_text h4{
	font-size: 18px;
	color: #333;
	font-weight: bold;
    margin: 20px 0 10px 0;
	transition: all 0.3s ease;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.news_text h5{
	font-size: 14px;
	color: #999;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-weight: 400;
    line-height: 20PX;
}
.news_text h6{
   font-size: 14px;
   color: #333;
   box-sizing: border-box;
   padding: 10px 20px;
   text-transform: capitalize;
   border: 1px solid rgba(51,51,51,0.2);
   display: inline-block;
   transition: all 0.3s ease;
}
.news_ul li:hover h4{
	color: var(--i_color);
}
.news_ul li:hover h6{
	border-color: #005bac;
	color: #fff;
	background-color: #005bac;
}


@media screen and (max-width:1440px) {
    .about_us_left h4,.about_us_text{ font-size: 14px;}
	.news_div h2 {font-size: 0.34rem;}
}
@media screen and (max-width:1366px) {

}
@media screen and (max-width:1200px) {
	.news_div h2 {font-size: 0.32rem;}
	.news_bac{padding: 0.6rem 0;}
}
@media screen and (max-width:1024px) {
	.news_div h2 {font-size: 0.3rem;}
	.news_text h5 {-webkit-line-clamp: 2;}
	.news_text h4 {
		font-size: 0.2rem;
		margin: 0.2rem 0 0.1rem 0;
		-webkit-line-clamp: 1;
	}
	.news_ul li {padding: 0.4rem 0;}
	.news_text h6 {
		font-size: 0.16rem;
		padding: 0.12rem 0.4rem;
	}
}
@media screen and (max-width:960px) {
	.news_div h2 {font-size: 0.28rem;}
}
@media screen and (max-width:768px) {
	.news_img {
		width: 100%;
	}
	.news_text_div{margin: 0.4rem 0;}
	.news_text {width: 100%;}
}
@media screen and (max-width:560px) {
	.news_ul {margin-top: 0.4rem;}
}
/*news1 end*/
/* applications */
.applications_bac{
    background-color: #F7F7F7;
    box-sizing: border-box;
    padding: 50px 0;
    overflow: hidden;
 }
.headlinen p {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
} .headlinen{ margin-bottom: 50px; margin-top: 40px;}
.headlinen .line{ margin: 15px 0;}
 .applications_ul{
     margin-top: 0.6rem;
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     gap: 0.5rem;
 }
 .applications_ul li{
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
     align-items: flex-end;
     margin-bottom: 40px;
 }
 .applications_left{
     width: 50%;
     position: relative;
 }
 .applications_left::after{
     content: '';
     display: block;
     padding-bottom: 63%;
 }
 .applications_left img{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .applications_right{
     width: 50%;
 }
 .applications_text{
     min-height: 400px;
     background-color: #fff;
     box-sizing: border-box;
     padding: 40px 30px;
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     justify-content: space-between;
 }
 .applications_txt{
 
 
 }
 .applications_txt h2{
    font-size: 25px;
    color: #333;
    font-weight: bold;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-left: 10px;
    position: relative;
    margin-bottom: 15px;
 }
 .applications_txt h2::after{
     content: '';
     width: 4px;
     height: 100%;
     background-color: #005bac;
     position: absolute;
     top: 50%;
     left: 0;
     transform: translate(0,-50%);
 
 }
 .applications_txt h3{
    font-size: 20px;
    color: #666;
    margin-bottom: 20px;
    font-weight: 400;
 }
 .applications_text h4{
    font-size: 18px;
    color: #333;
 }
 .applications_text h4 span{
    font-size: 23px;
    color: #005bac;
 }
 
 .applications_ul li:nth-child(even){
     display: flex;
     display: -webkit-flex;
     flex-direction: row-reverse;
 }
 
 
 @media screen and (max-width:1440px) {
 
 }
 @media screen and (max-width:1366px) {
 
 }
 @media screen and (max-width:1200px) {
 
 }
 @media screen and (max-width:1024px) {
 
 }
 @media screen and (max-width:960px) {
 
 }
 @media screen and (max-width:768px) {
     .applications_left,.applications_right{
         width: 100%;
     }
     .applications_text {min-height: unset;padding: 0.4rem 0.25rem;}
     .applications_txt h2 {
         font-size: 0.22rem;
         margin-bottom: 0.2rem;
     }
 }
/* applications */
/* 产品模块 */
.probox1 .zlbox1 a:hover,.probox1 .item1 .img .ts:hover,.section3 .probox1 .item1 .img .ts:hover{ color: #015CB5;}
.section2 .readmore,.section3 .readmore{ text-align: right;}
.section2 .readmore a,.section3 .readmore a{
    background: linear-gradient(90deg, #9D6BFF 0%, #A8C2FF 100%);
box-shadow: 3px 4px 0px 0px rgba(181,181,181,0.96);
border-radius: 5px;
border: 1px solid #E4E4E4;
}
.proboxbg{
 background: url(../images/probg.png) no-repeat;
}
.probox1 .item1 .img .ts{ position: absolute;}
.section3 .probox1 .item1 .img .ts a{ color: #fff;}
.section3 .probox1 .item1 .img .ts a:hover{color: #015CB5;}
.probox1 .item1 .img .ts1{left: 8%;top: 9%;}
.probox1 .item1 .img .ts2{ left: 78%;top: 10px;}
.probox1 .item1 .img .ts3{ left: 20px;top: 39%;}
.probox1 .item1 .img .ts4{ left: 82%;top: 46%;}
.probox1 .item1 .img .ts5{left: 10px;top: 84%;}
.probox1 .item1 .img .ts6{right: 60px;top: 79%;}
.probox1 .item1 .img{ position: relative;}.probox1 .item1 .img .ts .ico{ margin-right: 5px;}
.probox1 .item1 .img .ts .lan{ display: none;}.probox1 .item1 .img .ts:hover .lan{ display: inline-block;}
.probox1 .item1 .img .ts:hover .hei{ display: none;}
.probox1 .item1 .text{ text-align: center; margin-top: 30px;}
.probox1 .item1 .text h3{ background: #015CB5; color: #fff; display: inline-block; padding:10px 30px; margin-top: 0;}
.probox1 .item2{ width: 50%;}.probox1 .zlbox1{ text-align: right;} .probox1 .zlbox1 a{ margin-left: 30px; font-size: 15px; color: #000;}
.probox1 .zlbox1 a .ico{ margin-right: 15px;}.menuinfo{font-size: 21px;color: #015CB5; margin-top: 20px;}
.probox1 .zlbox1 a font{ background: #fff; border-bottom: 4px solid #015CB5; padding:10px}
header .logo img{ width: 90px;}
.section2 .probox1{ background: url(../images/probg1.png) no-repeat; justify-content: space-between;background-size: contain;}
.section3{ padding-bottom: 120px;}
.section3 .probox1 .zlbox1 a{ width: 50%; margin: 0 0 20px 0; display: flex;}
.section3 .probox1 .zlbox1{display: flex;
flex-wrap: wrap;
text-align: left;margin-top: 40px;
}
.section3 .probox1 .item1 .img{ margin-top: 40px;}
.section3 .probox1 .zlbox1 a .ico{ margin-right: 10px;flex-shrink: 0;}
.section3 .probox1{ background: url(../images/probg2.png) no-repeat; justify-content: space-between;background-size: contain;}
.section3 .probox1 .item2 .img{background: url(../images/probgr.png) no-repeat right;
    text-align: right; margin-top: 40px;}
    .section3 .probox1 .item1 .img .ts{color: #fff;}
.section3 .probox1 .item1 .img .ts1{left: 5%;
    top: 5%;
    width: 200px;
    text-align: center;}
.section3 .probox1 .item1 .img .ts2{left: 55%;
    top: 5px;}
.section3 .probox1 .item1 .img .ts3{left: 50px;
    top: 23%;
    width: 200px;
    text-align: center;}
.section3 .probox1 .item1 .img .ts4{    text-align: center;
    left: 10px;
    top: 42%;
    width: 200px;}
/* 产品模块 */
.icon-arrow-right{ margin-right: 5px;}
.section1 .readmore{ margin-top: 80px;}
.section1 .readmore a{
    width: 221px;
height: 47px;
box-shadow: 3px 4px 0px 0px rgba(181,181,181,0.96);
border-radius: 5px;
border: 2px solid #FFFFFF;
background: none;
}
.section1 .box{ color: #fff; padding: 80px 0;}
.section1 .info{ margin-top: 80px;} .section1 h3.title{
    font-weight: 500;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 58px;
    text-shadow: 0px 0px 68px rgba(221,221,221,0.1);   
}
.section1 .info .item{
    width: 196px;
    height: 143px;
    background: #fff;
    border-radius: 6px;
    color: #222;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section1 .info .item:hover{
    background: #015CB5;
    color: #fff;
}
.model_intro{margin-bottom: 50px;}
.model_introl::before{
    content: "";
    display: block;
    height: 50px;
   width: 50px;
   border-radius: 50%;
border: 2px solid #015CB5;
position: absolute;
top: 115px;
    left: -10px;
}
.model_intror { position: absolute; width: 50%; right: 0;}
.model_intror img{ max-width: 80%;}
.fusion-main-menu>ul>li>a::before{ content: ""; display: block; height: 3px; width: 0; background: #015CB5; position: absolute; TOP: -10PX; left: 0; transition: all .3s ease-in-out;}
.fusion-main-menu>ul>li:hover>a::before{ width: 100%;}.fusion-main-menu>ul>li:hover>a{ color: #015CB5;}
.contactinfoheader a
{
    font-weight: 500;
font-size: 15px;
color:#000;
}
.logo_text{ margin-left: 20px;} .logo_text h1{ font-size:22px}
.addalist{ margin-top: 50px;}
.addalist a{ display: block;color: #015CB5; margin-bottom: 10px;}
.model_intro .content{ background: #e7e7e7; padding: 50px 100px 50px 50px; border-radius: 10px; margin-top: 70px;}
.contactbox1.info .item .text a{ color: #015CB5;}
.contactbox1.info .item .text .title{ color: #222; margin-bottom: 10px;}
.contactbox1.info .item .text{ display: flex; flex-direction: column;color: #015CB5; font-weight: 500; font-size: 20px;}
.contactbox1.info .item{ display: flex; margin-bottom: 40px;}.contactbox1.info .item .ico{ display: none; margin-right: 20px; flex-shrink: 0;}
.chtitle h2{ display: inline-block; border-bottom: 5px solid #015CB5; padding-bottom: 5px; margin-bottom: 20px; font-size: 30px; font-weight: 600; margin-bottom: 50px;}
.sjbtnbox{
    z-index: 999999;
    position: fixed;
    right: 0;
    top: 20%;
    width: 50px;
    overflow: hidden;
    transition: all .4s;
}
.sjbtnbox .item a .ico,.sjbtnbox .item a font{ flex-shrink: 0;}
.sjbtnbox:hover{ width: 310px;}.sjbtnbox .item a{ color: #fff; display: flex; align-items: center;}
.sjbtnbox .item{height: 50px; margin-bottom: 1px;background: #015CB5; color:#fff}
.page_nav{ margin: 20px 0 50px 0;}
.page_nav ul {
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
}.page_nav li {
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    width: 25%;
    padding-right: 20px;
}
.page_nav li a:hover, .page_nav li.active a {
    background: #015CB5;
    border-color: #015CB5;
}
.page_nav li a:hover, .page_nav li.active a {
    text-decoration: none;
    color: #015CB5;
}
.page_nav li a {
    display: flex;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    transition: all .5s;
    position: relative;
    z-index: 5;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    font-weight: 500;
}
.page_nav li a:hover p, .page_nav li.active a p {
    color: #fff;
}
.page_nav li a p {
    margin: 0;
    margin-left: 0;
    transition: all .5s;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 8px;
    width: 100%;
}
.page_nav li a p:before {
    content: ' ';
    position: absolute;
    background: rgba(255,255,255,0.15);
    width: 46px;
    height: 46px;
    top: -21px;
    left: -26px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: -1;
}.page_nav li a p:hover:before {
    width: 200px;
    height: 200px;
    left: -15px;
    top: -50px;
}
.factorybox{ margin-top: 40px;}
.factorybox .item{
    overflow: hidden;
    padding: 0;
    background: #fff;
    text-align: center;
    transition: 0.5s all;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }
    .factorybox .item .picbox {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}
.factorybox .item .text {
    padding: 10px;
    text-align: left;
    transition: all .6s;
}.factorybox .item:hover .text {
    background: #015CB5;
}
.footer1 .item{ width: 50%;}
.footer1{height: 85px;
    background: #696969; color: #fff; display: flex; align-items: center;}
    .footer1 .item2{ display: flex;    align-items: center;justify-content: flex-end;}
    .footer1 a{ color: #fff;}.footer1 .item1 .ico{ margin-right: 10px;}.footer1 .item1 a{ margin-right: 20px;}
    .footer1 .item2 a:hover{ background: #015CB5;}
.footer1 .item2 a{ font-size: 20px; display: flex; width: 45px; height: 45px; justify-content: center; align-items: center; background: #333; color: #fff; margin-left: 10px;}
.newsSwiper{ padding-bottom: 50px; position: relative;}
.section1 .icon .bai,.section1 .info .item:hover .icon .lan{ display: none;}
.section1 .info .item:hover .icon .bai,.section1 .info .item.active .ico .bai{ display: inline-block;}
.flexf{ margin-bottom: 30px;}
.socialbox a{ margin-left: 15px;}
.langbox{ position: absolute; right:80px; bottom: 20px;}
.langbox a{ padding: 0 10px;font-weight:500; color: #015CB5;}
/* Top Search*/
/*Search*/
.search_title{ color: #222; font-size: 20px;font-weight:500;  margin-top: 0; text-align: center; margin-bottom:0;text-transform: uppercase;}
.ico_search{text-align:center; display:inline-flex; align-items: center; justify-content: center; float: right;  color: #fff;  height:20px; margin-top:0; margin-right: 0.4rem;font-style: normal; font-size: 16px; color: #ffffff; padding: 0; position: relative; z-index: 88;}
.ico_search:before{ content: ''; display: block; background:url(../images/icon.png) no-repeat;background-position:-294px -21px; height: 20px; width:19px; }
.ico_search span{display: inline-block;  color: #222222; font-size: 16px; margin-left: 0.11rem; font-weight: 300;}
.search_input {background: #fff;padding-right:60px;position: absolute;left:0;top:50px; right: 0; transition: all 0.5s;z-index: 9999999;  transition-property: top, width, border;transition-duration: 0.1s, 0.1s; border-radius: 0; border-radius: 0px; overflow: hidden; display: none;}
.search_section {cursor: pointer;z-index: 999;}
.search_main{position: relative; max-width: 800px; margin:0.2rem auto 0; }
.search_main .form-control{height:50px;color:#111;float:left; line-height:48px;font-size:14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#f6f7f8; padding-left:20px; padding-right:76px;   border-radius:5px; box-shadow: none; float: none; border: 1px solid #eee;  font-weight: 500;  }
.search_main .form-control:focus{ color:#000;}
.search_main .search_btn{display:block; width:56px;height:50px;cursor:pointer; border:none; position:absolute; bottom:0; right:0rem; background: #e6e7ea url(../images/icons8.png) no-repeat 20px; color: #fff; text-transform: capitalize; font-size: 16px; border-radius: 0 4px 4px 0;}
 /* 播放按钮样式 */
.section4 .bfbtn{
        color: #fff;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 100%;
        margin-top: -35px;
        font-size: 21px;
        background: #015CB5;
        padding-left: 4px;z-index: 1;
    }.svg-inline--fa.fa-w-14 {
        width: .875em;
    }.svg-inline--fa {
        display: inline-block;
        font-size: inherit;
        height: 1em;
        overflow: visible;
        vertical-align: -.125em;
    }.fa-play:before {
        content: "\f04b";
    }
     .waves-block .waves {
        position: absolute;
        width: 100px;
        height: 100px;
        background: #fff;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        border-radius: 100%;
        left: 58%;
        margin-left: -100px;
        top: 50%;
        margin-top: -100px;
      
    }
    .waves-block .waves.active{
        -webkit-animation: waves 3s ease-in-out infinite;
        animation: waves 3s ease-in-out infinite;
    }
     .waves-block .wave-1 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
     .waves-block .wave-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
     .waves-block .wave-3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    /* Video Animations */

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

     /* 播放按钮样式 */
     .section6 .cinfo .item span:last-child{ position: relative;}
     .section6 .cinfo .item span:last-child::before{
        content: '';
    display: inline-block;
    height: 1px;
    width: 0px;
    background: transparent;
    position: absolute;
    left: 0;
    margin: 0;
    bottom: -2px;
    -moz-transition: width .3s ease, background-color .3s ease;
    -webkit-transition: width .3s ease, background-color .3s ease;
    transition: width .3s ease, background-color .3s ease;
    background: #015CB5;
     }
     .section6 .cinfo .item span:last-child:hover::before {
        width: 100%;
    }
.top_overly{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;filter:alpha(opacity=30);display:none; }
.close-search{ position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #015CB5;
    color: #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px;}
.search_tags{max-width: 800px;margin: 30px auto 0; flex-wrap: wrap;display: flex; align-items: center;}
.search_tags p{ width: 100%;  padding-bottom: 0.1rem;  font-size: 18px; color:#666;font-weight: 500;  }
.search_tags a{ padding: 10px 5px; margin: 5px; font-size: 15px; color: #333; background: #eee;; transition: all .6s; border-radius: 0.02rem}
.search_tags a:hover{ background: #015CB5; color: #fff}
.section6 .cinfo a{ color:#015CB5 ;}
.section6 .cinfo{font-weight: 500;
    font-size: 18px;  color:#015CB5 !important; width:30%}.section6 .box{ justify-content: space-between;}
.section6 .cinfo .item .title{
    color: #6E6F71;}
.section6 .cinfo .item{ display: flex; flex-direction: column; margin-bottom: 20px;}
.section6 .formbox .il.text{ width: 803px; margin-left: 40px;}
.section6 .formbox .il input,.section6 .formbox .il textarea{width:100%; height: 42px; background: #ECECED; padding: 5px; border: none;color: #222; border-radius: 5px;}
.section6 .formbox .il{ width: 329px; margin-bottom: 20px;}
.section6 .formbox .il textarea{ height: 225px;}
.section6 .formbox .il.yz{ width: 100%; text-align: left;}
.section6 .formbox .flex{ justify-content: space-between;}
    .section6 .formbox h3{ font-size: 18px; color: #6E6F71;    margin-top: 0;
        font-weight: 500;}
    .section6 .formbox p{ color: #909090; font-size: 18px;font-weight:500; margin:20px 0 30px}
.section6 .headline{ margin-bottom: 20px;}
.section6 .box{ padding: 40px 0 0;}
.section6 .line:before,.section6 .line:after{ background: #fff;}
.section6 .fsubbtn{ width: 221px;
    height: 47px;
    background: #015CB5;
    box-shadow: 3px 4px 0px 0px rgba(181,181,181,0.96);
    border-radius: 5px;
    border: 1px solid #E4E4E4;}
.section5 .box .item .items.textbox h3{ font-size: 22px;}
.section5 .box .item .items.textbox p,.section7 .textbox p{ font-size: 13px; height: 100px;}
.section5 .readmore a:hover,.section7 .readmore a:hover{background: none;}
.section5 .readmore a,.section7 .readmore a{ background: none; color:#015CB5}
.section5 .item:hover{ background: #e7e7e7; border-radius: 10px; box-shadow: 1px 1px 12px #e7e7e7;}
.section5 .readmore a span.icon-right img,.section7 .readmore a span.icon-right img{ transform: rotate(45deg); padding-right: 5px;}
.section7 .textbox{ padding: 15px 0; font-size: 35px;line-height: 35px;}.section7 .item:hover .textbox{ color: #015CB5;}
.section7{ background: #f7f9fb;padding: 10px 0 20px 0;}
.section7 .picbox{ position: relative;}
.section7 .picbox::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #015CB5; z-index: 1; transition: all 0.5s;}
.section7 .swiper-slide-active .picbox::before{ width: 100%;}
.ulpro.section2 .col-md-4{
    margin-bottom: 60px;
}
.about2boxl .readmore{ margin-top: 20px;}
.fformbox .item.item6{ justify-content: flex-start;}
.about12box{ margin-bottom:50px}
.about2boxl  .readmore a{ border: 1px solid #fff;padding: 5px 20px;}
.about2boxl .item{ display: flex; margin-bottom:5px}.about2boxl .item .items{ width: 50%; overflow: hidden;}
.about2boxl .item .items.text{padding:10px; background:#015CB5;color: #fff;}
.zy2.section6 .formbox{float: none; margin: 0; width: 100%;}
.zy2.section6,.zy2.section6 .formbox p{ margin:0;color:#222;}
.zy2.section6 .formbox .il input, .zy2.section6 .formbox .il textarea{
    background: #015CB5;
}
.nyf .footer2{ padding-top: 40px;}
.probtnbox h2{ margin-top: 0;}
.probtnbox{ width: 100%;margin: 50px 0;
    color: #fff;
    padding: 50px 0;}
.probtnbox .box{ margin-top: 50px;}
.probtnbox .box .item .titlebox .ico{ margin-right: 30px;}
.probtnbox .box .item .titlebox .ico .lan{ display: none;}
.probtnbox .box .item:hover .titlebox .ico .lan{ display: inline-block;}
.probtnbox .box .item:hover .titlebox .ico .bai{ display: none;}
.probtnbox .box .item:hover{ background: #fff; color: #015CB5;}
.probtnbox .box .item .titlebox{ display: flex; align-items: center; margin-bottom: 30px;}
.probtnbox .box .item{ background: #015CB5; padding:25px 50px 50px; border-radius: 4px;}
.section1{ padding-bottom: 5px !important;} .section4 .item .title{ font-size: 32px;color: #222;
    text-align: center;
    margin: 20px 0;}
.section4 .item{ position: relative; color: #fff; border-right: 5px solid #fff;    width: 33.333333333%;}
.section4 .over{ position: absolute;left:0;top:0; flex-direction: column; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.section4 .item.flex{ flex-direction: column; justify-content: center; padding: 20px; text-align: center;}
.section4{position: relative;z-index: 1;}
.readmore2 a{ color: #000; font-size: 18px;}   


.aboutusdesc .title{font-weight:500; color: #222; margin: 0 3px;}
.aboutusdesc .text{color: #015CB5;flex-shrink: 1 !important;}
.aboutusdesc .item{ width: 50%; display: flex; font-size: 13px; margin-bottom: 20px; align-items: center;}.aboutusdesc .item span{flex-shrink: 0;}
.aboutusdesc{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:60px}
.aboutusdesc .item1{ width: 72%; display: flex; flex-wrap: wrap;}
.aboutusdesc .item2{ width: 28%;display: flex; font-size: 13px;}
.aboutusdesc .item2 span.ico{ flex-shrink: 0;}
.aboutusdesc .item2 .title{ margin-left: 0;}
.aboutusdesc .item2 .textbox{ margin-left: 3px; line-height: 30px;}
.pagerbtn{
    position: absolute;
    width: 150px;
    right: 105px;
    bottom: 40px;
}
.autoplay-progress {
    position: absolute;
    right: 156px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
  }
  .banner__swiper .swiper-pagination-fraction{
    top:15px;
    color:#555;
  }

.news1 .picbox{overflow: hidden;}
.topr2{ display:flex; align-items: center; justify-content:space-around;margin-top: 30px;}
.contactinfoheader{display: flex; justify-content: flex-end;}
.contactinfoheader .ico{ margin-right: 5px; flex-shrink: 0;}
.contactinfoheader .itemc{ display: flex; flex-direction: column;padding: 0 10px; border-right: 1px solid #777;}
.contactinfoheader .itemc:last-child{ border-right: none;}
select {
    max-width: 100%;
}.seropro .djc_clearfix{
    flex-direction: column; 
    }.seropro .djc_filter_list li{
         width: 100% !important;
    }

.cont-ousel strong{ font-size: 18px;}
.top3 .item.topr{display: flex;flex-direction: column;}
.prosearchbox .button_bg{ width: 100%; height: 50px;}
.prosearchbox .headline span{ display: inline-block;}
.swiper-button-next, .swiper-button-prev{outline: none; width: 50px; height: 50px; background: #015CB5; top:30%}
.icobox{ margin: 65px 0 0 40px;}.icobox img{ margin-right: 15px;}
.factoryvideobox .textinfo{ display: flex; justify-content: space-between; align-items: center; margin: 20px 0;}
.promenufloat{ position: fixed; right:0; top:45%;z-index: 9999;}
.promenu_btn span.ico img{ width: 20px;}
.promenufloat .sidemenu_new{
    background: #fff;
    box-shadow: 0px 12px 37px 3px rgba(7,7,7,0.21);
border-radius: 15px;
padding: 20px;
}
#myModalapp{
    width: 225px;
    right: 0;
    left: auto;
}
.bannertext h1{ font-size: 46px;text-transform: uppercase; color: #015CB5;}
#myModalapp .modal-header{ padding: 5px;}
#myModalapp .modal-dialog{ width: 100%;}
.readmore.huis a{
    background: #727171;
}
.mt0{ margin-top: 0;}.navfbox{ margin-top: 100px;}.navfbox a{ margin-right: 5px; color:#9B9CA0;}
footer .contactinfo,.footer2 .item2 .title{ padding-bottom: 20px; margin-bottom: 20px;}
.footer2 .item2 .title{ padding-bottom: 10px; font-size: 18px;}
.contactinfo .flex span:last-child{ width: 80%;margin-left: 2px;}
.ficon{ margin-right: 10px;}.contactinfo .flex{ margin-top: 10px;flex-wrap: nowrap;}
.contactinfo .flex .itemflex:first-child{ margin-right: 50px;}
.linef{ margin: 0 80px; border-top: 2px solid #9B9CA0; padding-top: 20px;}
.footer3 .flex{ justify-content: space-between;}
#plp-thumbs.prohome .row{ display: flex; flex-wrap: wrap;}
.section6{ padding-bottom:50px;}
.section2.pd30,.section5{ padding-bottom:135px;}
.flex{ display: flex; flex-wrap: wrap;}
.pd30{ padding:30px 0;}
button {
    outline: none;
}
header .open>.dropdown-menu {
    display: block;
    right: 0;
    left: auto;
}
img{transition: .3s;}
.hover_img:hover{
transform: scale(1.1);
}
#bigimage1 {
    position: absolute;
    display: none;
    z-index: 999;
    bottom: 0;
    left: 20%;
}
#bigimage1 img {
    max-width: 120px;
}

/*productlist start*/
.product-series {
    padding-bottom: 3rem;
}.breadcrumb {
    font-size: 20.75px;
    background: none;
    padding: 0;
}.breadcrumb-container {
    position: relative;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    z-index: 1;
}
.breadcrumb-container:before {
    width: 350px;
    left: calc(170px + 6vw);
}
.breadcrumb-container:before {
    left: 148px;
    width: 148px;
    transform: skewX(-10deg) translateX(-100%);
}
.breadcrumb-container:after {
    left: calc(188px + 6vw);
    height: 179px;
    width: 3rem;
    transform: skewX(-10deg);
}
.breadcrumb-container:after, .breadcrumb-container:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    height: 530px;
    background: linear-gradient(180deg,rgba(12,93,154,.11),rgba(231,236,240,0));
    transform-origin: right top;
    transform: skewX(-10deg) translateX(-100%);
    z-index: -1;
}.breadcrumb-items {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 0;
}.breadcrumb-item:first-child {
    min-width: 168px;
}
.breadcrumb-item:first-child {
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding: .5em 0;
    justify-content: space-between;
}
.breadcrumb-item {
    position: relative;
    display: inline-block;
    color: #015CB5;
    font-weight: 500;
    padding: .5em 1em;
    box-sizing: border-box;
    z-index: 10;
}.breadcrumb-item:first-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200%;
    height: 100%;
    background: linear-gradient(270deg,#015CB5 5%,hsla(0,0%,91%,0));
    transform: skewX(-10deg);
    z-index: -1;
}.breadcrumb-item:first-child:after {
    flex: 1 1;
    width: 60%;
    height: 1px;
    margin-left: 1em;
    background-color: #fff;
}
.breadcrumb-item:first-child:after {
    content: "";
    display: inline-block;
}
.product-series-banner {
    position: relative;
    width: 100%;
    margin: 0 auto 4rem;
}.product-series-banner:after, .product-series-banner:before {
    content: "";
    position: absolute;
    top: -13.5rem;
    right: 12.6%;
    width: 20%;
    height: 100%;
    background: linear-gradient(180deg,#015CB5,rgba(231,236,240,0));
    opacity: .08;
    transform-origin: left bottom;
    transform: skewX(-10deg);
}
.product-series-banner .container {
    display: flex;
    align-items: center;
}.product-series-banner-img {
    width: 60%;
    order: 2;
}
.product-series-banner-img {
    position: relative;
    max-width: 950px;
    padding-left: 50px;
    text-align: right;
}.product-series-banner-content {
    width: 40%;
}.product-series-banner-content .product-banner-title {
    font-size: 40px;
    margin-bottom: 1.2em;
}.product-banner-btns {
    display: inline-block;
    overflow: hidden;
}.product-banner-btns-inner.more-btns {
    width: calc(100% + .5em);
    margin-left: -.5em;
}
.product-banner-btns-inner {
    display: inline-flex;
    padding-bottom: 2px;
}.more-btns .product-banner-btn:first-child {
    padding-left: 1em;
}
.product-banner-btn.catalogue {
    color: #fff;
    background-color: #015CB5;
}
.more-btns .product-banner-btn {
    transform-origin: bottom right;
    transform: skewX(-10deg);
}
.product-banner-btn {
    display: inline-block;
    font-size: 18px;
    padding: .6em 1em;
    box-sizing: border-box;
    white-space: nowrap;
    border: 1px solid #015CB5;
    transition: .3s;
}.more-btns .product-banner-btn-inner {
    transform: skewX(10deg);
}
.product-banner-btn-inner {
    display: flex;
    align-items: center;
}.more-btns .product-banner-btn:last-child {
    padding-right: 1.5em;
    margin-left: 10px;
}
.product-banner-btn.bearing-list {
    color: #222;
    background-color: #fff;
}.more-btns .product-banner-btn:last-child:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 3px;
    height: 100%;
    width: 1px;
    background-color: #015CB5;
    transform: skewX(10deg);
}.btn-icon.icon-list {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    background-image: url(../images/list-ac5f58f8ab5890ce4bb6044990c79146.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}.product-banner-btn-inner .btn-text {
    display: inline-block;
}
.btn-icon+.btn-text {
    margin-left: .6em;
}.btn-icon.icon-download {
    background-image: url(../images/download-76b5060d91343f7c71192d21d61df646.svg);
}
.btn-icon.icon-download, .btn-icon.icon-search {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.about2boxl .item .items.text h3{margin-top:0}
.about2boxl .item .items.text p{ height: 80px; overflow: hidden;}
.about2boxl .item .items.pic{ display: flex; align-items: center; background: #fff;}
/*productlist end*/
/*product首页*/

/*product首页end*/
/*news1*/

.news-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}.news-item-link {
    position: relative;
    display: block;
    transition: .5s ease-in-out;
}.news-item-link .item-title {
    max-height: 2.8em;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #272727;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 1.5;
    margin: .6em 0;
    overflow: hidden;
    font-family: 'Roboto-Bold';
}.news-item-link .item-text {
    display: flex;
    margin-bottom: 0;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    height: 250px;
    background: #fff;
}
.news-item-link .item-text img{ max-height: 230px;}
.news-item-link .item-title:hover{ color:#222}
.news-item-link .item-desc:hover{ color:#015CB5;}
.btn-more:hover{
     background: #015CB5;
     color: #fff;
     transition: 0.5;
}
.btn-more {
    padding: .5em 2.5em .5em 10px;
    opacity: .9;
    vertical-align: middle;
    transition: .3s;
    position: relative;
    color: #015CB5;
    font-weight: 500;
    border: 1px solid #015CB5;
    margin-top: 20px;
}.btn-more:after, .btn-more:before {
    content: "";
    position: absolute;
    transition: .3s;
}.inner-btn-hover:hover .btn-more:before {
    right: .5em;
    border-color: #fff;
}.inner-btn-hover:hover .btn-more:after {
    transform: scaleX(1) translateX(0);
    background: #fff;
}.btn-accent.btn-type-icon, .btn-more {
    display: inline-flex;
    align-items: center;
}
.btn-more:before {
    top: calc(50%);
    right: 1em;
    width: .4em;
    height: .4em;
    border: 2px solid #015CB5;
    border-bottom: none;
    border-left: none;
    transform-origin: top right;
    transform: rotate(45deg);
}.btn-more:after {
    top: calc(50% - 1px);
    right: calc(.5em + 1px);
    width: .8em;
    height: 2px;
    background-color: #015CB5;
    transform-origin: left;
    transform: scaleX(0) translateX(-.5em);
}.news-item-link:hover:before {
    transform: scaleX(1);
}
.new-show-title {
    font-size: 20px;
    width: 100%;
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #272727;
    padding: .7em 0;
}
.new-show-time .icon-time {
    margin-bottom: .1em;
}
.new-show-time {
color: #909090;
margin-bottom:30px
}
.sjbtnsshare{ margin-bottom: 30px;}
.sjbtnsshare a{ margin-right: 15px;}
/*news1--end*/
/* //news3.php */

/* end news3.php */
.banner__swiper .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0;
}
.arrowright{ margin-left:20px}
.privy-elemesant{border: none; color:#fff; border-radius: 20px; background-color: #015CB5; padding:10px 20px;}
.fusion-menu .sub-menu li a:hover {
    padding-left: 5px;
}
.w40{ width: 40%;}.w60{ width: 58%;}
footer .form-inputs .field-inzsp {
    width: 100%;
}
footer .input,footer .theme-signin textarea{
    background: rgb(48,49,51,0.7);
    color: #9B9CA0;
    border-radius: 4px;
    border: none;
}
footer .inquirybox .title{ margin-bottom: 10px;}
.formboxf{ border: 1px solid #9B9CA0; padding: 15px; border-radius: 10px;}
.numico{ display: flex; width: 104px; height: 104px; align-items: center; font-size: 70px; color: #fff;background: #015CB5;
position: absolute; right: 0px; bottom:0px; border-radius: 10px; justify-content: center;}
@keyframes float{0%{transform:translateY(0px);animation-timing-function:ease-in-out}
25%{transform:translateY(-5px);animation-timing-function:linear}
50%{transform:translateY(0px);animation-timing-function:linear}
75%{transform:translateY(5px);animation-timing-function:linear}
100%{transform:translateY(0px);animation-timing-function:linear}
}
.news3box .row:hover .link-desktop__wrap{
    background-color: rgb(0, 0, 0,0.2);
}
.footer2 .flex{justify-content: space-between;}.footer2 .ico{ margin-right: 10px;}
.readmore a:hover{ background: #015CB5;}
.f25{ font-size: 25px;}.f18{ font-size: 18px;}
footer .inquirybox{ padding-left: 40px; border-left: 1px solid #9B9CA0;}
.subformbox input{ border: none; background: none; width: 70%; color:#fff}
.subformbox button{ background: #fff; width: 25%; border: none;}
.subformbox{ margin-top: 10px; display: flex; background: #015CB5; height: 73px; padding: 10px; justify-content: space-between;}
footer .box{ display: flex; justify-content: space-between;} footer a:hover,.footer2 .item2 .appfbox .flex .itemflex a:hover{ color: #015CB5;}
.flogo{ margin-right: 10px;}
footer {
    color: #ffffff;
    background: #333;
}
footer a{ color: #ffffff;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
footer .itemtitle a{ color: #fff;}footer  a:hover{ padding-left: 5px;}
.footer2{ padding: 40px 0 40px;position: relative;}
.footer2 .relation_mdd  h2{ color: #fff;margin-bottom: 40px;margin-top: 50px;}
.footer2 .item{ width: 19%;}.footer2 .item:first-child{ width: 20%; margin-right: 50px;}
.footer2 .item:last-child{width: 12%;margin-left: 20px;}.footer2 .item:nth-child(4){ width: 24%;}

input {
    border: 1px solid #e5e5e5;
    padding: 10px 5px;
    background-color: transparent;
    color: #999;
    transition: ease-out 300ms;
}
.topr1{ display: flex;justify-content: flex-end; margin-bottom: 5px;    align-items: center;}
.modal-dialog {
    width: 50%;
}

.theme-signin textarea {
    border: 1px solid #e5e5e5;
    padding: 10px 5px;
}

.theme-signin .item {
    display: flex;
    justify-content: space-between;
}
.slick-list {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}


.slicknav a.active {
    color: #e51b23;
}

.slicknav a {
    position: relative;
    padding: 0 15px;
}

.slicknav a:after {
    position: absolute;
    right: 0;
    background: #eee;
    height: 100%;
    width: 1px;
    content: '';
    top: 0;
}

.slick-prev:before,
.slick-next:before {
    position: absolute;
    left: 0;
    top: 1px;
    color: #ccc;
}

.slick-prev {
    left: -45px;
    background: url(../images/more2.png);
}

.slick-next {
    right: -45px;
    background: url(../images/more1.png);
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 50px;
}

.slick-dots {
    bottom: 0;
}


/* .news1 页面样式 */

.news1 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: stretch;
}

.news1 .newspic {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: .25rem .25rem 3.5rem .25rem;
    background: #f1f1f1;
    overflow: hidden;
}

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

.news1 .newspic img {
    max-height: 230px;
    transition: all .3s ease-in-out;
    border-radius: .25rem .25rem 3.5rem .25rem;
}

.article:nth-of-type(1n) {
    -webkit-transition-delay: 175ms;
    -o-transition-delay: 175ms;
    transition-delay: 175ms;
}

.cpt-background {
    background-color: #fff;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 7px 7px 50px rgba(0, 0, 0, .09);
}

.order-md-3 {
    order: 3!important;
    margin-top: 10px;
}

.article .byinfo {
    margin-top: 10px;
}

.article .content {
    color: rgba(19, 28, 33, .6);
    height: 100px;
}

.article .box2:hover {
    border: 4px solid #ff5a5a;
    padding: 10px;
    transform: translate(-20px, -20px);
}

.article .box2 {
    height: 100%;
    background-color: #fff;
    padding: 10px;
    transition: transform .4s;
    box-shadow: 7px 7px 50px rgba(0, 0, 0, .09);
    position: relative;
}

.top0 {
    margin-top: 0;
}

.article .box {
    position: relative;
    width: 100%;
}

.loaded .article {
    opacity: 1;
}

.article {
    display: flex;
    opacity: 0;
    -webkit-transition: opacity .6s cubic-bezier(.6, .2, .3, .9), -webkit-transform .6s cubic-bezier(.6, .2, .3, .9);
    transition: opacity .6s cubic-bezier(.6, .2, .3, .9), -webkit-transform .6s cubic-bezier(.6, .2, .3, .9);
    -o-transition: opacity .6s cubic-bezier(.6, .2, .3, .9), -o-transform .6s cubic-bezier(.6, .2, .3, .9);
    transition: opacity .6s cubic-bezier(.6, .2, .3, .9), transform .6s cubic-bezier(.6, .2, .3, .9);
    transition: opacity .6s cubic-bezier(.6, .2, .3, .9), transform .6s cubic-bezier(.6, .2, .3, .9), -webkit-transform .6s cubic-bezier(.6, .2, .3, .9), -o-transform .6s cubic-bezier(.6, .2, .3, .9);
    margin-bottom: 1.5rem;
}

.article__img-link,
.wrap-circle,
.wrap-square {
    padding-top: 100%;
}

.article__img-link,
.wrap-circle,
.wrap-landscape,
.wrap-landscape-tall,
.wrap-landscape-wide,
.wrap-portrait,
.wrap-portrait-tall,
.wrap-square,
.wrap-video {
    width: 100%;
    height: 0;
    display: block;
    position: relative;
}

.article__img-link>*,
.wrap-circle>*,
.wrap-landscape-tall>*,
.wrap-landscape-wide>*,
.wrap-landscape>*,
.wrap-portrait-tall>*,
.wrap-portrait>*,
.wrap-square>*,
.wrap-video>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bg-image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

a .article__img-wrap .article__img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.lazy-bg-image__overlay.bg-image--loaded {
    opacity: 1;
}

.article__meta {
    position: absolute;
    left: 0;
    top: 0;
    background: #001E67;
    margin-bottom: .5rem;
    color: #fff;
    padding: 5px;
    z-index: 1;
}

.article__title-link {
    color: #1c1a1a;
    margin-bottom: .5rem;
    font-size: 18px;
}

a .article__img-wrap:hover .article__img {
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.img-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.article__img-link {
    display: block;
    position: relative;
    margin: 0 0 1rem;
}

.article__img-link,
.wrap-circle,
.wrap-square {
    padding-top: 100%;
}

.article__img-link,
.wrap-circle,
.wrap-landscape,
.wrap-landscape-tall,
.wrap-landscape-wide,
.wrap-portrait,
.wrap-portrait-tall,
.wrap-square,
.wrap-video {
    width: 100%;
    height: 0;
    display: block;
    position: relative;
}

.lazy-bg-image__overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}


/* faq页面样式 */

.faq .titleinfo h1 {
    line-height: 20px;
}

.faq .titleinfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.faq .titleinfo .item:first-child {
    width: 70%;
}

.faq .panel-default>.panel-heading {
    background: none;
    border: none;
    border-bottom: 1px solid #444;
    padding-bottom: 20px;
    margin-bottom: 30px;
    padding-left: 0;
    position: relative;
}

.faq .fa-angle-down,
.faq .fa-angle-up {
    position: absolute;
    right: 10px;
    font-size: 20px;
}

.faq .fa.show {
    display: inline-block;
}

.faq .panel-title>a:hover {
    padding-left: 30px;
}

.faq .panel-group .panel {
    border: none;
    box-shadow: none;
}

.faqbox {
    width: 67%;
    margin: 20px auto;
}

.faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none !important;
    color: #777;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#rotating-image {
    border-radius: 50%;
    animation: rotate 5s linear infinite;
}


/* faq页面样式end */

ul.rating {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.rating li {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    color: #FFAA1B;
}

ul.rating li.star {
    background-position: left top;
}

ul.rating li.star.selected {
    background-position: left bottom;
}


.leftbox .info {
    margin-top: 0 !important;
}
.top-search-left-right {
    position: relative;
    background: none;
    display: flex;
}.top3 .searchbox input {
    background: none;
    border: none;
    height: 40px;
    width: 150px;
    color: #222;
    outline: none;
}

.cont-ousel2 img,
.cont-ousel img {
    cursor: pointer;
    transition: all 0.6s;
}

.cont-ousel2 img:hover,
.cont-ousel img:hover {
transform: scale(1);
}

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

.newsflinfo .item {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .2);
    padding: 10px;
    position: relative;
    transition: all .45s ease-in-out;
    z-index: 1;
    margin: 10px;
}


@keyframes load {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.icopic {
    display: flex;
    width: 50px;
    height: 50px;
    position: relative;
    align-items: center;
    border: 1px solid #ED1B24;
    justify-content: center;
    border-radius: 50%;
}

.headline {
    margin-top:0;
    margin-bottom: 10px;
    font-size: 44px;
}

.newsflinfo .item .npicbox {
    margin: 15px 0;
}

.newsflinfo .item .ndate {
    border-top: 1px solid #c9cacc;
    padding-top: 10px;
    color: #777;
    text-align: right;
}

.atvbox a {
    margin-right: 20px;
}

.atvbox a img {
    max-width: 61px;
}

.newsnav {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
}

.newsnav a {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}

.newsnav a:hover {
    color: #f1f1f1;
}

.leftbox.pro .info {
    margin-top: -40px;
    z-index: 2;
    position: relative;
}

.djc_filters_in li:first-child {
    padding-left: 0 !important;
    width: 240px;
}

.fr {
    float: right;
}
.cont-ousel2 {
    position: relative;
}

.teldatal {
    position: absolute;
    left: -11%;
    top: -40px;
    background: #015CB5;
}

.teldatal a {
    display: block;
    color: #fff;
    margin: 25px 0;
    padding: 5px 10px;
}

.teldatal a:hover {
    color: #222;
}

.teldatal a.active {
    background: #222;
}

.malt {
    width: 100%;
}

.leftbox {
    width: 20%;
    float: left;
    padding-right: 5%;
    background: #F1F1F1;
    display: none;
}


.cctitle {
    margin-top: 15px;
    text-align: center;
}


/* Effect 5 */

.hi-icon-effect-5 .hi-icon {
    overflow: hidden;
    /* -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s; */
}

.hi-icon-effect-5 .hi-icon:after {
    display: none;
}


.hi-icon-effect-5a .hi-icon:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5b .hi-icon:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5c .hi-icon:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.hi-icon-effect-5d .hi-icon:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
.higlight-text {
    color: #ED1B24;
}

header.noindex {
    color: #fff;
    position: relative;
    top:0;
    z-index: 2;
}

header.noindex .otherinfo {
    display: flex;
    align-items: center;
}

header.noindex .otherinfo a:first-child {
    color: #015CB5
}

header.noindex .top3box .item1 {
    width: 190px;
}

#slider .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 10%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 60%;
}

#slider .swiper-pagination-bullet,#slider .swiper-pagination-bullet-active {
 background: none;
 outline: none;
}
#slider .swiper-pagination-bullet{
    position: relative;
    color: #fff;
}
#slider .swiper-pagination-bullet::after {
    z-index: 1;
    background-color: #CB1428;
    transform-origin: 0 0;
    transform: scaleX(0);
    transition: transform 0.2s linear;
  }  #slider .swiper-pagination-bullet::before {
    z-index: 0;
    background-color: rgba(203,20,40,.5);
    transition: background-color 0.2s ease;
  }
  #slider .swiper-pagination-bullet::before,   #slider .swiper-pagination-bullet::after {
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    left: 10px;
    bottom:-5px;
    opacity: 0;
  }
  #slider .swiper-pagination-bullet-active{
   padding-right: 70px;
  }
  #slider .swiper-pagination-bullet-active::after{
      animation-name: slideTimer;
      animation-duration: 8s;
      opacity: 1;
    }
    #slider .swiper-pagination-bullet-active::before{
        opacity: 1;
    }
    @keyframes slideTimer{
      0%{ transform:scaleX(0); }
    100%{ transform:scaleX(1); }
  }
.section2{ position: relative;}
.fsubbtn{ border: none;}
.readmore{ margin-top: 40px;}
.readmore a,.fsubbtn {
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    background: none;
    text-transform: capitalize;
    font-size: 16px;
    background: #015CB5;
    box-shadow: 3px 4px 0px 0px rgba(181,181,181,0.96);
    border-radius: 5px;
    border: 1px solid #E4E4E4;
}
.readmore a span.ico{ margin-left: 10px;}.footer3 a{color: #6E6F71;}
.footer3{ padding-bottom: 40px; color: #6E6F71;}.footer3 .item{ width: 50%;}.footer3 .otherinfo{ text-align: right;}
.leftbox .info {
    margin-top: 20px;
    padding: 30px;
}

.leftbox .info a {
    color: #fff;
}

.ptop {
    padding-top: 50px;
}

.bannertext .text {
    margin: 40px 0 40px;
    font-size: 24px;
    color: #333;
    overflow: hidden;
}
.bannertext .readmore a{ color: #fff; background: #015CB5; border:none; font-size: 18px;}
.bannertext .readmore a:hover{ background: #015CB5}
.bannertext {
    position: absolute;
    bottom: 0px;
    right: 80px;
    width: 40%;
    z-index: 1;
    color: #fff;
    background: rgb(247,247,247,0.9);
    padding: 45px;
    height: 80%;
}

.bannertext .btns a:hover {
    background: #015CB5 !important;
    color: #fff !important;
}

.bannertext .btns a {
    display: inline-block;
    border-radius: 20px;
    padding: 10px 30px;
    line-height: 25px;
    height: 40px;
    background: #CB1428;
    color: #fff;
}
.banner__swiper .swiper-container{ background: #fff;}
.listli .liop img {
    max-height: 198px;
}

.listli .liop {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
}

.nybanner {
    position: relative;
    z-index: 1;
}

.nybanner .text {
    position: absolute;
    left: 10%;
    top: 50px;
    color: #fff;
    font-size: 25px;
}

.nybanner .text h2 {
    font-size: 40px;
    text-transform: uppercase;
}
.nybanner .text h2 span{display: block;}
.nybanner .text h2 span:last-child{ color: #015CB5;}
.nybanner .quiklinkbox {
    position: absolute;
    width: 9%;
    height: 128.5%;
    background: #015CB5;
    left: 0;
    top: -180px;
    padding-top: 100px;
}

.nybanner .quiklinkbox a {
    height: 45%;
}

.menu {
    padding: 30px;
    display: none;
}

.menu li.firstli {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.menu li {
    position: relative;
    padding: 5px 0;
}

.menu li.active a {
    color: #015CB5;
}

.menu li.active::after {
    z-index: 222;
    right: -20px;
    top: 0;
    background: #015CB5;
    width: 3px;
    height: 100%;
    position: absolute;
    content: '';
}

.top3 .item {
    position: relative;
}
.topr1 .item{ margin-left: 25px;}

.djc_filters_in {
    display: flex;
    justify-content: space-between;
}

.djc_filters_in .item:first-child {
    width: 30%;
}

.djc_filters_in .item:last-child {
    width: 80%;
}

.djc_filters_in .box {
    display: block;
    float: left;
    transition: ease-out 300ms;
}

.two {
    width: 20%;
}

.six {
    width: 60%;
}

.four {
    width: 40%;
}

.djc_filter_search li,
.djc_filter_list li {
    display: block;
    float: left;
    list-style: none;
    padding: 0;
    background: none;
    line-height: 2;
    margin-bottom: 20px;
}
.djc_filters_in li {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 80px;
}

.djc_filter_input select {
    height: 53px;
    width: 100%;
}

.djc_filter_input input {
    width: 100%;
    display: block;
    float: left;
}

.button_bg,
.btn.hasTooltip,
.btqc-field-container button {
    font-size: 18px;
    line-height: 20px;
    color: #FFF !important;
    text-transform: none;
    width: 53px;
    position: relative;
    display: block;
    float: left;
    clear: both;
    position: relative;
    background: #015CB5;
    transition: all 300ms;
    text-decoration: none;
    height: 53px;
    cursor: pointer;
    outline: none;
}

.menuheader {
    background: #015CB5;
    padding: 15px 0;
    text-transform: uppercase;
}

.sidemenu:not(:last-child) {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.sidemenu li a:before {
    left: 0;
}


.prolist {
    display: flex;
    flex-wrap: wrap;
}

.prolist .item:nth-child(3n+0) {
    margin-right: 0;
}

.prolist .item {
    width: 32%;
    margin-right: 10px;
    margin-bottom: 10px;
}

#slider {
    position: relative;
}


.searchbyclass .dropdown-menu {
    min-width: 180px;
    height: 500px;
    overflow-y: scroll;
}

.top3box .item1 {
    margin: 10px 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.curtitle {
    margin-top: 0;
}
.socailafooter{ margin-top:20px}
.socailafooter a {
    display: inline-block;
    margin-right: 20px;
}


.fformbox {
    position: relative;
}

.fformbox .item {
    display: flex;
    justify-content: space-between;
}

.fformbox .item .input {
    margin-bottom: 30px;
    width: 48%;
}

.fformbox .item.item4 .textare,
.fformbox .item.item4 .textare textarea {
    width: 100%;
    background: none;
    border: none;
}

.fformbox input[type="text"],
.fformbox textarea {
    padding: 10px;
    border-radius: 0 !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: none;
}

.fformbox .item.item4 .textare textarea{
    height: 150px;
    border: 1px solid #777;
    
}


.fformbox .item .input input {
    width: 100%;
    border: 1px solid #777;
}

.fformbox .item4 button {
    height: 95px;
    border-radius: 6px;
    width: 100px;
    background: #015CB5;
    border: none;
    color: #fff;
}

.navfooter a {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    color: #555;
}

.navfooter a:after {
    height: 100%;
    width: 1px;
    background: #555;
    position: absolute;
    content: '';
    right: 0;
}

.navfooter {
    margin-top: 20px;
}

.fformbox .item:last-child {
    margin-right: 0;
}

header .fa-angle-down {
    padding-left: 5px;
}

header.noindex .fusion-main-menu li {
    border: none;
}

header.noindex .fusion-main-menu>ul>li>a,
header.noindex .top3 {
    border-color: #ddd;
}

header.noindex .top3 .item::before,
header.noindex .top3 .item::after {
    background: #ddd;
}
.seroprobox{
    margin-top: 30px;
}
.seropro {
    
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.25rem 0.5rem !important;
    border: 1px solid #eee;
    padding: 15px 15px 0 15px;
    border-radius: 4px;
}
.djc_clearfix{ display: flex; justify-content: space-between;}
.two {
    width: 19%;
}

.five {
    width: 50%;
}

.four {
    width: 40%;
}

.six {
    width: 60%;
}

.pt60 {
    padding-top: 30px;
}

header .otherinfo a {
    margin-left: 10px;
    color: #fff;
}

header.noindex .otherinfo a {
    color: #222;
}

.top3 {
    color: #222;
    position: relative;
    padding:10px 0
}



.top3box {
    display: flex;
    justify-content: space-between;
}
.top3box .logo{ display: flex;align-items: center;flex-shrink: 0;}footer .logotext{width: 204px;font-size: 18px; font-weight: 500; color: #fff;}
.prony .containner_ny {
    padding-right: 0;
}
footer .itemtitle{padding-bottom: 10px; position: relative; font-size: 20px; text-transform: capitalize; color: #fff; font-weight: 500;}
.proindex_box {
    display: flex;
    flex-wrap: wrap;
}

.proindex_box .itemlist {
    width: 31%;
    margin-right: 20px;
    margin-bottom: 50px;
}

.proindex_box .itemlist .mkdf-pl-text {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
    opacity: 0;
    background-color: rgba(255, 63, 58, .95);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.proindex_box .itemlist .text {
    margin-top: 10px;
    text-align: center;
}

.proindex_box .itemlist:hover .mkdf-pl-text {
    opacity: 1;
}

.proindex_box .itemlist .mkdf-pl-text-outer {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
}

.proindex_box .itemlist .mkdf-pl-text-inner {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.mkdf-btn-predefined-line-holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
}

.mkdf-btn-line-hidden {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    opacity: .4;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    width: calc(33px - 7px);
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .18s ease-in-out;
    -o-transition: .18s ease-in-out;
    transition: .18s ease-in-out;
}

.mkdf-btn-text {
    position: relative;
    display: inline-block;
    -webkit-transition: .2s cubic-bezier(.42, 0, .6, .93);
    -o-transition: .2s cubic-bezier(.42, 0, .6, .93);
    transition: .2s cubic-bezier(.42, 0, .6, .93);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding: 0 18px 0 21px;
}

.mkdf-btn-line {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    width: calc(33px - 7px);
    height: 1px;
    background-color: currentColor;
    -webkit-transition: .18s ease-in-out;
    -o-transition: .18s ease-in-out;
    transition: .18s ease-in-out;
}

.mkdf-pl-text .button:hover .mkdf-btn-line-hidden {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.mkdf-pl-text .button:hover .mkdf-btn-line {
    opacity: .4;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.mkdf-pl-text .button:hover .mkdf-btn-text {
    -webkit-transform: translateX(calc(33px - 8px));
    -ms-transform: translateX(calc(33px - 8px));
    transform: translateX(calc(33px - 8px));
}

.ion-ios-play {
    border-left: 10px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.mkdf-pl-text .button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 2em;
    font-weight: 700;
    text-transform: uppercase;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    box-sizing: border-box;
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 2px;
    padding: 12px 23px;
    cursor: pointer;
    z-index: 3;
}

.tagtext {
    padding: 2px 5px;
    background: #015CB5;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}

.proindex_box .itemlist:nth-child(3n+0) {
    margin-right: 0;
}

.proindex_box .itemlist:hover .picbox {
    background: #015CB5;
    color: #fff;
}

.proindex_box .picbox {
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
}

.proindex_box .picbox img {
    max-height: 248px;
}

.proindex_box .item:nth-child(3n+0) {
    margin-right: 0;
}

.proindex_box .item {
    width: 32%;
    margin: 0 10px 10px 0;
    border: 1px solid #eee;
    padding: 10px;
}

.top3 .toplinkurl {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.top3 .toplinkurl a,
.fsubbtns,
.fsubbtn_c {
    background: #015CB5;
    padding: 5px 20px;
    color: #fff;
    border: none;
    font-size: 16px;
    height: 44px;
    width: 100%;
}



.radio-buttons-block {
    align-content: stretch;
    justify-content: flex-start;
    margin: 15px 0;
    display: flex;
}

.radio-button-field {
    width: auto;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
    display: flex;
}

.w-radio:before,
.w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table;
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
}

.w-radio:after {
    clear: both;
}

.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal;
}

.w-radio {
    margin-bottom: 5px;
    padding-right: 20px;
    display: block;
}

.fsubbtn:hover,
.fsubbtns:hover,
footer .formbox button:hover,
.fsubbtn_c:hover {
    background: #015CB5;
}

.fsubbtns {
    background: #B1B4B9;
}

.u-section {
    margin-bottom: 12px;
}

.fusion-main-menu>ul>li:first-child {
    padding-left: 0;
}

.tongjis {
    padding-top: 30px;
    text-align: right;
    font-size: 14px;
}

.form-inputs {
    margin-bottom: 10px;
    align-items: center;
    display: flex;
}

.but-zsapds {
    background: #015CB5;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    border: none;
    width: 100%;
}

.field-inzsp input,
.field-inzsp textarea {
    width: 100%;
}

.form-inputs .label-tit {
    margin-right: 10px;
    width: 120px;
}
.form-inputs .field-inzsp{
 width: 80%;
}
ul {
    margin: 0;
    padding: 0;
}

A {
    text-decoration: none;
}

a,
a:after,
a:before {
    transition-duration: .2s;
    transition-timing-function: linear;
}

.clear {
    clear: both;
}

A:hover {
    text-decoration: none;
}

IMG {
    border: none;
    max-width: 100%;
}

.header-search {
    background: #fff;
    height: 30px;
    line-height: 25px;
    width: 70%;
    border-radius: 10px;
    border: 1px solid #222;
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #ED1B24;
    cursor: default;
    border: none;
    border-bottom: 4px solid #ED1B24;
    background: none;
}

.tabinfo {
    margin: 40px 0;
}

.nav-tabs>li>a {
    background: #eee;
    color: #222;
}

.product-teaser img:hover {
    transform: scale(2.4);
}

li {
    list-style: none;
}

.appmenu li {
    border-top: 1px solid #DBDBDB;
    transition: all .2s ease-in-out;
}

.appmenu li a {
    padding: 5px 0;
    color: #555;
    display: inline-block;
}

.appmenu li:hover {
    background-color: #eee;
}

.page_slide_l.en {
    width: 90px;
}

.page_slide_l {
    position: fixed;
    width: 77px;
    background-color: #fff;
    z-index: 999;
    top: 350px;
    left: 0;
}

.page_slide_l a.active {
    background-color: #195bae;
    color: #fff;
}

.page_slide_l a {
    display: block;
    padding: 8px 2px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 5px #eee;
}

.page_slide_l a:hover {
    color: #015CB5;
}

.curproductinfo h3 {
    margin-top: 0;
}

.curproductinfo {
    margin-bottom: 20px;
}

.newsitem .content {
    font-size: 16px;
}

.newsitem p {
    margin-bottom: 5px;
    line-height: 18px;
}

.listli h3 {
    margin-top: 0;
}

.qrcodeimg {
    display: none;
    position: absolute;
    z-index: 999;
    right: 200px;
    top: 0;
}

.qrcodeimg img,
.qrcodeimg2 img {
    max-width: 120px;
}

.tp-bullets {
    display: none !important;
}

.cont-ousel {
    padding: 0 15px;
}

.downloadlist {
    margin-bottom: 40px;
}

.container1200,
.container {
    /* padding:0 80px; */
    width: 1770px;
}

.downloadlist li span {
    display: inline-block;
    margin-right: 10px;
    color: #333;
}

.downloadlist li span:first-child {
    color: #015CB5;
}

input,
select,
option,
textarea {
    outline: none;
}
.subscrbox {
    background: #F0F5F8;
    border-radius: 10px;
    padding: 0 10px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* .subscrbox.noindex{ background: none;} */

.subscrbox.noindex button {
    background: none;
}

.subscrbox input {
    width: 85%;
}

.subscrbox input,
.subscrbox button {
    background: none;
    border: none;
}

.subscrbox button {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

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

.applist p {
    text-align: center;
    margin-top: 10px;
}

.applist a {
    color: #222;
}


/*导航*****************************************/
.sub-menu li h2{ font-size: 16px;}
.fusion-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fusion-main-menu>ul>li>a {
    font-weight: 500;
    font-size: 19px;
    color: #000;
}

.fusion-main-menu>ul>li {
    padding: 3px;
    position: relative;
}

.fusion-main-menu>ul>li>a:hover {
    border: 0;
}

.fusion-main-menu>ul>li a span {
    position: relative;
    display: inline-block;
}

.fusion-main-menu .sub-menu {
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    width: 230px;
    background-color: #fff;
    top: 57px;
    padding: 20px 10px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    background: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.erwt{ display: none;  position: absolute;
    right: 28%;
    top: 20px;
    width: 150px; z-index: 22222;} .social2:hover .erwt{ display: block;}
.fusion-main-menu .sub-menu.pronavbox{ flex-wrap: wrap; position: fixed; top:150px; width: 100%; display: flex; padding: 0px 80px; justify-content: center;}
.fusion-main-menu .sub-menu.pronavbox li a{ display: flex; margin: 0 20px;}
.fusion-main-menu .sub-menu.pronavbox li a span.picbox{ margin-right: 15px;}
.fusion-main-menu .sub-menu.pronavbox .sub-menu22 li:hover{
    background: rgb(1, 92, 181,0.8);

}
.fusion-main-menu .sub-menu.pronavbox .sub-menu22 li:hover a.a3{
    color: #fff;
}
.fusion-main-menu .sub-menu li {
    float: none;
    margin: 0;
    padding: 5px;
    text-align: left;
}
.fusion-main-menu .sub-menu.pronavbox li.li1:first-child,.fusion-main-menu .sub-menu.pronavbox li.li1:nth-child(5){border-left: 1px solid #eee;}
.fusion-main-menu .sub-menu.pronavbox li.li1{ flex-shrink: 0; width: 25%;padding: 29px 0;
    border-right: 1px solid #eee;border-bottom: 1px solid #eee;}    .fusion-main-menu .sub-menu.pronavbox li .a3{ position: relative; padding-left: 15px;}
    .fusion-main-menu .sub-menu.pronavbox li .a3::before{    content: "";
        position: absolute;
        top: 12px;
        left: 0;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid black;}
.fusion-menu .sub-menu li a {
    padding-top: 7px;
    padding-bottom: 7px;
    color: #222;
}
.fusion-menu .sub-menu li a:hover{
    color: #015CB5;
}
.fusion-menu li .sub-menu.show1 {
    visibility: inherit;
    opacity: 1;
    display: flex !important;
    flex-wrap: wrap;
}

.fusion-menu .sub-menu li a {
    font-size: 14px;
}

.fusion-main-menu>ul>li>a {
    position: relative;
    padding: 5px 0;
    font-size: 18PX;
    font-weight:500;
}

.fusion-main-menu>ul>li:hover>a::before{
    transform: scaleX(1);
}
.fusion-main-menu ul .lotio {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    color: #fff;
}

.fusion-main-menu>ul>li {
    padding: 13px 10px;
}

.fusion-main-menu li {
    float: left;
    padding: 0;
    cursor: pointer;
}

.fusion-menu .sub-menu li a.show1 {
    height: 25px;
    overflow: hidden;
    display: block;
}

.fusion-menu .sub-menu li .sub-menu2 a:hover {
    color: #015CB5;
}

.fusion-menu .sub-menu li .sub-menu2 li {
    border: none;
    width: 100%;
    padding: 5px;
}

.sub-menu li:hover .sub-menu2 {
    visibility: inherit;
    opacity: 1;
}

.fusion-menu li:hover .sub-menu {
    visibility: inherit;
    opacity: 1;
        transform: scaleY(1);
}

.fusion-main-menu .sub-menu2 {
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity .2s ease-in;
    width: 230px;
    background-color: #161b1f;
    top: 0px;
    left: 220px;
    padding: 20px 10px;
}

.lotio2 {
    transition: all .2s linear;
    position: relative;
    font-weight: bold;
    color: #fff;
    vertical-align: text-bottom;
}
.sub-menu li:hover .lotio2::after {
    opacity: 1;
}

.fusion-main-menu>ul>li.active>a>span:after {
    width: 100%;
    left: 0
}

/*导航*****************************************/

.line {
    position: relative;
}

.ptb60 {
    padding: 60px 0;
}

.headline p {
    font-size: 18px;
    margin-bottom: 0;
    color: #757575;
}

.headline h2 {
    margin-bottom: 0;
    margin-top: 0px;
    position: relative;
    font-size: 42px;
    text-transform: capitalize;
    font-weight: 500;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    border: none;
    outline: none;
    background: #015CB5;
    font-size: 20px;
}
.swiper-button-prev{ left: 0;}.swiper-button-next{ right: 0;}
.searchboxbtn button,.menu-icon button{ background: none; border: none; outline: none;}   
.searchbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

.searchbox input {
    background:none;
    border: none;
    height: 40px;
    border-bottom: 2px solid #fff;
    box-shadow: none;
    border-radius: 0;
    font-size: 20px;
}

.searchbox button {
    background: none;
    border: none;
    padding: 10px;
    outline: none;
    height: 40px;
}

.container1200 {
    margin: 0 auto;
    position: relative;
    padding-right: 80px;
    padding-left: 80px;
}

.lmbvt .sidemenu {
    margin-bottom: 20px;
}

.product-carousel {
    margin: 0;
    margin-bottom: 35px;
    display: table;
}

#plp-bread-crumb {
    padding: 20px 0 !important;
    margin:0 !important
}

#plp-bread-crumb span.active {
    color: #015CB5;
}

.pro_details #plp-bread-crumb {
    padding: 25px 15px !important;
}

.languagelist {
    position: absolute;
    display: none;
    top: 35px;
    width: 100px;
    z-index: 9999;
    background: none;
    left: 20px;
    text-align: center;
    background: #eee;
}

.languagelist a {
    display: block;
    margin: 5px 0 !important;
}

.languagebox a {
    color: #333;
}

.languagebox:hover .languagelist {
    display: block;
}

.applo {
    padding: 0 15px;
    margin-top: 0;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.menuheader h4 {
    margin: 0;
}

.slides a {
    color: #222;
}

.listli {
    margin-top: 10px;
    margin-bottom: 10px;
}

.listli .row {
    display: flex;
    align-items: center;
}

.appnybox .listli {
    width: 50%;
}

a {
    color: #222
}

.lopturow {
    margin-left: -15px;
    margin-right: -15px;
}

.contlxw .bsot {
    border-radius: 0;
    padding: 0 !important;
    outline: none !important;
    border: none !important;
}

.sote {
    position: relative;
    background: url(../images/navbanner.png) no-repeat;
    margin-top: 0 !important;
}

.ui-widget-header {
    color: #FFF;
    margin-top: 0px;
}

.btn-default:before {
    position: absolute;
    top: 0;
    right: 3px;
    content: "";
    height: calc(100% - 2px);
    width: 30px;
    background-position: right calc(100% - 7px);
    background-repeat: no-repeat;
    background-image: url(../images/select.png);
    pointer-events: none;
    z-index: 5;
}

.bootstrap-select>.btn-default {
    background: none !important;
    border-bottom: 1px solid #c4c5c6 !important;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.wpDataTablesWrapper .wdtscroll {
    width: 100%;
    overflow-x: scroll;
}

.left30pl {
    width: 30%;
    float: left;
}

.left70pl {
    width: 70%;
    float: left;
}

.sszsdf a {
    color: #333;
}


/*************/

.aux-nav>.dropdown ul.dropdown-menu {
    top: 95% !important;
}


/*****************/

.contps {
    margin-bottom: 15px;
}

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

.rightop {
    float: right;
}

.sids {
    float: left;
    margin-right: 10px;
}

.rightop .btns a.sendInquiry {
    font-size: 16px;
    /* display: flex; */
    display: -webkit-flex;
    height: 35px;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    text-align: center;
    background: #015CB5;
    border-radius: 3px;
    width: 125px;
    margin-right: 1%;
    float: left;
}

.rightop .btns .pdown1 {
    float: left;
}

.rightop .pdown1 a {
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    height: 33px;
    justify-content: center;
    align-items: center;
    color: #424242;
    text-align: center;
    background: #ffffff;
    border-radius: 3px;
    width: 130px;
    border: 1px solid #424242;
    margin-right: 5%;
    float: left;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.pro-info-con .btns {
    margin-top: 50px;
}

.aux-nav-social {
    position: relative;
}

.qrcode {
    position: absolute;
    width: 150px;
    right: -50px;
    top: -30px;
    border: 3px solid #FFF;
    display: none;
}

.qrcode img {
    width: 100%;
}

.header-logo::before {
    background-color: #fbfbfb !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(80%, #e5e5e5));
    background: linear-gradient(180deg, #fbfbfb 0%, #e5e5e5 80%);
}

.header-search::before {
    background: #e51b23;
    background: -webkit-gradient(linear, left top, left bottom, from(#e51b23), color-stop(80%, #a8070d));
    background: linear-gradient(180deg, #e51b23 0%, #a8070d 80%);
    border-left: 0;
}

.dl-menu>li>a:not(:only-child):after {
    border-color: #FFF transparent transparent;
}

.nav-main-item>a {
    border-color: rgb(0, 91, 172);
}

.site-footer a,
.site-footer {
    color: #646464 !important;
}


.site-footer {
    background: #f5f6fa !important;
}

.flickity-viewport .is-1by1 {
    background-repeat: no-repeat;
    /*  background-image: url(../images/jxs.png); */
    background-size: 100%;
    height: 212px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.image.is-1by1 {
    padding-top: 0 !important;
}

.image.is-1by1 img {
    position: relative !important;
}

.header-upper {
    background: #F4F4F4 !important;
}

.aux-nav-social>a {
    color: #646464 !important;
}

.aux-nav-social>a:hover {
    color: #e51b23 !important;
}

.aux-nav>.dropdown .dropdown-trigger>a {
    color: #646464 !important;
}

.header-main {
    background: #005bac !important;
}

.nav-main-item>a {
    background: #e51b23;
    background: -webkit-gradient(linear, left top, left bottom, from(#e51b23), color-stop(80%, #a8070d));
    background: linear-gradient(180deg, #e51b23 0%, #a8070d 80%);
}

.button.is-primary {
    background-color: #ffffff;
    border-color: transparent;
    color: #333;
}

.promo-a .promo-item:nth-of-type(even) .promo-content {
    background: #e51b23;
    background: -webkit-gradient(linear, left top, left bottom, from(#e51b23), color-stop(80%, #831116));
    background: linear-gradient(180deg, #e51b23 0%, #831116 80%);
}

.promo-a .promo-item .promo-content {
    background: #015CB5;
    background: -webkit-gradient(linear, left top, left bottom, from(#015CB5), color-stop(80%, #0a53a8));
    background: linear-gradient(180deg, #015CB5 0%, #0a53a8 80%);
}

.video-callout .card-content {
    height: auto;
    border-bottom: 6px solid #e51b23;
}

.header-search input {
    border: none;
    width: 70%;
    margin-left: 15px;
}

.header-search-btn .fas {
    color: #646464;
}
.header-search-btn:hover .fas {
    color: #a8070d;
}
header .searchbox input::-webkit-input-placeholder{
    color: #015CB5;
    font-size:16px;
}
.header-search input::-webkit-input-placeholder,.subformbox input::-webkit-input-placeholder,.zy2.section6 textarea::-webkit-input-placeholder,.zy2.section6 input::-webkit-input-placeholder{
    color: #fff !important;
}
footer .header-search input::-webkit-input-placeholder{
    color: #000 !important;
}
.zy2.section6 .formbox p{margin: 30px 0;}
.header-search-btn {
    background: none;
    border: none;
    outline: none;
}

.promo-a .promo-item .promo-content {
    padding: 20px !important;
}

.promo-a .promo-item .promo-content .promo-title {
    font-size: 1.2rem;
}

.image.is-1by1 img {
    max-height: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}
#plp-thumbs a .content{
    height: 45px;
    overflow: hidden;
}
/* 在分辨率为1920，比例为150%的屏幕上应用的样式 */
@media only screen and (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .socailafooter a {
        display: inline-block;
        margin-left: 5px;
    }.fusion-main-menu>ul>li {
        padding: 13px 5px;
    }
  }
@media (max-width: 1920px) {
    .fusion-main-menu .sub-menu.pronavbox{top:125px}
    .model_intror img {
        max-width: 65%;
        margin-left: 80px;
    }
    .langbox {
        right: 75px;
    }
    .lpicbox_cur {
        left: -15px;
        width: 500px;
        height: 500px;
    }
    .fusion-main-menu>ul>li {
        padding: 13px 32px;
    }
    .banner__swiper{ margin: 0 auto; background: #fff;}
    .linef {
        margin: 0 auto;
        border-top: 2px solid #9B9CA0;
        padding-top: 20px;
        width: 1600px;
    }

    .pcsearchbox button {
        height: 43px;
    }
    .fusion-main-menu li.active a:after {
        bottom: -5px;
    }
    .nybanner .quiklinkbox a {
        padding-top: 100px;
    }
    .quiklinkbox a,
    .nybanner .quiklinkbox a {
        padding-left: 32px;
    }
    .nybanner .quiklinkbox {
        height: 121.5%;
    }
    .fusion-main-menu>ul>li>a {
        font-size: 19PX;
    }
    .searchbyclass .btn {
        font-size: 18px;
    }
    .djc_filter_label {
        font-size: 35px;
    }
    .section6 .formbox .il.text{ width:803px}
}

@media (max-width: 1600px) {
    .fusion-main-menu .sub-menu.pronavbox {
        top: 110px;
    }
    footer{ font-size: 14px;}
    .fusion-main-menu>ul>li {
        padding: 13px 15px;
    }
    .bannertext h1{ font-size: 35px;}
    .model_intror img {
        max-width: 80%;
        margin-left: 0px;
    }    .langbox {
        right: 80px;
    }
    .container1200, .container {
        padding: 0 80px;
        width: 100%;
    }

}

@media (max-width: 1440px) {
    .probox1 .item1 .img .ts1 {
        top: 7%;
    }
    .probox1 .item1 .img .ts2 {
        top: 0px;
    }
    .probox1 .item1 .img .ts3 {
        top: 38%;
    }
    .probox1 .item1 .img .ts4 {
        top: 45%;
    }
    .probox1 .item1 .img .ts5 {
        top: 83%;
    }
    .probox1 .item1 .img .ts6 {
        top: 77%;
        right: 50px;
    }
    .section3,.section2.pd30, .section5 {
        padding-bottom: 80px;
    }
    .section3 .probox1 .item1 .img .ts1,.section3 .probox1 .item1 .img .ts3,.section3 .probox1 .item1 .img .ts4{ width: 150px;}
    .section3 .probox1 .item1 .img .ts2 {
        top: -10px;
    }
    .section4 .item .title,.section7 .textbox{ font-size: 18px; line-height: normal;}
    .menuinfo{ font-size: 16px;}
    .probox1 .zlbox1 a font{ padding: 5px; font-size: 12px;}
    .probox1 .item1 .img .ts{ font-size: 13px;line-height: 15px;}
    .waves-block .waves{ left: 60.5%; top:55%}
    .section4 .bfbtn{ margin-top: -5px;}
    .probox1 .item2 {
        padding-left: 20px;
    }
    .section3 .probox1 .item1, .section2 .probox1 .item1{width: 47.5%;}
    .section3 .probox1{ background-size: 50%;}
    .section2 .probox1{background-size: 60%;}
    .section6 .formbox .il.text{ width: 400px;}
    footer{ font-size: 13px;}
    .fusion-main-menu>ul>li {
        padding: 13px 10px;
    }
    .banner__swiper {
        background: #fff;
        width: auto;
    }
    .linef {
        margin: 0 80px;
        border-top: 2px solid #9B9CA0;
        padding-top: 20px;
    }
    
    .pcsearchbox button {
        height: 43px;
    }
    .fusion-main-menu li.active a:after {
        bottom: -5px;
    }
    .container1200,
    .container {
 width: 100%;
 padding: 0 80px;
    }
    .top3box .item1:first-child .item {
        margin-right: 20px
    }
    .fusion-main-menu>ul>li>a {
        font-size: 16PX;
    }
    .searchbyclass .btn {
        font-size: 16px;
    }
    .djc_filter_label {
        font-size: 18px;
    }
    .bannertext h1{ font-size: 35px;}
}

@media (max-width: 1366px) {
    footer{ font-size: 13px;}
    .container1200, .container {
        width: 100%;
        padding: 0 80px;
    }
    .fusion-main-menu>ul>li {
        padding: 13px 10px;
    }
   
    .bannertext h1{ font-size: 30px;}
    .leftbox .info {
        margin-top: 64px;
    }
    .fusion-main-menu li.active a:after {
        bottom: -5px;
    }
    .top3box .item1:first-child .item {
        margin-right: 20px
    }
    .fusion-main-menu>ul>li>a {
        font-size: 13PX;
    }
    .searchbyclass .btn {
        font-size: 15px;
    }

    .djc_filter_label {
        font-size: 18px;
    }
    .nybanner .quiklinkbox {
        height: 130%;
    }
}

@media (max-width: 786px) {
    .contactinfoheader{ display: none;}
    .pt60 {
        padding-top: 20px;
    }
    .flex {
        flex-direction: column;
    }
    .proindex_box .itemlist {
        width: 50% !important;
        padding: 10px !important;
        margin-right: 0;
    }
    .applo::before {
        left: 15%;
    }
    .cont-ousel img {
        width: auto !important;
        height: auto !important;
    }
    .cont-ousel table,
    .cont-ousel2 table,
    .cont-ousel td {
        background-color: transparent;
        width: 100% !important;
        table-layout: fixed;
        word-break: break-all;
    }
    .cont-ousel tr{ display: flex; flex-direction: column;}
    header.noindex .top3 .item.navbox {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        flex-direction: row;
    }
    .teldatal {
        position: relative;
        left: 0;
        top: -40px;
        background: #015CB5;
    }
    .teldatal a {
        margin: 5px 0;
    }
    .prony .containner_ny {
        padding-right: 10px;
    }
    .container1200,
    .container,
    .containner_ny {
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
    }
    .top3 .item.logo{
        padding: 0 5px;
    }
    .container1200 {
        max-width: 100%;
        width: 100%;
    }
    .nav-level-2 {
        display: none;
    }
    .header-logo {
        float: left;
        width: 50%;
    }
    .nav-main {
        float: left;
        width: 50%;
    }
    .header-logo img {
        max-width: 63%;
        height: 66px;
    }
    .fusion-main-menu {
        position: relative;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }.logo_text h1{ margin-top: 0;}
    .section1 h3.title {
        font-size: 20px;
        line-height: 28px;
    }.section1 .box {
        padding: 30px 0;
    }.section1 .info {
        margin-top: 30px;
        align-items: center;
    }.section1 .info .item{margin:0 0 20px 0}.section1 .readmore {
        margin-top: 10px;
    }
    .fusion-menu {
        position: fixed;
        z-index: 20;
        background: #015CB5;
        display: none;
        width: 95%;
        left: 10px;
        top: 170px;
    }.section1 {
        padding: 45px 0;
    }
    .section5 .box .item {
        flex-direction: column;
    }.section2.pd30, .section5{ padding-bottom: 45px;}
    .section5 .pagerbtna1{ left: 0;position: relative; margin: 20px 10px;}
    footer .logotext{ margin-bottom: 20px;}
    footer .contactinfo{ padding: 0; margin: 0;}
    .section5 .pagerbtna,.section5 .box .item .items,.section6 .formbox .il,footer .logotext{ width: 100%;}
    .bannertext h1 {
        font-size: 25px;
    }
    .pagerbtn{ right:30px;}
    .autoplay-progress{
        right: 80px;
    }
    .fusion-main-menu>ul>li {
        padding: 3px;
        position: relative !important;
    }
    .fusion-menu li .sub-menu.show1 {
        opacity: unset;
        display: none;
    }
    .fusion-main-menu li {
        width: 100% !important;
    }
    .fusion-menu .sub-menu li {
        border: none;
    }
    .top2box {
        position: relative;
        justify-content: space-between;
    }.topr2{ width: 100%; margin:0;justify-content: space-between;}
    .top2 .logo {
        text-align: center;
    }
    .top3 .item.topr{
        display: flex;
        align-items: center;
        justify-content: space-between;
    flex-direction: row;
    }
    .footer3 .item{ width: 100%;}
    .top3box {
        position: relative;
        justify-content: space-between;
        padding: 0;
        flex-direction: column;
    }.search_input{top:0}
    .otherinfo,footer .chatbox{ position: relative; bottom: 0;}
    footer .chatbox{ left: 0; margin-top: 10px;}
footer .box{ flex-wrap: wrap;}
    .footer2 .item{ margin-right: 0; width: 100% !important;}
    .footer2 .relation_mdd h2{ margin: 20px 0;}
    .icoarrow {
        left: 35%;
    }
    .applist {
        text-align: center;
    }footer {
        background-size: cover !important;
    }
    .appfbox .flex {
        flex-direction: row;
    }
    .navfbox {
        margin:15px 0
    }.about2box .itemtext .item {
        padding: 20px 50px 20px;
    }.contactbox1 {
        width: 100% !important;
    }
    .linef{ margin: 0 15px;}.section4 .item{ margin-bottom: 20px;}
    footer .inquirybox{ padding-left: 15px;}
    .section2 .probox1{ background: none;}
    .section2 .probox1 .item1 {
        background: url(../images/probg1.png) no-repeat;
        justify-content: space-between;
        background-size: cover;
    }.probox1 .item2 {
        padding-left: 0px; margin-top: 20px;
    }.probox1 .zlbox1 a {
        margin-left: 0;
        display: block;
        margin-bottom: 10px;
    }.probox1 .zlbox1 {
        text-align: left;
    }.section3 .probox1 .item1 .img {
        margin-top: 10px;
    }.section3 .probox1 {
        background-size: contain;
    }
    .section6 .cinfo,.footer3 .beianinfo.itemflex,.section4 .item,.section3 .probox1 .item1, .section2 .probox1 .item1,.probox1 .item2{ width: 100%;}
    .footer2 .item2.flex .itemflex:last-child{ width: 100%;}
    .contactinfo .flex .itemflex:first-child{ margin:0 0 10px}
    .flogo {
        margin-bottom: 10px;
    }
    .contactinfo .flex {
        flex-direction: row;
    }
    .footer2 .row div.col-xs-12{ margin-bottom:20px}
    footer .socailico,
    footer .header-search {
        margin-bottom: 20px;
    }
    .ptb60 {
        padding: 20px 0;
    }
    .dxg,
    .quiklinkbox,
    .nybanner .quiklinkbox {
        display: none;
    }
    .navbar-toggle {
        margin-right: 0;
        background: #015CB5;
        margin-top: 10px;
    }
    .malt,
    .product-carousel .slides li {
        width: 100% !important;
    }
    .top2 {
        background: #fff;
        padding: 10px 0 10px 0;
    }
    .fusion-main-menu>ul>li>a {
        color: #fff;
    }
    .fusion-main-menu .sub-menu {
        position: relative;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible;
    }
    .headline p {
        font-size: 20px;
    }
    .line {
        margin-bottom: 20px;
    }
    .fusion-main-menu>ul>li {
        padding-left: 15px !important;
    }
    .logo img {
        z-index: 99999;
    }
    .headline h2 {
        font-size: 14px;
    }
    .relappbox {
        position: relative;
    }
    .fformbox {
        flex-direction: column;
    }
    .fformbox .item4 button {
        height: 40px;
    }
    .contactinfony.cont-ousel {
        flex-direction: column;
    }
    .nybanner .text h2 {
        margin: 0;
        font-size: 15px;
    }
    .contactboxr,
    .contactbox {
        width: 100% !important;
    }
    .nybanner .text {
        font-size: 15px;
        left: 10px;
        bottom: 10px;
    }
    .leftbox {
        display: none;
    }.section6 .formbox .il.text {
        width: 100%;
        margin-left: 0px;
    }
    header.noindex .fusion-main-menu>ul>li>a {
        color: #fff;
    }
    .appbox .item {
        width: 50%;
    }
    .top3 .item:first-child:before,
    header.noindex .top3 .item:first-child:before {
        background: none;
    }
    .fusion-main-menu li.active a:after,
    .ny.container1200::after {
        background: none;
    }
    .djc_filter_input select {
        border: 1px solid #999;
    }
    .djc_filters_in .item {
        width: 100% !important;
    }
    .listli .liop {
        margin-bottom: 10px;
    }
    .djc_filters_in li {
        padding-left: 0px !important;
        padding-right: 3px !important;
        margin-right: 8px !important;
    }
    .socailafooter {
        display: none;
    }
    .top3 .item.navbox {
        padding-left: 10px;
    }
    .logoarea{ margin-top: 20px;}
    .bannertext {
        color: #222;
        width: 100%;
        left: 0;
        padding: 15px;
        top: 0;
        position: relative;
        height: auto;
    }
    .bannertext .btns a{ padding: 10px;}
    .searchbox {
        margin: 10px auto;
    }
    .djc_filters_in li:first-child {
        padding-left: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .listli .row {
        display: block;
        align-items: center;
    }
    header.noindex .top3box .item1 {
        width: auto;
    }
    header {
        position: relative;
        top:0;
    }
    
    .faq .titleinfo h1 {
        line-height: 35px;
    }
    .fusion-main-menu .sub-menu {
        min-height: auto;
    }
    .applo {
        font-size: 25px;
    }
    
    .dropdown-menu {
        left: auto;
        right: 0;
    }
   
    .slicknav {
        display: flex;
        flex-wrap: wrap;
    }
    .slicknav a {
        width: 50%;
        margin-bottom: 10px;
    }
    .modal-dialog {
        width: 95%;
    }
    .form-inputs .label-tit {
        height: 45px;
    }
    .row__item.border--r{ padding-left: 10px;}
    .custom-editor .col-flex-50 {
        flex: 1 1 100%;
    }
    .news-item {
        width: 100%;
        padding: 10px;
    }

    .product-series-banner .container {
        display: flex;
        align-items: center;
        flex-direction: column;
    }.product-series-banner-img,.product-series-banner-content{
         width: 100%;
         max-width: none;
         padding:0
    }
    .product-series-banner-content .product-banner-title{
         font-size: 22px;
         margin-bottom: 20px;
    }
    .hide-mobile{
        display: none;
    }
    .content table tr{ display: flex; flex-direction: column;}
    .content table tr td{ width: 100%;}
    .containertop{ padding: 0 10px;}
    .topr1 .item{ margin-left: 0;}
    .section2.pd30{ padding:30px 10px}
    .cmp-overlay__toggle{ right:10px; top:10px;}
    .banner__swiper .picbox{ width: 100%; float: none;}
    .djc_clearfix,.i_fangan,.footer2 .row{ flex-direction: column;}
    .two,.i_fangan .lrw,.i_fangan .cow{ width: 100%;}.icobox{ margin:10px 0}
    .prony .item .title, #myTabContent .tab-pane .item .title{ height: auto;}
    .cont-ousel2 img, .cont-ousel img{ width:auto !important; height:auto !important;}
    .topr3,.aboutusdesc .item2,.aboutusdesc .item1{ width: 100%;}.topr1{ justify-content: space-between; margin-top: 20px;}
    .about2box .lbbtn{ left: 70%;}
    .probtnbox .btnbox a:first-child{ margin-right: 1px;}
    .readmore a{ padding:10px;}
    .section4{ margin-top: 50px;}
    .section6 .formbox{
        margin: 10px auto;
        float: none;width: 100%;
    }.page_nav li{ width: 33%;}
    .line:before{ right: 30%;}.line:after{ left: 30%;}.footer1 .item {
        width: 100%;justify-content: flex-start;
    }.footer1{ height: auto; padding:10px 0}.footer1 .item1 a{margin-bottom: 10px; display: block;}
    .section3{    padding: 0px 0 45px;}.headline,.probtnbox .box .item,.section7 .item{ margin-bottom: 20px;}
    .aboutuspage .cont-ousel tr{display: table-row;}
    #plp-bread-crumb span.active{ color: #222;}
    .aboutusdesc .text{word-break: break-word;}
    .probox1 .item1 .img .ts2 {
        left: 70%;
    }.probox1 .item1 .img .ts4 {
        top: 37%;
    }.probox1 .item1 .img .ts6 {
        top: 74%;
        right: 0;
    }.probox1 .item1 .img .ts3{ left: 0;}.probox1 .item1 .img .ts5 {
        top: 80%;
        left: 0;
    }
    .section3 .probox1 .item1 .img .ts1{ top:0}.section3 .probox1 .item1 .img .ts2 {
        top: -17px;
    }.section3 .probox1 .item1 .img .ts3 {
        left: 0;
        top: 18%;
    }.section3 .probox1 .item1 .img .ts4 {
        left: 0;
        top: 37%;
    }
    .about_us_text img{ width: auto !important;height: auto !important;}
    .searchlikebox .box{ flex-direction: column;}
    .searchlikebox .alist {
        margin-left: 0;
        width: 100%;
    }.appqhbox .textbox{ position: relative;}.appqhbox .textbox .cur_title {
        font-size: 40px;
    }
    .fusion-main-menu .sub-menu.pronavbox{ top:170px}
    .searchlikebox .alist a{ display: flex; flex-direction: column;}
}