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

.ani{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; border-bottom:1px solid #ddd; position:relative; z-index:9;}
.header .head{ width:1100px; height:110px; margin:0 auto; position:relative;}
.header h1.logo{ display:block; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:110px;}
.header p.links{ display:block; line-height:110px; color:#666; font-size:14px; float:right;}
.header p.links a{ margin:0 6px;}
.header p.links a:hover{ color:#cc0000;}

/*导航样式*/
.nav{ display:block; height:80px; position:relative;}
.nav ul{ display:block; width:1100px; height:80px; position:relative; margin:0 auto;}
.nav ul::after{ content:''; display:block; width:120vw; height:100%; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.nav ul li{ display:block; width:14.285%; text-align:center; float:left; box-sizing:border-box; border-left:1px solid #eee; position:relative; z-index:99;}
.nav ul li:first-child{ border:0;}
.nav ul li a{ display:block; line-height:80px; color:#333; font-size:16px; position:relative; z-index:5; transition:color ease 0.4s;}
.nav ul li a:hover,
.nav ul li.on a,
.nav ul li.cur a{ color:#fff; background:#cc0000;}

.nav ul li p.sub{ display:block; width:100%; height:0; overflow:hidden; position:absolute; left:0%; top:100%; z-index:98;}
.nav ul li p.sub a{ line-height:3.75; color:#383838; font-size:12px; background:#eee; overflow:hidden; transition:all ease 0.4s;}
.nav ul li p.sub a:hover{ color:#cc0000;}

.nav.fixed ul{ background:#eee; position:fixed; left:50%; top:0; z-index:999; transform:translate(-50%,0);}
.nav.fixed ul::after{ content:''; display:block; width:120vw; height:100%; background:#eee; position:absolute; left:50%; top:0; z-index:1; transform:translate(-50%,0); box-shadow:0 4px 4px rgba(0,0,0,0.1);}
.nav.fixed ul li{ border-color:#eee;}

/*banner样式*/
.banner{ height:480px; position:relative;}
.banner .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide a{ display:block; height:480px; overflow:hidden; position:relative;}
.banner .swiper-slide a em{ display:block; height:240px; overflow:hidden; position:relative;}
.banner .swiper-slide a em i{ display:block; width:100%; height:200%; background:#fff center no-repeat; background-size:cover; position:absolute; left:0;}
.banner .swiper-slide a em.t i{ top:0;}
.banner .swiper-slide a em.b i{ bottom:0;}

.banner .swiper-slide{ z-index:1;}
.banner .swiper-slide a em{ opacity:0;}
.banner .swiper-slide a em.t{ transform:translate(0,-100%) scale(2);}
.banner .swiper-slide a em.b{ transform:translate(0, 100%) scale(2);}
.banner .swiper-slide-active{ z-index:3;}
.banner .swiper-slide-active a em{ transition:all ease 0.8s; opacity:1;}
.banner .swiper-slide-active a em.t{ transform:translate(0,0) scale(1);}
.banner .swiper-slide-active a em.b{ transform:translate(0,0) scale(1);}
.banner .swiper-slide-prev{ z-index:2;}
.banner .swiper-slide-prev a em{ opacity:1;}
.banner .swiper-slide-prev a em.t{ transform:translate(0, 0) scale(1);}
.banner .swiper-slide-prev a em.b{ transform:translate(0, 0) scale(1);}

.banner .swiper-pagination{ height:14px; bottom:26px;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#000; border-radius:50%; opacity:0.5; margin:0 6px !important; vertical-align:top;}
.banner .swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ display:block; width:34px; height:58px; position:absolute; top:50%; margin-top:-29px; z-index:9;}
.banner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:10px;}
.banner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:10px;}
 
/*footer样式*/
.footer{ background:#444; overflow:hidden;}
.footer .foot{ width:1200px; margin:0 auto;}
.footer .copyright{ line-height:2.285; color:#eee; font-size:14px; text-align:center; overflow:hidden; padding:1.5em 0;}
.footer .copyright a{ color:#eee;}
.footer .copyright a:hover{ color:#fff;}

/*返回顶部*/
.backToTop{ display:none; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:46px; cursor:pointer; opacity:0.6; z-index:998;}
.backToTop:hover{ opacity:0.8;}

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

/*二级栏目*/
.main .menu{ width:208px; overflow:hidden; position:relative; z-index:3; float:left; margin:48px 20px 0 0;}
.main .menu h2{ display:block; line-height:48px; color:#fff; font-size:18px; font-weight:normal; background:#cc0000; padding:0 24px; overflow:hidden;}
.main .menu h2 em{ display:block; overflow:hidden;}
.main .menu h2 b{ display:block; float:left; margin-right:26px;}
.main .menu ul{ display:block; border:1px solid #eee; position:relative; margin:4px 0 60px; box-shadow:0px 2px 2px #999;}
.main .menu ul li{ display:block;}
.main .menu ul li a{ display:block; line-height:42px; color:#4e4e4e; font-size:14px; text-align:center; padding:0 10px; white-space:nowrap; text-overflow:ellipsis;}
.main .menu ul li a:hover{ color:#cc0000;}
.main .menu ul li p.sub{ display:none; padding-left:30px; position:relative; margin:0 -1px; border:1px solid #fff; border-width:0 1px 1px; border-bottom-color:#eee;}
.main .menu ul li p.sub::before{ content:''; display:block; width:100%; height:1px; box-shadow:0px 2px 2px #999; position:absolute; left:0; bottom:100%;}
.main .menu ul li p.sub a{ color:#4e4e4e; font-size:12px; background:#fff;}
.main .menu ul li p.sub a:hover,
.main .menu ul li p.sub a.cur{ color:#cc0000;}
.main .menu ul li.cur a{ color:#fff; background:#cc0000;}
.main .menu ul li.cur p.sub{ display:block;}
.main p.position{ display:block; line-height:48px; color:#666; font-size:14px; white-space:nowrap; text-overflow:ellipsis; padding:48px 6px 4px; border-bottom:1px solid #ddd;}
.main p.position a:hover{ color:#cc0000;}

/*内容*/
.main .attr{ overflow:hidden; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main h3.title{ display:block; line-height:1.5; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:36px 0 4px;}
.main p.mark{ display:block; line-height:4; color:#999; font-size:12px; text-align:center; padding:0 0 8px; border-bottom:1px solid #ddd;}
.main p.mark a{ color:#999;}
.main .article{ line-height:1.75; color:#444; font-size:14px; padding:16px 16px 48px; overflow:hidden;}
.main .article > p{ padding:6px 0;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; overflow:hidden; padding:0 0 36px;}
.main .change p{ display:block; max-width:40%; line-height:2; color:#666; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ transition:all ease 0.4s;}
.main .change a:hover{ color:#cc0000;}

/*页码样式*/
.pages{ text-align:center; font-size:12px; padding:0 0 6%;}
.pages a,
.pages span{ display:inline-block; min-width:10px; color:#666; height:24px; line-height:24px; text-align:center; padding:3px 11px; border:1px solid #ddd; border-radius:3px; margin:0 5px;}
.pages a:hover{ color:#666; background:#eee; border-color:#ccc;}
.pages span{ color:#666; background:#eee; border-color:#ccc; cursor:pointer;}
.pages a.num{ display:none;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:0 -8px; padding:0 0 48px;}
.main .article + ul.proList{ margin-top:-32px;}
.main ul.proList li{ display:block; width:33.33%; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; position:relative; margin:0 8px 16px;}
.main ul.proList li a img{ display:block; width:100%; height:362px; object-fit:cover;}
.main ul.proList li a span{ display:block; width:calc(100% - 12px); line-height:38px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 6px; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s;}
.main ul.proList li a:hover span{ background:rgba(204,0,0,0.8);}

/*产品图片*/
.picList{ display:block; overflow:hidden; padding:20px 0 30px;}
.picList figure{ display:block; width:310px; float:left; margin:0 0 calc(50% - 465px) calc(50% - 465px);}
.picList figure:nth-child(3n-2){ margin-left:0;}
.picList figure a{ display:block; height:200px; box-sizing:border-box; background:#cc0000; overflow:hidden; margin:0 auto; transition/:all ease 0.2s;}
.picList figure a img{ display:block; width:100%; height:100%; object-fit:cover; transition/:all ease 0.2s;}
.picList figure a:only-child{ height:240px;}
.picList figure a:hover{ padding:5px;}
.picList figure a:hover img{ height:190px;}
.picList figure a:only-child:hover img{ height:230px;}
.picList figure span{ display:block; line-height:38px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 6px; position:relative; margin:-38px 0 0; transition/:all ease 0.2s;}
.picList figure:hover span{ margin:-43px 5px 0;}

.article + .picList{ padding-top:0; margin-top:-28px;}
.picList + .article{ padding-top:0; margin-top:-28px;}

/*设备列表*/
.main a.equip{ display:block; width:600px; overflow:hidden; position:relative; margin:24px auto 6px;}
.main a.equip img{ display:block; width:100%; height:330px; object-fit:cover;}
.main a.equip span{ display:block; width:calc(100% - 12px); line-height:38px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 6px; position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s;}
.main a.equip:hover span{ background:rgba(204,0,0,0.8);}


/*公司地图*/
.contact{ overflow:hidden; padding:48px 0;}
.contact .map{ overflow:hidden;}
.contact form.msg{ display:block; width:422px; padding:6px 24px 12px 0; float:left;}
.contact form.msg p{ display:block; overflow:hidden; padding:6px 0;}
.contact form.msg p input.text{ display:block; width:100%; box-sizing:border-box; height:38px; line-height:28px; color:#444; font-size:14px; padding:4px 12px; border:1px solid #ddd;}
.contact form.msg p textarea{ display:block; width:100%; box-sizing:border-box; height:148px; line-height:28px; color:#444; font-size:14px; padding:4px 12px; border:1px solid #ddd; resize:none;}
.contact form.msg p ::placeholder{ color:#999;}
.contact form.msg p input.short{ width:calc(100% - 120px); border-right:0; float:left;}
.contact form.msg p img{ display:block; width:118px; height:36px; border:1px solid #ddd; cursor:pointer; float:left;}
.contact form.msg p input.btn{ display:block; width:100px; height:38px; line-height:38px; color:#fff; font-size:14px; background:#cc0000; border:none; cursor:pointer; float:right; border-radius:3px;}





















/**/