/* end reset */ /* public */ .clear { zoom:1; } .clear:after { content:''; display:block; clear:both; } .fl { float:left; } .fr { float:right; } .clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;} a:hover{ text-decoration:none} .main-box {position: relative;width: 1200px; margin: auto; *zoom: 1; } .main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;} .content{margin-left:auto; margin-right:auto; width:1000px;} .phone2 { overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#00458d;} .phone2 p{ font-size:16px; color:#fff;} .phone2 b{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman'} .show_bj{ background:url(../images/show_bj.jpg) no-repeat center top; height:742px; overflow:hidden;width:100%; float:left} .show{ padding-top:63px; width:1000px; height:640px; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei";} .show h2{ height:150px;} .show h2 span{ background:url(../images/show_line.png) no-repeat center center; line-height:40px; display:block;} .show h2 span a{ color:#7d0000;} .show dl{ float:left; margin:25px 12px 0 0; overflow:hidden; width:325px;position:relative;} .show dt{ background:url(../images/show_nav1.png) no-repeat center top; height:65px; overflow:hidden; text-align:center;} .show dt a{ display:inline-block; margin-top:25px; color:#7d0000; font:bold 28px "宋体";} .show dd{ line-height:0; margin-top:8px;} .show dd img{ width:325px; height:325px;} .show .nones{ margin-right:0;} .m_tit{ height:140px; overflow:hidden; text-align:center;} .m_tit em{ display:block;} .m-tit span{ line-height:40px; display:block;} .m_tit span img{ vertical-align:middle; margin:0 10px;} .m_tit span a{ font-size:24px; color:#1e1e1e; font-weight:normal; font-weight:normal;} .m_tit i{ display:block; margin-top:4px;} .qingjing{ overflow:hidden; width:100%; float:left;} .qingjing .qjBox{ overflow:hidden; width:100%; } .qingjing .qjbox{ overflow:hbidden; width:100%; } .qingjing .qjbox .menu{ overflow:hidden; width:100%; height:360px; margin-top:40px; } .qingjing .menu li{ width:200px; text-align:center; float:left; margin:0 1px; padding:0 23px; border-right:1px dotted #cccccc;} .qingjing .menu li h5{ font-size:26px;color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/qiangjing_bg.png) no-repeat center top ; line-height:45px; margin-top:10px;} .qingjing .menu li p{ font-size:14px; color:#666666; margin-top:25px; line-height:22px; height:88px; overflow:hidden;} .qingjing .menu li.last{ border-right:none;} h3.tou{ font-size:55px; color:#333; text-align:center;} span.tou{ display:block;font-size:15px; color:#b8b8b8; text-align:center;margin-top:3px; } h4.tou{ text-align:center;font-size:36px; color:#333333; margin-top:10px; font-weight:normal;} b.tou{color:#7d0000;} .juli{ margin-top:55px;} .zc_bj{ background:url(../images/zc_bj.jpg) no-repeat center top; height:960px; overflow:hidden;width:100%; float:left} .zc{ width:1000px; padding-top:50px; height:825px; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei";} .zc h2{ height:164px;} .zc h2 span{ background:url(../images/zc_line.png) no-repeat center center; line-height:40px; display:block;} .zc h2 span a{ color:#7d0000;} .zc dl{ width:184px; height:274px; background:#f6f6f6; border:3px solid #d0a972; margin:33px 12px 0 0; overflow:hidden; float:left;position:relative;} .zc dt{ margin:17px auto 0; width:88px; overflow:hidden;} .zc dt img{ width:88px; height:88px;} .zc dd h3{ padding-top:17px; font-size:22px; color:#000; line-height:24px; text-align:center;} .zc dd h3 a{ color:#000;} .zc dd h3 span{ color:#c1130b;} .zc dd p{ font-size:16px ; line-height:24px; color:#393939; padding:10px 10px 0; text-align:center;} .zc .nones{ margin-right:0;} .c2{background: url(../images/c22.jpg) center top;padding-top:82px;height:618px; width:100%; float:left} .advantage{width: 1100px;margin: 0 auto;} .ptitle1{color:#000;font:600 30px "微软雅黑"; text-align:center; padding-bottom:26px;} .ptitle1 p{color:#000;font:400 18px "arial";text-transform:uppercase;margin-top:12px;} .advantage .content{background:#fff;text-align:center;color:#333;font:400 14px/26px "微软雅黑";margin-top:20px;width:1100px;} .advantage .content td{padding:0;margin:0;} .advantage .content strong{padding-top:8px;display:block} .section_pro{ width:100%; float:left; background:url(../images/1221.jpg) no-repeat } .section_pro .index_{padding-top: 2em;padding-bottom: 2em; width:1200px; margin:0 auto} .prod-slide .cate-box{width: 100%;background-color: #f3f3f3;color: #fff} .prod-slide .cate-box h3{font-size: 30px;line-height: 84px;text-align: center;overflow: hidden;background: url(../images/01.jpg) no-repeat;} .prod-slide .cate-box ul{padding: 10px 15px} .prod-slide .cate-box ul li{font-size: 15px;background-color: #fff;margin-bottom: 10px;position: relative;} .prod-slide .cate-box ul li a{color: #000;display: block;padding: 0 5px 0 18px;line-height: 40px;} .prod-slide .cate-box ul li a:hover{background-color: #7d0000;color: #fff} .prod-slide .cate-box ul li:after{display: block;content: '';position: absolute;top: 50%;right: 10px;margin-top: -8px;font-family: 'iconfont'; background:url(../images/jt.png) no-repeat center #f0831e;color: #fff;font-size: 12px;border-radius: 50%;width: 17px;height: 17px;line-height: 17px;text-align: center;} .prod-slide .tel-box{text-align: center;background-color: #620312;padding: 15px;color: #fff;font-size: 12px} .prod-slide .tel-box p.big{font-size: 14px;text-align: center;background-color: #7f0216;color: #fff; padding:5px 0px; margin-bottom:5px} .prod-slide .tel-box strong{color: #ffffff;font-size: 24px;} .prod-slide .tel-box i{margin-right: 10px} .prod-cont{text-align: center;padding: 20px 0} .prod-cont .media-box{background-color: #fff;margin-bottom: 20px} .prod-cont .media-box .icon{border:1px solid #ebeaea;} .prod-cont .media-box p{font-size: 15px;background-color: #f3f3f3;line-height: 60px} .g-bd1{margin:0 0 10px;} .g-sd1{position:relative;float:left;width:240px;margin-right:-240px;} .g-mn1{float:right;width:100%;} .g-mn1c{margin-left:260px;} .row{width:110%;} .row div{width:300px; float:left; margin-right:20px; margin-bottom:20px} .row div img{width:298px; height:200px; border:1px solid #ebeaea} .row div span{ display:block; float:left; width:100%; height:60px; line-height:60px; background:#f3f3f3; font-size:14px} .mainProcess {padding-top: 35px;} .w1000 {position: relative;width: 1000px;margin: 0 auto;} .oh {overflow: hidden;} .mainProcess .abt {height: 61px;padding-top: 35px;} .mainProcess h2 {height: 71px;text-align: center;} .ptb30 { padding: 30px 0 35px; } .mainAbout{background:#ffefcc;overflow:hidden;width:100%; float:left} .aboutLeft{width:710px; line-height:23px} .aboutLeft .video{width:260px;height:213px;float:left;} .aboutLeft .about{width:425px;float:right;} .aboutLeft .about h3{font-size:20px;color:#620312;padding-top:20px;font-family:"微软雅黑";} .aboutLeft .about h4{height:24px;padding-bottom:10px;border-bottom:1px dashed #d3d3d3;padding-top:15px;} .aboutLeft .about h4 a{display:block;width:78px;height:22px;line-height:22px;background:#fff;border:1px solid #dbdbdb;text-align:center;font-weight:normal;float:left;margin-right:15px;border-radius:2px;} .aboutLeft .about h4 a:hover{background:#ffefcc;border-color:#ffefcc;color:#fff;} .aboutLeft .about p{padding-top:15px;text-indent:2em;line-height:20px;} .aboutLeft .about p a{color:#ffefcc;} .mainSetting{width:240px;position:relative;} .mainSetting .hrTitle{height:35px;line-height:35px;background:url(../images/iconb.jpg) no-repeat left center;padding-left:20px;font-family:"微软雅黑";font-size:14px;color:#620312;} .mainSetting .hrTitle a{float:right;color:#999;font-size:12px;font-family:arial;text-transform:uppercase;} .mainSetting .bd{width:214px;height:314px;overflow:hidden;border:1px solid #cfcfcf;background:#f5f5f5;padding:12px;} .mainSetting .bd li{width:214px;height:152px;margin-bottom:10px;position:relative;} .mainSetting .bd li img{padding:2px;border:1px solid #dedede;} .mainSetting .bd li span{width:188px;background:url(../images/tmbj.png);position:absolute;bottom:3px;left:3px;color:#fff;} .mainNews{overflow:hidden;padding:35px 0;} .newsBox{width:670px;overflow:hidden; } .newsBox .hd{height:40px;line-height:40px;border-bottom:1px solid #fff;} .newsBox .hd ul li{height:40px;float:left;width:48%;background:url(../images/nline.jpg) repeat-x;text-transform:uppercase;font-size:16px;color:#000;padding-left:2%;font-family:"微软雅黑"} .newsBox .hd ul li span{font-family:arial;font-size:14px;} .newsBox .hd ul li.on{background:#620312;color:#fff;} .newsBox .bd{padding-top:25px;} .newsBox .bd .bdList{width:670px;overflow:hidden;} .bdPic{height:130px;} .bdPic .pic{display:block;width:190px;height:120px;float:left;margin-right:20px;border:1px solid #e0e0e0;padding:4px;} .bdPic h3{width:440px;float:left;height:35px;line-height:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px dotted #cacaca;font-size:18px;padding-top:5px;display:block;font-weight:normal;font-family:"微软雅黑";} .bdPic h3 a{color:#333;} .bdPic p{width:440px;float:left;font-size:12px;padding-top:10px;font-weight:normal;} .bdPic p a{color:#7d0000;} .bdList ul{width:780px;margin-top:20px;border-top:1px solid #e1e1e1;padding-top:10px;} .bdList ul li{width:312px;padding-right:46px;height:35px;line-height:35px;float:left;font-family:"微软雅黑";border-bottom:1px dashed #ebebeb;} .bdList ul li a{display:block;width:220px;height:35px;float:left;color:#666;background:url(../images/iconc.jpg) no-repeat left center;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .bdList ul li span{float:right;text-align:right;color:#999} .bdList ul li a:hover{color:#7d0000;} .faqBox{width:269px;border-left:1px dotted #e2e2e2;padding-left:30px;} .faqBox h2{height:40px;line-height:40px; padding:0px 10px 0px 35px; font-weight:300; font-size:16px; color:#fff; background:url(../images/ico.png) no-repeat 5px #620312} .faqBox h2 a{float:right;height:20px;font-family:arial;font-size:12px;color:#fff;text-transform:uppercase;font-weight:normal;} .faqBox .bd{height:281px;overflow:hidden;margin-top:25px;} .faqBox .bd li{padding:5px 0;font-family:"微软雅黑";} .faqBox .bd li h3{height:16px;line-height:16px;background:url(../images/fq.jpg) no-repeat left top;padding-left:10px;border-bottom:1px dashed #959595;padding-bottom:10px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .faqBox .bd li p{background:url(../images/fa.jpg) no-repeat left 2px;padding-left:23px;color:#999;line-height:20px;margin-top:7px;} .faqBox .bd li a{ font-size:12px} .mid-nav{ padding: 35px 0 0 122px;} .mid-nav li{cursor: pointer; margin-right: 80px; position: relative; font-size: 50px; color: #fff; float: left; font-family: "STSong"; width:90px; height: 90px; background: url(../images/midlibg.png) center center no-repeat; text-align: center; line-height: 90px; } .mid-nav li span{ position: absolute; background: #010b31; font-size: 16px; padding: 10px; line-height: 1; right: -56px; top: 26px; } .mid-nav li:hover{ color: #f8ad27;background: url(../images/midlibg2.png) center center no-repeat;} .hot-bottom{ border-bottom: 1px solid #535250} .wrap-index{ height: 830px; background: url(../images/aboutbg.jpg) center center no-repeat;} .searchsection{ font-size: 14px; padding: 18px 0 24px 55px;} .hotwords{ color: #858585;margin-top: 6px;} .hotwords a{ line-height: 1.2; padding:0 0.4em} .hotwords a:hover{ color: #f8ad27} .search{ position: relative; border: 1px solid #858585; width:382px; height: 30px; line-height: 30px;} .search .txt{ text-indent: 6px; color: #858585; font-size: 14px; width: 325px; font-family: "宋体"} .search .btn{position: absolute; width: 20px; height: 24px; background: url(../images/search.png) no-repeat; top: 3px; right:20px; } .com-tit{ font-family: "华文中宋"; color: #f8ad27; font-size: 30px;text-align: center; font-weight: bold;} .common-tit { text-align: center; padding: 24px 0 2px; line-height: 2.4} .common-tit .add{ line-height: 1} .common-tit span{ line-height: 1;font-size: 14px; color: #858585; position: relative; top: -13px;} .index-h2-tit{ margin:35px 0 40px; } .index-part-tit {width: 400px;margin: auto;font-size: 22px;font-family: "Microsoft YaHei";text-align: center;color: #b7b7b7;background: #fff;} .index-part-tit h2 {font-size: 24px;font-weight: normal;color: #00074d;} .index-part .tit-break-line {position: relative;bottom: 30px;z-index: -1;height: 0;border-bottom: 1px solid #c0c0c0;} .index-about-con{ width: 820px; text-align: center; margin: auto;color: #4f4f4f; line-height: 2.2} .index-series{ height: 790px; background:url(../images/seriesbg.jpg) center center no-repeat; min-width: 1200px;} .index-series-nav {position: relative;z-index: 50;color: #b3afaf; font-size: 14px;margin-bottom: 20px;} .index-series-nav .hd li {float: left;height: 40px; width: 140px;font-size: 16px;line-height: 19px;text-align: center;cursor: pointer;} .index-series-nav .hd li a{ display: block;height: 18px; overflow: hidden; background: url(../images/index-pro-nav-line.png) right center no-repeat;} .index-series-nav .hd li:last-child a{padding-right: 0;background: none;} .index-series-nav .hd li.on {color: #ffea9d; background: url(../images/series-on.png) center bottom no-repeat;} .series-wrapl{ width: 780px; float: left;} .series-wrapr{ width: 380px; float: right;} .series-link a{ display: block; position: relative; background-position: center center; background-repeat: no-repeat;} .series-wrapl .first { width: 768px;height:479px; display:block; } .series-link a div {display: none;color: #fff;background: #000;filter:alpha(opacity=70); background: rgba(0,0,0,.7); position: absolute; left: 0;right: 0;top: 0;bottom: 0} .series-link a div p{ position: absolute; top: 46%;text-align: center; left: 0; right: 0; color: #fff; font-size: 14px;} .series-link a div span{position: absolute; width: 70px; height: 22px; line-height: 22px; margin: auto; border: 1px solid #fff; bottom: 30px;text-align: center; left: 0; right: 0; color: #fff; font-size: 12px;} .wrapseries .series-wrapr a{ display:block; width: 380px; height: 230px; margin: 0 0 20px 0; } .index-series .bd{ position: relative;} .series-arrow a{ display: block; position: absolute; top: 200px; width: 29px; height: 61px;} .series-arrow a.prev{ left: -50px; background: url(../images/series-prev.png) no-repeat;} .series-arrow a.next{ right: -50px; background: url(../images/series-next.png) no-repeat;} .index-news{ background: url(../images/indexnew.png) center center no-repeat; height: 772px;} .common-tit2 img{ margin: 20px 0 0 0} .common-tit2 >span{ top: 0} .common-tit2 p{font-size: 30px; color: #f8ad27; margin-top: 10px;} .common-tit2 p span{display: block; color: #7c7c7c; font-size: 14px;} .news-con{ width: 1006px; margin: 38px auto; position: relative;} .news-con .bd { float: left;} .news-con .bd li img{ width: 486px; height: 354px; padding: 6px; border:1px solid #959595;} .news-con .hd{ float: right; width: 463px; z-index: 2} .news-con .hd li{ width: 457px; height: 120px; margin-bottom: 8px; background: url(../images/newslibg.png) left center no-repeat;} .news-con .hd li a{padding: 12px 26px; margin-left: 58px; display: block;width: 308px; background:#ffffff; height: 88px;} .index-news-tit{ font-size: 14px; color: #010101; line-height: 2} .index-news-con{font-size: 12px; color: #6e6e6e;line-height: 1.6} .news-con .hd li.on{background: url(../images/newslibgon.png) left center no-repeat;} .news-con .hd li.on a{background: #f7f7f7} .news-con .line{background:#d4d4d3; width: 1px; height: 380px; position: absolute; top: 0;left: 551px; z-index: 1;} .index-pro{ height: 798px; background: #000000;} .pro-con{} .side-pro{ width: 390px; float: left;} .side-pro img{ width: 100%; height: 100%;} .side-pro .p1{position: relative; width: 390px;height: 222px; margin-bottom: 8px; cursor: pointer;} .side-pro .p2{ width: 190px;margin-right:10px; height: 225px; float: left; position: relative;cursor: pointer;} .side-pro .p3{ margin-right: 0;cursor: pointer;} .side-pro .p1:hover .mask{ display: block;background-color:#fff; filter:alpha(opacity=60);background:rgba(255,255,255,.6);} .side-pro .p1:hover .text{opacity: 1;filter:alpha(opacity=100);-webkit-transform:scale(1.5);-moz-transform: scale(1.5); } .side-pro .p2:hover .mask{ display: block;background:#fff;filter:alpha(opacity=60);background:rgba(255,255,255,.6);} .side-pro .p2:hover .text{ opacity: 1;filter:alpha(opacity=100);-webkit-transform:scale(1.5);-moz-transform: scale(1.5); } .pro-con .mask{-webkit-transition:all 1s ease-in-out;-moz-transition:all .5s ease-in-out; position: absolute;background:#fff;filter:alpha(opacity=0); background:rgba(255,255,255,0); left: 0;right: 0;top: 0;bottom: 0 } .pro-con .text{z-index: 999; -webkit-transition:all 1s ease-in-out;-moz-transition:all .5s ease-in-out;filter:alpha(opacity=0); opacity: 0; width: 100px;height: 100px; font-size: 14px; color: #fff; text-align: center; line-height: 100px; position: absolute; left: 138px; top:66px; border-radius: 50%;background: #000; background:rgba(0,0,0,.5);} .pro-con .p2 .text{ width: 80px; height: 80px;line-height: 80px; left: 56px; top: 80px; font-size: 12px;transform:scale(0.1);} .mid-pro { width: 404px; float: left; margin: 0 7px;} .mid-pro img{ width: 100%; height: 100%;} .mid-pro .p1{ width: 404px;height: 454px; position: relative;cursor: pointer;} .mid-pro .p1 .text{ width: 150px; height: 150px;line-height: 150px; left: 128px; top: 140px; font-size: 14px} .mid-pro .p1:hover .mask{ display: block;background:#fff;filter:alpha(opacity=60); background:rgba(255,255,255,.6);} .mid-pro .p1:hover .text{opacity: 1;filter:alpha(opacity=100);-webkit-transform:scale(1.5);-moz-transform: scale(1.5); } .pro-con .hd {z-index: 10; margin:66px auto; text-align: center;} .pro-con .hd li {display: inline-block;*display: inline;*zoom: 1; width: 18px; height: 18px;border-radius: 50%; margin-right: 12px; background: #606060; text-indent: -9999px;} .pro-con .hd li.on {background: #d9b028;} .support{ border-top: 1px solid #4e4e4e; color: #9b9b9b; clear:both; font-size: 12px; line-height: 56px; height:10px; background: #020e3d; min-width: 1200px;} .support a:hover{ color: #d4ac4d} .wangsheng{ position: absolute; right: 0; top: 0px;} .in-banner {height: 310px;background-position: center center;background-repeat: no-repeat;} .main {padding: 27px 0;} .main-l {float: left;width: 240px;} .main-r {float: right;width: 928px; border:1px solid #d0d0d0;background:#fff} .side-section{ margin-bottom: 28px;} .side-tit {text-align: left; font-size: 24px;width:100%;color: #fff; background: #383431; text-align: center; line-height: 90px; height: 90px; overflow: hidden; background: #383431; font-weight:bold } .side-nav {line-height: 3;text-align: left; background:#fff; padding-bottom:10px} .side-nav li{font-size: 14px; height: 44px; line-height: 44px; border-bottom: 1px #bfbfbf dashed; background:url(../images/sideico.png) 206px center no-repeat; position:relative; width:100%; margin-left:5%} .side-nav li ul{width:100%; position:absolute; top:-1px; left:238px; display:none;border-left:0px;} .side-nav .current ,.side-nav li:hover {color: #ffa300;background:url(../images/sideico2.png) 206px center no-repeat;} .side-nav a {display: block; padding-left: 30px} .side-nav li ul li{ background:#FFF} .side-nav li ul li a{ color:#000} .side-nav li ul li a:hover{ color:#ffa300} .side-nav li:hover ul,.side-nav li:hover li{ background:#fff; display:block} .side-nav li .current{ background:none} .side-section p{ font-size: 14px; padding: 13px 20px;color: #525252} .side-section p span{ display: block; line-height:1.4; font-size: 26px; color: #858585;} .side-nav2 li{background-position: 10px center;color: #9e9e9e;background-image: url(../images/sideico3.png) #fff; background-repeat: no-repeat;} .side-nav2 li:hover {background-position: 10px center} .page-tit { font-size: 16px;border-bottom: 1px solid #d2d2d2; height: 45px; line-height: 45px;} .page-name { margin-left:10px; padding-left: 10px; border-left: 3px solid #00458d;font-weight: normal;line-height: 20px; margin-top:15px; float:left; color:#00458d} .page-con {padding: 12px;font-size: 12px;font-family: "SimSun";line-height: 2;color: #333;} .local {float: right; font-size: 12px; padding-right: 16px; color: #8f8f8f;} .local a:hover {color: #f8ad27;} .top-line-pic {float: left;} .top-line-pic div {margin-right:76px;display: table-cell;width: 280px;height: 200px;vertical-align: middle;text-align: center;*display: block;*font-size: 178px;*font-family: Arial; } .top-line-pic img {max-width: 280px;max-height: 200px;vertical-align: middle;} .topline-info {height: 212px;margin-left: 350px;text-align: center;} .topline-info h3 {margin-bottom: 20px;font-size: 16px;font-weight: normal;color: #333;text-align: left;border: solid #e3e3e3;border-width: 0 0 2px;} .topline-info p {text-align: left;font-size: 12px;} .topline-info a {float: right;} .news-list {text-align: left;font-size: 12px; margin-top: 20px;} .news-list li {position: relative;margin-bottom: 26px; background:#eeeeee; padding: 5px 5px 15px 20px;color: #4e4e4e; } .news-list li:hover, .news-list .on{color: #fff;background: #dfbf72;} .news-list li:hover a{color: #fff; text-decoration:none} .news-list a {display: block;} .news-list h3 {display: inline-block;font-family: "Microsoft Yahei";font-weight: normal;font-size: 16px;line-height: 3;} .news-list h3 span {font-family: "SimSun";} .news-list p.date {line-height: 1; position: absolute; right:24px; top:38px;} .other-page {padding: 30px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #5c5c5c;} .other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 1px;background: #fff;border: 1px solid #d7d7d7;} .other-page .page-on ,.other-page a:hover {color: #fff;background: #ffa300;} .news-title {font-size: 16px;line-height: 3;text-align: center;} .news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;} .other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;} .other-news a:hover {color: #ffb142;} .case-wrap{ margin-top: 55px;} .one-case {float: left;width:33%;margin: 0px 0 22px 0;font-size: 14px;text-align: center;color: #666666;} .one-case p { width: 274px; overflow: hidden; line-height: 3;} .one-case .pic-box {margin: auto;border: 1px solid #d3d3d3;width: 274px;} .one-case .pic-box div {width: 274px;height:186px; text-align: center;} .one-case .pic-box img {max-width: 274px;max-height: 186px; } .one-case:hover p {color: #ffa300;} .one-pro {float: left;width: 33%;margin-top: 26px;font-size: 12px;line-height: 2;text-align: center;color: #505050;} .one-pro .pic-box {width: 260px;padding: 10px;margin: auto;border: 1px solid #dfdfdf;} .one-pro .pic-box div {width: 260px;height: 186px;*font-size: 145.25px;} .one-pro .pic-box img {max-width: 260px;max-height: 186px;} .one-pro:hover {color: #505050;} .one-pro:hover .pic-box {box-shadow: 0px 1px 1px #d2d2d2} .one-pro p{ width: 270px; margin: auto;line-height: 3;overflow:hidden;} .pro-big-wrap{padding: 35px 20px 0} .pro-big{ margin-bottom: 38px;} .pro-big .pic-box {width: 690px;margin: auto;} .pro-big .pic-box div {width: 690px;height: 472px;*font-size: 145.25px;} .pro-big .pic-box img {max-width: 690px;max-height: 472px;} .bot-tit{ border-bottom: 1px solid #7d7d7d;} .bot-tit span{background-color: #7d7d7d; color:#fff;font-size:12px; line-height: 36px; height: 36px; text-align: center; display: block; width: 100px; } .details .design-intro{ display: none; min-height: 188px;} #feedback {margin-left: 50px; margin-top:20px;} #feedback img {float: left;} #feedback .feedbackImf {float: left;line-height: 50px;font-size: 16px;padding-top:16px; padding-left: 103px; background: url(../images/contact.jpg ) left top no-repeat;} #feedback form {clear: both;text-align: left;margin-left: 50px;font-size: 12px;} #feedback form input {float: left;margin-left: 20px;line-height: 24px;width: 250px;background-color: #e8e8e8;} #feedback form textarea {width: 360px;height: 100px;margin-left: 20px;margin-bottom: 6px;background-color: #e8e8e8;} #feedback form span {line-height: 36px;color: red;} #feedback form img#Newcode {vertical-align: middle;margin-left: 10px;width: 80px;height: 28px;cursor: pointer;} #feedback form .Btn {width: 100px;height: 30px;line-height: 30px;font-size: 12px;background-color: #121212;border: 0 none;border-radius: 5px;color:#FFFFFF;} #feedback form .Btn:hover{ opacity:0.8;} .pages{ width:100%; float:left;text-align:center} .pages span{ display:inline-block; height:20px; line-height:19px;} .pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px; font-size:12px; vertical-align:middle;color:#000000} .pages .page a:link,.pages .page a:visited{ color:#000; display:inline-block; height:100%; padding:0px 6px; float:left} .pages .page a:hover,.pages .page a:active{ color:#fff; background:#104ca4; border:0px solid #104ca4} .pages .pageon{color:#fff; background:#104ca4;display:inline-block; padding:0px 6px; margin-right:3px;} .pages .page2{display:inline-block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px; } .pages .page1{} .pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px} .pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px} .backHome { width: 54px; } .backHome a.goTopBtn { width: 38px; height: 46px; display: block; float: left; background: #4f020e; text-align: center; font: normal 14px/20px "Microsoft Yahei", "simhei"; color: #fff; padding: 8px 8px 0 8px; margin: 2px 0; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome a.goTopBtn:hover { background: #4f020e; opacity: 1; filter: Alpha(Opacity=100); } .backHome a.guest, .backHome a.guest:hover { background: url(../images/exhi.gif) no-repeat 0 -180px; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome a.guest:hover { opacity: 1; filter: Alpha(Opacity=100); } .backHome .weixin{ position: relative; width: 38px; height: 46px; display: block; float: left; background: #4f020e; text-align: center; font: normal 14px/20px "Microsoft Yahei", "simhei"; color: #fff; padding: 8px 8px 0 8px; margin: 2px 0; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome .weixinBot{ position:absolute; left: -116px; top:0; } .backHome .weixinBot img{ width: 106px; height: 99px; } .backHome .weixin:hover{ opacity: 1; filter: Alpha(Opacity=100); } .backHome .qq{ position: relative; width: 38px; height: 46px; float: left; background: #4f020e; text-align: center; font: normal 14px/20px "Microsoft Yahei", "simhei"; color: #fff; padding: 8px 8px 0 8px; margin: 2px 0; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome .qq, .backHome .qq:hover { background: url(../images/exhi.gif) no-repeat 0 -366px; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome .qq:hover { opacity: 1; filter: Alpha(Opacity=100); } .backHome .weixin, .backHome .weixin:hover { background: url(../images/exhi.gif) no-repeat -55px -366px; opacity: 0.6; filter: Alpha(Opacity=60); } .backHome .weixin:hover { opacity: 1; filter: Alpha(Opacity=100); } .backHome .qq:hover .qqconsult{ display: block; } .qqconsult{ display: none; position: absolute; left: -170px; top:-30px; width: 160px; padding-right: 10px; z-index: 9999; } .qqBox{ width: 140px; height: 184px; background-color: #fff; border: #4f020e 10px solid; } .qqBox h3{ width: 138px; background-color: #4f020e; border:#fff 1px solid; height: 28px; color:#fff; } .qqBox h3{ font:16px/28px "microsoft yahei"; } .qqBox p{ display:block;width:100%; float:left; } .qqBox p span{ margin-top: 10px; float: left; line-height: 16px; color: #333333; margin-right: 12px; font-family: "microsoft yahei"; } .qqBox p a{ margin-top: 10px; display: block; float: left; cursor: pointer; border: none; background:url(../images/qq.jpg) no-repeat 10px 0px; height:26px; line-height:26px; width: 100%; color: #000; font-family: "microsoft yahei"; } .qqBox p a.btn1{ background-color: #4f020e; } .qqBox p a.btn2{ background-color: #f26522; } .toTop { width: 54px; height: 54px; position: fixed; _position: absolute; top: 459px; _top: expression(eval(document.documentElement.scrollTop+318)); display: none; } .toTop a, .toTop a:hover { display: block; width: 54px; height: 54px; background: url(../images/exhi.gif) no-repeat -54px -180px; opacity: 0.6; filter: Alpha(Opacity=60); } .toTop a:hover { opacity: 1; filter: Alpha(Opacity=100); }