/*重置*/ *{padding:0;margin:0;} a{color:#ddd;text-decoration:none;outline:none} a:hover{color:#000} a{blr:expression(this.onFocus=this.blur())} ul{list-style:none;} li{list-style-type:none;} img{border:none} html, body{font:12px/18px "微软雅黑", Verdana, Tahoma, "宋体";color:#ddd;height:100%;1z-index:-5;background-color:#fff;1background:url(../images/bg3.jpg) repeat-x;} body,div{margin:0;padding:0;} h1{font-size:16px;font-weight:600;color:#005BAC;line-height:30px} h1 a{color:#555;line-height:60px} h2{font-size:18px;font-weight: normal;color:#777;line-height:30px} h3{font-size:14px;} h4{font-size:24px;ht:600;color:#000;line-height:30px;color:#008b00;} /* 原子类 */ .g{width:100%;position:fixed;left:0;top:0px;z-index:150;} .g-header{width:1180px;1height:120px;margin:0 auto;1overflow:hidden;zoom:1;position:relative;z-index:50;} .g-left{width:100px;1float:left;height:630px;1height:380px;1margin:0 auto;overflow:hidden;zoom:1;position:absolute;left:0px;top:0px;z-index:50;} .g1000{width:1080px;1float:left;height:100px;position:absolute;left:100px;top:0px;z-index:151;} .1bian{width:1000px;1height:1px;float:left;border-bottom:1px solid #efefef;} .logo{height:100px;width:100px;float:left;margin-top:0px;1background:url(../images/logo.png) no-repeat;} .logo .logo-in{text-indent:-9999px;} .1logozi{height:150px;width:270px;float:left;margin-top:0px;background:url(../images/logo1.png) no-repeat;margin-left:-20px;} .erweima{height:100px;width:180px;float:left;margin-top:0px;background:url(../images/erweima.png) no-repeat;1margin-left:-20px;} .bai{height:20px;width:1000px;float:left;1background-color:#fff;background:url(../images/bai.png) no-repeat;} .daohang{width:900px;height:100px;float:left;1position:absolute;1left:180px;1top:45px;} .logo400{width:292px;height:56px;/* 对付IE6 */float:right;1margin-top:12px;background:url(../images/logo400.png) no-repeat;} .jinglian{width:130px;height:130px;float:right;margin-top:150px;background:url(../images/jinglian.png) no-repeat;} .gang-biaoti{float:left;width:100px;height:4px;margin:20px 100px 70px 0;background-color:#aaa;}.gang-biaoti-sm{float:left;width:90px;height:2px;margin:20px 100px 70px 0;background-color:#aaa;} .gang{float:left;width:50px;height:2px;margin:20px 850px 10px 0;background-color:#aaa;} .gang-vis{float:left;width:132px;height:2px;margin:20px 200px 10px 5px;background-color:#aaa;} .gang-news{float:left;width:50px;height:2px;margin:20px 330px 30px 0;background-color:#aaa;} .top{height:100px;width:180px;float:left;margin-top:0px;background:url(../images/erweima.png) no-repeat;1margin-left:-20px;} .top-erweima{width:100px;height:100px;float:left;} .top-news{width:80px;height:100px;float:left;} .top-news img{-webkit-filter:grayscale(0);-webkit-transition:300ms; transition:300ms;} .top-news img:hover{mix-blend-mode:multiply;-webkit-filter:grayscale(80%);-webkit-transition:-webkit-filter 1s ease-in-out;} #main-b{height:20px;background:url(../../images/xlpx/bg-main-tb.png) no-repeat;padding:10px 0 10px} #main-b{background-position:0 bottom;font-size:14px} #main-b a, #main-b span{margin-right:15px} #main-b span{font-weight:800;color:#FDA823} .o{width:1180px;margin:0px auto 0;position:relative;} .o-top{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:5;float:left;position:relative;background:url(../images/o-top.png) no-repeat;} .o-top-fuwu{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-fuwu.png) no-repeat;} .o-top-anli{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-anli.png) no-repeat;} .o-top-lingyu{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-lingyu.png) no-repeat;} .o-top-about{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-about.png) no-repeat;} .o-top-hk{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-hongkong.png) no-repeat;} .o-top-fg{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-fagui.png) no-repeat;} .o-top-xw{margin:0px 0 0 100px;width:1000px;zoom:1;z-index:15;float:left;position:relative;background:url(../images/o-top-news.png) no-repeat;} .o-bottom{width:1000px;height:80px;float:left;font-size:0;1margin:0 0 30px 0px;background:url(../images/o-bottom.png) no-repeat;z-index:5;} .o-center{width:1000px;min-height:500px;_height:500px;1margin-top:50px;float:left;background:url(../images/o-center.png) repeat-y;position:relative;z-index:-10;} .mianbaoxie{width:900px;margin-bottom:70px;float:left;} .mianbaoxie p{font-size:21px;font-weight: normal;color:#aaa;line-height:20px;1padding-bottom:20px;width:600px;float:left} .mianbaoxie span{font-size:18px;font-weight: normal;line-height:20px;color:#ddd;} .mianbaoxie a{color:#aaa} .mianbaoxie a:hover{color:#777;} .right{float:right;width:1000px;height:50px;margin:10px 20px 0 160px;} #right{text-align:right;font-size:18px;font-weight: normal;line-height:36px;display:inline-block;float:right;width:300px;} .biaoti01{font-size:20px;font-weight: normal;line-height:20px;1padding-bottom:20px;} .biaoti01 a{color:#009955;} .biaoti01 a:hover{color:#ff9900;font-weight: normal;} .gexian{float:left;width:680px;height:18px;background:url(../images/gexian.png) no-repeat;} .gexian01{float:left;width:500px;height:3px;margin:6px auto 10px;background:url(../images/gexian01.png) no-repeat;} .biaoti02{font-size:14px;color:#000;1font-weight: normal;line-height:20px} .biaoti02 a:hover{color: #ff9900;} .neirong{margin:0px 0 0 50px;width:900px;height:100%;zoom:1;z-index:15;float:left;position:relative;} .biaoti{width:900px;float:left;border:0;} .biaoti p{text-align:left;color:#777;font-size:21px;font-weight: normal;line-height:26px;} .biaoti span{text-align:left;color:#6b6;font-size:16px;font-weight: normal;line-height:36px;} .neiwen{max-width:900px;padding-top:30px;text-align:justify;position:relative;} .neirong .neiwen p{color:#777;font-size:15px;font-weight: normal;line-height:32px;text-align:justify;margin-bottom: 20px;} .neirong .neiwen span{color:#777;font-size:15px;font-weight: normal;line-height:32px;text-align:justify;} .neiwen img{margin:30px auto 10px;border:1px solid #eee;border-radius:5px;display:block;max-width:900px;} .neiwen img:hover{mix-blend-mode:screen, multiply;} .neirong .neiwen p.biaoti {font-size: 18px; font-weight: 400;} .neiwen1{width:680px;color:#777;font-size:16px;font-weight: normal;line-height:32px;border:0;} #zhushi span{color:#88cc99;} .radius--3{border-radius: 15px 15px 0 15px;}.radius--34{border-radius: 15px 15px 0 0;}.radius--4{border-radius: 15px 15px 15px 0;}.radius--23{border-radius: 15px 0 0 15px;} .radius--1{border-radius: 0 15px 15px 15px;}.radius--12{border-radius: 0 0 15px 15px;}.radius--2{border-radius: 15px 0 15px 15px;}.radius--14{border-radius: 0 15px 15px 0;} /* 栏目菜单 */ .zilanmu{width:190px;position:absolute;top:22px;right:140px;z-index:5;} .pinpai-nav{width:190px;margin-bottom:20px;float:left;} #pinpai-nav{width:190px;} #pinpai-nav li{float:left;overflow:hidden} #pinpai-nav li a{display:inline-block;float:left;background:url(../images/nav-pinpai.png) no-repeat;text-indent:-9999px;} #pinpai-nav #tou{width:190px;height:50px;} #pinpai-nav #about{width:190px;height:40px;background-position:0px -50px;} #pinpai-nav #about:hover,#pinpai-nav #about.on{background-position:-190px -50px;} #pinpai-nav #wenhua{width:190px;height:40px;background-position:0px -90px;} #pinpai-nav #wenhua:hover,#pinpai-nav #wenhua.on{background-position:-190px -90px;} #pinpai-nav #chuancheng{width:190px;height:40px;background-position:0px -130px;} #pinpai-nav #chuancheng:hover,#pinpai-nav #chuancheng.on{background-position:-190px -130px;} #pinpai-nav #zhaopin{width:190px;height:40px;background-position:0px -170px;} #pinpai-nav #zhaopin:hover,#pinpai-nav #zhaopin.on{background-position:-190px -170px;} #pinpai-nav #wei{width:190px;height:10px;background-position:-190px -210px;} .chanpin-nav{width:190px;margin-bottom:20px;float:left;} #chanpin-nav{width:190px;1height:60px} #chanpin-nav li{float:left;1height:60px;overflow:hidden} #chanpin-nav li a{1height:60px;display:inline-block;float:left;background:url(../images/nav-chanpin.png) no-repeat;text-indent:-9999px;} #chanpin-nav #tou{width:190px;height:50px;} #chanpin-nav #didu{width:190px;height:40px;background-position:0px -50px;} #chanpin-nav #didu:hover,#chanpin-nav #didu.on{background-position:-190px -50px;} #chanpin-nav #gaodu{width:190px;height:40px;background-position:0px -90px;} #chanpin-nav #gaodu:hover,#chanpin-nav #gaodu.on{background-position:-190px -90px;} #chanpin-nav #chaomi{width:190px;height:40px;background-position:0px -130px;} #chanpin-nav #chaomi:hover,#chanpin-nav #chaomi.on{background-position:-190px -130px;} #chanpin-nav #jiuhua{width:190px;height:40px;background-position:0px -170px;} #chanpin-nav #jiuhua:hover,#chanpin-nav #jiuhua.on{background-position:-190px -170px;} #chanpin-nav #ping{width:190px;height:40px;background-position:0px -210px;} #chanpin-nav #ping:hover,#chanpin-nav #ping.on{background-position:-190px -210px;} #chanpin-nav #wei{width:190px;height:10px;background-position:-190px -250px;} .chanpin-nav2{width:190px;margin-bottom:20px;float:left;} #chanpin-nav2{width:190px;1height:60px} #chanpin-nav2 li{float:left;1height:60px;overflow:hidden} #chanpin-nav2 li a{1height:60px;display:inline-block;float:left;background:url(../images/nav-chanpin2.png) no-repeat;text-indent:-9999px;} #chanpin-nav2 #tou{width:190px;height:50px;} #chanpin-nav2 #pinlei{width:190px;height:40px;background-position:0px -50px;} #chanpin-nav2 #pinlei:hover,#chanpin-nav2 #pinlei.on{background-position:-190px -50px;} #chanpin-nav2 #pifa{width:190px;height:40px;background-position:0px -90px;} #chanpin-nav2 #pifa:hover,#chanpin-nav2 #pifa.on{background-position:-190px -90px;} #chanpin-nav2 #wei{width:190px;height:10px;background-position:-190px -130px;} .jiankang-nav{width:190px;margin-bottom:20px;float:left;} #jiankang-nav{width:190px;} #jiankang-nav li{float:left;overflow:hidden} #jiankang-nav li a{display:inline-block;float:left;background:url(../images/nav-jiankang.png) no-repeat;text-indent:-9999px;} #jiankang-nav #tou{width:190px;height:50px;} #jiankang-nav #yuanyuan{width:190px;height:40px;background-position:0px -50px;} #jiankang-nav #yuanyuan:hover,#jiankang-nav #yuanyuan.on{background-position:-190px -50px;} #jiankang-nav #yinshi{width:190px;height:40px;background-position:0px -90px;} #jiankang-nav #yinshi:hover,#jiankang-nav #yinshi.on{background-position:-190px -90px;} #jiankang-nav #xiaofei{width:190px;height:40px;background-position:0px -130px;} #jiankang-nav #xiaofei:hover,#jiankang-nav #xiaofei.on{background-position:-190px -130px;} #jiankang-nav #wei{width:190px;height:10px;background-position:-190px -130px;} .maoyi-nav{width:190px;margin-bottom:20px;float:left;} #maoyi-nav{width:190px;} #maoyi-nav li{float:left;overflow:hidden} #maoyi-nav li a{display:inline-block;float:left;background:url(../images/nav-maoyi.png) no-repeat;text-indent:-9999px;} #maoyi-nav #tou{width:190px;height:50px;} #maoyi-nav #xingxiang{width:190px;height:40px;background-position:0px -50px;} #maoyi-nav #xingxiang:hover,#maoyi-nav #xingxiang.on{background-position:-190px -50px;} #maoyi-nav #fenbu{width:190px;height:40px;background-position:0px -90px;} #maoyi-nav #fenbu:hover,#maoyi-nav #fenbu.on{background-position:-190px -90px;} #maoyi-nav #wei{width:190px;height:10px;background-position:-190px -130px;} .lianxi-nav{width:190px;margin-bottom:20px;float:left;} #lianxi-nav{width:190px;} #lianxi-nav li{float:left;overflow:hidden} #lianxi-nav li a{display:inline-block;float:left;background:url(../images/nav-lianxi.png) no-repeat;text-indent:-9999px;} #lianxi-nav #tou{width:190px;height:50px;} #lianxi-nav #lianxi{width:190px;height:40px;background-position:0px -50px;} #lianxi-nav #lianxi:hover,#lianxi-nav #lianxi.on{background-position:-190px -50px;} #lianxi-nav #mail{width:190px;height:40px;background-position:0px -90px;} #lianxi-nav #mail:hover,#lianxi-nav #mail.on{background-position:-190px -90px;} #lianxi-nav #wei{width:190px;height:10px;background-position:-190px -130px;} .news-nav{width:190px;margin-bottom:20px;float:left;} #news-nav{width:190px;} #news-nav li{float:left;overflow:hidden} #news-nav li a{display:inline-block;float:left;background:url(../images/nav-news.png) no-repeat;text-indent:-9999px;} #news-nav #tou{width:190px;height:50px;} #news-nav #yejie{width:190px;height:40px;background-position:0px -50px;} #news-nav #yejie:hover,#news-nav #yejie.on{background-position:-190px -50px;} #news-nav #dongtai{width:190px;height:40px;background-position:0px -90px;} #news-nav #dongtai:hover,#news-nav #dongtai.on{background-position:-190px -90px;} #news-nav #wei{width:190px;height:10px;background-position:-190px -130px;} .nav-weixin{float:right;margin:10px 80px 0px 0;z-index:100;} #nav-weixin{width:138px;} #nav-weixin li{float:left;height:36px;} #nav-weixin li a{display:inline-block;overflow:hidden;height:36px;float:left;background:url(../images/nav-weixin.png) no-repeat;text-indent:-9999px;} #nav-weixin #n1{width:36px;background-position:0px 0px;margin-right:10px;} #nav-weixin #n1:hover{background-position:0 -36px;} #nav-weixin #n2{width:36px;background-position:-36px 0;margin-right:10px;} #nav-weixin #n2:hover{background-position:-36px -36px;} #nav-weixin #n3{width:36px;background-position:-72px 0;margin-right:10px;} #nav-weixin #n3:hover{background-position:-72px -36px;} /* header */ .nav{float:left;1padding-left:150px;1margin-left:-10px;z-index:50;} #nav{width:900px;} #nav li{float:left;height:100px;} #nav li a{height:100px;display:inline-block;overflow:hidden;float:left;background:url(../images/nav.png) no-repeat;text-indent:-9999px;} #nav #logozi{width:176px;} #nav #logozi:hover{background-position:0 -100px} #nav #logozi.on{background-position:0 -200px} #nav #vis{width:126px;background-position:-176px 0;-webkit-transition:300ms; transition:300ms;} #nav #vis:hover{background-position:-176px -100px} #nav #vis.on{background-position:-176px -200px} #nav #brand{width:142px;background-position:-302px 0;-webkit-transition:300ms; transition:300ms;} #nav #brand:hover{background-position:-302px -100px} #nav #brand.on{background-position:-302px -200px} #nav #pack{width:114px;background-position:-444px 0;-webkit-transition:300ms; transition:300ms;} #nav #pack:hover{background-position:-444px -100px} #nav #pack.on{background-position:-444px -200px} #nav #web{width:114px;background-position:-558px 0;-webkit-transition:300ms; transition:300ms;} #nav #web:hover{background-position:-558px -100px} #nav #web.on{background-position:-558px -200px} #nav #case{width:114px;background-position:-672px 0;-webkit-transition:300ms; transition:300ms;} #nav #case:hover{background-position:-672px -100px} #nav #case.on{background-position:-672px -200px} #nav #contact{width:114px;background-position:-786px 0;-webkit-transition:300ms; transition:300ms;} #nav #contact:hover{background-position:-786px -100px} #nav #contact.on{background-position:-786px -200px} .nav-left{width:100px;1margin-bottom:20px;float:left;} #nav-left{width:100px;} #nav-left li{float:left;overflow:hidden} #nav-left li a{display:inline-block;float:left;background:url(../images/nav-left.png) no-repeat;text-indent:-9999px;} #nav-left #n1{width:100px;height:60px;background-position:0px 0px;} #nav-left #n1:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-left #n1.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px 0px;} #nav-left #n2{width:100px;height:60px;background-position:0px -60px;} #nav-left #n2:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-left #n2.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px -60px;} #nav-left #n3{width:100px;height:60px;background-position:0px -120px;} #nav-left #n3:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-left #n3.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px -120px;} #nav-left #n4{width:100px;height:60px;background-position:0px -180px;} #nav-left #n4:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-left #n4.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px -180px;} #nav-left #n5{width:100px;height:60px;background-position:0px -240px;} #nav-left #n5:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-left #n5.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px -240px;} #nav-left #n6{width:100px;height:60px;background-position:0px -300px;} #nav-left #n6:hover{width:100px;background:url(../images/nav-left1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-left #n6.on{background:url(../images/nav-left.png) no-repeat;background-position:-100px -300px;} #nav-left #n1:hover, #nav-left #n2:hover, #nav-left #n3:hover, #nav-left #n4:hover, #nav-left #n5:hover, #nav-left #n6:hover, #nav-left #n1.on, #nav-left #n2.on, #nav-left #n3.on, #nav-left #n4.on, #nav-left #n5.on, #nav-left #n6.on{border-radius:10px 0 0 10px;} .nav-sb{width:100px;1margin-bottom:20px;float:left;} #nav-sb{width:100px;} #nav-sb li{float:left;overflow:hidden} #nav-sb li a{display:inline-block;float:left;background:url(../images/nav-sb.png) no-repeat;text-indent:-9999px;} #nav-sb #n1{width:100px;height:60px;background-position:0px 0px;} #nav-sb #n1:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n1.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px 0px;} #nav-sb #n2{width:100px;height:60px;background-position:0px -60px;} #nav-sb #n2:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n2.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px -60px;} #nav-sb #n3{width:100px;height:60px;background-position:0px -120px;} #nav-sb #n3:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n3.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px -120px;} #nav-sb #n4{width:100px;height:60px;background-position:0px -180px;} #nav-sb #n4:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n4.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px -180px;} #nav-sb #n5{width:100px;height:60px;background-position:0px -240px;} #nav-sb #n5:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n5.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px -240px;} #nav-sb #n6{width:100px;height:60px;background-position:0px -300px;} #nav-sb #n6:hover{width:100px;background:url(../images/nav-sb1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-sb #n6.on{background:url(../images/nav-sb.png) no-repeat;background-position:-100px -300px;} #nav-sb #n1:hover, #nav-sb #n2:hover, #nav-sb #n3:hover, #nav-sb #n4:hover, #nav-sb #n5:hover, #nav-sb #n6:hover, #nav-sb #n1.on, #nav-sb #n2.on, #nav-sb #n3.on, #nav-sb #n4.on, #nav-sb #n5.on, #nav-sb #n6.on{border-radius:10px 0 0 10px;} .nav-vi{width:100px;1margin-bottom:20px;float:left;} #nav-vi{width:100px;} #nav-vi li{float:left;overflow:hidden} #nav-vi li a{display:inline-block;float:left;background:url(../images/nav-vi.png) no-repeat;text-indent:-9999px;} #nav-vi #n1{width:100px;height:60px;background-position:0px 0px;} #nav-vi #n1:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n1.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px 0px;} #nav-vi #n2{width:100px;height:60px;background-position:0px -60px;} #nav-vi #n2:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n2.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px -60px;} #nav-vi #n3{width:100px;height:60px;background-position:0px -120px;} #nav-vi #n3:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n3.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px -120px;} #nav-vi #n4{width:100px;height:60px;background-position:0px -180px;} #nav-vi #n4:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n4.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px -180px;} #nav-vi #n5{width:100px;height:60px;background-position:0px -240px;} #nav-vi #n5:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n5.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px -240px;} #nav-vi #n6{width:100px;height:60px;background-position:0px -300px;} #nav-vi #n6:hover{width:100px;background:url(../images/nav-vi1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-vi #n6.on{background:url(../images/nav-vi.png) no-repeat;background-position:-100px -300px;} #nav-vi #n1:hover, #nav-vi #n2:hover, #nav-vi #n3:hover, #nav-vi #n4, #nav-vi #n5, #nav-vi #n6:hover, #nav-vi #n1.on, #nav-vi #n2.on, #nav-vi #n3.on, #nav-vi #n4.on, #nav-vi #n5.on, #nav-vi #n6.on{border-radius:10px 0 0 10px;} .nav-bz{width:100px;1margin-bottom:20px;float:left;} #nav-bz{width:100px;} #nav-bz li{float:left;overflow:hidden} #nav-bz li a{display:inline-block;float:left;background:url(../images/nav-bz.png) no-repeat;text-indent:-9999px;} #nav-bz #n1{width:100px;height:60px;background-position:0px 0px;} #nav-bz #n1:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n1.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px 0px;} #nav-bz #n2{width:100px;height:60px;background-position:0px -60px;} #nav-bz #n2:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n2.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px -60px;} #nav-bz #n3{width:100px;height:60px;background-position:0px -120px;} #nav-bz #n3:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n3.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px -120px;} #nav-bz #n4{width:100px;height:60px;background-position:0px -180px;} #nav-bz #n4:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n4.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px -180px;} #nav-bz #n5{width:100px;height:60px;background-position:0px -240px;} #nav-bz #n5:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n5.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px -240px;} #nav-bz #n6{width:100px;height:60px;background-position:0px -300px;} #nav-bz #n6:hover{width:100px;background:url(../images/nav-bz1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-bz #n6.on{background:url(../images/nav-bz.png) no-repeat;background-position:-100px -300px;} #nav-bz #n1:hover, #nav-bz #n2:hover, #nav-bz #n3:hover, #nav-bz #n4:hover, #nav-bz #n5:hover, #nav-bz #n6:hover, #nav-bz #n1.on, #nav-bz #n2.on, #nav-bz #n3.on, #nav-bz #n4.on, #nav-bz #n5.on, #nav-bz #n6.on{border-radius:10px 0 0 10px;} .nav-xc{width:100px;1margin-bottom:20px;float:left;} #nav-xc{width:100px;} #nav-xc li{float:left;overflow:hidden} #nav-xc li a{display:inline-block;float:left;background:url(../images/nav-xc.png) no-repeat;text-indent:-9999px;} #nav-xc #n1{width:100px;height:60px;background-position:0px 0px;} #nav-xc #n1:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n1.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px 0px;} #nav-xc #n2{width:100px;height:60px;background-position:0px -60px;} #nav-xc #n2:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n2.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px -60px;} #nav-xc #n3{width:100px;height:60px;background-position:0px -120px;} #nav-xc #n3:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n3.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px -120px;} #nav-xc #n4{width:100px;height:60px;background-position:0px -180px;} #nav-xc #n4:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n4.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px -180px;} #nav-xc #n5{width:100px;height:60px;background-position:0px -240px;} #nav-xc #n5:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n5.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px -240px;} #nav-xc #n6{width:100px;height:60px;background-position:0px -300px;} #nav-xc #n6:hover{width:100px;background:url(../images/nav-xc1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-xc #n6.on{background:url(../images/nav-xc.png) no-repeat;background-position:-100px -300px;} #nav-xc #n1:hover, #nav-xc #n2:hover, #nav-xc #n3:hover, #nav-xc #n4:hover, #nav-xc #n5:hover, #nav-xc #n6:hover, #nav-xc #n1.on, #nav-xc #n2.on, #nav-xc #n3.on, #nav-xc #n4.on, #nav-xc #n5.on, #nav-xc #n6.on{border-radius:10px 0 0 10px;} .nav-about{width:100px;1margin-bottom:20px;float:left;} #nav-about{width:100px;} #nav-about li{float:left;overflow:hidden} #nav-about li a{display:inline-block;float:left;background:url(../images/nav-about.png) no-repeat;text-indent:-9999px;} #nav-about #n1{width:100px;height:60px;background-position:0px 0px;} #nav-about #n1:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px 0px;-webkit-transition:300ms; transition:300ms;} #nav-about #n1.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px 0px;} #nav-about #n2{width:100px;height:60px;background-position:0px -60px;} #nav-about #n2:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px -60px;-webkit-transition:300ms; transition:300ms;} #nav-about #n2.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px -60px;} #nav-about #n3{width:100px;height:60px;background-position:0px -120px;} #nav-about #n3:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px -120px;-webkit-transition:300ms; transition:300ms;} #nav-about #n3.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px -120px;} #nav-about #n4{width:100px;height:60px;background-position:0px -180px;} #nav-about #n4:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px -180px;-webkit-transition:300ms; transition:300ms;} #nav-about #n4.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px -180px;} #nav-about #n5{width:100px;height:60px;background-position:0px -240px;} #nav-about #n5:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px -240px;-webkit-transition:300ms; transition:300ms;} #nav-about #n5.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px -240px;} #nav-about #n6{width:100px;height:60px;background-position:0px -300px;} #nav-about #n6:hover{width:100px;background:url(../images/nav-about1.png) no-repeat;background-position:0px -300px;-webkit-transition:300ms; transition:300ms;} #nav-about #n6.on{background:url(../images/nav-about.png) no-repeat;background-position:-100px -300px;} #nav-about #n1:hover, #nav-about #n2:hover, #nav-about #n3:hover, #nav-about #n4:hover, #nav-about #n5:hover, #nav-about #n6:hover, #nav-about #n1.on, #nav-about #n2.on, #nav-about #n3.on, #nav-about #n4.on, #nav-about #n5.on, #nav-about #n6.on{border-radius:10px 0 0 10px;} /* 首页 */ .o-index{width:1180px;margin:0 auto 0;1padding:20px 0 0px;position:relative;} .index-lanmu{width:1000px;1height:50px;float:left;padding-left:100px;margin-top:30px;} .index-lanmu h2{float:left;display:inline-block;} .index-anli{width:1000px;1max-height:832px;float:left;position:relative;overflow:hidden;margin-left:100px;} .index-gengduo{display:inline-block;float:right;1padding-right:44px;color:#cef;} .index-gengduo a{color:#3ae;font-size:16px;border:1px solid #cef;background-color:#fff;padding:5px 15px;border-radius:18px 2px 2px 18px;font-weight: normal;line-height:36px;-webkit-transition:700ms; transition:700ms;} .index-gengduo a:hover{border:1px solid #cef;background-color:#cef;} .indexanli{float:left;width:200px;height:200px;overflow:hidden;border-radius:10px;} .indexanli img{height: 100%;1mix-blend-mode:multiply;-1webkit-filter:grayscale(0);transition: 0.6s all ease;-1webkit-filter:grayscale(50%);opacity:0.9; 1margin: 0% -25%;mix-blend-mode:multiply;-webkit-filter:grayscale(30%);} .indexanli img:hover{/* 正片叠底 */transform: scale(1.25, 1.25);transition: 0.6s all ease;-webkit-filter:grayscale(0);opacity:1;} .anlibg{background-color:#fafafa;} .shouanli{float:left;width:182px;height:182px;1border-radius:5px;margin-top:10px;1border-bottom:1px solid #eee;background-color:#fff;padding:9px;overflow:hidden;1border:1px solid #fafafa;} .shouanli img{max-height:129px;1mix-blend-mode:multiply;-webkit-filter:grayscale(0);border-top-left-radius:5px;border-top-right-radius:5px;} .shouanli img:hover{/* 正片叠底 */mix-blend-mode:multiply;-webkit-filter:grayscale(80%);-webkit-transition:-webkit-filter 1s ease-in-out;} .anlizhu{width:182px;height:30px;margin:0 auto;padding-top:10px;position:relative;} .anlizhu a, .anlizhu span{font-size:12px;line-height:20px;text-align:center;display:block;color:#aaa;} .anlizhu a:hover{color:#6b6;} .ad{float:left;width:1000px;height:120px;margin:0 0 20px 100px;background:url(../images/ad1.png) no-repeat;overflow:hidden; } .right-index{float:right;width:1000px;1height:50px;margin:10px 80px 0 160px;} .o-index-yu{float:left;padding-left:100px;width:1000px;margin-top:20px;overflow:hidden;zoom:1;position:relative;padding-bottom:20px;} .o-index-you{float:left;padding-left:32px;width:312px;overflow:hidden;zoom:1;position:relative;} .yu01{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-01.png) no-repeat;-webkit-transition:300ms; transition:300ms;1border-top-left-radius:15px;} .yu02{float:left;width:598px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-02.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu03{float:left;width:196px;height:196px;margin:0 0px 5px 0;background:url(../images/tu-index-03.png) no-repeat;-webkit-transition:300ms; transition:300ms;1border-top-right-radius:15px;} .yu04{float:left;width:397px;height:196px;margin:0 0px 5px 0;background:url(../images/tu-index-04.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu05{float:left;width:196px;height:397px;margin:0 5px 5px 0;background:url(../images/tu-index-05.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu06{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-06.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu99{float:left;width:201px;height:400px;} .yu07{float:left;width:196px;height:196px;background:url(../images/tu-index-07.png) no-repeat;-webkit-transition:300ms; transition:300ms;1border-bottom-left-radius:15px;} .yu08{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-08.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu09{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-09.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu11{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-11.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu12{float:left;width:196px;height:196px;margin:0 0px 5px 0;background:url(../images/tu-index-12.png) no-repeat;-webkit-transition:300ms; transition:300ms;1border-bottom-right-radius:15px;} .yu13{float:left;width:397px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-13.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu14{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-14.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu15{float:left;width:196px;height:196px;margin:0 5px 5px 0;background:url(../images/tu-index-15.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu16{float:left;width:196px;height:196px;margin:0 0px 5px 0;background:url(../images/tu-index-16.png) no-repeat;-webkit-transition:300ms; transition:300ms;} .yu-biaoti{float:left;width:800px;height:120px;padding-left:200px;} .yu-biaoti p{font-size:28px;font-weight:100;line-height:20px;margin-top:30px;color:#777;letter-spacing:5px;} .yu-lingyu{float:left;width:900px;height:20px;padding-top:60px;} #biaoti-lingyu{font-size:20px;font-weight:400;float:left;display:inline-block;line-height:20px;1margin-top:30px;color:#aaa;} .yu-wen{float:left;width:200px;1height:200px;} .yu-wen p{font-size:20px;font-weight:600;line-height:20px;margin-top:30px;color:#777;} .yu-wen span{font-size:14px;font-weight: normal;line-height:26px;1margin-top:60px;color:#aaa;} .yincang span{font-size:14px;font-weight: normal;line-height:26px;1margin-top:60px;color:#fff;} .jiange{float:left;width:900px;height:1px;margin:60px 0px 60px 0;background-color:#ddd;} .xian001{float:left;width:656px;height:42px;background:url(../images/xian001.png) no-repeat;} .xian002{float:left;width:656px;height:20px;background:url(../images/xian002.png) no-repeat;} .o-index-tu{width:312px;height:200px;float:left;margin:4px 0 20px;} .o-index-wen{width:312px;height:220px;float:left;margin:4px 0 0 32px;} .index-biaoti{font-size:18px;font-weight: normal;line-height:20px;padding-bottom:10px;} .index-liebiaoti{font-size:18px;font-weight: normal;line-height:20px;} .index-zhaiyao{color:#927070;font-size:14px;font-weight: normal;line-height:26px;border:0;} .index-riqi{font-size:18px;font-weight: normal;line-height:26px;margin-top:10px;color:#ccc} .yuanyuan-nav{width:312px;1margin-bottom:20px;float:left;} #yuanyuan-nav{width:312px;} #yuanyuan-nav li{float:left;overflow:hidden} #yuanyuan-nav li a{display:inline-block;float:left;background:url(../images/nav-yuanyuan.png) no-repeat;text-indent:-9999px;} #yuanyuan-nav #tou{width:312px;height:34px;} #yuanyuan-nav #yuanyuan{width:312px;height:168px;background-position:0px -34px;} #yuanyuan-nav #yuanyuan:hover,#yuanyuan-nav #yuanyuan.on{background-position:0px -202px;} .zhanpin-nav{width:312px;1margin-bottom:20px;float:left;} #zhanpin-nav{width:312px;} #zhanpin-nav li{float:left;overflow:hidden} #zhanpin-nav li a{display:inline-block;float:left;background:url(../images/nav-pin.png) no-repeat;text-indent:-9999px;} #zhanpin-nav #tou{width:312px;height:34px;} #zhanpin-nav #zhanpin{width:312px;height:168px;background-position:0px -34px;} #zhanpin-nav #zhanpin:hover,#zhanpin-nav #zhanpin.on{background-position:0px -202px;} /* 栏目及新闻区 */ .bg{width:190px;height:120px;margin-bottom:20px;} .newsqu{width:900px;margin:0 auto;overflow:hidden;zoom:1;position:relative;} .newsqu p{font-size:20px;font-weight: normal;line-height:30px;color:#777;} .suoluetu-news{float:left;width:900px;padding-bottom:70px;} .suoluetu-img{float:right;max-width:522px;1height: 260px;overflow: hidden;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;} .suoluetu-img img{width: 100%;border:1px solid #eee;-webkit-filter:grayscale(0);-webkit-transition:300ms; transition:300ms;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;} .suoluetu-img img:hover{border:1px solid #0fc;mix-blend-mode:multiply;-webkit-filter:grayscale(80%);-webkit-transition:-webkit-filter 1s ease-in-out;} .news-text{width:360px;float:left;} .news-text a{color:#097;} .news-text a:hover{background-color:#cceecc;-webkit-transition:700ms; transition:700ms;border-radius:3px;} .newshijian{font-size:14px;color:#ddd;} .newstu{width:320px;height:200px;float:left;1margin-bottom:20px;border:1px solid #EEE;} .newsyu{width:340px;margin-left:10px;float:left;} .newsliebiao{font-size:14px;font-weight: normal;line-height:30px;} .newsliebiao a{color:#aaa;} .newsliebiao a:hover{color:#ff9900;font-weight: normal;} .gengduo{display:inline-block;float:right;1padding-right:44px;} .gengduo a{color:#ccc;font-size:20px;font-weight: normal;line-height:26px;-webkit-transition:700ms; transition:700ms;} .gengduo a:hover{color:#097;} .tushi{width:680px;height:440px;float:left;margin-bottom:5px;1border:1px solid #EEE;} .newstu{float:left;max-width:318px;height:216px;border-radius:5px;background-color:#fafafa;margin:0 20px 20px 0;overflow:hidden;border:1px solid #fafafa;} .newstu a{height:176px;overflow: hidden; float: left; margin-bottom: 10px;} .newstu img{width:100%;1max-height:129px;1mix-blend-mode:multiply;-webkit-filter:grayscale(0);border-top-left-radius:5px;border-top-right-radius:5px;} .newstu img:hover{/* 正片叠底 */1mix-blend-mode:multiply;-webkit-filter:grayscale(80%);-webkit-transition:-webkit-filter 1s ease-in-out;} .newszhu{width:290px;height:30px;margin:0 auto;padding-top:10px;position:relative;} .newszhu a, .newszhu span{font-size:14px;line-height:20px;text-align:center;display:block;color:#aaa;} .newszhu a:hover{color:#3ac;} /* 案例 */ .o-anli{width:1180px;margin:0 auto 0;1padding:0px 0 60px;position:relative;} .lanquyu{width:1020px;1position:relative;float:left;overflow:hidden;margin-top:10px;padding-left:100px;} .anlitu{float:left;max-width:182px;height:186px;border-radius:5px;background-color:#fafafa;margin:0 20px 20px 0;overflow:hidden;border:1px solid #fafafa;} .anlitu img{max-height:129px;1mix-blend-mode:multiply;-webkit-filter:grayscale(0);border-top-left-radius:5px;border-top-right-radius:5px;} .anlitu img:hover{/* 正片叠底 */mix-blend-mode:multiply;-webkit-filter:grayscale(80%);-webkit-transition:-webkit-filter 1s ease-in-out;} .tuzhu{width:152px;height:30px;margin:0 auto;position:relative;} .tuzhu:hover{width:152px;height:30px;background-color:#3ac;} .tuzhu a{font-size:12px;line-height:32px;text-align:center;display:block;color:#aaa;} .tuzhu a:hover{color:#097;} .wenzhu{width:250px;position:relative;} .anliming{position:absolute;left:42px;bottom:49px;font-size:18px;font-weight:400;color:#fff;} .shijian{position:absolute;left:42px;bottom:13px;font-size:13px;color:#fff;} .lan-logo{width:332px;overflow:hidden;float:left;position:relative;padding:0 2px 2px 0;} .lan-logo a{text-decoration:none;float:left;} .lan-logo a:hover{cursor: pointer;} .lan-logo a .more{position:absolute;font-size:12px;color:#fff;background:#000;filter:alpha(opacity=65);opacity:.65;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/} .lan-logo a:hover .wenzhu-logo{display:block;width:332px;height:220px;font-size:12px;background:url(../images/mengban-logo.png) no-repeat; filter:alpha(opacity=75);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/ color: #fff;position:absolute;bottom:2px;left:0px;margin:0;} .lan-logo a:hover .wenzhu-logo strong {display:block;margin-bottom:5px;font-size:14px;} .lan-logo a .wenzhu-logo{display:none; } .lan-logo a:hover .more{visibility:hidden;} .lanquyu-vis{width:1008px;1position:relative;float:left;overflow:hidden;margin-top:10px;padding-left:100px;} .lan-vis{width:244px;height:208px;overflow:hidden;float:left;position:relative;padding-right:8px;} .suoluetu{float:left;max-width:242px;1padding-bottom:70px;} .suoluetu img{max-width:236px;1margin-right:10px;background:#fff;border:1px double;color:#fafafa;padding:4px;-webkit-transition:300ms; transition:300ms;border-radius:10px;} .suoluetu img:hover{background:#cec;border:1px double;color:#cec;padding:4px;1border:5px solid #cec;} .visbiaoti{margin-left:5px;} .visbiaoti a{font-size:14px;font-weight: normal;line-height:32px;color:#aaa;} .visbiaoti a:hover{color:#097;} .zhaiyao-vis{width:220px;height:70px;margin:10px 0 0 5px} .zhaiyao-vis span{font-size:14px;font-weight: normal;line-height:26px;1text-align:center;margin-top:10px;color:#aaa} .xiaobiaoti{font-size:18px;font-weight: normal;line-height:32px;1text-align:center;margin-top:10px;color:#fff;} .xiaobiaoti a{color:#fff;display:none;} .xiaobiaoti a:hover{color:#fff;visibility:hidden;} .zhaiyao{margin-top:10px;width:100%;} .zhaiyao span{font-size:14px;font-weight: normal;display:block;line-height:26px;1text-align:center;color:#aaa;text-align:justify;text-justify:inter-ideograph;} .pages{width:680px;font-size:14px;font-weight: normal;margin-top:30px;line-height:32px;letter-spacing:3px;text-align:center;background:url(../images/pages.png) no-repeat;} .pages a{color:#009955} .pages a:hover{color:#ff9900;} .rt{float:right;margin:0 3px 20px 0;} .neiwen .rt p{1text-align:right;color:#ccc;font-size:15px;font-weight: normal;line-height:20px;} /* 瀑布流 */ #container{text-align:left;} #container .cell{1padding:1px 0px 1px 0px; 1border:1px solid #E3E3E3; 1background:#F5F5F5; 1margin-top:10px} #1container p{ line-height:20px; margin-top:5px} .o-box{width:1280px;height:300px;margin:0px auto 0;background:url(../images/o-box.png) no-repeat;overflow:hidden;position:relative;} .xian011{float:left;width:312px;height:36px;background:url(../images/xian011.png) no-repeat;} .xian012{float:left;width:312px;height:36px;background:url(../images/xian012.png) no-repeat;padding-left:32px;} .xian013{float:left;width:312px;height:36px;background:url(../images/xian013.png) no-repeat;padding-left:32px;} .index-box{width:1000px;margin:10px 0px 0px 170px;} .box-left{width:312px;float:left;} .index-box #box-left{width:312px;height:200px;overflow:hidden;float:left;} .index-box #box-left:hover{background:url(../images/o-boxa.png) no-repeat;} #box1{margin:6px 0px 0px 7px;1border:solid #fff 1px;width:300px;height:186px;} .box-center{width:312px;float:left;padding-left:32px;} .index-box #box-center{width:312px;height:200px;overflow:hidden;float:left;} .index-box #box-center:hover{background:url(../images/o-boxa.png) no-repeat;} #box2{margin:6px 0px 0px 7px;width:300px;height:186px;} .box-right{width:312px;float:left;padding-left:32px;} .index-box #box-right{width:312px;height:200px;overflow:hidden;float:left;} .index-box #box-right:hover{background:url(../images/o-boxa.png) no-repeat;} #box3{margin:6px 0px 0px 7px;width:300px;height:186px;} .g-box{width:900px;margin:0 auto;1overflow:auto;zoom:1;position:relative;overflow:hidden;} .zuoqu{width:420px;float:left;} .dongtai{width:450px;height:150px;float:left;1margin-bottom:20px} .youqu{width:420px;float:right;} /* 产品 */ .zhanpin{width:1280px;height:500px;margin:0 auto;padding-top:30px;overflow:hidden;zoom:1;position:relative;z-index:10;} .zhanpin-di{height:50px;} .nav-zhanpin{float:left;padding-left:140px;} #nav-zhanpin{width:1000px;} #nav-zhanpin li{float:left;height:500px;} #nav-zhanpin li a{height:500px;display:inline-block;overflow:hidden;float:left;background:url(../images/nav-zhanpin.png) no-repeat;text-indent:-9999px;} #nav-zhanpin #di{width:253px;} #nav-zhanpin #di:hover{background-position:0 -500px} #nav-zhanpin #di.on{background-position:0 -500px} #nav-zhanpin #gao{width:253px;background-position:-253px 0} #nav-zhanpin #gao:hover{background-position:-253px -500px} #nav-zhanpin #gao.on{background-position:-253px -500px} #nav-zhanpin #li{width:253px;background-position:-506px 0} #nav-zhanpin #li:hover{background-position:-506px -500px} #nav-zhanpin #li.on{background-position:-506px -500px} #nav-zhanpin #chao{width:241px;background-position:-759px 0} #nav-zhanpin #chao:hover{background-position:-759px -500px} #nav-zhanpin #chao.on{background-position:-759px -500px} .qu-chanpin{width:720px;margin:0px 0 0 160px;overflow:hidden;zoom:1;} .qu-kuang{width:680px;height:360px;float:left;background:url(../images/chanpin.png) no-repeat;} .qu-tu{width:400px;height:300px;float:left;margin:10px 0 0 30px;} .qu-ming{width:170px;float:left;margin:30px 0 0 30px;} #qu-ming{font-size:20px;font-weight: normal;line-height:22px;text-align:left;color:#aaa;} .qu-ming a{color:#009955} .qu-ming a:hover{color:#ff9900;} .qu-ming span{font-size:14px;} .kongge{width:900px;height:30px;1float:left;} .zhankuang{width:338px;height:338px;float:left;background:url(../images/zhankuang.png) no-repeat;} .chanpinqu{width:678px;} .pinming{font-size:14px;font-weight: normal;line-height:32px;text-align:center;margin-top:-40px;color:#aaa} .biaoti-pinming{text-align:center;color:#009491;font-size:21px;font-weight: normal;line-height:26px;} .jieshao{1text-align:center;color:#009491;font-size:18px;font-weight: normal;line-height:30px;} .tupian{width:850px;float:left;padding:0 0 100px;} .tupian img{width:680px;margin:0 auto;text-align:center;margin:40px 0 10px;border:1px solid #eee;} .lan{width:680px;height:440px;padding:12px 0 12px 0px;1overflow:hidden;zoom:1;} .lan1{width:120px;float:left;color:#009491;} .lan2{width:560px;float:left;1color:#930e14;margin-bottom:12px;} .pinlei-yu{width:690px;padding-top:10px;overflow:hidden;} .pinlei{width:128px;float:left;margin-right:10px;} #pinlei{width:690px;1margin-bottom:30px;} #pinlei li{float:left;height:250px;overflow:hidden} #pinlei li a{height:250px;display:inline-block;float:left;background:url(../images/pinlei.png) no-repeat;text-indent:-9999px;} #pinlei #pl1{width:128px;margin-right:10px;} #pinlei #pl1:hover{background-position:0 -250px} #pinlei #pl2{width:128px;background-position:-128px 0;margin-right:10px;} #pinlei #pl2:hover{background-position:-128px -250px} #pinlei #pl3{width:128px;background-position:-256px 0;margin-right:10px;} #pinlei #pl3:hover{background-position:-256px -250px} #pinlei #pl4{width:128px;background-position:-384px 0;margin-right:10px;} #pinlei #pl4:hover{background-position:-384px -250px} #pinlei #pl5{width:128px;background-position:-512px 0} #pinlei #pl5:hover{background-position:-512px -250px} .pinlei1{width:128px;float:left;margin-right:10px;} #pinlei1{width:690px;1margin-bottom:30px;} #pinlei1 li{float:left;height:50px;overflow:hidden} #pinlei1 li a{height:50px;display:inline-block;float:left;background:url(../images/pinlei1-06.png) no-repeat;text-indent:-9999px;} #pinlei1 #pl1{width:128px;margin-right:10px;} #pinlei1 #pl1:hover{background-position:0 -50px} #pinlei1 #pl2{width:128px;background-position:-128px 0;margin-right:10px;} #pinlei1 #pl2:hover{background-position:-128px -50px} #pinlei1 #pl3{width:128px;background-position:-256px 0;margin-right:10px;} #pinlei1 #pl3:hover{background-position:-256px -50px} #pinlei1 #pl4{width:128px;background-position:-384px 0;margin-right:10px;} #pinlei1 #pl4:hover{background-position:-384px -50px} #pinlei1 #pl5{width:128px;background-position:-512px 0} #pinlei1 #pl5:hover{background-position:-512px -50px} /* E-Mail */ .qiyemail{width:800px;height:226px;margin:0 auto;1padding-top:20px;} .e-mail{width:720px;height:226px;1margin:0 auto;background:url(../images/mail.png) no-repeat;} .mailbox{padding:8px 0 0 80px;font-size:16px;color:#fff;height:40px;} .text{padding-top:33px;height:20px;background-color:transparent;width:272px;border-radius:4px;border:0;outline:none;color:#0ae;font:12px/18px "微软雅黑", Verdana, Tahoma, "宋体";font-size:14px;line-height:20px;} .btn_mail{height:40px;width:92px;border:0;outline:0;margin-left:177px;margin-top:10px;} .btn_mail:hover{background-position:0 -40px;} .anniu{height:40px;width:92px;border:0;outline:0;margin-left:-28px;margin-top:10px;background:url(../images/btn-mail.png) no-repeat;cursor:pointer;} .anniu:hover{background-position:0 -40px;} /* footer */ .webfoot{width:1180px;margin:0 auto;overflow:hidden;zoom:1;height:50px;} .webfoot1{height:50px;background:url(../images/bg-2.png) no-repeat;} #webfoot{float:right;margin-right:80px;font-size:14px;color:#999;height:20px;z-index:50;margin-top:30px;overflow:visible} .footer{margin:0 auto;min-width:1180px;overflow:hidden;zoom:1;1height:150px;z-index:-50;} .foot{width:1180px;margin:0 auto;overflow:hidden;zoom:1;z-index:50;background:url(../images/bg-1.png) no-repeat;} .copyright{text-align:center;position:relative;font-size:14px;margin-top:15px;color:#aaa; /* 分割线*/ 1margin-top: 2px; 1line-height: 4px;1border-top: 1px dotted #404040;} .copyright span{line-height:22px;} .copyright a{color:#aaa; } .copyright a:hover{color:#777; } .foot-suoyin{width:1180px;margin:0 auto;overflow:hidden;zoom:1;z-index:50;background:url(../images/bg-suoyin.png) no-repeat;} .foot-yu { float: left; padding-left: 100px; width: 1000px; margin-top: 20px; overflow: hidden; zoom: 1; position: relative; padding-bottom: 10px; } .foot-wen.s0{width:80px;} .foot-wen.s1{width:170px;border-left:1px solid #cef;padding-left:20px;} .foot-wen.s2{width:180px;border-left:1px solid #cef;padding-left:20px;} .foot-wen.s3{width:80px;border-left:1px solid #cef;padding-left:20px;} .foot-wen.s4{width:160px;border-left:1px solid #cef;padding-left:20px;} .foot-wen{float: left;} .foot-wen p{font-size: 18px;font-weight: normal;line-height: 20px;margin-top: 20px;color: #777;} .foot-wen p a{color: #3ac;} .foot-wen p a:hover{color: #f90;} .foot-wen span {font-size: 14px;font-weight: normal;line-height: 26px;color: #aaa;} .foot-wen span a{color: #777;} .foot-wen span a:hover{color: #3ae;} .foot-wen span span.yincang{color: transparent;} .suoyin { text-align: center; position: relative; font-size: 16px; margin-top: 20px;margin-bottom:15px; color: #ccc; } .yin{text-align:center;position:relative;font-size:14px;color:transparent;} .webfoot a{color:#999;-webkit-transition:300ms; transition:300ms;} .webfoot a:hover{color:#3ae;} /* 统一 */ .red50, span.red50{color: #f9a!important;} .green50, span.green50{color: #6b6!important;} .orange50, span.orange50{color: #f90!important;} .blue50, span.blue50{color: #3ae!important;} .brown50, span.brown50{color: #a82!important;} .bg-img, .chatu img{ position:relative; background: #fafafa; max-width: 870px; padding: 15px 15px 30px; line-height: 26px; font-size: 14px; color: #222; } .bg-img-0{ border:0!important; } .neiwen img{ vertical-align: middle; pointer-events: none; } .neiwen p.list-time-right{ text-align:right;padding-right:42px;position:relative;font-size:14px;color:#ccc; } .neiwen p.case img{ padding: 0px; margin: 0px; max-width: 896px; border: 1px solid #eee; } .pt-10{padding-top: 10px !important; } .pt-20{padding-top: 20px !important; } .pt-30{padding-top: 30px !important; } .pt-40{padding-top: 40px !important; } .pt-50{padding-top: 50px !important; } .pt-60{padding-top: 60px !important; } .pt-70{padding-top: 70px !important; } .pt-80{padding-top: 80px !important; } .pt-90{padding-top: 90px !important; } .pt-100{padding-top: 100px !important; } .pb-10{padding-bottom: 10px !important; } .pb-20{padding-bottom: 20px !important; } .pb-30{padding-bottom: 30px !important; } .pb-40{padding-bottom: 40px !important; } .pb-50{padding-bottom: 50px !important; } .pb-60{padding-bottom: 60px !important; } .pb-70{padding-bottom: 70px !important; } .pb-80{padding-bottom: 80px !important; } .pb-90{padding-bottom: 90px !important; } .pb-100{padding-bottom: 100px !important; } .mt-10{margin-top: 10px !important; } .mt-20{margin-top: 20px !important; } .mt-30{margin-top: 30px !important; } .mt-40{margin-top: 40px !important; } .mt-50{margin-top: 50px !important; } .mt-60{margin-top: 60px !important; } .mt-70{margin-top: 70px !important; } .mt-80{margin-top: 80px !important; } .mt-90{margin-top: 90px !important; } .mt-100{margin-top: 100px !important; } .mb-10{margin-bottom: 10px !important; } .mb-20{margin-bottom: 20px !important; } .mb-30{margin-bottom: 30px !important; } .mb-40{margin-bottom: 40px !important; } .mb-50{margin-bottom: 50px !important; } .mb-60{margin-bottom: 60px !important; } .mb-70{margin-bottom: 70px !important; } .mb-80{margin-bottom: 80px !important; } .mb-90{margin-bottom: 90px !important; } .mb-100{margin-bottom: 100px !important; } .pl-100{padding-left: 100px !important; } .tags-list { position: relative; list-style: none; margin: 20px 0 0; padding: 0; } .tags-list .pagination>li { display: inline-block; padding: 0; margin-bottom: 7px; margin-right: 5px; } .tags-list .pagination>li>a { display: block; background-color: #f0f0f0; color: #777; border-radius: 5px; font-size: 14px; line-height: 25px; padding: 0 10px; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .tags-list .pagination>li>a:hover { background-color: #f90; color: #fff; } .tags-list .pagination>li>a:not([href]):not([tabindex]):not([hover]) { color: inherit; background-color: inherit; text-decoration: none; } .tags-list-right{ float: right; margin-right:15px; } .tags-list-center{ float: left; margin-left: 372px; } .copyright img{ height: 16px; padding-left: 10px; 1margin-top: -4px; }