﻿ 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;}