/* CSS Document */


/*banner*/
.index-banner{ position:relative; overflow: hidden;}
.index-banner-swiper-container{ position:relative;overflow: hidden;}
.index-banner-swiper-container .swiper-slide{ height:auto; display:block;}
.index-banner-swiper-container .img{display:block;margin: 0;padding: 0;position: relative;height:auto; padding:0;width:100%;float: none;}
.index-banner-swiper-container .img img{width:100%;max-width:auto;height:auto;text-align:center;display:block;}
.index-banner-swiper-container .img-fluid{display:block;margin: 0;padding: 0;position: relative;height:auto; padding:22.5% 0;width: 100%;float: none;}
.index-banner-swiper-container .img-fluid img{display:block;width:auto;max-width:auto;height:100%;text-align: center;position: absolute; left:0;right:0; margin:0 auto;top: 50%;-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.index-banner-swiper-container .img .module-banner-m img{ display:block; width:100%; max-width:none; height:auto;}
/*banner-pagination*/
.index-banner-swiper-container .swiper-pagination{ z-index:2; bottom:10px;}
.index-banner-swiper-container .banner-bullet{width:14px;height:14px;display: inline-block;background: #dfdfdf;opacity: 1;margin-left: 5px;margin-right: 5px;outline: none; border-radius:550%; overflow:hidden;}
.index-banner-swiper-container .banner-bullet-active{opacity: 1;background:#e11419;}
/*swiper-button-next*/
.index-banner-swiper-container .swiper-button-next,.index-banner-swiper-container .swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat; outline:none; background-size:100%;}
.index-banner-swiper-container .swiper-button-next.swiper-button-disabled,.index-banner-swiper-container .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.index-banner-swiper-container .swiper-button-prev{background-image:url("../images/prev.png");left:3%;right:auto}
.index-banner-swiper-container .swiper-button-next{background-image:url("../images/next.png");right:3%;left:auto;}
.mbanner{ display:none !important;}
@media screen and (max-width: 991px){
	.index-banner-swiper-container .swiper-button-next,
	.index-banner-swiper-container .swiper-button-prev,
	.index-banner-swiper-container .banner-bullet{width:10px;height:10px;}
	.mbanner{ display:block !important;}
	.pcbanner{ display:none !important; }
}


/*indexpro-banner-pagination*/
.indexpro-banner-swiper-container .swiper-pagination{ z-index:2; bottom:10px;}
.indexpro-banner-swiper-container .banner-bullet{width:14px;height:14px;display: inline-block;background: #dfdfdf;opacity: 1;margin-left: 5px;margin-right: 5px;outline: none; border-radius:550%; overflow:hidden;}
.indexpro-banner-swiper-container .banner-bullet-active{opacity: 1;background:#e11419;}



.pageTit{  padding-top:60px;padding-bottom:40px;}
.pageTit .cn{ display:block; }
.pageTit .cn .syht{ display:block; text-align:center; font-size:38px; color:#000000; line-height:1;}
.pageTit .en{ display:block; text-align:center; font-size:20px; color:#929292; margin-top:15px; padding-top:10px; position:relative; line-height:1;}
.pageTit .en:before{content: '';display: block;width:40px;height:1px;background-color:#7b7b7b;left: 0; right:0; margin:0px auto; top:0;position: absolute;opacity: 0.5;filter: alpha(opacity=50); z-index:1;}
@media  (max-width: 1220px) {
.pageTit{padding-top:50px;}
}
@media  (max-width: 1024px) {
.pageTit{padding-top:40px; padding-bottom:30px;}
.pageTit .cn .syht{ font-size:30px;}
}
@media  (max-width: 768px) {
.pageTit{ padding-top:30px;padding-bottom:20px;}
.pageTit .cn .syht{ font-size:22px;}
.pageTit .en{ font-size:14px; }		
}

/**************ndex-about*********************/


.index-about{ background:#fbf9f8 url(/images/about-bg.png) no-repeat top left; background-size:contain; padding:80px 0px 60px 0px; }
.index-aboutbox{display:flex;justify-content: space-between; }
.about-item{ }
.about-l{ max-width:560px; padding-right:40px;}
.about-r{ width:62.67%; max-width:940px;}
.index-about-name{ font-size:50px; color:#1f1f1f; text-align:left; margin-top:75px;}
.index-about-title{ font-size:32px; line-height:50px; color:#222222; text-align:left;}
.index-about-txt{ font-size:16px; line-height:30px; color:#222222; text-align:left; padding:40px 0px 45px 0px;}
.indexabouta{font-size:14px;  color:#4d4d4d; text-align:left;}
.indexabouta:hover{ color:#195a92;}

@media  (max-width: 1024px) {
.index-about-name{ font-size:40px; color:#1f1f1f; text-align:left; margin-top:75px;}
.index-about-title{ font-size:22px;line-height:40px;}
}

@media  (max-width: 768px) {
.index-about{  padding:40px 0px 30px 0px; }	
.index-aboutbox{display:block;}	
.about-l{ max-width:350px;}
.about-r{ width:100%; max-width:auto;}
.index-about-name{ font-size:35px;  margin-top:45px;}
.index-about-title{ font-size:22px;line-height:40px; margin-top:20px;}
.index-about-txt{ font-size:16px; line-height:30px; color:#222222; text-align:left; padding:20px 0px 25px 0px;}
}

@media  (max-width: 768px) {
.index-about{  padding:40px 0px 30px 0px; }	
.index-aboutbox{display:block;}	
.about-l{ max-width:250px;}
.about-r{ width:100%; max-width:auto;}
.index-about-name{ font-size:25px;  margin-top:25px;}
.index-about-title{ font-size:18px;line-height:30px; margin-top:20px;}
.index-about-txt{ font-size:14px; line-height:24px; color:#222222; text-align:left; padding:10px 0px 15px 0px;}
}



/***********index-lm**********/


.lmbox{ display:flex;justify-content: space-between; }
.lm-itemobx{ flex:1 1 33.3333%; position:relative;}
.lm-itemobx img{ max-width:100%; height:auto; width:100%; height:100%; oject-fit:cover; display:block; margin:0px auto;}
.lm-a{ display:block; position:absolute; width:100%; height:100%; top:0; }
.lm-wzbox{ width:100%; height:100%; display:flex; flex-direction: column; justify-content: center; }
.lm-cn{  font-size:20px; line-height:1; color:#fff; text-align:center; margin-bottom:10px;}
.lm-en{ font-size:28px; line-height:1; color:#fff; text-transform: uppercase; text-align:center; margin-top:10px; }
@media  (max-width: 1280px) {
.lm-cn{  font-size:18px; }	
.lm-en{ font-size:22px;}	
}

@media  (max-width: 1024px) {
.lm-cn{  font-size:14px;margin-bottom:5px; }	
.lm-en{ font-size:16px;margin-bottom:5px;}	
}

@media  (max-width: 768px) {
.lmbox{ display:flex;flex-direction: column; justify-content: center; }	
.lm-itemobx{ flex:1; width:100%}	
.lm-itemobx img{ max-width:660px; }
.lm-cn{  font-size:20px;margin-bottom:10px; }	
.lm-en{ font-size:28px;margin-bottom:10px;}	
}
@media  (max-width: 468px) {
.lm-cn{  font-size:14px;margin-bottom:5px; }	
.lm-en{ font-size:16px;margin-bottom:5px;}	
}


/****************index-pro***********************/

.indexprobox{ text-align:right; background-color:#252b35; position:relative; overflow:hidden;}
.indexpro-img{ width:67%; float:right;}
.indexpro-img img{ max-width:100%; height:auto; }
.indexproa{ display:block; width:100%; height:100%; position:absolute; top:0; z-index:1; left:0; right:0;}

.indexpro-en{ font-size:70px; line-height:1; color:#ffffff; font-weight:bold; text-align:left; margin-bottom:40px;}
.indexpro-cn{ font-size:50px; line-height:1; color:#ffffff; text-align:left;}
.indexpro-txt{ font-size:18px; line-height:47px; text-align:left; color:#ffffff; margin-top:55px; padding-top:40px; position:relative;}
.indexpro-txt:before{content: '';display: block;width:150px;height:2px;background-color:#ffffff;left: 0;  margin:0px auto; top:0;position: absolute; z-index:1;}

.indexpro-wzbox { padding:0px 50px; height:100%; max-width:610px; display: flex; flex-direction: column; justify-content: center;}

@media  (max-width: 1500px) {
.indexpro-en{ font-size:60px;  margin-bottom:40px;}
.indexpro-cn{ font-size:40px; text-align:left;}
.indexpro-txt{ font-size:18px; line-height:47px; margin-top:55px; padding-top:40px; }
.indexpro-wzbox { padding:0px 50px; max-width:610px;}
}

@media  (max-width: 1280px) {
.indexpro-en{ font-size:35px;  margin-bottom:20px;}
.indexpro-cn{ font-size:18px; text-align:left;}
.indexpro-txt{ font-size:14px; line-height:27px; margin-top:35px; padding-top:20px; }
.indexpro-wzbox { padding:0px 30px; max-width:410px;}
}

@media  (max-width: 1024px) {
.indexpro-en{ font-size:30px;  margin-bottom:20px;}
.indexpro-cn{ font-size:16px; text-align:left;}
.indexpro-txt{ font-size:14px; line-height:27px; margin-top:25px; padding-top:15px; }
.indexpro-wzbox { padding:0px 30px; max-width:310px;}
}

@media  (max-width: 768px) {
.indexprobox{display: flex;flex-direction: column; }
.indexpro-img{ width:100%; float:none; order:2;}
.indexpro-img img{ max-width:100%; height:auto; }
.indexproa{ display:block; width:100%; height:100%; position:static;order:1;}	
	
.indexpro-en{ font-size:30px;  margin-bottom:20px;}
.indexpro-cn{ font-size:16px; text-align:left;}
.indexpro-txt{ font-size:14px; line-height:27px; margin-top:25px; padding-top:15px; }
.indexpro-wzbox { padding:30px; max-width:410px;}
}




/*****************************indexnews***************************/
.indexnews{padding-bottom:60px;   overflow:hidden;}
@media  (max-width: 1220px) {
.indexnews{padding-bottom:40px;   overflow:hidden;}
}
@media  (max-width: 768px) {	
.indexnews{ padding-bottom:20px; }	
}


.boxlist{display: flex;flex-wrap: wrap;gap: 40px; }
.itembox{flex: 1 0 calc(50% - 40px);   border: 1px solid #ccc;box-sizing: border-box; padding:30px; overflow:hidden;}
.itembox a{ display:flex;justify-content: space-between; }
.item{ flex:1;}
.item span{ display:block;}
.item-l{ padding-right:30px; display: flex; flex-direction: column; justify-content: center;  }
.item-r{ max-width:290px;}
.item-r img{ max-width:100%; height:auto; }

.item .year{ font-size:38px; color:#333333; line-height:1; margin-bottom:5px;}
.item .date{ font-size:14px; color:#333333; margin-bottom:15px;}
.item .item-title{ font-size:18px; line-height:26px; color:#333333; margin-bottom:20px;}
.item .item-txt{ font-size:13px; color:#5f5f5f; line-height:24px; text-align:left;}
@media  (max-width: 1500px) {
.item .item-txt{ display:none; }	
}

@media  (max-width: 1280px) {
.item .year{ font-size:30px;margin-bottom:5px;}
.item .date{ font-size:14px; margin-bottom:15px;}
.item .item-title{ font-size:16px;}
}

@media  (max-width: 1024px) {
.item .year{ font-size:25px; }
.item .date{ font-size:14px;  margin-bottom:10px;}
.item .item-title{ font-size:14px;}
}

@media  (max-width: 768px) {
.boxlist {gap: 20px;}	
.itembox{flex: 1 0 calc(100% - 40px);}	
.item .year{ font-size:20px; }
.item .date{ font-size:14px;  margin-bottom:5px;}
.item .item-title{ font-size:14px;margin-bottom:5px;}
.item .item-txt{ display:block;  font-size:12px; }	
}


@media  (max-width: 600px) {
.itembox{flex: 1 0 calc(100% - 40px);}	
.item .year{ font-size:20px; }
.item .date{ font-size:14px;  margin-bottom:5px;}
.item .item-title{ font-size:14px;margin-bottom:5px;}
.item .item-txt{ display:none;  font-size:12px; }	
}

@media  (max-width: 468px) {
.boxlist{display: flex;flex-wrap: wrap;gap: 20px; }	
.itembox{padding:20px;}
.item .year{ font-size:20px; }
.item .date{ font-size:14px;  margin-bottom:5px;}
.item .item-title{ font-size:14px;margin-bottom:5px;}
.item .item-txt{ display:none;  font-size:12px; }	
}


/**************************foot*************************************/
.colorbg{ background-color:#cccccc;}

/*footerbg*/
.footerbg{}
.footerbg .container-padd{ padding-top:65px;padding-bottom:50px;}
.footerbg .footer-nav-box{font-size:0;}
.footerbg .footer-nav-box .navlist{display:inline-block;*display:inline; zoom:1;width:14.28571428571429%; vertical-align:top;}
.footerbg .footer-nav-box .navlist .a1{ font-size:16px; color:#111111; margin-bottom:26px; display:block; text-align:left;}
.footerbg .footer-nav-box .navlist .a1:hover{color:#e5212a;}
.footerbg .footer-nav-box ul li a{display:block;color:#484848;font-size:12px; line-height:30px; text-align:left;}
.footerbg .footer-nav-box ul li a:hover{color:#000;}

.footerbg .module-footR{text-align: right; font-size:14px; color:#111111; line-height:32px; margin-bottom:30px;}
.footerbg .module-footR a{color:#484848;}
.footerbg .module-footR a:hover{color:#e5212a;}
.footerbg .weixincode{ text-align:center; color:#111111; font-size:14px; line-height:24px; max-width:120px; float:right;}
.footerbg .weixincode img{ max-width:100%; height:auto; display:block; margin-bottom:15px;}

.module-bq{  background:#1b1b1b; padding:10px 0; line-height:30px;color:#ffffff;font-size:12px; line-height:24px; text-align:right;}
.module-bq a{color:#ffffff; font-size:12px;}
.module-bq a:hover{color:#e5212a;}

.copyrightbox{ display:flex;justify-content: space-between;}
.columm{ flex:1;}

@media screen and (max-width: 1280px) {
.footerbg .footer-nav-box .navlist{ width:auto; padding-right:40px;}
}

@media screen and (max-width: 1110px) {
.copyrightbox{ display:block;}
.foot-add{ margin:0px auto; text-align:center !important;}
.copyright{ margin:0px auto; text-align:center !important;}
}


@media screen and (max-width: 991px) {
.footerbg .container-padd{ padding-top:40px;padding-bottom:30px;}
.footerbg .module-footR{text-align:center; margin-bottom:0;}
.module-bq{text-align:center; line-height:20px;}
.footerbg .weixincode{ margin:0px auto; float:none;}
}
@media screen and (max-width: 575px) {

.footerbg .module-footR{margin-bottom:0px;}
.module-bq{ font-size:12px; }
.module-bq a{font-size:12px;}
}

/**************************product*************************************/
.pro-lmbox{ margin:0px auto; overflow:hidden; padding-top:40px; padding-bottom:30px; position:relative;}
.pro-lmbox::after{content:""; width:100%; height:1px; background-color:#efefef; position:absolute; top:50%; z-index:-1;}
.pronamebox{ margin:0px auto; width:200px;  background-color:#fff;}
.pro-namecn{ font-size:30px; color:#37455d; text-align:center; margin-bottom:4px; line-height:1; }
.pro-nameen{ font-size:16px; line-height:1; color:#4f4f4f; text-align:center; margin-top:4px; position:relative; padding-bottom:20px;}
.pro-nameen::after{content:""; width:45px; height:2px; background-color:#e10d05; position:absolute; bottom:0; left:0; right:0; margin:0px auto; display:block;}

.prolistbox{ padding-bottom:40px;}
.prolistbox.w1200{ width:100%; max-width:1200px; margin:0px auto; padding:0 40px;}
.protype-name{ font-size:22px; color:#000000; padding-bottom:15px; margin-top:40px;}
.protype-name a{ font-size:22px; color:#000000;}
.protypelist{ display:flex;justify-content: flex-start;  border-top:1px solid #efefef;  border-bottom:1px solid #efefef; padding:30px 0;}
.protypelist-l{ flex:1; min-width:100px; font-size:16px; color:#66666;}
.protypelist-r{ width:calc(100% - 100px);}
.protypelist-r a{ display:inline-block; font-size:14px; color:#666666; padding-right:30px; padding-bottom:10px;}
.protypelist-r a:hover{ color:#195a92}
@media (max-width: 768px) {
.pro-namecn{ font-size:24px;  margin-bottom:4px;}
.pro-nameen{ font-size:14px; padding-bottom:10px;}
.protype-name{ padding-bottom:10px; margin-top:20px;}
.protype-name a{font-size:18px; }
}

/**************************productinfo*************************************/

.proinfobox{ display: flex;flex-wrap: wrap;gap: 1px; width: 100%;}
.itemimg {flex: 1 1 calc(33.333% - 1px); box-sizing: border-box;}
.itemimg img {width: 100%;height: auto;display: block; object-fit:cover;}
.proinfoimg .xysimg img {top:0 !important; left:0 !important; right:0;transform:none; margin:0px auto;}

.mobileewm{ display:none;}
@media (max-width:768px) {
.module-duotuImg .right .title-box{ padding:5px 0;}	
.module-duotuImg .right .specification{ line-height:30px;}
	
.vr-box{ display:none !important;}	
.mobileewm{ display:block;margin-top: 10px;text-align: center;}	
.mobileewm img{ max-width:100%; height:auto;}
.container-padd-t0{ padding-top:0 !important;}
}