/* CSS Document */ body{ margin: auto; font-size: 14px; line-height: 2; font-family: "宋体"; background-color: #F7FCFF; } .boxs{background-color: #F7FCFF; margin:auto} a{ color: #000000; text-decoration: none; } a:hover{ color: #006699; text-decoration: none; }.yy{ box-shadow: 0px 0px 5px #888888; border: 1px solid #eee; background-color: #FFFFFF; } .radius5{ -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */} img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width:100%; } img[align="left"]{ margin-right:10px;} img[align="right"]{margin-left:10px;} ul,li,p,dl,dt,h1,h2,h3,h4,h5,h6,h7{ margin: 0px; padding: 0px; list-style-type: none; } .fl{ float:left} .fr{ float:right} div,span{text-overflow: ellipsis;} .box{ width: 1078px; margin: auto; } #top{ width: 1200px; height:130px; background-color: #F7FCFF; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 20px; font-family: "微软雅黑", "宋体", Arial; position: relative; } #top #logo{ background-image: url(logo.png); background-repeat: no-repeat; background-position: left top; height: 110px; padding-left: 300px; float: left; width:650px; } .topnav1{ position: absolute; top: 0px; right: 5px; font-size: 24px; width:80px; } .topnav1 a{ cursor:pointer; float:right; margin-right: 15px; } #logo h1{ font-size: 22px; font-style: italic; color: #003399; line-height: 35px; } #logo h2{ color: #009933; font-size: 18px;line-height: 1.5; } #logo span{ font-family: Arial, Helvetica, sans-serif; color: #FF0000; margin-right: 5px; margin-left: 5px;font-weight: bold; } #logo h1 span{line-height: 35px; } #top .fr{ text-align: right; } #top .fr a{ font-family: "宋体"; font-size: 14px; color: #999999; } #top .fr a i{ margin-right:5px; color: #006699; } #top .fr .h11{ position: absolute; top: 0px; right: 0px; } #top .fr .h3{ color: #666666; margin: 0px; padding: 0px;margin-top: 35px; } #top .fr .h3 span{ color: #5ACB07; } #nav{ background-color: #084BA6; line-height: 35px; } #nav ul{} #nav ul li a{ color:#fff} #nav ul li{ float: left; position: relative; } #nav ul li a{ float: left; padding-right: 15px; padding-left: 15px; line-height: 35px; margin-top: 5px; margin-right: 12px; margin-left: 12px; } #nav ul li a:hover,#nav ul li a.select,#nav ul li:hover a{ background-color: #FFFFFF; color: #000000; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; } #nav ul ul{ display: none; float: left; width: 180%; position: absolute; left: 12px; top: 40px; z-index: 9999; background-color: #fff; filter: Alpha(Opacity=80);Opacity:0.8; } #nav ul ul li{ float: left; width: 100%; } #nav ul li:hover ul li a{ color:#333333; margin: 0px; -moz-border-radius:0px; -webkit-border-radius: 0px; border-radius:0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; float: left; width: 100%; } #nav ul li:hover ul ul{ left:100%; top:0px; width:100%;} .banner{ margin:auto;} /*搜索*/ #search div{ border: 2px solid #084BA6; float:left; margin-right: 10px; } #search{ float:left} #search div i{ color: #999; line-height: 32px; text-align: center; width: 32px; float: left; } #search div input{ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 32px; font-family: "宋体"; font-size: 12px; line-height: 32px; float:left; } #search div button{ float:left; height: 32px; line-height:32px; color: #FFFFFF; background-color: #084BA6; margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 60px; text-align: center; }.hot{ margin-top: 5px; } .hot .fl{ font-size: 16px; font-weight: bold; line-height: 32px; font-family: "微软雅黑", "宋体", Arial; } .hot .fl a{ color: #999; } .hot .fl a:hover{ color: #FF0000; } /*首页*/ #left{ float: left; width: 235px; margin-top: 20px; } #left .etitle{ background-color: #0168B7; font-family: "微软雅黑", "宋体", Arial; font-size: 18px; color: #FFFFFF; text-align: center; font-weight: bold; } .leftdh{ width: 235px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom:5px; background-color: #0168B7; padding-right: 22px; padding-left: 22px; } .leftdh ul,.leftdh ul li{ float: left; width: 100%;} .leftdh ul li a{ background-image: url(zx_h2bg.gif); background-repeat: no-repeat; background-position: left top; float: left; width: 100%; color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; text-align: left; text-indent: 20px; line-height: 30px; font-weight: bold; font-size: 14px; } .leftdh ul li li a{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFFFFF; float: left; width: 100%; background-image: none; font-size: 12px; line-height: 28px; font-weight: lighter; margin: 0px; } .leftdh ul li ul{ padding-top: 5px; padding-bottom: 5px; } #right{padding: 10px; float: right; width: 835px;margin-top: 20px; } .navli a{ margin-right: 5px; margin-left: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding: 5px; } .navli,.navli a{color: #666666;} .navli a:hover,.navli a.select{ color: #FFFFFF; background-color: #006699; } .list{ float: left; text-align: center; overflow: hidden; width: 255px; margin-top: 5px; margin-right: 6px; margin-bottom: 5px; margin-left: 6px; } .list .img{ float: left; width: 255px; } .list .img img{ height: 185px; width: 255px; border: 5px solid #006699; -moz-border-radius: 10px; /* Gecko browsers */ -webkit-border-radius: 10px; /* Webkit browsers */ border-radius:10px; } .list .ntitle{} .list .ntitle a{ color: #0168B7; } .list .ntitle a:hover{ color: #FF0000; } .case{ background-color: #0081D2; margin-top:20px; padding-bottom:5px; } .case .etitle{ line-height: 34px; background-image: url(middle_hzkh.jpg); background-repeat: no-repeat; background-position: left top; height: 34px; } .case .etitle b{ float:left; color:#FFFFFF;font-family: "微软雅黑", "宋体", Arial; font-size: 16px; margin-left: 10px;} .case .etitle span{ float:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; margin-left: 10px; } .case .etitle a{ float:right; margin-right: 5px; } .case .econtent{ background-color: #FFFFFF; margin: 20px; padding: 10px; } .case .econtent img{ border: 1px solid #ddd; margin-left: 5px; height: 100px; width: 155px; } .case .prv{ background-image: url(prv.png); background-repeat: no-repeat; background-position: left center; float: left; height: 60px; width: 18px; cursor:pointer; } .case .next{ background-image: url(next.png); background-repeat: no-repeat; background-position: left center; float: right; height: 60px; width: 18px;cursor:pointer;} .lefts{ float: left; width: 805px; margin-top:20px; } .about .etitle,.link .etitle{ background-image: url(title_blue02.jpg); background-repeat: repeat-x; background-position: left top; height: 39px; line-height: 39px; float: left; width: 100%; } .about .etitle b,.wenda .etitle b,.link .etitle b{ font-size: 16px; font-weight: bold; float: left; margin-left: 5px; color: #FFFFFF; } .link{ margin-top:20px;} .link .etitle span{ float:left; margin-left:5px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; } .link .econtent{ padding:5px; min-height:60px;} .link .econtent img{ margin: 5px; padding: 2px; height: 60px; width: 108px; border: 1px solid #ddd; float:left; } .about .etitle a,.wenda .etitle a{ float: right; margin-right: 5px; color:#FFFFFF; } .about .econtent{ margin-top: 10px; padding-bottom: 10px; float: left; width: 100%; } .about .econtent .ntitle{} .about .econtent .fl img{ padding: 2px; float: left; height: 220px; width: 300px; border: 1px solid #ddd; } .about .econtent .right{ margin-left: 310px; } .about .econtent .right .ntitle a{ color: #FF0000;font-size: 16px; font-weight: bold; } .about .econtent .right .dp{ line-height: 1.5; margin-top: 5px; margin-bottom: 5px; } .about .econtent .right .more{} .about .econtent .right .more a{ line-height: 25px; color: #FFFFFF; background-image: url(btn_bg.jpg); background-repeat: repeat-x; background-position: left top; float: left; height: 25px; padding-right: 10px; padding-left: 10px; } .lefts .img{ float: left; margin-right: 20px; margin-left: 20px; } .rights{ float: right; width: 255px; margin-top:20px; } .wenda{ height:255px;} .wenda .etitle{ background-image: url(title_blue02.jpg); background-repeat: repeat-x; background-position: left top; height: 39px; line-height: 39px; float: left; width: 100%;} .wenda .econtent{ float: left; width: 100%; margin-top:10px;} .wenda .econtent .li,.wenda1 .econtent .li{ margin-top:5px; margin-bottom: 5px; height: 60px; overflow: hidden; float: left; width: 95%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ddd; margin-left:5%; } .wenda .econtent .li .ntitle,.wenda1 .econtent .li .ntitle{ background-image: url(w.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 35px; line-height: 30px; white-space: nowrap; overflow: hidden; font-size: 12px; color: #666666; } .wenda .econtent .li .ntitle a,.wenda1 .econtent .li .ntitle a{color: #666666;} .wenda .econtent .li .dp,.wenda1 .econtent .li .dp{ background-image: url(d.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 35px; line-height: 30px; height: 30px; overflow: hidden; text-align: left; white-space: nowrap; font-size: 12px; color: #666666; } .picli{ margin-top:20px; clear:both} #news{ float: left; width: 535px; margin-top: 20px; background-color: #fff; } #news .news .etitle,#news .news .dp{ display:none;} #news .content{ width: 525px; float: left; overflow: hidden; position: relative; margin: 5px; height:379px; } #news .econtent{width: 525px; float: left;overflow: hidden; margin-top:10px;} #news .econtent .li{ float: left; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; } #news .econtent .li .ntitle{float: left; width: 75%;text-indent: 5px; white-space: nowrap; overflow: hidden;} #news .econtent .li .date{ float:right; width:85px; color: #666666; } #news .tnews{ height: 180px; overflow: hidden; padding-top: 10px; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; } #news .tnews img{ float:left; height: 135px; width: 180px; padding: 2px; border: 1px solid #dddddd; margin-right: 10px; } #news .tnews .right .ntitle{ white-space: nowrap; overflow: hidden; } #news .tnews .right .dp{ line-height: 20px; height: 100px; overflow: hidden; font-size: 12px; } #news .tnews .right .more{ text-align: right; } #news .tnews .right .more a{ color: #FFFFFF; line-height: 25px; background-image: url(btn_bg.jpg); background-repeat: repeat-x; background-position: left top; float: left; padding-right: 10px; padding-left: 10px; } #news .news,#news .topnews{width: 100%; float:left} #news .contents { width: 1360px; float:left; position: absolute; } #news .etitle,#message .etitle{ line-height: 39px; background-image: url(title_blue02.jpg); background-repeat: repeat-x; background-position: left top; height: 39px; } #news .etitle b,.jz .etitle b,#message .etitle b{ float: left; padding-right: 10px; padding-left: 10px; cursor:pointer; padding-right: 15px; color: #FFFFFF; font-size:16px; } #news .etitle b.select,.jz .etitle b{ background-image: url(title_blue01.jpg); background-repeat: repeat-x; background-position: right center; color: #FFFFFF; } #news .etitle a,#message .etitle a{ color: #FFFFFF; float: right; margin-right: 5px; } #message{ float: right; width: 525px; margin-top:20px; background-color: #FFFFFF; background-image: url(lybg.jpg); background-repeat: no-repeat; background-position: left 38px; height:429px; font-family: "微软雅黑", "宋体", Arial; color: #FFFFFF; }#message form{ width: 300px; height: 300px; margin-top: 50px; margin-right: auto; margin-bottom: auto; margin-left: auto; } #message input{ border: 1px solid #ddd; line-height: 25px; height: 25px; float:left; } #message .item1{ margin-top: 5px; float: left; width: 100%; } #message .item1 span{ float: left; width: 85px; text-align: center; height:30px; } #message .item1 img{ background-color: #FFFFFF; margin-left: 5px; float:left; padding-top: 2px; padding-bottom: 2px; } #message textarea{ width:200px; height:80px;border: 1px solid #ddd;float:left;} #message button { background-color: #D60501; margin-right: 10px; border: 1px solid #AF0501; line-height: 28px; height: 28px; font-family: "宋体"; font-size: 14px; width: 80px; text-align: center; } #message button[type="submit"]{ background-color: #555; border: 1px solid #999999; } #message button.radius5{ -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius:3px; /* W3C syntax */} /*优势*/ /*内页*/ #cms .li .img{ float:left} #cms .li .img img{ height: 155px; width: 245px; } #cms .li .right{ margin-left:260px;} #cms .li .right .ntitle a{ color: #0077BB; } #cms .li{ padding-top: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; } #cms .li .ntitle a:hover{ text-decoration: none; } #cms .li .right .dp{ line-height: 1.5; color: #666666; padding-top: 10px; padding-bottom: 10px; } #cms .li .right .more a{ padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border: 1px solid #ddd; color: #555; } #page{ margin-top: 10px; margin-bottom: 10px; text-align: center; } #page a{ margin-right: 5px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border: 1px solid #ddd; } #page a:hover,#page a.select{ background-color: #0077BB; color: #FFFFFF; } #cms1 .h1{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; color: #0077BB; margin-bottom: 15px; padding-bottom: 15px; } .youshi{ float:left; width:100%; background:#FFffff} #index1{ background-image: url(middle_cont01.jpg); background-repeat: no-repeat; background-position: center top; min-height: 450px; padding-top: 170px; margin-top:20px; } #index2{ background-image: url(middle_cont02.jpg); background-repeat: no-repeat; background-position: center top; min-height: 416px; } #index3{ background-image: url(middle_cont03.jpg); background-repeat: no-repeat; background-position: center top; min-height: 370px; } #index4{ background-image: url(middle_cont04.jpg); background-repeat: no-repeat; background-position: center top; height: 446px; } #index5{ background-image: url(middle_cont05.jpg); background-repeat: no-repeat; background-position: center top; height: 254px; } .youshi .text{ margin-left: 110px; } .youshi .text .h2{ background-image: url(line.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 12px; font-weight: bold; font-family: "微软雅黑", "宋体", Arial; line-height:40px; } .youshi .text ul {} .youshi .text ul li{ background-image: url(v.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 25px; } .y2{ padding-left:520px;} #index2 .text{ padding-top:80px;} .youshi .item{ font-size: 16px; font-family: "微软雅黑", "宋体", Arial; line-height:1.5; } #index3 .text{ padding-top:80px;} #index4 .text{ padding-top:50px;} #index5 .text{ padding-top:50px;} .youshi{ position: relative; } #index4 .table1 { position: absolute; left: 70px; top: 80px; font-size: 12px; width:370px; border: 8px solid #A48161; } #index4 .table1 table{border: 1px solid #006699;} #index4 .table1 td{ text-align: center; line-height:16px; color: #333; } #foot{ background-image: url(foot.png); background-repeat: repeat-x; background-position: left bottom; min-height:100px; margin-top: 20px; background-color: #006FC8; } #foot .foot{ background-color: #006FC8; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #00559B; text-align: center; line-height: 35px; } #foot,#foot a{ color:#FFFFFF} #foot .foot1{ min-height:150px;} #foot .foot1{ padding-top:20px; } .clear{ clear:both} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} /* Hide from IE Mac */ .clearfix{display:block;} /*图片放大镜样式*/ .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;} .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);} /*图片小图预览列表*/ .spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;} .spec-scroll{clear:both;margin-top:5px;width:352px;} .spec-scroll .prev{float:left;margin-right:4px;} .spec-scroll .next{float:right;} .spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;} .spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;} .spec-scroll .items ul{position:absolute;width:999999px;height:56px;} .spec-scroll .items ul li{float:left;width:64px;text-align:center;} .spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;} .spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;} #right .proshow .fl img{ max-width:none}/*清除图片最大尺寸,避免放大镜无效*/ .procms .fr{ width:430px;} .procms .fr .item{ float: left; width: 100%; line-height: 35px; } .procms .fr .item span{ float:left} .procms .fr .item .text{ margin-left:80px; } .procms .fr .item1 .text{ margin-left:50px; } .procms .fr .sorttitle{ line-height: 35px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; font-size: 16px; } .procms .fr .ntitle .text{ color: #FF9900; } .procms .fr .tel .text{ color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; } .procms .fr .more a,.abtn{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border: 1px solid #ddd; padding-left: 10px; white-space: nowrap; overflow: hidden; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee'); color: #333333; width:100px; text-align:center; font-size:12px; margin-right: 5px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; } .procms .fr .more a:hover,.procms .fr .more a.select,.abtn:hover{ color: #FFFFFF; background-image: -moz-linear-gradient(top, #007ECA, #0067a2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007ECA), color-stop(1, #0067a2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ECA', endColorstr='#0067a2'); background-color: #0067a2; } .ordertitle{ color: #333333; background-color: #eee; padding-left: 10px; font-weight: bold; margin-top: 20px; } #right #message { background-image: none; padding: 0px; float:none; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; height:auto; } .procontent{ float: left; width: 100%; margin-top: 20px; } .procontent .h11{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #0067a2; } .procontent .h11 b.select{ background-color: #FFFFFF; color: #FFFFFF; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; background-image: -moz-linear-gradient(top, #007ECA, #0067a2); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #007ECA), color-stop(1, #0067a2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ECA', endColorstr='#0067a2'); background-color: #0067a2; float: left; padding-right: 10px; padding-left: 10px; } #right.right1{ border: 1px solid #ddd;background:#FFFFFF; min-height:450px; } #right .procms .content{ padding-bottom:15px; min-height:150px;} #right .lis{ line-height: 32px; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } #right .lis .ntitle{ background-image: url(more.jpg); background-repeat: no-repeat; background-position: 5px center; text-align: left; text-indent: 25px; float: left; width: 650px; font-size: 14px; white-space: nowrap; overflow: hidden; margin: 0px; padding: 0px; line-height: 32px; } #right .lis .date{ float: right; width: 80px; color: #666666; } #cms,#cms1{ float: left; width: 100%; padding-top: 15px; padding-bottom: 15px; } .lefts,.rights{ background:#FFFFFF} .newsin{ clear: both; margin-top: 20px; float: left; width: 100%; } .newsin .etitle{ color: #333333; background-color: #eee; float: left; width: 100%; } .newsin .etitle b{ float: left; margin-left: 10px; } .newsin .etitle a{ float: right; margin-right: 5px; } .newsin .econtent{ float: left; width: 100%; margin-top: 10px; padding-bottom: 10px; } .newsin .econtent .li{ float: left; width: 46%; margin-right: 2%; margin-left: 2%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; white-space: nowrap; overflow: hidden; font-size: 12px; text-align: left; text-indent: 5px; line-height: 32px; } .newsin .econtent .li .date{ display: none; } .newsin .econtent .li a{ color: #666666; } .lianxi{ margin-top: 20px; } .lianxi .etitle{ background-color: #0168B7; font-family: "微软雅黑", "宋体", Arial; font-size: 16px; color: #FFFFFF; text-align: left; text-indent: 10px; } .lianxi .etitle b{ text-align: left; } .lianxi .econtent{ border: 1px solid #ddd; background-color: #FFFFFF; padding: 10px; } .lianxi .econtent .img{ background-image: url(lianxi.jpg); background-repeat: no-repeat; background-position: center top; height: 89px; padding-top: 50px; font-size: 22px; color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; } .lianxi .econtent .content{} .youshis .kf{ width:620px; overflow:hidden; font-size: 22px; color: #0066CC; font-family: "微软雅黑", "宋体", Arial; } .youshis .y1 .kf{ position: absolute; left: 5px; bottom: 5px; } .youshis .y2 .kf{ position: absolute; right: 5px; bottom: 5px; } .youshis #index5 .kf{bottom: 25px;} #gotop{ position: fixed; bottom: 50px; right: 0px; cursor:pointer; background-color: #f5f5f5; border: 1px solid #ddd; padding: 0px; width: 50px; height: 80px; } #gotop div{ height: 40px; text-align: center; font-size: 18px; line-height: 40px; } #gotop div.gotop{ background-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; } #gotop div i{ line-height:40px;} .off-canvas-left ul{ text-transform: capitalize; } .off-canvas-left ul li{} .off-canvas-left ul li a{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; line-height: 35px; float: left; width: 100%; text-transform: capitalize; padding-left: 20px; } .off-canvas-left ul li li a{ text-align: left; border-bottom-width: 0px; border-bottom-style: none; line-height: 32px; padding-left: 20px; } .off-canvas-left ul li li li a{ text-align: left; border-bottom-width: 0px; border-bottom-style: none; line-height: 32px; padding-left: 40px; font-size: 12px; } .off-canvas-left ul li li li li a{ text-align: left; border-bottom-width: 0px; border-bottom-style: none; line-height: 32px; padding-left: 40px; font-size: 12px; } .off-canvas-left ul li li a .icon-double-angle-right{ margin-right:5px;} .off-canvas-left ul li a.select,.off-canvas-left ul li a:hover{ background-color: #0077BB; color: #FFFFFF; } .lefts .img{ width:25%; float:left; margin: 0px; padding-right: 5px; padding-left: 5px; } /*767手机端*/ @media screen and (max-width:767px){ #top,.box{ height:auto; width:100%; margin:atuo;} #logo1{ position: absolute; left: 0px; top: 0px; } #top .fr .h11{ margin-top:0px;} #top .fr .h3{ font-size:16px;} #top .fr .h3 span{ font-size:16px;} #left,#right,.lefts,.rights,.pro{ width:100%; float:none; margin:auto;padding: 0px;} .boxs{width:98%; float:none; margin:auto} .etitle{ line-height: 39px; background-image: url(title_blue02.jpg); background-repeat: repeat-x; background-position: left top; float: left; width: 100%; margin-top:15px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; } .etitle b{ color: #FFFFFF; text-align: left; text-indent: 5px; float: left; } .etitle a{-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; color: #000000; font-size: 12px; line-height: 12px; float: right; border: 1px solid #ddd; text-decoration: none; background-color: #FFFFFF; margin-right:10px; margin-top:10px; padding-right: 5px; padding-left: 5px; } .etitle span{ color:#eee; font-family: Arial, Helvetica, sans-serif; margin-left: 5px; font-size: 12px; } .list{ width:100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-top: 10px; padding-bottom: 10px; text-align: left; } .list .img{ float:left; width:120px;} .list .img img{ width:130px; height:auto; padding: 2px; border: 1px solid #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; } .list .right{ margin-left:140px; text-align:left} .list .right .more a{ padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border: 1px solid #ddd; color: #555; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; background-color: #FFFFFF; font-size: 12px; line-height: 12px; } .list .right .dp{ font-size: 12px; line-height: 1.2; height:3.6em; overflow:hidden; color: #555; } .list .right .more{ float:left; width:100%; margin-top:10px;} .about .econtent .fl img{ width:140px; height:auto} .about .econtent .right{ margin-left:150px;} .about .etitle a{ color:#333333} .about .econtent .dp{ line-height:1.2; font-size:12px; color:#555; height:4.5em; overflow:hidden;} .lefts .img{ width:25%; float:left; margin: 0px; padding-right: 5px; padding-left: 5px; } #news1 .econtent .li{ float: left; width: 100%; text-align: left; white-space: nowrap; overflow: hidden; } #news1 .econtent .li .ntitle{float: left; width: 75%;text-indent: 5px; white-space: nowrap; overflow: hidden;} #news1 .econtent .li .date{ float:right; width:85px; color: #666666; } #news1 .econtent{ margin-top:5px;} #news1 .topnews img{ width:140px; height:auto; float:left; padding: 2px; border: 1px solid #ddd; } #news1 .topnews .right{ margin-left:150px;} #news1 .topnews .tnews{ float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } #news1 .topnews .tnews .right .dp{ font-size:12px; color:#555; line-height:1.2; height:3.6em; overflow:hidden;} #news1 .topnews .tnews .right .ntitle{ font-weight:bold} #news1 .topnews .tnews .right .more a{ color:#FF0000} .case1 .econtent .img{ width:50%; float:left; padding: 5px; } .case1 .econtent .img img{ border: 1px solid #ddd; height:auto; } .case1 .econtent .img:nth-child(2n+1){ clear:both} .link .etitle{ margin-top:0px;} #message { background-image: none; color: #555; height:auto; margin: 0px; padding: 0px; float: left; width: 100%; } #message form{ margin: 0px; padding: 0px; float: left; width: 100%;height:auto; } #message button{ color:#FFFFFF} #cms .lis .ntitle{ float:left; width:100%;} #cms .lis .date{ display:none} #postion{ width:100%; text-align: left; text-indent: 5px; margin-top:10px; background-color: #eee; } #right.right1{ padding: 10px; margin-top:10px; min-height:auto; } .newsin .econtent .li{ width:97%;} .procms .fr{ width:100%;} .orderpro{} .orderpro #message { background-image: none; padding: 0px; float:none; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; height:auto; } .input-group{ margin-top:10px;} input.form-control{ height:32px;} }