@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; background:#fff; min-width:1220px; position:relative; overflow:hidden;}
.content::before,
.content::after{ content:''; display:block; overflow:hidden; clear:both;}

/*头部样式*/
.topbar{ box-shadow:0 4px 18px rgba(0,0,0,0.1);}
.topbar .tp{ width:1200px; overflow:hidden; margin:0 auto;}
.topbar .tp p{ display:block; line-height:40px; color:#333;}
.topbar .tp p a img{ display:inline-block; height:1em; vertical-align:top; margin:20px 0 -20px; transform:translateY(-50%);}
.topbar .tp p.left a{ color:#d81e06; padding:0;}
.topbar .tp p a:hover{ color:#d81e06; text-decoration:underline;}
.topbar .tp p span{ margin:0 8px;}

.header{ padding:7px 0;}
.header .head{ width:1200px; overflow:hidden; margin:0 auto;}
.header .head h1.logo{ display:block; float:left; overflow:hidden;}
.header .head h1.logo a{ display:block;}
.header .head h1.logo a img{ display:block; height:140px;}
.header .head form.search{ display:block; font-size:16px; overflow:hidden; float:left; margin:44px 0 0 48px; position:relative;}
.header .head form.search input.text{ display:block; width:512px; height:50px; line-height:50px; color:#444; padding:0 20px 0 54px; background:url(../images/common/head_search.png) left 20px center no-repeat; border:1px solid #d81e06; border-radius:10px 0 0 10px; float:left;}
.header .head form.search input.btn{ display:block; width:132px; height:52px; line-height:52px; color:#fff; border:0; background:#d81e06; border-radius:0 10px 10px 0; float:left; cursor:pointer;}
.header .head a.tel{ display:block; line-height:1; color:#d81e06; font-size:15px; background:url(../images/common/head_tel.png) left center no-repeat; padding-left:60px; margin:50px 0 0; float:right;}
.header .head a.tel b{ display:block; font-size:17px; padding:0.5em 0 0;}
.header .head p.slogan{ display:block; line-height:140px; color:#333; font-size:22px; float:left; margin:0 26px;}
.header .head a.back{ display:block; line-height:40px; color:#d81e06; font-size:14px; float:right; margin:50px 0;}
.header .head a.back:hover{ text-decoration:underline;}

/*导航样式*/
.nav{ border-bottom:1px solid #d81e06;}
.nav ul{ display:block; width:1200px; height:42px; margin:0 auto;}
.nav ul::after{ content:'实力厂商 行业优选'; display:block; line-height:42px; color:#d81e06; font-size:18px; font-weight:normal; float:right;}
.nav ul li{ display:block; float:left;}
.nav ul li a{ display:block; min-width:4em; line-height:42px; color:#333; font-size:18px; font-weight:bold; text-align:center; padding:0 20px;}
.nav ul li a:hover,
.nav ul li.cur > a{ color:#d81e06;}
.nav ul li.all{ width:262px; background:#d81e06 url(../images/common/nav_cate.png) left 48px center no-repeat; border-radius:10px 10px 0 0; position:relative;}
.nav ul li.all a{ color:#fff; font-weight:normal; padding:0 0 0 82px; margin:0; text-align:left;}

/*分类*/
.nav .cate{ display:none; width:100%; height:auto; background:#fff; position:absolute; left:0; top:100%; padding:1px 0 0; z-index:99; box-shadow:0 0 10px 3px rgba(185,191,200,0.2);}
.nav .cate dl{ display:block;}
.nav .cate dl dt{ display:block; padding:8px 0 0;}
.nav .cate dl dt a{ display:block; line-height:38px; color:#d81e06; font-size:16px; padding:0 0 0 30px; background:url(../images/common/nav_sub.png) left center no-repeat; margin:0 14px;}
.nav .cate dl dd{ display:block; overflow:hidden; background:url(../images/common/right_mark.png) right 14px center no-repeat; padding:0 14px; border-bottom:1px dashed #e5e5e5; cursor:pointer;}
.nav .cate dl:last-child dd:last-child{ border-color:transparent;}
.nav .cate dl dd a{ display:block; min-width:0; width:3em; line-height:38px; color:#333; font-size:14px; float:left; padding:0; margin:0 10px 0 0;}
.nav .cate dl dd a:last-child{ width:4em;}
.nav .cate dl dd a:hover{ color:#d81e06; text-decoration:underline;}
.nav .cate dl dd .subMenu{ display:none; width:388px; min-height:442px; background:#fff; padding:0 14px; border:1px solid #d81e06; position:absolute; left:100%; top:0;}
.nav .cate dl dd .subMenu h2{ display:block; line-height:36px; color:#d81e06; font-size:16px; overflow:hidden; font-weight:normal; background:url(../images/common/cate_title.png) left 2px center no-repeat; padding-left:16px; border-bottom:1px dashed #d81e06; overflow:hidden; margin:6px 0 0;}
.nav .cate dl dd .subMenu h2 a.more{ color:#666; font-size:14px; float:right; margin:0;}
.nav .cate dl dd .subMenu h2 a.more:hover{ color:#d81e06;}
.nav .cate dl dd .subMenu .mbox{ overflow:hidden; margin:8px 0 -2px;}
.nav .cate dl dd .subMenu .mbox:last-child{ margin-bottom:8px;}
.nav .cate dl dd .subMenu .mbox a{ line-height:2; font-size:14px; width:auto; margin:0 12px 0 2px;}
.nav .cate dl dd .subMenu .mbox a:hover{}
.nav .cate dl dd.cur{ background-color:#eee;}

/*footer样式*/
.footer{ background:#d81e06; padding:36px 0 28px;}
.footer .foot{ width:1200px; overflow:hidden; margin:0 auto;}
.footer .code{ float:right; margin:40px 0 0;}
.footer .code img{ display:block; height:190px; margin:0 auto;}
.footer .code span{ display:block; line-height:1; color:#fff; font-size:15px; text-align:center; padding:1.3em 0 0;}
.footer .info{ color:#fff; float:left;}
.footer a.logo{ display:inline-block; vertical-align:top;}
.footer a.logo img{ display:block; height:94px;}
.footer p.nav{ display:block; line-height:3; font-size:16px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.5); padding:36px 0 0;}
.footer p.nav span{ margin:0 20px;}
.footer p.nav span:first-child{ display:none;}
.footer .copyright{ line-height:30px; font-size:14px; padding:16px 0 0;}
.footer a:hover{ text-decoration:underline;}

/*主体样式*/
.main{ margin:0 auto; overflow:hidden;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .content{ width:1200px; margin:0 auto;}
.main p.location{ display:block; line-height:56px; color:#777; font-size:14px; padding:6px 16px 0;}
.main p.location a{ color:#666;}
.main p.location a:hover{ color:#d81e06; text-decoration:underline;}

.main p.menu{ display:block; text-align:center; overflow:hidden; background:#eee;}
.main p.menu a{ display:inline-block; vertical-align:top; line-height:48px; color:#333; font-size:18px; padding:0 2px; margin:0 40px; position:relative;}
.main p.menu a:hover,
.main p.menu a.cur{ color:#d81e06;}
.main p.menu a:hover::after,
.main p.menu a.cur::after{ content:''; display:block; width:100%; height:2px; background:#d81e06; position:absolute; left:0; bottom:0;}

.main ul.menu{ display:block; width:242px; text-align:center; overflow:hidden; background:#fff; padding:8px 0; margin:0 26px 0 0; float:left;}
.main ul.menu li{ display:block; padding:9px 14px;}
.main ul.menu li a{ display:block; line-height:68px; color:#333; font-size:16px; position:relative;}
.main ul.menu li a:hover,
.main ul.menu li.cur a{ color:#fff; background:#d81e06;}

/*左侧样式*/
.leftCon{ width:200px; background:#f2f2f2;}
.leftCon ul.menu{ display:block; padding:14px 14px 0;}
.leftCon ul.menu li{ display:block; padding:0 0 14px;}
.leftCon ul.menu li a{ display:block; height:40px; line-height:40px; color:#333; font-size:16px; text-align:center; background:#fff; border:solid #fff; border-width:0 5px;}
.leftCon ul.menu li a:hover,
.leftCon ul.menu li.cur a{ border-color:#d81e06;}
.leftCon .code{ display:none; padding:16px 16px 28px;}
.leftCon .code img{ display:block; width:150px; height:150px; margin:0 auto;}

/*右侧样式*/
.main .attr{ background:#fff; overflow:hidden; padding:0 32px;}
.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:44px 0 2px;}
.main .attr p.mark{ display:block; line-height:4; color:#999; font-size:16px; text-align:center; border-bottom:1px solid #ddd;}
.main .attr p.mark font{ margin:0 0.25em;}
.main .attr .article{ line-height:2.375; color:#333; font-size:16px; padding:1.25em 0 2em;}
.main .attr .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .attr .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:15px; padding:2em 0.6em; border-top:1px solid #ddd; margin:0 0 1.4em;}
.main .change p{ display:block; line-height:2.4; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#0b469e;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 60px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages a,
.pages span{ display:inline-block; vertical-align:top; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; margin:0 5px; border:1px solid #d2d2d2;}
.pages a:hover,
.pages span{ color:#fff; background:#d81e06; border-color:#d81e06;}

/*产品列表*/
.proCate{ font-size:14px; overflow:hidden; padding:0 0 0 16px;}
.proCate p{ display:block; height:2em; line-height:2; overflow:hidden; border:1px solid #fff; border-width:0.25em 0;}
.proCate p label{ display:block; width:48px; color:#333; float:left;}
.proCate p a.more{ display:block; color:#d81e06; float:right; margin:0 0 0 10px;}
.proCate p a.more::before{ content:''; display:block; width:1em; height:2em; background:url(../images/icons/open.png) right center no-repeat; float:right;}
.proCate p a.more::after{ content:'更多';}
.proCate p em{ display:block; overflow:hidden;}
.proCate p em a{ display:block; color:#666; padding:0 10px; white-space:nowrap; float:left;}
.proCate p em a:hover,
.proCate p em a.cur{ color:#d81e06;}
.proCate .sub{ line-height:2; background:#fff7f7; overflow:hidden; padding:12px 16px; border:1px solid #d81e06; margin:8px 0 8px 48px;}
.proCate .sub a{ display:block; color:#666; padding:0 10px; white-space:nowrap; float:left;}
.proCate .sub a:hover,
.proCate .sub a.cur{ color:#d81e06;}
.proCate p.open{ height:auto;}
.proCate p.open a.more::before{ transform:rotate(180deg); background-position:left center;}
.proCate p.open a.more::after{ content:'收起';}

.main form.proList{ display:block; padding:30px 0 0;}
.main form.proList p.sort{ display:block; overflow:hidden;}
.main form.proList p.sort input.btn{ display:block; width:92px; height:30px; color:#fff; font-size:14px; background:#d81e06; border:1px solid #d81e06; float:left; cursor:pointer; margin-right:16px;}

.main form.proList ul{ display:block; font-size:16px; overflow:hidden; padding:0 0 60px;}
.main form.proList ul li{ display:block; overflow:hidden; padding:3% 0; border-bottom:1px solid #ddd;}
.main form.proList ul li a.pic{ display:block; overflow:hidden; border-radius:0.5em; float:left; margin-right:2em; position:relative;}
.main form.proList ul li.saled a.pic::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/icons/ico_saled.png) center no-repeat; background-size:47% auto; position:absolute; left:0; top:0; z-index:3;}
.main form.proList ul li a.pic img{ display:block; width:17em; height:13em;}
.main form.proList ul li a.title{ display:block; line-height:2; color:#333; font-size:1.25em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 0.35em;}
.main form.proList ul li a.title:hover{ color:#d81e06;}
.main form.proList ul li p{ display:block; line-height:2.5; overflow:hidden;}
.main form.proList ul li p span{ display:block; color:#333; font-size:0.875em; overflow:hidden; float:left;}
.main form.proList ul li p span::before{ content:'|'; display:block; color:#ccc; float:left; margin:0 1.15em;}
.main form.proList ul li p span:first-child::before{ display:none;}
.main form.proList ul li p span img{ display:block; height:20px; float:left; margin:1.25em 0.5em -1.25em 0; transform:translateY(-50%);}
.main form.proList ul li p a{ display:block; color:#333; font-size:0.875em; overflow:hidden; float:left; margin:1em 1.5em 0 0;}
.main form.proList ul li p a img{ display:block; height:20px; float:left; margin:1.25em 0.5em -1.25em 0; transform:translateY(-50%);}
.main form.proList ul li p a.comp:hover{ color:#d81e06;}
.main form.proList ul li p a.tel{ color:#d81e06; font-weight:bold;}
.main form.proList ul li p.right{ display:flex; flex-direction:column; justify-content:center; width:214px; height:13em; text-align:center; border-left:1px solid #ddd; float:right; margin:0 0 0 2.5em;}
.main form.proList ul li p.right b{ display:block; line-height:1; color:#d81e06; font-size:1.5em; padding:0 0 0.75em;}
.main form.proList ul li p.right a.btn{ display:block; width:7.58em; line-height:2.15; color:#fff; font-size:0.875em; background:#d81e06; border-radius:3px; margin:0 auto 4px;}

/*产品详情*/
.probox{ overflow:hidden;}

.propics{ width:584px; float:left; margin:0 30px 0 0; user-select:none;}
.propics ul.pic{ display:block; border-radius:8px; overflow:hidden;}
.propics ul.pic li{ display:none;}
.propics ul.pic li:nth-child(1){ display:block;}
.propics ul.pic li a{ display:block;}
.propics ul.pic li a img{ display:block; width:100%; height:442px;}
.propics .swiper-container{ width:584px; margin:32px auto 0;}
.propics .swiper-slide{ display:block; width:137px; overflow:hidden; position:relative;}
.propics .swiper-slide a{ display:block; overflow:hidden; cursor:pointer; position:relative; transition:all ease 0.4s;}
.propics .swiper-slide a img{ display:block; width:100%; height:96px;}
.propics .swiper-slide a::before{ content:''; display:block; box-sizing:border-box; width:100%; height:100%; background:rgba(216,30,6,0.0); border:2px solid #d81e06; position:absolute; left:0; top:0; z-index:3; opacity:0; transition:all ease 0.4s;}
.propics .swiper-slide-active a{ border-color:#dac27a;}
.propics .swiper-slide-active a::before{ opacity:1;}
.propics .swiper-button-prev,
.propics .swiper-button-next{ width:28px; height:100%; background-size:100% auto !important; position:absolute; top:0; margin:0;}
.propics .swiper-button-prev{ background:rgba(0,0,0,0.6) url(../images/icons/zoom_prev.png) center no-repeat; left:0;}
.propics .swiper-button-next{ background:rgba(0,0,0,0.6) url(../images/icons/zoom_next.png) center no-repeat; right:0;}
.propics .swiper-button-next.swiper-button-disabled,
.propics .swiper-button-prev.swiper-button-disabled{ opacity:0;}

.prointro{ font-size:16px; overflow:hidden;}
.prointro h3{ display:block; line-height:1.625; color:#333; font-size:1.5em; overflow:hidden; padding:0 0 6px;}
.prointro a.price{ display:block; line-height:1; color:#fff; font-size:16px; background:url(../images/icons/price_bg.jpg) center no-repeat; background-size:100% 100%; padding:40px; border-radius:14px; margin:12px 0 8px;}
.prointro a.price b{ display:block; font-size:1.75em; padding:0 0 12px;}
.prointro p{ display:block; line-height:36px; color:#333; font-size:14px; overflow:hidden;}
.prointro p a.collect{ display:inline-block; vertical-align:top; overflow:hidden; margin:0 0 0 20px;}
.prointro p a.collect::before{ content:''; display:block; width:15px; height:34px; background:url(../images/icons/ico_collect.png) center no-repeat; float:right; margin:0 0 0 0.5em;}
.prointro p em{ display:block; line-height:1; color:#777; text-align:center; padding:2em 0; float:left; margin:0 82px 0 8px;}
.prointro p em b{ display:block; color:#333; font-size:18px; padding:0 0 10px;}
.prointro p label{ display:block; width:120px; color:#777; float:left; margin:0 0 0 8px;}
.prointro p label img{ display:block; width:20px; height:20px; float:left; margin:6px 6px 0 0; object-fit:contain;}
.prointro p a.btn{ display:block; width:106px; line-height:36px; color:#d81e06; font-size:16px; text-align:center; border:1px solid #d81e06; float:left; margin:30px 8px 0;}
.prointro p a.btn:hover{ color:#fff; background:#d81e06;}

.proinfo{ margin:32px 0 0; overflow:hidden;}
.proinfo h2{ display:block; line-height:2.88; font-size:18px; font-weight:normal; overflow:hidden; background:#f5f5f5;}
.proinfo h2 em{ display:block; width:8.45em; color:#fff; text-align:center; background:#d81e06; float:left;}
.proinfo .tbox{ line-height:2; color:#666; font-size:16px; padding:16px 16px 16px; min-height:360px;}
.proinfo .tbox *{ line-height:inherit; color:inherit; font-size:inherit;}
.proinfo .tbox img{ max-width:100%; height:auto;}

/*新闻资讯*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:0 0 60px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:3.5% 0; border-bottom:1px solid #e4e4e4;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:3%;}
.main ul.newsList li a.pic img{ display:block; width:20.25em; height:13.125em; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:2.6; color:#333; font-size:1.25em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:0.3em 0 0;}
.main ul.newsList li .txt{ display:block; height:5.25em; line-height:1.75; color:#666;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li span{ display:block; line-height:2; color:#999; overflow:hidden; padding:1.5em 0 0;}
.main ul.newsList li:hover a.pic img{ transform:/scale(1.05);}
.main ul.newsList li a.title:hover{ color:#d81e06;}

/*案例列表*/
.main .caseList{ display:block; font-size:16px; overflow:hidden; padding:0 0 60px; margin:-1em;}
.main .caseList ul{ display:block; width:33.33%; float:left;}
.main .caseList ul li{ display:block; overflow:hidden; padding:1em;}
.main .caseList ul li .box{ display:block; overflow:hidden; padding:0 2em 1.75em; border:1px solid #e4e4e4; border-radius:10px; box-shadow:0 0 10px 2px rgba(245,245,245,0.4);}
.main .caseList ul li h5.cmt{ display:block; line-height:1.9; color:#333; font-size:1.375em; overflow:hidden; margin:1em 0 0;}
.main .caseList ul li span{ display:block line-height:2; color:#666;}
.main .caseList ul li .txt{ line-height:1.75; color:#333; padding:0.75em 0 0;}
.main .caseList ul li a.pic{ display:block; overflow:hidden; margin:1em 0 0.75em;}
.main .caseList ul li a.pic img{ display:block; width:100%; height:236px;}
.main .caseList ul li a.comp{ display:block; line-height:2.2; color:#333; font-size:1.25em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .caseList ul li a.comp:hover{ color:#d81e06;}
.main .caseList ul li p{ display:block; line-height:1.875; color:#666; overflow:hidden;}

/*在线留言*/
.main form.msg{ display:block; font-size:16px; overflow:hidden; padding:30px 16px 60px;}
.main form.msg p{ display:block; overflow:hidden; padding:14px 0;}
.main form.msg p label{ display:block; width:6em; line-height:46px; color:#333; float:left;}
.main form.msg p label font{ color:#f00; margin:0 4px;}
.main form.msg p input.text{ display:block; width:410px; height:46px; box-sizing:border-box; line-height:1.75; color:#333; padding:8px 14px; border:1px solid #ddd; float:left;}
.main form.msg p textarea{ display:block; width:660px; height:312px; box-sizing:border-box; line-height:1.75; color:#333; padding:8px 14px; border:1px solid #ddd; float:left; resize:vertical;}
.main form.msg p input.btn{ display:block; width:130px; height:44px; line-height:44px; color:#fff; font-size:16px; border:0; background:#d81e06; border-radius:8px; cursor:pointer; margin:1em auto 0;}











/**/