*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体,impact,sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} .clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;} .fl{ float: left;} .fr{ float: right;} .tywidth{ width: 1200px; margin: 0 auto;} .more-title{ width: 1200px; margin: 55px auto 25px; text-align: center; background: url(../image/moretitlebg.png)no-repeat center; background: url(../image/moretitlebg.png)\9 no-repeat center; position: relative; height: 54px;} .more-title h6{ font-size: 32px; color: #333; position: relative; top: -23px;} .more-title p{ font-size: 18px; color: #666; position: relative; top: -20px;} /*header*/ .header{ width: 100%;} .header .h-nr-1{ width: inherit; overflow: hidden;border-bottom: 1px solid #e5e5e5;background: #f7f7f7;} .header .header-top{ height: 38px; line-height: 38px;} .header .header-top .header-left{font-size: 14px; color: #999;} .header .header-top .header-right {} .header-left strong,.header-left a{font-size: 14px; color:#98bc08;} .header .header-top .header-right a{ font-size: 14px; color: #999;} .header .header-top .header-right a+a+a{ margin-right: 0;} .header .header-top .header-right i{ color: #999; margin: 0 5px 0 10px;} .header .header-top .header-right a:hover{ color: #98bc08;} .header .h-nr-2{ width: inherit; overflow: hidden; padding: 28px 0 38px 0;} .header .h-nr-2 .zb {background: url(../image/logo_line.jpg)no-repeat 199px 25px;} .header .h-nr-2 .zb .left{ display: inline-block; vertical-align: middle; margin-right: 10px;} .header .h-nr-2 .zb .left img{ display: inline-block;} .header .h-nr-2 .zb .left .img-2{ margin-right: 30px;} .logo{padding-top:20px;} .wb{display: inline-block; vertical-align: middle; letter-spacing: 1px; position: relative; margin: 21px 0 0 16px; padding: 0 0 0 20px;} .wb strong{font-size: 24px; line-height:28px;color:#0663be; display:block; padding-bottom:3px;} .wb i{color: #333;font-size:18px;} .dianhua{background: url(../image/index000.jpg)no-repeat left 24px;height:90px;width:432px;padding:22px 0 0 67px;color:#666666; font-size:16px; margin-top: 0px;} .dianhua b{color:#0663be;display:block;font:bold 26px/33px "Arial";} .dianhua b i{color:#E0E0E0; padding:0 8px; font-weight: lighter;} .nav{background:#0663be; background-size: cover; width: 100%; height: 60px; position: relative; z-index: 2;} .nav-content{line-height: 60px;height: 60px;} .nav-content ul li{ float: left; position: relative; height: 60px; line-height: 60px; text-align: center; } .nav-content ul li p{ position: relative; height: 60px; line-height: 60px; padding:0px 25px;font-weight:bold;} .nav-content ul li p:before{ position: absolute; left: 0; width: 100%;content: ""; z-index: 16; visibility: hidden;} .nav-content ul li:hover p:before{ visibility: visible;} .nav-content ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;} .nav-content ul li .subnav{ position: absolute; display: none; left: 0; top: 60px; z-index: 99; background: #fff; width: 100%; border: 1px solid #F3F3F3; border-bottom: none; text-align: center;} .nav-content ul li .subnav dl dd{ position: relative; float: none; margin: 0; border-bottom: 1px solid #F3F3F3;} .nav-content ul li .subnav dl dd a{ color: #666666; font-size: 14px;} .nav-content ul li .subnav dl dd a:hover{ color: #ffffff;background-color:black;} .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 50px; line-height: 50px;} .nav-content ul li:hover p{ background: url(../image/navta.png) repeat-x;} .zhuanti{background: url(../image/navta.png)repeat-x;z-index: 14;} /*首页banner*/ .banner-index{ font-size: 0;} .banner-index img{ width:1920px;height:600px;position:absolute;left:50%;margin-left:-960px;line-height: 0;} .slideBox{ width: 100%; height: auto; overflow: hidden; position: relative; height:900px;} .slideBox .hd{ height: 8px; overflow: hidden; position: absolute; left: 44%; bottom: 35px; z-index: 1;} .slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;} .slideBox .hd ul li{ float: left; width: 30px; height: 6px; background: #none; border: 1px solid #0663be; margin-right: 10px; cursor: pointer;} .slideBox .hd ul li.on{ background: #0663be;} .banner-index .slideBox .bd img{ width:1920px;height:900px;position:absolute;left:50%;margin-left:-960px;} /*search*/ .search{ width: 100%; height: 73px; line-height: 73px; background: #F5F5F5; overflow: hidden;} .search-content {} .search-keywords{ display: inline-block;} .search-keywords span{ color: #333; font-size: 14px; display: inline-block; vertical-align: middle;} .search-keywords a{ color: #999; font-size: 14px; display: inline-block; vertical-align: middle;} .search-keywords i{ color: #999; margin: 0 6px 0 10px;} .search-keywords a:hover{ color: #0663be; text-decoration: underline;} #searchForm{ background: url(../image/search.png)no-repeat; background: url(../image/search.png)\9 no-repeat; width: 394px; height: 38px; margin-top: 18px; vertical-align: middle;} .search-form{ display: inline-block; float: right;} #searchForm .search-input{ vertical-align: top; line-height: 38px; background: none; border: none; height: 38px; color: #c4c4c4; outline: none; width: 88%; text-indent: 20px;} .search-form #s_btn{ background: none; width: 35px; height: 38px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;} #searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */ color: #c4c4c4;} #searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #c4c4c4;} #searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #c4c4c4;} #searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #c4c4c4;} .shuyu{ width:1200px; height:300px; background:#F8F8F8;border: 1px solid #E5E5E5; margin:70px auto 0; padding:39px;} .shuyuz{ width:350px; height:220px; float:left;display:block; background:#000000;} .shuyuy{ width:732px; height:220px; float:right;} .shuyuz video{outline:none;border:none;} .shuyuy h4{font-size:28px; font-weight:bold; display:block; padding-top:10px; color:#333333;} .shuyuy h4 b{color:#0663be;font-weight:bold;font:"Arial";} .shuyuy span{font-size:20px; line-height:40px; display:block;} .shuyuy p{font-size:14px;line-height:36px;color:#666666;display:block; padding-top:15px; } .shuyuy p a{color:#0663be;font-weight:bold;} .yinying{ width:1200px; height:40px; margin:auto;background:url(../image/yinying.png) no-repeat top center;} .xuqiu{width:100%; height:135px; margin:0 auto;background:url(../image/wuchen012.jpg) repeat-x bottom left; text-align:center;} .bt{width:1200px; margin:45px auto 0;background: url(../image/inde001.jpg)no-repeat center 12px; text-align:center;height:80px;} .bt h3,.btal h3,.bta2 h3{font:bold 30px/35px "impact"; color:#333333; padding-top:30px; display:block; } .bt h3 span,.btal h3 span,.bta2 h3 span{color:#0663be;} .bt b,.btal b,.bta2 b{padding:0 15px;font-size:16px; line-height:35px;} .btal{width:1200px; margin:50px auto 50px;background: url(../image/index003.jpg)no-repeat center 12px; text-align:center;height:80px;} .bta2{width:1200px; margin:58px auto 0;background: url(../image/index00333.jpg)no-repeat center 12px; text-align:center;height:80px;} .bkbg{ width:100%; background:#F5F5F5; height:670px; padding-top:70px; } .adbg{width:1200px; margin:0 auto 70px;} .yicijh{ width:100%; height:160px; background:#0663be; text-align:center; clear:both;color:#ffffff;margin-top: 30px;} .yicijh h3{font:bold 30px/36px "impact"; padding-top:46px; } .yicijh p{font:16px/40px "impact"; padding:0 15px;} .yicijh span{color:#3ed7e7;} .jiazhi{width:100%;height:29px;background:url(../image/wuchen022.jpg) center top repeat-y; margin-top:70px;} .jiaz{width:100%;height:580px;background:url(../image/wuchen023.jpg)repeat-y center top ;} .jiak{width:1200px;height:580px;margin:auto;overflow:hidden;} .jiakz{width:600px;height:580px;float:left;} .jiakz dt{height:184px;font: 56px/56px "Times New Roman";color: #333333;text-transform:uppercase; padding-top:50px;background:url(../image/wuchen024.jpg) no-repeat left 138px; clear:both;} .jiakz dt h3{font: bold 16px/24px "impact";color: #333333;letter-spacing:1px; display:block;} .jiakz dt dd { padding-top:30px;} .ch_l{ width:600px;overflow: hidden;} .ch_l ul li{height:65px;border-bottom:1px solid #F5F5F5; display:block; margin-bottom:1px; background:url(../image/index006.png) no-repeat 50px 18px #FDFDFD; padding:23px 0 0 105px;font:16px "impact";color: #333333;} .ch_l ul li:hover,.ch_l ul .cur{height:66px; background:url(../image/index005.png) no-repeat 50px 18px #F5F5F5;border-bottom:0;font: bold 16px "impact";color: #0663be;} .ch_r{width:600px; height:580px; float:right;position: relative;} .ch_r img{width:600px; height:580px;overflow: hidden;} .ch_r p{position: absolute;left: 0;bottom: 0;background:url(../image/bg001.png) repeat 0 0;padding: 25px 30px;width:600px;z-index:1; font:14px/26px "impact";color: #ffffff;} .ixzbg{width:100%; height:240px;background:url(../image/index013.jpg) center top repeat-y;} .izdhk{width:1200px; margin: auto;} .ixzl{width:200px; height:100px;background:url(../image/index014.jpg) no-repeat right bottom; margin-top:64px;font: bold 45px "Times New Roman";color: #ffffff; text-transform:uppercase; text-align:right;} .ixzl p{ font-size:19px; color:#FFFFFF; font-weight:normal;} .flk19{overflow:hidden;width: 950px; margin-top: 42px; float:right;} .nk{height:170px;margin:0;padding:0;} .nk li{float:left;width:190px;height:170px;overflow:hidden;display:inline-block;text-align:right;} .nk li img{width:130px; height:100px;} .nk li p{padding:13px 0px 0px 15px;font-size:14px;color: #666666; text-align:center;} .igykh{width:1200px;height:600px; margin:70px auto 0;background:url(../image/index020.jpg) no-repeat right top;} .igyz{width:700px; height:600px;background:url(../image/index021.jpg) no-repeat left bottom;} .ikhgy{width:700px;} .ikhgy li{float:left; width:350px;height:45px;overflow:hidden;display:inline-block;background:url(../image/index022.png) no-repeat left 19px;} .ikhgy li a{font-size:16px; line-height:45px; color:#333333; margin-left:25px;text-decoration:none;display: block;} .ikhgy li:hover{background:url(../image/index024.png) no-repeat 20px 19px;} .ikhgy li a:hover{margin-left:40px;color:#0663be; font-weight:bold;} .igyy{width:500px; height:550px; margin-top:50px;background:url(../image/index023.jpg) no-repeat right bottom;} .igyyb{font: bold 45px "Times New Roman";color: #ffffff; text-transform:uppercase; text-indent:194px;} .igyyz{font-size:26px;color: #ffffff;text-indent:194px;} .igyyx{padding:60px 0 85px 194px;font-size:18px; line-height:30px; font-weight:bold;color: #ffffff;} .ikhbt{font-size:16px; font-weight:bold;color: #333333;} .ikhbz{font-size:14px; line-height:26px;color: #666666; padding: 10px 100px 0 0;} .ikhbn{height:50px; padding: 13px 105px 0 0;} .ikhbn span{font-size:14px; line-height:30px; font-weight:bold;color: #666666; float:right;display: block;} .ikhbn img{width:124px; height:30px;} .ikhbn a{text-decoration:none;} .ikhbn em{text-decoration:none;float:left;display: block;background:url(../image/index021.png) no-repeat 84px 11px #88C627;width:124px; height:30px;font-size:14px; line-height:30px; font-weight:bold;color: #ffffff; padding-left:20px;} .ikhbn em a{color: #ffffff;} .liyou{background:url(../image/index025.jpg) repeat-x top center #F5F5F5; margin-top:70px; padding-top:60px; border-bottom: 5px solid #0663be;} .huoban{ width:980px; margin:0 auto;background:url(../image/index026.jpg) repeat-x left 25px; text-align:center;color: #ffffff; font-size:22px; height:120px;} .huoban p{font: bold 40px "Times New Roman"; background:#0663be; width:660px; margin:0 auto;} .huoban b{ font-weight:bold;} .sbzs { margin:0 auto; width:1200px;} .sbzs .hd{ margin-bottom: 44px; } .sbzs .hd ul li,.sbzs .hd ul a{ float: left; width: 279px; height: 70px; text-align: center; line-height: 70px; color: #fff; font-size: 22px; margin-right: 28px; cursor: pointer;font-weight:bold;} .sbzs .hd ul li:nth-child(4){margin-right:0px;} .sbzs .hd ul li.on,.sbzs .hd ul a:hover{ background: #000000;} .sbzs .bd{ height: 715px; padding: 12px; background: #ffffff;} .sbzs .bd ul li{ width: 1180px; height: 670px; overflow: hidden; } .yshi { margin:0 auto; width:1200px;} .yshi .hd{ background: #0663be;margin-bottom: 44px; } .yshi .hd ul{ position: relative;} .yshi .hd ul li{ text-align: center; float: left; width: 279px; height: 70px; line-height: 70px; color: #fff; font-size: 24px; background:#33AA66;margin-right: 28px; cursor: pointer; font-weight:bold;} .yshi .hd ul li:nth-child(4){margin-right:0px;} .yshi .hd ul li.on,.yshi .hd ul a:hover{ background: #88C627;} .yshi .bd{ height: 715px; padding: 12px; background: #ffffff;} .yshi .bd ul li{ width: 1176px; height: 670px; overflow: hidden; } .ysr{ width:1096px; height:400px; margin:-57px auto 0; z-index:15;position: relative;} .yb1{background: url(../image/index029.jpg)no-repeat top left; } .yb2{background: url(../image/index033.jpg)no-repeat top left; } .yb3{background: url(../image/index036.jpg)no-repeat top left; } .yb4{background: url(../image/index039.jpg)no-repeat top left; } .ysz{ width:1080px; float:left;} .ysz h4{height:106px; } .yh1{background: url(../image/index030.jpg)no-repeat 120px bottom;} .yh2{background: url(../image/index035.jpg)no-repeat 120px bottom;} .yh3{background: url(../image/index038.jpg)no-repeat 120px bottom;} .yh4{background: url(../image/index041.jpg)no-repeat 120px bottom;} .ysz h4 span{ padding-top:20px;font-size: 16px; font-weight:bold; display:block; padding:85px 0 0 275px;} .ysz h3{font-size: 18px; font-weight:bold; padding-top:25px; } .ysz h3 b,.ysz p i{font-weight:bold;color: #0663be; } .ysz p{font-size: 14px;color: #666666; line-height:26px; padding:20px 0 0 25px;background: url(../image/index031.png)no-repeat left 27px ;} .ysy{ width:519px; float:right;background: url(../image/index032.jpg)no-repeat bottom right; height:321px; z-index:16;position: relative; padding-top:188px;} .ysy ul li{ float:left;font-size: 18px; font-weight:bold;color: #0663be;text-align:right;} .ysy ul li:nth-child(1){ width:150px;} .ysy ul li:nth-child(2){ width:186px;} .ysy ul li:nth-child(3){ width:183px;} .ysy p{font-size: 16px;color: #666666;} .waibao{ width:980px; margin:60px auto 0;background:url(../image/index042.jpg) repeat-x left 25px; text-align:center;color: #333333; font-size:16px; height:185px;line-height:40px;} .waibao p{font: bold 40px/50px "Times New Roman"; background:#F5F5F5; width:600px; margin:0 auto;} .waibao span{font-size:22px; display:block; font-weight:bold; color: #0663be; line-height:40px;} .waibao b{ color:#333333; font-weight:bold;} .gongchg{width:1200px;margin:70px auto 30px; height:240px; } .gongchg li{ width:305px;float:left;display:block;} .gongchg li:nth-child(4){width:285px;} .gongchg li p{ width:285px;font:16px/30px "impact"; padding-top:15px;text-align:center;} .incbg{width:100%; background:url(../image/index011111.jpg) no-repeat center top ; margin-top:63px;} .incg{width:1200px; margin:auto;background:url(../image/index048.jpg) no-repeat left top;} .incr{height:610px;background:url(../image/index0491.jpg) no-repeat top right; } .incrz{width:591px; margin-top:140px;background:url(../image/index050.jpg) no-repeat left 60px; float:right } .incrz dt{font: bold 50px/50px "Times New Roman";text-transform:uppercase; color:#333333; padding-bottom:30px;} .incrz dt span{color:#88C627;} .incrz dd{font:12px/26px "impact";color:#333333;} .incrz dd strong{font: bold 24px/28px "impact";color:#333333;display: block;} .incrz dd h3{font:18px/36px "impact";color:#333333;} .incrz dd p{font:14px/26px "impact";color:#333333;padding-top:15px;} .incrz dd em{display:block;width:135px; height:46px; float:left; background:#88C627;font: bold 14px/46px "impact"; text-align:center; margin-top:20px;} .incrz dd em a{color:#ffffff;text-decoration:none;} .incrz dd i{display:block;width:133px; height:44px; float:left;border:1px solid #D9D9D9; background:#ffffff;font: bold 14px/46px "impact"; text-align:center; margin-top:20px;} .incrz dd i a{color:#666666;text-decoration:none;} .qyxc{ width:1200px;} .ijtc{width:660px; height:70px; margin-left:539px;} .ijtc img{width:70px; height:70px;float:left;cursor: pointer;} .ijtc span{font: bold 18px "impact";color:#666666; float:right; padding-top:42px;} .ijtc span a{ padding:0 20px;} .ijtc span a:hover{ color: #019541;} .qyxc .bd{ margin: 60px 0; overflow: hidden;} .qyxc .bd ul li{ text-align: center; width: 250px!important; margin: 0 21px 0 0; float: left; overflow: hidden;} .qyxc .bd ul li .pic{margin: 0 auto;} .qyxc .bd ul li .pic img{ width: 150px; height: 200px; } .qyxc .bd ul li p{ color: #333; font-size: 16px; text-align: center; position: relative; display:block; padding-top:15px;} .qyxc .bd ul li:hover p{ color: #019541;} .inwbg{width:100%; height:730px;background:#F5F5F5; margin-top:30px;border-top:5px solid #0663be;} .inwk{width:1200px; margin:auto; height:650px;} .inwk dt{font: bold 14px "Arial";color:#333333;text-transform:uppercase; padding-top:50px;} .inwk dt b{font: bold 30px/70px "impact";color:#333333;} .inwk dt p{float:right; padding-top:20px; background:url(../image/index053.jpg) no-repeat left bottom; height:30px;} .inwk dt a{font: bold 16px "impact";color:#333333;} .inwk dt span{font: bold 16px "Arial";color:#FFAB0A; padding:0 10px 0 10px;} .inwk dd {padding-top:30px;} .inwz{width:390px; height:482px; background:url(../image/index054.jpg) repeat-x center top #ffffff; float:left;} .inwz dt{padding:30px 30px 20px 30px; font: bold 16px/24px "impact";color:#333333;} .inwz dt img{width:330px; height:220px; margin-bottom:30px;} .inwz dd{padding:0 30px 0 30px; font:14px/26px "impact";color:#666666; background:url(../image/index055.jpg) no-repeat 30px bottom; height:105px;} .inwz dd p{height:83px;} .inwz dd span{float:right;} .inwr{width:760px; height:500px;float:right;} .inwr p{height:124px;background:url(../image/index056.jpg) no-repeat; display: block;} .inwr p span{float:left; width:110px; padding:16px 0 0 52px;font: bold 46px "Arial";color:#666666;} .inwr p span em{font: bold 14px "Arial";color:#666666;display: block;} .inwr p a{float:right; width:570px; padding:15px 89px 0 0;font:14px/24px "impact";color:#666666;text-decoration:none;display: block;} .inwr p a strong{font: bold 16px/32px "impact";color:#333333;display: block;} .inwr p:hover{ height:124px;background:url(../image/index057.jpg) no-repeat;color:#ffffff;} .inwr p:hover span,.inwr p:hover span em{color: #ffffff;} .inwr p:hover a strong{color: #019541;} .newnr{ width:1200px; margin:0 auto; height:650px;} .newnr .hd ul p{font: bold 14px "Arial";color:#333333;text-transform:uppercase; padding-top:50px; float:left;} .newnr .hd ul p b{font: bold 30px/70px "impact";color:#333333; display:block;} .newnr .hd ul li,.newnr .hd ul a{ text-align: center; float: right; height: 40px; color: #333333; font-size: 16px; cursor: pointer;width: 100px; font-weight:bold; margin-top:70px;} .newnr .hd ul li.on,.newnr .hd ul a:hover{ border-bottom:3px solid #88C627;color:#019541;} .newnr .bd{ height: 600px; margin-top:30px; } .newnr .bd ul li{ width: 1200px; height: 500px; overflow: hidden; } .ilybg{width:100%; height:608px;background:url(../image/index058.jpg) no-repeat center top #019541;} .ilyk{width:1200px; height:608px; margin:auto;} .ilyz{width:728px; height:608px;background:url(../image/index059.jpg) no-repeat right 50px #ffffff; float:left;} .ilyz dt{background:url(../image/index060.jpg) no-repeat 55px 102px; padding:60px 55px 20px 55px; font: bold 26px "impact";color:#333333;} .ilyz dt span{font: bold 16px "impact";color:#333333;} .ilyz dt p{font:14px/28px "impact";color:#666666; padding-top:26px;} .ilyz dd img{width:182px; height:52px; padding-left:17px;} .ilyz dd{padding-left:55px;} .ilyr{float:right; width:400px;background:url(../image/index061.jpg) no-repeat left 45px;font: bold 24px "impact";color:#ffffff; margin-top:170px;} .ilyr span{font: 14px/90px "impact";color:#ffffff;} .ilyr p{background:url(../image/index062.jpg) no-repeat left top ; width:300px; height:219px; margin-top:30px;font: bold 14px "impact";color:#ffffff; padding:4px 0 0 10px;} .ibiaog{ padding-top:20px;} .ibiaog img{width:182px; height:52px;} .ilyput{width:552px;height:50px;padding:0px 10px 0px 74px ;border:1px solid #EAE9E9;outline:medium;background:url(../image/index064.jpg) no-repeat;resize:none; font-size:14px;color: #B8B8B8;} .ilypud{width:552px;height:50px;padding:0px 10px 0px 74px ;border:1px solid #EAE9E9;outline:medium;background:url(../image/index065.jpg) no-repeat;resize:none; font-size:14px;color: #B8B8B8;} .ilyputc{width:552px; height:95px;padding:5px ;border:1px solid #EAE9E9;outline:medium;font-size:14px;color: #B8B8B8;resize:none;} .ilypuj{background:url(../image/index066.jpg) no-repeat; width:182px; height:52px;border:0;outline:medium} .biaog li:nth-child(4){ padding-top:30px;} .biaog li i{ color:#FF0000; padding-left:10px;} .kstd{width:100%; height:285px;background:#F5F5F5; padding-top:70px;} .kstdk{width:1200px; margin:auto;} .kstdk dt{font: bold 24px "impact";color: #333333;text-align: center;letter-spacing:1px;background:url(../image/index067.jpg) no-repeat center 15px; padding-bottom:20px;} .kstdk dd{background:url(../image/index068.jpg) no-repeat left center; height:60px;} .kstdk dd b{margin:0 75px 0 55px ;font: bold 16px/60px "impact";color: #666666;letter-spacing:1px;} .kstdk dd a{margin:0 30px;font: 14px/60px "impact";color: #666666;} .kstdk dd i{font: 10px "Arial";color: #ffffff;background:url(../image/index069.png) no-repeat;display: block; float:right; width:15px; height:15px;text-align: center; margin-top:22px;} .kstdk dd i:hover{background:url(../image/index070.png) no-repeat;} .iyqlj{width:100%; height:58px;background:url(../image/index071.jpg) no-repeat center center #F5F5F5;} .iyqlk{width:1200px; height:58px; margin:auto;font: bold 30px/58px "Arial";color:#ffffff;text-transform:uppercase;} .iyqlk p{width:1040px; float:right;font: 14px/58px "Microsoft Yahei";color:#666666;} .iyqlk span{padding:0 15px 0 15px;} .food{ width:100%; height:377px; background:url(../image/fooddi.jpg) repeat-x center bottom #0663be;} .foofer{width:1200px; height:234px; margin:auto; padding-top:43px; clear:both;} .foofer li{float:left; overflow:hidden;display:inline-block;} .fobt{width:138px;} .fobt b,.fobb b{color:#ffffff; line-height:58px;font-weight:bold;font-size:16px; } .fobt a{color:#ffffff;line-height:30px;font-size:14px; } .fobb{width:536px; height:234px; background:url(../image/foodbgx.jpg) repeat-y left top; padding-left:73px;} .fobb p{width:430px;height:200px; background:url(../image/tubiao.jpg) no-repeat left 8px;line-height:44px;font-size:14px;color:#ffffff; padding-left:40px;} .foxc{width:176px;height:234px; background:url(../image/foodbgx.jpg) repeat-y left top; padding-left:73px; color:#ffffff; text-align:center;line-height:38px;font-size:14px;} .foxc img,.foxr img{width:103px; height:103px; margin-top:20px;} .foxr{width:160px; color:#ffffff; text-align:center;line-height:38px;font-size:14px;} .fodi{width:1000px; margin:auto;font-size:14px;color:#ffffff; text-align:center; padding-top:58px; clear:both; height:60px;} .fodi a{color:#ffffff;} .fodi span{padding-left:20px;} /*con1*/ .con1{ padding: 55px 0 70px 0;} .con1 ul li{ background: url(../image/con1kk.png)no-repeat; width: 160px; height: 200px; text-align: center; float: left; padding: 34px 0 0; margin: 0 48px 0 0;} .con1 ul li .icon{ position: relative; height: 60px; margin: 0 auto;} .con1 ul li .icon img{ position: absolute; left: 0; top: 0;} .con1 ul li hr{ display: inline-block; vertical-align: top; background: #1b1b1b; border: none; outline: none; width: 30px; height: 3px; margin: 20px 0;} .con1 ul li .icon .img2{ visibility: hidden;} .con1 ul li:hover .img1{ visibility: hidden;} .con1 ul li:hover .img2{ visibility: visible;} .con1 ul li:hover p{ color: #0663be;} .con1 ul li p{ color: #333; font-size: 18px;} /*con2*/ .con2 {} /*.con2 .hd{ margin-right: 20%; margin-left: 20%;}*/ .con2 .hd ul li{ width: 200px; height: 145px; text-align: center; padding: 5px;cursor: pointer;margin-left: 80px;margin-bottom: 75px;} .con2 .hd ul .li1{ background: url(../image/con2bg1.png)no-repeat;} .con2 .hd ul .li2{ background: url(../image/con2bg1.png)no-repeat;} .con2 .hd ul .li1 .kk{ border: 1px solid #80cda6; height: 120px; padding: 25px 0 0;} .con2 .hd ul .li2 .kk{ border: 1px solid #B8E47F; padding: 25px 0 0; height: 120px;} .con2 .hd ul li .kk .icon{ height: 60px; margin: 0 auto;} .con2 .hd ul li .kk hr{ display: inline-block; vertical-align: top; border: none; outline: none; width: 115px; height: 3px; margin: 20px 0;} .con2 .hd ul .li1 .kk hr{ background: #74cda0;} .con2 .hd ul .li2 .kk hr{ background: #D4F2A4;} .con2 .hd ul li .kk p{ color: #fff; font-size: 16px;} .con2 .hd ul li.on{ box-shadow: 0px 2px 10px 0px rgba(58, 58, 58, 0.4);} .con2 .bd{ width: 880px; height: 0px; background: #ffffff;} .con2 .bd ul li>div{ display: inline-block; vertical-align: top;} .con2 .bd ul li .left{ height: 380px;} .con2 .bd ul li .left img{ width: 100%;} .con2 .bd ul li .right{ width: 750px; margin-left: 30px;height: 180px;background-color: rgb(0 0 0 / 50%);} .con2 .bd ul li .right h6{ color: #fff; font-size: 20px; margin: 40px 0 0; line-height: 21px; font-weight:bold;} .con2 .bd ul li .right hr{ display: inline-block; vertical-align: top; border: none; outline: none; width: 30px; height: 3px; margin: 15px 0 20px 0; background: #0663be;} .con2 .bd ul li .right p{ color: #fff; font-size: 14px;line-height: 24px;} .con2 .bd ul li .right dd{ color: #333; font-size: 14px;line-height: 24px;} .con2 .bd ul li .right dd i{ color: #666; font-size: 14px;} .con2 .bd ul li .right a{ width: 120px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 14px; background: #0663be;display: inline-block;vertical-align: top;border-radius: 50px;margin-top: 3%;} .con2 .bd ul li .right a+a{ margin: 0 0 0 10px; margin-top: 3%;} .con2 .bd ul li .right a:hover{ background: #84C126;} .con2 .bd ul li .right dl{ margin: 15px 0 0 0; height: 120px;} .con2 .more{ background: url(../image/more.png)no-repeat; width: 600px; height: 40px; text-align: center; margin: 30px auto 0;} .con2 .more a{ display: inline-block; vertical-align: middle; width: 160px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px;} /*smallbanner*/ .smallbanner1{ margin: 50px 0 0; background: url(../image/sbanner1.jpg)no-repeat; background: url(../image/sbanner1.jpg)\9 no-repeat; width: 100%; height: 400px; background-size: 100% 400px;} .smallbanner1 .left {} .smallbanner1 .right{ width: 630px; margin: 48px 0 0 -26px;} .smallbanner1 .right p{ color: #333; font-size: 26px; line-height: 27px; margin-bottom: 20px; text-align: center;} .smallbanner1 .right b{ color: #0663be;} .smallbanner1 .right dl dd{ color: #fff; font-size: 14px; text-align: center; width: 315px; height: 48px; line-height: 48px; float: left;} .smallbanner1 .right dl .dd1{ background: #2da96a;} .smallbanner1 .right dl .dd2{ background: #20a260;} .smallbanner1 .right h6{ width: 630px; height: 40px; line-height: 40px; background-color: rgba(255, 255, 255, 0.6); margin: 20px 0 0 0;} .smallbanner1 .right h6 i{ display: inline-block;vertical-align: middle; color: #333; font-size: 16px; margin: 0 10px 0 20px;} .smallbanner1 .right h6 span{ color: #91b406; font-size: 26px; font-family: impact; display: inline-block;vertical-align: middle;} .smallbanner1 .right h6 span>b{ font-family: 宋体; color: #91b406; font-size: 28px;} /*con3*/ .con3 {} .con3 .more-title{ background: url(../image/moretitle2bg.png)no-repeat center;} /*ys*/ .ysbg{ background: url(../image/ysfb.jpg)no-repeat; background: url(../image/ysfb.jpg)\9 no-repeat; width: 100%; height: 1209px; background-size: 100% 1209px; margin: 50px 0 0;padding: 100px 0 0;} .ysbg .more-title{ background: url(../image/moretitle3bg.png)no-repeat center;} .ys ul li .js dl dt{ border-bottom: 1px solid #cfcfcf; width: 452px; padding-bottom: 15px;} .ys ul li .js dl{ position: relative;} .ys ul li .js dl+dl{ margin-top: 45px;} .ys ul li .js dl dt p{ color: #333; font-size: 20px; line-height: 26px;} .ys ul li .js dl dd:before{ width: 6px; height: 11px; display: inline-block; vertical-align: top;} .ys ul .li1 .js dl{ padding-right: 113px;} .ys ul .li2 .js dl{ padding-left: 113px;} .ys ul .li2 .js dl dt{ text-align: right;} .ys ul li .js .tb{ background: url(../image/ystbbg.png)no-repeat; width: 98px; height: 118px; text-align: center; padding: 25px 0 0 0; line-height: 25px; position: absolute; top: 0;} .ys ul .li1 .js .tb{ right: 0;} .ys ul .li2 .js .tb{ left: 0;} .ys ul li .js .tb hr{ display: inline-block; vertical-align: top; width: 40px; height: 3px; background: #fff; outline: none; border: none;} .ys ul li .js .tb b{ display: block; color: #fff; font-size: 44px; font-family: impact;} .ys ul li .js dl dd{ margin-top: 15px;} .ys ul .li1 .js dl dd:before{ content: url(../image/ystb1.png); margin: 2px 15px 0 0;} .ys ul .li2 .js dl dd:after{ content: url(../image/ystb2.png); margin: 2px 0 0 15px; position: relative; top: 3px;} .ys ul li .js dl dd i{ display: inline-block; vertical-align: top; color: #555; font-size: 14px; line-height: 24px; width: 435px;} .ys ul .li1{ margin-bottom: 50px;} /*case*/ .case {} .case .more-title{ background: url(../image/moretitle3bg.png)no-repeat center;} .case .hd{ background: #0663be;} .case .hd ul{ position: relative;} .case .hd ul li,.case .hd ul a{ text-align: center; float: left; width: 300px; height: 58px; line-height: 58px; color: #ffffff; font-size: 18px; } .case .hd ul li.on,.case .hd ul a:hover{ background: #000000;} .case .hd ul li i,.case .hd ul a i{ position: relative;z-index: 11; display: block; cursor: pointer;} .case .bd ul li{ width: 1160px; height: 420px; border: 6px solid rgba(255, 255, 255, 1); overflow: hidden;} .case .bd ul li .img{ width: 580px; height: 408px;} .case .bd ul li h6{ font-size: 14px; color: #333; line-height: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc; width: 500px;font-weight: bold;} .case .bd ul li dl{ height: 260px; overflow: hidden;} .case .bd ul li dl dd{ margin: 13px 0 0;} .case .bd ul li dl dd i{ color: #333; font-size: 14px; line-height: 20px;} .case .bd ul li dl dd span{ color: #666; font-size: 14px; line-height: 20px;} .case .bd{ height: 460px; padding: 20px; background: #f7f7f7;} .case .bd ul li .wb{ padding: 30px 30px 0px 10px; width: 530px;} .case .bd ul li .wb a{ width: 120px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 14px; background: #0663be; display: inline-block; vertical-align: top; border-radius: 40px;} .case .bd ul li .wb a+a{ background: #88C627;margin-left: 10px;} .case .bd ul li .wb a:hover{ box-shadow: 0px 2px 0px 0px rgba(58, 58, 58, 0.75);} /*team*/ .team {} .team .more-title{ background: url(../image/moretitle5bg.png)no-repeat center;} .team .left{ position: relative; width: 698px;} .team .left .topk{ position: absolute; left: 26%; top: 0;} .team .leftbg{ width: 698px; height: 350px; background: #f3f3f3; margin: 57px 0 0;position: relative;} #carousel{ width: 100%; /* border: 1px solid #f3f3f3; */ height: 240px; position: relative; clear: both; overflow: hidden; /* background: #f3f3f3; */ top: -116px;} #carousel img{ visibility: hidden;/* hide images until carousel can handle them */ cursor: pointer;/* otherwise it's not as obvious items can be clicked */ vertical-align: middle;} #carousel a{ vertical-align: middle;} .split-left{ width: 450px; float: left;} .split-right{ width: 400px; float: left; margin-left: 10px;} .team .leftbg .btn{ top: 200px; position: absolute; z-index: 12; width: 25px; height: 50px; cursor: pointer;} .team .leftbg #prev1{ left: 20px;} .team .leftbg #next1{ right: 20px;} #carousel ul li>img{ width: 80px!important; height: 70px!important; top: 117.5px!important;} #carousel ul li .carousel-center{ width: 186px!important; height: 162px!important; left: 266px!important; top: 72px!important;} .team .leftbg .bd{ margin: -100px 0 0 0;} .team .leftbg .bd dl dd .p{ text-align: center; width: 525px; margin: 0 86px 0;} .team .leftbg .bd dl dd .p i{ color: #333; font-size: 18px; display: block;} .team .leftbg .bd dl dd .p hr{ background-color: rgb(0, 155, 76); width: 40px; height: 2px; border: none; outline: none; display: inline-block; vertical-align: top; margin: 10px auto 0;} .team .leftbg .bd dl dd .p b{ color: #666; font-size: 14px; line-height: 24px; margin: 10px 0 0; display: block;} .team .leftbg .bd dl dd .more{ color: #fff; font-size: 16px; text-align: center; width: 120px; height: 38px; display: inline-block; vertical-align: top; line-height: 38px;} .team .leftbg .bd dl dd .morezx{ position: relative; margin: 20px auto 0;} .team .leftbg .bd dl dd .more1{ background: #91b406;} .team .leftbg .bd dl dd .more2{ background: url(../image/morejz.png)no-repeat; margin-left: 17px;} .team .leftbg .bd dl dd .more2>span:before{ content: url(../image/lttb.png); width: 20px; height: 19px; display: inline-block; vertical-align: top; margin: 5px 5px 0 0;} .team .right{width: 470px;padding: 0 0 0 20px;} .team .right .top{ width: 470px; height: 46px; background: #0663be; text-align: center; line-height: 46px; color: #fff; font-size: 18px;} .team .right .teampic{ width: 470px; background: rgba(243, 243, 243, 1); text-align: center; position: relative; padding: 20px 0 0;} .team .right .teampic .bd{ margin: 0 auto 20px; width: 430px; height: 302px; overflow: hidden;} .team .right .teampic .bd ul li{ width: 430px; height: 302px;} .team .right .teampic .bd ul li img{ width: 100%;} .team .right .teampic .hd{ display: inline-block; vertical-align: top;} .team .right .teampic .hd ul li{ width: 24px; height: 4px; float: left; background: none; border: 1px solid #98bc08; cursor: pointer; margin-right: 5px;} .team .right .teampic .hd ul li.on{ background: #98bc08;} /*smallbanner*/ .smallbanner2{ margin: 30px 0 0; background: url(../image/sbanner2.jpg)no-repeat; background: url(../image/sbanner2.jpg)\9 no-repeat; width: 100%; height: 350px; background-size: 100% 350px;} .smallbanner2 .left {} .smallbanner2 .right{ padding: 80px 0 0;} .smallbanner2 .right .wb{ background: url(../image/sbannerwabg.png)no-repeat; width: 728px; height: 218px; padding: 20px; text-align:center;} .smallbanner2 .right .wb h6{font-size: 30px; color: #333;font-weight: bold;} .smallbanner2 .right .wb h6 i{ display: block; color: #d5d5d5; font-size: 14px; font-family: arial; text-transform: uppercase; letter-spacing: 4px;} .smallbanner2 .right .wb p{ background: url(../image/sbpic2bg.png)no-repeat; width: 674px; height: 49px; text-align: center; color: #fff; font-size: 22px; line-height: 49px; margin: 10px 0 0;} .smallbanner2 .right .wb span{ display: block; color: #333; font-size: 16px; margin: 15px 0 0;} .smallbanner2 .right .wb span b{ margin: 0 0 0 10px; display: inline-block; vertical-align: middle; font-family: impact; color: #0663be; font-size: 28px;} /*team*/ .honor {} .honor .bd{ margin: 0 33px 0; overflow: hidden;} .honor .bd ul li{ text-align: center; background: url(../image/honorbg.png)no-repeat; width: 220px; height: 305px; padding: 13px 0 0 0; margin: 0 9px 0 0; float: left;} .honor .bd ul li .pic{ width: 166px; height: 238px; margin: 0 auto;} .honor .bd ul li .pic img{ width: 100%;} .honor .bd ul li .mc{ color: #333; font-size: 14px; margin: 20px auto 0;} .honor .bd ul li:hover .mc{ color: #0663be;} .honorpic{ position: relative;} .honorpic .btn{ position: absolute; top: 150px; z-index: 12; width: 25px; height: 50px; cursor: pointer;} .honorpic .btn.prev2{ left: 0;} .honorpic .btn.next2{ right: 0;} /*about*/ .aboutbg{ margin: 50px 0 0; width: 100%; height: 341px; background: #f7f7f7;} .about{ background: url(../image/aboutleftbg.jpg)no-repeat; height: 418px; margin-top: -305px;} .about .left{ position: relative; height: 418px;} .about .left .js{ padding: 30px 0 0 25px; height: 255px;} .about .left h6{ font-size: 26px; color: #333;} .about .left hr{ width: 50px; height: 2px; background: #0663be; border: none; outline: none; display: inline-block; vertical-align: top;} .about .left p{ font-size: 14px; color: #666; width: 500px;} .about .right{ width: 607px; height: 400px; overflow: hidden; margin: 18px 20px 0 0;} .about .left dl{ position: absolute; left: 25px; bottom: 0;} .about .left dl dd{ text-align: center; background: url(../image/abtbbg.png)no-repeat; padding: 15px 0 0; width: 90px; height: 90px; display: inline-block; vertical-align: top; margin-right: 32px;} .about .left dl dd a i{ font-size: 14px; color: #fff; display: block; margin: 10px 0 0;} .about .left dl dd a{ display: block;} .about .left dl dd:hover{ box-shadow: 0px 2px 10px 0px rgba(58, 58, 58, 0.75);} /*about*/ /*new newlist2*/ .new .newlist2{ width: 370px; margin: 0 37px 0 35px;} .new .newlist2 .pic{ width: 360px; height: 219px;overflow: hidden;} .new .newlist2 .pic img{ width: 100%;} .new .newlist2 .js{ width: 358px;} .new .newlist2 .js h6{ font-size: 14px; color: #333; margin: 10px 0 5px 0;font-weight: bold;} .new .newlist2 .js p{ font-size: 14px; color: #666;} .new .newlist2 .js .more{ background: #0663be; width: 100px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; display: inline-block; vertical-align: top; margin: 14px 0 32px 0;} .new .newlist2 .js .more:hover{ box-shadow: 0px 2px 10px 0px rgba(58, 58, 58, 0.75);} .new .newlist2 .list{ margin: 40px 0 0 0; border-top: 1px solid #dcdcdc;} .new .newlist1 .list{ margin: 40px 0 0; border-top: 1px solid #dcdcdc;} .new .newlist2 .list ul li,.new .newlist1 .list ul li{ border-bottom: 1px solid #dcdcdc; line-height: 50px; margin-bottom: 7px;} .new .newlist2 .list ul li a,.new .newlist1 .list ul li a{ font-size: 14px; color: #333;} .new .newlist2 .list ul li:before,.new .newlist1 .list ul li:before{ content: url(../image/fk1.png); width: 5px; height: 10px; display: inline-block; vertical-align: top; margin: -1px 6px 0 0;} .new .newlist2 .list ul li:hover:before,.new .newlist1 .list ul li:hover:before{ content: url(../image/fk2.png);} /*new newlb*/ .new .newlist3{ width: 380px; height: 588px; border: 1px solid #d8d8d8; float: right;} .new .newlist3 .top{ width: 378px; height: 51px; background: rgba(247, 247, 247, 1); line-height: 51px; overflow: hidden; padding: 0 20px 0;} .new .newlist3 .top .zz{ font-size: 18px; color: #333;} .new .newlist3 .top .yy{ font-size: 14px; color: #999;} .new .newlist3 .bd{ margin: 20px 15px 0;} .new .newlist3 ul li .wen a{ font-size: 14px; color: #333;} .new .newlist3 ul li .da a{ font-size: 14px; color: #888; line-height: 22px;} .new .newlist3 ul li{ height: 85px; border-bottom: 1px dashed #d8d8d8; margin-bottom: 15px;} .new .newlist3 ul li .wen:before,.new .newlist3 ul li .da:before{ text-align: center; width: 20px; height: 20px; border-radius: 50%; font-size: 14px; color: #fff; margin-right: 5px; display: inline-block; line-height: 20px; margin: 1px 6px 0 0;} .new .newlist3 ul li .wen:before{ content: "Q"; background: #0663be;} .new .newlist3 ul li .da:before{ content: "A"; background: #ccc;} .new .newlist3 ul li .wen{ margin-bottom: 5px;} .new .newlist3 ul li a{ display: inline-block; vertical-align: top; width: 310px;} .new .newlist ul li a:hover,.new .newlist2 .list ul li a:hover{ color: #0663be;} .new .newlist3 ul li .da a:hover{ color: #888; text-decoration: underline;} .new .newlist3 ul li .wen a:hover,.new .newlist3 .top .yy:hover{ color: #0663be;} /*foot*/ .foot{ width: 100%; margin-top: 50px; position: relative;} .foot .nav{ background: url(../image/navfabg.jpg)no-repeat center; background: url(../image/navfabg.jpg)\9 no-repeat center; background-size: cover; width: 100%; height: 54px; position: relative; z-index: 12;} .foot .nav .xian{ position: absolute; left: 0; top: 2px; z-index: 13; width: 100%; background: #13a65b; height: 1px;} .foot .nav .nav-content{ width: 1342px; line-height: 58px;height: 55px;} .foot .nav .nav-content .navnr {} .foot .nav .nav-content ul li{ float: left; position: relative; width: 120px; height: 52px; line-height: 52px; text-align: center; overflow: hidden;} .foot .nav .nav-content ul li p{ position: relative; width: 120px;} .foot .nav .nav-content ul li p:before{ top: 2px;} .foot .nav .nav-content ul li p:after{ bottom: 4px; z-index: 19;} .foot .nav .nav-content ul li p:before,.foot .nav .nav-content ul li p:after{ position: absolute; left: 0; background: #afd613; width: 100%; height: 1px; content: ""; z-index: 16; visibility: hidden;} .foot .nav .nav-content ul li.on p:before,.foot .nav .nav-content ul li.on p:after,.foot .nav .nav-content ul li:hover p:before,.foot .nav .nav-content ul li:hover p:after{ visibility: visible;} .foot .nav .nav-content ul li p b{ position: relative; z-index: 12; height: 54px; line-height: 54px;} .foot .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;} .foot .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 52px; line-height: 52px;} .foot .nav .nav-content ul li.on p,.foot .nav .nav-content ul li:hover p{ background: url(../image/navtab.png)no-repeat;} .foot .footbg{ background: #e2e2e2; padding: 30px 0 40px 0;} .foot .content {} .foot .content .left{ width: 272px; height: 234px; background: rgba(255, 255, 255, 0.8); text-align: center; padding: 17px 0 0;} .foot .content .left .logo{ width: 190px; height: 64px; margin: 0 auto 14px;} .foot .content .left dd{ display: inline-block; vertical-align: top;} .foot .content .left dd+dd{ margin: 0 0 0 12px;} .foot .content .left dd p{ font-size: 14px; color: #333;} .foot .content .right {} .foot .content .right .link{ border-bottom: 1px solid #bfbfbf; padding-bottom: 30px; margin-bottom: 20px;} .foot .content .right .link dl dt{ font-size: 14px; color: #999; margin-bottom: 10px; line-height: 13px; letter-spacing: 10px;} .foot .content .right .link dl dd{ display: inline-block; vertical-align: top; margin-right: 27px;} .foot .content .right .link dl dd a{ font-size: 14px; color: #666;} .foot .content .right .link dl dd a:hover,.foot .content .right .js ul li a:hover{ color: #0663be;} .foot .content .right{ width: 859px;} .foot .content .right .js{ overflow: hidden;} .foot .content .right .js ul li,.foot .content .right .js ul li a{ font-size: 14px; color: #666; line-height: 30px;} .foot .content .right .js ul:first-child{ width: 245px;} /*btn_top*/ #btn_top ul{ overflow: hidden;} #btn_top li{ float: left; margin-left: 10px;} #btn_top li img{ display: block;} #btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;} #btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;} #btn_top img{ display: block; position: absolute; top: 0; left: 0;} /*Location*/ #Location{ position: fixed; top: 39%; right: 20px; margin-top: -140px; display: inline-block; vertical-align: middle; z-index: 1111; display: none; background: url(../image/kjdh.png)no-repeat; width: 150px; height: 439px;} #Location li{ color: #333; font-size: 14px; display: block; position: relative; width: 100%; height: 38px!important; line-height: 38px!important; text-align: center;} #Location .top{ text-align: center; color: #fff; font-size: 16px; font-weight: bold; height: 45px; line-height: 53px;} #Location li:before{ content: url(../image/mrty.png); width: 8px; height: 8px; display: inline-block; vertical-align: top; margin: -1px 10px 0 0;} #Location li p{ position: relative; z-index: 3;} #Location li.active{ color: #0663be; font-weight: bold;} #Location li.active:before{ content: url(../image/bsty.png);} #Location li:hover{ color: #0663be; font-weight: bold;} #Location li:hover:before{ content: url(../image/bsty.png);} .main_box .page1{height: 521px!important;} .main_box .page2{height: 400px!important;} .main_box .page3{height: 434px!important;} .main_box .page4{height: 1209px!important;} .main_box .page5{height: 612px!important;} .main_box .page6{height: 866px!important;} .main_box .page7{height: 384px!important;} .main_box .page8{height: 702px!important;} .main_box .page9{height: 588px!important;} .main_box .page10{height: 367px!important;} .slide{ width: 64px; height: 256px; position: fixed; top: 50%; margin-top: -126px; background: #fff; left: 0px; border: solid 1px #ccc; border-radius: 5px 5px 5px 5px; z-index: 999; } .slide ul li{ padding: 10px 5px; text-align: center; } .slide ul .on{ border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; } .slide ul .wx .ho{ top: 24%; height: 147px; position: absolute; left: 100%; width: 120px; background: #fff; /*padding: 5px 5px;*/ text-align: center; /*padding-top: 30px;*/ display: none; border: solid 1px #ccc; } /*自适应 当屏小于1050时隐藏*/ @media screen and (max-width: 1050px) { .slide{ display: none; } } /*空压站的表格样式*/ .ct { width: 1200px; margin: 0 auto; } .ym16form { border-collapse: collapse; font-family: "微软雅黑"; background: #fff; width: 1200px; margin-bottom: 55px; color: #000; } .ym16form tr:first-child, .ym16form1 tr:first-child { background: linear-gradient(to left, #0099cb, #0663be); color: #fff; font-size: 20px; } .ym16form tr td, .ym16form1 tr td { border: #ccc 1px solid; padding: 8px 9px; text-align: left; word-break: break-all; font-size: 15px; background: none; text-align: center; }