﻿ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;text-decoration:none;}
.content{width: 1080px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
body{font-family: "微软雅黑";position: relative;background: #fff; font-size: 14px; line-height: 24px;}
li{font-family: "微软雅黑";list-style:none;}
img{ border:0px none;}
a{text-decoration:none; color:#454545;}
a:hover{ color:#327a19;}

/*顶部*/
.header{ height: 90px;}
.logo{ width: 350px; height: 90px;}
.logo img{ margin-top: 21px; float: left;}
.logo_text{ height: 90px; float: left; padding: 23px 0 0 14px;}
.logo_text span{ color: #333; font-size: 24px;}
.logo_text p{ color: #999;}

/*导航*/
.nav li a{ width: 111px; height: 90px; line-height: 90px; color: #327a19; text-align: center; display: block; margin-left: 5px;}
.nav li a:hover,.nav li a.active{ background: url(images/nav_bg.jpg); color: #fff;}

/*轮播图*/
.index-banner{ position:relative; width:100%; height:500px; overflow:hidden; z-index: 1;}
.index-banner ul { position:absolute; width:100%; left:0;top:0;height:500px;}
.index-banner ul li{ position:absolute; width:1920px; left:50%; top:0; height:500px; margin-left:-960px; opacity:0; filter: alpha(opacity=0);}
.index-banner .trigger { position:absolute; bottom:25px; width:100px;left:50%; margin-left: -25px; height:12px; z-index:2}
.index-banner .trigger span{ display:inline-block; width:12px; height:12px; margin-right:9px; background:url(images/banner_btn.png) no-repeat; cursor:pointer; overflow:hidden;}
.index-banner .trigger span.cur{ background-position:-21px 0}

/*主体*/
.main{ width: 100%; height: auto; padding-bottom: 60px;}

/*关于千禧*/
.about{ width: 509px; height: 270px; background: url(images/about_bg.jpg); margin-top: 60px; color: #fff;}
.about .bt{ width: 394px; height: auto; margin: 60px 0 0 55px; position: relative; font-size: 16px;}
.about .bt span{ font-size: 14px; color: #e3c07b; padding-left: 10px;}
.about p{ width: 394px; height: auto; margin: 10px 0 0 55px;}
.about .more a{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; color: #fff; background: #e3c07b; text-align: center; line-height: 20px;}

/*新闻*/
.news{ width: 505px; height: auto; margin-top: 60px;}
.news .bt{ width: 100%; height: auto; position: relative; font-size: 16px; color: #327a19;}
.news .bt span{ font-size: 14px; color: #e3c07b; padding-left: 10px;}
.news .more a{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; color: #fff; background: #69af6f; text-align: center; line-height: 20px;}
.news ul{ margin-top: 10px;}
.news li{ width: 505px; height: 38px; border-bottom: 1px dashed #c6c6c6; background: url(images/news_icon.jpg) no-repeat 0 17px; text-indent: 15px; line-height: 38px;}
.news li span{ float: right; color: #999; font-size: 12px;}

/*产品*/
.cp{ width: 100%; height: 500px; background: url(images/cp_bg.jpg) no-repeat center;}
.cp .bt{ width: 100%; height: auto; text-align: center; color: #fff; padding-top: 27px;}
.cp .bt h4{ font-weight: normal; font-size: 22px;}
.cp .bt span{ font-size: 12px; font-family: arial;}

.TabTitle{ width:100%; height: auto; line-height:49px; background: url(../images/home_tab_bg.png); margin: 0 auto; overflow: hidden; margin-bottom: 23px;}
#myTab0{ width: 100%; height: auto; margin-top: 10px;}
.TabTitle li{ float:left;  width: 114px; height: 30px; background: #fff; border-radius: 3px; text-align: center; display: block; line-height: 29px; cursor: pointer; margin: 0 10px;}
.TabTitle .active{ background: #327a19; color:#fff000;}

/*产品轮播*/
.eduList,
.eduList1,
.eduList2,
.eduList3,
.eduList4,
.eduList5{ width:1080px; height:270px; position:relative; margin: 0 0 0 50px; margin: 0 auto;}
.eduList .mid,
.eduList1 .mid1,
.eduList2 .mid2,
.eduList3 .mid3,
.eduList4 .mid4,
.eduList5 .mid5{ width:1080px; height:260px; overflow:hidden;}
.eduList .mid li,
.eduList1 .mid1 li,
.eduList2 .mid2 li,
.eduList3 .mid3 li,
.eduList4 .mid4 li,
.eduList5 .mid5 li{ width:270px; height:260px; float:left; text-align: center;}
.eduList .mid li img,
.eduList1 .mid1 li img,
.eduList2 .mid2 li img,
.eduList3 .mid3 li img,
.eduList4 .mid4 li img,
.eduList5 .mid5 li img{ width: 220px; height: 220px; border-radius: 50%; border: 5px solid #fff; transition: all 0.3s ease 0s;}
.eduList .mid li:hover img,
.eduList1 .mid1 li:hover img,
.eduList2 .mid2 li:hover img,
.eduList3 .mid3 li:hover img,
.eduList4 .mid4 li:hover img,
.eduList5 .mid5 li:hover img{ width: 220px; height: 220px; border-radius: 50%; border: 5px solid #ff0;}
.eduList .mid li p,
.eduList1 .mid1 li p,
.eduList2 .mid2 li p,
.eduList3 .mid3 li p,
.eduList4 .mid4 li p,
.eduList5 .mid5 li p{ color: #fff; font-size: 16px; line-height: 40px; transition: all 0.3s ease 0s;}
.eduList .mid li:hover p,
.eduList1 .mid1 li:hover p,
.eduList2 .mid2 li:hover p,
.eduList3 .mid3 li:hover p,
.eduList4 .mid4 li:hover p,
.eduList5 .mid5 li:hover p{ color: #ff0;}

.eduList .left,
.eduList1 .left1,
.eduList2 .left2,
.eduList3 .left3,
.eduList4 .left4,
.eduList5 .left5{ width:45px; height:45px; position:absolute; top:95px; cursor:pointer; left: -55px; background: #fff; text-align: center; line-height: 45px; border-radius: 50%; opacity: .3; font-size: 18px;}
.eduList .left:hover,
.eduList1 .left1:hover,
.eduList2 .left2:hover,
.eduList3 .left3:hover,
.eduList4 .left4:hover,
.eduList5 .left5:hover{ background: #000; color: #fff; opacity: .5;}
.eduList .right,
.eduList1 .right1,
.eduList2 .right2,
.eduList3 .right3,
.eduList4 .right4,
.eduList5 .right5{ width:45px; height:45px; position:absolute; top:95px;cursor:pointer; right: -55px; background: #fff; text-align: center; line-height: 45px;border-radius: 50%; opacity: .3; font-size: 18px;}
.eduList .right:hover,
.eduList1 .right1:hover,
.eduList2 .right2:hover,
.eduList3 .right3:hover,
.eduList4 .right4:hover,
.eduList5 .right5:hover{ background: #000; color: #fff; opacity: .5;}

.cp_more{ width: 112px; height: 28px; border-radius: 3px; text-align: center; display: block; line-height: 27px; margin: 15px auto 0; transition: all 0.3s ease 0s; color: #fff; border: 1px solid #fff;}
.cp_more:hover{ color: #ff0; border: 1px solid #ff0;}

/*联系我们*/
.contact{ width: 100%; height: auto; line-height: 263px; overflow: hidden; text-align: center; font-size: 18px;}
.email{ width: 270px; height: 196px; background: url(images/email.png) no-repeat center 50px;}
.tel{ width: 270px; height: 196px; background: url(images/tel.png) no-repeat center 44px;}
.fax{ width: 270px; height: 196px; background: url(images/fax.png) no-repeat center 44px;}
.add{ width: 270px; height: 196px; background: url(images/add.png) no-repeat center 45px;}

/*内页*/
.page_banner{ width: 100%; height: 300px; background: url(images/page_banner.jpg) no-repeat center;}

.page{ width: 100%; min-height: 500px; overflow: hidden; margin: 30px auto 50px;}
.page_ab1,.page_ab3{ width: 100%; height: auto; overflow: hidden; margin: 30px auto 50px;}
.page h2,.page_ab1 h2,.page_ab2 h2,.page_ab3 h2{ font-weight: normal; color: #327A19; font-size: 20px; text-align: center;}
.page h5,.page_ab1 h5,.page_ab2 h5,.page_ab3 h5{ font-weight: normal; color: #aaa; text-align: center;}
.page_ab1 .text,.page_ab3 .text{ width: 1080px; height: auto; text-align: center; margin: 0 auto; padding: 10px 0 0;}
.page_ab2 .text{ width: 880px; height: auto; text-align: center; margin: 0 auto; padding: 10px 0 0;}

.page_ab2{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; padding-top: 30px; padding-bottom: 50px;}
.page_ab2 .text .right{ text-align: left;}

.page_ab3 .text li{ width: 260px; height: 197px; margin: 0 5px 10px;}
.page_ab3 .text li img{ width: 260px; height: 173px;}

/*产品类别*/
.lb_nav{ width: 100%; height: auto; margin: 20px 0; overflow: hidden;}
.lb_nav li a{ padding: 3px 20px; border: 1px solid #d3d3d3; border-radius: 29px; margin: 0 10px; display: block; transition: all 0.3s ease 0s;}
.lb_nav li a:hover{ background: #327a19; color: #fff; border: 1px solid #327a19;}

/*产品列表*/
.cp_list{ width: 100%; height: auto; overflow: hidden;}
.cp_list li{ width: 248px; height: 289px; float: left; margin: 0 10px 20px; border: 1px solid #e5e5e5; text-align: center; line-height: 41px; overflow: hidden; transition: all 0.3s ease 0s;}
.cp_list li:hover{ border: 1px solid #327A19;}
.cp_list li .img{ width: 248px; height: 248px; overflow: hidden;}
.cp_list li img{ width: 248px; height: 248px; -webkit-transition:-webkit-transform 0.3s ease-out; -moz-transition:-mos-transform 0.3s ease-out; -ms-transition:-ms-transform 0.3s ease-out; transition:transform 0.3s ease-out;}
.cp_list li:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}

/*产品详情特效*/
.mod18{width:677px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;}
.mod18 .prev{left:10px;background:url(images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:210px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:490px;width:10px;height:16px;}
.mod18 #prevTop{background:url(images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:526px;height:394px;position:absolute;}
.mod18 .cf li span{display:block;width:526px;position:absolute;left:75px;bottom:-40px;line-height:43px;text-align:center; color: #666;}
.mod18 .picBox{width:526px; height:394px; padding-left:75px; padding-right:76px;position:relative;overflow:hidden; background:#fff; padding-top:10px; padding-bottom: 40px; border: 1px solid #ccc;}
.mod18 .picBox ul{height:394px;position:absolute; left:0;}
.mod18 .picBox li{padding-left:75px; padding-right:1px; width:526px;height:394px;}
.mod18 .listBox{width:642px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:127px;height:77px;cursor:pointer;position:relative; padding:7px 0 0 0;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:1px solid #ccc;width:108px;height:77px;}
.mod18 .listBox .on img{border:1px solid #327a19;}
.mod18 .listBox .on{background:url(images/img_bg.jpg) center top no-repeat;}

.cp_page_text{ width: 677px; height: auto; margin: 0 auto; margin-top: 20px; overflow: hidden;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:20px;}

.pagesnow a{ padding:0 10px; height:35px; background:#327A19; color:#fff; font-size:16px; line-height:35px; float:left; margin-right:3px; text-align:center; border:1px solid #d9d9d9; border-radius:5px;}
.pages a{ padding:0 10px; height:35px; background:#fff; color:#666; font-size:16px; line-height:35px; float:left; margin-right:3px; text-align:center; border:1px solid #d9d9d9; border-radius:5px;}
.pages a:hover{ background:#999; color:#fff;}
.pagean{ width:35px; margin-right:3px; float:left;}

/*内页新闻*/
.page_news{ width: 1080px; min-height: 500px; margin: 30px auto 20px; text-align: center; overflow: hidden;}
.page_news li{ width: 100%; height: 35px; line-height: 35px; background: #f5f5f5; border-bottom: 1px dashed #e9e9e9; margin-bottom: 7px;}
.page_news li a{ margin-left: 20px; float: left;}
.page_news li span{ float: right; padding-right: 20px;}
.page_news .tit{ color: #333; font-size: 18px; text-align: center; width: 100%; height: 41px;}
.page_news .time{ height: 37px; line-height: 37px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 37px; text-align: center; color: #888; font-size: 12px; margin-bottom: 12px;}
.page_news .text{ text-align: left;}

/*联系我们*/
.con_lb{ width: 1080px; height: 240px; overflow: hidden; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; text-align: center;}
.con_lb li{ width: 250px; height: 240px; margin: 0 10px; background: #f5f5f5;}
.con_lb li .tit{ color: #000; font-size: 18px; padding: 30px 0 5px;}
.con_lb li .text{ padding-bottom: 10px;}
.con_lb li .text2{ color: #327A19; font-size: 16px; font-family: arial;}
.con_lb li .img{ padding: 10px 0;}

/*底部*/
.foot{ width: 100%; height: 67px; background: #f0f0f0; text-align: center; line-height: 67px;}

/*右侧悬浮*/
.wxt{width:150px;height: 230px;background:#327a19;text-align: center;position: fixed;right: 10px;bottom: 100px; z-index: 20; border-radius: 5px;}
.wxt .tit{color: #ffea00;padding-top: 12px;}
.wxt .img{padding-top: 9px;}
.wxt .con{color: #ffea00; padding-top: 8px; font-size: 12px; line-height: 21px;}
.wxt .close{width: 32px;height: 32px;background: url(images/tclose.png) no-repeat center;position: absolute;right: -11px;top: -7px;cursor: pointer;}