/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
ul li{list-style:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
::-webkit-input-placeholder
{color:#999;}
:-moz-placeholder
{color:#999;}
::-moz-placeholder
{color:#999;}
:-ms-input-placeholder
{color:#999;}
.container{width:1500px;margin:0 auto;}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}

/*ks_nav*/
.ks_nav{padding:5% 0;background:url(../images/ad_back.jpg) left top no-repeat;}
.ks_nav .kn_left{width:520px; height:auto; float:left;}
.ks_nav .kn_left p:first-child{font-size:4rem;line-height:4rem;color:#000; font-weight:bold; font-family:Arial; text-transform:uppercase;}
.ks_nav .kn_left p:nth-child(2){font-size:1.6rem;line-height:5rem;color:#000;}
.ks_nav .kn_right{width:calc(100% - 520px); height:auto; float:right;}
.ks_nav .kn_right .kn_right_top{width:100%;float:left; font-size:25px; color:#000; line-height:40px;}
.ks_nav .kn_right .kn_right_center{width:100%;float:left; font-size:16px; color:#333; line-height:40px; padding:2% 0;}
.ks_nav .kn_right .kn_right_center .right_list{width:23%;float:left; border:1px solid #000; text-align:center; margin:1% 3% 1% 0;}
.ks_nav .kn_right .kn_right_bottom{width:100%;float:left; font-size:18px; color:#333; line-height:32px;}
.ks_nav .kn_right .kn_right_bottom .right_list{width:24%;float:left; text-align:left; margin:1% 1% 1% 0;}
.ks_nav .kn_right .kn_right_bottom .right_list span{color:#1b44c0; font-size:1.6rem; font-family:Arial; text-transform:uppercase; font-weight:bold;}
.ks_nav .kn_right .kn_right_bottom .right_list a:hover{color:#1b44c0;}
.ks_nav .kn_right .kn_right_bottom .right_list:nth-child(2n) span{color:#00a2ff;}
.ks_nav .kn_right .kn_right_bottom .right_list:nth-child(2n) a:hover{color:#00a2ff;}

.indexpp_btn{margin-top:55px;}
.indexpp_btn a{display:block;width:137px;margin-left:44px;float:left;height:41px;line-height:39px;border:1px solid #1b44c0;font-size:14px;color:#1b44c0;padding-left:22px;background:url(../images/btn_icon.png) no-repeat right 25px center;border-radius:21px;}
.indexpp_btn a:first-child{margin-left:0;}
.indexpp_btn a:hover{background:url(../images/btn_icon_hover.png) no-repeat right 25px center #1b44c0;color:#FFF;}

/*产品*/
.productbg{width:100%; height:auto; padding:0 0 5% 0; background:url(../images/product_back.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.productbg .proimgs{width:23%; margin:1%; height:auto; float:left; text-align:left; background:#fff;box-sizing:border-box;}
.productbg .proimgs .pimg{width:100%; height:auto;overflow:hidden; float:left;}
.productbg .proimgs .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.productbg .proimgs:hover .pimg img{transform:scale(1.1);}
.productbg .proimgs .ptit{width:100%; line-height:22px; padding:4% 10%; color:#999; font-size:13px; overflow:hidden; float:left; background:rgba(0,0,0,0.12);}
.productbg .proimgs .ptit p{color:#333; font-size:16px; font-weight:bold; line-height:40px;}
.productbg .proimgs .ptit p:nth-child(2){color:#555; font-size:15px; border-top:1px solid #e5e5e5; background:none; font-weight:normal;}
.productbg .proimgs a{color:#a5a5a8;}
.productbg .proimgs:hover .ptit{color:#fff; background:#1b44c0;}
.productbg .proimgs:hover .ptit p{color:#fff;}
.productbg .proimgs:hover .ptit p:nth-child(2){color:#919191;}
.productbg .proimgs:hover a{color:#fff;}
@media screen and (max-width: 750px) { 
.productbg .proimgs .ptit{padding:4% 5%;}
}
/*yingyong*/
.applications {display: flex;width: 100%;box-sizing: border-box;height:70vh;}
.ad_list {flex: 1; overflow: hidden; transition: .5s; margin: 0 0.1%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0;}
.ad_list > img {width:200%; height: calc(100% - 7vh); -o-object-fit: cover; object-fit: cover; transition: .5s;}
.ad_list > span {font-size:2vh;color:#2f3652; display: block; text-align: center; height:7vh; line-height:3;}
.ad_list:hover {flex: 1 1 50%;}
.ad_list:hover > img {width: 100%; height: 100%;}
@media screen and (max-width: 750px) { 
.applications {height:30vh;}
.ad_list > span {font-size:1.5vh;}
}
/*首页关于我们*/
.in-about-wp{padding:5% 0 0 0;}
.in-about-img{float:left; width:45%;}
.in-about-img img{width:100%;}
.in-about-img .img_01{width:37.5%; border-radius:5px; overflow:hidden; float:left;}
.in-about-img .img_01 .imgtxt{padding:3% 7% 0 7%;position:absolute; z-index:2; color:#fff; font-size:22px; font-family:Arial;}
.in-about-img .img_01 .imgtxt span{font-size:3.5rem; line-height:5rem; font-weight:bold;}
.in-about-img .img_02{width:58%; border-radius:5px; overflow:hidden; float:right;}
.in-about-img .img_03{width:100%; border-radius:5px; overflow:hidden; float:left; margin-top:4%;}
.in-about-img .img_04{width:50%; border-radius:5px; background:#fff; float:right; color:#000; font-size:18px; line-height:1.5rem; font-weight:bold; padding:3% 4%; position: absolute; z-index:2; bottom:35%; right:0; box-shadow:0 0 8px 8px rgba(0,0,0,0.1);transition: all 0.5s;}
.in-about-img:hover .img_04{bottom:37%;}
.in-about-img{position: relative;}
.in-about-img::before {
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  content: "";
  left: 51%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
}
.in-about-img::after {
  background: rgba(255, 255, 255, 0.7);
  bottom: 51%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 51%;
  opacity: 1;
}
.in-about-img:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.5s;
}
.in-about-img:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.5s;
}

.in-about-textwp{float:right; width:50%;box-sizing: border-box;}
.in-about-text h2{color:#000; font-size:2.3rem; line-height:3.5rem; font-weight:bold; margin-bottom:1rem; width:80%;}
.in-about-text h3{font-size:20px; color:#1b44c0;font-family:arial; font-weight:bold; line-height:3.5rem;}
.in-about-line{width: 100px;height: 2px;background: #fc7001;margin: 16px 0;}
.in-about-des{color: #666;line-height:32px;margin:3% 0 5% 0; font-size:16px;}
.in-about-morewp{display:block;width:180px;height:63px; float:left;}
.in-about-morewp2{display:block;width:140px;height:63px; float:left;}
.in-about-fenlei{display:block;width:100%;height:auto;line-height:40px;text-align:left; padding:8% 0;}
.in-about-fenlei .feilei-list{width:22.5%;height:auto; padding:4%; margin-right:2%; float:left; border:1px solid #cccccc; line-height:20px;text-align:left;transition: all 0.5s;}
.in-about-fenlei .feilei-list p{font-size:1.5rem; color:#000; font-weight:bold; line-height:40px;transition: all 0.5s;}
.in-about-fenlei .feilei-list span{font-size:0.9rem;  color:#808080;transition: all 0.5s; font-family:Arial;}
.in-about-fenlei .feilei-list:hover{border:1px solid #1b44c0; background:#1b44c0;}
.in-about-fenlei .feilei-list:hover p{color:#fff;}
.in-about-fenlei .feilei-list:hover span{color:#fff;}
.ban-btn {
  position: relative;
  background-color: #E28E3A;
  padding: clamp(20px, 0.633vw, 20px) clamp(10px, 1.667vw, 10px);
  border-radius: 0;
  border: 1px solid #E28E3A;
  overflow: hidden;
  transition: 0.3s;
  z-index: 1;
  font-size: clamp(18px, 0.8vw, 18px);
  line-height: 100%;
  letter-spacing: 0.32px;
  font-family:Arial;
  text-align: center;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}
@media (max-width: 1199px) {
  .ban-btn {
    font-size: clamp(14px, 1.251vw, 18px);
  }
}
@media (max-width: 575px) {
  .ban-btn {
    font-size: clamp(14px, 2.261vw, 14px);
    padding: 8px 12px;
  }
}
.ban-btn{
  justify-content: center;
  border: 1px solid #1b44c0;
  background-color: #1b44c0;
  width: 100%;
  border-radius:3px;
}
.ban-btn::before {
  content: "";
  width: 0;
  height: 300%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(5deg);
  background: #FFFFFF;
  transition: 0.5s ease;
  display: block;
  z-index: -1;
}
.ban-btn:hover {
  color: #333;
  transition: all 0.5s ease-in-out;
  border: 1px solid #333;
}
.ban-btn:hover::before {
  width: 105%;
}
.ban-btn:hover::after {
  transition: all 0.5s ease-in-out;
  filter: invert(1); /* This inverts the SVG color on hover */
}


.ban2-btn {
  position: relative;
  padding: clamp(20px, 0.633vw, 20px) clamp(10px, 1.667vw, 10px);
  border-radius: 0;
  border: 1px solid #fff;
  overflow: hidden;
  transition: 0.3s;
  z-index: 1;
  font-size: clamp(18px, 0.8vw, 18px);
  line-height: 100%;
  letter-spacing: 0.32px;
  font-family:Arial;
  text-align: center;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}
@media (max-width: 1199px) {
  .ban2-btn {
    font-size: clamp(14px, 1.251vw, 18px);
  }
}
@media (max-width: 575px) {
  .ban2-btn {
    font-size: clamp(14px, 2.261vw, 14px);
    padding: 8px 12px;
  }
}
.ban2-btn{
  justify-content: center;
  border: 1px solid #fff;
  width: 100%;
  border-radius:3px;
}
.ban2-btn::before {
  content: "";
  width: 0;
  height: 300%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(5deg);
  background: #FFFFFF;
  transition: 0.5s ease;
  display: block;
  z-index: -1;
}
.ban2-btn:hover {
  color: #333;
  transition: all 0.5s ease-in-out;
  border: 1px solid #fff;
}
.ban2-btn:hover::before {
  width: 105%;
}
.ban2-btn:hover::after {
  transition: all 0.5s ease-in-out;
  filter: invert(1); /* This inverts the SVG color on hover */
}


.cus-btn {
  position: relative;
  background-color: #E28E3A;
  padding: clamp(20px, 0.633vw, 20px) clamp(24px, 1.667vw, 40px);
  border-radius: 0;
  border: 1px solid #E28E3A;
  overflow: hidden;
  transition: 0.3s;
  z-index: 1;
  font-size: clamp(15px, 0.8vw, 18px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.32px;
  font-family:Arial;
  text-align: center;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}
@media (max-width: 1199px) {
  .cus-btn {
    font-size: clamp(14px, 1.251vw, 18px);
  }
}
@media (max-width: 575px) {
  .cus-btn {
    font-size: clamp(14px, 2.261vw, 14px);
	padding: clamp(12px, 0.633vw, 12px) clamp(24px, 1.667vw, 40px);
  }
}
.cus-btn{
  justify-content: center;
  border: 1px solid #1b44c0;
  background-color: #1b44c0;
  width: 100%;
  border-radius:3px;
}
.cus-btn::before {
  content: "";
  width: 0;
  height: 300%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(5deg);
  background: #FFFFFF;
  transition: 0.5s ease;
  display: block;
  z-index: -1;
}
.cus-btn::after {
  content: "";
  display: inline-block;
  width: 13px; /* Adjust the width of the SVG icon */
  height: 10px; /* Adjust the height of the SVG icon */
  background-image:url(../images/about_jiantou.png);
  background-size: contain; /* Adjust the sizing as needed */
  background-repeat: no-repeat;
  padding-left: clamp(4px, 0.417vw, 12px);
  transition: all 0.5s ease-in-out;
}
.cus-btn:hover {
  color: #333;
  transition: all 0.5s ease-in-out;
  border: 1px solid #333;
}
.cus-btn:hover::before {
  width: 105%;
}
.cus-btn:hover::after {
  transition: all 0.5s ease-in-out;
  filter: invert(1); /* This inverts the SVG color on hover */
}
.in-about-more{border: 1px solid #1b44c0;color: #333;transition: all 0.5s;}
.in-about-more:hover{color: #1b44c0;}
.m-about-img{display: none;}
@media screen and (max-width: 1500px){
	.in-about-line{margin: 10px 0;}
	.in-about-des{line-height: 30px;}
	.in-about-text h3 {line-height: 2rem;}
}
@media screen and (max-width: 1400px){
	.in-about-des{line-height: 26px;}
}
@media screen and (max-width: 1300px){
	.in-about-text h2{font-size:22px;line-height:2rem;}
	.in-about-des{line-height: 26px;}
	.in-about-morewp{width:150px;height:63px;}
	.in-about-morewp2{width:100px;height:40px;}
	.in-about-img .img_01 .imgtxt {font-size:18px;}
	.in-about-img .img_01 .imgtxt span {font-size:2.5rem;line-height:3rem;}
}
@media screen and (max-width: 1100px){
	.in-about-img .img_01 .imgtxt{padding:2% 5%;font-size:16px;}
	.in-about-img .img_01 .imgtxt span{font-size:2rem; line-height:2.5rem;}
	.in-about-img .img_04{width:40%; font-size:16px; line-height:2rem; bottom:20%;}
    .in-about-img:hover .img_04{bottom:32%;}
	.w-about-img{display: none;}
	.m-about-img{display: block;}
}
@media screen and (max-width: 900px){
	.in-about-wp{background:none;}
	.in-about-img{float: none; width: 100%;}
	.in-about-textwp{float: none; width: 100%;}
	.in-about-text h2{line-height:1.5rem;}
	.in-about-text h3 { padding-top:1rem;}
	.in-about-morewp{width:150px;height:40px;}
	.in-about-des{margin:3% 0;}
	.in-about-fenlei{padding:4% 0;}
	.in-about-fenlei .feilei-list{padding:2%;width:27%; margin-right:1%;}
	.in-about-fenlei .feilei-list p{line-height:30px;}
}

@media screen and (max-width:1636px){
    .index_banner{padding-bottom:756px;}
}
@media screen and (max-width:1546px){
	.container{width:1200px;}
	#topbg{height:83px;}
    .top .logo{width:210px;}
    .top .t_right{padding-right:48px;}
    .pcnav .firstfloor>li{margin-left:16px;}
	.pcnav .firstfloor>li>.span_a{height:66px;line-height:64px;font-size:15px;padding:0 15px;}
	.index_banner{padding-bottom:606px;}

.ks_nav .kn_left{width:35%;}
.ks_nav .kn_left p:first-child{font-size:3rem;line-height:3rem;}
.ks_nav .kn_left p:nth-child(2){font-size:1.4rem;line-height:4rem;}
.ks_nav .kn_right{width:65%;}
.ks_nav .kn_right .kn_right_center .right_list{width:27%;}
.ks_nav .kn_right .kn_right_bottom{font-size:16px;line-height:28px;}
.ks_nav .kn_right .kn_right_bottom .right_list span{font-size:1.5rem;}

    .indexpp_btn{margin-top:45px;}
	.sub_title .s_t{font-size:30px;height:40px;line-height:40px;}
	.sub_title i{margin:10px auto 0;}
    .yy_title{padding:30px 0 30px;}
 
	#px_banner{padding-bottom:465px;}
    #px_banner.px_ban1{padding-bottom:360px;}
    .px_txt .px_txt_p p:first-child{font-size:32px;height:32px;line-height:32px;}
    .px_txt .px_txt_p p:last-child{font-size:40px;height:50px;line-height:50px;margin-top:10px;}
	#px_banner.px_ban2{padding-bottom:560px;}
	.sub_nav a{height:52px;line-height:52px;font-size:14px;}
}
/*1230以下屏幕*/
@media screen and (max-width:1246px){
	#flashvideobg{display:none;}
	.container{width:994px;}
	#topbg{height:67px;}
	.top{padding-top:10px;}
	.top .logo{width:156px;}
	.top .logo p{font-size:13px;font-weight:bold;letter-spacing:0;}
	.top .t_right{padding-right:0;width:calc(100% - 156px);}
    .pcnav .firstfloor>li{margin-left:10px;}
	.pcnav .firstfloor>li>.span_a{height:57px;line-height:55px;font-size:14px;}
	.pcnav .secondfloor>li{font-size:12px;height:40px;line-height:40px;}
	.t_right .t_icon{display:none;}
	.index_banner{padding-bottom:500px;display:block;}
    .index_banner .swiper-pagination-bullets{bottom:26px!important;height:36px;}
    .sp_box{width:36px;height:36px;}
    .sp_box .sp_center{height:32px;line-height:32px;}



    .indexpp_btn{margin-top:41px;}
    .indexpp_btn a{height:37px;line-height:35px;}
    .ip_class .ip_right .ipr_left .ipr_num{right:15px;bottom:15px;font-size:20px;height:20px;line-height:20px;width:46px;}
    .sub_title .s_t{font-size:26px;height:34px;line-height:34px;}
    .sub_title i{margin:6px auto 0;}
    .sub_title p{font-size:13px;line-height:22px;margin-top:5px;}
    .yy_title{padding:20px 0 20px;}
	
	.izl-rmenu{display:none;}
	#px_banner{padding-bottom:37%;}
    #px_banner.px_ban1{padding-bottom:298px;}
    .px_txt .px_txt_p p:first-child{font-size:26px;height:26px;line-height:26px;}
    .px_txt .px_txt_p p:last-child{font-size:32px;height:40px;line-height:40px;margin-top:7px;}
	#px_banner.px_ban2{padding-bottom:44%;}
	.sub_nav a{font-size:14px;height:50px;line-height:50px;width:146px;}
	.sub_nav a:before{border-left-width:6px;border-right-width:6px;border-top-width:6px;bottom:-6px;margin-left:-6px;}
	.manu{margin-top:20px;}
}
/*992以下屏幕*/
@media screen and (max-width:1023px){
	.container{width:738px;}
	#headbg{display:none;}
	#topbg{display:none;}
	#mobileheadbg{display:block;}
	#mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);}
	#mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	.index_banner{padding-bottom:49%;}
	.index_banner .swiper-pagination-bullets{bottom:15px!important;}

.ks_nav .kn_left{width:100%;}
.ks_nav .kn_left p:first-child{font-size:2rem;line-height:2rem;}
.ks_nav .kn_left p:nth-child(2){line-height:3rem;}
.ks_nav .kn_right{width:100%;}
.ks_nav .kn_right .kn_right_top{font-size:20px; line-height:30px;}
.ks_nav .kn_right .kn_right_center .right_list{width:30%; font-size:15px;}
.ks_nav .kn_right .kn_right_bottom{font-size:16px;line-height:28px;}
.ks_nav .kn_right .kn_right_bottom .right_list span{font-size:1.5rem;}

.productbg .proimgs .ptit p{font-size:14px;line-height:30px;}
.productbg .proimgs .ptit p:nth-child(2){font-size:12px;}




    .product .p_ul p{font-size:14px;height:40px;line-height:40px;}
    .sub_title .s_t{font-size:22px;height:30px;line-height:30px;}
    .sub_title p br{display:none;}
    .yy_title{padding:20px 0 10px;}
	
    #youshibg{padding:20px 0 20px;}
}
/*768以下屏幕*/
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
.ks_nav{padding:20px 0;}
.ks_nav .kn_left p:first-child{font-size:1.5rem;line-height:1.5rem;}
.ks_nav .kn_left p:nth-child(2){font-size:1.2rem;line-height:2.5rem;}
.ks_nav .kn_right .kn_right_top{font-size:15px; line-height:30px;}
.ks_nav .kn_right .kn_right_center .right_list{width:47%; font-size:15px;}
.ks_nav .kn_right .kn_right_bottom{font-size:14px;line-height:25px;}
.ks_nav .kn_right .kn_right_bottom .right_list{width:49%;}
.ks_nav .kn_right .kn_right_bottom .right_list span{font-size:1.3rem;}
.productbg {
    background: url(../images/product_back.jpg) center repeat-y;
}
.productbg .proimgs{width:48%; margin:1%;}

}
/*668以下屏幕*/
@media screen and (max-width:667px){
	.sub_title .s_t{font-size:20px;height:28px;line-height:28px;}
	.sub_title i{width:30px;height:2px;}
	.sub_title p{line-height:20px;}

	#stylesubnav .xq_nav{display:block;}
	#stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;}
	
}
/*500以下屏幕*/
@media screen and (max-width:499px){
	#mobilehead .logo{width:calc(100% - 70px);background-size:auto 40px;}
    .index_banner .swiper-pagination-bullets{bottom:10px!important;height:24px;}
    .index_banner .swiper-pagination-bullet{width:24px;height:24px;}
    .index_banner .swiper-pagination-bullet:before{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
    #px_banner.px_ban1{padding-bottom:43%;}
}