@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@font-face{font-family:iconfont;font-display:swap;src:url(../fonts/iconfont.woff2?t=1620370087823) format('woff2'),url(iconfont.woff?t=1620370087823) format('woff'),url(iconfont.ttf?t=1620370087823) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-youtube:before{content:"\e660"}
.icon-whatsapp:before{content:"\e933"}
.icon-whatsapp1:before{content:"\e97b"}
.icon-linkedin:before{content:"\e696"}
.icon-dizhi1:before{content:"\e628"}
.icon-xiazai:before{content:"\e610"}
.icon-email:before{content:"\e638"}
.icon-phone:before{content:"\e63d"}
.icon-liaotian:before{content:"\e6db"}
.icon-home:before{content:"\e821"}
.icon-arrow-b:before{content:"\e60c"}
.icon-search:before{content:"\e64f"}
.icon-shouhou:before{content:"\e72b"}
.icon-OEM:before{content:"\e631"}
.icon-shengchan:before{content:"\e632"}
.icon-gongchang:before{content:"\e63b"}
.icon-skype:before{content:"\ec02"}
.icon-arrow-r:before{content:"\e64d"}
.icon-facebook:before{content:"\e63a"}
.icon-close:before{content:"\e650"}
.icon-twitter:before{content:"\e726"}
.icon-arrow-l:before{content:"\e606"}
.icon-ins:before{content:"\e664"}
.icon-arrow-t:before{content:"\e60d"}
.icon-pinterest:before{content:"\e685"}
.table001{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
}
.table001 td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding:10px;
}

.pcduan{ display:block}
.wapduan{ display:none}
@media (max-width: 1024px) { 
  .pcduan{ display:none}
  .wapduan{ display:block}
  }
  
.vp{
	width:30px;
	height:30px;
	background-image: url(vp.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	left:10px;
	top: 10px;
	visibility: inherit;
	z-index:1;
	overflow:hidden;
}  
.vp1{
	width:30px;
	height:30px;

	position: relative;
	left:10px;
	top: 10px;
	visibility: inherit;
	z-index:1;
	overflow:hidden;
}  

.pvideo{height:365px; width:500px; overflow:hidden;border: 1px solid #f3f3f3; background-color:#000000}
@media (max-width: 1024px) { 
.pvideo{height:auto; width:100%; overflow:hidden; background-color:#000000}
}
.indeximg{ width:100%;position: relative;display: inline-block;}
.indeximg img{ width:100%; height:100%;z-index: 1;}
.indeximg .txt{position: absolute;width: 100%;height: 100%;color: #fff;z-index: 3;top: 0;left: 0;display: flex;align-items: center;padding-left: 14%;}
.indeximg .txt .t1{line-height: 20px; font-size:15px;}
.indeximg .txt .t1 span{ font-size:22px; font-weight:bold; }


.indeximg .txt1{position: absolute;width: 100%;height: 70%;color: #fff;z-index: 3;top: 0;left: 0;display: flex;align-items: center;padding-left: 14%;}
.indeximg .txt1 .t1{line-height: 20px; font-size:15px;}
.indeximg .txt1 .t1 span{ font-size:22px; font-weight:bold; }


.indeximg2{ width:100%;position: relative;display: inline-block;}
.indeximg2 img{ width:100%; height:100%;z-index: 1;}
.indeximg2 .txt2{position: absolute;width: 100%;height: 100%;color: #fff;z-index: 3;top: 20%;left: 38%;transform: translateY(-50%);margin: 0;display: flex;align-items: center;}
.indeximg2 .txt2 .t2{line-height: 20px; font-size:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}



@media screen and (max-width:1000px) {
.indeximg .txt{position: absolute;width: 100%;height: 100%;color: #fff;z-index: 3;top: 0;left: 0;display: flex;align-items: center;padding-left: 2%;}
.indeximg .txt .t1{line-height: 12px; font-size:10px;}
.indeximg .txt .t1 span{ font-size:12px; font-weight:bold;}

.indeximg .txt1{position: absolute;width: 100%;height: 100%;color: #fff;z-index: 3;top: 0;left: 0;display: flex;align-items: center;padding-left: 2%;}
.indeximg .txt1 .t1{line-height: 12px; font-size:10px;}
.indeximg .txt1 .t1 span{ font-size:12px; font-weight:bold;}

.indeximg2{ width:100%;position: relative;display: inline-block;}
.indeximg2 img{ width:100%; height:100%;z-index: 1;}
.indeximg2 .txt2{
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 3;
    top: 20%; /* 修改这里 */
    left: 0; /* 修改这里 */
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}
.indeximg2 .txt2 .t2{line-height: 20px; font-size:20px;}


}

.abtitle{ font-family:Arial, Helvetica, sans-serif; font-size:22px; margin-bottom:10px;}
.abbody{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:16px; line-height:22px;}

.row4{
    overflow: hidden;
    background: url(bg2.jpg) no-repeat;
    padding: 47px 0;
}
.wp {margin: 0 auto;width: 100%;}

.g-tit{
    text-align: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: auto 4.64vw;
    background-size: auto 4.64vw;
    padding-top: 2.45vw;
    margin-bottom: 32px;
}
.g-tit.tl{
    text-align: left;
    background-position: left top;
    padding-top: 3.13vw;
}
.g-tit .tit{
    color:#333;
    font-size: 40px;
    font-weight: bold;  
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.g-tit .desc{
    font-size: 16px;
    color:#666;
}
.g-tit .desc i{
  display: inline-block;
  vertical-align: middle;
  width: 134px;
  height: 7px;
  margin:0 27px;
}
.g-tit .desc i:first-child{
    background: url(../image/ico2.png) no-repeat;
}
.g-tit .desc i:last-child{
    background: url(../image/ico3.png) no-repeat;
}
.g-tit.cof .tit,
.g-tit.cof .desc{
  color:#fff;
}
.g-tit.cof i{
  background-color: #fff;
}

.swiper-2 .swiper-slide{ float:left; width:32%; margin-left:1%}
.swiper-2 .ico img{
    display: block;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
.swiper-2 .txt{
    color:#fff;
    margin-top:-68px;
    height: 377px;
    padding: 118px 40px 0;
    background: rgba(86, 86, 86, 0.7);
}
.swiper-2 .txt .tit{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 33px;
}
.swiper-2 .txt .desc{
    font-size: 16px;
    line-height: 1.81;
}
.swiper-2 .swiper-slide:hover .txt{
    background: rgba(218, 36, 27, 0.7);
}

@media screen and (max-width:1000px) {
.swiper-2 .swiper-slide{ float:none; width:98%; margin-left:1%; margin-right:1%; clear:both;}
.g-tit .desc i{
  display: inline-block;
  vertical-align: middle;
  width:98%;
  font-size:12px;
}
}

.service{ width:90%; margin:auto;}
.service .content{padding-top:50px;padding-bottom:50px;}
.service .item{padding-left:50px;padding-top:30px;padding-bottom:30px;}
.service .item:before,.service .item:after{content:"";display:table;clear:both;}
.service .item:nth-child(2n+1){background-color:#eee;}
.service .item .pic{float:left;position:relative;margin-right:30px;}
.service .item .pic img{width:150px;}
.service .item:not(:last-child) .pic:after{content:"";background:url(arrow.png) no-repeat center;display:block;width:23px;height:65px;position:absolute;left:calc(50% - 12px);top:100%;}
.service .item h3{font-size:20px;margin-bottom:10px;margin-top:20px;}
.service .item p{font-size:14px;color:#666;margin-bottom:6px;line-height:20px;}
.service .item p i{margin-right:5px;display:inline-block;width:3px;height:3px;background-color:#ea130e;vertical-align:middle;}
.service .item span{display:inline-block;width:32px;height:20px;background-color:#a6a6a6;color:#fff;text-align:center;line-height:20px;font-size:14px;}
.service .item:hover .icon{background-color:#ea130e;}
.service .item:hover .icon i{color:#FFF;}
.service .item:hover .icon:before{border-color:transparent transparent #ea130e transparent;}
.service .item:hover .icon:after{border-color:#ea130e transparent transparent transparent;}
.service .item:hover span{background-color:#ea130e;}


@media (min-width:1px) and (max-width:1000px) {
	.service{ width:98%; margin:auto;}
    .service .content{padding-top:20px;padding-bottom:20px;}
    .service .item{padding:15px;}
    .service .item:not(:last-child) .pic::after{display:none;}
    .service .item .pic{width:100%;}
    .service .item .pic img{width:80px;}
}

.aboutbody{ width:90%; margin:auto;}
@media (min-width:1px) and (max-width:1000px) {
.aboutbody{ width:98%; margin:auto;}
}




/*联系我们*/
#contPage{padding-top:0;padding-bottom:0;}
#contacts{background-color:#ffffff;padding-top:0px;padding-bottom:70px;}
#contacts .title{position:relative;}
#contacts .contactsphoto{position:absolute;right:0;top:-20px;overflow:hidden;}
#contacts .contshare{padding:0;text-align:center;}
#contacts .contshare #sharelist{padding-top:10px;padding-bottom:10px;}
#contacts .contshare #sharelist a{border:none;margin:0;}
#contacts .contshare #sharelist a>i{color:#ea130e;}
#contacts .contshare #sharelist a:hover{background-color:transparent!important;border:none!important;}
#contacts .list{padding-top:20px;}
#contacts .item{ margin-bottom:10px;}
#contacts .item:nth-child(4){flex:1;margin:0;}
#contacts .item h3{font-size:18px;line-height:24px;margin-bottom:10px;}
#contacts .item p{font-size:20px;line-height:30px;padding-left:86px;position:relative;}
#contacts .item:nth-child(1) p,#contacts .item:nth-child(2) p,#contacts .item:nth-child(3) p{line-height:66px;}
#contacts .item p>i{width:66px;height:66px;font-size:40px;line-height:66px;background-color:#ea130e;border-radius:50%;text-align:center;color:#fff;display:inline-block;margin-right:20px;position:absolute;left:0;top:0;}
#contacts .item p>a{font-size:20px;line-height:30px;}
#contacts .item p>a:hover{text-decoration:underline;color:#ea130e;}
@media (min-width:992px) and (max-width:1229px) {
    #contacts .list{padding-top:30px;}
    #contacts .item{width:100%;flex:auto;margin-bottom:15px;}
    #contacts .item p{line-height:66px;}
}
@media (min-width:768px) and (max-width:991px) {
    #contacts .list{padding-top:30px;}
    #contacts .item{width:100%;flex:auto;margin-bottom:15px;}
}
@media (min-width:1px) and (max-width:767px) {
    #contacts{padding-top:25px;padding-bottom:25px;}
    #contacts .list{padding-top:25px;}
    #contacts .item{width:100%;flex:auto;margin-bottom:15px;}
    #contacts .item p{padding-left:40px;font-size:14px;line-height:20px;margin-bottom:20px;}
    #contacts .item p>i{width:30px;height:30px;font-size:18px;line-height:30px;}
    #contacts .item p>a{font-size:14px;line-height:20px;}
    #contacts .item:nth-child(1) p,#contacts .item:nth-child(2) p,#contacts .item:nth-child(3) p{line-height:20px;}

    #contacts .contactsphoto{width:80px;top:0;}
}
#feedback{background-color:#f4f4f4;padding-top:30px;padding-bottom:70px;}
#feedback .tit{margin:0;width:100%;padding-right:25px;}
#feedback .tit h4{font-size:20px;line-height:24px;color:#6b6b6b;}
#feedback .tit h2{font-size:42px;color:#000;margin-bottom:60px;}
#feedback .tit p{font-size:18px;line-height:30px;color:#868686; padding-bottom:20px;}
#feedback .content{width:60%;}
#feedback input::-webkit-input-placeholder,#fck3 dl textarea::-webkit-input-placeholder { color: #717171;/* WebKit browsers */}
#feedback input::-moz-placeholder,#fck3 dl textarea::-webkit-input-placeholder {color: #717171;/* Mozilla Firefox 19+ */}
#feedback input:-ms-input-placeholder,#fck3 dl textarea::-webkit-input-placeholder { color: #717171;/* Internet Explorer 10+ */}
#feedback ul{display:flex;justify-content:space-between;flex-direction: row;flex-wrap:wrap;}
#feedback ul>li{display:block;margin:0 0 10px;width:100%;}
#feedback ul>li.half{width:49%;}
#feedback ul>li>label{text-align:left;font-weight:normal;color:#6b6b6b;font-size:15px;line-height:30px;padding-right:10px;display:none;}
#feedback ul>li>label>em{color:#f00;font-style:initial;width:16px;font-size:18px;float:left;}
#feedback ul>li>label>i.iconfont{font-size:15px;line-height:30px;width:24px;display:inline-block;}
#feedback ul>li>input{margin:0;padding:15px;background-color:#fff;font-size:16px;color:#717171;width:100%;border:1px solid #f4f4f4;line-height:30px;}
#feedback ul>li textarea{padding:15px;resize:none;box-shadow:none;position:relative;background-color:#fff;margin:0;line-height:30px;font-size:16px;color:#717171;height:160px;border:1px solid #f4f4f4;width:100%;}
#feedback ul>li.tips{border-bottom:none;font-size:18px;line-height:24px;color:#747474;}
#feedback ul>li.btnli{background-color:transparent;margin-bottom:0;}
#feedback ul>li.btnli .btnlink{display:inline-block;line-height:30px;padding:6px 30px;background-color:#ea130e;text-align:center;font-size:16px;color:#fff;position:relative;border:1px solid #ea130e;margin:0;}
#feedback ul>li.btnli .btnlink>i{margin-left:15px;font-size:20px;line-height:30px;vertical-align:top;}
#feedback ul>li.btnli .btnlink:hover{background-color:#ea130e;color:#fff;border:1px solid #ea130e;}
@media (min-width:1230px) and (max-width:1309px) {
    #feedback .tit h2{font-size:40px;line-height:56px;}
    #feedback ul>li{padding:15px;}
}
@media (min-width:992px) and (max-width:1229px) {
    #feedback{padding:20px 0;}
    #feedback .tit{width:100%;}
    #feedback .tit h2{font-size:30px;margin-bottom:15px;}
    #feedback .tit p{font-size:16px;line-height:20px;margin-bottom:15px;}
    #feedback #sharelist{margin-top:0;}
    #feedback .content{width:100%;}
    #feedback ul > li.half{margin-bottom:20px;}
    #feedback ul>li{padding:0}
    #feedback ul>li>label{font-size:16px;}
    #feedback ul > li.btnli .btnlink{padding:3px 40px;}
}
@media (min-width:768px) and (max-width:991px) {
    #feedback{padding:20px 0;}
    #feedback .tit{width:100%;padding-right:0;}
    #feedback .tit h2{font-size:24px;line-height:36px;margin-bottom:15px;}
    #feedback .tit p{font-size:14px;line-height:20px;margin-bottom:15px;}
    #feedback #sharelist{margin-top:0;}
    #feedback .content{width:100%;}
    
    #feedback ul > li.half{margin-bottom:20px;}
    #feedback ul>li{}
    #feedback ul>li>label{font-size:16px;}
    #feedback ul > li > input{padding:5px 10px;}
    #feedback ul > li textarea{padding:5px 10px;}
    #feedback ul > li.btnli .btnlink{padding:3px 40px;font-size:16px;line-height:32px;}
}
@media (min-width:1px) and (max-width:1000px) {
    #feedback{padding:15px 0;}
    #feedback .tit{width:100%;padding-right:0;}
    #feedback .tit h2{font-size:18px;line-height:24px;margin-bottom:15px;}
    #feedback .tit p{font-size:13px;line-height:20px;margin-bottom:15px;}
    #feedback #sharelist{margin-top:0;}
    #feedback .content{width:100%;}
    #feedback ul>li{}
    #feedback ul>li.half{width:100%;margin-bottom:10px;}
    #feedback ul>li>label{font-size:16px;}
    #feedback ul > li > input{padding:5px 10px;}
    #feedback ul > li textarea{padding:5px 10px;}
    #feedback ul>li.textarea label{width:100%;}
    #feedback ul>li textarea{width:100%;height:80px;}
    
    #feedback ul>li{padding:0;}
    #feedback ul>li>label{font-size:16px;}
    #feedback ul > li.btnli .btnlink{padding:3px 40px;font-size:16px;line-height:32px;}
}


.aboutct{ width:100%; margin-top:20px;}
.aboutct a{ display:block; width:20%; margin:auto; background-color:#FF0000; color:#FFFFFF; text-align:center; height:40px; line-height:40px; border-radius: 10px;} 
.aboutct a:hover{ background-color:#333333; color:#FFFFFF}
@media (min-width:1px) and (max-width:1000px) {
.aboutct a{width:98%;}
}

.whywap{ width:100%; margin:auto; background-color:#666666;border-radius: 10px; color:#FFFFFF; margin-bottom:10px; padding:2%;  
}
.whywap .tit{ font-size:20px; padding-bottom:10px;}
.whywap .desc{ font-size:16px; line-height:20px; color:#cccccc;}

/* scrollpic */

.indexpppp{ width:88.8%; margin:auto;}


/* scrollpic */
.scrollpic{max-width:100%;min-height:160px;}
#myscroll{display:block; width:100%; position:relative; height:130px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{
	display:block;
	float:left;
	padding:0;
	margin:0;
	border: 1px solid #CCCCCC;
	margin-right:2px;
	text-align:center;
}
#myscroll ul li a{display:block; float:left; width:230px; padding:0 10px; position:relative; height:120px; color:#333; font-size:14px;}

#mybtns{margin-bottom:5px; 

position: 固定; /* 使div固定 */
  top: 0; /* 定位到视口的垂直一半 */
  left: 50%; /* 定位到视口的水平一半 */
  transform: translate(-47%, -50%); /* 使用transform进行微调，将div向上左方移动自身宽度和高度的一半 */
  width: 100%; /* 设置宽度 */
  height: 42px; /* 设置高度 */
  margin: auto; /* 自动边距，用于居中 */
  z-index: 10; /* 可选：设置z-index确保div在其他内容之上 */
  clear:both;
}

#mybtns a{width:42px; height:42px; display:block; float:right;  margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #ff0000;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(jt_l.png);}
#mybtns #right{background-image:url(jt_r.png);}

@media(min-width:1572px){
.scrollpic{width:100%;}
#myscroll{width:100;}
}
@media(max-width:1571px){
.scrollpic{width:100%;}
#myscroll{width:100%;}
}
@media(max-width:1048px){
.indexpppp{ width:96%; margin:auto;}
.scrollpic{width:100%; min-height:120px;  }
#myscroll{width:100%; height:120px;}
#mybtns{ left:50%;transform: translate(-38%, -50%); }
#mybtns a{width:42px; height:42px; display:block; float:right;  margin-right:1px; background-color: #c1c1c1;}
#myscroll ul li a{display:block; float:left; width:170px; padding:0 0px; position:relative; height:80px; color:#333; font-size:14px;}
}





.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:30px; margin-top:0px;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize14);user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;font-size:var(--fontsize12);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;position:fixed;top:30px;right:40px;transition:all .2s linear;}
.lang-icon span{display:none}
.lang-icon>img{width:20px;height:15px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:70%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
 
  
@media(max-width:768px){
.lang{margin-left:auto;position:fixed;top:15px;right:90px;transition:all .2s linear;}
.lang-icon{display:flex;align-items:center;width:20px;height:15px;border:none;}

.prohome-content{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px;line-height:1.6}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:13.3333vw}
body{margin:0px auto;font-size:16px;color:#111;max-width:1920px;font-family:Lato,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:inherit}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
button{cursor:pointer}
i{vertical-align:middle}
img{max-width:100%;max-height:100%;border:none}
input::placeholder,textarea::placeholder{font-family:inherit}
li,ul{list-style:none}
.clearfix{zoom:1}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.container{width:100%;max-width:1600px;margin:0 auto}
.container1{width:100%;max-width:1630px;margin:0 auto}
.container-s{width:100%;max-width:1054px;margin:0 auto}
table{border-collapse:collapse}
.table td,table th{border:1px solid #AAA;padding:6px 16px}
.body-layer{overflow-y:hidden}
.icon{background:url(css_sprites.png) no-repeat;display:inline-block}
#jljw_IM_GdImBox{z-index:900!important}

header{position:fixed;top:0;left:0;right:0;background:#ffffff;width:100%;max-width:1920px;margin:0px auto;z-index:999;transition:top .2s ease-in-out;}
.head-t{background:#ffffff;padding:5px 0; }
.head-share a{display:inline-block;width:30px;height:30px;background:#c5c5c5;border-radius:50%;color:#ffffff;text-align:center;line-height:1.8;margin-right:6px;transition:background .2s ease-in-out; }
.head-share a i{font-size:18px}
.head-share a:hover{background:#ffffff}
.head-contact{color:#111;font-size:14px}
.head-contact p{margin-left:40px}
#xyz{position:relative;margin-left:40px;background:#FFF;width:140px;height:28px;z-index:99}
.xyz12{position:absolute;top:0;left:0;width:100%;background:#FFF}
#xyz .xyz12 span{position:absolute;right:5px;top:12px;width:0;height:0;border:6px solid transparent;border-top:6px solid #000;cursor:pointer}
#xyz .xyz12 ul li{padding:6px 0 6px 10px}
#xyz .xyz12 ul li a img{margin-right:5px;vertical-align:middle}
header #xyz ul li:hover{background:#F2F2F2}
.head-b{height:92px;z-index:9999;}
.head-b .container{align-items:center;height:100%}
.logo{margin-right:auto;display:flex;align-items:center;justify-content:center;max-width:20%;max-height:100%}
.logo img{max-height:90px}
nav{height:100%;max-width:76%;z-index:9999;}
nav .nav{display:flex;height:100%;z-index:9999;}
nav .nav li a{color:#333333}
nav .nav li{position:relative}
nav .nav>li>a{padding:0 20px;height:100%;display:flex;align-items:center}
nav .nav li .inmenu_1,nav .nav li:hover>a{color:#333333}
@media (max-width: 768px) { 
nav .nav li a{color:#333333}
nav .nav li .inmenu_1,nav .nav li:hover>a{color:#333333}
}
nav .nav .submenu{opacity:0;position:absolute;top:100%;left:20px;width:250px;background:#FFF;transform:rotateX(90deg);transition:all .4s ease-in-out;transform-origin:top;z-index:9}
nav .nav .submenu li a{width:100%;padding:10px 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
nav .nav>li:hover .submenu{opacity:1;transform:rotateX(0)}
.search-box{width:0;height:100%;overflow:hidden;justify-content:center;align-items:center;display:flex}
.search-box input{height:30px;border-bottom:1px solid #707070;width:75%;padding-left:10px;background:#FFF}
.search-box #btnSearch{display:none}
.search-close{margin-left:20px;cursor:pointer}
.search-close i{font-size:20px}
.head-search-btn{font-size:20px;cursor:pointer;margin-left:20px;padding:4px;color:#333333}
#swiper-banner img{width:100%;display:block}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:30px;height:60px;background:rgba(0,0,0,.2);text-align:center;line-height:60px;transition:all .3s ease-in-out;margin-top:-30px}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background-color:rgba(0,0,0,.6)}
#swiper-banner .swiper-button-next{right:0}
#swiper-banner .swiper-button-prev{left:0}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:30px;color:#FFF}
#swiper-banner .swiper-pagination-bullet-active{background:#16529b}
.about{padding:20px 0}
.about .container{position:relative;padding:0 10px}
.about .swiper-button-next,.about .swiper-button-prev{width:40px;height:40px;background:#16529b;text-align:center;line-height:38px;color:#FFF;position:absolute;top:50%;margin-top:-20px;transition:background .2s ease-in-out}
.about .swiper-button-prev{left:0}
.about .swiper-button-next{right:0}
.about .swiper-button-next i,.about .swiper-button-prev i,.about .swiper-button-next em,.about .swiper-button-prev em{font-size:26px}
.about .swiper-button-next:hover,.about .swiper-button-prev:hover{background:#0080d8}
#about .swiper-slide{display:flex;flex-wrap:wrap;width:100%}
.about-l{width:39%}
.about-r{width:61%;padding-left:45px}
.about-l img{width:100%;height:auto}
.about-r h3{font-size:22px;color:#111;padding-top:10px;font-weight:400}
.about-r>p{line-height:1.6;margin:30px 0 20px}
.about-list li{padding-left:20px;background:url(abouticon.png) no-repeat left top;margin-bottom:12px}
.about-list1 li{ text-align:left; line-height:24px;}
.home-more{display:block;width:242px;background:#16529b;border-radius:23px;color:#FFF;font-size:18px;padding:11px 0;text-align:center;margin-top:30px;transition:all .2s ease-in-out}
.home-more:hover{background:#39bdff;color:#FFF}
.home-tit{text-align:center;font-size:22px;color:#333333;margin-bottom:15px;font-weight:400; font-family:Arial Black; }
.product{ padding-top:15px;}
.product-list li{width:19%;text-align:center;margin-bottom:30px;transition:all .2s ease-in-out;padding-bottom:10px}
.product-img{border:1px solid #E6E6E7;border-radius:10px 10px 0 0;overflow:hidden;font-size:0}
.product-img img{width:100%;max-height:100%;border-radius:10px 10px 0 0;transition:all .2s ease-in-out}
.product-list2 { width:100%;}
.product-list1 li{width:33%;text-align:center;margin-bottom:30px;transition:all .2s ease-in-out;padding-bottom:10px}
.product-list2 li{width:19%;text-align:center;margin-bottom:30px;transition:all .2s ease-in-out;padding-bottom:10px}
.indexppp{ width:90%; margin:auto;}
@media (max-width: 1000px) {
.product-list2 li{width:48%;text-align:center;margin-bottom:15px;transition:all .2s ease-in-out;padding-bottom:10px; margin-right:5px;}
.indexppp{ width:100%}
}

.product-tit{font-size:20px;color:#111;margin-top:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-text{line-height:1.5;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-more{color:#16529b}
.product-list li:hover .product-more{color:#0080d8}
.product-list li:hover .product-tit{color:#16529b}
.product-list li:hover{box-shadow:0 5px 10px 0 #EEE}
.product-list li:hover .product-img img{transform:scale(1.1)}
.product .home-more,.category .home-more{margin:20px auto 90px}
.news{background:url(news-bg.jpg) no-repeat center;background-size:cover;padding:30px 0;overflow-x:hidden; margin-top:35px;}
.news-l{width:54%;padding-right:9%}
.news h4{font-size:22px;color:#111;margin-bottom:14px;font-weight:400}
.news-l p{line-height:1.5}
.news-l a{display:inline-block;font-size:18px;color:#16529b;margin-top:40px}
.news-l a:hover{color:#0080d8}
.news-r{width:100%;background:#ffffff;padding:50px 0 50px 50px; margin-top:30px; margin-bottom:30px;}
.news-list li{background:#FFF;margin-top:20px; width:32%; float:left; margin-right:1%;}
.news-item-data{width:90px;background:#16529b;color:#FEFEFE;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:31px 10px;transition:background .2s ease-in-out}
.news-item-data p{width:100%;height:auto}
.news-item-data p:nth-child(1){font-size:18px;border-bottom:1px solid #FEFEFE;padding-bottom:6px;margin-bottom:6px}
.news-item-data p:nth-child(2){font-size:18px}
.news-item-box{width:calc(100% - 90px);padding:0 24px 0 18px}
.news-item-tit a{display:block;font-size:14px;color:#111;margin-bottom:4px;transition:color .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-item-text{line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; font-size:12px;}
.news-list li:hover .news-item-data{background:#0080d8}
.news-list li:hover .news-item-tit a{color:#16529b}
.advantage{background:url(advantage-bg.jpg) no-repeat center;background-size:cover;padding:90px 0;overflow:hidden}
.advantage-list li{width:22%;color:#111;text-align:center}
.advantage-icon i,.advantage-icon em{font-size:40px}
.advantage-tit{font-size:22px;margin:10px 0 6px}
.advantage-text{color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.advantage .home-more{margin:50px auto 0}
.advantage-list li:hover .advantage-icon i,.advantage-list li:hover 
.advantage-icon em{color:#16529b}
footer{color:#FFF}
.foot-t{background:#181818;padding:50px 0}
.foot-list{overflow:hidden}
.foot-list>li{width:auto;max-width:20%}
.foot-item1 p{line-height:1.5;margin:24px 0}
.foot-list>li>h6{font-size:22px;font-weight:400;margin-bottom:30px}
.fnav{display:flex;flex-wrap:wrap;max-height:180px}
.fnav li{margin-right:40px}
.fnav li:nth-child(n+6){margin-right:0}
.fnav li a,.fpronav li a{display:block;color:rgba(255,255,255,.8);margin-bottom:10px;transition:color .2s ease-in-out}
.fnav li a:hover,.fpronav li a:hover{color:#FFF}
.foot-contact{line-height:1.5}
.foot-contact>p{display:flex}
.foot-contact strong{font-weight:400;white-space:nowrap}
.foot-contact span,.foot-contact span a{display:block;color:rgba(255,255,255,.8);margin-left:6px;transition:color .2s ease-in-out;flex:1}
.foot-contact>p{margin-bottom:6px}
.foot-contact>p:last-child{margin-bottom:0}
.foot-contact>p:hover span,.foot-contact>p:hover span a{color:#FFF}
.foot-qr{max-height:120px}
.foot-b{background:#000000;text-align:center;overflow:hidden}
.copyright a{color:#FFF}
.copyright{line-height:1.5;padding:8px 0}
.gotop{position:fixed;bottom:calc(145px + constant(safe-area-inset-bottom));bottom:calc(145px + env(safe-area-inset-bottom));right:24px;width:30px;height:30px;background:#FFF;text-align:center;line-height:30px;cursor:pointer;display:none}
.gotop i{color:#16529b;font-size:20px}
.headact{box-shadow:0 0 6px #CCC}
.mob-menu{display:none;cursor:pointer;margin-left:30px;position:relative;height:26px;width:40px}
.mob-menu span{position:absolute;right:0;display:block;height:4px;background:#333333;border-radius:2px;transition:all .2s ease-in-out}
.mob-menu span:nth-child(1){width:80%;top:0}
.mob-menu span:nth-child(2){width:70%;top:50%;margin-top:-2px}
.mob-menu span:nth-child(3){width:55%;top:auto;bottom:0}
.mob-search{display:none}
nav .nav>li i{display:none}
.noscroll{overflow-Y:hidden}
.mobact span{height:3px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
.mobact span:nth-child(2){opacity:0}
.mobact span:nth-child(3){width:80%;transform:rotate(-45deg);top:46%}
.mobile-bottom{display:none}
.page-box{padding:50px 0}
.inner-banner img{display:block}
.crumbs{width:100%;background:#F6F6F7;color:#16529b;text-align:center;text-transform:capitalize;padding:15px 0;text-transform:capitalize}
.crumbs h1{display:inline-block;font-weight:400}
.crumbs a{color:#333}
.page-l{float:left;width:300px;color:#333}
.page-r{width:calc(100% - 330px);float:right}
.page-l-menu{text-align:center;margin-bottom:30px}
.page-l-menu-tit{background:#ff0000;color:#FFF;padding:15px 0;text-align:center;font-size:20px}
.page-l-menu ul{border-left:1px solid #E6E6E7;border-right:1px solid #E6E6E7}
.page-l-menu ul li a{display:block;padding:15px 0;border-bottom:1px solid #E6E6E7}
.page-l-menu ul li a:hover{color:#16529b}
.page-l-contact-box{border:1px solid #E6E6E7;padding:30px 26px}
.page-l-contact-box>p{display:flex;margin-bottom:12px}
.page-l-contact-box>p:last-child{margin-bottom:0}
.page-l-contact-box>p a:hover{color:#16529b}
.page-l-contact-box>p span{display:block;flex:1}
.page-l-contact-box strong{font-weight:400;margin-right:4px}
.page-r .faq-list li{background:url(faq.png) no-repeat;background-size:60px;background-position:10px 20px}
.page-r .faq-list li .project-info{width:100%;padding:20px 20px 20px 80px}
.page-r .faq-list li .project-info .project-content{margin:10px 0 0;-webkit-line-clamp:5}
.page-r .faq-list li:hover{transform:translateY(0);box-shadow:none}
.project-list li{display:flex;align-items:center;flex-wrap:wrap;background:#F6F6F7;border:1px solid #E6E6E7;border-radius:10px 10px 0 0;overflow:hidden;margin-bottom:40px;transition:all .3s ease-in-out}
.project-list li:last-child{margin-bottom:0}
.download-list li::after{content:'';display:block;height:0;visibility:hidden;clear:both}
.download-btn{display:flex;width:194px;background:#333;border-radius:23px;color:#FFF;font-size:18px;text-align:center;padding:11px 0;transition:background .2s ease-in-out;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;text-transform:capitalize}
.download-btn i{font-size:18px;margin-right:18px;margin-right:6px}
.download-btn:hover{background-color:#16529b;color:#FFF}
.project-img{width:30%;font-size:0}
.project-info{width:70%;padding:0 50px}
.project-name{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-content{margin:16px 0 36px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.project-list li:hover{transform:translateY(-10px);box-shadow:0 4px 10px #CCC}
.project-list li:hover .project-name{color:#0069d2}
.contactus-box{color:#333}
.contactus-box h5{font-size:22px;text-align:center;font-weight:400;margin-bottom:46px}
.contactus-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contactus-list>div{width:30%;text-align:center}
.contactus-icon{width:100px;height:100px;border:1px solid #e3e3e3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.contactus-icon i,.contactus-icon em{font-size:48px}
.contactus-tit{font-size:22px;color:#16529b;margin:18px 0 10px}
.contactus-text{line-height:1.6}
.inquiry-tit{font-size:22px;margin:90px 0 30px}
.inquiry-form{display:flex;flex-wrap:wrap}
.inquiry-form input{width:49%;height:50px;background:#FFF;border:1px solid #e3e3e3;padding-left:20px;font-size:16px;color:#111;margin-bottom:20px}
#feedbackForm .select-menu{width:100%;margin-bottom:20px;position:relative}
#feedbackForm .select-menu .select-menu-div{position:relative;width:100%}
#feedbackForm .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:32px;top:24px;transition:all .4s ease}
#feedbackForm .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
#feedbackForm .select-menu .select-menu-div em::after,#feedbackForm .select-menu .select-menu-div em::before{content:"";width:14px;height:2px;background:#999;position:absolute;top:50%;left:0;transform:rotate(45deg)}
#feedbackForm .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:9px}
#feedbackForm .select-menu .select-menu-div .select-menu-input{margin:0!important;width:100%!important;cursor:pointer;user-select:none;padding-right:100px}
#feedbackForm .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;opacity:0;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#fff;position:absolute;z-index:9}
#feedbackForm .select-menu .select-menu-ul li{padding:0 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#feedbackForm .select-menu .select-menu-ul li:hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#333}
.inquiry-form input#in-name{margin-right:2%}
.inquiry-form textarea{width:100%;height:120px;background:#FFF;border:1px solid #e3e3e3;padding:20px;color:#333}
#feedbackForm .send-btn{width:170px;height:46px;background:#16529b;border-radius:23px;text-align:center;font-size:18px;color:#FFF;line-height:46px;margin:50px auto 0;cursor:pointer;transition:background .2s ease-in-out}
#feedbackForm .send-btn:hover{background-color:#0080d8}
.aboutus-box p{line-height:1.6;margin-bottom:20px}
.aboutus-box h6{font-size:22px;color:#111;font-weight:400;margin-bottom:10px}
.latestnews ul{border:1px solid #E6E6E7;padding:30px 10px}
.latestnews{margin-bottom:30px}
.latestnews ul li{margin-bottom:20px}
.latestnews ul li:last-child{margin-bottom:0}
.latestnews-img{overflow:hidden}
.latestnews-img img{width:100%;display:block;transition:all .2s ease-in-out;max-height:150px;object-fit:cover}
.latestnews-tit{color:#111;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px}
.latestnews ul li:hover .latestnews-tit{color:#16529b}
.latestnews ul li:hover .latestnews-img img{transform:scale(1.1)}
.download-list,.newspage-ninelist-1,.video-list{display:flex;flex-wrap:wrap}
.download-list li,.newspage-ninelist-1 li,.video-list li{width:32%;margin:0 2% 30px 0;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;padding-bottom:10px}
.download-list li:nth-child(3n),.newspage-ninelist-1 li:nth-child(3n),.video-list li:nth-child(3n){margin-right:0}
.download-img img,.newspage-img img,.video-img img{display:block;width:100%}
.download-img,.video-list li .video-img{display:flex;align-items:center;justify-content:center;width:100%}
.newspage-data{display:flex;justify-content:space-between;align-items:center}
.newspage-data,.video-data{font-size:14px;color:#999;text-align:right;margin:10px 0 6px;padding:0 6px}
.video-info{padding:10px 0}
.download-name,.newspage-tit a,.video-name{font-size:18px;color:#111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;padding:0 6px}
.download-name{text-align:center;margin:10px 0}
.newspage-text,.video-in{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:10px;padding:0 6px;font-size:14px}
.newspage-ninelist-1 li:hover,.video-list li:hover{transform:translateY(6px);box-shadow:0 0 10px #EEE}
.newspage-ninelist-1 li:hover .newspage-tit a,.video-list li:hover .video-name{color:#16529b}
.pages-turn{color:#191919;text-align:center;margin:20px 0}
.pages-turn a,.pages-turn span{font-size:14px;display:inline-block;padding:7px 10px;background:#F6F6F7;min-width:30px;text-align:center;margin:0 4px}
.pages-turn a{color:#191919}
.pages-turn span{color:#999}
.pages-turn .ctxt,.pages-turn a:hover{background:#16529b;color:#FFF}
.page-l .sf-menu{border:1px solid #E6E6E7;margin-bottom:30px}
.sf-menu a{color:#111;display:block;padding:16px 0}
.sf-menu>li{position:relative;border-bottom:1px solid #E6E6E7;text-align:center;padding-right:20px}
.sf-menu>li:last-child{border-bottom:none}
.sf-menu>li i{position:absolute;right:10px;top:18px;z-index:1;transform:rotate(-90deg);font-weight:600;cursor:pointer;transition:transform .2s ease-in-out}.sf-menu>li i.active{transform:none}
.sf-menu .sub-menu{display:none}
.sf-menu .sub-menu a{color:#111;font-size:14px;padding:10px 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-l .categories .sf-menu .currentProType,.sf-menu li:hover i,.sf-menu li:hover>a{color:#000000}
@media(min-width:1025px){.sf-menu>li:hover i{transform:rotate(0)}
.sf-menu>li:hover .sub-menu{display:block}}
.newspage-ninelist-0>li{background:#F6F6F7;margin-bottom:30px;transition:box-shadow .3s ease-in-out}
.newspage-item-data{width:90px;background:#16529b;color:#FEFEFE;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:31px 10px;transition:background .2s ease-in-out}
.newspage-item-data p{width:100%;height:auto}
.newspage-item-data p:nth-child(1){font-size:18px;border-bottom:1px solid #FEFEFE;padding-bottom:6px;margin-bottom:6px}
.newspage-item-data p:nth-child(2){font-size:18px}
.newspage-item-box{width:calc(100% - 90px);padding:0 24px 0 18px}
.newspage-item-tit a{display:block;width:100%;font-size:18px;color:#111;margin-bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newspage-item-text{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.2em;font-size:14px}
.newspage-ninelist-0>li:hover{box-shadow:0 4px 10px #CCC}
.newspage-ninelist-0>li:hover .newspage-item-data{background-color:#0080d8}
.newspage-ninelist-0>li:hover .newspage-item-tit a{color:#16529b}
.newspage-ninelist-0{margin-bottom:70px}
.documentcontent-tit,.newsdetails h1{font-size:22px;color:#111;text-align:center}
.documentcontent-tit{margin-bottom:20px}
.newsdetails-data{font-size:14px;color:#999;text-align:center;margin:10px 0}
#page-content-view{margin-left:4%}
.newsdetails-cont p{line-height:1.6;margin-bottom:20px}
.newsdetails-cont{margin-bottom:50px}
.pages-list{margin-top:50px;display:flex;flex-wrap:wrap}
.pages-list>div{width:50%;border:1px solid transparent;text-align:center;color:#111;padding:14px 0;background:#F6F6F7}
.pages-list>div:hover{border-color:#e3e3e3;color:#16529b;text-decoration:underline}
.pages-list>div:hover a{color:#16529b}
.lastproducts-list{border:1px solid #ececec;padding:20px 25px 10px;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}
.lastproducts-list li{width:48%;margin-bottom:10px;border:1px solid #ececec;overflow:hidden}
.lastproducts-list li img{display:block;width:100%;transition:transform .2s ease-in-out}
.lastproducts-list li:hover img{transform:translateZ(0) scale(1.1)}
.products-ninelist-1{display:flex;flex-wrap:wrap;margin-bottom:40px}
.products-ninelist-1 li{border-radius:10px 10px 0 0;width:31.7%;margin:0 2% 30px 0;text-align:center;border:1px solid transparent;transition:all .2s ease-in-out;padding-bottom:10px}
.products-ninelist-1 li:nth-child(3n){margin-right:0}
.products-ninelist-1 li .products-list-img{border-radius:10px 10px 0 0;overflow:hidden}
.products-ninelist-1 li .products-list-img img{display:block;width:100%;transition:transform .2s ease-in-out;max-height:400px; }
.products-list-tit{font-size:18px;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:20px;padding:0 6px; height:20px;}
.products-list-tit a{display:block;max-width:100%;word-break:break-word}
.products-list-text{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 16px;padding:0 6px;-webkit-line-clamp:2;max-height:3.2em;font-size:14px; height:40px;}
.products-add-inquirl{color:#16529b;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.products-inquirl-btn{display:inline-block;width:16px;height:16px;border:1px solid #16529b;vertical-align:middle;margin-right:14px;cursor:pointer}
.products-add-inquirl span{vertical-align:middle}
.products-ninelist-1 .pro-item-checked,.products-ninelist-1 li:hover{border-color:#F6F6F7;box-shadow:0 4px 10px #EEE}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.05)}
.products-ninelist-1 .pro-item-checked .products-list-tit a,.products-ninelist-1 li:hover .products-list-tit a{color:#16529b}
.products-ninelist-1 li:hover .products-add-inquirl{color:#0080d8}
.products-ninelist-1 li:hover .products-inquirl-btn{border-color:#0080d8}
.pro-checked .products-inquirl-btn::before{content:'√';position:relative;font-size:26px;top:-12px;right:-1px}
.procateword{padding:10px;font-size:14px;line-height:1.7;background:#FCFCFC;}
.protype-text{padding-top:4px}
.product-content-price{margin-top:10px}
.tips{background:orange;width:240px;padding:10px;font-size:14px;color:#FFF;line-height:1.6;position:fixed;top:20%;left:50%;border-radius:6px;margin:-32px 0 0 -120px}
.page-tit{font-size:24px;font-weight:500;color:#111;border-left:4px solid #16529b;padding-left:10px;margin-bottom:30px}

.products-ninelist-0>li{background:#ffffff;border:1px solid #E6E6E7;border-radius:10px 10px 0 0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:40px;transition:all .3s ease-in-out; width:32%; float:left; margin-right:1%;}
.products-ninelist-0>li .products-list-img{width:100%}
.products-ninelist-0>li .products-list-img img{display:block;width:100%;height:100%;object-fit:cover; }
.products-ninelist-0>li .products-list-box{width:90%;padding:10px 40px}
.products-ninelist-0>li .products-list-text{margin:4px 0 10px;padding:0}
.products-ninelist-0 .products-list-tit{padding:0}
.products-ninelist-0 .products-list-tit a{ color:#0066CC;}
.products-ninelist-0{margin-bottom:70px}
.products-ninelist-0 .pro-item-checked,.products-ninelist-0>li:hover{transform:translateY(-10px);box-shadow:0 4px 10px #CCC}
.products-ninelist-0>li:hover .products-list-tit a{color:#0069d2}
.small-box{width:100%;height:380px;border:1px solid #E6E6E7;position:relative;background:#FFF;overflow:hidden}
.pdshow-l{width:500px}
.preview-container{position:relative;width:100%}
.preview-container .small-box img{max-width:100%;max-height:100%;display:block}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #EEE;display:none;cursor:move}
.preview-container .thumbnail-box{margin-top:10px;position:relative;width:100%}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;color:#16529b}
.preview-container .thumbnail-box .btn i{font-size:20px;font-weight:600}
.preview-container .thumbnail-box .btn-prev{left:0}
.preview-container .thumbnail-box .btn-next{right:0}
.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled{opacity:.5;cursor:not-allowed}
.preview-container .thumbnail-box .list{overflow:hidden;width:calc(100% - 49px);margin:0px auto;position:relative}
.preview-container .thumbnail-box .list ul .item{width:80px;height:80px;display:flex;justify-content:center;align-items:center;margin:0 5px;border:1px solid #E6E6E7;font-size:0}
.preview-container .thumbnail-box .list ul .item img{width:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:2px solid #0069d2}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;width:13.3333333333vw;border-radius:5.3333333333vw;background:#16529b;bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw;margin:0 2px}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:calc(100% - 1px);border:1px solid #E6E6E7;position:absolute;width:100%;height:100%;background:#FFF;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.pdshow-r{width:calc(100% - 500px);padding:10px 0 0 30px}
.pdshow-r h1{font-size:22px;color:#111;font-weight:400}
.pdshow-r-text{line-height:1.6;margin:20px 0px 50px}
.pdshow-r-btn{margin-top:40px}
.addToCart,.pdshow-r-btn a{display:inline-block;width:200px;height:50px;border-radius:25px;color:#FFF;text-align:center;line-height:50px;font-size:18px;margin-right:30px;margin-bottom:20px;transition:background .2s ease-in-out;background-color:#16529b;cursor:pointer}
.addToCart span{display:inline-block;background:url(addtocart.png) no-repeat right center;background-size:20px;padding-right:26px}
.addToCart:hover,.pdshow-r-btn a:hover{background-color:#0080d8}
.pdshow-r-btn a:last-child{margin-right:0}
.prodetails-box-tit{font-size:22px;color:#111;margin-bottom:16px;font-weight:400;border-bottom:1px solid #DDD;padding-bottom:8px}
.prodetails-box{margin-top:50px}
.prodetails-bref,.prodetails-bref p,.siggle-page .page-r{line-height:1.6}
.productsTags{color:#111;}
.prodetails-bref table{max-width:100%;overflow-x:auto;}
.prodetails-box-cont .pages-list{margin-top:20px}
.pd-inquirl{margin-top:50px}
.pd-inquirl .prodetails-box-tit{margin-bottom:30px}
.singglepic{width:100%;border:1px solid #E6E6E7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.singglepic img{transition:transform .3s ease-in-out}
.singglepic:hover img{transform:scale(1.2)}
.maybe{margin-top:60px}
.maybe-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.maybe-list>li{width:32%;margin-top:20px;text-align:center}
.maybe-img{border:1px solid #E6E6E7;overflow:hidden}
.maybe-img img{transition:all .3s ease-in-out}
.maybe-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px;padding:10px 10px 0;color:#333}
.maybe .prodetails-box-tit{margin-bottom:0}
.maybe-list>li:hover .maybe-tit{color:#16529b}
.maybe-list>li:hover img{transform:scale(1.1)}
.page-r .products-ninelist-0 .pro-item-checked,.page-r .products-ninelist-1 .pro-item-checked{border-color:#16529b}
.fshare{display:flex;margin:20px 0 10px}
.fshare a{display:inline-block;width:34px;height:34px;background:#FFF;border-radius:50%;text-align:center;line-height:34px;margin-right:10px}
.fshare a:last-child{margin-right:0}
.fshare a i{color:#16529b;font-size:20px}
.ErWeiImg{max-width:120px}
.page-r video{max-width:100%;max-height:100%}
.inquiry-pro-list{margin:50px 0;display:none;width:100%;border:1px solid #DDD;padding:0 8%}
.inquiry-pro-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid #DDD}
.inquiry-pro-item:last-child{border:none}
.pro-item-name{width:50%}
.pro-item-img img{max-height:100px}
.pro-item-name p{margin-top:6px}
.pro-item-name p a{max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:40px;word-break:break-word}
.pro-item-del{cursor:pointer;padding:10px}
.pro-item-del i{font-size:20px}
.feed-page #feedbackForm{margin-top:20px}
.pc-show {
	display: block;
}
.phone-show {
	display: none;
}


/*page*/
.pageNav { clear:both; margin:20px auto; text-align:center; font-family:Arial;}
.wp-pagenavi {margin:0px auto; padding:30px 0 15px 0;}
.wp-pagenavi a{ display:inline-block; background:#FFFFFF; color:#666666; text-align:center; margin:0 5px; width:36px; height:34px; line-height:34px; font-size:18px; }
.wp-pagenavi a:hover,.wp-pagenavi a:hover{ background:#0360A6; color:#FFF;}
.wp-pagenavi a.p_pn{ width:70px;}
.wp-pagenavi span{ display:inline-block; text-align:center; margin:0 5px; width:36px; height:34px; line-height:34px; font-size:18px; }
.wp-pagenavi span.current{ color:#FFF; background:#de001f;}
.wp-pagenavi span.disabled{ background:#D0D0D0; color:#FFF;}
.wp-pagenavi span.tot{ background:none; color:#666; width:auto; display:none;}
.wp-pagenavi span.pages {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR:#454545! important; PADDING-TOP:4px! important; BORDER-BOTTOM:#ccc 1px solid; font-weight:100;}
.wp-pagenavi span.extend {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; font-weight:100;}
.xiaopage1 a{ background-color:#0360A6; }

/*企业文化*/
.bann{height:300px;text-align:center;color:#fff; padding-top:100px;}
.bann h2{font-size:38px;margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif}
.bann p a{font-size:18px;line-height:28px; font-family:"Verdana, Arial, Helvetica, sans-serif";color:#fff; }

/*文字缓动1*/
.bann h2,.hr-bann h2{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}


/*文字缓动2*/
.bann p ,.hr-bann p{animation:mymovet 1.5s infinite;-webkit-animation:mymovet 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymovet{
	from{transform:translateY(50px);}
	to{transform:translateY(0px);}
}

@-webkit-keyframes mymovet{
	from{transform:translateY(50px);}
	to{transform:translateY(0px);}
}
@media (max-width: 768px) { 
/*企业文化*/
.bann{height:130px;text-align:center;color:#fff; padding-top:60px;}
.bann h2{font-size:22px;margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif}
.bann h2 img{ max-height:25px;}
.bann p{font-size:22px;line-height:28px; font-family:"黑体";}

  }


.xw-list li {
	width: 98%;
	margin-right: 2%;
	margin-bottom: 4%;

}
.xw-list a {
	display: block;
}
.xw-list li:nth-child(3) {
	margin-right: 0;
}
.xw-list .img100 {
	width: 36%;
}
.xw-con {
	height: 100%;
	width: 100%;
	border: 1px solid #e0e0e0;
	text-align: left;
		padding-top:10px;
	padding-bottom:10px;
}
.xw-txt {
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.xw-con h4 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.xw-con span {
	font-size: 16px;
	font-family: dincondBold;
	color: #8c8c8c;
	position: relative;
	padding-left: 40px;
	display: block;
}
.xw-con span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	border-top: 1px solid #999;
}
.xw-con p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 3.2em;
}
.xw-list li:hover h4, .xw-list li:hover span, .xw-list li:hover p {
	color: #0360A6;
}
.xw-list li:hover span:before {
	border-color: #0360A6;
}


@media(min-width:1025px){
.foot-list>.foot-item2{width:15%}
.fnav{flex-direction:column}
.fshare{display:none}}
@media(min-width:801px){
nav::-webkit-scrollbar{width:10px;height:10px}
nav::-webkit-scrollbar-track{border-radius:0;background:#EEE}
nav::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ccc}
nav::-webkit-scrollbar-thumb:hover{border-radius:5px;background-color:rgba(85,85,85,.4)}}
@media(max-width:1620px){
.container{padding-left:15px;padding-right:15px}
.about{padding-left:15px;padding-right:15px}}
@media(max-width:1441px){
.news-item-data{padding:20px 10px}
.about-r>p{margin:20px 0 10px}
.about-list li{margin-bottom:10px}}
@media(max-width:1367px){
.nav { margin-right:25px;}
nav .nav>li>a{padding:0 14px}
.pdshow-l{width:400px}
.pdshow-r{width:calc(100% - 400px)}
.preview-container .thumbnail-box .list ul .item{width:60px;height:50px}
.addToCart,.pdshow-r-btn a{width:calc(50% - 10px);margin-right:10px}
.pdshow-r-btn a:nth-child(2){margin-right:0}}
@media(max-width:1281px){
nav .nav .submenu li a{padding:12px 30px}
.about-r>p{margin-top:10px}
.product-tit{font-size:18px}
.product-text{font-size:14px}
.advantage-tit,.foot-list>li>h6,.news-item-tit a{font-size:20px}
.about-r h3{padding-top:0}
.addToCart,.pdshow-r-btn a{font-size:16px}
.project-content{margin:4px 0 10px}
.project-info{padding:0 20px}}
@media(max-width:1200px){
nav .nav li a{font-size:15px;padding:0 8px}
.pdshow-r-text{margin-bottom:40px}
.prodetails-box{margin-top:30px}}
@media(max-width:1024px){
.about-list li,.about-r>p{font-size:14px}
.about-l{width:45%}
.about-r{width:55%;padding-left:20px}
.about .container{padding:0 50px}
.product-list li{width:49%}
.product-list1 li{width:49%; margin-bottom:15px}
.news-l,.news-r{width:100%}
.news-l{background:linear-gradient(90deg,#FFF 0,#FFF 0,#FFF 0,rgba(255,255,255,0) 100%);padding:50px 0 0 50px}
.news-r{padding-top:30px}
.news-l a{margin-top:20px}
.advantage-list li{width:48%;margin-bottom:20px}
.advantage .home-more{margin-top:30px}
.fnav li{margin-right:20px}
.page-r{width:100%}
.products-ninelist-1 li{width:49%}
.products-ninelist-1 li:nth-child(3n){margin-right:2%}
.products-ninelist-1 li:nth-child(2n){margin-right:0}
.page-l{display:none}
.pdshow-r{width:calc(100% - 400px)}
.foot-item1,.foot-item2,.foot-item5{display:none}
.foot-list>li{max-width:100%;width:100%}
.fnav li{margin-right:0;width:20%}
.fpronav{display:flex;flex-wrap:wrap}
.fpronav li{margin-right:8%}
.fpronav li:last-child{margin-right:0}
.fnav li a,.fpronav li a{color:#FFF;margin-bottom:.2rem}
.foot-t{padding:20px 0}
.foot-list>li>h6{margin-bottom:14px}
.foot-contact span,.foot-contact span a{color:#FFF}
.foot-item3{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}
.newsdetails-cont img,.prodetails-bref img,.siggle-page .page-r img{height:auto!important}}
@media(min-width:801px) and (max-width:990px){
nav .nav li a{font-size:13px;padding:0 4px}
.head-search-btn{margin-left:10px; color:#FFFFFF;}}
@media(max-width:800px){
.product-list .product-tit{font-size:.22rem}
.fpronav li a{font-size:16px}
.mob-menu,.mob-search,.mobile-bottom-item a,.products-add-inquirl,.swiper-button-next,.swiper-button-prev{-webkit-tap-highlight-color:transparent}
.advantage-icon i,.advantage-icon em{font-size:.4rem}
.about-r h3,.advantage-tit,.home-tit,.news h4,nav .nav li a{font-size:.24rem}
.foot-list>li>h6,.news-item-tit a,.product-tit{font-size:.22rem}
.advantage-text,.copyright,.fnav li a,.head-contact,.news-item-text,.news-l a,.product-more,.product-text{font-size:.2rem}
.about-r>p,.news-l p{font-size:.16rem}
.about-r>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.about{padding:.9rem 0}
.head-b{height:.92rem}
.head-t{display:none;height:0;padding:0;margin:0}
.head-contact p{margin-left:.5rem}
.foot-list>li>h6{margin-bottom:.2rem}
.advantage-text{text-align:center}
#xyz,.about-list,.head-search-btn,.head-share,.inner-banner,.search-close{display:none}
.head-t .container{justify-content:flex-end}
nav{position:fixed;left:0;width:100%;max-width:100%;z-index:999;top:.92rem;bottom:0;background:#FFF;height:auto;text-align:center;border-top:1px solid #E6E6E7;transition:top .2s ease-in-out;display:none}
nav .nav{display:block;height:100%;padding:0 16px;overflow-y:auto}
.mob-search{color:#111;display:block;cursor:pointer;font-size:.3rem;font-weight:600}
.mob-menu{display:block;width:.4rem;height:.26rem}
.logo{max-width:50%;height:100%}
.logo img{max-height:100%}
nav .nav>li>a{display:block;padding:.24rem 0}
nav .nav .submenu{position:static;transform:rotateX(0);width:100%;background:0 0;opacity:1;display:none}
nav #liproducts .submenu{display:block}
nav .nav>#liproducts i{transform:rotate(0)}
nav .nav>#liproducts i.acti{transform:rotate(-90deg)}
nav .nav .submenu li a{color:#111;font-size:.2rem;padding:.2rem 0}
nav .nav>li i{display:block;position:absolute;right:0;top:.22rem;font-weight:600;font-size:.24rem;color:#111;transition:transform .2s ease-in-out;transform:rotate(-90deg);padding:.1rem;}
.floatwindow_fd_conct{display:none}
nav .nav>li i.acti{transform:rotate(0)}
nav .nav .submenu li a:hover{color:#16529b}
.search-box{width:100%;position:absolute;left:0;top:100%;height:0;transition:height .2s ease-in-out;background:#FFF}
.search-box #btnSearch{display:block;width:auto;padding:0 10px;background:#16529b;color:#FFF;border-radius:2px}
.mobile-bottom{background:#0080d8;color:#FFF;display:flex;opacity:1;transition:all .3s ease-in-out;height:.98rem;align-items:center}
.mobile-bottom-item{text-align:center;width:25%;font-size:.24rem;text-transform:uppercase}
.mobile-bottom-item i{display:block;font-size:.45rem;margin-bottom:6px}
.mobactfoot{margin-bottom:.98rem}
.mobbotact{position:fixed;left:0;bottom:0;width:100%;z-index:500;opacity:1}
.home-tit{}
.product .home-more,.category .home-more{margin:.2rem auto .9rem}
.news{padding:.34rem 0;background-image:url(mob-newsbg.jpg)}
.news-l a{margin-top:.2rem}
.news h4{margin-bottom:.14rem}
.news-l,.news-r{padding:.3rem .1rem 0 .5rem}
.news-r{padding-bottom:.3rem}
.news-l p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.advantage{padding:.75rem 0}
.about .home-more,.news-list li{margin-top:.3rem}
.news-list li{margin-top:.3rem; width:98%; float:none; clear:both;}
.news-item-data{padding:.3rem .1rem}
.news-item-box{padding:0 .2rem}
.foot-item3{margin-top:.1rem}
.page-box{padding:.4rem 0}
.products-ninelist-0 .products-list-tit{margin:0}
.products-ninelist-0>li{ width:49%;}
.products-ninelist-0>li .products-list-text{margin:.04rem 0 .1rem}
.products-ninelist-0>li .products-list-box{padding:.1rem .2rem}
.products-ninelist-0>li{margin-bottom:.4rem}
.newspage-ninelist-0,.products-ninelist-0{margin-bottom:.7rem}
.products-ninelist-0>li,.products-ninelist-1 li{border-radius:0}
.mobile-bottom-item a{color:#FFF}}
@media(max-width:868px){
.prodetails-page .page-box{padding-top:0}
.preview-container .thumbnail-box{margin-top:0}
.pages-list>div,.pdshow-l,.pdshow-r{width:100%}
.preview-container .thumbnail-box .btn,.preview-container .thumbnail-box .list .swiper-pagination,.small-box{display:none}
.preview-container .thumbnail-box .list{width:100%}
.preview-container .thumbnail-box .list ul .item-cur{border:none}
.preview-container .thumbnail-box .list ul .item{width:100%;height:auto;border:none}
.preview-container .thumbnail-box .list .banner-page{display:flex}
.pdshow-r{padding-left:0}
.pages-list>div{margin-bottom:.2rem}
.inquiry-form input{width:100%;padding-left:.2rem;height:.64rem;margin-bottom:.2rem}
.inquiry-form input#in-name{margin-right:0}
.inquiry-form textarea{padding:.1rem .2rem;height:1.9rem}
#feedbackForm .send-btn{margin-top:.3rem;width:100%;border-radius:0}
.addToCart,.pdshow-r-btn a{width:100%;border-radius:0;margin-bottom:.2rem;height:40px;line-height:40px}
.addToCart:hover,.pdshow-r-btn a:hover{background-color:#16529b}
.pdshow-r-btn .sendinquiry,.pdshow-r-btn .sendinquiry:hover{background:#333}
.pdshow-r-text{margin:.2rem 0 .4rem}
.download-list li,.newspage-ninelist-1 li,.video-list li{width:49%;margin-bottom:.3rem}
.download-list li:nth-child(3n),.newspage-ninelist-1 li:nth-child(3n),.video-list li:nth-child(3n){margin-right:2%}
.download-list li:nth-child(2n),.newspage-ninelist-1 li:nth-child(2n),.video-list li:nth-child(2n){margin-right:0}
.newspage-item-box{padding:0 .2rem}
.faq-list li,.newspage-ninelist-0>li,.project-list li{margin-bottom:.3rem}
.newspage-text,.video-in{margin-top:.1rem}
.project-info{padding:.1rem .2rem}
.products-ninelist-1 li .products-list-img,.products-ninelist-1 li .products-list-img img{border-radius:0}
.about-l img{ width:auto; height:220px;}
.about-r{ float:none; padding-left:0px; width:100%; height:auto; clear:both; display:block}
.about-r .about-list{ float:none; padding-left:0px; width:100%; height:auto; clear:both; display:block; color:#333333;}
.about-r .about-list li{  color:#333333;}
}
@media(max-width:540px){
body{font-size:14px}
.advantage-icon i,.advantage-icon em{font-size:42px}
.about-r h3,.documentcontent-tit,.home-tit,.news h4,.newsdetails h1,.pdshow-r h1{font-size:20px}
.aboutus-box h6,.advantage-tit,.contactus-box h5,.contactus-tit,.download-name,.faq-list li .news-item-tit,.foot-list>li>h6,.inquiry-tit,.news-item-tit a,.newspage-item-tit a,.newspage-tit a,.page-tit,.prodetails-box-tit,.project-name,.video-name{font-size:18px}
.download-btn,.news-item-data p:nth-child(1),.news-item-data p:nth-child(2),.newspage-item-data p:nth-child(1),.newspage-item-data p:nth-child(2),.product-tit,.products-list-tit,nav .nav li a{font-size:16px}
.about-r>p,.advantage-text,.copyright,.fnav li a,.fpronav li a,.head-contact,.inquiry-form input,.news-item-text,.news-l a,.news-l p,.procateword p,.product-more,.product-text,nav .nav .submenu li a{font-size:14px}
.about .home-more{margin-left:auto;margin-right:auto}
.home-more{font-size:14px;width:180px}
.logo{max-width:40%}
.about-l,.about-r{width:100%;padding:0}
.about-r{padding-top:10px;text-align:center}
.search-box input{font-size:14px}
.about .swiper-button-next,.about .swiper-button-prev{width:20px}
.about .swiper-button-next i,.about .swiper-button-prev i,.about .swiper-button-next em,.about .swiper-button-prev em{font-size:20px}
.about .container{padding:0 25px}
.head-contact p{margin-left:0}
.head-contact{width:100%;justify-content:space-between}
.products-ninelist-0>li .products-list-img{width:100%}
.products-ninelist-0>li .products-list-box{width:100%}
.newspage-data,.video-data{margin:.2rem 0}
.contactus-list>div{width:100%;text-align:left;margin-bottom:.2rem}
.contactus-icon i,.contactus-icon em{font-size:32px}
.contactus-icon{float:left;margin-right:10px;width:80px;height:80px}
.contactus-tit{margin-top:10px}
.inquiry-tit{margin:.3rem 0}
.download-btn{padding:6px 0;width:130px}
.project-img,.project-info{width:100%;text-align:center}
.pages-turn a,.pages-turn span{margin-bottom:6px}
.contactus-box h5{margin-bottom:20px}
.page-r .faq-list li .project-info{text-align:left}
.products-list-tit{margin-top:10px}
.pro-item-name p a{max-height:34px}
.pro-item-img img{max-height:60px}
.inquiry-pro-list{padding:0 10px}
.newspage-item-data{width:80px;padding:31px 4px}
.newspage-item-box{width:calc(100% - 80px)}
.newspage-item-text{line-height:1.4}}
@media(max-width:415px){
.mob-menu{height:15px;width:24px;margin-left:20px}
.mob-search{font-size:16px}
.mob-menu span{height:3px}
.foot-t{padding:10px 0}
.mobile-bottom-item i{margin-bottom:2px}
.fnav li,.fnav li:nth-child(n+6),.fpronav li{width:auto;margin-right:.4rem}
.products-list-text{margin:4px 0 10px}
.products-ninelist-0>li .products-list-text{line-height:1.3}
.maybe-list>li{width:49%}
.maybe-tit{padding-left:4px;padding-right:4px}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:20px;height:40px;line-height:40px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:20px}}
@media(max-width:376px){
.documentcontent-tit,.newsdetails h1{font-size:18px}
#feedbackForm .send-btn,.aboutus-box h6,.advantage-tit,.contactus-tit,.download-name,.faq-list li .news-item-tit,.foot-list>li>h6,.news-item-data p:nth-child(1),.news-item-tit a,.newspage-item-tit a,.newspage-tit a,.product-tit,.project-name,.video-name{font-size:16px}
.mob-menu span{height:2px}
.mob-menu span:nth-child(3){bottom:1px}
.news-l,.news-r{padding-left:15px;padding-right:15px}
.pages-turn a,.pages-turn span{padding:6px 8px}}
@media(max-width:321px){
.head-contact p{font-size:12px}
.newspage-ninelist-1 li,.product-list li,.products-ninelist-1 li,.video-list li{width:100%}
.pages-turn a,.pages-turn span{margin-bottom:8px}}
@media(min-width:1025px){
.IE .foot-item4{width:20%}}
@media(min-width:801px){
.IE .fnav li{width:50%;margin-right:0}
.IE .fnav{height:100%}}
.IE .newspage-item-text{max-height:74px}
.IE .download-name,.IE .maybe-tit,.IE .news-item-text,.IE .newspage-text,.IE .products-list-text,.IE .project-content,.IE .video-in{max-height:52px}
.IE .list-wrapper .item-title{max-height:36px}
@media(max-width:800px){
.IE .news-item-text{max-height:60px}}
@media(max-width:540px){
.IE .newspage-item-text{max-height:68px}
.IE .news-item-text,.IE .product-text{max-height:42px;overflow:hidden}
.IE .products-list-text{max-height:44px}}
.vPlay{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(../vPlay.png) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%}
@media(max-width:768px){
.preview-container{padding-top:30px}
.mobmedia{position:absolute;left:0;top:30px;width:100%;height:calc(100% - 30px)!important;z-index:9;background:#000}
.mobflag{position:absolute;right:0;top:0;z-index:10;width:30px;height:30px;font-size:24px}
.mobflag::after,.mobflag::before{content:'';display:block;position:absolute;width:20px;height:2px;background:#000;top:14px;left:6px}
.mobflag::before{transform:rotate(45deg)}
.mobflag::after{transform:rotate(-45deg)}}
.prodetails-box .prolist{width:100%;display:flex;justify-content:space-between}
.prodetails-box .prolist .pro-l{flex:0 0 200px}
.prodetails-box .prolist .pro-l a.active{color:#16529b}
.prodetails-box .prolist .pro-l a{display:inline-block;width:100%;height:100%}
.prodetails-box .prolist .pro-l>ul>li>ul li{padding-left:20px}
.prodetails-box .prolist .pro-l .title{font-weight:700;font-size:18px}
.prodetails-box .prolist .pro-r{flex:1}
.prodetails-box .prolist .pro-r .col-cm{width:350px}
.prodetails-box .prolist .pro-r .col-on{width:120px}
.prodetails-box .prolist .pro-r .col-add{min-width:160px}
.prodetails-box .prolist .pro-r table{display:none;border-collapse:collapse;width:100%}
.prodetails-box .prolist .pro-r table.active{display:block}
.prodetails-box .prolist .pro-r table caption{text-align:left;font-weight:700;font-size:20px;margin-bottom:10px}
.prodetails-box .prolist .pro-r th{border:1px solid #CCC}
.prodetails-box .prolist .pro-r td{padding:0 10px;word-break:break-all;border:1px solid #CCC}
.prodetails-box .prolist .pro-r td img{max-width:100%;max-height:120px}
#lidownloads .submenu{display:none!important}
#indnscontent .news-l{width:100%;padding:20px;text-align:center}
.lastest-news{width:100%;margin:60px 0}
.lastest-news ul{width:100%;display:flex;flex-wrap:wrap}
.lastest-news ul li{width:50%}
.lastest-news ul li a object{display:flex}
.lastest-news ul li div{flex:1}
.lastest-news ul li .news-img img{width:100%;display:block}
.lastest-news ul li .news-content{position:relative;background:#F6F6F6;display:flex;flex-direction:column;justify-content:space-evenly}
.lastest-news ul li .news-content .news-title{margin:0 80px;color:#2b2b2b;font-size:22px;font-family:Open Sans;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lastest-news ul li .news-content .news-date{margin:0 80px;color:#111;font-weight:700}
.lastest-news ul li .news-content article{margin:0 80px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.lastest-news ul li .news-content .more-link{margin:0 80px;color:#2b2b2b;font-weight:700;line-height:24px;font-size:18px}
.lastest-news ul li .news-content .more-link i{color:#2b2b2b;position:relative;top:1px;transform:scale(1.7)}
.lastest-news ul li .news-content:before{content:"";position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid #16529b;border-bottom:2px solid #16529b;transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.lastest-news ul li .news-content:after{transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid #16529b;border-right:2px solid #16529b;transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.lastest-news ul li:hover .news-content .more-link a,.lastest-news ul li:hover .news-content .more-link i,.lastest-news ul li:hover .news-content .news-title a{color:#16529b}
.lastest-news ul li:hover .news-content:after,.lastest-news ul li:hover .news-content:before{opacity:1;transform:scale(1)}
.lastest-news ul li:nth-child(3) a object,.lastest-news ul li:nth-child(4) a object{flex-direction:row-reverse}
@media(min-width:1441px)and (max-width:1680px){
.lastest-news ul li .news-content .more-link,.lastest-news ul li .news-content .news-date,.lastest-news ul li .news-content .news-title,.lastest-news ul li .news-content article{margin:0 50px}}
@media(min-width:1281px)and (max-width:1440px){
.lastest-news ul li .news-content .news-title{margin:0 40px;font-size:20px}
.lastest-news ul li .news-content .more-link,.lastest-news ul li .news-content .news-date,.lastest-news ul li .news-content article{margin:0 40px}}
@media(min-width:1081px)and (max-width:1280px){
.lastest-news ul li .news-content .news-title{margin:0 30px;font-size:16px}
.lastest-news ul li .news-content .more-link,.lastest-news ul li .news-content .news-date,.lastest-news ul li .news-content article{margin:0 30px}}
@media(min-width:769px)and (max-width:1081px){
.lastest-news ul li .news-content .news-date,.lastest-news ul li .news-content .news-title{margin:0 20px;font-size:14px}
.lastest-news ul li .news-content .more-link,.lastest-news ul li .news-content article{margin:0 20px;font-size:12px}
.lastest-news ul li .news-content:before{border-top:2px solid #16529b;border-bottom:2px solid #16529b}
.lastest-news ul li .news-content:after{border-left:2px solid #16529b;border-right:2px solid #16529b}
.lastest-news ul li .news-content:after,.lastest-news ul li .news-content:before{width:96%;height:94%;top:3%;left:2%}}
@media screen and (max-width:768px){
.lastest-news ul li{width:100%}
.lastest-news ul li:nth-of-type(2n){display:none}
.lastest-news ul li .news-content,.lastest-news ul li .news-img{width:50%}
.lastest-news ul li .news-content .news-title{margin:1.0666666667vw 2.6666666667vw 0;font-size:3.4666666667vw}
.lastest-news ul li .news-content .news-date{margin:.6666666667vw 2.6666666667vw;font-size:3.2vw}
.lastest-news ul li .news-content article{display:none;margin:0 2.6666666667vw;font-size:3.2vw;line-height:110%}
.lastest-news ul li .news-content .more-link{display:none}
.lastest-news{margin:40px 0}}
@media screen and (min-width:751px)and (max-width:768px){
.lastest-news ul li .news-content .news-title{font-size:24px}
.lastest-news ul li .news-content .news-date{font-size:20px}
.lastest-news ul li .news-content article{font-size:18px}}
.indcategories{margin-bottom:50px}
ul.indcatelist{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:20px}
ul.indcatelist li{width:23%}
ul.indcatelist li a{display:block;width:100%}
ul.indcatelist li .cateonepic img{width:100%;transition:.3s}
ul.indcatelist li .cateonepic{overflow:hidden;border:1px solid #EEE;transition:.3s}
ul.indcatelist li a:hover .cateonepic{box-shadow:1px 5px 20px #c9c7c7}
ul.indcatelist li a:hover img{transform:scale(1.1)}
.indcategories .home-more{margin-left:auto;margin-right:auto}
.cateonetit{transition:.3s;text-align:center;font-size:20px;color:#000;padding:20px 10px 0;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.indcatelist li a .product-more{text-align:center;margin-top:12px}
ul.indcatelist li a:hover .cateonetit{color:#16529b}
@media screen and (max-width:1281px){
.cateonetit{font-size:18px}}
@media screen and (max-width:1024px){
ul.indcatelist li{width:49%;margin-bottom:15px}}
@media screen and (max-width:768px){
.cateonetit{font-size:.22rem}}
@media screen and (max-width:560px){
ul.indcatelist{padding-bottom:0}
.cateonetit{font-size:15px}
.cateonetit{font-size:16px}}
@font-face{font-family:addicon;src:url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAREAAsAAAAACEwAAAP3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDBgqELINwATYCJAMMCwgABCAFhFsHOhtEB8geklQhwh5IAFAACkYcD1/7/c59u1+QxJC8mYUimoli2slirRMpVbJFpv+/z80e+EBdUnNLVyxLPqloSMWp2Ul1adfMaE97EtNeoGOENP29099454GtSRTSHFu76IMlGtBY0xJugwTkPcYm2P1cI4B67sYUM3PJ2aB2ssmUgJHMqA8QF8fJIUWAkNfh1mCCUMlvOzVjvQIPFHfsmwBe/O/HH3iGEBR4ibHK/F4MCWefa794w5H/l4P0AW6dAN0LoAQkYGBlhlirty3ghLEBiahMxsXsMi4W9qjB///xeaqCv+Y/HhtEmSFrBNAjLU6KbzMJ8P2GC3Lnb6fMF3gD8I+q5r7N2XM9Bj51zfhxHF/UM5sOs5pviHttFA4K3SH/6DOs5sDjyz3xV4NPgjzkVE6OQlexDeQ3RT2Bi47b9RbJcvajIFcqxb1JN8LO5MgfPhT1LDtedNT4MnpYzVbbgXplRdyrdLiizlFCBcixbcq6nocGO9Uie3BId0g/V6lcAWi5bP3oTesttofxcAh+H58+4LTDRtyrO2SotN2jOjqD5shR3X0htxKGlvR3OI0sKXJsej6c7pR7uXZyhMu7VdrR6s8v+I5t1zIUutjuEpKd7T+0zRJMrYONys3rPQZ014Qm/yTStSjD7+9+1tqG7o4uWkEnvZaMdSy4n0zt4iPrbOPDSYVhyuvUqEiajoxyTDH82eJeXxBKBQVRoQX17nMzhimO5ayNftw5YAktLYW1VWXMau1z2ekd79Sm5xw9/rjbOcf/isUlt/n6Tfs1r0ee6x46lnFg1y+rJ+0LiwlmiVa1Rc7Rbvz06O+ImNVQ9ZSlW69Z33tsbJzyQu5xX1+Zfr+xlPoaxPvYRZj1HfTI0iqHTQC10heOoHZ6x5H+9d/AwyPvto3qwV+rZIDPdTVRvrdWhvYG1ddhC/CP5etawmbVT8plPJtX40hKekYKoN7Ug59aCk2++gteJM91CGjHiAIYIRKwQGRgTyoRcyOVCQSS6jmZnN1A2wkOVq4DutwSEosaBYINDiA44ByCC+6QePR8kvjUfCaJ4MFaTsw2cqdpRDCIxDbXYPmS0hKp5WUIkpQKMxFVUUTQosDD4oiW5QcwD1f3XDIOlSC6+whZJeXJMFJMSpcWY7Hj7IaKikqxMrq0AEkY1zyGKQt0c5OW3cRVUloMUWgIgYGQMFtqYA5JlCohdUsZBBKpVGZCKBWKEI4ur5LKxCE0Gc+FxjCjhozUI+JkJW2qrmD0tUoUTzcYUpg9LCxVDDO3JgtShLFSmItySwGkxhiuDnpEygQaNuH22spc51UUPzcuV4OxfooiUmS86+OaMiSsOiAYGVFWBgAA') format('woff2'),url(../fonts/addicon.woff?t=1630980291735) format('woff'),url(../fonts/addicon.ttf?t=1630980291735) format('truetype')}
.iconfont.icon-skype,.iconfont.icon-whatsapp{font-family:addicon!important}
.icon-skype:before{content:"\e713"}
.icon-whatsapp:before{content:"\e8ec"}
.indknow-title{font-size:20px;font-weight:700;color:#000!important;margin-bottom:20px;display:block;display:-webkit-box;display:-moz-box;max-height:48px;line-height:24px}
.indknow-info article,.indknow-title{text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.indknow-info article{color:#868686;font-size:14px;display:-webkit-box;display:-moz-box;max-height:52px;line-height:26px;margin-bottom:40px}
.indknow-info{padding:42px 24px;border-top:none}
.indknow-more{text-transform:uppercase;color:#0d0d0d;font-family:Lato;font-weight:700;font-size:14px;padding:20px;transition:background-color .3s;border-radius:3px}
.indknow-more i,.indknow-more em{font-size:12px;margin-left:12px;position:relative;top:-2px}
.indknow-item:hover .indknow-more{background-color:#141414;color:#FFF}
.indknow-item:hover .indknow-more i,.indknow-item:hover .indknow-more em{color:#FFF}
.indknow-date{padding:10px 22px;background:#16529b;color:#FFF;font-size:12px;display:inline-block;position:absolute;top:0;left:0}
.indknow-img{position:relative}
.indknow-img img{display:block;width:100%}
.indknow-item{display:flex;outline:1px solid #dfdfdf;box-sizing:border-box}
.indknow-item:first-of-type{width:30%;flex-direction:column;height:100%}
.indknow-item:first-of-type .indknow-info{height:100%}
.indknow-item:nth-of-type(2),.indknow-item:nth-of-type(3){width:66%;height:46%}
.indknow-item:nth-of-type(2) .indknow-img,.indknow-item:nth-of-type(3) .indknow-img{flex:1}
.indknow-item:nth-of-type(2) .indknow-img img,.indknow-item:nth-of-type(3) .indknow-img img{height:100%;max-width:none;object-fit:cover}
.indknow-item:nth-of-type(2) .indknow-info,.indknow-item:nth-of-type(3) .indknow-info{flex:1.5}
.indknow-list{margin:50px 0;display:flex;height:550px;flex-wrap:wrap;flex-direction:column;justify-content:space-between}
@media screen and (max-width:1500px){
.indknow-list .indknow-more{padding:8px}}
@media screen and (max-width:960px){
.indknow-list{height:auto}
.indknow-item{width:100%!important;margin-bottom:40px}
.indknow-item:first-of-type{flex-direction:row}
.indknow-item:first-of-type .indknow-img{flex:1}
.indknow-item:first-of-type .indknow-img img{height:100%;max-width:none}
.indknow-item:first-of-type .indknow-info{flex:1.5}}
@media screen and (max-width:768px){
.indknow-list{margin:35px auto 20px}
.indknow article{margin:4vw 0}
.indknow-item:first-of-type .indknow-info{height:auto}
.indknow-item:first-of-type .indknow-img,.indknow-item:nth-of-type(2) .indknow-img,.indknow-item:nth-of-type(3) .indknow-img{flex:1.3}
.indknow-item:first-of-type .indknow-img img,.indknow-item:nth-of-type(2) .indknow-img img,.indknow-item:nth-of-type(3) .indknow-img img{object-fit:cover}
.indknow-item{height:30vw!important;margin-bottom:20px}
.indknow-item .indknow-title{white-space:pre-wrap;font-size:16px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.indknow-item .indknow-info{flex:0;width:60%;padding:4vw;height:auto}
.indknow-item .indknow-info article{display:none}
.indknow-item .indknow-img{flex:1.3;width:40%}
.indknow-item .indknow-img a{display:block;width:100%;height:100%}
.indknow-item .indknow-more{font-size:12px}
.indknow-item .indknow-date{padding:2vw}}
@media(max-width:768px){
.aboutus-box img,.prodetails-bref img{height:auto!important}}
.product-price{margin-top:6px}
@media(max-width:768px){
#xyz{padding:12px 0;width:100%;margin:0;height:auto}
#xyz .xyz12 span{display:none}
#xyz ul{display:flex!important;flex-wrap:wrap;width:100%;padding:0;box-sizing:border-box;position:static}
#xyz ul>li{margin:0;padding:10px 0!important;width:33.333%;text-align:left;background:0 0;border:0;display:block!important}
#xyz ul>li img{margin-right:4px;vertical-align:middle;display:inline-block}
#xyz ul>li a{overflow:hidden;padding:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap;color:#111;text-indent:0;line-height:20px;height:auto;margin:0;text-align:left}
.xyz12{display:block!important;padding:0;position:static}}
@media(max-width:768px){
.mobbotact{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bottom-item{height:1rem;padding-top:.04rem}
.mobile-bottom-item i{margin:0;line-height:1.3}
.mobactfoot{margin-bottom:1rem}
iframe{max-width:100%;max-height:340px}}
@media(max-width:1441px){
img{height:auto;max-width:100%}}
.copyright a{margin-left:20px}
.copyright{font-size:14px}
.solutions{color:#111;line-height:1.8}
.solu-flex-l{width:40%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:26px;color:#111;position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0;left:0;width:70px;height:3px;background-color:#16529b}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.solutions-list>li .iconfont{font-size:40px;color:#16529b}
.solutions-list>li p{font-size:18px;color:#777;line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:24px;color:#111;font-weight:500}
.support{color:#111;line-height:1.8}
.flex-half{margin-bottom:60px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{border:1px solid #EFEFEF}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:26px;color:#111;line-height:1.3;margin:10px 0}
.sup-bref2{font-size:18px;color:#111;line-height:1.6}
.sup-text{margin:20px 0 30px;font-size:18px}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:20px;font-weight:500;color:#222}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEE;position:relative;line-height:1.3;padding:10px 0}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:#16529b;position:absolute;bottom:-2px;left:0}
.sup-list>li strong{font-size:40px;font-weight:500;color:#111;line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:#16529b;line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:14px;color:#888;line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:20px;color:#111;line-height:1.3;margin-bottom:6px}
.application{color:#111;line-height:1.8}
.app-name{display:block;font-size:26px;font-weight:500;color:#111;margin-bottom:20px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:24px;margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px;*zoom:1}
#brand-history-list:after{content:'';display:block;width:0;height:0;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:#000;font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:#16529b}
#brand-history-list li p{color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:#333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(history_01.png) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(history_02.png) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0;font-size:20px;font-weight:500;line-height:1.3;text-transform:capitalize}
.rank-flex>li::before{position:absolute;top:0;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.ch-flex{margin-top:3%}
.ch-flex>li{width:25%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.proequ-list>div{width:calc(25% - 8px);margin:0 10px 10px 0}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px}
.organ-item h6{font-size:20px;line-height:1.3;margin:10px 0;font-style:italic}
.organ-item h6>span{font-size:24px;font-style:initial}
.ch-name{font-size:20px;margin:10px 0}
.ch-name+p{margin-bottom:20px}
.company-honor{justify-content:space-between}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0 0 0 2%}
.office-l .atext-t{font-size:20px;line-height:1.3;margin:10px 0}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:20px;line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:#16529b;position:absolute;bottom:0;left:0}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:32%;margin:2% 0}
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}
.strategy-list,.strategy-list li{list-style-type:circle}
.strategy-list li{margin:10px 0}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:20px;line-height:1.3;position:relative;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:#16529b}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:#16529b;position:absolute;bottom:0;left:0}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width:24%;text-align:center}
.cphil-item p{text-transform:uppercase;font-size:18px;margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px;width:100%}
.page-r img{height:auto}
@media(max-width:1281px){
.ch-name{margin:0}}
@media(max-width:1024px){
.solutions-list>li{width:48%}
.application,.howtouse,.solutions,.support{line-height:1.8}
.ch-flex>li img{max-width:100%}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0 0}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0}}
@media(max-width:800px){
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0}
.president-r,.solu-flex-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
.flex-half-r{width:100%;margin-top:.4rem}
.flex-reverse .flex-half-l{padding:0}
.sup-list2>li>div p{font-size:16px}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.solutions>.flex,.teami{margin-bottom:.4rem}
.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
.ch-flex>li{width:50%;text-align:center}
.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}}
@media(max-width:540px){
#brand-history-list li h2{font-size:26px}}
@media(max-width:481px){
.solutions-list{margin:.2rem 0}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:18px}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:20px}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:16px}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px}
.organ-item img{max-width:90px}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){
.sup-bref2,.sup-list>li div,.sup-text{font-size:16px}
.sup-list>li strong{font-size:30px}
.ch-flex>li p,.cphil-item p{font-size:14px}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:18px}}.addToCart.added{background-color:#0080d8}.pdown1,.pdown2,.pdown3{display:inline-block;margin-right:30px;}
@media(max-width:1367px){.pdown1,.pdown2,.pdown3{display:block;}}.page-l-menu ul li.active a{color:#16529b;}

section.category {padding-top:50px;}
.categorylist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.categorylist li {width:32%;text-align:center;margin-bottom:20px;}
.categorylist li .catepic img {width:100%;display:block;}
.categorylist li .cateontit {font-size:18px;color:#111;line-height:1.4;padding:8px;}
.categorylist li:hover .cateontit {color:#16529b;}
@media (max-width:768px){.categorylist li{width:49%}}
@media (max-width:540px){.categorylist li .cateontit{font-size:14px}}.wmkc-page h4{text-align:center;margin-bottom:30px;font-size:20px;color:#111;display:block}
.wmkc-page p{margin-bottom:30px}
.wmkc-page-img img{width:100%}
.wmkc-page-img{margin-bottom:40px;max-width:100%}
.wmkc-agg-box{width:100%;height:100%;text-align:center}
.wmkc-agg-box img{width:20%;display:table-cell;text-align:center;margin:auto;margin-bottom:20px}
.wmkc-agg-box p:nth-of-type(1){font-size:20px;color:#111;margin-bottom:10px}
.wmkc-agg-ioc{display:flex;margin-top:60px;justify-content:center;justify-content:space-between}
.wmkc-dnd-footer{display:flex;margin-bottom:60px}
.wmkc-dnd-img{margin-right:10px;flex:1}
.wmkc-dnd-img img{width:100%}
.wmkc-dnd-all{width:48%;margin-left:20px}
.wmkc-dnd-all p:nth-of-type(1){margin-top:10px}
.wmkc-dnd-all p{font-size:16px}
.wmkc-dnd-all p:nth-of-type(2){font-size:24px;margin-top:10px;margin-bottom:10px;display:block}
.wmkc-dnd-box{display:flex}
.wmkc-dnd-ioc{max-width:90px;margin:auto}
.wmkc-dnd-ioc img{max-width:50px;margin-right:56px}
.wmkc-dnd-b p:nth-of-type(1){font-size:20px;margin-top:10px;margin-bottom:10px}
.wmkc-dnd-right{margin-bottom:60px}
.wmkc-dnd-main{display:flex}
.wmkc-dnd-tooer{display:flex}
.wmkc-dnd-siz{text-align:right;margin-bottom:50px}
.wmkc-dnd-z{display:flex;width:100%}
.wmkc-dnd-k{display:flex;width:100%}
.wmkc-dnd-k .wmkc-dnd-siz{text-align:left}
.wmkc-dnd-dng p:nth-of-type(1){font-size:22px;line-height:1.3;margin:10px 0}
.wmkc-dnd-y{background-color:#e0e0e0;width:2px;height:auto;position:relative;margin-left:30px;margin-right:30px}
.wmkc-dnd-chile{width:14px;height:14px;background-color:#FFFf;border-radius:30px;border:2px solid #20599e;position:absolute;left:-6px;top:10px}
.wmkc-dnd-e{width:100%}
.wmkc-dnd-e p,.wmkc-dnd-w p{font-size:22px;margin-top:5px}
.wmkc-dnd-w{width:100%;text-align:right}
.wmkc-qeq-footer{display:flex}
.wmkc-qeq-foo{margin-right:85px;width:55%}
.wmkc-qeq-foo p:nth-of-type(1){font-size:22px;margin-bottom:28px;display:block;color:#222}
.wmkc-qeq-foo p{color:#555;line-height:1.5}
.wmkc-qeq-c{width:43%;display:flex;flex-direction:column;justify-content:space-around}
.wmkc-qeq-math{display:flex;justify-content:space-between}
.wmkc-qeq-math p:nth-child(2){margin-right:10%}
.wmkc-qeq-b{height:4px;background-color:#d7d7d7;width:100%}
.wmkc-qeq-black{height:4px;background-color:#000;width:87%}
.wmkc-qeq-comp{display:flex;margin-top:100px;justify-content:space-between;margin-bottom:50px}
.wmkc-qeq-comper{display:flex;width:32%}
.wmkc-qeq-comper img{max-width:50px;max-height:50px;margin-right:20px}
.wmkc-qeq-ii p:nth-of-type(1){font-size:22px;color:#222}
.wmkc-qeq-tooer p:nth-of-type(1){font-size:22px;margin-bottom:28px;display:block;color:#222}
.wmkc-qeq-tooer p{margin-bottom:35px}
@media (max-width:320px){
.wmkc-agg-ioc,.wmkc-dnd-box,.wmkc-dnd-footer{flex-direction:column}
.wmkc-agg-box img{width:15%}
.wmkc-dnd-img{margin-right:0}
.wmkc-dnd-all{width:100%}
.wmkc-dnd-all{margin-left:0}
.wmkc-dnd-all p:nth-of-type(2){padding:0;font-size:20px;text-align:center}
.wmkc-dnd-b{text-align:center}
.wmkc-qeq-comp,.wmkc-qeq-comper,.wmkc-qeq-footer{flex-direction:column}
.wmkc-qeq-c,.wmkc-qeq-foo{width:100%}
.wmkc-qeq-c{margin-top:30px}
.wmkc-qeq-comper{width:100%;flex-direction:column;margin-bottom:20px}
.wmkc-qeq-comper img{margin:auto}
.wmkc-qeq-ii{text-align:center}
.wmkc-qeq-comp{margin-top:50px}
.wmkc-qeq-all{margin-bottom:20px}
.wmkc-dnd-ioc img{margin-right:0}
.wmkc-dnd-box{margin-top:30px}}
@media(min-width:321px) and (max-width:768px){
.wmkc-dnd-box,.wmkc-dnd-footer,.wmkc-qeq-comp,.wmkc-qeq-footer{flex-direction:column}
.wmkc-dnd-img{margin:0}
.wmkc-dnd-all p:nth-of-type(2){font-size:.32rem;margin-top:10px;margin-bottom:10px;display:block;color:#222}
.wmkc-dnd-all,.wmkc-dnd-b{text-align:center}
.wmkc-dnd-all p:nth-of-type(2){font-size:20px;padding:0 0}
.wmkc-qeq-foo{margin-right:0;width:100%}
.wmkc-qeq-c{width:100%;margin-top:40px}
.wmkc-qeq-comper{width:100%;flex-direction:column}
.wmkc-qeq-comper img{margin:auto}
.wmkc-qeq-ii{text-align:center}
.wmkc-qeq-comper{margin-top:50px}
.wmkc-qeq-all{margin-bottom:20px}
.wmkc-dnd-box{margin-top:30px}
.wmkc-agg-ioc{flex-direction:column}
.wmkc-agg-box img{width:10%}
.wmkc-qeq-comp{margin-top:10px}
.wmkc-dnd-ioc img{margin-right:0}
.wmkc-dnd-all{width:100%}
.wmkc-dnd-all{margin-left:0}}
@media(min-width:769px) and (max-width:1024px){
.wmkc-dnd-box,.wmkc-dnd-footer{flex-direction:column}
.wmkc-dnd-img{margin:0}
.wmkc-dnd-all,.wmkc-dnd-b{text-align:center}
.wmkc-dnd-box{margin-top:30px}
.wmkc-qeq-comper{flex-direction:column;text-align:center}
.wmkc-qeq-comper img{margin:auto;margin-bottom:20px}
.wmkc-dnd-all{width:100%}
.wmkc-dnd-all{margin-left:0}}
@font-face {font-family:"iconfont";font-display:swap;src:url('iconfont.ttf?t=1658213484359') format('truetype');}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-a-yuyanzhongwen:before {content:"\e640";}  
@media(min-width:801px){
nav .nav>li>a{white-space:nowrap}}.ErWeiImg{height:auto}#swiper-banner img{height:auto}#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;margin-top:20px}
#feedbackForm .inquiry-form .feed-verification input{margin:0;flex:1;max-width:300px}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}
@media(min-width:768px){.inquiry-form input:nth-of-type(2n-1){margin-right:2%}}
@media(max-width:768px){#feedbackForm .inquiry-form .feed-verification{margin-top:.2rem}}
@media(min-width:769px){.products-list-text,.newspage-item-text{-webkit-line-clamp:initial;max-height:100%}}
@media(max-width:1024px){.mobcate-main .page-l{display:block;width:100%;margin-bottom:30px;}
.mobcate-main .page-l .lastproducts,.mobcate-main .page-l .page-l-contact{display:none}
.mobcate-main .page-l .categories{position:relative}
.mobcate-main .page-l .categories .sf-menu{position:absolute;top:110%;left:0;right:0;padding:0;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .page-l .categories .page-l-menu-tit{color:#000;text-align:left;font-size:20px;padding:10px 0;border-bottom:1px solid #CCC;cursor:pointer;background:url(cate-btn.png) right center/24px no-repeat}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold;}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px;}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:175%;}