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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1240px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,0.17);}
.header .head{ width:1200px; height:90px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; position:relative; float:left;}
.header h1.logo a{ display:block; position:relative; z-index:3;}
.header h1.logo a img{ display:block; height:90px;}

/*导航*/
ul.nav{ display:block; height:90px; float:right;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:90px; color:#444; font-size:17px; font-weight:bold; text-align:center; overflow:hidden; padding:0 26px; position:relative; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#e22434;}

ul.nav li p.sub{ display:none; min-width:100%; background:#f5f5f5; overflow:hidden; padding:6px 0; position:absolute; left:50%; transform:translateX(-50%); top:100%; z-index:99;}
ul.nav li p.sub a{ line-height:3; color:#666; font-size:14px; font-weight:normal; padding:0 0.75em; white-space:nowrap;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#e22434;}

/*banner*/
.banner{ min-width:100vw; height:480px; background-size:cover !important; margin:90px 0 0;}

/*底部*/
.footer{ color:#fff; background:#000; padding:20px 0 0; position:relative; z-index:9;}
.footer .wave{ width:100%; height:60px; overflow:hidden; position:absolute; left:0; bottom:100%;}
.footer .wave i{ display:block; width:200%; height:100%; background:url(../images/common/foot_waves.png) left center repeat-x; background-size:50% 100%; position:absolute; left:-100%; top:0; animation:wave 5s linear infinite;}
@keyframes wave{
	0%{ transform:translateX(0);}
	100%{ transform:translateX(50%);}
}
.footer .foot{ display:flex; width:1200px; margin:0 auto; flex-wrap:wrap; justify-content:space-between;}
.footer dl{ display:block; overflow:hidden;}
.footer dl dt{ display:block; line-height:60px; color:#fff; font-size:20px; font-weight:bold; overflow:hidden;}
.footer dl dd{ display:block; line-height:28px; color:#fff; font-size:14px; overflow:hidden; padding:6px 0;}
.footer dl dd a{ color:#d9d9d9;}
.footer dl dd a:hover{ color:#fff;}
.footer dl dd .code{ display:block; width:130px; line-height:56px; color:#aaa; font-size:14px; text-align:center;}
.footer dl dd .code img{ display:block; width:100%;}
.footer dl dd .code a{ display:block; width:88px; line-height:28px; color:#aaa; border:1px solid #aaa; border-radius:3px; margin:0 auto;}
.footer dl dd .code a:hover{ color:#fff; border-color:#fff;}
.footer .copyright{ width:100%; line-height:28px; color:#fff; font-size:14px; overflow:hidden; padding:20px 0; border-top:1px solid #333; margin:30px 0 0;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:40px; height:40px; background:#0e0e0e url(../images/common/top.png) center no-repeat; background-size:auto 60%; border-radius:4px; position:fixed; right:12px; bottom:100px; cursor:pointer; text-indent:-9999px; z-index:999;}
.backToTop:hover{ background-color:#444;}

/*主体样式*/
.main{}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; clear:both;}

/*分类*/
.subMenu{ display:block; text-align:center; overflow:hidden; background:#f9f9f9;}
.subMenu ul{ display:flex; justify-content:center; width:1200px; overflow:hidden; margin:0 auto;}
.subMenu ul li{ display:block;}
.subMenu ul li a{ display:block; min-width:5em; line-height:70px; color:#333; font-size:16px; text-align:center; padding:0 30px;}
.subMenu ul li a:hover,
.subMenu ul li.cur a{ color:#fff; background:#e22434;}

/*右侧样式*/
p.position{ display:block; line-height:60px; color:#cecece; font-size:14px; text-align:right; overflow:hidden; border-bottom:1px solid #ededed;}
p.position a{ color:#5a5a5a; margin:0 20px;}
p.position a.home{ padding:2px 0; padding-left:36px; background:url(../images/common/posit.png) left center no-repeat;}
p.position a:hover{ color:#e22434;}

/*内容样式*/
.main .attr{ width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:18px; text-align:center; overflow:hidden; padding:60px 0 0;}
.main .attr h2.title span{ display:block; line-height:1.8; color:#e22434; text-transform:uppercase;}
.main .attr h2.title em{ display:inline-block; vertical-align:top; line-height:1.5; color:#333; font-size:2em; position:relative;}
.main .attr h2.title em::after{ content:''; display:block; width:14px; height:14px; border:5px solid #e22434; border-radius:50%; position:absolute; right:6px; top:0; z-index:-1;}

.main .attr h3.title{ display:block; line-height:44px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:14px 0; margin:24px 0 0;}
.main .attr p.mark{ display:block; line-height:24px; color:#888; font-size:13px; text-align:center; background:#f5f5f5; padding:8px 0; margin:10px 0 20px;}
.main .attr .desc{ display:block; line-height:24px; color:#888; font-size:14px; background:#f5f5f5; padding:8px 20px; border:1px solid #e5e5e5; margin:4px 0 -4px;}
.main .article{ line-height:2.15; color:#434343; font-size:16px; text-align:justify; overflow:hidden; padding:0 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; overflow:hidden; padding:24px 0 40px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:48%; line-height:30px; color:#5a5a5a; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.main .change p:hover{ color:#e22434;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 90px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:12px; color:#666; height:24px; line-height:24px; text-align:center; padding:4px 11px; border:1px solid #ccc; border-radius:4px; margin:0 6px;}
.pages a:hover,
.pages span{ color:#fff; background:#e22434; border-color:#e22434;}

/*图片列表*/
.main .picList{ display:block; padding:48px 0 60px; overflow:hidden; margin:-15px;}
.main .picList figure{ width:33.33%; overflow:hidden; box-sizing:border-box; float:left;}
.main .picList figure a{ display:block; overflow:hidden; padding:15px; border:1px solid #eee; position:relative; margin:15px;}
.main .picList figure a img{ display:block; width:100%;}
.main .picList figure a span{ display:block; width:100%; line-height:2.875; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.main .picList figure a:hover span{ background:rgba(184,3,11,0.7);}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:0 -15px; padding:40px 0 40px;}
.main ul.proList li{ display:block; width:33.33%; box-sizing:border-box; padding:0 15px 30px; float:left;}
.main ul.proList li a.pic{ display:block; overflow:hidden; position:relative;}
.main ul.proList li a.pic img{ display:block; width:100%; height:285px; object-fit:cover; transition:all ease 0.4s;}
.main ul.proList li a.pic:hover img{ transform:scale(1.1);}
.main ul.proList li a.title{ display:block; line-height:26px; color:#5a5a5a; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:20px 0 0;}
.main ul.proList li a.title:hover{ color:#e22434;}
.main ul.proList li p{ display:block; line-height:2; color:#777; font-size:14px; padding:6px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.proPics{ position:relative; margin:16px 0 30px;}
.proPics .swiper-container{ width:600px; position:relative; margin:0 auto;}
.proPics .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.proPics .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.proPics .swiper-slide .box img{ display:block; width:600px; height:450px; object-fit:cover; margin:0 auto;}
.proPics .swiper-button-prev,
.proPics .swiper-button-next{ display:block; width:50px; height:50px; margin-top:-25px; background-size:contain !important; filter:brightness(0) invert(0.7);}
.proPics .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:40px;}
.proPics .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:40px;}
.proPics .swiper-button-prev:hover,
.proPics .swiper-button-next:hover{ filter:brightness(1) invert(0);}

/*新闻列表*/
.main ul.newsList{ display:block; padding:10px 40px; overflow:hidden; border:1px solid #eee; margin:40px 0 60px;}
.main ul.newsList li{ display:block; padding:30px 0; overflow:hidden; border-bottom:1px dashed #eee;}
.main ul.newsList li:last-child{ border:0;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.newsList li a.pic img{ display:block; width:288px; height:180px; object-fit:cover; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.1);}
.main ul.newsList li h4{ display:block; line-height:44px; color:#5a5a5a; font-size:18px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:4px 0 0;}
.main ul.newsList li a.cate{ color:#e22434; margin-right:0.5em;}
.main ul.newsList li a.title{ color:#333; font-weight:bold;}
.main ul.newsList li a.title:hover{ color:#e22434;}
.main ul.newsList li span{ display:block; line-height:20px; color:#999; font-size:14px; overflow:hidden; padding:6px 0 0;}
.main ul.newsList li p{ display:block; height:84px; line-height:28px; color:#999; font-size:15px; padding:10px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

.main .newsCon{ padding:10px 40px; overflow:hidden; border:1px solid #eee; margin:40px 0 90px;}

/*招商加盟*/
.main ul.jiameng{ display:block; font-size:16px; overflow:hidden; padding:0 0 100px; margin:-250px 0 0;}
.main ul.jiameng li{ display:flex; justify-content:space-between; align-items:flex-end; padding:50px 0; border-bottom:1px solid #e1e1e1;}
.main ul.jiameng li:last-child{ border-bottom:0;}
.main ul.jiameng li i.pic{ display:block; width:46%; background:#434343; padding:56px 16px; box-sizing:border-box;}
.main ul.jiameng li i.pic img{ display:block; width:100%;}
.main ul.jiameng li .info{ width:48%;}
.main ul.jiameng li .info h4{ display:block; max-width:552px; line-height:3; font-size:1.75em; font-weight:normal; border-bottom:1px solid #e1e1e1;}
.main ul.jiameng li .info .txt{ line-height:2; color:#666; font-size:0.875em; padding:1.5em 0 0;}

.main ul.jiameng dl{ display:block; width:46%; color:#fff; background:#e22434; padding:20px 80px 56px; box-sizing:border-box;}
.main ul.jiameng dl dt{ display:block; line-height:1.4; font-size:1.875em; padding:1em 0; border-bottom:1px solid #fff; margin:0 0 0.5em;}
.main ul.jiameng dl dd{ display:block; overflow:hidden; padding:1.25em 0 0;}
.main ul.jiameng dl dd img{ display:block; height:4em; float:left; margin:0 1em 0 0;}
.main ul.jiameng dl dd b{ display:block; line-height:2; font-size:1.25em; overflow:hidden; padding:0 0 0.25em;}
.main ul.jiameng dl dd p{ display:block; line-height:1.5; font-size:0.875em; overflow:hidden;}
.main ul.jiameng dl + .info{ width:46%;}

.main ul.jiameng li .info:only-child{ width:100%;}
.main ul.jiameng li .info:only-child h4{ text-align:center; margin:0 auto;}
.main ul.jiameng li .info:only-child p.tel{ display:block; overflow:hidden; padding:50px 0 0;}
.main ul.jiameng li .info:only-child p.tel a{ display:block; width:25%; box-sizing:border-box; line-height:1; color:#434343; font-weight:bold; text-align:center; padding:20px 0; border-right:1px solid #e1e1e1; float:left;}
.main ul.jiameng li .info:only-child p.tel a:first-child{ border-left:1px solid #e1e1e1;}
.main ul.jiameng li .info:only-child p.tel a img{ display:block; height:5em; margin:0 auto;}
.main ul.jiameng li .info:only-child p.tel a em{ display:block; line-height:2.5; font-size:1.125em; padding:1em 0 0;}
.main ul.jiameng li .info:only-child p.tel a b{ display:block; line-height:1.5; font-size:1.5em;}

/*联系*/
.main .contact{ padding:0 0 80px; overflow:hidden;}
.main .contact ul{ display:block; font-size:16px; overflow:hidden; margin:48px 0; border-left:1px solid #ededed;}
.main .contact ul li{ display:block; width:25%; text-align:center; box-sizing:border-box; padding:20px 0; border-right:1px solid #ededed; float:left;}
.main .contact ul li a{ display:block; overflow:hidden; padding:0 36px;}
.main .contact ul li img{ display:block; height:5em; margin:0 auto;}
.main .contact ul li b{ display:block; line-height:4.5; color:#333; font-size:1.125em; overflow:hidden;}
.main .contact ul li span{ display:block; line-height:1.5; color:#434343; font-size:0.875em; overflow:hidden;}
.main .map{ padding:70px 0 100px;}
.main .msg{ background:url(../images/icons/msg_bg.jpg) center top no-repeat; background-attachment:fixed; position:relative; overflow:hidden; padding:80px 0;}
.main .msg form{ display:block; background:rgba(255,255,255,0.8); padding:60px 100px; border-radius:20px; position:relative; z-index:3;}
.main .msg form input.text{ display:block; box-sizing:border-box; width:100%; height:50px; line-height:1.75; color:#333; font-size:16px; padding:10px 14px; background:rgba(255,255,255,0.8); border:1px solid #eee; border-radius:5px; margin:0 0 30px;}
.main .msg form textarea{ display:block; box-sizing:border-box; width:100%; height:96px; line-height:1.75; color:#333; font-size:16px; padding:10px 14px; background:rgba(255,255,255,0.8); border:1px solid #eee; border-radius:5px; margin:0 0 30px; resize:none;}
.main .msg form ::placeholder{ color:#666;}
.main .msg form input.btn{ display:block; width:100%; height:48px; color:#666; font-size:18px; font-weight:bold; border:0; background:none; border-radius:5px; cursor:pointer;}
.main .msg form input.btn:hover{ color:#fff; background:#e22434;}


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

.wrap{ min-width:0;}

.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 30px);}

.header .head{ height:60px;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:30px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:22px auto; float:right;}

ul.nav{ width:132px; height:auto; background:#f5f5f5; padding:6px 0; position:absolute; right:-15px; top:100%; box-shadow:0 1px 4px rgba(0,0,0,0.2); transition:all ease 0.4s; transform:translateX(100%); visibility:hidden;}
ul.nav.show{ transform:translateX(0); visibility:visible;}
ul.nav li{ float:none;}
ul.nav li a{ line-height:3; font-size:15px; font-weight:normal; padding:0 1em;}

.banner{ margin:60px 0 0; height:36vw;}

.footer{ background:#3c3c3c;}
.footer .wave{ display:none;}
.footer .foot{ display:block;}
.footer dl{ display:none;}
.footer dl.wap{ display:block;}
.footer dl dt{ display:none;}
.footer dl dd{ padding:10px 0 0;}
.footer dl dd .code{ margin:0 auto; color:#ddd;}
.footer dl dd .code a{ display:none;}
.footer .copyright{ color:#ddd; text-align:center; border:0; margin:0; font-size:13px; line-height:1.75; padding:8px 0 20px;}
.footer .copyright p{ float:none;}

.backToTop{ width:32px; height:32px;}

.subMenu ul{ width:auto; display:block; overflow:hidden;}
.subMenu ul li{ float:left; width:33.33%;}
.subMenu ul li a{ padding:0; min-width:0; font-size:14px; line-height:3;}

.main .attr h2.title{ font-size:12px; padding:3em 0 0;}
.main .attr h2.title span{ font-size:1.25em;}

.main .attr h3.title{ padding:10px 0; line-height:1.5; font-size:22px;}
.main .article{ font-size:14px; line-height:2;}

.main .change{ display:block; padding:16px 0 24px;}
.main .change p{ font-size:14px; max-width:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:1px 9px; margin:0 4px;}

.main .picList{ margin:-6px; padding:30px 0 40px;}
.main .picList figure{ width:50%;}
.main .picList figure a{ margin:6px; padding:6px;}

.main ul.proList{ margin:0 -6px; padding:20px 0 20px;}
.main ul.proList li{ width:50%; padding:0 6px 20px;}
.main ul.proList li a.pic img{ height:calc(37.5vw - 15.75px);}
.main ul.proList li a.title{ font-size:16px; font-weight:bold; padding:13px 0 0;}
.main ul.proList li p{ font-size:13px; padding:3px 0 0;}

.main .newsCon{ border:0; padding:0; margin:0;}
.proPics{ height:auto; margin:20px 0 16px;}
.proPics .swiper-container{ width:auto; height:calc(75vw - 22.5px);}
.proPics .swiper-slide .box img{ width:100%; height:100%;}
.proPics .swiper-button-prev,
.proPics .swiper-button-next{ width:32px; height:32px; filter:brightness(0) invert(0.5); margin-top:-16px;}
.proPics .swiper-button-prev{ left:0;}
.proPics .swiper-button-next{ right:0;}

.main ul.jiameng{ margin:0; font-size:15px; padding:0 0 8px;}
.main ul.jiameng li{ display:block; padding:20px 0;}
.main ul.jiameng dl{ width:auto; padding:12px 24px 28px; margin:0 0 20px;}
.main ul.jiameng dl dt{ font-size:1.25em; padding:0.75em 0; margin:0;}
.main ul.jiameng dl dd{ padding:1em 0 0;}
.main ul.jiameng dl dd b{ font-size:16px;}
.main ul.jiameng li .info{ width:auto;}
.main ul.jiameng dl + .info{ width:auto;}
.main ul.jiameng li .info h4{ border:0; font-size:1.25em; line-height:2;}
.main ul.jiameng li .info .txt{ padding:0.75em 0 0;}
.main ul.jiameng li i.pic{ width:auto; padding:16px; margin:20px 0 0;}
.main ul.jiameng li .info:only-child p.tel{ padding:20px 0 0; font-size:12px;}
.main ul.jiameng li .info:only-child p.tel a{ width:50%; border-left:1px solid #e1e1e1; border-right:0; margin:0 0 20px;}
.main ul.jiameng li .info:only-child p.tel a:first-child,
.main ul.jiameng li .info:only-child p.tel a:nth-child(odd){ border-left:0;}
.main ul.jiameng li .info:only-child p.tel a img{ height:4em;}

.main ul.newsList{ padding:20px 0 20px; border:0; margin:0;}
.main ul.newsList li a.pic{ float:none; margin:0; float:none;}
.main ul.newsList li a.pic img{ width:100%; height:auto;}

.main ul.newsList li{ padding:0 0 20px;}
.main ul.newsList li h4{ font-size:16px; margin:4px 0 0;}
.main ul.newsList li span{ font-size:13px; padding:0;}
.main ul.newsList li p{ font-size:13px; padding:8px 0 0;}

.main .contact{ padding:0 0 20px;}
.main .contact ul{ border:0; font-size:13px; margin:20px 0 0;}
.main .contact ul li{ width:100%; border:0; padding:12px 0;}
.main .contact ul li:last-child{ border-bottom:0;}
.main .contact ul li a{ padding:0; overflow:hidden; text-align:left;}
.main .contact ul li img{ height:40px; float:left; margin:5px 1.5em 0 0.5em;}
.main .contact ul li b{ line-height:36px; font-size:16px; overflow:hidden;}
.main .contact ul li span{ font-size:1em; overflow:hidden; line-height:22px;}
.main .msg{ padding:30px 0;}
.main .msg form{ padding:16px 16px; border-radius:10px;}
.main .msg form input.text{ height:46px; font-size:14px; line-height:24px; margin:0 0 12px;}
.main .msg form textarea{ font-size:14px; line-height:24px; margin:0 0 12px;}
.main .msg form input.btn{ height:46px; font-size:16px; color:#fff; background:#e22434;}
.main .map{ padding:20px 0 30px;}







}









/**/