CSS Document */ *{margin:0; padding:0;} ul{ margin:0px; padding:0px;} li{list-style: none; } a{text-decoration: none;} a:hover{ text-decoration: none;} body{font-size:14px; font-family:"微软雅黑", "Microsoft YaHei"; color:#5F5F5F; background:url(../images/01.gif) ;} #wrapper{width:100%; max-width:1600px; margin:0 auto; background:#fff;k overflow: hidden;} .container{width:961px; margin:0 auto; padding:0; } /*顶部*/ #top{ width:100%; height:108px; background:url(../images/topbg.jpg) repeat-x ; position: relative;z-index: 600} #top .logo{ margin-top: 30px; width: 176px; float: left;} #top .head{ position: relative; height: 108px; position: relative;} #top .head .language{ position: absolute; right: 0; top:10px;} #top .head .language a{ padding:0 10px; color:#aeaeae;} #top .menu{ position:absolute;right:0;bottom:3px;} #top .menu ul#nav{position: relative;z-index: 1000} #top .menu ul#nav li{ float:left; height: 59px;} #top .menu ul#nav li.hover{position: relative;} #top .menu ul#nav li .block{ position: absolute; top: 59px; left:0; width:120px;z-index: 1000;background: #fff; display: none; min-height: 60px;} #top .menu ul#nav li .block .op{ opacity: 0.7;filter:alpha(opacity=70); position: absolute; width: 100%; height: 100%;top: 0 ; left: 0} #top .menu ul#nav li:hover .block{display: block;} #top .menu ul#nav li .block ul{ overflow: hidden; height: auto;} #top .menu ul#nav li .block ul li{ line-height: 25px; height: 25px; float: none;margin-top: 5px; margin-bottom: 5px; padding-left: 10px; background: url(../images/ddbg.jpg) no-repeat 15px center;} #top .menu ul#nav li .block ul li:hover{ background: #f1f1f1;} #top .menu ul#nav li .block ul li a{display: block; float:left; height: auto; line-height: 25px} #top .menu ul#nav li .block ul li a:hover{background: none;} #top .menu ul li a{ display: block; height:59px; padding: 0 14px; line-height: 59px; color:#464646; } #top .menu ul li a:hover{ background: url(../images/ahover.jpg)repeat-x;} /*顶部结束*/ /*banner部分*/ .banner{max-width: 1600px; position: relative;max-height: 440px; z-index: 1;} .banner img#bannerimg{ position: absolute;top:0;left:0;width: 100%; z-index: -1; display: block;} .banner #flash{position: relative;z-index:1;width: 100%; height: 100%} /*banner结束*/ /*main开始*/ /*关于我们新闻图库开始*/ #main{background:#f1f1f1 url(../images/mainbg.jpg) repeat-x top; padding-top:50px;padding-bottom: 30px; overflow: hidden;} #main .h3{ font-size: 18px; text-transform: uppercase; color:#18589f; padding-left: 15px; background: url(../images/h3bg.jpg) no-repeat left center; line-height: 18px; margin-top:10px;} #main .about{ font-size: 14px; width: 290px;float: left; margin-right: 47px; overflow: hidden; position: relative;} #main .about img{width:86px; height: 80px; margin-right: 10px;} #main .news{ height: 210px; width: 315px; float: left; margin-right: 47px; position: relative;} #main .news a.more{ position: absolute; right:0; bottom:0;} #main .news li{font-size:12px; line-height: 24px; padding-left: 20px; background: url(../images/newlibg.jpg) no-repeat left center;} #main .news li a{color:#5f5f5f; position: relative;} #main .news li a:hover{color:#18589f;} #main .news li span{float: right; color:#18589f;} #main .gallery{ height: 210px; float: left; width: 262px; } #main .gallery ul{margin:0px;} #main .gallery ul li img{width:100%; height: 170px; border:1px solid #b0b0b0;} .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .slide_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .slide .caption { display: block; position: absolute; z-index: 2; font-size: 12px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 5px 20px; margin: 0; max-width: none; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.4;filter:alpha(opacity=40); z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 50px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left center; margin-top: -45px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto; background-position: right center; right: 0; } /*关于我们新闻图库结束*/ /*产品开始*/ .product{ margin-top: 20px;} .product .title{background: url(../images/titlebg.jpg) repeat-x center; height: 45px; line-height: 32px;} .product .title h3{background: url(../images/producth3.jpg) no-repeat ;margin:0px; margin-left:10px; height: 45px; font-size: 14px;color:#fff; line-height: 45px; text-align: center; width:110px; float:left;} .product .title .search{width: 340px; height: 20px; margin-top: 13px; float: left; margin-left: 10px;} .product .title .search input{height: 20px; width: 225px; float: left; padding:0; line-height:20px; font-size: 12px; text-indent: 12px; border-radius: 20px; border:0 none;} .product .title .search .submit{ width:77px; height: 20px; background: url(../images/submit.jpg) no-repeat; padding:0; border:0 none; float: left; margin-left: 10px; } .product .title .more{ float: right; font-size: 14px; margin-top:5px; margin-right: 10px} .product .product_left{ width: 186px; height: 186px;margin-top: 11px; margin-left: 10px; float: left;} .product .product_right{ width: 750px; float: right; overflow: hidden;} .product ul{width: 780px; margin-top: 20px;} .product ul li{ width: 233px; height: 185px; float: left;margin-right: 25px; text-align: center;} .product ul li img{width: 226px; height: 148px; /*padding:2px; border:1px solid #b0b0b0;*/ box-shadow:;} .product ul li .title{ margin-top: 10px; color:#464646; background: none;} /*产品结束*/ /*main结束*/ /*底部开始*/ #foot{ height:225px; background: #272727 url(../images/bottombg.jpg) repeat-x left 40px;} #foot .linkbg{ height: 39px; background: #252525; border-bottom:1px solid #3a3a3a; line-height: 39px; color: #bbbbbb;} #foot .link{overflow: hidden;} #foot .linkbg a{ padding:0 10px; color:#bbbbbb;} #foot .linkbg a:hover{color:#fff;} #foot .bottom{ padding-top:20px;} #foot .bottom .lianxiwomen{width: 380px; float: left;} #foot .bottom .right{width:545px; float: right; overflow: hidden;} #foot .bottom .right dl{ margin:0px;padding:0px; margin-left:-2px; background: url(../images/dlbg.jpg) no-repeat left 5px; float: left; padding-left:20px;padding-right: 50px; height: 130px;} #foot .bottom .right dl dt{ color: #fff; font-weight: 700; padding-left:10px;} #foot .bottom .right dl dd{ line-height: 23px; padding-left: 10px; background: url(../images/ddbg.jpg) no-repeat left center; } #foot .bottom .right dl dd a{ color:#aeaeae;} #foot .bottom .right dl dd a:hover{ color:#fff;} /*底部结束*/ .banner1 img{width:100%;min-width: 961px;} #nmain{ background:#f1f1f1 url(../images/nmainbg.jpg) repeat-x top; padding-bottom:20px; padding-top:70px;} #nmain .nleft{ width:264px; float: left; } #nmain .nleft .about ul{ padding:15px; width:255px;border:1px solid #d7d5d5;border-top:0;background: #fff; margin-bottom: 20px; } #nmain .nleft .about ul li{height: 32px; background:#008cd3; font-weight: 600px; border-radius: 6px; margin-bottom:10px; margin-top:10px;} #nmain .nleft .about ul li a{ padding-left: 24px; line-height: 32px; color:#fff; font-weight;600;} #nmain .nleft .news ul{ padding:15px; width:255px;border:1px solid #d7d5d5;border-top:0;background: #fff; margin-bottom: 20px; } #nmain .nleft .news ul li{height: 32px; background:#008cd3; font-weight: 600px; border-radius: 6px; margin-bottom:10px; margin-top:10px;} #nmain .nleft .news ul li a{ padding-left: 24px; line-height: 32px; color:#fff; font-weight;600;} #nmain .nleft .nproduct{background: #fff; width: 255px; margin-bottom: 20px;} #nmain .nleft .nproduct .box{ width: 255px; border:1px solid #d7d5d5;border-top:0; padding-left:17px; padding-right: 18px; padding-top: 15px;} #nmain .nleft .nproduct dl dt { height: 32px; background:#008cd3; font-weight: 600px; border-radius: 6px; margin-bottom:10px; margin-top:10px;} #nmain .nleft .nproduct dl dt a{ padding-left: 24px; line-height: 32px; color:#fff;} #nmain .nleft .nproduct dl dt span{ float: right;} #nmain .nleft .nproduct dl dt span a{ padding:0 10px;} #nmain .nleft .nproduct dl dt span a:hover{color:#666;} #nmain .nleft .nproduct dl dd ul{ } #nmain .nleft .nproduct dl dd ul li{border:1px solid #fff; border-radius: 6px; overflow: hidden; padding:5px 0;} #nmain .nleft .nproduct dl dd ul li a{color:#414141; padding-left: 24px; } #nmain .nleft .nproduct dl dd ul li.ative{ border:1px solid #008cd3;border:1px solid #008cd3; } #nmain .nleft .nproduct dl dd{display: none; padding:10px 0;} #nmain .nleft .contact .con{ width: 255px;border:1px solid #d7d5d5;border-top:0; padding-left:17px; padding-right: 18px; padding-top: 30px; background: #fff; padding-bottom: 10px;} #nmain .nleft .search{ background: url(../images/neisearch.jpg) no-repeat; width: 225px; height: 20px; margin-bottom: 20px; margin-left:-3px;} #nmain .nleft .search #keywords{width:150px; text-indent: 14px; height: 20px; line-height: 18px; color:#414141;float: left; border:0 none; background: none;} #nmain .nleft .search .submit{ width: 75px; border:0 none; height: 20px; background: none; border-radius: 6px;} #nmain .nright{ width: 690px; float: right;} #nmain .nright img{max-width: 100%;} #nmain .nright ul li.plit_img,#nmain .nright ul li.list_img{ text-align: center;} #nmain .nright ul li.plit_img img,#nmain .nright ul li.list_img img{height: 160px;} #nmain .nright ul li.plit_img span,#nmain .nright ul li.list_img span{ padding:10px 0px; display: block; } #nmain .nright ul li.plit_img span a,#nmain .nright ul li.list_img span a{color:#5f5f5f;} #nmain .nright .media-list .media .pull-left .newsdata{ border-radius: 4px; background: #008cd3; height: 50px;width: 50px;} #nmain .nright .media-list .media .pull-left .newsdata span{display: block; height: 25px; color:#fff; line-height: 25px; text-align: center;} /*#nmain .pager li{display: block; overflow: hidden;clear:both; text-align: right; margin-bottom: 10px;} #nmain .pager li a{ clear:both; float:none; }*/ .one{background: #0093EB;color: #FFF;} .three{background: #E1E1E1;color: #444;} .four{background: #CFCFCF;color: #444;}