@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%; }
body{ background:#fff; font:normal 14px/25px "微软雅黑"; color:#333; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ color:#E10012;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
@font-face {
	font-family:din;
	src: url(din.ttf);
}
/* CSS Document */
body {padding-top: 140px;}
.header { position: relative;}
.topCont {position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background: #ffffff;}
.container { width: 1280px; margin: 0 auto; max-width: 92%;}
.logo { float: left; display: block; margin-top: 13px; height: 53px;}
.logo img { display: block; height: 100%;}
.tel { line-height: 80px;padding-left: 54px; float: right; font-family: din; font-size: 28px; color: #E10012; float: right; background: url(../images/phone.png) left center no-repeat;}
.nav { background: #E10012;}
.header .menu { display: block;}
.navCont { max-width: 100%; width: 1280px; margin: 0 auto;}
.navCont li { position: relative; float: left; line-height: 60px;}
.navCont li h2 a {transition: all .5s; font-size: 16px; font-weight: bold; color: #ffffff; display: block; padding: 0 58px;}
.navCont dl { display: none; line-height: 40px; z-index: 2; position: absolute; left: 0; width: 100%; top: 60px; background: #E10012;}
.navCont dt a { transition: all .5s; color: #ffffff; font-size: 16px; display: block; text-align: center;}
.navCont dt:hover a { background: #C2000F;}
.nav li.cur h2 a,.nav li:hover h2 a  {background: #C2000F;}
.banner .swiper { width: 100%; height: 100%;}
.banner .swiper-button-next { left: auto; right: 40px; background: url(../images/bannerNext.png) center no-repeat; width: 16px; height:26px; outline: none;}
.banner .swiper-button-prev { left: 40px; background: url(../images/bannerPrev.png) center no-repeat; width: 16px; height:26px; outline: none;}
.banner .swiper-button-next::after { content: '';}
.banner .swiper-button-prev::after { content: '';}
.bannerTxt { width: 1280px; max-width: 92%; position: absolute; left: 50%; transform: translateX(-50%); top: 90px;}
.bannerTxt h2 { font-size: 53px; line-height: 72px; margin-bottom: 14px; color: #C2000F;}
.bannerTxt h2 span { font-weight: bold;}
.bannerTxt p { font-size: 20px; color: #C2000F;}
.bannerTxt p span { margin: 0 30px;}
.banner { position: relative; height:  auto;}
.banner img { display: block;  width: 100%;  transition: all 3s; transition-delay: .4s; transform: scale(1.1);}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-slide-active {z-index: 2;}
.quicklyLink { margin: 60px auto;}
.quicklyLink li {transition: all .5s; box-sizing: border-box; padding-left: 47px; float: left; width: 31.8%; background: url(../images/linerBg.png) center bottom no-repeat; margin-right: 2.3%;cursor: pointer;}
.quicklyLink li:last-child { margin-right: 0;}
.quicklyLink li p { margin-left: 54px; font-size: 24px; font-weight: bold; display: inline-block; vertical-align: bottom; line-height: 92px; color: #ffffff;}
.quicklyLink li:hover { transform: translateY(-10px);}
.title { margin-bottom: 40px; padding-left: 24px; position: relative; line-height: 42px;}
.title::before {content: ''; left: 0; width: 4px; height: 100%; background: #E10012; position: absolute; line-height: 42px;}
.title p { float: left; font-weight: bold; font-size: 32px; color: #333333;}
.title a { font-size: 14px; float: right; color: #E10012;}
.newsCont { border-bottom: 1px solid #E10012; border-top: 4px solid #E10012; border-right:1px solid #E10012;}
.newsPic { float: left; width: 256px;}
.newsPic img { display: block; width: 100%;}
.newNews { padding-top: 36px; float: left; width: 553px; margin-left: 50px;}
.newNews h3,.hotNews h3 { margin-bottom: 20px; font-size: 20px; text-indent: 16px; line-height: 26px; position: relative; font-weight: bold; color: #333333;}
.newNews h3::after,.hotNews h3::after {content: ''; position: absolute; left: 0; background: #F29303; height: 20px; width: 4px; top: 50%; transform: translateY(-50%);}
.newNews li{;}
.newNews li a { line-height:37px;  display: block; overflow: hidden; position: relative; padding-left: 20px;}
.newNews li a::after { content: ''; width: 7px; height: 7px; background: #F29303; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.newNews li p { transition: all .5s; float: left;font-size: 14px; color: #333333; max-width: calc(100% - 90px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.newNews li span { float: right; color: #999999; font-size: 14px;}
.newNews li:hover p { color:#E10012 ;}
.hotNews { float: right; width: 320px; margin-right: 22px; margin-top: 36px;}
.hotNews li{width:100%; height:37px; background:url(../images/a3.png) center left no-repeat; line-height:37px;box-sizing: border-box; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.hotNews li:hover p{ color:#E10012 ;}
.hotNews li:nth-child(2){background:url(../images/a4.png) center left no-repeat;}
.hotNews li:nth-child(3){background:url(../images/a5.png) center left no-repeat;}
.hotNews li:nth-child(4){background:url(../images/a6.png) center left no-repeat;}
.hotNews li:nth-child(5){background:url(../images/a7.png) center left no-repeat;}
.hotNews li:nth-child(6){background:url(../images/a8.png) center left no-repeat;}
.hotNews li:nth-child(7){background:url(../images/a9.png) center left no-repeat;}
.hotNews li:nth-child(8){background:url(../images/a10.png) center left no-repeat;}
.hotNews li:nth-child(9){background:url(../images/a11.png) center left no-repeat;}
.hotNews li:nth-child(10){background:url(../images/a12.png) center left no-repeat;}
.newsEnter { margin-top: 20px; display: flex; text-align: center;}
.newsEnter a { transition: all .5s; line-height: 58px; flex: 1; box-sizing: border-box; border: 1px solid #E10012; font-size: 16px; font-weight: bold; color: #E10012;}
.newsEnter a:nth-child(1) { margin-right: 22px; background:#E10012; color: #ffffff;}
.newsEnter a:hover { transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.question { margin-top: 60px; margin-bottom: 80px;}
.questionList li { float: left; width: 23.2%; margin-right: 2.4%;}
.questionList li:nth-child(4n) { margin-right: 0;}
.questionImg { margin-bottom: 20px; height: 164px; overflow: hidden;}
.questionImg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.questionList li:hover img { transform: scale(1.2);}
.questionList li h2 { margin-bottom: 16px; font-size: 16px; color: #333333; font-weight: bold; line-height: 21px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.questionTag { font-size: 0;}
.questionTag span { margin-right: 8px; font-weight: bold; font-size: 12px; color:#f29303 ; background: #FFF3E1; display: inline-block; vertical-align: top; padding: 0 15px; line-height: 30px; border: 1px solid #f29303;}
.footer { background: #20252C;}
.footerLink { color: #ffffff; font-size: 16px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.3); line-height: 113px;}
.footerLink span { margin: 0 55px;}
.footerLink a { color: #ffffff;}
.copyRight { font-size: 14px; color: rgba(255,255,255,.3); text-align: center; border-top: 1px solid rgba(255,255,255,.3); line-height: 78px;}
.copyRight a { color: rgba(255,255,255,.3); transition: all .5s;}
.copyRight a:hover { color: #ffffff;}
.footerContact p {font-size: 14px; color: #ffffff; line-height: 16px; margin-bottom: 15px;}
.footerContact span { display: block; font-size: 32px; line-height: 38px; color: #ffffff;}
.contactScan img { display: block;}
.contactScan b { text-align: center; display: block; color: #999999; font-size: 12px;}
.footerContact { padding: 38px 0 30px; display: flex; justify-content: space-between; align-items: center;}
.contactMail { position: relative; width: 46%; padding-left: 12.6%;}
.contactMail::after { content: ''; height: 134px; width: 1px; background: rgba(255,255,255,.3); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contactMail::before { content: ''; height: 134px; width: 1px; background: rgba(255,255,255,.3); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.fixMenu { z-index: 2; padding: 20px 0; border-radius: 40px; background:#E10012; width: 65px; position: fixed; right: 40px; top: 50%; transform: translateY(-50%);}
.fixMenu h2 img { display: block; width: 36px; margin: 0 auto 5px;}
.fixMenu h2 p { font-size: 12px; line-height: 16px; color: #ffffff; text-align: center;}
.fixMenu a { display: block; padding: 11px 0 5px;}
.fixMenu li { position: relative;}
.chatAlt { opacity: 0; transition: all .5s; pointer-events: none; top: 0; position: absolute; right: 70px; box-sizing: border-box; padding: 6px; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 6px; text-align: center; font-size: 14px; color: #999999;}
.fixMenu li:hover .chatAlt { opacity: 1;}
.fixMenu li:hover .telAlt { opacity: 1;}
.telAlt {opacity: 0; transition: all .5s; pointer-events: none; position: absolute; right:60px; line-height:50px; background: #E10012; white-space: nowrap; color: #ffffff; top: 50%; transform: translateY(-50%);
font-size: 20px; font-family: din; border-radius: 50px 0 0 50px; padding: 0 10px 0 50px;}
.telAlt img { position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2;}



.product{ width:100%; height:auto; padding:70px 0px; margin:0 auto; background:#fff;}
.product1{ width:1280px; margin:0 auto; height:auto;}
.product1 a{float: left;width:160px;text-align: center;line-height:50px;height:50px; color:#333; background:#F2F2F2; margin-right:1%; display:block; font-size:16px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product1 a:nth-child(5n) { margin-right:0px;}
.product1 a:hover {background:#E10012; color:#fff;}
.product2{ width:1280px; margin:0 auto; height:auto; background:#F2F2F2; margin-top:35px;}
.product21{ width:835px; height:400px; float:left;}
.product21 img{  width:835px; height:400px;}
.product22{ width:390px; float:right; padding-right:40px; padding-top:30px;}
.product22 li{ width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding-top:10px; padding-bottom:12px;}
.product22 li h2{ width:100%; height:50px; font-size:16px; font-weight:normal; margin-bottom:12px; line-height:25px; background:url(../images/a1.png) left top 8px no-repeat; padding-left:16px;box-sizing: border-box;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.product22 li p{ padding-left:16px;box-sizing: border-box; color:#666; }
.product22 li:hover h2{ color:#E10012;font-weight: 700;}

.artie{ width:100%; background:#f2f2f2;box-sizing: border-box; padding:65px 0px 40px 0px;;}
.artie ul{ width:1280px; height:auto; padding:40px;box-sizing: border-box; margin:0 auto; background:#fff;}
.artie ul li{  width:100%; height:54px; line-height:54px;; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid var(--gray-5, #E0E0E0); }
.artie ul li span{ float:right; color:#999; font-weight:normal;}
.artie ul li b{ width:14px; height:14px; background:url(../images/a1.png) center left no-repeat; margin-top:20px; display:block; float:left; padding-right:15px;}
.artie ul li:hover a{ color:#E10012; font-weight:;}
.artie ul li:hover{border-bottom: 1px solid var(--gray-5, #E10012);}
 #nx_pg{width:100%;padding:5px 0px 50px 0px; text-align:center; background:#f2f2f2; }
 #nx_pg li{ display:inline-block;}
 #nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
 #nx_pg a:hover{background:#E10012;border:1px solid #E10012; color:#fff;}
 #nx_pg .on{ background:#E10012;border:1px solid #E10012; color:#fff;}

.main3{ width:1280px; height:auto; padding:70px 0px; margin:0 auto;}
.main31{ width:870px; float:left; background:#fff; }
.ar1{ width:100%; height:auto; padding:30px 30px 60px 30px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 180px;height: 50px;border: 1px solid #E10012; background:#E10012; text-align:center; line-height:50px; margin-top:40px;}
.fh a{  color:#fff;}
.fh:hover a{  color:#fff;}
#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.main32{ width:385px; height:auto; float:right; padding:40px;box-sizing: border-box; background:#fff;}
.main32 h2{ width:100%; height:50px; line-height:50px; padding-left:30px;font-size: 20px; line-height:50px; background: url(../images/a2.png) center left 5px no-repeat;box-sizing: border-box;}
.main32 ul{ padding-top:20px;}
.main32 li{ width:100%; height:37px; margin-bottom:5px; background:url(../images/a3.png) center left no-repeat; line-height:37px;box-sizing: border-box; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main32 li:nth-child(2){background:url(../images/a4.png) center left no-repeat;}
.main32 li:nth-child(3){background:url(../images/a5.png) center left no-repeat;}
.main32 li:nth-child(4){background:url(../images/a6.png) center left no-repeat;}
.main32 li:nth-child(5){background:url(../images/a7.png) center left no-repeat;}
.main32 li:nth-child(6){background:url(../images/a8.png) center left no-repeat;}
.main32 li:nth-child(7){background:url(../images/a9.png) center left no-repeat;}
.main32 li:nth-child(8){background:url(../images/a10.png) center left no-repeat;}
.main32 li:nth-child(9){background:url(../images/a11.png) center left no-repeat;}
.main32 li:nth-child(10){background:url(../images/a12.png) center left no-repeat;}

.list1{ width:100%; height:auto; margin:0 auto; padding:70px 0px; background:#fff;}
.list1 ul{ width:1280px; height:auto; margin:0 auto;}
.list1 li{ width:23.5%; float:left; margin-right:2%; }
.list1 li:nth-child(4n){ margin-right:0px;}
.list1 li img{ width:100%;}
.list1 li h2{ width:100%; height:50px; line-height:50px; font-size:16px; padding-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
 .listz{ width:100%; height:auto; }
 .listz span{ padding:8px 15px; background:#FFF3E1; border:1px solid #F29303; color:#F29303; margin-right:6px;}

.a1rtile1{ max-width:1280px; height:auto; margin:60px auto 30px auto; background:#fff; padding:30px 40px;box-sizing: border-box;}
.a1rtile1 ul{ }
.a1rtile1 li{ width:100%; margin:0 auto;; height:110px; padding-bottom:30px; padding-top:30px; border-bottom:1px solid rgba(0, 0, 0, 0.10);  transition:all 0.5s; background:#fff;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:200px; height:110px; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:200px; height:110px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:110px;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h2{ width:96%; font-size:16px; color:#333;transition:all 0.5s; height: auto; margin-bottom:35px;  line-height:30px; height:30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 h2 span{ float:right; color:#999; font-weight:normal;}
.a1rtile1 li:hover h2 { color:#F29303}



/**/
.formAlt { display: none; position: fixed; width: 1240px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99; background: #ffffff;
padding: 40px;}
.formImg { float: left; width: 566px;}
.formImg img { display: block; width: 100%;}
.formTxt { float: right; width: calc(100% - 648px);}
.formTxt h2 { font-weight: bold; font-size: 16px; line-height: 24px; color: #E10012; margin-bottom: 10px;}
.formTxt h3 { margin-bottom: 12px; font-weight: bold; font-size: 32px; line-height: 48px; color: #183345;}
.formTxt li {position: relative; background: #F2F2F2; margin-bottom: 20px;}
.formTxt li input { background: none; padding: 0; box-sizing: border-box; outline: none; border: none; width: 100%; height: 58px; line-height: 58px; text-indent: 20px;
font-size: 14px;}
.formTxt li textarea { background: none; padding: 20px; height: 150px; box-sizing: border-box; outline: none; border: none; width: 100%; line-height:18px;
font-size: 14px; resize: none; font-family: '微软雅黑';}
.formTxt li img { position: absolute; right: 30px; display: block; top: 50%; transform: translateY(-50%);}
.formTxt button { display: block; width: 100%; color: #ffffff; font-size: 16px; background: #E10012; border: none; height:56px;}
.closeForm { position: absolute;width: 36px; height: 36px; background: url(../images/Close.png) center no-repeat; display: block;
position: absolute;top: 20px; right: 20px; cursor: pointer;}

@media screen and  (max-width:1080px){
	.tel { font-size: 14px; background-size: 20px auto; padding-left: 30px; line-height: 60px;}
	.logo { height: 30px; margin-top: 15px;}
	.menu { display: block; float: right; background: url(../images/menu.png) center no-repeat; width: 30px; height: 30px; margin-top: 15px; margin-left: 15px;}
	.nav { position: fixed; left: -110%; top: 60px; bottom: 0; z-index: 2; width: 200px;}
	.navCont li h2 a { padding: 0; display: inline;}
	.navCont li { float: none; text-align: center;}
	.navCont li.cur h2,.navCont li:hover h2 { background: #C2000F;}
	.navCont li dl { position: static;}
	body{padding-top: 60px;}
	
.container { width: 1280px; margin: 0 auto; max-width: 96%;}	
.quicklyLink { margin: 40px auto;}
.quicklyLink li {transition: all .5s; box-sizing: border-box; padding-left: 47px; float: left; width:100%; background: url(../images/linerBg.png) center bottom no-repeat; margin-right:0%;cursor: pointer; border-radius:6px;}
.quicklyLink li:last-child { margin-right: 0;}
.quicklyLink li p { margin-left: 54px; font-size: 24px; font-weight: bold; display: inline-block; vertical-align: bottom; line-height: 92px; color: #ffffff;}
.quicklyLink li:hover { transform: translateY(-10px);}
.title { margin-bottom: 30px; padding-left: 15px; position: relative; line-height: 32px;}
.title::before {content: ''; left: 0; width: 4px; height: 100%; background: #E10012; position: absolute; line-height: 42px;}
.title p { float: left; font-weight: bold; font-size: 22px; color: #333333;}
.title a { font-size: 14px; float: right; color: #E10012;}
.newsCont { border-bottom: 1px solid #E10012; border-top: 2px solid #E10012; border-right:1px solid #E10012;border-left:1px solid #E10012;}
.newsPic { float: left; width: 256px; display:none;}
.newsPic img { display: block; width: 100%;}
.newNews { padding-top: 20px; float: none; width:96%; margin:0px auto 20px auto;}
.newNews h3,.hotNews h3 { margin-bottom:5px; font-size: 20px; text-indent: 16px; line-height: 26px; position: relative; font-weight: bold; color: #333333;}
.newNews h3::after,.hotNews h3::after {content: ''; position: absolute; left: 0; background: #F29303; height: 20px; width: 4px; top: 50%; transform: translateY(-50%);}
.newNews li{;}
.newNews li a { line-height:37px;  display: block; overflow: hidden; position: relative; padding-left: 20px;}
.newNews li a::after { content: ''; width: 7px; height: 7px; background: #F29303; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.newNews li p { transition: all .5s; float: left;font-size: 14px; color: #333333; max-width: calc(100% - 90px); overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
.newNews li span { float: right; color: #999999; font-size: 14px;}
.newNews li:hover p { color:#E10012 ;}
.hotNews { float: none;; width: 96%; margin-right: 0px; margin:20px auto;}
.hotNews li{width:100%; height:37px; background:url(../images/a3.png) center left no-repeat; line-height:37px;box-sizing: border-box; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.hotNews li:hover p{ color:#E10012 ;}
.hotNews li:nth-child(2){background:url(../images/a4.png) center left no-repeat;}
.hotNews li:nth-child(3){background:url(../images/a5.png) center left no-repeat;}
.hotNews li:nth-child(4){background:url(../images/a6.png) center left no-repeat;}
.hotNews li:nth-child(5){background:url(../images/a7.png) center left no-repeat;}
.hotNews li:nth-child(6){background:url(../images/a8.png) center left no-repeat;}
.hotNews li:nth-child(7){background:url(../images/a9.png) center left no-repeat;}
.hotNews li:nth-child(8){background:url(../images/a10.png) center left no-repeat;}
.hotNews li:nth-child(9){background:url(../images/a11.png) center left no-repeat;}
.hotNews li:nth-child(10){background:url(../images/a12.png) center left no-repeat;}
.newsEnter { margin-top: 20px; display: flex; text-align: center;}
.newsEnter a { transition: all .5s; line-height: 48px;  box-sizing: border-box; border: 1px solid #E10012; font-size: 12px; font-weight: bold; color: #E10012;}
.newsEnter a:nth-child(1) { margin-right: 12px; background:#E10012; color: #ffffff;}
.newsEnter a:hover { transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.question { margin-top: 60px; margin-bottom: 80px;}
.questionList li { float: left; width:49%; margin-right: 2%; margin-bottom:25px;}
.questionList li:nth-child(2n) { margin-right: 0;}
.questionImg { margin-bottom: 20px; height: 164px; overflow: hidden;}
.questionImg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.questionList li:hover img { transform: scale(1.2);}
.questionList li h2 { margin-bottom: 16px; font-size: 16px; color: #333333; font-weight: bold; line-height: 21px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.questionTag { font-size: 0;}
.questionTag span { margin-right:5px; font-weight: bold; font-size: 10px; color:#f29303 ; background: #FFF3E1; display: inline-block; vertical-align: top; padding: 0 5px; line-height: 20px; border: 1px solid #f29303;}
.footer { background: #20252C;}
.footerLink { display:none; color: #ffffff; font-size: 16px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.3); line-height: 113px;}
.footerLink span { margin: 0 55px;}
.footerLink a { color: #ffffff;}
.copyRight { font-size: 14px; color: rgba(255,255,255,.3); text-align: center; border-top: 1px solid rgba(255,255,255,.3); line-height:25px; padding:20px 10px;box-sizing: border-box;}
.copyRight a { color: rgba(255,255,255,.3); transition: all .5s;}
.copyRight a:hover { color: #ffffff;}
.footerContact p {font-size: 14px; color: #ffffff; line-height: 16px; margin-bottom: 15px;}
.footerContact span { display: block; font-size: 32px; line-height: 38px; color: #ffffff;}
.contactScan img { display: block;}
.contactScan b { text-align: center; display: block; color: #999999; font-size: 12px;}
.footerContact { display:none; padding: 38px 0 30px;  justify-content: space-between; align-items: center;}
.contactMail { position: relative; width: 46%; padding-left: 12.6%;}
.contactMail::after { content: ''; height: 134px; width: 1px; background: rgba(255,255,255,.3); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contactMail::before { content: ''; height: 134px; width: 1px; background: rgba(255,255,255,.3); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.fixMenu { display:none; z-index: 2; padding: 20px 0; border-radius: 40px; background:#E10012; width: 65px; position: fixed; right: 40px; top: 50%; transform: translateY(-50%);}
.fixMenu h2 img { display: block; width: 36px; margin: 0 auto 5px;}
.fixMenu h2 p { font-size: 12px; line-height: 16px; color: #ffffff; text-align: center;}
.fixMenu a { display: block; padding: 11px 0 5px;}
.fixMenu li { position: relative;}
.chatAlt { opacity: 0; transition: all .5s; pointer-events: none; top: 0; position: absolute; right: 70px; box-sizing: border-box; padding: 6px; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 6px; text-align: center; font-size: 14px; color: #999999;}
.fixMenu li:hover .chatAlt { opacity: 1;}
.fixMenu li:hover .telAlt { opacity: 1;}
.telAlt {opacity: 0; transition: all .5s; pointer-events: none; position: absolute; right:60px; line-height:50px; background: #E10012; white-space: nowrap; color: #ffffff; top: 50%; transform: translateY(-50%);
font-size: 20px; font-family: din; border-radius: 50px 0 0 50px; padding: 0 10px 0 50px;}
.telAlt img { position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2;}



.product{ width:100%; height:auto; padding:40px 0px; margin:0 auto; background:#fff;}
.product1{ width:96%; margin:0 auto; height:auto;}
.product1 a{float: left;width:120px;text-align: center;line-height:40px;height:40px; color:#333; background:#F2F2F2; margin-right:1%; display:block; font-size:14px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product1 a:nth-child(5n) { margin-right:0px;}
.product1 a:hover {background:#E10012; color:#fff;}
.product2{ width:96%; margin:0 auto; height:auto; background:#F2F2F2; margin-top:25px;}
.product21{ width:100%; height: auto; float:none;;}
.product21 img{  width:100%; height: auto; display:block;}
.product22{ width:100%; float:none;; padding-right:0; padding-top:5px;}
.product22 li{ width:96%; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding-top:10px; padding-bottom:12px; margin:0 auto;}
.product22 li h2{ width:100%; height:50px; font-size:16px; font-weight:normal; margin-bottom:3px; line-height:25px; background:url(../images/a1.png) left top 8px no-repeat; padding-left:16px;box-sizing: border-box;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.product22 li p{ padding-left:16px;box-sizing: border-box; color:#666; }
.product22 li:hover h2{ color:#E10012;font-weight: 700;}

.artie{ width:100%; background:#f2f2f2;box-sizing: border-box; padding:35px 0px 30px 0px;;}
.artie ul{ width:96%; height:auto; padding:10px;box-sizing: border-box; margin:0 auto; background:#fff;}
.artie ul li{  width:100%; height:48px; line-height:48px;; font-size:16px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid var(--gray-5, #E0E0E0); }
.artie ul li span{ float:right; color:#999; font-weight:normal;}
.artie ul li b{ width:14px; height:14px; background:url(../images/a1.png) center left no-repeat; margin-top:20px; display:block; float:left; padding-right:15px;}
.artie ul li:hover a{ color:#E10012; font-weight:;}
.artie ul li:hover{border-bottom: 1px solid var(--gray-5, #E10012);}
 #nx_pg{width:100%;padding:5px 0px 40px 0px; text-align:center; background:#f2f2f2; }
 #nx_pg li{ display:inline-block;}
 #nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
 #nx_pg a:hover{background:#E10012;border:1px solid #E10012; color:#fff;}
 #nx_pg .on{ background:#E10012;border:1px solid #E10012; color:#fff;}

.main3{ width:96%; height:auto; padding:30px 0px; margin:0 auto;}
.main31{ width:100%; float:none; background:#fff; }
.ar1{ width:100%; height:auto; padding:20px 15px 40px 15px; background:#fff;box-sizing: border-box;  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 120px;height: 40px;border: 1px solid #E10012; background:#E10012; text-align:center; line-height:40px; margin-top:30px;}
.fh a{  color:#fff;}
.fh:hover a{  color:#fff;}
#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.main32{ width:385px; height:auto; float:right; padding:40px;box-sizing: border-box; background:#fff; display:none;}
.main32 h2{ width:100%; height:50px; line-height:50px; padding-left:30px;font-size: 20px; line-height:50px; background: url(../images/a2.png) center left 5px no-repeat;box-sizing: border-box;}
.main32 ul{ padding-top:20px;}
.main32 li{ width:100%; height:37px; margin-bottom:5px; background:url(../images/a3.png) center left no-repeat; line-height:37px;box-sizing: border-box; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main32 li:nth-child(2){background:url(../images/a4.png) center left no-repeat;}
.main32 li:nth-child(3){background:url(../images/a5.png) center left no-repeat;}
.main32 li:nth-child(4){background:url(../images/a6.png) center left no-repeat;}
.main32 li:nth-child(5){background:url(../images/a7.png) center left no-repeat;}
.main32 li:nth-child(6){background:url(../images/a8.png) center left no-repeat;}
.main32 li:nth-child(7){background:url(../images/a9.png) center left no-repeat;}
.main32 li:nth-child(8){background:url(../images/a10.png) center left no-repeat;}
.main32 li:nth-child(9){background:url(../images/a11.png) center left no-repeat;}
.main32 li:nth-child(10){background:url(../images/a12.png) center left no-repeat;}

.list1{ width:100%; height:auto; margin:0 auto; padding:30px 0px; background:#fff;}
.list1 ul{ width:96%; height:auto; margin:0 auto;}
.list1 li{ width:49%; float:left; margin-right:2%; margin-bottom:25px; }
.list1 li:nth-child(2n){ margin-right:0px;}
.list1 li img{ width:100%;}
.list1 li h2{ width:100%; height:40px; line-height:40px; font-size:14px; padding-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
 .listz{ width:100%; height:auto; }
 .listz span{ padding:0px 2px; background:#FFF3E1; font-size:10px; border:1px solid #F29303; color:#F29303; margin-right:4px;}

.a1rtile1{ max-width:1280px; height:auto; margin:30px auto 30px auto; background:#fff; padding:20px 5px;box-sizing: border-box;}
.a1rtile1 ul{ }
.a1rtile1 li{ width:100%; margin:0 auto;; height:80px; padding-bottom:15px; padding-top:15px; border-bottom:1px solid rgba(0, 0, 0, 0.10);  transition:all 0.5s; background:#fff;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:140px; height:80px; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:140px; height:80px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:80px;overflow: hidden;padding-left:15px;box-sizing: border-box; }
.a1rt21 h2{ width:96%; font-size:14px; color:#333;transition:all 0.5s; height: auto; margin-bottom:15px;  line-height:30px; height:30px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 h2 span{ float:right; color:#999; font-weight:normal; display:none;}
.a1rtile1 li:hover h2 { color:#F29303}



/**/
.formAlt { display: none; position: fixed; width: 1240px; max-width: 92%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99; background: #ffffff;
padding: 15px 20px;}
.formImg { float: left; width: 566px; display:none;}
.formImg img { display: block; width: 100%;}
.formTxt { float: none; width:100%;}
.formTxt h2 { font-weight: bold; font-size: 14px; line-height: 20px; color: #E10012; margin-bottom: 5px;}
.formTxt h3 { margin-bottom: 12px; font-weight: bold; font-size: 20px; line-height:30px; color: #183345;}
.formTxt li {position: relative; background: #F2F2F2; margin-bottom: 10px;}
.formTxt li input { background: none; padding: 0; box-sizing: border-box; outline: none; border: none; width: 100%; height: 58px; line-height: 58px; text-indent: 20px;
font-size: 14px;}
.formTxt li textarea { background: none; padding: 20px; height: 100px; box-sizing: border-box; outline: none; border: none; width: 100%; line-height:18px;
font-size: 14px; resize: none; font-family: '微软雅黑';}
.formTxt li img { position: absolute; right: 30px; display: block; top: 50%; transform: translateY(-50%);}
.formTxt button { display: block; width: 100%; color: #ffffff; font-size: 16px; background: #E10012; border: none; height:56px;}
.closeForm { position: absolute;width: 30px; height: 30px; background: url(../images/Close.png) center no-repeat; display: block;
position: absolute;top: 10px; right: 10px; cursor: pointer;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

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

}