/* 织梦97(dede97.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; html { min-width: 1200px; } /*==========@@通用 开始@@==========*/ /*常用颜色*/ .red { color: #f00 !important; } /*清除浮动*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; } .clearfix { *zoom:1; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } /*其它*/ .hidden { display: none; } /*必须输入,主要*/ .required { color: red; font-weight: bold; } .form_text_verifycode { width: 80px; } .form_radio { width: auto; border: 0; } .form_checkbox { width: auto; border: 0 } /*网站公用样式表*/ .w1200 { width: 1200px; margin: 0 auto; } .por { position: relative; } .poa { position: absolute; } .icon { background: url(/uploads/image/simages/icon.png) no-repeat; display: inline-block; vertical-align: middle; } #header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main { width: 100%; margin: 0; }s .trans { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .index p{ font-size:16px; text-align: center;} .index h5{ font-size:16px; text-align: center; color:#333;} /*标题*/ .index .title { text-align: center; width: 100%; padding-bottom: 30px; margin-top:20px; color:#fff;} .index .title h3 { font-size: 35px; font-weight: normal; display: block; line-height: 30px; height:30px; color:#211f1f; } .index .title h3 b { display: inline-block; } .index .floor_1_main { padding-top: 60px; padding-bottom: 30px; } .index .s{ height:2px; width:50px; background:#f30; margin:0 auto; margin-top:20px; } /*top*/ .header { position:absolute; left:0; width:100%; z-index:100; background:#fff; position:relative; margin-top:20px; } .header .web-body { position:relative; height:70px; line-height:80px; transition:all .3s; -webkit-transition:all .3s; } .header .logo { position:absolute; left:1015px; width:151px; margin-top: -20px; } .header .menu ul{ width:1200px; padding-left:50px;} .header .menu ul li { float:left; text-align:center; line-height:60px; position:relative; } .header .menu ul li a { color:#2e2f30; font-size:16px; display:block; padding:0 25px; transition:all .5s; -webkit-transition:all .5s; } .header .menu ul li.cur a, .header .menu ul li:hover a { color:#ff6400; } .header .menu ul li:after { transition:all .5s; -webkit-transition:all .5s; content:"\200b"; display:block; width:100%; height:5px; bottom:0px; position:absolute; left:0; } .header .menu ul li.cur:after, .header .menu ul li:hover:after { background:#ee7800; } #nav .navlist { position: relative; display: block; } #nav li { float: left; display: inline-block; list-style: none; font-size: 16px; text-align: center; position: relative; height: 61px; } #nav li a { display: block; text-align: center; position: relative; color: #eeeeee; height: 28px; line-height: 28px; padding: 0 18px; border: 1px solid #25262b; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } #nav li.hover a, #nav li:hover a { color: #3fb150; border: 1px solid #3fb150; } .top .toprig .item h4 { display: block; font-size: 30px; } /*top*/ .header1 { position:absolute; left:0; width:100%; z-index:100; background:#fff; position:relative; } .header1 .web-body { position:relative; height:100px; line-height:80px; transition:all .3s; -webkit-transition:all .3s; } .header1 .logo { position:absolute; left:0px; width:151px; } .header1 .menu ul{ width:1200px; padding-left:150px; padding-top: 20px;} .header1 .menu ul li { float:left; text-align:center; line-height:80px; position:relative; margin:0 0 0 1.5%; } .header1 .menu ul li a { color:#2e2f30; font-size:16px; display:block; padding:0 25px; transition:all .5s; -webkit-transition:all .5s; } .header1 .menu ul li.cur a, .header1 .menu ul li:hover a { color:#ff6400; } .header1 .menu ul li:after { transition:all .5s; -webkit-transition:all .5s; content:"\200b"; display:block; width:100%; height:5px; bottom:0px; position:absolute; left:0; } .header1 .menu ul li.cur:after, .header1 .menu ul li:hover:after { background:#ee7800; } #nav1 .navlist1 { position: relative; display: block; } #nav1 li { float: left; display: inline-block; list-style: none; font-size: 16px; text-align: center; position: relative; height: 61px; } #nav1 li a { display: block; text-align: center; position: relative; color: #eeeeee; height: 28px; line-height: 28px; padding: 0 18px; border: 1px solid #25262b; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } #nav1 li.hover a, #nav1 li:hover a { color: #3fb150; border: 1px solid #3fb150; } .top .toprig .item h4 { display: block; font-size: 30px; } /*导航栏下拉*/ #nav ul .subnav { position: absolute; 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); } #nav ul li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #nav ul .subnav { background: #fff; border-top: 2px solid #63b670; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199; } #nav ul .subnav a { color: #666; ; font-size: 13px; font-weight: 500; height: 40px; line-height: 40px; padding: 0; transition: all 0.2s ease-in-out 0s; max-width: 100%; border: 0 none; border-bottom: 1px solid #eee; border-radius: initial; } #nav ul .subnav a:hover { color: #63b670; background: #f9f9f9; text-indent: 3px; } /*侧边导航*/ /* banner */ #banner_main { overflow: hidden; position: relative; z-index: 2; } #banner_main .banner { height: 650px; } #banner { width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; } #banner, .banner ul { max-height: 0px; } .banner li { width: 100%; position: absolute; z-index: 1; overflow: hidden; } .banner li img { display: block; position: relative; top: 0; margin: auto; } #banner .tip { width: 1000px; height: 20px; line-height: 0; font-size: 0; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 20px; z-index: 3; } #banner .tip span { height: 5px; margin: 0 2px; width: 50px; display: inline-block; font-size: 0; cursor: pointer; background: #fff; opacity: .6; filter: alpha(opacity=60); *zoom:1; } #banner .tip span.cur { background-color: #3fb150; opacity: 1; filter: alpha(opacity=100); } #banner #btn_prev, #ban display: blockner #btn_next { width: 40px; height: 90px; position: absolute; top: 50%; z-index: 5; margin-top: -45px; -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; } #banner #btn_prev { background-position: 0 0; left: 5%; } #banner #btn_next { background-position: -50px 0; right: 5%; } #banner #btn_prev:hover { background-position: 0 -98px; } #banner #btn_next:hover { background-position: -50px -98px; } /* banner */ .banner { background-position:top center; background-repeat:no-repeat; height:520px; position:relative; } .bs .banner { height:397px; background-position:center; overflow:hidden; } .transs { -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .banner_ys { background-position:top center; background-repeat:no-repeat; height:554px; position:relative; } /*选择供暖*/ .company-culture { width:1200px; margin:0 auto; } .company-culture ul li { float: left; width: 360px; height: 270px; margin-right: 10px; box-shadow: 0 0 10px #eee; transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s; color: #ee7800; margin-bottom:10px; border-radius: 15px;margin-left: 20px; background: url(/uploads/image/simages/floor.jpg) no-repeat; border:1px #ced1d6 solid; } .company-culture ul li:hover{ background: #dc7105; color:#ffff; background: url(/uploads/image/simages/floom.jpg) no-repeat; } .content_color:hover .more{border: 1px #ffff solid;background:#ee7800;color:#ffff;margin-top: 50px;} .content_color:hover p{color:#ffff;} .company-culture ul li em { height: 30px; padding-top:20px; display: block; text-align:center; } .company-culture ul li a.more { display: block; margin: 0px auto; background-color:#313131; width: 90px; height: 25px; color: #fff; font-size: 12px; border-radius: 25px; line-height: 23px; text-align: center; margin-top: 60px; } .company-culture ul li a.more:hover { display: block; margin: 0px auto; width: 90px; height: 25px; color: #fff; font-size: 12px; border: 1px #fff solid; border-radius: 25px; line-height: 23px; text-align: center; margin-top: 50px; } .company-culture ul li em.yc { display: none; } .company-culture ul li:hover em.yc { display: block; } .company-culture ul li h4 { font-size: 23px; padding-top: 50px; text-align: center; } .company-culture ul li h4:hover { font-size: 23px; padding-top: 50px; text-align: center; color:#ffff; } .company-culture ul li p { font-size: 14px; width: 350px; text-align: center; margin-bottom:20px; color:#211f1f; } .textlist .list { width: 100%; padding-bottom: 30px !important; } .textlist .item { float: left; width: 375px; height: 471px; margin-right: 37px; transition: all 0.2s linear 0s; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0, 0, 0, .1); background: #fff; } .textlist .item a { display: block; padding: 0; color: #333; } .textlist .item .img { width: 375px; height: 281px; overflow: hidden; cursor: pointer; position: relative; } .textlist .item .img img { width: 100%; height: 100%; transition: all 0.3s ease-out 0s; display: block; } .textlist .item:hover .img img { transform: scale(1.1, 1.1); } .textlist .item .txt { padding: 30px 40px 0; } .textlist .item h3 { 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; } .textlist .desc { line-height: 24px; height: 52px; overflow: hidden; margin-bottom: 10px; cursor: pointer; padding-top: 10px; } .textlist span { display: block; color: #666; font-family: arial; padding-top: 10px; border-top: 1px solid #ddd; } .textlist .item:hover { -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .textlist .item:hover h3 { color: #3fb150; } .indnews { padding: 80px 0; overflow: hidden; position: relative; } .index .txtlistbox { width: 800px; } .txtlistbox .item { border: 1px solid #ddd; margin-bottom: 16px; transition: all 0.2s linear 0s; margin-bottom: 18px; } .txtlistbox .item a { display: block; padding: 28px; } .txtlistbox .item h3 { font-size: 18px; vertical-align: top; } .txtlistbox .item p { font-size: 14px; line-height: 20px; height: 40px; color: #666; } .txtlistbox .item .time { display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666; vertical-align: middle; *zoom: 1; } .txtlistbox .item .time b { color: #666; display: block; font-size: 48px; line-height: 48px; } .txtlistbox .item:hover { border: 1px solid #3fb150; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1); box-shadow: 0 2px 6px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .iabout { width: 100%; background: no-repeat center bottom #f8f8f8; padding: 80px 0; } .iabout .txt { width: 470px; height: 240px; display: block; background: #fff; padding: 40px; } .iabout .txt img { max-width: 100%; display: block; } .iabout .txt p { padding-top: 20px; color: #333; } .iabout .txt span { width: 154px; height: 34px; line-height: 34px; text-align: center; display: block; border: 1px solid #1a7140; margin-top: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; } .iabout .txt:hover span { background: #1a7140; color: #fff; } .iabout .img { width: 650px; height: 320px; display: block; overflow: hidden; } .iabout .img img { width: 100%; display: block; } /*底部信息*/ /*footer_main*/ .web-body { width: 1200px; margin: auto; height: auto;} .footer_bg{ background:#f06700;color:#fff; width:100%;} .footer{ margin:0 auto; width:1200px;} .footer .web-body.info{ padding-top:50px; padding-bottom:20px;border-bottom:solid 1px #ee7800;} .footer .web-body.info:after{content:"\200b";display:block; height:0px; overflow:hidden;clear:both;} .copyright{ background:#1b130c; text-align:center; padding:24px 0px; line-height:1.5;} .footer a{color:#fff;} .footer .title{ font-size:14px; font-weight:bold;margin-bottom:10px; position:relative;line-height:1;} .footer .title a{ color:#fff;} .footer .card {float:left;} .footer .menu{width:247px;} .footer .menu.card1{width:211px;} .footer .menu.card2{width:283px;} .footer .menu li{ height:30px; line-height:30px; border-bottom:solid 0px #2e3037;} .footer .menu li a{font-size:14px; color:#fff;} .footer .contact { border-left:4px #ee7800 solid; padding-left:44px;float:right;} .footer .contact .wx{ height:auto; overflow:auto; float:left; margin:auto;text-align:center; font-size:18px;color:#fff;} .footer .contact .wx img{ margin-bottom:10px;} .footer .contact .cont{float:left;width:215px; margin-left:30px; line-height:2;} .footer .frientlink{ padding:15px 0px; line-height:1.7;color:#000;} .footer .frientlink .h{ margin-right:10px;} .footer .frientlink a{ margin:0 5px;word-break:break-all; color:#000;} /*友情*/ .footer .links { padding: 20px 0; margin-bottom: 20px; font-size: 16px; border-bottom: 1px solid #ff9545; } .footer .links span { color: #fff; display: inline-block; } .footer .links a { display: inline-block; font-size: 14px; color: #fff; padding-right: 10px; } .footer .links a:hover { color: #3fb150; } /*快速报价*/ .foot-fixed{ position:fixed; left:0; bottom:0;width:100%; margin:0 auto; background:#313131; transition:all .6s;-webkit-transition:all .6s; overflow:hidden; z-index:50; transition-delay:.6s;-webkit-transition-delay:.6s;} .foot-fixed.hide{width:1px;transition-delay:0s;-webkit-transition-delay:0; } .foot-fixed .web-body{ height:70px; position:relative; font-size:14px; margin:0 auto;} .foot-fixed .web-body .info{ font-size:12px;color:white;float:left; padding-left:54px; line-height:70px; position:relative;} .foot-fixed .web-body .info .hand{ position:absolute; width:36px; height:26px; left:0px; top:50%; margin-top:-13px;background-image:url(/uploads/image/simages/index_96.jpg); background-position:0 50%; background-repeat: no-repeat;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;} .foot-fixed .web-body .info .yellow{color:#ee7800;} .foot-fixed .web-body .info .big{ font-size:24px;} .foot-fixed .web-body .foot-fixed-close{ position:absolute;width:13px;height:13px; cursor:pointer; background:url(/uploads/image/simages/close_26.jpg) center no-repeat; top:14px;} .foot-fixed .web-body .form{ padding-left:20px; float:left; padding-top:14px;} .foot-fixed .web-body .form input{ height:44px; line-height:14px; background:#fff;padding:0px 35px; overflow:visible; margin-right:6px; border-radius:6px; float:left; font-size:14px; box-sizing:content-box; color:#333;} .foot-fixed .web-body .form input#nickname, .foot-fixed .web-body .form input#contact{width:126px;} .foot-fixed .web-body .form input#address{width:232px;} .foot-fixed .web-body .form input.btn{ height:44px; line-height:44px; padding:0px;width:122px; background:#ee7800;color:white; cursor:pointer;} .foot-fixed .web-body .form input.btn:hover{ font-size:18px;} .foot-fixed-open{ position:fixed; width:0px; height:0px; border:solid 35px #313131; border-color:transparent transparent transparent #ee7800; cursor:pointer; z-index:10;left:0; bottom:0;transition:all .6s;-webkit-transition:all .6s;transition-delay:.6s;-webkit-transition-delay:.6s;} .foot-fixed-open.hide{transition-delay:0s;-webkit-transition-delay:0s; left:-70px;} .web-body a{color:#fff;} /********.fixtool*********/ .toolbar { width: 130px; position: fixed; right: 0; top: 460px; z-index: 999; } .toolbar dd { width: 130px; height: 55px; margin-bottom: 0; position: relative; } .toolbar dd a { color: #fff; width: 130px; height: 55px; display: block; cursor: pointer; text-align: center; background: url(/uploads/image/simages/rightfixicon.png) no-repeat -36px 0; line-height: 45px; -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; } .toolbar dd a span { width: 24px; height: 24px; display: inline-block; background: url(/uploads/image/simages/rightfixicon.png) no-repeat 0 0; vertical-align: middle; margin-right: 5px; } .toolbar dd a:hover { background-position: -168px 0; } .toolbar .pop { position: absolute; right: 90px; top: -45px; background: #3fb150; display: none; } .toolbar .pop-code { width: 100px; padding: 15px 15px 0; } .toolbar .pop-code img { width: 100px; height: 100px; display: block; } .toolbar .pop-code h3 { height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; font-weight: 400; white-space: nowrap; } .toolbar .zxzx span { background-position: 0 4px; } .toolbar .lf span { background-position: 0 -33px; } .toolbar .bj span { background-position: 0 -65px; } .toolbar .code span { background-position: 0 -33px; } .toolbar .top { width: 130px; height: 45px; background: #3fb150; } .toolbar .top span { background-position: 0 -127px; } .toolbar .top:hover { background: #2c9638; } .toolbar .side_tel { position: absolute; right: 0; top: 0; background: #3fb150; height: 45px; line-height: 45px; color: #fff; width: 0; text-align: center; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @font-face { font-family: adele; src: ; src: format("eot"), format("truetype"); } @-webkit-keyframes flipiny { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipiny { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); -ms-transform:perspective(400px); transform:perspective(400px) } } .flipiny { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipiny; animation-name: flipiny } /*八大理由*/ .index .floor_10_main{ overflow: hidden; padding-top:20px; height: 530px;} .index .floor_10_main .bj{background: url(/uploads/image/simages/floor_10_main.jpg) no-repeat center top; height: 515px } .index .floor_10_main .title { text-align: center; width: 100%; padding: 30px 0px 0px 0px; } .index .floor_10_main .title h3 { font-size: 35px; font-weight: normal; display: block; line-height: 30px; color:#ee7800; font-weight:bold; } .index .floor_10_main .title h3 b { display: inline-block; } .index .floor_10_main .floor_1_main{ padding-top: 80px; padding-bottom: 30px; width:1200px; margin:0 auto; } .company-culture1 { margin:20px; } .company-culture1 ul li { float: left; width: 286px; height:160px; margin-bottom:0px; background-color:#fff; border:#e3e3e3 solid 1px;color:#313131; } .company-culture1 ul li:hover { background: #dc7105; color: #fff; border:#dc7105 solid 1px; } .company-culture1 ul li:hover h4{ display: block; color:#fff;} .company-culture1 ul li p { font-size: 14px; line-height:20px; width: 220px; text-align: center; margin: 0 auto; } .company-culture1 ul li p em { font-weight:700;} .company-culture1 ul li h4 { font-size: 23px; text-align: center; margin:30px 0 20px 0px;color:#ee7800; } .xz_more .more{display: block; margin: 0px auto; background-color:#ee7800; width: 155px; height: 28px; color: #fff; font-size: 12px; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 30px;} .xz_more .more:hover { display: block; margin: 0px auto; width: 155px; height: 28px; color: #fff; font-size: 12px; border: 1px #fff solid; background-color:#ee780000; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 28px; } .xz_more1 .more1{display: block; margin: 0px auto; background-color:#ee7800; width: 155px; height: 28px; color: #fff; font-size: 12px; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 15px;} .xz_more1 .more1:hover { display: block; margin: 0px auto; width: 155px; height: 28px; color: #fff; font-size: 12px; border: 1px #fff solid; background-color:#313131; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 13px; } .yizhuangxiu4{ width:66%; margin:auto;} .yizhuangxiu4 .czgy h5{font-size: 20px;margin: auto;text-align: center;color: #ee7800;} .yizhuangxiu4 .yizhuangxiu05{ width:100%; border:1px solid #bfbfbf00; margin:0 auto;} .yizhuangxiu4 .nuanqi004{width:100%;height:auto; margin-top:39px;} .yizhuangxiu4 .nuanqi004 h2{ font-size:40px; color:#ef7800; font-weight:bold; text-align:center; margin-bottom:13px;} .yizhuangxiu4 .dbtj{ width:100%; padding:10px; margin:0 auto; background:#f3f3f3;} .yizhuangxiu4 .gyzxbox{background:#f3f3f3;} .yizhuangxiu4 .gyzxtit a{background: url(/uploads/image/simages/sdafe.jpg) no-repeat 30px center #333; display:block; line-height:35px; color:#999; text-align:center; font-size:14px;} .yizhuangxiu4 .gyzxtit span{ width:81%; float:left; background:#f07800; line-height:35px; color:#fff; font-size:14px; text-align:center;} .yizhuangxiu4 .gyzxcon span{width:30px; height:195px; background:#f07800; font-size:21px; display:block; text-align:center; padding:25px 8px 0px 8px; color:#fff; float:left;} .yizhuangxiu4 .gyzxcon li{ float:left;} .yizhuangxiu4 .gyzxcon li img{width: 320px;height:220px;} .yizhuangxiu4 .gyzximg{ margin-left:4px;} .yizhuangxiu4 .gyzxcon1{margin-top:0px;} .yizhuangxiu4 .gyzxcon1 span{ width:30px; height:215px; background:#333; font-size:21px; display:block; text-align:center;padding:5px 8px 0px 8px; color:#fff; float:left;} .yizhuangxiu4 .gyzxcon1 li{ float:left;} .yizhuangxiu4 .gyzxcon1 li img{width: 320px;height:220px;} .yizhuangxiu4 .czgy{ position:relative; overflow:hidden; margin-top:10px;height: 580px;} .yizhuangxiu4 .czgyjs{ margin-top:2%; margin-bottom:20px;} .yizhuangxiu4 .czgytc{position:absolute; background:#fff; bottom:-600px;} .yizhuangxiu4 .czgytc1{position:absolute; background:#fff; bottom:-600px;} .yizhuangxiu4 .czgytc2{position:absolute; background:#fff; bottom:-600px;} .yizhuangxiu4 .content{width:1020px; height:auto; margin:auto; color:#ffffff;} .yizhuangxiu4 .content li{width:320px; float:left;} .yizhuangxiu4 .content .lijian{margin-left:30px;} .yizhuangxiu4 .content .liup{height:62%; background-color:#453f3c; padding-bottom:30px;} .yizhuangxiu4 .content .liunder{height:38%; background-color:#453f3c;} .yizhuangxiu4 .content .typename{font-size:20px; padding-top:30px;} .yizhuangxiu4 .content .typedesc{ margin-top:20px; font-size:15px;} .yizhuangxiu4 .content .typedesc p{line-height:26px; height:26px;} .yizhuangxiu4 .content .typedesc em{line-height:35px; height:35px; color: #ee7800; font-weight:800;} .yizhuangxiu4 .content .typefit{padding-top:30px; font-size:16px;} .yizhuangxiu4 .content .typemore{padding:2px 10px; border-radius:10px; border:solid 1px #ffffff; width:80px; height:auto; margin:30px auto;} .yizhuangxiu4 .czgy .ntzt_title { text-align: center; width: 100%; padding-bottom: 30px; margin-top:5%; color:#fff;} .yizhuangxiu4 .czgy .ntzt_title h3 { font-size: 35px; font-weight: normal; display: block; line-height: 30px; height:30px; color:#211f1f; } .yizhuangxiu4 .czgy .ntzt_title h3 b { display: inline-block; } .yizhuangxiu4 .czgy h5{ font-size:16px; text-align: center; color:#333;} .yizhuangxiu4 .more1{display: block; margin: 0px auto; background-color:#ee7800; width: 155px; height: 28px; color: #fff; font-size: 12px; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 15px;} .yizhuangxiu4 .more1:hover { display: block; margin: 0px auto; width: 155px; height: 28px; color: #fff; font-size: 12px; border: 1px #fff solid; background-color:#313131; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 13px; } .yizhuangxiu4-1{ width:66%; margin:auto;} .yizhuangxiu4-1 .czgy h5{font-size: 20px;margin: auto;text-align: center;color: #ee7800;} .yizhuangxiu4-1 .yizhuangxiu05{ width:100%; border:1px solid #bfbfbf00; margin:0 auto;} .yizhuangxiu4-1 .nuanqi004{width:100%;height:auto; margin-top:39px;} .yizhuangxiu4-1 .nuanqi004 h2{ font-size:40px; color:#ef7800; font-weight:bold; text-align:center; margin-bottom:13px;} .yizhuangxiu4-1 .dbtj{ width:100%; padding:10px; margin:0 auto; background:#f3f3f3;} .yizhuangxiu4-1 .gyzxbox{background:#f3f3f3;} .yizhuangxiu4-1 .gyzxtit a{background: url(/uploads/image/simages/sdafe.jpg) no-repeat 30px center #333; display:block; line-height:35px; color:#999; text-align:center; font-size:14px;} .yizhuangxiu4-1 .gyzxtit span{ width:81%; float:left; background:#f07800; line-height:35px; color:#fff; font-size:14px; text-align:center;} .yizhuangxiu4-1 .gyzxcon span{width:30px; height:245px; background:#f07800; font-size:21px; display:block; text-align:center; padding:25px 8px 0px 8px; color:#fff; float:left;} .yizhuangxiu4-1 .gyzxcon li{ float:left;} .yizhuangxiu4-1 .gyzxcon li img{width: 320px;height:250px;} .yizhuangxiu4-1 .gyzximg{ margin-left:4px;} .yizhuangxiu4-1 .gyzxcon1{margin-top:0px;} .yizhuangxiu4-1 .gyzxcon1 span{ width:30px; height:245px; background:#333; font-size:21px; display:block; text-align:center;padding:5px 8px 0px 8px; color:#fff; float:left;} .yizhuangxiu4-1 .gyzxcon1 li{ float:left;} .yizhuangxiu4-1 .gyzxcon1 li img{width: 320px;height:250px;} .yizhuangxiu4-1 .czgy{ position:relative; overflow:hidden; margin-top:10px;height:auto;} .yizhuangxiu4-1 .czgyjs{ margin-top:1%; margin-bottom:20px;} .yizhuangxiu4-1 .czgytc1{position:absolute; background:#fff; bottom:-610px;} .yizhuangxiu4-1 .content{height:auto; margin:auto; color:#ffffff;} .yizhuangxiu4-1 .content li{width:48%; float:left;padding:1%; } .yizhuangxiu4-1 .more2{display: block; margin: 0px auto; background-color:#ee7800; width: 155px; height: 28px; color: #fff; font-size: 12px; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 15px;} .yizhuangxiu4-1 .more2:hover { display: block; margin: 0px auto; width: 155px; height: 28px; color: #fff; font-size: 12px; border: 1px #fff solid; background-color:#313131; border-radius: 25px; line-height: 28px; text-align: center; margin-top: 13px; } .yizhuangxiu4-1 .czgy .ntzt_title { text-align: center; width: 100%; padding-bottom: 30px; margin-top:2%; color:#fff;} .yizhuangxiu4-1 .czgy .ntzt_title h3 { font-size: 35px; font-weight: normal; display: block; line-height: 30px; height:30px; color:#211f1f; } .yizhuangxiu4-1 .czgy .ntzt_title h3 b { display: inline-block; } .yizhuangxiu4-1 .czgy h5{ font-size:16px; text-align: center; color:#333;} /*更多服务*/ .index .part5{ padding-bottom:30px; height:310px;} .index .part5 .tbody{line-height:1;} .index .part5 .card{text-align: center;font-size: 40px; } .card .thead { margin:20px 0px; position: relative; color:#ef7800;} .index .part5 .card .cols{ overflow:hidden; width:1200px; margin:0 auto; height:310px;} .index .part5 .card .cols ul{float:left;} .index .part5 .card .cols li{float:left;width:272px; height:250px; margin-left:21px; position:relative; color:#333; } .index .part5 .card .cols li:hover{border-color:#434343;} .index .part5 .card .cols li a{ display:block;position:relative; color:#fff; font-size:22px; overflow:hidden;} .index .part5 .card .cols li a .photo img{transition:all .5s;-webkit-transition:all .5s;} .index .part5 .card .cols li a:hover .photo img{transform:scale(1.08);-webkit-transform:scale(1.08);} .index .part5 .card .cols li a .tb{ height:39px; margin-bottom:24px;} .index .part5 .card .cols li a .xfk{ text-align:center; position:absolute; top:48px; width:100%; z-index:10;} .index .hszl_two{ background: top repeat-x; padding-top:35px; margin-bottom:22px; color:#424242;} .index .part5 .card .cols li a.more { margin: 0px auto;display:block; width: 90px; height: 23px; margin-top:25px; display: block; color: #ee7800; font-size: 12px; border: 1px #ee7800 solid; border-radius: 25px; line-height: 23px; text-align: center; } .index .part5 .card .cols li a.more:hover { display:block; background-color:#ee7800; margin:0px auto; width:90px; height:23px; color:#fff; font-size:12px; border:1px #ee7800 solid; border-radius:25px; line-height:23px; text-align:center; margin-top:25px; } /*合作伙伴*/ .index .floor_11_main{ height: 620px;overflow: hidden;} .index .floor_11_main .bj{background: url(/uploads/image/simages/part6.jpg) no-repeat center top; height: 600px; margin-top: 30px;} .index .part6{ padding-bottom:30px;} .index .part6 .card .cols{ overflow:hidden;} .index .part6 .card .cols ul{float:left; width:1200px;} .index .part6 .card .cols li{float:left;width:394px; height:142px; margin:10px 0px;position:relative; background: #fff0;padding:0%;} .index .part6 .card .cols li:hover{border-color:#434343;} .index .part6 .card .cols li a .photo img{transition:all .5s;-webkit-transition:all .5s;} .index .part6 .card .cols li a:hover .photo img{transform:scale(1.08);-webkit-transform:scale(1.08);} /*案例*/ .zy_part2{ padding-top:30px; height:630px; margin-bottom:29px; margin:0 auto; width:1200px;} .zy_part2 ul li{ width:280px; float:left; background:#fff; height:450px; box-shadow:0px 0px 8px #ccc; color:#333; text-align:center;} .zy_part2 ul li .photo{ position:relative; width:100%; margin-bottom:10px; } .zy_part2 ul li .photo .xfk{top:50px; position:absolute; width:100%; left:0px;} .zy_part2 ul li .photo .xfk a{ margin:auto; padding:0px 23px;display:inline-block; border:1px #fff solid; border-radius:10px; font-size:18px; font-weight:normal; line-height:40px;color:#fff;} .zy_part2 ul li .photo .xfk a:hover{ background:#ef7800;border-color:#ef7800;} .zy_part2 ul{ padding-left:21px;margin-top: 30px; } .zy_part2 ul li{ margin-left:10px;} .zy_part2 ul li .bg{ height:180px; padding:10px;} .zy_part2 ul li .nr{ height:30px; line-height:30px; display: table-cell; font-size:15px; float: left;overflow: hidden;color:#484c4f;} .zy_part2 ul li a.more { padding-right: 20px; display:block; width: 95px; height: 29px; margin-top:20px; margin-left:30px; color: #fff; font-size: 13px; line-height: 29px; background: url(/uploads/image/simages/more.jpg) no-repeat center top;} /*.zy_part2 ul li a.more:hover { display:block; background-color:#ee7800; margin:0px auto; width:90px; height:23px; color:#fff; font-size:12px; border:1px #ee7800 solid; line-height:23px; text-align:center; margin-top:20px; } */ .news { width: 1200px; overflow: hidden; margin: 0 auto; height: 383px; color:#4c4c4c; font-size: 13px; background: #fff;} .news dl dd {height: 34px; overflow: hidden; padding:0px 0px 0px 40px;} .news dl dd a {height:34px; line-height: 34px; overflow: hidden; float: left; width: 256px;} .news dl dd span { padding-left:5px;width:250px; line-height:30px; height:30px;} .bai h1 {height: 34px;width: 383px;} .news .we, .hang, .bai{width: 383px;height: 250px;float: left;background: #fff; } .news .we, .bai1 {width: 383px;float: left; margin-right: 25px; background: #fff; } .news_tp{ width:1200px; margin:0 auto; height:45px; padding:0px 0px;} .news .we, .hang {margin-right: 25px} .index h2{ padding:50px 30px 0px 40px; font-size:20px; font-weight:bold; color:#4b4b46;} .news{ width: 383px; height: 130px;margin-bottom: 20px; } .index_js{ width: 90%;margin: auto;} .index_js_more{ margin-top:20px; !important;margin-left: 32px; !important;} .news a.more { padding-left:28px; display:block; width: 95px; height: 29px; margin-top:20px; margin-left: 32px; color: #fff; font-size: 13px; line-height: 29px; background: url(/uploads/image/simages/more.jpg) no-repeat center top;} .index .part51 { height:auto; text-align:center; margin:5px auto 40px; padding:auto;} .index .part51 .ctype{width:auto; height:528px; margin:auto; color:#ffffff;} .index .part51 .ctype a{ color:#ffffff;} .index .part51 .ctype ul{width:1200px; margin:auto;} .index .part51 .ctype ul li{width:270px; height:276px; float:left; background:rgba(238,120,0,0.7); position:relative; margin-top:80px; margin-left:15px;} .index .part51 .ctype p{height:20px; line-height:20px;} .index .part51 .ctype .ctop{font-size:20px; font-weight:600; margin-top:40px; color:#ef7700;} .index .part51 .ctype .cdesc{margin:50px 0px;} .index .part51 .ctype .cdesc em{ font-weight:900} .index .part51 .ctype .cmore{ position:absolute; bottom:40px; left:85px;padding:2px 25px; border:#ffffff 1px solid; display:inline-block; border-radius:20px;} .index .part51 .ctype li:hover{ background:rgba(255,255,255,0.7);} .index .part51 .ctype li:hover p{color:#ffff;} .index .part51 .ctype li:hover em{color:#ffff;} .index .part51 .ctype li:hover dd{color:#ef7700;} .index .part51 .ctype li:hover div{border-color:#ef7700; color:#ef7700;} .web-body { width: 1200px; margin: auto; height: auto; } .xf_bt { text-align: center; margin-bottom: 35px; } .jingfen_box { width: 1070px; overflow: hidden; margin: 0 auto; position: relative; }