*{margin:0px ; padding:0px} a{ text-decoration: none;color:#333;} li{list-style:none;} body { font-family: "微软雅黑",yahei,tahoma,arial,"hiragino sans gb","宋体"; min-width: 1200px; word-break: break-all; word-wrap: break-word; } img { border: 0 none; vertical-align: middle; max-width:100%; } input{border: none;outline:none;} /*清除浮动*/ .clear {clear:both;} .clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/ /*这是网页的头部*/ .background{ width:100%; height:100%; background: url(/uploads/image/thimages/navbg.png) 0 24px repeat-x; } .head{ margin: 0 auto; width:1200px; height:100px; } .head_left{ float:left; width: 340px; height: 100px; line-height: 100px; } .clearfix:after{ content: ""; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; } /*这是网页的导航*/ .meun{ float:left; display:black; width:860px; height: 100px; line-height:100px; } .meun .shouye,.meun .shubiao{ display:block; float:left; line-height:100px; width:90px; font-size:14px; } .meun .shouye a,.meun .shubiao a{ display:block; text-align:center; } .meun a{ text-decoration:none; color: #fff; } .meun .ejlm li{ width:90px; float:left; height:34px; background-color: #fff; } .meun .ejlm{ text-decoration:none; width:90px; height: 34px; line-height: 34px; display:none; clear:both; position: absolute; z-index:10000; } .meun li a:hover{ background:#056fb9; color:#fff } .meun .ejlm li a{ color: #056fb9; } .meun .ejlm li a:hover{color:#fff; background:#056fb9;} .ejlm2{ background:#056fb9; } .ejlm2 .ejlm li{ background:#0000; width:90px; height:34px; } .ejlm2 a{color:#ffffff;} .shubiao a:hover {color:#fff; background:#056fb9;} /********************************************************/ #wrap-slider{ width:1920px; height: 500px;} #wrap-slider, #wrap-slider>ul { width: 100%; height: 500px; overflow: hidden; position: relative; transition: all .5s; left: 0; } #wrap-slider>ul>li { float: left; width: 25%; height: 500px; overflow: hidden; position: relative; } #wrap-slider>ul>li img { position: absolute; margin: auto; } #wrap-slider>ol { position: absolute; left: 50%; bottom: 20px; margin-left: -58px; } #wrap-slider>ol>li { width: 13px; height: 13px; background: url(/uploads/image/thimg/dot.png) -13px center; float: left; margin: 0 5px; cursor: pointer; } #wrap-slider>ol>li.active { background-position: left; } #sleft { position: absolute; left: 50px; top: 50%; margin-top: -25px; cursor: pointer; } #sright { position: absolute; right: 50px; top: 50%; margin-top: -25px; cursor: pointer; } #nav {width: 100%; height: 70px; line-height: 70px; clear: both; background:url(/uploads/image/thimg/-1.png) no-repeat center;} #nav dl{width:1200px;height:70px; margin:auto;} #nav dt{float: left; height: 70px;} #nav dt form{width: 224px;float: left;margin-top:20px;background: #ffffff; border-radius: 18px; text-indent: 24px; margin-left:140px;} #nav dt input[type="text"]{color: #999999;float: left;height:36px;width: 170px;background-color: transparent;margin-left: 12px;padding-left: 6px;} #nav dt input[type="submit"]{float: left;background-image:url(/uploads/image/thimg/ico.png);background-repeat: no-repeat;height: 36px;width:35px;background-color: transparent;background-position: center center;} #nav p{ font-size:16px;color: #ffffff;float: left; margin-left:30px;} #nav p span{font-weight:bold;font-size:24px;float:right; margin-left: 8px; margin-right:40px;width: 170px;} #nav dd{float:left;margin-right:60px;} #nav dd a{text-decoration:none;color:#000000;} #nav dd:hover a{color: #056fb9;} /*******************************/ #guanyu{ width: 1200px; height:100%; margin:auto; margin-top: 20px;} #biaoti{ margin: auto; width: 1200px; padding-bottom:40px;} #left{ height: 680px; width: 600px; background:#ffffff; position: absolute;} #xinwe{ border: solid 4px #000000; width: 175px; height: 440px;} #deijiang{ float:right; background: #ffffff; width: 450px; height:360px; position: relative; top:-410px; } #deijiang li{padding-bottom:10px;} #deijiang li a{padding-bottom:20px; text-decoration: none; color: #666;} #right{width:580px; float:right;} #xuancye{ width:600px; height:310px;} #jiangli{border-bottom: solid 2px #ebe1d9; padding-top:40px; width: 600px; height:280px; border-left: solid 2px #ebe1d9; border-right:solid 2px #ebe1d9} #jiangli li{ float:right; margin-right:20px;} #jiangli li img{width: 172px;height: 244px;} .cp{width:1200px;height:100%;margin:auto; clear: both;} .cp1{ width:1200px;margin:auto; margin-top:700px; margin-bottom: 10px;} .cp11 { width:600px; height:50px;margin:auto; text-align: center;} .cp11 li{width: 98px; height:30px; background:#ffffff;float: left; border-right:solid 2px #ebe1d9; padding-left: 10px; margin-top:20px; color:#000;padding-right: 10px;line-height: 30px;} .cp11 li:hover{width:98px;height:30px;background:#2b8ee9;} .cp11 li a{color:#605e5f;} .cp11 li:hover a{color:#ffffff;} .pbox{width:1200px; height:100%; margin: 0 auto;display: none;} .pbox li {float:left; margin-right:5px; margin-top: 35px; width: 290px; position: relative;} .pbox .pro_pic {width: 100%; height: 225px; border: 1px solid #999999;} .pbox .tex_pro{width: 100%; height: 227px; display: block; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0);color: #fff; transition:.5s;} .pbox p{ text-align:center; display:none; line-height: 100px;height: 100px;} .pbox li:hover p{display: block;} .pbox .tex_pro:hover{ background:rgba(0,0,0,0.6); transition:.5s;} .pbox span{width:290px; height:40px;border:1px solid #ebe1d9;display: block; text-align: center;line-height: 40px;} #fxiang{ width:230px; height: 60px; margin: 0 auto;} #fxiang li{ float:left;margin-top:85px; margin-bottom:30px;margin-left:80px;} .zxin{ width:1200px; height:100%; margin:auto;} .xin{text-align: center; margin: auto;margin-bottom:40px;} .zxin1{ width: 435px; height: 50px; margin: auto;} .zxin1 li{ float:left; margin: 0 10px;} .zxin1 li a {text-align: center;width: 123px; height: 50px;display: block;line-height: 50px; color: #333;border: 1px solid #ddd;} .zxin1 li:hover a{ background: #056fb9; color: #ffffff;border: 1px solid #056fb9;} .zxin11{width: 1200px; height: 100%;margin: 0 auto;display: none;} .zxin11 li{width:349px;height:350px; float:left; margin-top:40px;position: relative;} .zxin11 li em{ display:block; width: 240px; height:34px; padding-right:10px; background: #41abf5; position:absolute; top:231px; right:0; line-height:34px; text-align:right; color:#fff; font-style: normal; opacity: 0.8; } .zxin11 li .zto{ width:349px; height: 265px;} .zxin11 li:nth-of-type(1){ margin-right:70px;} .zxin11 li:nth-of-type(2){ margin-right:70px;} .zxin11 span{ font-size: 16px; color: #333;margin-top:10px ; display: block;} .zxin111 { color:#999999; font-size:12px; } .zxin11 li:hover span { color:red;} .gongcheng{width:1200px;height:636px; margin: auto; position: relative;/* background: url(/uploads/image/thimg/gcal.jpg) center center no-repeat; */} .rightup{width:580px;position: absolute;right: 0;bottom:120px; height: 166px;z-index: 5; margin-right:15px;} .leftu{width: 1200px;position: absolute;left: 0;top: 0; display:none;} .rightup li{float:left; margin-right:5px;width:190px; height:190px; background: #ffffff; text-align: center; margin-right: 4px;} .rightup li:nth-of-type(3n){margin-right:0;} .rightup li img{width: 190px; height:160px;} .leftu li{width: 1200px;height: 392px;} .leftu li .leftpic{float: left; width: 562px;height: 392px; margin-top: 148px; margin-left: 15px;} .leftu li .leftpic img{ width: 562px;height: 392px;} .leftu li .left_text{float: right;width: 580px; margin-top:140px; margin-right:15px;} .leftu li .left_text h1{ color: #fff;margin-bottom: 8px;} .leftu li .left_text h1 a{ color: #333;} .leftu li .left_text p{ color: #333; font-size: 12px;} #gc1{ text-align: center; position: absolute; bottom: 40px; left: 45%;} #lianxi{width:100%; height:200px; background:#056fb9; clear: both;} #lianxi1{width:1200px;margin:auto;} #lianxi li{float:left;margin-right:30px; margin-left:45px; margin-top: 40px;} #lianxi li span{ font-size:14px;color: #ffffff; margin-left:50px; display: block; width: 156px; height:50px;padding-left: 10px;} #lianxi li:nth-of-type(1){background: url(/uploads/image/thimg/shouji.png) left no-repeat;} #lianxi li:nth-of-type(2){margin-left:200px;background: url(/uploads/image/thimg/dianh.png) left no-repeat;} #lianxi li:nth-of-type(3){margin-left:200px;background: url(/uploads/image/thimg/xinfeng.png) left no-repeat;} #lianjie{ width: 1200px; margin: auto;height: 65px; line-height:65px;} #lianjie li{float:left; margin-left: 30px;} #lianjie ul li a{font-size: 14px; color: #333333;} #lianjie li:hover a{color: #056fb9;} #weibu1{ width:100%;background:#222222;padding-bottom: 30px;} #weibu{width:600px; line-height:60px; margin: auto;} #weibu ul{width: 600px; height: 60px;overflow: hidden;} #weibu li{float:left; margin-right:10px;} #weibu li a{font-size:14px; color:#ffffff;} #weibu li:hover a{color:#2b8ee9;} #weibu1 .p{ width: 1200px;margin: auto;text-align: center; color: #999999; font-size: 12px;} #weibu1 .p a{color: #999999; } #yingxiao{width:1200px; background:#f5f5f5;margin:auto; padding-top: 40px;padding-bottom: 40px;} #yingxiao1{width: 1200px; height:25px;border-bottom: 1px solid #999999; margin-top:45px;} #yingxiao .yx1{ font-size: 18px; color:#0062b6; float:left; padding-left: 40px;} #yingxiao .yx1 span{ font-size:14px;color: #0062b6; } #yingxiao .yx2{float:right;padding-right:20px;} #yingxiao .yx2 a{ font-size:12px;color:#666;} .lie{ margin-top:40px; padding-left: 40px; float: left;} .lie dt{font-size: 14px; width: 270px;border-bottom: 2px dashed #f5f5f5; background: #056fb9;display: none;} .lie dt a{margin-left: 16px; color: #fff;font-size: 16px;line-height: 48px;} .lie dd{font-size: 14px;margin-bottom: 1px;height: 42px;line-height: 42px;background: #056fb9; width: 270px;} .lie dd a{color: #fff;margin-left: 16px;} .lie dd:hover{background:#0a87df; } .lie dd:hover a{color: #fff;} #tupp{ width: 800px; } #tup{float:left; margin-top: 20px; margin-bottom: 30px;} #tupp #tup img{ width:800px;height: 245px;} #yingxiao #tupp{ width: 800px; float: right; margin: auto; font-size:14px;margin-top: 40px;} #cproduct{width:1200px; background:#f5f5f5;margin:auto; padding-top: 40px;padding-bottom: 40px;} #cproduct1{width: 1200px; height:25px;border-bottom: 1px solid #999999; margin-top:45px;} #cproduct .yx1{ font-size: 18px; color:#0062b6; float:left; padding-left: 40px;} #cproduct .yx1 span{ font-size:14px;color: #0062b6; } #cproduct .yx2{float:right;padding-right:20px;} #cproduct .yx2 a{ font-size:12px;color:#666;} #top{float:right} #top .ul{width: 800px;margin-right:10px;overflow: hidden;padding-bottom: 30px;} #top .ul li{float:left;margin-right:20px;width:180px;height: 148px; margin-top: 30px; text-align: center;font-size: 14px;line-height: 28px;} #top .ul li img{ width: 180px; height: 120px;} #top .ul li img:hover { width: 190px; height:140px;} #top .album li{height:246px;} #top .album li img{ height: 246px;} #top .album li img:hover { width: 190px; height:260px;} #xinwen{width:1200px; background:#f5f5f5;margin:auto; padding-top: 40px;padding-bottom: 40px;} #xinwen1{width: 1200px; height:25px;border-bottom: 1px solid #999999; margin-top:45px;} #xinwen .xw1{ font-size: 18px; color:#0062b6; float:left; padding-left: 40px;} #xinwen .xw1 span{ font-size:14px;color: #0062b6; } #xinwen .xw2{float:right;padding-right:20px;font-size: 12px;} #xinwen .xw2 a{ font-size:12px;color:#666;} .le{ margin-top:40px; padding-left: 40px; float: left;} .le dt{font-size: 14px; width: 270px;border-bottom: 2px dashed #f5f5f5; background: #056fb9;display: none;} .le dt a{margin-left: 16px; color: #fff;font-size: 16px;line-height: 48px;} .le dd{font-size: 14px;margin-bottom: 1px;height: 42px;line-height: 42px;background: #056fb9; width: 270px;} .le dd a{color: #fff;margin-left: 16px;} .le dd:hover{background:#0a87df; } .le dd:hover a{color: #fff;} .news_index {margin: 30px 0;} .news_index li {width: 245px; height: 32px; line-height: 32px; list-style: disc; margin-left: 24px;} .news_index li a {color: #666;font-size: 14px;} .news_index li a:hover {color: #f1500c;} .news_index span {width: 267px; height: 48px; display: block; color: #333;border-left: 2px solid #056fb9; border-bottom: 1px solid #e7e7e7;margin-bottom: 8px;} .news_index span h3 {line-height: 48px; color: #333; float: left; font-size: 16px; text-indent: 24px;font-weight: normal;} .news_index span a {line-height: 48px; font-size: 12px; color: #999; float: right;} #topp{ float:right; width: 800px; margin-right:40px;} #topp h1{color:#000000; text-align: center; line-height: 50px;margin-top: 30px;} #topp p{margin-top: 20px; font-size: 14px;} #fabu{text-align:center; font-size: 12px; color: #999999; width: 800px; height: 20px; margin-bottom:8px; display: block; margin-top:10px;} .newslist{} .newslist ul{ list-style:none;} .newslist li{ line-height:17px; padding:9px 0;background: repeat-x left bottom;} .newslist li a{ display:block;line-height:17px; font-family:tahoma,"宋体"; cursor:pointer; color:#636363;background: no-repeat 5px 3px;} .newslist li a p{ padding-left:25px; line-height:17px; color:#636363; font-size:14px; text-align:left} .newslist li a span{ float:right; line-height:17px; padding-right:10px;} .newslist li a strong{ line-height:17px;} .newslist li a:visited{ color:#636363;} .newslist li a:hover{color:#212020;} .newslist li a:hover p{background: no-repeat 5px 3px;color:#212020;} .pages { clear:both; color:#444; font-size:12px;margin: 20px auto 0 auto;text-align: center;height: 24px;} .pages a { color:#444; } .pages a:hover { color:#f60; font-weight:bold } .pages ul { text-align: center;list-style:none ;margin: 25px auto;display: block;float: none;} .pages li { display:inline; margin-left:8px;list-style:none ;float: none;background-color: #ddd;padding: 6px;color: #666;} .tag{margin:10px 0;} .tag a{margin:0 3px;text-decotaion:none; color:#333} .tag a:hover{text-decoration:underline;} #comment_list{ padding:10px 10px 15px 10px; } .productsb{ padding:0 10px 20px 10px;} .productsb .list{ width:140px; text-align:center; float:left; padding:10px 0 0 0;} .productsb .list h2{ width:124px; height:124px;} .productsb .list h2 a{width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:arial;border:#817f7f 1px solid;padding:1px;} .productsb .list h2 a:hover{ border:#000 1px solid;} .productsb .list h2 img{vertical-align:middle;} .productsb .list span{ display:block; padding:5px 0 0 0; line-height:18px; color:#636363;} .productsb .list span strong{ line-height:18px;} .comment_list{ padding:15px 20px 25px; font-size:12px;} .comment_list ul{ list-style-type:none;} .comment_list li{ line-height:18px; padding:6px 0;font-size:14px; background: repeat-x left bottom; } .comment_list li a{ line-height:18px; display:block;padding:0 0 0 16px; color:#636363; font-size:14px; background: no-repeat left 4px;} .comment_list li a:visited{color:#636363;} .comment_list li a:hover{color:#212020; background: no-repeat left 3px; text-decoration:underline;} .title02{background: repeat-x left bottom; height:30px;} .title02 span{ background: no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020;} .title02 a{ color:#212020; line-height:30px; padding-right:8px; float:right;} .title02 a:visited{color:#212020;} /*清除浮动*/ .clear {clear:both;} .clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/ .topb{ background: #fff;overflow:hidden} .topbb{width:1200px; margin:0 auto; font-size:12px; line-height:24px;color:#666} .topbb h1{padding:0;float:right;font-size:12px; font-weight:normal;border:0;margin:0;} .topb a{color:#666; text-decoration:none} .lanrenzhijia-cs { background: #056fb9; position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:dximagetransform.microsoft.gradient(enabled='true', startcolorstr='#e5333333', endcolorstr='#e5333333'); } .lanrenzhijia-cs a { color: #00a0e9; } .lanrenzhijia-cs a:hover { color: #ff8100; text-decoration: none; } .lanrenzhijia-cs .floatl { width: 36px; float:left; position: relative; z-index:1; } .lanrenzhijia-cs .floatl a { font-size:0; text-indent: -999em; display: block; } .lanrenzhijia-cs .floatr { width: 130px; float: left; padding: 5px; overflow:hidden; } .lanrenzhijia-cs .floatr .cn { background: #f7f7f7; } .lanrenzhijia-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 30px; padding: 0 5px; margin: 0; } .lanrenzhijia-cs .cn ul { padding: 0 0 6px 24px; float: none; margin: 0; border-bottom: dashed 1px #ddd; } .lanrenzhijia-cs .cn ul li { line-height: 30px; height: 30px; overflow: hidden; float: none; margin: 0; } .lanrenzhijia-cs .cn ul li span { color: #777; } .lanrenzhijia-cs .cn ul li img { vertical-align: middle; } .lanrenzhijia-cs .btnopen, .lanrenzhijia-cs .btnctn { position: relative; z-index:9; top:0; left: 0; background-image: url(/uploads/image/thimages/service.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px; } .lanrenzhijia-cs .btnopen { background-position: 0px 0; } .lanrenzhijia-cs .btnctn { background-position: -35px 0; } .lanrenzhijia-cs ul li.top { border-bottom: solid #ace5f9 1px; } .lanrenzhijia-cs ul li.bot { border-bottom: none; }