@charset "utf-8";
/* CSS Document */
html,body#index{height:100%;}
body#index{
	-webkit-user-select:none; /* 禁止选择 */
  -webkit-touch-callout:none; /* 禁用弹出 */
  color:#333;
}

/* 背景图片 */
#pages-nav a, .slidNP, #slides-nav a, .logo a,
.nav ul, .nav ul li,
.about-link a .icon,
.news-hot-1 .news-hot-dl:after, .news-hot-1 .news-hot-dl::after, .news-hot-2 .news-hot-dl:after, .news-hot-2 .news-hot-dl::after,
.contact-wq a{
  background-image:url(img/base.png);background-repeat:no-repeat;
}

/* 基本 */
.container, .index-container{width:100%;min-width:1400px;}
.content{margin:0 auto;width:1400px;overflow:hidden;}
.wrapper{position:relative;min-height:100%;_height:100%;overflow:hidden;}

/* 头部 */
.top{
  /* z-index:99;position:absolute;top:0;left:0;right:0px; */
  position:fixed;_position:absolute;z-index:99;
  top:0;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));
}
.top .content, .logo a{height:66px;}
.top .content{width:auto;min-width:1350px;padding:25px 25px 7px;overflow:visible;}
.topGeneral{background-color:#FFF;box-shadow:0 0 8px #CCC;}
.topGeneral .content{padding-top:7px;}

.top, .top .content, .nav a, .nav ul{
  transition:all .5s;
  -moz-transition:all .5s;	/* Firefox 4 */
  -webkit-transition:all .5s;	/* Safari 和 Chrome */
  -o-transition:all .5s;
}

.logo, .logo a{float:left;}
.logo a{display:block;width:237px;height:66px;line-height:66px;overflow:hidden;text-indent:237px;background-position:0 -90px;}

/* 头部.导航 */
.nav{padding-top:13px;float:right;font-size:14px;}
.nav li{margin:0 5px;position:relative;}
.nav li, .nav a{float:left;}
.nav a{
  display:block;width:96px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#333;
  background:transparent;background:url(img/base.png) 96px 40px no-repeat \9;border-radius:9px;
}
.nav .active a, .nav a:hover, .nav li:hover a{
  background:#EE1D25;background:transparent url(img/base.png) -392px -90px no-repeat \9;
  color:#FFF;
}
.nav ul{
  position:absolute;top:40px;left:-26px;
  display:none;padding:0 0 32px;background-position:right bottom;
}
.nav li:hover ul{display:block;}
.nav ul a, .nav .active ul a, .nav li:hover ul a{color:#333;background-color:transparent;}
.nav ul li{margin:0;padding:0 12px;background-position:0 -501px;}
.nav ul li.st{padding-top:22px;background-position:0 -479px;}
.nav ul li, .nav ul a{float:none;}
.nav ul a{width:124px;height:32px;line-height:32px;background-image:none;background-color:transparent;}
.nav ul a:hover, .nav .active ul a:hover, .nav li:hover ul a:hover{color:#EE1D25;background-color:transparent;}

.nav li.spe{margin:0 5px;}
.nav li.spe a{width:40px;overflow:hidden;text-indent:40px;background-color:transparent;}
.nav li.nWX{margin-left:17px;}
.nav li.nWX a{background:url(img/base.png) -288px -131px no-repeat;}
.nav li.nWX a:hover{background:url(img/base.png) -329px -131px no-repeat;}
.nav li.nWB{margin-left:5px;}
.nav li.nWB a{background:url(img/base.png) -370px -131px no-repeat;}
.nav li.nWB a:hover{background:url(img/base.png) -411px -131px no-repeat;}

/* 首页 */
#switch{position:absolute;width:100%;height:100%;}
.index-container{height:100%;}
.index-container h3{text-align:center;font-size:40px;font-weight:normal;}
.index-container h3 em{margin-top:10px;font-size:20px;color:#ababab;text-transform:uppercase;}
.index-container .content{margin:0 auto;width:660px;overflow:hidden;}

.slide img{width:100%;height:100%;object-fit:cover;}

#slides-nav{position:absolute;width:100%;left:0;bottom:35px;text-align:center;font-size:0;}
#slides-nav a{margin:0 12px;display:inline-block;width:24px;height:24px;}


/* 首页.翻页标示 */
#pages-nav{position:fixed;z-index:98;margin-top:-105px;top:50%;right:35px;opacity:1;}
#pages-nav a{
  margin:15px 0;display:block;width:24px;height:24px;overflow:hidden;cursor:pointer;
  background-position:-238px -90px;
}
#pages-nav a.active{background-position:-263px -90px;}

#pages-nav a, .slidNP, #slides-nav a{
  transition:background-position .2s;
  -moz-transition:background-position .2s;	/* Firefox 4 */
  -webkit-transition:background-position .2s;	/* Safari 和 Chrome */
  -o-transition:background-position .2s;
}

.slidNP{
  position:absolute;top:50%;margin-top:-20px;z-index:96;
  width:25px;height:40px;line-height:40px;overflow:hidden;text-indent:-99px;
}
.slidPrev{left:75px;background-position:-340px -90px;}
.slidPrev:hover{background-position:-366px -90px;}
.slidNext{right:75px;background-position:-288px -90px;}
.slidNext:hover{background-position:-314px -90px;}

#slides-nav, #slides-nav a{height:8px;}
#slides-nav{position:absolute;bottom:35px;left:0;width:100%;text-align:center;font-size:0;}
#slides-nav a{display:inline-block;width:48px; background-position:-238px -140px;}
#slides-nav a.active{background-position:-238px -149px;}


/* 首页.产品展示页 */
.index-product h3{margin-top:30px;line-height:72px;font-size:48px;color:#333;}
.index-product h3 em{line-height:18px;font-size:12px;color:#ABABAB;}
.index-proSlogan, .index-proType{float:left;width:50%;height:100%;overflow:hidden;}
.index-proSlogan{background:#FFF url(img/indexBg-1.jpg) 50% 50% no-repeat;background-size:cover;}
/* .index-proSlogan .content{float:right;width:660px;margin-right:20px;} */

.index-proType li{position:relative;float:left;width:50%;height:50%;text-align:center;overflow:hidden;}
.index-proType li a{position:relative;z-index:9;display:block;height:92%;padding-top:8%;text-align:center;font-size:36px;}
.index-proType li a:hover{text-shadow:0 0 10px #f3f3f3;}
.index-proType li a em{display:block;clear:both;font-size:14px;color:#ababab;}
.index-proType li.pt1, .index-proType li.pt4{background-color:#f0f0f0;}
.index-proType li.pt2, .index-proType li.pt3{background-color:#FFF;}
.index-proType li img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}

.proSl-more{
  margin:25px auto 35px;display:block;width:176px;height:62px;line-height:62px;text-align:center;font-size:20px;color:#FFF;
  background-color:#EE1D25;background:url(img/base.png) 0 -157px no-repeat \9;border-radius:31px;
  transition:all .5s;
  -moz-transition:all .5s;	/* Firefox 4 */
  -webkit-transition:all .5s;	/* Safari 和 Chrome */
  -o-transition:all .5s;
}
.proSl-more:hover{
  background:#B8161D;color:#FFF;
  background:url(img/base.png) 0 -220px no-repeat \9;
}

.proSl-logos{margin:0 auto;width:660px;}
.proSl-logos li, .proSl-logos img{float:left;width:120px;height:100px;}
.proSl-logos li{margin:0 50px 28px;}

/* 首页.介绍盼盼页 */
.index-about, .index-video{float:left;width:50%;height:100%;}
.index-about{background:#EE1D25 url(img/indexBg-2.jpg) 50% 50% no-repeat;}
/* .index-about .content{float:right;width:660px;margin-right:20px;} */
.index-about h3, .index-about h3 em, .index-about p{color:#FFF;}
.index-about h3{margin:120px 0 35px;line-height:60px;font-size:40px;text-align:left;}
.index-about h3 em{line-height:27px;font-size:18px;}
.index-about p{line-height:32px;font-size:16px;}
.index-video{background-color:#000;}

.about-link{margin-top:50px;overflow:hidden;clear:both;}
.about-link li, .about-link a{float:left;*display:inline;*width:64px;font-size:16px;color:#FFF;}
.about-link li{margin-left:10px;margin-right:70px;}
.about-link a .icon{
  margin:0 auto;display:block;width:58px;height:58px;
  transition:all .5s;
  -moz-transition:all .5s;	/* Firefox 4 */
  -webkit-transition:all .5s;	/* Safari 和 Chrome */
  -o-transition:all .5s;
}
.about-link a:hover{color:#ffa800;}

.about-link .al-1 .icon{background-position:-238px -172px;}
.about-link .al-2 .icon{background-position:-297px -172px;}
.about-link .al-3 .icon{background-position:-356px -172px;}
.about-link .al-1 a:hover .icon{background-position:-238px -231px;}
.about-link .al-2 a:hover .icon{background-position:-297px -231px;}
.about-link .al-3 a:hover .icon{background-position:-356px -231px;}

.about-more{
  clear:both;margin-top:75px;display:block;width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#EE1D25;
  background:#fff;border-radius:24px;
  background:url(img/base.png) 0 -283px no-repeat \9;
  transition:all .5s;
  -moz-transition:all .5s;	/* Firefox 4 */
  -webkit-transition:all .5s;	/* Safari 和 Chrome */
  -o-transition:all .5s;
}
.about-more:hover{
  background:#b8161d;color:#FFF;
  background:url(img/base.png) 0 -332px no-repeat \9;
}

/* 首页.新闻中心 */
.index-news{float:left;width:50%;height:100%;}
/* .index-news .content{float:right;width:660px;margin-right:20px;} */
.news-1{background-color:#f0f0f0;}
.news-2{background-color:#FFF;}

.index-news h3{margin-top:30px;text-align:left;}
.index-news h3 em{font-size:18px;}

.news-more{
  margin-top:40px;float:right;display:block;width:147px;height:48px;line-height:48px;text-align:center;font-size:16px;
  background:#FFF;border-radius:24px;
  background:url(img/base.png) 0 -381px no-repeat \9;
  transition:all .5s;
  -moz-transition:all .5s;	/* Firefox 4 */
  -webkit-transition:all .5s;	/* Safari 和 Chrome */
  -o-transition:all .5s;
}
.news-more:hover{
  color:#FFF;background:#EE1D25;
  background:url(img/base.png) 0 -430px no-repeat \9;
}

.news-top{margin-top:20px;}
.news-top dt{margin-bottom:20px;font-size:24px;font-weight:bold;}
.news-top dd{margin-bottom:25px;font-size:16px;color:#818181;overflow: hidden;}
.news-top .news-top-time{font-size:28px;}
.news-top-img img{width:660px;height:320px;object-fit:cover;}

.news-hot{height:50%;color:#818181;}
.news-hot .news-hot-dl, .news-hot img{float:left;width:50%;height:100%;}
.news-hot img{object-fit:cover;}
.news-hot .news-hot-dl{position:relative;background-color:#FFF;}
.news-hot dt,.news-hot dd{margin-left:auto;margin-right:auto;margin-bottom:20px;width:308px;}
.news-hot .news-hot-time{margin-top:58px;font-size:28px;}
.news-hot dt{font-size:20px;}
.news-hot dd{font-size:16px;}

.news-hot-1 .news-hot-dl:after, .news-hot-1 .news-hot-dl::after, .news-hot-2 .news-hot-dl:after, .news-hot-2 .news-hot-dl::after{content:"";display:block;margin-top:-23px;width:23px;height:46px;position:absolute;top:50%;}
.news-hot-1 .news-hot-dl:after, .news-hot-1 .news-hot-dl::after{background-position:-239px -452px;right:-23px;}
.news-hot-2 .news-hot-dl:after, .news-hot-2 .news-hot-dl::after{background-position:-262px -452px;left:-23px;}

/* 首页.联系我们 */
.index-contactSlogn, .index-contactInfo{position:relative;float:left;width:50%;height:100%;background-color:#FFF;}
.index-contactSlogn{background:url(img/indexBg-3.jpg) 50% 50% no-repeat;background-size:cover;}
.index-contactSlogn h3{margin-top:80px;text-align:left;font-size:56px;}

.index-contactInfo .content{position:relative;width:auto;padding:0 0 0 40px;}
.index-contactInfo h3{margin-top:60px;margin-bottom:35px;text-align:left;}
.index-contactInfo h3 em{font-size:30px;text-transform:capitalize;}

.index-contactInfo .codeArea{position:absolute;left:380px;top:200px;min-width:310px;padding:30px;border:solid 1px #a1a1a1;border-radius:10px;}
.codeArea dt, .codeArea dd{float:left;height:145px;}
.codeArea dd{margin-left:30px;line-height:30px;font-size:12px;}
.codeArea dd img{display:block;height:115px;}
.codeArea dd em{display:block;text-align:center;}
.codeArea dt{float:left;line-height:20px;font-size:18px;width:14px;}

.contact-info{width:335px;}
.contact-info dt{margin-bottom:20px;font-size:24px;}
.contact-info dd{line-height:26px;font-size:14px;color:#818181;}

.contact-wq{margin-top:15px;}
.contact-wq li, .contact-wq a{float:left;}
.contact-wq li{margin-right:28px;}
.contact-wq a{width:40px;height:40px;line-height:40px;overflow:hidden;text-indent:40px;}
.contact-wq .cwx a{background-position:-400px -290px;}
.contact-wq .cwb a{background-position:-440px -290px;}
.contact-wq .cqq a{background-position:-480px -290px;}
.contact-wq .cwx a:hover{background-position:-400px -330px;}
.contact-wq .cwb a:hover{background-position:-440px -330px;}
.contact-wq .cqq a:hover{background-position:-480px -330px;}

.stores{margin-left:-30px;margin-top:60px;float:left;clear:both;}
.stores li, .stores em{width:150px;}
.stores li{float:left;text-align:center;font-size:16px;}
.stores em{display:block;}
.stores .icon{margin:0 auto 10px;display:block;width:80px;height:80px;}

.copy-right{position:absolute;bottom:15px;left:0;right:0;padding:0 20px;text-align:center;font-size:14px;color:#abaaab;}


@media screen and (min-width:1680px){
  .index-contactInfo .content{padding-left:60px;}
  .index-contactInfo .codeArea{left:400px;}
  .nav li{margin:0 15px;}
}
@media screen and (min-width:1920px){
  .index-contactInfo .content{padding-left:80px;}
  .index-contactInfo .codeArea{left:420px;}
  .nav li{margin:0 20px;}
}

@media screen and (min-height:864px){
  .index-product h3{margin-top:65px;}
  .proSl-more{margin:40px auto 50px;}
  .index-about h3{margin:120px 0 50px;}
  .about-link{margin-top:100px;}
  .index-news h3{margin-top:80px;}
  .news-more{margin-top:80px;}
  .news-top{margin-top:30px;}
  .news-top dd{margin-bottom:30px;}
  .index-contactInfo h3{margin-top:72px;}
  .index-contactInfo .codeArea{top:218px;}
  .contact-wq{margin-top:35px;}
  .stores{margin-top:100px;}
}