@import "base.css";

/* headBox */
.headBox{width:100%; min-width:1400px; height:80px; position:fixed; top:0px; left:0px; z-index:10;}
.headLogo{float:left; width:340px; height:80px; padding-right:20px; background:url(../images/headNavLeft.png) no-repeat right;}
.headLogo img{height:46px; margin:17px auto;}
.headNav{width:auto; margin-left:360px; height:80px; padding-left:20px; background:url(../images/headNavBlue.png) no-repeat left;}
.headNav dd{float:left; width:140px; height:80px; position:relative;}
.headNav dd:hover{background:url(../images/navBg.png) no-repeat center bottom;}
.headNav dd a{display:block; height:20px; overflow:hidden; padding:30px 0; color:#fff;}
.headNav dd span{display:block; text-align:center; line-height:20px; border-right:1px dashed #e7e7e7; font-size:18px;}
.headNav dd:last-child span{border-right:0px;}
.headNav dd ul{display:none; width:120px; overflow:hidden; position:absolute; left:10px; top:80px;}
.headNav dd:hover ul{display:block;}
.headNav dd ul li{width:120px; height:36px; overflow:hidden; margin-top:3px; border-radius:18px; background:#0086e6;}
.headNav dd ul li a{display:block; width:120px; height:36px; overflow:hidden; padding:0px; margin:0px; line-height:36px; text-align:center; color:#fff; font-size:16px;}
.headNav dd ul li:hover{background:#e60012;}

.order{width:150px; height:240px; overflow:hidden; position:fixed; top:35px; right:10px; z-index:9; background:url(../images/flowBg.png) no-repeat;}
.order a{display:block; width:130px; height:130px; overflow:hidden; margin:100px 10px 10px 10px; border-radius:65px;}
.order a img{display:block; width:80px; height:80px; margin:25px;}

.slides{width:100%;height:600px; overflow:hidden; position:relative; }
.slideInner{height:600px;position:relative;left:0;margin-left:0;}
.slideInner div{display:block; position:relative; text-align:center; z-index:7;}
.slideInner p{display:none; width:100%; height:100%; background:url(../images/blockBg.png); position:absolute; left:0px; top:0px;}
.slideInner p a{display:block; width:200px; height:50px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-25px auto auto -100px; background:#fff; border-radius:3px; line-height:50px; text-align:center; color:#333; font-style:normal; z-index:8;}
.slideInner div:hover p{display:block;}
.nav a{display:block;width:41px;height:119px; z-index:9;}
.nav a.prev{position:absolute;left:0px;top:100px; background:url(/banner/images/ban_pre.png) no-repeat;}
.nav a.next{position:absolute;right:0px;top:100px; background:url(/banner/images/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%; bottom:40px; width:370px; height:10px; overflow:hidden; margin-left:-185px; z-index:8;}
.navListBox li{width:60px; height:10px; float:left; margin-left:5px; overflow:hidden; border-radius:5px;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%; background-color:#cccccc;}
.navListBox li a.active{background-color:#dd0000;}

.dBgBox{width:100%; height:100%; overflow:hidden; position:fixed; top:0px; left:0px; z-index:0;}

.dCompany{width:1300px; overflow:hidden; margin:100px auto; position:relative; z-index:1;}
.dVideo{width:1000px; height:500px; overflow:hidden; margin:0px auto 50px auto; }
.dComInfo{width:1300px; overflow:hidden; margin:0px auto;}
.dComInfo h2{width:100%; height:40px; overflow:hidden; margin-bottom:20px; text-align:center; line-height:40px; font-size:30px; color:#000;}
.dComInfo p{width:100%; overflow:hidden; margin-bottom:30px; line-height:30px; color:#000; font-size:16px;}
.dComInfo a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; border-radius:5px; border:2px solid #000; text-align:center; line-height:40px; font-size:16px; color:#000;}

.dNewBox{width:100%; overflow:hidden; padding:100px 0; background:#ffffff; position:relative; z-index:1;}
.dNewTip{width:300px; height:50px; overflow:hidden; margin:0px auto; background:url(../images/newsIcon.png) no-repeat bottom center; text-align:center; line-height:40px; font-size:20px; color:#2fa8e1;}
.dNew{width:1300px; overflow:hidden; margin:50px auto 0 auto; background:url(../images/newLine.png) repeat-y center;}
.dNewList{width:661px; overflow:hidden; margin-bottom:30px;}
.dNewList dt{float:right; width:22px; height:22px; overflow:hidden; margin:0 0 0 14px; background:url(../images/newIconHover.png) no-repeat;}
.dNewList dd{width:625px; overflow:hidden; text-align:right;}
.dNewList dd h3{font-size:14px; margin-bottom:5px; font-weight:normal; line-height:22px;}
.dNewList dd a{line-height:30px; font-size:16px; color:#666;}
.dNewList dd p{display:none; width:625px; overflow:hidden; line-height:30px; color:#666;}
.dNewList:nth-child(odd){margin-left:639px;}
.dNewList:nth-child(odd) dt{float:left;  margin:0 14px 0 0;}
.dNewList:nth-child(odd) dd{text-align:left;}
.dNewList:hover dt{background:url(../images/newIcon.png) no-repeat;}
.dNewList:hover a{color:#2fa8e1;}
.dNewList:hover p{display:block;}
.dNewMore{display:block; width:120px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#2fa8e1; color:#ffffff;}

.dFeature{width:1300px; overflow:hidden; margin:100px auto; position:relative; z-index:1;}
.dFeatureTip{width:300px; height:50px; overflow:hidden; margin:0px auto; background:url(../images/newsIcon.png) no-repeat bottom center; text-align:center; line-height:40px; font-size:20px; color:#2fa8e1;}
.dFeature ul{width:1290px; overflow:hidden; margin:0px auto;}
.dFeature ul li{float:left; width:430px; overflow:hidden;}
.dFeature dl{width:330px; height:220px; overflow:hidden; margin:60px 50px 0 50px;}
.dFeature dt{width:80px; height:80px; overflow:hidden; margin:0 auto 20px auto;}
.dFeature dl.item1 dt{ background:url(../images/featureItem.png) 0px 0px;}
.dFeature dl.item2 dt{ background:url(../images/featureItem.png) 0px -80px;}
.dFeature dl.item3 dt{ background:url(../images/featureItem.png) 0px -160px;}
.dFeature dl.item4 dt{ background:url(../images/featureItem.png) 0px -240px;}
.dFeature dl.item5 dt{ background:url(../images/featureItem.png) 0px -320px;}
.dFeature dl.item6 dt{ background:url(../images/featureItem.png) 0px -400px;}
.dFeature dd h4{width:100%; height:24px; overflow:hidden; margin-bottom:20px; line-height:32px; text-align:center; color:#444; font-size:18px; font-weight:bold;}
.dFeature dd p{height:60px; overflow:hidden; text-align:center; line-height:30px; color:#000;}

.dProduct{width:100%; overflow:hidden; position:relative; z-index:1; background:#f00;}
.dProduct li{float:left; width:33%; height:100%; overflow:hidden;}
.dProduct li:nth-child(2){width:34%;}

.footPic{width:100%; overflow:hidden; position:relative; z-index:1; background:#fff;}

.footNav{width:100%; overflow:hidden; padding:80px 0; background:#e7e7e7; position:relative; z-index:1;}
.footNav ul{width:1200px; overflow:hidden; margin:0px auto;}
.footNav ul li{float:left; width:200px; overflow:hidden; text-align:center;}
.footNav ul li h4{height:30px; margin-bottom:10px; font-size:18px; font-weight:normal; line-height:30px; color:#333;}
.footNav ul li a{line-height:30px; color:#666666;}

.footCopy{width:100%; height:50px; overflow:hidden;background:#333333; position:relative; z-index:1;}
.footCopy div{width:1300px; overflow:hidden; margin:0px auto; line-height:50px; color:#fff;}
.footCopy div span{margin:0px 10px;}
.footCopy div a{margin:0px 10px; color:#fff;}