@import url("tech-nav.css?v=20260826grid01");
@import url("home-featured-products.css?v=20260823a");
@import url("product-list-cards.css?v=20260823a");

/*--����--*/

div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat; outline:none;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;font-family:"΢���ź�";}

body{font-family:"΢���ź�";font-size:12px;margin:0px;padding:0px;color:#333333;line-height:24px;height:auto;clear:both;}

/* Keep CMS-generated width/height attributes from stretching responsive images. */
img{border:0px;max-width:100%;height:auto;}

ul,li{ list-style:none;}

em,i{ font-style:normal;}

a{ text-decoration:none !important; color:#333333; outline:none; cursor:pointer;}

a:hover{ background-repeat:no-repeat;text-decoration: none; color:#b21f25;}

.clearfl:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.clearfl{*zoom:1;}

*{-webkit-appearance:none;}



body{transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; left:0px; position:relative;}
.abc tr, .abc td{border:1px solid !important;}




/*--ͷ��--*/

.topwelcome{height:35px; }

.topwelcome dl dt{ float:left; font-weight:normal; height:35px; line-height:35px;}

.topwelcome dl dd{ float:right; height:35px; line-height:35px;}

.topwelcome dl dd span{ display:inline-block; background-repeat:no-repeat; float:left; line-height:35px;}

.topwelcome dl dd span.Hotline{ background-image:url(../images/icon.png); margin-right:15px; padding-left:30px; background-position:left center; font-size:14px; color:#666;}

.topwelcome dl dd span.Hotline em{ font-size:16px; color:#333; vertical-align:bottom;}

.topwelcome dl dd span a{ display:block; float:left; margin-right:15px; margin-top:8px;}

.topwelcome dl dd span a.ali{ background:url(../images/icon1.png) no-repeat; width:80px; height:21px;}

.topwelcome dl dd span a.weibo{ background:url(../images/icon2.png) no-repeat; width:18px; height:15px;}

.topwelcome dl dd span a.weixin{ background:url(../images/icon3.png) no-repeat; width:18px; height:15px;}



.topwelcome dl dd span.Language{ background:url(../images/icon4.png) no-repeat right center; padding-right:15px; color:#b21f25; font-size:14px; cursor:pointer;}



.logo{ display:block; float:left; padding:15px 0px;}

.logo img{ display:block; height:40px;}



.nav{float:right;}

.nav li{ float:left; position:relative;}

.nav li span{ display:inline-block;}

.nav li span a{ display:inline-block; padding:35px 31px 34px; font-size:16px; border-bottom:4px solid transparent}

.nav li span a:hover{ color:#b21f25;}

.nav li.cur span a{ color:#b21f25;border-bottom:4px solid #b21f25}

.nav li:last-child span a{ padding:35px 0px 34px 31px;}

.nav li:hover span a{color:#b21f25;border-bottom:4px solid #b21f25}

.nav li:after{ content:"|"; position:absolute; right:0px; top:50%; color:#e5e5e5; margin-top:-12px;}

.nav li:last-child:after{ display:none;}



.Twonavbox{ position:absolute;background:#fff; left:0px; top:132px; width:100%;min-height:100px; z-index:999; display:none; border-top:1px solid #e5e5e5;}



.Twonavproduct{ padding:5px 0px; display:none;}

.Twonavproduct li{ float:left; line-height:24px; width:195px; padding-right:15px; padding-top:15px; padding-bottom:15px;}

.Twonavproduct li .h3{ font-size:14px; padding-bottom:5px;}

.Twonavproduct li .h3 a{ color:#b11f25;}

.Twonavproduct li p a{ display:block;font-size:14px;}

.Twonavproduct li p a.more{color:#b11f25;}

.Twonavproduct li:nth-child(6n+1){ clear:left;}





.Twonavlist{ text-align:center; font-size:14px; display:none;}

.Twonavlist ul{ padding-left:602px;}

.Twonavlist ul li{ float:left; width:127px; min-height:135px; padding:20px 0px 0px; border:1px solid #e5e5e5; border-top:none; border-bottom:none; margin-left:-1px;}

.Twonavlist ul li a{ display:block; line-height:24px;}

.Twonavlist ul li:last-child{ border-right:none;}



.Mnavbtn{ position:relative; float:right; width:25px;cursor:pointer; padding-top:20px;}

.Mnavbtn span{ height:3px; display:block; margin-top:5px;background:#b11f25}



/*--�ֻ�����--*/



.bodyleft{left:-66%;position:relative; overflow:hidden; width:100%; height:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}

.mnav{ position:fixed; right:-100%; width:66%; bottom:0px; top:0px; background:#fff;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear; overflow-y:auto; overflow-x:hidden;}

.mnav h3{ font-size:16px; padding:0px 8%; border-bottom:1px solid #dadadc; color:#999; position:relative;}

.mnav h3 em{ position:absolute; width:18px; height:18px; right:8%; background:url(../images/img42.png) no-repeat center; top:50%; margin-top:-9px; cursor:pointer;}

.mnav h3 a{padding:15px 0px; display:block;}

.mnav ul li h4{font-size:16px; padding:0px 8%; border-bottom:1px solid #dadadc; color:#999; position:relative;}

.mnav ul li h4 a{ display:block;padding:15px 0px;  background:url(../images/img33.png) no-repeat right center; background-size:18px;}

.mnav ul li p{padding:3px 8%; font-size:13px; background:#eee;}

.mnav ul li p span{ display:block;}

.mnav ul li p span a{ display:block; padding:5px 0px; font-size:14px; color:#b11f25;}

.mnav ul li p em{ display:block;}

.mnav ul li p em a{ display:block;}

.mnav ul li p em a.more{color:#b11f25;}

.mTwonav{ display:none;}



.mnavright{ right:0px;}



/*--����--*/



.commonbanner{ width:100%; position:relative;}

.commonbanner img{ display:block; width:100%}

.commonbanner dl{ position:absolute; top:50%; left:0px; width:100%; color:#fff; transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

.commonbanner dl h3{ font-size:20px; font-weight:700; font-family:"����"; line-height:30px;}

.commonbanner dl p{ font-size:14px;}





.Popular{ border:1px solid #dcdcdc; border-left:none; border-right:none;}

.Popular dl{ padding-top:10px; padding-bottom:10px;}

.Popular dl dt{font-weight:normal; line-height:48px; font-size:13px; white-space:nowrap; height:48px; overflow-y:hidden; overflow-x:auto;}

.Popular dl dt span{ font-size:14px; color:#333333; float:left;}

.Popular dl dt p{float:left;color:#666; font-size:13px; margin-left:15px;}

.Popular dl dt p:hover{ color:#b21f25}





.Popular dl dd{position:relative; margin-top:4px;}

.Popular dl dd label{ display:block;padding:10px 66px 9px 10px; border:1px solid #b21f25; margin:0px;}

.Popular dl dd label input{ width:100%; float:left; color:#999999; font-weight:normal; font-size:13px;}

.Popular dl dd input.searchbtn{ background:url(../images/icon5.png) no-repeat center #b21f25; width:56px; height:40px; position:absolute; right:0px; top:0px; cursor:pointer;}



.webbg{ background:#f7f7f7; padding:20px 0px;}



.commonclass{ border-radius:10px; background:#b21f25; padding:4px 3px 8px; width:244px;}

.commonclass h3{ background:url(../images/icon6.png) no-repeat; margin-top:20px; margin-left:20px; padding-left:30px; font-size:18px; height:24px; font-weight:700; color:#fff;}

.commonclass h4{ color:#761519; font-size:14px;padding-left:30px; margin-left:20px;}

.commonclass ul{ background:#fff; border-radius:3px; margin-top:15px; padding-bottom:3px;}

.commonclass ul li{ line-height:55px; height:55px; background:url(../images/icon7.png) no-repeat 30px center; padding-left:45px; padding-right:15px; border-bottom:1px solid #f2f2f2;}

.commonclass ul li a{ display:block; background:url(../images/icon8.png) no-repeat right center; font-size:14px; color:#333333}

.commonclass ul li a:hover{ color:#b21f25}

.commonclass ul li a.cur{ color:#b21f25}

.commonclass ul li:last-child{ border-bottom:none;}



.Productclass{ border-radius:10px; background:#b21f25; padding:4px 3px 8px;}

.Productclass .h3{ background:url(../images/icon6.png) no-repeat; margin-top:20px; margin-left:20px; padding-left:30px; font-size:18px; height:24px; font-weight:700; color:#fff;}

.Productclass .h4{ color:#761519; font-size:14px;padding-left:30px; margin-left:20px;}

.Productclass ul{ background:#fff; border-radius:3px; margin-top:15px; padding-bottom:3px;}

.Productclass ul li{border-bottom:1px solid #f2f2f2; padding:0px 15px 0px 20px;}

.Productclass ul li h5{ padding:15px 0px;}

.Productclass ul li h5 a{ display:block; background:url(../images/icon8.png) no-repeat right center; font-size:14px; padding-right:15px; color:#333333}

.Productclass ul li h5 a:hover{ color:#b21f25}

.Productclass ul li.cur h5 a{ color:#b21f25;background:url(../images/icon21.png) no-repeat right center;}

.Productclass ul li div{ padding-left:10px; padding-bottom:15px; display:none}

.Productclass ul li div p.Producttwoclass{ display:block;background:url(../images/icon8.png) no-repeat right center;}

.Productclass ul li div p.Producttwoclass a{display:block; background:url(../images/icon7.png) no-repeat left 10px; padding-left:15px; font-size:13px;}

.Productclass ul li div p.hidearrow{ background:none;}

.Productclass ul li div p.cur{color:#b21f25;background:url(../images/icon21.png) no-repeat right center;}

.Productclass ul li div p.Productthreeclass{padding:8px 0px 8px 20px; display:none}

.Productclass ul li div p.Productthreeclass a{ display:block;}



.Productclass ul li:last-child{ border-bottom:none;}





.commonContact{ border-radius:10px; background:#b21f25; padding:4px 3px 8px; width:244px; margin-top:10px;}

.commonContact h3{ background:url(../images/icon6.png) no-repeat; margin-top:20px; margin-left:20px; padding-left:30px; font-size:18px; height:24px; font-weight:700; color:#fff;}

.commonContact h3 span{ color:#761519; font-size:14px;padding-left:3px; font-weight:normal;}

.commonContact dl{background:#fff; border-radius:3px; margin-top:15px; padding-bottom:3px;}

.commonContact dl dt{ border-bottom:1px solid #f2f2f2; padding-top:20px; padding-bottom:20px; background:url(../images/icon9.png) no-repeat 21px center; padding-left:70px}

.commonContact dl dt h4{ font-size:13px; color:#333;}

.commonContact dl dt p{ font-size:16px; color:#b21f25; padding-top:3px; font-weight:700;}

.commonContact dl dd{border-bottom:1px solid #f2f2f2;padding-left:25px; padding-top:17px; padding-bottom:17px;}

.commonContact dl dd p{ font-size:14px; color:#666; line-height:28px;}

.commonContact dl dd p.fontsize14{ font-size:14px; color:#444444; text-align:center; margin-right:25px; padding-bottom:5px;}

.commonContact dl dd p a{ display:block; border-radius:4px; background:#b21f25; color:#fff; text-align:center; margin-right:25px;  font-size:14px; padding:5px 0px;}

.commonContact dl dd:last-child{ border-bottom:none;}



.commonContact ul{ background:#fff; border-radius:3px; margin-top:15px; padding-bottom:3px;}

.commonContact ul li{ line-height:32px; height:32px; background:url(../images/icon7.png) no-repeat 30px center; padding-left:45px; overflow:hidden; padding-right:15px; border-bottom:1px solid #f2f2f2;}

.commonContact ul li a{ display:block;font-size:14px; color:#333333}

.commonContact ul li a:hover{ color:#b21f25}

.commonContact ul li:last-child{ border-bottom:none;}



.Breadcrumbs{ border-bottom:1px solid #eaeaea; box-shadow:0px 1px 0px rgba(255,255,255,1); text-align:right;}

.Breadcrumbs span{ color:#999999; line-height:20px; background:url(../images/icon10.png) no-repeat left top; font-size:14px; padding-left:20px; display:inline-block; height:31px;} 

.Breadcrumbs span a{color:#999999;}

.Breadcrumbs span a:hover{ color:#b21f25;}

.Breadcrumbs span a.cur{ color:#b21f25;}

.newslist{}

.newslist dl{ border-bottom:1px dashed #e5e5e5; padding-top:25px; padding-bottom:25px;}

.newslist dl a{ display:block;}

.newslist dl a dt img{ display:block; width:100%; height:auto !important; object-fit:contain;}

.newslist dl a dd h3{ font-size:16px; line-height:24px; font-weight:bold; width:100%; overflow:hidden;height:21px;  color:#666666;}

.newslist dl a dd p.desc{ color:#999999; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:8px;}

.newslist dl a dd p.time{ color:#999999; padding-top:8px;}

.newslist ul{ margin-top:5px;}

.newslist ul li{ border:1px solid #d5d5d5; margin-top:20px;}

.newslist ul li a{ display:block; padding:25px 20px 22px 135px; position:relative;}

.newslist ul li h3{font-size:16px; font-weight:bold; width:100%; overflow:hidden; height:21px; line-height:24px; color:#666666;}

.newslist ul li p.desc{ color:#999999; font-size:14px; line-height:24px; height:48px;overflow:hidden; margin-top:5px;}

.newslist ul li a span{ position:absolute; left:0px; top:0px; display:block; text-align:center; font-size:14px; color:#fff; height:100%; width:95px; background:#d5d5d5;}

.newslist ul li a span em{ display:block; font-size:48px; font-weight:bold; line-height:85px;  border-bottom:1px solid #bbbbbb; margin-bottom:5px; box-shadow:0px 1px 0px rgba(255,255,255,1);}



.fenye{ text-align:center; padding-left:1px; padding-bottom:20px; padding-top:45px;}

.fenye a{ display:inline-block; vertical-align:middle; border:1px solid #dddddd; margin-left:-1px; font-size:14px; padding:5px 14px;}

.fenye a:hover{ background:#b21f25; color:#fff;border:1px solid #b21f25; }

.fenye a.cur{ background:#b21f25; color:#fff;border:1px solid #b21f25; }

.fenye a.prev{ margin-right:10px;}

.fenye a.next{ margin-left:10px;}



.footbg{ background:#393b40 url(../images/img3.png) no-repeat center; padding-top:25px;}

.footbg ul li .h3{ font-size:16px; cursor:pointer; color:#fff;padding-bottom:19px;background-size: 17px;}

.footbg ul li p{ line-height:26px;font-size:13px; padding-top:2px; display:none; padding-bottom:15px; padding-left:10px; margin-bottom:10px; background:#fff;}

.footbg ul li p a{ display:block; color:#333;}

.footbg ul li p a:hover{color:#b21f25;}

.footbg ul li:last-child{ padding-right:0px;}

.footbg dl{ color:#fff; padding-top:20px; width:50%;}

.footbg dl p{ font-size:13px; line-height:26px;}

.footbg dl p strong{ font-size:18px;}

.footbg dl p.icon{ padding-top:10px; padding-bottom:10px;}

.footbg dl p.icon a{ display:block; float:left; margin:0px 5px 0px 0px; padding:0px; width:23px; height:22px; background-repeat:no-repeat;}

.footbg dl p.icon a.fweibo{ background-image:url(../images/icon12.png);}

.footbg dl p.icon a.fweixin{background-image:url(../images/icon13.png);}

.footbg dl p.icon a.fmail{background-image:url(../images/icon14.png);}

.footbg dl p.erweima img{ display:block;}

.footbg dl p.erweima span{ display:block; padding-left:32px; padding-top:10px;}



.footer{ border-top:1px solid #2f3135; font-size:13px; line-height:40px; box-shadow:0px 1px 0px #4d4f54 inset; color:#999999; margin-top:50px;}

.footer span{ float:right;}

.footer a{color:#999999;}

.footer a:hover{color:#b21f25;}



.newscontenttitle{ padding-top:40px;width:100%;}

.newscontenttitle h1{ width:100%; text-align:center; font-size:18px; line-height:30px; font-weight:700; color:#444;}

.newscontenttitle p{ text-align:center; padding-top:6px; color:#666;}

.newscontenttitle span{ padding:0px 10px;}

.newscontent{ font-size:14px; color:#666; line-height:24px; padding-top:40px; border-bottom:1px dashed #e5e5e5; padding-bottom:40px;}

.newscontentfoot{ padding-right:40px; margin-top:15px; position:relative;font-size:14px; padding-bottom:15px;}

.newscontentfoot p{ line-height:24px; height:24px; overflow:hidden;}

.newscontentfoot a.Return{ position:absolute; right:0px; top:0px;}



/*--��ϵ����--*/



.Contact{ border-bottom:1px solid #eaeaea; box-shadow:0px 1px 0px #fff; padding-bottom:15px; position:relative;}

.Contact dt{ padding:15px 0px;}

.Contact dt h3{ font-size:18px; color:#666666; padding-bottom:15px;}

.Contact dt p{ position:relative; padding-left:25px; font-size:14px; color:#666; line-height:30px;}

.Contact dt p img{ display:block; position:absolute; left:0px; top:9px;}

.Contact dd{ text-align:center; font-size:14px; color:#666; width:197px; margin:0px auto;}

.Contact dd img{ display:block; padding-bottom:15px;}



.Contactmap{ width:100%; padding:20px 0px;}

.Contactmap img{ display:block; width:100%;}



/*--�ͻ�����--*/

.Client{ font-size:14px; color:#444; max-width:580px; margin:0px auto; overflow:hidden; padding-top:50px;}

.Client p{ padding-bottom:25px; text-align:center;}

.Client dl dt{padding-left:75px; position:relative;margin-top:20px;}

.Client dl dt label{ display:block; border:1px solid #bfbfbf; padding:2px 10px; margin:0px;}

.Client dl dt label input{ width:100%; float:left; font-weight:normal; color:#666; background:none;}

.Client dl dt span{ position:absolute; left:0px ;top:3px; font-weight:normal;}

.Client dl dt:nth-child(2n){ margin-right:0px;}

.Client dl dt textarea{ width:99%; resize:none; height:150px; border:none; font-weight:normal;background:none; color:#666; outline:none;}

.Client dl dd{ padding-left:75px; padding-top:20px;}

.Client dl dd input{ background:#b21f25; width:125px; height:34px; font-size:14px; color:#fff;}





/*--�������--*/



.solutionlist{}

.solutionlist dl{ border-bottom:1px dashed #e5e5e5; padding-top:28px; padding-bottom:28px;}

.solutionlist dl a{ display:block;}

.solutionlist dl a dt img{ display:block; width:100%; height:auto !important; object-fit:contain;}

.solutionlist dl a dd h3{ font-size:16px; line-height:24px; font-weight:bold; height:21px; overflow:hidden; color:#666666;}

.solutionlist dl a dd p.desc{ color:#999999; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:8px;}

.solutionlist dl a dd p.time{ color:#999999; padding-top:8px;}



/*--��������--*/

.about{ font-size:14px; line-height:24px; padding-bottom:20px; padding-top:30px;}

.about h3.abouttitle{ position:relative; padding-bottom:15px; font-size:18px; font-weight:bold; color:#333;}

.about h3.abouttitle span{ display:block; width:33px; height:2px; position:absolute; bottom:0px; background:#333333;}

.about img{ max-width:100%; height:auto !important; margin-left:0em; object-fit:contain;}

.about p{ text-indent:2em;}

.about h3.culturetitle{ position:relative; padding-bottom:15px; font-size:18px; font-weight:bold; color:#b21f25;}

.about h3.culturetitle span{ display:block; width:33px; height:2px; position:absolute; bottom:0px; background:#b21f25;}

.about dl.culturelist img{ margin-left:0; margin-bottom:10px}

.about dl.culturelist p{ text-indent:0px;}





/*--��������--*/

.honorlist{ padding:10px 0px;}

.honorlist ul.row{display:flex;flex-wrap:wrap;align-items:flex-start;}

.honorlist li{float:none!important;margin-top:10px;}

.honorlist img{display:block;width:100%;height:auto!important;max-width:100%;box-sizing:border-box;padding:5px;border:1px solid #e5e5e5;background:#fff;object-fit:contain;}

.honorlist p{ font-size:14px; overflow:hidden; height:24px; line-height:24px; margin-top:10px; text-align:center;}



/*--����֧��--*/

.Service{font-size:14px; line-height:24px; padding-bottom:20px; padding-top:30px; color:#666666;}

.Service h3.Servicetitle{ position:relative; padding-bottom:15px; font-size:18px;color:#b21f25;}

.Service h3.Servicetitle span{ display:block; width:33px; height:2px; position:absolute; bottom:0px; background:#b21f25;}



.Inquire{ max-width:355px; margin:0px auto; padding:120px 0px}

.Inquire h3{ position:relative; padding-bottom:15px; font-size:18px;color:#b21f25; text-align:center;}

.Inquire h3 span{ display:block; width:34px; height:2px; position:absolute; left:50%; margin-left:-17px; bottom:0px; background:#b21f25;}

.Inquire p{ font-size:14px; padding-top:10px;}

.Inquire dl{ padding-top:40px;}

.Inquire dl dt{ position:relative; padding-left:50px;}

.Inquire dl dt span{ position:absolute; left:0px; top:5px; font-weight:none; font-size:14px; color:#666;}

.Inquire dl dt label{ border:1px solid #a0a0a0; padding:6px 10px; display:block; margin:0px;}

.Inquire dl dt label input{ width:100%; float:left;}

.Inquire dl dd{ padding-top:10px; padding-left:50px;}

.Inquire dl dd input{ border-radius:3px; width:100px; height:28px; color:#fff; font-size:14px; background:#b21f25; line-height:18px;}



/*--��������--*/

.classroom{ padding:10px 0px 15px;}

.classroom li{ margin-top:15px;}

.classroom a{ display:block; border:1px solid #c9c9c9;}

.classroom a img{ display:block; width:100%; height:auto !important; object-fit:contain;}

.classroom a p{ height:45px; overflow:hidden; line-height:45px; text-align:center; font-size:14px; border-top:1px solid #c9c9c9;}

/* Technology and download cards use different media proportions. */
.technology-list ul.row,
.download-list ul.row{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}

.technology-list li,
.download-list li{
	float:none !important;
	display:flex;
}

.technology-list li a,
.download-list li a{
	display:flex;
	flex-direction:column;
	width:100%;
	background:#fff;
}

.technology-list a img{
	width:100%;
	height:240px !important;
	object-fit:contain;
	background:#fff;
}

.download-list a img{
	width:100%;
	height:auto !important;
	aspect-ratio:1225 / 1650;
	object-fit:contain;
	background:#fff;
}

.technology-list a p,
.download-list a p{
	width:100%;
	margin-top:auto;
}

@media (max-width:767px){
	.technology-list a img{ height:150px !important; }
	.download-list a img{ height:auto !important; }
}



/*--��������--*/

.job{ font-size:14px; line-height:24px; color:#666; padding-top:30px;}

.job h3{ position:relative; padding-bottom:15px; font-size:18px;color:#333;}

.job h3 span{ display:block; width:33px; height:2px; position:absolute; bottom:0px; background:#333333;}

.job p{ padding-top:10px}

.job h4{ padding:15px 0px; font-size:18px;color:#333;}







.jobliucheng{ padding-top:25px;}

.jobliucheng h3{ padding-bottom:15px; font-size:18px;color:#333;}

.jobliucheng img{ display:block; margin:0px auto; max-width:100%; height:auto !important; object-fit:contain;}



.joblist{ border:1px solid #dddddd;}

.joblist dl.listtitle{ background:#666666; font-size:14px; font-weight:bold; color:#fff;}

.joblist dl.listtitle dd{ width:25%; float:left; height:33px; text-align:center; line-height:33px;}



.joblist ul li h3.listcontenttitle{height:33px;border-bottom:1px solid #dddddd; cursor:pointer; font-size:14px; color:#666;}

.joblist ul li h3.listcontenttitle span{ display:block;width:25%; float:left; height:33px; text-align:center; line-height:33px; margin-left:-1px; border-left:1px solid #dddddd;}

.joblist ul li div.listcontent{padding:4%; line-height:24px; font-size:14px; color:#999999; display:none;border-bottom:1px solid #dddddd;}



.Productcenter ul li{ padding:0px 0px 20px;}

.Productcenter ul li h3{ border:1px solid #e3e3e3; border-left:none; border-right:none; position:relative; padding:13px 0px 11px;}

.Productcenter ul li h3 a{ display:block; font-size:16px; font-weight:bold; position:relative; padding-left:20px; overflow:hidden; height:24px; line-height:24px;}

.Productcenter ul li h3 a:after{ content:"|"; position:absolute; display:block; left:10px; top:0px; font-size:12px; font-weight:normal; color:#}

.Productcenter ul li p{padding-left:20px; padding-top:10px;}

.Productcenter ul li p span{ display:block; height:23px; overflow:hidden; background:url(../images/icon19.png) no-repeat left 5px; padding-left:20px;}

.Productcenter ul li p span a{ color:#b21f25; font-size:14px;}

.Productcenter ul li p em{ padding-left:20px; display:block; padding-top:5px;}

.Productcenter ul li p em a{ display:block; background:url(../images/icon20.png) no-repeat left 12px; padding-left:15px; font-size:13px; color:#666;}

.Productcenter ul li p em a:hover{color:#b21f25;}

.Productcenter ul li:nth-child(2n+1){ clear:left;}



/*--��Ʒ�б�--*/

.Productlist{}

.Productlist ul li{ padding-bottom:15px;}

.Productlist ul li a{ display:block; border:1px solid #dcdcdc; padding-bottom:8px; position:relative; background:#fff;}

.Productlist ul li h3{ font-size:14px; height:45px;overflow:hidden; line-height:20px; color:#b21f25; border-top:1px solid #dcdcdc; padding:6px 15px 0px;}

.Productlist ul li p{ margin:0px 15px;}

.Productlist ul li p.xinghao{ /*border-bottom:1px solid #dcdcdc;*/ color:#999999;}

.Productlist ul li p.desc{ color:#666666; font-size:13px; padding-top:5px; line-height:22px; height:49px;}

.Productlist ul li i{ background:url(../images/icon23.png) no-repeat; width:44px; height:44px; position:absolute; top:0px; right:0px; display:block;}

.Productlist ul li:hover i{ background:url(../images/icon22.png) no-repeat;}

.Productlist ul li img{ display:block; width:100%; height:auto!important; max-width:100%; object-fit:contain;}



/*--��Ʒ��ϸ--*/



.Producthead{padding-top:20px;}



.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.jqzoom img{ display:block; width:100%; height:auto; border:1px solid #dcdcdc;}

.Productheadcontent h3,.Productheadcontent h1{ font-size:18px; color:#010101; line-height:24px; font-weight:normal;}

.Productheadcontent p{font-size:14px; position:relative; color:#666;}

.Productheadcontent p em{ color:#999;}

.Productheadcontent p.xinghao{ padding-top:8px;}

.Productheadcontent p.xinghao span{ display:block;}

.Productheadcontent p.xinghao span i{ display:inline-block; vertical-align:middle; height:20px; background-position:left center; line-height:20px; margin-right:10px; background-repeat:no-repeat; padding-left:25px; margin-top:5px;}

.Productheadcontent p.xinghao span i.frequency{ background-image:url(../images/icon24.png);}

.Productheadcontent p.xinghao span i.lm{ background-image:url(../images/icon25.png); padding-left:0px;}

.Productheadcontent p.xinghao span i.share{ background-image:url(../images/icon26.png);padding-left:0px;}

.Productheadcontent p.xinghao span i a{ padding-left:22px !important; background:none !important; float:none !important; font-size:14px !important; margin:0px !important; line-height:24px !important; height:auto !important;}

.Productheadcontent p.desc{ padding-top:20px;}



.Productheadsmallimg{padding:15px 35px; position:relative;}

.Productheadsmallimg em{ position:absolute; background-repeat:no-repeat; background-position:center; border-radius:100%; width:24px; height:24px; top:50%; margin-top:-12px; border:1px solid #e1e1e1; background-size:15%; cursor:pointer;}

.Productheadsmallimg em.leftbtn{ left:0px; background-image:url(../images/icon34.png)}

.Productheadsmallimg em.leftbtn:hover{background-image:url(../images/icon034.png); background-color:#b21f24;}

.Productheadsmallimg em.rightbtn{ right:0px; background-image:url(../images/icon35.png)}

.Productheadsmallimg em.rightbtn:hover{background-image:url(../images/icon035.png); background-color:#b21f24;}

.Productheadsmallimg ul{ margin:0px;}

.Productheadsmallimg ul li{ float:left; width:100px; cursor:pointer;}

.Productheadsmallimg ul li img{ display:block; width:100%; height:auto; border:1px solid #a0a0a0;}

.Productheadsmallimg ul li span{ padding:0px; display:block;}

.Productheadsmallimg ul li.cur img{ border:1px solid #b21f24;}



.Productheadsmallimglist{ overflow:hidden; position:relative;}

.Productheadsmallimglist ul{ width:9999px; position:relative;}



.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomdiv .bigimg{display:block;max-width:none;height:auto;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.ProductDetailsclass{ min-height:40px; margin-top:20px;}

.ProductDetailsclass ul{ position:relative; border:1px solid #dcdcdc; background:#fff; overflow-y:hidden; overflow-x:auto; height:40px;webkit-overflow-scrolling: touch;white-space: nowrap; width:100%; top:0px; z-index:999;}

.ProductDetailsclass ul a{ display:inline-block; position:relative;padding:0px 8px; font-size:14px; line-height:38px;}

.ProductDetailsclass ul a.cur{ color:#b21f24;}

.ProductDetailsclass ul a.cur span{ display:block; width:100%; border-top:2px solid #b21f24; background:url(../images/icon27.png) no-repeat center bottom; padding-bottom:5px; position:absolute; top:0px; left:0px;}



.ProductDetailsbox{border:1px solid #e5e5e5; background:#fff; margin-top:15px;}

.ProductDetailstitle{font-size:14px;font-weight:bold;margin-top:20px;}

.ProductDetailstitle span{ background:#b21f25; color:#fff; border-radius:0px 10px 10px 0px; line-height:28px; padding-left:20px; display:inline-block; width:100px; height:28px; font-size:14px;}



.ProductDetails{ font-size:14px; color:#666; line-height:24px; padding:10px 20px 15px;}

.ProductDetails img{display:block;max-width:100%;max-height:none!important;height:auto!important;object-fit:contain!important;overflow:visible!important}



.Productdownload{ font-size:14px; color:#666; line-height:24px; padding-top:10px; padding-left:40px; padding-right:15px; padding-bottom:15px;}

.Productdownload a{ display:inline-block; /*width:135px; background:url(../images/icon28.png) no-repeat right center;*/}



/*--��ҳ--*/



.banner{ width:100%; overflow:hidden; position:relative;}

.banner img{ display:block; width:100%}



.bannerdot{ width:100%; position:absolute; z-index:99; bottom:20px; text-align:center;}

.bannerdot span{ border-radius:100%; border:2px solid #fff; opacity:.6; width:13px; height:13px; display:inline-block; margin:0px 5px;}

.bannerdot span.swiper-active-switch{ border:2px solid #b21f25; opacity:1;}





.indexProductbg{ background:url(../images/img24.png) repeat; padding:20px 0px 40px;}

.indexNewProducts{width:100%;margin:30px auto 30px auto;}

.indexNewProducts h1{text-align:center;color:#b21f25;margin:30px auto 30px auto;font-weight:bold;line-height:38px;}

.indexNewProducts th img{width:289px;height:200px;border:1px solid #d4d8d9;object-fit:contain;}

.indexNewProducts th p{font-size:14px;color:#333;font-family:΢���ź�;padding-top:8px;padding-bottom:8px;text-align:center;width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.indexNewProducts p a{font-size:14px;color:#333;font-family:΢���ź�;font-weight:normal;text-decoration:none;}

.indexNewProducts th p a:hover{color:#ae0000;text-decoration:none;}

.indexNewProducts ul li{ padding-bottom:10px;width:25%;}

.indexProductlist{}

.indexProductlist ul li{ padding-bottom:10px;width:33.3%;}

.indexProductlist ul li a{ display:block;position:relative; text-align:center;}

.indexProductlist ul li .h3{ font-size:14px;color:#333;}

.indexProductlist ul li p{ margin:0px 15px;}

.indexProductlist ul li p.xinghao{ color:#999999; text-align:center;}

.indexProductlist ul li p.desc{ color:#666666; font-size:13px; padding-top:5px; line-height:22px; height:49px;}

.indexProductlist ul li i{ background:url(../images/icon23.png) no-repeat; width:44px; height:44px; position:absolute; top:0px; right:0px; display:block;}

.indexProductlist ul li:hover i{ background:url(../images/icon22.png) no-repeat;}

.indexProductlist ul li:hover h3{color:#b21f25;}

.indexProductlist ul li img{ display:block; width:100%; height:auto !important; object-fit:contain; border:1px solid #dcdcdc; margin-bottom:5px;}



.indexnewsbg{ background:#f7f7f7; padding:20px 0px;}



.indexnews h3{border-bottom:1px solid #b21f25;font-size:16px; padding-bottom:10px;}

.indexnews h3 a.cur{color:#b21f25;}

.indexnews h3 span{ padding:0px 15px;}

.indexnews h3 a.more{float:right; font-size:14px; color:#666;}

.indexnews h3 a.more:hover{color:#b21f25;}



.indexnews dl{ padding-top:15px; padding-bottom:15px;}

.indexnews dl a{ display:block;}

.indexnews dl dt img{ display:block; width:100%; height:auto !important; object-fit:contain;}

.indexnews dl dd h4 a{ font-size:14px; line-height:24px; font-weight:bold; height:21px; overflow:hidden; color:#666666;}

.indexnews dl dd p.desc{ color:#999999; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-top:3px;}

.indexnews dl dd p.more{ color:#999999; font-size:13px; padding-top:15px;}

.indexnews ul li{ margin-top:6px;line-height: 30px;}

.indexnews ul li a{
display:block; font-size:13px; background:url(../images/icon7.png) no-repeat left 10px; padding-left:15px; height:24px; overflow:hidden;float: left;}

.indexnews ul li em{ float:right;}



.Commonproblem{ padding-top:20px;}

.Commonproblem h3{ position:relative; border-bottom:1px solid #b21f25; padding-bottom:10px; font-size:16px; padding-left:15px;}

.Commonproblem h3:after{ content:" "; display:block; height:16px; background:#b21f25; width:4px; position:absolute; left:0px; top:2px;}

.Commonproblem h3 a{ float:right; font-size:14px; color:#666;}

.Commonproblem h3 a:hover{color:#b21f25;}

.Commonproblem dl{ padding-top:20px;}

.Commonproblem dl dt{ background:url(../images/icon29.png) no-repeat left 3px; padding-left:25px; font-size:14px; color:#333;}

.Commonproblem dl dd{ background:url(../images/icon30.png) no-repeat left 3px; padding-left:25px; font-size:13px; margin-top:10px; padding-right:30px;}

.Commonproblem dl:hover dd{color:#b21f25;}



.coretitle{ text-align:center; padding-top:70px;}

.coretitle h3{ font-size:30px; line-height:35px; font-weight:bold; padding-bottom:13px;}

.coretitle h3 span{color:#b21f25;}

.coretitle p span{ position:relative; font-size:14px; color:#333; padding:0px 55px; display:inline-block;}

.coretitle p span:before{ height:1px; width:40px; content:" "; background:#666666; left:0px; top:13px; position:absolute}

.coretitle p span:after{height:1px; width:40px; content:" "; background:#666666; right:0px; top:13px; position:absolute}

.coretitle p img{ display:block; margin:15px auto 0px;}



.core dl dt{ padding-top:50px; position:relative;}

.core dl dt h3{border-bottom:1px solid #cecece; padding-left:70px; padding-top:10px; padding-bottom:15px; position:relative; margin-bottom:15px;}

.core dl dt h3 span{ display:block; font-size:16px; color:#666; padding-top:3px;}

.core dl dt h3 i{ display:block; color:#b21f25; width:60px; height:60px; line-height:60px; text-align:center; background:url(../images/img28.png) no-repeat; position:absolute; left:0px; top:0px;}

.core dl dt p{ background:url(../images/icon7.png) no-repeat left 8px; font-size:15px; padding-left:15px; margin-top:8px;}

.core dl dt img{ display:none; position:absolute; right:-176px; top:210px;}

.core dl dd{ padding-top:30px;}

.core dl dd img{ display:block;width:100%;}

.core dl.corefour{ padding-bottom:30px;}



.indexaboutbg{ background:url(../images/img36.jpg) no-repeat top center;overflow:hidden; padding-bottom:60px;}



.indexabouttitle{ text-align:center; padding-top:55px;}

.indexabouttitle h3{ font-size:24px; line-height:28px; padding-bottom:13px;}

.indexabouttitle h3 span{color:#b21f25;}

.indexabouttitle p span{ position:relative; font-size:14px; color:#333; padding:0px 55px; display:inline-block;}

.indexabouttitle p span:before{ height:1px; width:40px; content:" "; background:#666666; left:0px; top:13px; position:absolute}

.indexabouttitle p span:after{height:1px; width:40px; content:" "; background:#666666; right:0px; top:13px; position:absolute}

.indexabouttitle p img{ display:block; margin:15px auto 0px;}



.indexabout{ position:relative; padding-top:45px;}

.indexabout h3{ font-size:30px; font-weight:bold;}

.indexabout h4{ font-size:24px; padding-bottom:15px;}

.indexabout h4 span{color:#b21f25;}



.indexabout p{ font-size:14px; color:#666;}

.indexabout a{ display:block; width:145px; height:36px; background:url(../images/icon8.png) no-repeat 90% center; line-height:36px; border:1px solid #b21f25; color:#b21f25; padding-left:15px; font-size:14px; border-radius:20px; margin-top:20px;}



.indexQualificationbox{ position:relative; margin-top:50px; padding:0px 45px;}

.indexQualificationbox span{ display:block; width:36px; height:36px; top:50%; margin-top:-18px; cursor:pointer; background-size:cover; background-repeat:no-repeat; position:absolute;}

.indexQualificationbox span.left{ background-image:url(../images/img37.png); left:0px;}

.indexQualificationbox span.right{ background-image:url(../images/img38.png); right:0px;}

.indexQualification{ width:100%; overflow:hidden;}

.indexQualification ul{ width:9999px; position:relative;}

.indexQualification ul li{ float:left; width:289px; margin-right:15px;}

.indexQualification ul li img{ display:block;width:100%;height:auto !important;object-fit:contain;}

.indexProductlist{padding-top:15px;}



.new-float{ position: fixed;right: -3px;top: 83%;z-index: 99;width: 77px;height: 174px;margin-top: -87px;display:none;}

.new-float li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;}

.new-float li.hover{overflow: hidden;}

.new-float li a{display: inline-block;color: #fff;}

.new-float li a.tit{width: 77px;height: 57px;padding: 30px 10px 0 0;color: #fff;}

.new-float li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}

.new-float li.fi a{ background:url(../images/on_line.png) no-repeat 0px 0px;}

.new-float li.tp a{background:url(../images/on_line.png) no-repeat 0px -171px;}

.new-float li.th a{background:url(../images/on_line.png) no-repeat 0px -57px;}

.new-float li.fo a.tit{background:url(../images/on_line.png) no-repeat 0px -114px;}

.new-float li.fif p{background: url(../img/bg_float05.png) no-repeat;}

.new-float li .tel{position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff; background:#de1d25;cursor: pointer;}

.new-float a.mof{display: inline-block;width: 77px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../images/on_line.png) no-repeat 0px -239px;font-size: 18px;line-height: 22px;color: #fff;}

.videobtn{ position:absolute; bottom:10px; left:10px; z-index:99; width:32px; height:32px; cursor:pointer; background:url(../images/video.png) no-repeat; display:none;}

.videoplayerbox{position:absolute; left:1px; right:1px; top:1px; bottom:1px; z-index:99999; display:none; background:#fff;}
.videoplayer{ position:absolute;left:0px;width:100%; height:100%; top:0px;}
.closevideo{ width:30px; height:30px; border:2px solid #333;position:absolute; top:10px; right:10px; border-radius:100%; background:url(../images/img42.png) no-repeat center #fff; z-index:99999;}

@media (min-width: 768px) {

	

.Contact dd{ position:absolute; bottom:30px; right:0px;}

.Client dl dt{ float:left; width:235px; margin-right:110px;}



.Productcenter ul li:nth-child(2n+1){ clear:none;}

.Productcenter ul li:nth-child(3n+1){ clear:left;}



.Productheadcontent p.xinghao span{ position:absolute; right:0px; top:8px;}

.Productheadcontent p.xinghao span i{ margin-right:0px; margin-top:0px;margin-left:10px;}

.indexnews dl a dd p.more{padding-top:45px;}

.core dl dt{ float:left; width:40%;}

.core dl dd{ float:right; width:44%;}

.core dl.coreTwo dd{ float:left;width:37%;}

.core dl.coreTwo dt{ float:right; width:50%}

.core dl.coreTwo dt img{ right:auto; left:-185px; top:230px;}



.core dl.corethree dt{width:40%}

.core dl.corethree dd{width:41%;}

.core dl.corethree dt img{ right:-126px; top:260px;}



.core dl.corefour dt{ float:right; width:45%}

.core dl.corefour dd{ float:left; width:29%;}

.footbg ul li{ float:left; padding-right:6%}

.footbg ul li .h3{ font-size:16px; color:#fff; padding-bottom:19px;}

.footbg ul li p{ display:block;line-height:26px; font-size:13px; padding-top:2px;padding-bottom:0px; padding-left:0px; margin-bottom:0px; background:none;}

.footbg ul li p a{ display:block; color:#ccc;}

.footbg ul li p a:hover{color:#b21f25;}

.ProductDetailsclass ul a{padding:0px 20px;}

.Productclass{ display:none}

.commonbanner dl h3{ font-size:36px; font-weight:700; font-family:"����"; line-height:45px;}

.commonbanner dl p{ font-size:17px;}
.new-float{display:none;}

}

@media screen and (max-width: 600px) {
.indexNewProducts{display: none;}
.indextag{display: none;}
.fctele{display: none;}
}

@media (min-width: 992px) {

.Contact dd{ right:80px; }

.Productheadcontent{ min-height:288px;}

.Productheadsmallimg{ position:absolute; bottom:0px; right:0px; width:100%; padding:0px 35px;}

.Commonproblem{ padding-left:62px; background:url(../images/img26.png) no-repeat 30px 30px; min-height:380px;}

.core dl dt img{ display:block;}

.core dl { padding-bottom:90px;}

.core dl.corefour dd img{ margin-top:-150px;}

.core dl.coreTwo{padding-bottom:120px;}

.Commonproblem{ padding-top:0px;}



.indexQualificationbox{padding:0px 80px;}

.indexabout{ position:relative; width:570px; padding-top:45px;}

.indexabout a{ position:absolute; bottom:0px; right:-245px; margin-top:0px;}

.footlink {
    background-color: #393b40;
    color: #fff;
}
.footlink ul {
    width: 1200px;
    margin: 0 auto;
}

.footlink a {
    color: #fff;
}
.indexQualificationbox span{width:63px; height:63px; top:50%; margin-top:-31.5px;}	

.indexProductlist{ padding-top:0px;}

.new-float{display:none;}
}

@media (min-width: 1260px) {

	.logo{padding:20px 0px;}

	.logo img{height:53px;}

	.Productheadcontent{ min-height:266px;}

	.Productcenter ul li:nth-child(2n+1){ clear:none;}

	.Productcenter ul li:nth-child(3n+1){ clear:none;}

	.Productcenter ul li:nth-child(4n+1){ clear:left;}

	.core dl.corefour dd img{ margin-top:-210px;}

	.indexQualificationbox{padding:0px;}

	.indexQualificationbox span.left{left:-83px;}

	.indexQualificationbox span.right{right:-83px;}

	.Popular dl dt{ float:left;}

	.Popular dl dd{ float:right;}

	.Popular dl dd label{width:460px;}

	.Productclass{ display:block; width:244px;}
.new-float{display:block;}
}



@media (min-width: 1300px) {

	.Productlist ul li:nth-child(3n+1){ clear:both;}

.indexProductlist ul li:nth-child(3n+1){ clear:both;}
.new-float{display:block;}
}


.dizhil {
    width: 340px;
    float: left;
}
.erweima {
    overflow: hidden;
}
.erweima img {
    width: 120px;
}
.seo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Modern product navigation */
.Productclass{overflow:hidden;border:1px solid rgba(158,17,25,.18);border-radius:15px;background:linear-gradient(145deg,#c62129 0%,#9f1119 100%);padding:0 5px 7px;box-shadow:0 12px 30px rgba(80,12,16,.14)}
.Productclass .h3,.Productclass h3{height:auto!important;margin:0!important;padding:24px 24px 2px 55px!important;background:none!important;color:#fff!important;font-size:20px!important;font-weight:700!important;line-height:1.35!important;position:relative}
.Productclass .h3:before,.Productclass h3:before{content:'';position:absolute;left:24px;top:29px;width:14px;height:14px;border:4px solid rgba(255,255,255,.92);box-shadow:6px 6px 0 rgba(255,255,255,.28)}
.Productclass .h4,.Productclass h4{height:auto!important;margin:0!important;padding:2px 24px 20px 55px!important;color:rgba(255,255,255,.66)!important;font-size:12px!important;font-weight:500!important;letter-spacing:1.1px!important;line-height:1.4!important}
.Productclass ul{overflow:hidden;margin:0!important;padding:0!important;border-radius:10px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.Productclass ul>li{position:relative;margin:0!important;padding:0!important;border-bottom:1px solid #edf0f3!important;background:#fff;transition:background-color .22s ease,box-shadow .22s ease}
.Productclass ul>li:last-child{border-bottom:0!important}
.Productclass ul>li>h5{position:relative;display:flex;align-items:center;min-height:40px;margin:0!important;padding:0!important}
.Productclass ul>li>h5.has-submenu,.Productclass p.Producttwoclass.has-submenu{cursor:pointer}
.Productclass ul>li>h5>a{display:block!important;flex:1;min-width:0;min-height:0;padding:8px 42px 7px 16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none!important;color:#252a31!important;font-size:13px!important;font-weight:500;line-height:22px;transition:color .2s ease,transform .2s ease}
.Productclass ul>li>h5>a:hover{color:#b51d24!important;transform:translateX(3px)}
.Productclass ul>li.cur>h5{background:linear-gradient(90deg,#fff4f4 0%,#fff 82%)}
.Productclass ul>li.cur>h5:before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#c52028}
.Productclass ul>li.cur>h5>a,.Productclass ul>li>h5>a.is-current{background:none!important;color:#ae171e!important;font-weight:650}
.product-menu-toggle,.product-submenu-toggle{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.product-menu-toggle{right:7px;top:4px;width:32px;height:32px;border-radius:8px}
.product-menu-toggle:hover,.product-menu-toggle:focus{outline:0;background:#fdebed}
.product-menu-toggle span,.product-submenu-toggle span{display:block;width:9px;height:9px;border-right:2px solid #c9252d;border-bottom:2px solid #c9252d;transform:rotate(-45deg);transition:transform .26s cubic-bezier(.4,0,.2,1)}
.Productclass li.is-open>h5 .product-menu-toggle span,.Productclass li.cur>h5 .product-menu-toggle[aria-expanded="true"] span{transform:rotate(45deg) translate(-2px,-2px)}
.Productclass ul li>div{margin:0!important;padding:3px 8px 5px!important;border-top:1px solid #f1dfe0;background:linear-gradient(180deg,#fffafa 0%,#fff 100%)}
.Productclass ul li div p.Producttwoclass{position:relative;display:flex!important;align-items:center;min-height:32px;margin:0!important;padding:0!important;border-radius:7px;background:none!important;transition:background-color .18s ease}
.Productclass ul li div p.Producttwoclass:hover,.Productclass ul li div p.Producttwoclass.cur{background:#fff0f1!important}
.Productclass ul li div p.Producttwoclass>a{display:block!important;flex:1;min-width:0;min-height:0;padding:5px 34px 4px 22px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none!important;color:#4c5158;font-size:14px!important;line-height:21px;transition:color .18s ease,transform .18s ease}
.Productclass ul li div p.Producttwoclass>a:before{content:'';position:absolute;left:10px;width:6px;height:6px;border-radius:2px;background:#d33a41;transform:rotate(45deg)}
.Productclass ul li div p.Producttwoclass>a:hover,.Productclass ul li div p.Producttwoclass>a.is-current{color:#b41a22!important;transform:translateX(2px)}
.product-submenu-toggle{right:2px;top:1px;width:30px;height:30px;border-radius:7px}
.product-submenu-toggle:hover,.product-submenu-toggle:focus{outline:0;background:#ffe0e2}
.product-submenu-toggle span{width:7px;height:7px;border-width:1.5px}
.Producttwoclass.is-open .product-submenu-toggle span,.Producttwoclass.cur .product-submenu-toggle[aria-expanded="true"] span{transform:rotate(45deg) translate(-1px,-1px)}
.Productclass ul li div p.Productthreeclass{margin:0 0 2px!important;padding:1px 4px 2px 20px!important;border-left:2px solid #efc3c5}
.Productclass ul li div p.Productthreeclass>a{position:relative;display:block!important;margin:0;padding:3px 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;color:#555c65;font-size:13px;line-height:20px;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.Productclass ul li div p.Productthreeclass>a:hover,.Productclass ul li div p.Productthreeclass>a.is-current{background:#fff0f1;color:#b31a21!important;transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.Productclass *{scroll-behavior:auto!important;transition:none!important}.Productclass ul li div{animation:none!important}}

/* Unified product specification tables */
.ProductDetails table.fctel-global-spec-table{width:100%!important;margin:6px 0 10px!important;border:1px solid #bdc9d8!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed;background:#fff;color:#334155;font-size:14px;line-height:1.5;box-shadow:0 4px 14px rgba(31,50,76,.05)}
.ProductDetails table.fctel-global-spec-table caption{padding:0 0 8px!important;text-align:left!important;background:transparent!important;color:#fff!important;caption-side:top}
.ProductDetails table.fctel-global-spec-table caption span{display:inline-block;padding:8px 14px;border-radius:4px 0 0 4px;background:#315b8a;color:#fff;font-weight:700;line-height:20px}
.ProductDetails table.fctel-global-spec-table caption small{display:inline-block;padding:8px 13px;border-left:1px solid rgba(255,255,255,.25);border-radius:0 4px 4px 0;background:#315b8a;color:#dce9f6;font-size:11px;font-weight:600;line-height:20px;letter-spacing:.35px;vertical-align:top}
.ProductDetails table.fctel-global-spec-table td,.ProductDetails table.fctel-global-spec-table th{height:auto!important;padding:9px 14px!important;border:1px solid #c8d2df!important;vertical-align:middle!important;text-align:left!important;word-break:break-word;white-space:normal!important}
.ProductDetails table.fctel-global-spec-table tr>td:first-child:not(:only-child),.ProductDetails table.fctel-global-spec-table tr>th:first-child:not(:only-child){width:22%!important;text-align:center!important;background:#e8eef5!important;color:#294b6d!important;font-weight:700!important}
.ProductDetails table.fctel-global-spec-table tr>td:last-child,.ProductDetails table.fctel-global-spec-table tr>th:last-child{width:78%!important;text-align:left!important;background:#fff!important;color:#39475a!important;font-weight:400!important}
.ProductDetails table.fctel-global-spec-table tr:nth-child(even)>td:last-child,.ProductDetails table.fctel-global-spec-table tr:nth-child(even)>th:last-child{background:#f6f8fb!important}
.ProductDetails table.fctel-global-spec-table td[rowspan],.ProductDetails table.fctel-global-spec-table th[rowspan]{text-align:center!important;background:#e8eef5!important;color:#294b6d!important;font-weight:700!important}
.ProductDetails table.fctel-global-spec-table tr:hover>td:last-child,.ProductDetails table.fctel-global-spec-table tr:hover>th:last-child{background:#eef4fa!important}
@media(max-width:767px){.ProductDetails table.fctel-global-spec-table{font-size:12px;line-height:1.45}.ProductDetails table.fctel-global-spec-table td,.ProductDetails table.fctel-global-spec-table th{padding:7px!important}.ProductDetails table.fctel-global-spec-table tr>td:first-child:not(:only-child),.ProductDetails table.fctel-global-spec-table tr>th:first-child:not(:only-child){width:31%!important}.ProductDetails table.fctel-global-spec-table tr>td:last-child,.ProductDetails table.fctel-global-spec-table tr>th:last-child{width:69%!important}.ProductDetails table.fctel-global-spec-table caption span{padding:7px 10px}.ProductDetails table.fctel-global-spec-table caption small{padding:7px 9px;font-size:9px}}

/* Unified technical parameter subsection headings */
.ProductDetails .fctel-spec-subheading{display:inline-block!important;width:auto!important;margin:12px 0 5px!important;padding:0 0 4px!important;border:0!important;background-color:transparent!important;background-image:linear-gradient(#ff0000,#ff0000)!important;background-repeat:no-repeat!important;background-position:left bottom!important;background-size:100% 2px!important;color:#ff0000!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-align:left!important;text-decoration:none!important}
.ProductDetails .fctel-spec-subheading:first-child{margin-top:2px!important}
.ProductDetails .fctel-spec-subheading,.ProductDetails .fctel-spec-subheading *{border:0!important;box-shadow:none!important;color:#ff0000!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;text-decoration:none!important;font-family:"Microsoft YaHei",Arial,sans-serif!important}
.ProductDetails .fctel-spec-subheading.fctel-spec-subheading-has-diamond{background-position:left bottom!important;background-size:100% 2px!important}
.ProductDetails .fctel-spec-subheading .fctel-spec-diamond{display:inline-block!important;margin-right:5px!important;color:#ff0000!important;font-size:18px!important;font-weight:700!important;line-height:14px!important;vertical-align:-1px!important}
.ProductDetails .fctel-spec-heading-line{display:table!important;float:none!important;width:auto!important;max-width:100%!important;height:auto!important;margin:9px 0 5px!important;padding:0 0 4px!important;line-height:1.35!important}
.ProductDetails .fctel-spec-heading-line:first-child{margin-top:2px!important}
.ProductDetails .fctel-spec-heading-line.fctel-spec-subheading{display:table!important;width:auto!important;max-width:100%!important;margin-top:9px!important}
.ProductDetails br.fctel-spec-heading-break{display:none!important}
.ProductDetails,.ProductDetailsbox{height:auto!important;max-height:none!important;overflow:visible!important}
@media(max-width:767px){.ProductDetails .fctel-spec-subheading,.ProductDetails .fctel-spec-subheading *{font-size:14px!important}.ProductDetails .fctel-spec-subheading{margin-top:10px!important}}

/* Desktop animated product-image hover preview */
@media (hover:hover) and (pointer:fine) and (min-width:768px){
.Productlist ul li img,.indexProductlist ul li img,.Productheadsmallimg ul li img{transition:transform .28s ease,filter .28s ease}
.Productlist ul li:hover img,.indexProductlist ul li:hover img,.Productheadsmallimg ul li:hover img{transform:scale(1.035);filter:drop-shadow(0 7px 12px rgba(32,48,68,.14))}
.fctel-product-hover-preview{position:fixed;z-index:100080;left:50%;top:50%;width:min(580px,68vw);height:min(370px,62vh);padding:12px 12px 54px;border:1px solid rgba(204,35,43,.32);border-radius:18px;background:rgba(250,252,254,.97);box-shadow:0 24px 65px rgba(20,33,48,.28),0 0 0 1px rgba(255,255,255,.86) inset;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-47%) scale(.92);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;backdrop-filter:blur(10px)}
.fctel-product-hover-preview.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
.fctel-hover-preview-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#f7f9fc,#fff 52%,#f2f6fa)}
.fctel-hover-preview-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border:0!important;margin:0!important;background:#fff;transform:scale(.9);transition:transform .36s cubic-bezier(.2,.8,.2,1)}
.fctel-product-hover-preview.is-visible .fctel-hover-preview-image img{transform:scale(1)}
.fctel-hover-preview-title{position:absolute;left:20px;right:20px;bottom:15px;overflow:hidden;color:#b51d24;font-size:15px;font-weight:700;line-height:24px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
}

/* Compact desktop inner-page grid: move the side navigation left and reduce dead space. */
@media (min-width:1260px){
  .webbg>.container{width:calc(100% - 72px);max-width:1540px}
  .webbg>.container>.row{margin-left:-9px;margin-right:-9px}
  .webbg>.container>.row>.col-lg-3,
  .webbg>.container>.row>.col-lg-9{padding-left:9px;padding-right:9px}
  .webbg>.container>.row>.col-lg-3.visible-lg{width:21.5%}
  .webbg>.container>.row>.col-lg-9{width:78.5%}
  .webbg>.container>.row>.col-lg-3.visible-lg>.Productclass,
  .webbg>.container>.row>.col-lg-3.visible-lg>.commonclass{margin-left:0}
}
@media (min-width:1500px){
  .webbg>.container>.row>.col-lg-3.visible-lg{width:18.5%}
  .webbg>.container>.row>.col-lg-9{width:81.5%}
}