@charset "utf-8"; /* CSS Document*/ body{text-align: left;padding: 0;margin: 0;font-size: 14px;font-family: 'microsoft yahei';-webkit-text-size-adjust: none;height: auto;color: #333;background: #fff;} body{overflow-x: hidden;overflow-y: auto;} html{min-width: 1280px;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;} pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding: 0;margin: 0;} fieldset{border-top-width: 0;border-left-width: 0;border-bottom-width: 0;border-right-width: 0;} a img{border: 0;padding: 0;margin: 0;} i{font-style: normal;} address,caption,cite,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;} li{list-style-type: none;} caption{text-align: left;} th{text-align: left;} h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;} q:unknown{content: '';} input,textarea,select{font-family: inherit;font-size: 100%;} a:link{color: #333;text-decoration: none;} a:visited{color: #333;text-decoration: none;} a:hover{color: #0e4295;text-decoration: none;} .icon{background-image: url("/static/module/index/default/images/icon.png");display: inline-block;vertical-align: middle;} .fl{float: left;} .fr{float: right;} .left{float: left;} .right{float: right;} .clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;} /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /*网站公用样式表*/ .w1200{width: 1200px;margin: 0 auto;} .head_main{z-index: 10;background: #333b4a;height: 40px;line-height: 40px;color: #fff;font-size: 12px;} .head_main .right li {display: inline;} .head_main .right li a {display: inline-block;color: #fff;position: relative;z-index: 10;} .head_main .right li a img {width: 90px;height: 90px;position: absolute;top: 41px;right: -28px;z-index: 10;border-radius: 5px;padding: 5px;background: #333b4a;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .head_main .right li:hover img {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .head_main .right li i {width: 18px;height: 40px;background-position: -95px 2px;margin-right: 8px;margin-left: 30px;vertical-align: top;} .head_main .right .l2 i {background-position: -113px 2px;} .head_main .right .l3 i {background-position: -131px 2px;} .top_main{position: relative;padding: 17px 0;z-index: 9;border-bottom: 1px solid #ecebec;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);background: #fff;} .top_main .logo img{float: left;} .top_main ul{display: inline-block;*display: inline;*zoom: 1;} .top_main li{float: left;margin-left: 35px;text-align: left;position: relative;display: block;text-align: center;padding-top: 5px;z-index: 9;} .top_main li a{display: inline-block;margin: 0 auto;position: relative;} .top_main li a i{width: 100%;height: 2px;position: absolute;left: 0;bottom: 7px;display: block;transition: ease-in-out 0.2s;z-index: 9;} .top_main li a p{width: 100%;height: 50px;text-align: center;left: 0;top: 0;z-index: 10;line-height: 50px;} .top_main li a:hover,.top_main li a.hover,.top_main li #hover2{cursor: pointer;} .top_main li a:hover i,.top_main li a.hover i,.top_main li #hover2 i{width: 100%;bottom: 0;background: #0e4295;} .top_main li a:hover p,.top_main li a.hover p,.top_main li #hover2 p{color: #0e4295;} .top_main dl{width: 150px;border-radius: 0 0 3px 3px;padding-bottom: 3px;background: #0e4295;position: absolute;left: 50%;margin-left: -60px;top: 55px;z-index: 1555;border-top: none;} .top_main dl{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .top_main li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .top_main dl dd{border-top: 1px solid #0b3679;text-align: center;position: relative;z-index: 12;display: block;width: 100%;font-size: 12px;line-height: 40px;} .top_main dl dd a:hover{color: #fff;} .top_main dl dd a{color: #dddada;height: 35px;display: block;line-height: 35px;} /****banner****/ #banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;} #banner_main .banner{height: 600px;} #banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;} #banner, .banner ul{max-height: 600px;overflow:hidden;} .banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} .banner li:first-child{display:block;} .banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;} #banner .tip{width:1000px;height: 14px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 30px;z-index:3;} #banner .tip span{width: 16px;height: 16px;margin: 0 7px;display:inline-block;cursor: pointer;background: #ddd;border-radius: 14px;transition: all .5s;} #banner .tip span.cur{background: #0e4295;} #banner #btn_prev,#banner #btn_next{width: 30px;height: 30px;position:absolute;top: 50%;margin-top: -15px;z-index:5;opacity: 0;} #banner #btn_prev{left: 4%;background-position: 0 0;} #banner #btn_next{background-position: 0 -30px;right: 4%;} #banner:hover #btn_prev,#banner:hover #btn_next{opacity: 0.6;} #banner #btn_prev:hover{opacity:1;background-position: -30px 0px;} #banner #btn_next:hover{opacity:1;background-position: -30px -30px;} .nybanner{width: 100%;position: relative;height: 300px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(/static/module/index/default/images/nybanner.jpg);} .search{border-bottom: 1px solid #eee;} .search .hot{padding: 30px 0;height: 40px;line-height: 40px;} .search .hot .left{color: #333;font-weight: bold;} .search .hot .left b{color: #0e4295;} .search .hot .left a{padding: 0 10px;color: #787878;font-weight: 100;} .search .hot .left a:hover{color: #0e4295;} .search .hot .right{position: relative;} .search .hot .right .input{width: 278px;height: 20px;border: 1px solid #eee;border-radius: 20px;line-height: 20px;padding: 9px 0px;border: none;border-right: none;font-size: 12px;color: #999;position: absolute;right: 0px;top: 0px;background: #f5f5f5;padding-left: 20px;outline: none;} .search .hot .right .btn{width: 23px;height: 38px;border: none;background-position: -168px bottom;z-index: 10;cursor: pointer;position: absolute;right: 15px;top: 0px;outline: none;} .index_title { text-align: center; padding-top: 55px; padding-bottom: 40px; } .index_title h3 { font-size: 32px; font-weight: 100; padding-bottom: 12px; color: #0e4295; font-weight: bold; } .index_title p { background: url(/static/module/index/default/images/line.png) center center no-repeat; width: 320px; height: 22px; margin: 0 auto; } .more {text-align: center; } .more li{float: left; } .more ul{display: inline-block;} .more a{width: 141px;height: 35px;display: block;color: #0e4295;margin: 0 19px;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 18px;} .more a:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } .more .ewmbtn{background: #0e4295; color: #fff; } .floor_1 { padding-bottom: 60px; } .floor_1 .body { overflow: hidden; *margin-bottom: 38px;} .floor_1 .body ul {width: 100%;} .floor_1 .body li {width: 383px;float: left;margin-right: 22px;margin-bottom: 22px;position: relative;border-radius: 5px;transition: all .5s; border: 1px solid #666666;} .floor_1 .body li:nth-child(3n){margin-right: 0;} .floor_1 .body li .img {width: 100%;height: 383px;} .floor_1 .body li .img img {width: 100%;height: 100%;display: block;border-radius: 5px;} .floor_1 .body li .txt {position: absolute;left: 0;bottom: 0;height: 60px;background: url(/static/module/index/default/images/bg_6.png) repeat;width: 100%;border-radius: 0 0 5px 5px;color: #fff;transition: all .5s;} .floor_1 .body li .txt h3 {font-size: 18px;font-weight: 100;line-height: 60px;text-align: center;transition: all .5s;} .floor_1 .body li .txt span {margin: 0 auto;margin-top: 20px;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;opacity: 0;transition: all .5s;} .floor_1 .body li:hover { text-align: center; box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); } .floor_1 .body li:hover .txt {background: url(/static/module/index/default/images/bg_6b.png) repeat;height: 100%;border-radius: 5px;} .floor_1 .body li:hover .txt h3 { padding-top: 89px; } .floor_1 .body li:hover .txt span {opacity: 1;} .floor_2_main {background: #f7f7f7;} .floor_2_main .box1 .left {width: 690px;padding-top: 12px;} .floor_2_main .box1 .left li { border-bottom: 1px dashed #b3b3b3; padding-bottom: 32px; margin-bottom: 32px; } .floor_2_main .box1 .left li .fl { width: 117px; margin-right: 20px; } .floor_2_main .box1 .left li .fl img { width: 117px; } .floor_2_main .box1 .left li .fr { float: left; width: 540px; } .floor_2_main .box1 .left li .fr h3 { font-size: 24px; font-weight: 100; padding-top: 20px; padding-bottom: 16px; } .floor_2_main .box1 .left li .fr h3 b { color: #ddd; margin-right: 5px; } .floor_2_main .box1 .left li .fr .p {color: #666;line-height: 24px;padding-left: 15px;text-align: justify;height: 70px;overflow: hidden;} .floor_2_main .box1 .right { width: 489px; } .floor_2_main .box2 {padding: 50px 0;} .floor_2_main .box2 .left { float: right; padding-top: 0; } .floor_2_main .box2 .left li .fr {width: 520px;} .floor_2_main .box2 .right { float: left; } .floor_2_main .box2 .left li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;} .floor_2_main .box2 .left li{padding-bottom: 29px;margin-bottom: 29px;} .liucheng {text-align: center;padding-top: 55px;background: url(/static/module/index/default/images/f2_bg.jpg) center top no-repeat;height: 445px;} .liucheng .title{padding-bottom: 13px;border-bottom: 1px solid #8f8e93;} .liucheng .title h3 { color: #fff; font-size: 31px; font-weight: 100; } .liucheng .title p { color: #999; font-size: 16px; padding-top: 8px; } .liucheng img {padding-top: 65px;width: 100%;} .liucheng ul { width: 115%; } .liucheng li {float: left;color: #fff;font-size: 16px;width: 190px;text-align: justify;} .liucheng .l2 { width: 190px; } .liucheng .l3 { width: 185px; } .liucheng .l4 { width: 190px; } .liucheng .l5 { width: 185px; } .floor_3 {padding-bottom: 50px;} .floor_3 .body { overflow: hidden;} .floor_3 .body ul { width: 112%; } .floor_3 .body li {border:1px solid #666666;margin-bottom: 40px;width: 368px;float: left;margin-right: 45px;position: relative;border-radius: 5px;overflow: hidden;transition: all .5s;} .floor_3 .body li .img{width: 100%;height: 368px;} .floor_3 .body li .img img {width: 100%;height: 100%;border-radius: 5px;} .floor_3 .body li .txt {position: absolute;left: 0;bottom: 0;height: 67px;background: #666;width: 100%;border-radius: 0 0 5px 5px;color: #fff;text-align: center;line-height: 67px;transition: all .5s;} .floor_3 .body li .txt h3 {font-size: 20px;font-weight: 100;line-height: 67px;} .floor_3 .body li .txt span {margin: 0 auto;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;margin-top: 0;opacity: 0;transition: all .5s;} .floor_3 .body li:hover { box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); } .floor_3 .body li:hover .txt {background: url(/static/module/index/default/images/bg_6b.png) repeat;height: 100%;border-radius: 5px;} .floor_3 .body li:hover .txt h3 { padding-top: 78px; } .floor_3 .body li:hover .txt span {opacity: 1;} .floor_4_main {background: url(/static/module/index/default/images/f4_bg.jpg) center top no-repeat;width: 100%;height: 168px;margin-bottom: 50px;} .floor_4_main .w1200{overflow:hidden;} .floor_4_main .left { padding-top: 27px; } .floor_4_main .left h3 {color: #fff;font-size: 36px;font-weight: bold;padding-top: 10px;} .floor_4_main .left p {color: #fff;font-size: 20px;font-weight: 100;padding-top: 10px;letter-spacing: 7.8px;} .floor_4_main .right {width: 410px;height: 168px;position: relative;} .floor_4_main .right h3 { color: #0e4295; font-family: arial; font-size: 26px; padding-top: 33px; padding-left: 35px; } .floor_4_main .right p { font-size: 20px; color: #fff; padding-top: 40px; } .floor_4_main .right img {position: absolute;right: 1px;width: 110px;height: 110px;padding: 5px;background: #fff;top: 23px;} .floor_5 { background: #f7f7f7; padding-top: 60px; border-radius: 10px; padding-bottom: 37px; overflow:hidden;} .floor_5 .left {position: relative;width: 530px;margin-left: 60px;padding: 11px;} .floor_5 .left:before{content: " ";position: absolute;left: 0;bottom: 0;width: 130px;height: 160px;background: #0e4295;border-radius: 5px;} .floor_5 .left:after{content: " ";position: absolute;top: 0;right: 0;bottom: 0;width: 130px;height: 160px;background: #0e4295;border-radius: 5px;} .floor_5 .left img{position: relative;width: 530px;height: 350px;display: block;border-radius: 5px;z-index: 1;} .floor_5 .right { width: 483px; padding-right: 67px; } .floor_5 .right h3 {color: #0e4295;font-size: 24px;line-height: 58px;} .floor_5 .right h4 { font-size: 16px; color: #999; font-weight: 100; padding-bottom: 25px;letter-spacing: 5px; } .floor_5 .right .p {color: #666;line-height: 24px;overflow: hidden;height: 190px;} .floor_5 .right a {width: 141px;height: 35px;display: block;color: #0e4295;text-align: center;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 20px;margin-top: 30px;} .floor_5 .right a:hover {width: 220px;} .floor_6{padding-bottom: 40px;} .floor_6 .cont{padding-bottom: 40px;} .floor_6 .newsimg{width: 432px;height: 477px;overflow: hidden;position: relative;padding: 3px;border: 1px solid #ddd;} .floor_6 .newsimg img{width: 100%;height: 324px;} .floor_6 .newsimg .txt{padding: 10px 20px;} .floor_6 .newsimg h3{color: #434343;font-size: 22px;transition: all .5s;} .floor_6 .newsimg p{color: #999;line-height: 24px;text-align: justify;padding-top: 10px;} .floor_6 .newsimg:hover h3{color: #0e4295;} .floor_6 .textlist{width: 730px;margin-left: 30px;} .floor_6 .textlist .item{border-bottom: 1px dashed #e5e5e5;height: 69px;padding: 15px 0;} .floor_6 .textlist .item:first-child{padding-top: 0;} .floor_6 .textlist .item a{display: block;} .floor_6 .textlist .item h3{font-size: 18px;vertical-align: top;color: #333;transition: all .5s;} .floor_6 .textlist .item p{font-size: 14px;line-height: 21px;color: #999;text-align: justify;} .floor_6 .textlist .item .time{display: block;width: 70px;height: 70px;font-size: 14px;line-height: 22px;margin-right: 20px;color: #999;background: #f2f2f2;text-align: center;} .floor_6 .textlist .item .time b{font-weight: normal;display: block;font-size: 30px;line-height: 45px;} .floor_6 .textlist .item:hover h3{color: #0e4295;} .links_main{border-top: 1px solid #e5e5e5;line-height: 90px;height: 90px;} .links_main span{color: #0e4295;font-size: 36px;font-weight: bold;margin-right: 40px;display: block;float: left;} .links_main a{padding: 0 30px;} .bottom_main { background: #1c2129; padding: 41px 0 60px; } .bottom_main b { color: #fff; font-size: 20px; float: left; width: 109px; } .bottom_main .bott_nav { border-bottom: 1px solid #666; padding-bottom: 27px; overflow: hidden; line-height: 20px; } .bottom_main .bott_nav .right { width: 1082px; } .bottom_main .bott_nav .right ul {width: 100%;} .bottom_main .bott_nav .right li { float: left; background: url(/static/module/index/default/images/bott_nav.jpg) left center no-repeat; } .bottom_main .bott_nav .right ul li:first-child { background: none; } .bottom_main .bott_nav .right a {color: #999;font-size: 16px;padding: 0 35px;line-height: 16px;height: 16px;} .bottom_main .bott_nav .right a:hover { color: #fff; } .bottom_main .txt { padding-top: 47px; } .bottom_main .txt .t { color: #fff; font-size: 18px; font-weight: bold; } .bottom_main .txt .box1 { width: 394px; } .bottom_main .txt .box1 img {opacity: .42;filter: alpha(opacity=42);padding-top: 16px;} .bottom_main .txt .box2 { width: 353px; } .bottom_main .txt .box2 .clearfix { padding-top: 21px; width: 321px; } .bottom_main .txt .box2 .fl {float: left;width: 11px;} .bottom_main .txt .box2 .fl i {width: 11px;height: 20px;background-position: -314px 5px;margin-right: 10px;} .bottom_main .txt .box2 .fr { color: #999; float: right; width: 300px; line-height: 24px; } .bottom_main .txt .box3 { width: 353px; } .bottom_main .txt .box3 ul { padding-top: 21px; } .bottom_main .txt .box3 li { color: #999; line-height: 24px; } .bottom_main .txt .box3 li i {width: 17px;height: 18px;background-position: -335px 0;margin-right: 10px;} .bottom_main .txt .box3 li .i2 { background-position: -355px 0; } .bottom_main .txt .box4 img { width: 90px; height: 90px; padding: 5px; background: #fff; } .bottom_main .bott_nav:first-child a:first-child { background: none; } .bottom_copy {height: 50px;line-height: 50px;background: #1a1a1a;color: #666;font-size: 12px;} .bottom_copy a { color: #666; } .bottom_copy a:hover { color: #fff; } .ewmbox{width: 300px;height: 320px;padding-top: 20px;background: #fff;z-index: 9999;position: fixed;left: 50%;top: 50%;margin: -170px 0 0 -150px;text-align: center;font-size: 16px;display: none;} .ewmbox .close{width: 32px;height: 32px;position: absolute;top: -25px;right: -40px;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(/static/module/index/default/images/dialogclose.png) no-repeat center center;transition: all ease 300ms;} .ewmbox .close:hover{transform: rotate(180deg);} .ewmbox img{width: 260px;height: 260px;display: block;margin: 0 auto 10px;} .dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);} /*浮动客服*/ .toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;} .toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0e4295;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;} .toolbar dd:first-child{margin-top: 0;} .toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(/static/module/index/default/images/toolbar.png) no-repeat center 0;} .toolbar dd.qq i{background-position-y: 0;} .toolbar dd.tel i{background-position-y: -30px;} .toolbar dd.code i{background-position-y: -60px;} .toolbar dd.top i{background-position-y: -90px;} .toolbar dd span{display: block;color: #fff;} .toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0e4295;opacity: 0;transition: all .5s;} .toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;} .toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;} .toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0e4295;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;} .toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0e4295;opacity: 0;transition: all .5s;} .toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;} .toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #0e4295;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;} .toolbar dd:hover{background: #333;} .toolbar dd.tel:hover .box{opacity: 1;right: 80px;} .toolbar dd.code:hover .box{opacity: 1;right: 80px;} .local{height: 60px;line-height: 60px;overflow: hidden;} .local ul{float: right;margin-right: 60px;} .local ul li{padding: 0 25px;float: left;} .local ul li a{position: relative;display: block;padding: 0 15px;overflow: hidden;color: #363636;} .local ul li a i{width: 0;height: 3px;background: #3b3a45;position: absolute;left: 50%;opacity: 0;filter: alpha(opacity=0);bottom: 0;transition: ease-in .2s;} .local ul li a.hover, .local ul li a:hover{color: #363636;} .local ul li a.hover i, .local ul li a:hover i{left: 0;opacity: 1;filter: alpha(opacity=100);width: 100%;} .bg_main{padding-bottom: 50px;min-height: 640px;} .bg_bottom_main{background: #eaeaea;height: 100px;} .sub_banner{height: 200px;width: 100%;} .sub_nav{height: 35px;line-height: 35px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;} .sub_nav .fl{font-size: 30px;} .sub_nav .fr li{float: left;} .sub_nav .fr li a{padding: 0 20px;border: 1px solid #e6e6e6;display: block;margin-left: 10px;transition: ease-in-out .2s;} .sub_nav .fr li a:hover, .sub_nav .fr li a.hover{background: #0e4295;color: #fff;border: 1px solid #0e4295;} .case{margin-top: 40px;} .case ul{width: 105%;} .case li{width: 380px;float: left;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .case li .img{overflow: hidden;/*height: 213px;*/display: block;border: 1px solid #efefef;width: 378px;border-bottom: none;} .case li .img img{width: 380px;/*height: 213px;*/transition: .9s;} .imgH li .img{/*height: 284px;*/border: 1px solid #efefef;width: 378px;border-bottom: none;} .imgH li .img img{/*height: 284px;*/} .case li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);} .case li .p{border: 1px solid #efefef;display: block;width: 340px;padding: 0 19px;height: 108px;border-top: none;} .case li .p p{border-bottom: 1px solid #d6d6d6;height: 58px;line-height: 58px;margin-bottom: 10px;font-size: 18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .case li .p span{color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .case li .p i{width: 32px;height: 12px;background-position: -73px -43px;} .case li .p .fl{font-size: 12px;font-family: arial;} .case li:hover a span{color:#0e4295;} .case li:hover a p{color:#0e4295;} .case li:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);} .news{padding-top: 50px;} .bg_main .news_ul{width:1200px; margin:0 auto; padding-bottom: 40px; padding-top: 12px;} .bg_main .news_ul li{padding: 37px 0; border-bottom: 1px solid #eaeaea; position:relative;} .bg_main .news_ul li .box1{width: 253px;height: 190px;overflow: hidden;} .bg_main .news_ul li .box1 img{width: 253px;height: 190px;transition: ease-in-out .9s;} .bg_main .news_ul li .box2{padding-left: 42px;width: 759px;padding-top: 30px;} .bg_main .news_ul li .box2 h1{font-size: 20px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .bg_main .news_ul li .box2 p{color: #666;line-height: 24px;padding-top:10px;height: 75px;} .bg_main .news_ul li .box2 span{font-size: 12px; color: #999;} .bg_main .news_ul li .right{padding-right: 15px;padding-top: 55px;text-align: center;} .bg_main .news_ul li .right h3{font-size: 36px; color: #999; font-weight: 100;} .bg_main .news_ul li .right p{font-size: 24px; color: #bbb; padding-top:10px;} .bg_main .news_ul li a{display: block; cursor: pointer; width: 100%; height: 100%;} .bg_main .news_ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);} .bg_main .news_ul li a:hover h1{color: #0e4295;} .bg_main .news_ul li b{display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;} .detail{padding-top: 50px;} .detail .title{padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;} .detail .title h1{font-size: 30px;font-weight: 100;} .detail .title span{line-height: 18px;font-family: arial;color: #959595;margin: 0 5px;} .detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;} .detail .title .i2{background-position: -104px 0;margin-left: 30px;} .detail .context{color: #666;line-height: 30px;text-align: justify;padding: 25px 0;} .detail .context img{max-width: 1200px;} /* reLink*/ .reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;} .reLink .nextLink, .detail .reLink .prevLink{width: 50%;} .reLink .nextLink{text-align: right;} .reLink a{-webkit-transition: all ease 500ms;-moz-transition: all ease 500ms;-ms-transition: all ease 500ms;-o-transition: all ease 500ms;transition: all ease 500ms;} .reLink a:hover{color: #052f67;} /* pager*/ .reimg img{max-width:100%;height:auto !important;} .pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;} .pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;} .pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;} .pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;} .pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;} .pager ul a.current, .pager ul a:hover{color: #fff;border: 1px solid #0a408a;background: #0a408a;} .contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;} .contact .box1 ul{width: 125%;} .contact .box1 li{float: left;width: 230px;margin-right: 250px;} .contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;} .contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;} .contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;} .contact .box1 .l2 i{background-position: -204px 0;} .contact .box1 .l3 i{background-position: -267px 0;} .contact .box2{margin-bottom: 75px;} .contact .box2 #map1_container, .contact .box2 #allmap1{width: 100%;height: 400px;} .contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;} .contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;} .contact .box3 b{color: #0e4295;} .formData{padding-bottom: 20px;} .formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;} .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;} .formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;} .formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;} .formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;} .formData .item.mr0{margin-right: 0;} .formData .msg-box{position: absolute; left: 0; top: 0px;} .formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;} .formData .liuyan label{text-align: right; display: block;} .formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;} .formData .bot{width: 100%;} .formData .sub{width: 232px;line-height: 46px;border: 2px solid #0e4295;margin-right: 2px;text-align: center;background: #0e4295;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .formData .sub:hover{background: none;color: #0e4295;} .formData .yzm{width: 432px;} .formData .yzm .txt{padding-left: 80px;} .formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;} .about .box1{padding-top: 105px;padding-bottom: 100px;overflow: hidden;} .box1_add{padding: 70px 0;} .about .box1 .fl{padding-top: 32px;} .about .box1 .fl h1{font-size: 80px;text-transform: uppercase;font-family: arial;line-height: 80px;} .about .box1 .fl p{font-size: 24px;padding-bottom: 88px;} .about .box1 .fl i{width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;position: relative;display: block;float: left;} .about .box1 .fl i img{position: absolute;left: 20px;bottom: 56px;width: 0px;height: 0px;opacity: 0;filter: alpha(opacity=0);transition: ease-in-out .2s;} .about .box1 .fl i:hover img{filter: alpha(opacity=100);opacity: 1;left: 0;height: 80px;width: 80px;} .about .box1 .fl .i2{background-position: -58px -99px;margin-left: 20px;} .about .box1 .fr{width: 611px;} .about .box1 .fr h1{font-size: 24px;font-weight: 100;} .about .box1 .fr span{display: block;background: #b0b0b0;width: 20px;height: 2px;margin: 13px 0 24px;} .about .box1 .fr h2{font-size: 18px;} .about .box1 .fr p{line-height: 30px;padding-top: 12px;} .about .box1 .fr i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;} .about .box1 .fr a:hover{cursor: pointer;} .about .box1 .fr a:hover i{margin-left: 15px;} .about .bg_20{height: 20px;width: 100%;background: #eaeaea;} .about .box2{padding-bottom: 94px;} .about .box2 .con{margin-top: 40px;} .about .box2 .con .fl{width: 410px;height: 428px;overflow: hidden;} .about .box2 .con .fl img{width: 410px;height: 428px;} .about .box2 .con .fr .img{width: 380px;height: 214px;overflow: hidden;display: block;} .about .box2 .con .fr .img img{width: 380px;height: 214px;transition: .9s;} .about .box2 .con .fr .p{display: block;padding-left: 20px;width: 360px;height: 214px;} .about .box2 .con .fr .p h1{font-size: 24px;line-height: 60px;font-weight: 100;} .about .box2 .con .fr .p i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;} .about .box2 .con .fr li:hover{cursor: pointer;} .about .box2 .con .fr li:hover h1, .about .box2 .con .fr li:hover p{color: #333;} .about .box2 .con .fr li:hover i{margin-left: 15px;} .about .box2 .con .fr li{float: left;} .about .box2 .con .fr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .about .box3{background: url(../about_bg.jpg) center top no-repeat;width: 100%;height: 457px;padding-top: 93px;} .about .box3 .w1200{overflow: hidden;} .about .box3 .fl{width: 500px;} .about .box3 .fl h1{font-size: 36px;color: #fff;font-weight: 100;padding-bottom: 25px;} .about .box3 .fl span{display: block;width: 40px;height: 2px;background: #ffd200;margin-bottom: 25px;} .about .box3 .fl p{color: #fff;line-height: 24px;} .about .box3 .fl i{width: 54px;height: 54px;cursor: pointer;background-position: 0px -35px;margin-top: 35px;transition: ease-in-out .2s;} .about .box3 .fl a:hover i{margin-left: 15px;} .about .box3 .fr .picScroll-left{overflow: hidden;position: relative;margin-top: 68px;height: 225px;width: 620px;} .about .box3 .fr .picScroll-left .hd{overflow: hidden;} .about .box3 .fr .picScroll-left .hd .prev, .about .box3 .fr .picScroll-left .hd .next{display: block;left: 0;top: 50%;margin-top: -36px;width: 30px;height: 72px;position: absolute;z-index: 10;background-position: -133px -67px;cursor: pointer;display: none;} .about .box3 .fr .picScroll-left .hd .next{left: auto;right: 0;background-position: -164px -67px;} .about .box3 .fr .picScroll-left:hover .hd .prev, .about .box3 .fr .picScroll-left:hover .hd .next{display: block;} .about .box3 .fr .picScroll-left .hd ul{float: right;overflow: hidden;margin-top: 10px;zoom: 1;} .about .box3 .fr .picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("../icocircle.gif") 0 -9px no-repeat;} .about .box3 .fr .picScroll-left .hd ul li.on{background-position: 0 0;} .about .box3 .fr .picScroll-left .bd ul{overflow: hidden;zoom: 1;} .about .box3 .fr .picScroll-left .bd ul li{margin-right: 20px;float: left;_display: inline;overflow: hidden;text-align: center;} .about .box3 .fr .picScroll-left .bd ul li img{width: 300px;height: 225px;} .bg_top{height: 50px;background: #eaeaea;width: 100%;} .erro{color: red;} /* map_ul*/ .map_ul{list-style: outside none none;display: block;width: 100%;} .map_ul li{display: block;width: 100%;padding: 0;margin-bottom: 25px;} .map_ul li a{width: 100%;height: 35px;line-height: 35px;font-weight: bold;display: block;background: #f6f6f6;text-indent: 15px;} .map_ul .list-inline{display: block;width: 86%;} .map_ul .list-inline li{height: 32px;display: inline-block;*display: inline;margin: 15px 5px 15px 0;zoom: 1;line-height: 32px;border-bottom: 0;text-align: center;width: auto;padding: 0px;} .map_ul .list-inline li a{text-indent: 0;font-weight: normal;display: block;line-height: 32px;height: 32px;display: inline-block;padding: 0px 10px;width: auto;border: 1px solid #ccc;text-align: center;} .map_ul .list-inline li a:hover{background: #0a408a;color: #fff;border: 1px solid #0a408a;} .erro{text-align: center;min-height:400px;} .showPro{padding: 50px 0;} .showPro .reLink{margin-bottom: 0;} .showPro .showContxt{padding: 30px 0 35px;color: #666;font-size: 14px;line-height: 30px;text-align: justify;} .showPro .showContxt img{max-width: 100%;height: auto !important;} .showPro .showimgCon{padding: 0 0 30px;font-size: 16px;line-height: 32px;} .showPro .showimgCon .txtcon{width: 720px;height: 423px;float: right;position: relative;} .showimg .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: #0e4295;font-weight: bold;line-height: 24px;padding-bottom: 14px;text-align: center;} .showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;} .showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;} .showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;} .showPro .showimgCon .txtcon .txt{font-size: 14px;line-height: 28px;color: #666;text-align: justify;} .showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;} .showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;} .showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: #0e4295;} .showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #333;} .showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;} .showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666666;} .showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;margin-top: 4px;background-position: -315px -30px;} .showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 16px;line-height: 20px;} .showPro .showimgCon .txtcon .tel-btn .tel strong{font-size: 28px;line-height: 28px;} .showPro .showimg{width: 552px;position: relative;overflow: hidden;margin: auto;} .showPro .showimg .bigimg{width: 550px;height: 523px;display: block;position: relative;border: 1px solid #dddddd;} .showPro .showimg .bigimg .list{width: 5000%;} .showPro .showimg .bigimg .list li{width: 551px;height: 550px;float: left;border: 0;margin-right: 1px;} .showPro .showimg .bigimg .list img{max-height: 550px;max-width: 550px;width: auto;margin:auto;height: auto;display: block;transition: all ease 300ms;} .showPro .showimg .smallimg{width: 552px;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;} .showPro .showimg .list{width: 500px;overflow: hidden;position: relative;margin: 0 auto;} .showPro .showimg .listcon{width: 600% !important;position: relative;} .showPro .showimg .prev, .showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: #f9f9f9 url(/static/module/index/default/images/show-btn-ico.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .showPro .showimg .prev:hover, .showPro .showimg .next:hover{background-color: #f9f9f9;} .showPro .showimg .prev{left: 0;background-position: 3px center;} .showPro .showimg .next{right: 0;background-position: -84px center;} .showPro .showimg li{width: 94px;height: 70px;margin-right: 28px;float: left;cursor: pointer;position: relative;border: 3px solid #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .showPro .showimg li img{width: 100%;height: 100%;display: block;} .showPro .showimg li.on{width: 94px;height: 70px;border: 3px solid #0e4295;} .relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;width: 1200px;} .relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;} .relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: #0e4295;} .floor_3_remm{padding-bottom: 60px;} .floor_3_remm .body{overflow: hidden;*margin-bottom: 38px;} .floor_3_remm .body ul{width: 112%;} .floor_3_remm .body li{margin-bottom: 40px;width: 368px;float: left;margin-right: 45px;position: relative;border-radius: 5px;height: 278px;overflow: hidden;border: 1px solid #666666;} .floor_3_remm .body li a{display: block;width: 100%;height: 100%;cursor: pointer;} .floor_3_remm .body li .img img{border-radius: 5px;width:370px;height:278px} .floor_3_remm .body li .txt{position: absolute;left: 0;top: 211px;height: 67px;background: #666;width: 300px;border-radius: 0 0 5px 5px;color: #fff;padding: 0 35px;text-align: center;line-height: 67px;transition: all .5s;} .floor_3_remm .body li .txt h3{font-size: 20px;font-weight: 100;line-height: 67px;} .floor_3_remm .body li .txt span{margin: 0 auto;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;margin-top: 0;opacity: 0;transition: all .5s;} .floor_3_remm .body li:hover{box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);} .floor_3_remm .body li:hover .txt{background: url(/static/module/index/default/images/bg_6b.png) repeat;height: 100%;top: 0;border-radius: 5px;} .floor_3_remm .body li:hover .txt h3{padding-top: 78px;} .floor_3_remm .body li:hover .txt span{margin-top: 0;opacity: 1;} .floor_3_remm .more2{text-align: center;} .floor_3_remm .more2 ul{display: inline-block;*zoom: 1;*display: inline;} .floor_3_remm .more2 a{width: 141px;height: 35px;display: block;color: #0e4295;margin: 0 19px;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 20px;} .floor_3_remm .more2 a:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);} .floor_3_remm .more2 .ewmbtn{background: #0e4295;color: #fff;} .floor_3_remm .more2 li{float: left;} /* ============================================= 产品展示列表页 /index.php/index/lists?catname=products 复刻目标站 .case 列表 + .pglist 分页，并修复原站样式问题： ① 原站 .case ul{width:105%} 横向溢出容器 → 改 flex 自适应； ② 原站 .img 容器 378px 内 img 固定 380px 溢出 2px → 宽度归一； ③ 原站标题固定 58px 单行（line-height:58px），长标题溢出卡片 → 两行截断； ④ 原站 li 固定 380px 无响应式 → 三列自适应 + 992/600 断点。 ============================================= */ .case ul { width: auto; margin-right: -30px; display: flex; flex-wrap: wrap; } .case li { width: calc((100% - 90px) / 3); float: none; box-sizing: border-box; } .case li .img { width: 100%; box-sizing: border-box; } .case li .img img { width: 100%; display: block; } .case li .p { width: auto; box-sizing: border-box; height: auto; padding: 0 19px 14px; overflow: hidden; } /* 标题区：固定高度 74px + 垂直居中（单行/两行标题都居中），下方再接分割线与「查看更多」行； 原站是 height:58px + line-height:58px 的居中写法，改成 height:auto 后分割线会紧贴文字，故固定高度 */ .case li .p p { height: 74px; padding: 0; margin: 0 0 12px; box-sizing: border-box; display: flex; align-items: center; line-height: 26px; overflow: hidden; word-break: break-all; border-bottom: 1px solid #d6d6d6; } @media (max-width: 992px) { .case li { width: calc((100% - 30px) / 2); } } @media (max-width: 600px) { .case ul { margin-right: 0; } .case li { width: 100%; } } /* 分页：HkCms contentpage 输出结构套用目标站 .pglist 视觉（common.css 已有 .pglist a/span 规则） */ .pglist ul { display: inline-block; margin: 0; padding: 0; list-style: none; } .pglist li { display: inline-block; } /* ============================================= 品牌 LOGO / 微信二维码素材替换（2026-09-29） ① 顶部 LOGO 由「中文+英文文字」改为品牌图形标（透明底 PNG，尺寸见 menu.html inline height:68px）， 定高后比原 60px 略高，导航容器下移 6px 保持垂直居中； ② 页脚 LOGO 直接用透明底原图铺在深色页脚上（不加白底/内边距）；原规则 opacity:.42 是给旧白色字标做 「半透明幽灵」效果的，彩色标沿用会发灰，改 1。 ============================================= */ .top_main .right.nav { padding-top: 6px; } .bottom_main .txt .box1 img { opacity: 1; filter: none; background: none; padding: 0; } /* ============================================= 隔音视频页 /index.php/index/lists?catname=videos（2026-09-29） 视频来源为企业自有账号：微信视频号「广东源琴隔音窗」（封面卡片跳转，PC 端扫码观看）。 卡片支持三种形态（按优先级）： ① 后台上传视频文件 → 站内