@font-face{font-family:iconfont;src:url(../font/iconfont.eot);src:url(../font/iconfont.eot?#iefix) format('embedded-opentype'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype'),url(../font/iconfont.svg#iconfont) format('svg')} .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale} *{ margin:0; padding:0; } body{ font-size:12px; color:#444; background:#313841; } ul{ list-style-type:none; } img{ border:none;} a { text-decoration:none; } .fr{float: right;} #header { width:1000px; height: 100px;background: #fff; margin:0 auto; overflow:hidden; } #header .logo{margin: 15px 0 0 20px; width: 450px;} #header .header-nav{ height: 30px; background: url('../img/nav_ul_bg.png'); line-height: 30px; float: right; margin-right: 30px; margin-top: 10px; padding: 0 10px; } #header .header-nav a{ margin-right: 10px; color: #fff; padding-right: 15px; border-right: 1px solid #fff; } #header .header-nav a:hover{color: #0069c5} #header .header-nav a:last-child{ margin-right: 0; border-right: 0px solid #fff; padding: 0; } #nav { width:1000px; height:36px; margin:0 auto; background:url("../img/a_04.jpg"); } #nav ul { width:900px; height:36px; line-height:36px; margin: 0 auto; } #nav ul li{ position: relative; width:110px; float:left; height:36px; line-height:36px; text-align:center; background:url("../img/nav_li_02.jpg") no-repeat right center; } #nav ul li.end{ background:none;} #nav ul li a{ color:#FFF; font-weight:bold; } #nav ul li a:hover{ font-size:14px; } #ad{position: fixed;z-index: 999; left: 50%;margin-left: 510px;} #ad .clone{text-align: center;display:block; width:100px;background:#fff;color:#333;} .s_nav{ position:absolute; width:100px; left:0; top:36px; z-index:1; float:left;z-index: 555;display: none;} .s_nav dt{ clear:both; height:25px; line-height:25px; text-align:center;} .s_nav dt a{ background:#39F; display:block; color:#FFF; } .s_nav dt a:hover{ padding-left:5px;} #pic1 { width:1000px; height:9px; margin:0 auto; overflow:hidden;background: url("../img/a_05.jpg") no-repeat; } #pic { width:1000px; height: 267px; background:#FFF; margin:0 auto; overflow:hidden; } #pic .ff{ width:994px; margin-left:3px; overflow:hidden; } #pic2 { width:1000px; height:10px; margin:0 auto; overflow:hidden; background:#FFF; } #con { width:1000px; background:#FFF; margin:0 auto; overflow:hidden; } #con #left { width:270px; height: 593px; float:left; overflow:hidden; margin-left: 5px; } #con #left #lefttop { width: 270px; overflow: hidden; background: #f5f2ed; margin-bottom: 10px; } #con #left #lefttop h1 { width:270px; height:35px; color:#FFF; font-size:14px; text-indent:38px; line-height:32px; background: url("../img/con_001.jpg") no-repeat; } .com-title{ border-bottom: 2px solid #e5e5e5; width: 100%; height:35px; color:#FFF; line-height:35px; background: #f5f2ed; } .com-title h1{ font-size:14px; color: #0069c5; border-bottom: 2px solid #0069c5; display: inline-block; margin-left: 20px; } .com-title .more{ float: right; color: red; margin-right: 20px; } #con #left #lefttop ul { width:270px; overflow:hidden; padding-left:35px; margin-top:7px; margin-bottom: 15px; } #con #left #lefttop ul li{ width:200px; height:28px; line-height:28px; border:1px solid #999; margin-top:6px; overflow:hidden; background: url("../img/li_2.jpg") no-repeat 15px center; padding-left:15px; text-indent:20px; } #con #left #lefttop ul li a { color:#333} #con #left #lefttop ul li a:hover { color:#0069c5} #con #left #leftb { width:270px; overflow:hidden; background: #f5f2ed; } #con #left #leftb h1 { width: 270px; height: 35px; color: #FFF; font-size: 14px; text-indent: 38px; line-height: 32px; background: url("../img/con_001.jpg") no-repeat; } #con #left #leftb p{ display:block; width:212px; height: 181px; line-height:25px; margin:15px 0 0 25px; } #con #right{ width: 710px; float: right; overflow:hidden; margin-right: 5px; } #con #right #righttop{ width: 710px; float:left; overflow:hidden; } #con #right #righttop h1 { height:35px; color:#FFF; font-size:14px; text-indent:34px; line-height:35px; background: url("../img/con_002.jpg") no-repeat; background-size: 100% 35px; } #con #right #righttop h1 em{ float:right; padding-right:25px; font-size:12px; font-style:normal;} #con #right #righttop a{/* color:#FFF */} #con #right #righttop p{ display:block; margin-left:10px; margin-top:10px; line-height:25px; float:left;margin-left: 13px; } #con #right #righttop #pic_1{height: 252px;float:left; margin:10px 0; border:5px solid #09F; overflow:hidden; } #con #right #righttop .text_box{width:392px; height:238px; float:left; padding:6px 34px 6px 0px; line-height:23px; text-indent:2em; overflow:hidden;} #con #right #rightl{width:330px;height:278px;float:right;background:url(../img/con_004.jpg) no-repeat;overflow:hidden;margin-left:22px} #con #right #rightl h1{height:25px;color:#fff;font-size:14px;text-indent:17px;line-height:25px} #con #right #rightl h1 em{float:right;padding-right:10px;font-size:12px;font-style:normal} #con #right #rightl a{color:red} #con #right #rightl #proa2{width:330px;height:225px;overflow:hidden;vertical-align:middle;margin-top:10px} #con #right #rightl #proa2 li{list-style-type:none;height:220px;padding-bottom:5px;float:left;text-align:center;width:100%} #con #right #rightl #proa2 p{margin:0;padding:0} #con #right #rightl #proa2 li img{margin:0 auto;width:290px;height:180px;padding:10px} #con #right #rightl #proa2 p{text-align:center;width:80%;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block} #con #right #rightr{width:332px;height:279px;float:left;background:url(../img/con_004.jpg) no-repeat;overflow:hidden} #con #right #rightr h1{height:23px;color:#fff;font-size:14px;text-indent:17px;line-height:23px} #con #right #rightr h1 em{float:right;padding-right:10px;font-size:12px;font-style:normal} #con #right #rightr a{color:red} #con #right #rightr ul{margin-top:6px} #con #right #rightr ul li{width:300px;overflow:hidden;padding-left:17px;line-height:27px} #con #right #rightr ul a{color:#333} #con #right #rightr ul li em{float:right;font-style:normal;color:#000} #con #right #rightr ul Li a:hover{text-decoration:underline;color:#0069c5} #con #right #righttop a{color:#fff} #chanpin { width:1000px; height:240px; margin:0 auto; overflow:hidden; background: #fff; padding: 0 5px; box-sizing: border-box; } #chanpin h1 { height: 34px; color: #FFF; font-size: 14px; text-indent: 38px; line-height: 33px; background: url('../img/a_009.jpg') no-repeat; background-size: 100%; background-size: 100% 34px; } #chanpin h1 em{ float:right; padding-right:25px; font-size:12px; font-style:normal;} #chanpin h1 a{ color:#FFF } /* #chanpin #proa1 { width:980px; height:230px; padding-top:22px; margin:0 auto; overflow:hidden; } #chanpin #proa1 img { padding-right:15px; padding-bottom:5px; } */ #footer { width:980px; height:59px; background: url("../img/a_10.jpg"); margin:0 auto; overflow:hidden; padding:20px 10px 10px 10px; color:#fff; font-size:12px; } #footer p{ margin:0 auto; text-align: center; color:#FFF; line-height:25px; } #footer p a{ color: #fff; } #footer p a:hover{ color: red; } #about{ width:710px; float: right; overflow:hidden; line-height:25px; margin-right: 5px; } #about > h1 { height: 35px; background: url("../img/con_002.jpg") no-repeat; font-size: 14px; text-indent: 28px; line-height: 35px; color: #FFF; background-size: 100% 35px; } #about .aboutp{ margin-top:10px; overflow:hidden; line-height:25px ; padding:0px 0px 45px 0px; } #about .aboutp p{ margin: 10px 0; color: #333333; line-height: 25px; font-size: 13px; overflow: hidden; text-indent: 2em; padding: 0 10px; } #about .aboutp p img{ max-width: 100%; margin: auto; display: block; } .culture{margin-top: 20px;border-top: 1px solid #ebebeb;} .culture li {height: 40px;line-height: 40px;border-bottom: 1px solid #ebebeb;} .culture li:hover a{color: #0069c5;} .culture li a{color: #333; padding-left: 10px; width: 530px;display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .culture li div{display: inline-block;float:right; margin-right: 10px;} .culture li div .clickNum{width: 64px;display: inline-block;text-align: right} .culture li div .time{color: #c2c2c2} .culture li div i{font-style: inherit;color: red;} #pic_1 ul li img{width: 271px; height: 222px; } .slider-page ul li{ display: none;height: 30px;line-height: 30px;text-align: center;padding: 0 10px;box-sizing: border-box;border-top: 1px solid #eee;} .slider-page ul li span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;} .slider-page ul li:nth-child(1){display: block;margin-top: 0;} .slider-page ul li:nth-child(1) span{margin-top: 0;} .article h1{text-align: center;margin:20px auto; padding: 0 15px; line-height: 40px; font-size: 20px;} .article .article-inf {text-align: center;} .article .article-inf span{margin-right: 10px;color: #666666} .article-page .page-art{font-size: 14px;} .article-page .page-art:hover a{color: #0069c5 ;} .article-page .page-art a{max-width: 200px;display: inline-block;margin-right: 10px;color: #333;} .crumb-nav{ color: rgb(102, 102, 102); font-size: 12px; line-height: 30px; padding-top: 2px; padding-bottom: 5px; font-family: '瀹嬩綋'; display: inline-block; } .crumb-nav a { color: rgb(102, 102, 102); font-family: '寰蒋闆呴粦'; font-size: 14px; vertical-align: top; } .numInf{ margin-top: 10px; font-size: 12px; float: right; } .com-list{padding: 30px 0 0;overflow: hidden;} .com-list li {float: left;width: 200px;margin-left: 25px;text-align: center;margin-bottom: 20px;overflow: hidden;} .com-list li:hover img{transform: scale(1.1)} .com-list li a{color: #333;} .com-list li a .img-cell{/* display: table-cell; */height: 208px;vertical-align: middle;overflow: hidden;border: 1px solid #eee;margin: 0;line-height: 208px;width: 198px;} .com-list li a p{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; } .com-list li img{max-width: 90%;max-height: 90%;transition: all .2s;margin: auto;display: inline-block;vertical-align: middle;} .page{height:32px;} .page{line-height:30px;margin:20px auto 40px;text-align: center;max-width:1200px;} .page a,.page > span{background:#fff;display:inline-block;height:30px;width:35px;text-align:center;border:1px solid #e4e4e4;transition:all .5s;font-size:14px;color:#999;margin-right: 10px} .page .active,.page > span{background:#0066cc;color:#fff;border-color:#0066cc;} .page a:hover,.page span:hover{transition:all .5s;background:#0066cc;color:#fff;border-color:#0066cc;} .page .page-more{border: none;} .page .special,.page .a2,.page .a1{width:80px;font-size: 14px;} .picMarquee-left{ width:100%; overflow:hidden; position:relative; } .picMarquee-left .bd{overflow:hidden; margin-top: 25px;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center;overflow: hidden;width:200px; height:130px; border:1px solid #ccc;} .picMarquee-left .bd ul li .pic img{ width:200px; height:130px; display:block; transition: all .2s;} .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; transform: scale(1.2) } .picMarquee-left .bd ul li .title{ line-height:24px; margin-top: 5px; } .picMarquee-left .bd ul li .title a{ color:#333; } .delivery h2{ margin: 20px; font-size: 20px; } .delivery .dl{ margin-top: 10px; } .delivery dl dt{ margin-top: 10px; } .delivery dl dt:first-child{ margin-top: 0px; } .delivery dl dt { margin-left: 30px; padding-left: 20px; height: 30px; line-height: 30px; font-size: 13px; color: #666; font-weight: 700; background-color: #e9e9e9; } .delivery dd { padding: 12px 41px 5px; } .delivery .tip-txt { color: #666; margin-right: 11px; margin-top: 8px; } .delivery .tip-img img{ max-width: 100%; } .map{margin: 30px auto;width: 660px;} .map .map-info{margin-top: 30px;} #allmap {width: 660px;height: 300px;overflow: hidden;margin:0;font-family:"寰蒋闆呴粦";box-shadow: 0 0px 0px 8px #e3e3e3;} .anchorBL,.BMap_cpyCtrl{display: none;}