.banner{ width: 100%; height: 667px; position: relative;}
.banner ul{ width:300%; height: 100%; position: absolute; margin: 0;}
.banner ul li{ width: 33.33%; height:100%; background-repeat: no-repeat; background-position: top center; float: left;}
.dots{ width: 330px; height: 4px; position: relative; bottom: 50px; left: 50%; margin:0 0 0 -165px; padding: 0; z-index: 99; }
.dots li{ width: 90px; height: 4px; float: left; margin: 0 10px; background-color: #c7c7c7; font-size: 0; list-style: none; border-radius: 5px;}
.dots li.active,.dots li:hover{ background-color: #fff;}
.inxtitle{ text-transform: uppercase; font-size: 34px; font-weight:normal; font-family: Times New Roman; letter-spacing: 3px; text-align: center; padding-top: 58px;}
.inxtitle .cn{ height: 61px; line-height: 61px; font-size: 24px; color: #c71221; display: block; background: url(../images/titbg.png) center top no-repeat; margin-top: 7px;}

/*产品分类*/
.indexpro{ background: url(../images/indexpro.jpg) no-repeat; }
.flnavbox{ padding-top:54px;}
.flnav{ width: 1000px; margin: 0 auto;}
.flnav li{ float: left; width: 20%; }
.flnav li a{ display:block; width: 100%; height: 136px; background: url(../images/flnav.png) center center no-repeat;transition:all 0.3s,opacity 0.4s; -webkit-transition:all 0.3s,opacity 0.4s;-moz-transition:all 0.3s,opacity 0.4s; -o-transition:all 0.3s,opacity 0.4s; }
.flnav li.nav1 a{ background-position: 0 top;}
.flnav li.nav2 a{ background-position: -200px top;}
.flnav li.nav3 a{ background-position: -400px top;}
.flnav li.nav4 a{ background-position: -600px top;}
.flnav li.nav5 a{ background-position: right top;}
.flnav li a:hover{ background: url(../images/flnav.png) center center no-repeat;}
.flnav li.nav1 a:hover,.flnav li.nav1 a.active{ background-position: 0 bottom;}
.flnav li.nav2 a:hover,.flnav li.nav2 a.active{ background-position: -200px bottom;}
.flnav li.nav3 a:hover,.flnav li.nav3 a.active{ background-position: -400px bottom;}
.flnav li.nav4 a:hover,.flnav li.nav4 a.active{ background-position: -600px bottom;}
.flnav li.nav5 a:hover,.flnav li.nav5 a.active{ background-position: right bottom;}
.flinfo{ position: relative; padding: 80px 0;}
.flwarp{ width: 1008px; height:320px; position: relative; margin: 0 auto; overflow: hidden;}
.flcon{ position: absolute; left: 0; top: 0;}
.flcon .flconul{ position: absolute; left: 0; top: 0;}
.flcon .flconul li{ float:left; width: 300px; margin: 10px 18px; box-shadow: 2px 4px 8px #d5d5d5}
.flcon .flconul li a{ display: block; position: relative; width: 100%; height: 100%; }
.flcon .flconul li .proname{ position: absolute; width: 100%; left: 0; top: 45%; color:#fff; font-size: 16px; opacity: 0; transition: all 0.5s ease 0s;}
.flcon .flconul li a:before{ content: ""; width: 0; height: 100%; background: #000; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 350ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.flcon .flconul li a:hover:before{ width: 100%; left: 0; opacity: 0.5; }
.flcon .flconul li a:hover .proname{ opacity: 1; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s;  } 

.fl_prev,.fl_next{ width: 53px; height: 115px; position: absolute; top: 50%; left: 0; margin-top: -57px; background: url(../images/indexicon.png) no-repeat rgba(0,0,0,0.1); cursor: pointer;}
.fl_prev{ background-position: -180px 0; }
.fl_next{ background-position: -255px 0;  right:0px ; left:auto;}

/*厂房环境*/
.indexenv{ height:836px; background: url(../images/indexenv.jpg) no-repeat;  }
.indexenv .inxtitle .cn{ color: #fff;}
.envinfo{ height: 577px; padding-top: 25px;}
.envinfo .leftimg{ float: left; position: relative; width: 815px; height: 577px; background: rgb(0,0,0,0.3)}
.envinfo .envwarp{ width: 815px; height: 577px; position: relative; overflow: hidden;}
.envinfo .envwarp .envcon,.envinfo .envwarp .envcon ul{ position: absolute; height: 577px; left: 0; top: 0;}
.envinfo .envwarp .envcon ul li{ float:left; width: 815px; height: 577px;}
.envbtn{ position: absolute; bottom:0; right:0; height: 41px; padding:8px; background: #f0f0f1;}
.envbtn a{ width: 57px; height: 41px; display: inline-block; background: url(../images/indexicon.png) left -229px no-repeat;}
.envbtn a.nextone{ border-left: 2px solid #e5e5e6; background-position: -35px -229px;}
.envbtn a.prevone:hover{ background-position: left -286px;}
.envbtn a.nextone:hover{ background-position: -35px -286px;}

.envinfo .rightnav{ float: right; width: 385px; height: 577px; background: url(../images/envright.jpg) center center no-repeat;}
.envinfo .rightnav a{ width:50%; height: 33.3%; line-height: 10; float:left; border-bottom: 1px solid #666; border-left: 1px solid #666; box-sizing: border-box; color: #fff; font-size: 20px;}
.envinfo .rightnav a:hover,.envinfo .rightnav a.active{ background: #fff; color: #c63636;}

/*关于我们*/
.indexab{ height:801px; background: url(../images/indexab.jpg) center center no-repeat; }
.indexab .introduction{ color: #000; padding-top: 5px;}
.indexab .abcon{ padding-top: 62px;}
.abul li{ float:left; width: 50%; color: #fff; font-size: 12px; line-height: 19px; padding-top: 50px; padding-bottom:47px;}
.abul li span{ width: 65px; height:55px; display: inline-block; background: url(../images/inxabicon.png) center top no-repeat;}
.abul li p{ font-size: 20px; color: #f8c86c; font-weight: bold; margin-bottom: 18px;}
.abul li.ablist2 span{ background-position: center -100px;}
.abul li.ablist3 span{ background-position: center -200px;}
.abul li.ablist4 span{ background-position: center -300px;}

/*新闻中心*/
.indexnew{ height:732px; background: url(../images/indexnew.jpg) center center no-repeat; }
.indexnew .newscon{ padding-top: 42px;}
.news_l{ float:left; position: relative; width: 607px; text-align: left}
.news_l .newsimg{ width: 100%; height: 270px;}
.news_l .date{ position: absolute; top: 0; left:0; background: url(../images/huibg.png); width: 110px; height: 93px; color: #fff; text-align: center; line-height: 38px;}
.news_l .date span{ font-size: 55px; display: block; color: #fff; padding-top: 15px; font-weight: lighter}
.news_l h3{ font-size: 18px; font-weight: normal; padding: 20px 0;  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_l p{ color: #999; height: 75px; overflow: hidden}
.news_l .more{ display: inline-block; float:right; background: #999; color: #fff; height: 35px; line-height: 35px; width: 120px; text-align: center; font-size: 16px;}
.news_r{ float:right; max-width: 550px; text-align: left;}
.newsnav a{ font-size: 16px; color: #666; border: 1px solid #ccc; display: inline-block; margin: 0 22px; padding: 0 24px; height: 32px; line-height: 32px;}
.newsnav a:hover{ color: #c63636; border: 1px solid #c63636; }
.newslist{ padding-top: 30px;}
.newslist li{ padding:0 24px}
.newslist li a{ display: inline-block; border-top: 1px solid #d2d2d2; padding: 24px 0}
.newslist li:first-child a{ border-top:0;}
.newslist li .date{ float:left; width: 65px; color: #666; line-height: 38px; text-align: center; font-size: 15px;}
.newslist li .date span{ font-size: 62px; display: block; color: #666; font-weight: lighter; padding-top: 10px; }
.newslist li .con{ width: 410px; float:left; padding-left: 20px;}
.newslist li .con h3{ font-size: 18px; font-weight: normal; padding-bottom: 10px;  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslist li .con p{ color: #999; height: 50px; overflow: hidden}
.newslist li:hover{ background: #c63636;}
.newslist li:hover .date,.newslist li:hover .date span,.newslist li:hover .con h3,.newslist li:hover .con p{ color: #fff}

/*合作伙伴*/
.indexpartner{ background: url(../images/indexpar.jpg) center center no-repeat; height: 488px; }
.indexpartner .inxtitle{ color: #c63636;}
.indexpartner .inxtitle .cn{ color:#fff}
.partner{ padding-top: 23px}