body {color:#333333} a{color:#eb6123}a:active,a:hover {color:#eb6123} @media (min-width: 1230px) {.container{ width: 1230px; }} @media (min-width: 1230px) {.container{ width: 1230px; }} .elli{ overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} /*头部*/ #Top .hp-head{ float:left; width:100%; background: #fff;} #Top .hp-top-left { float: left; margin:30px 0; } #Top .logo { width: 223px; height:70px; line-height:0; float: left; } #Top .hp-top-left img { width: 100%; text-align: center; display: inline-block; vertical-align: middle; } #Top .hp-top-right { float: right; width: 970px; } #Top .hp-top-right .right-top { width: 100%; float:left; margin-top:23px; } #Top .hp-top-right .right-top .mobile { float: left; margin-left: 298px; } #Top .hp-top-right .right-top .mobile .icon { float: left; width:14px; height:14px; line-height:0; margin-top:8px; } #Top .hp-top-right .right-top .mobile .icon img { width: 100%; } #Top .hp-top-right .right-top .mobile .icone-zi { float: right; padding-left: 12px; color:#999999; font-size:14px; line-height:30px; } #Top .hp-top-right .right-top .phone { float: left; margin-left: 60px; } #Top .hp-top-right .right-top .phone .icon { float: left; margin-top: 8px; line-height:0; width:14px; height:14px; } #Top .hp-top-right .right-top .phone .icon img { width: 100%; } #Top .hp-top-right .right-top .phone .icone-zi { float: right; padding-left: 12px; color:#999999; font-size:14px; line-height:30px; } #Top .hp-top-right .right-top .contact { float: right; } #Top .hp-top-right .right-top .contact a{ float:left; position:relative; margin-left:20px;} #Top .hp-top-right .right-top .contact .qq { width: 30px; height: 30px; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Top .hp-top-right .right-top .contact .little-wechat { width: 30px; height: 30px; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Top .hp-top-right .right-top .contact .webo { width: 30px; height: 30px; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Top .hp-top-right .right-top .contact .wx_bx{ float:left; width:100px; height:100px; padding:8px; background:#fff; border:1px solid #ccc; position:absolute; left:50%; margin-left:-50px; top:40px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 5%; -moz-transform-origin:50% 5%; -ms-transform-origin:50% 5%; -o-transform-origin:50% 5%; transform-origin:50% 5%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0)} #Top .hp-top-right .right-top .contact a:hover .wx_bx{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Top .so { float: right; width: 150px; margin:18px 0 0 15px; position:relative; } #Top .so .Search { float: left; width: 105px; height: 39px; border: none; padding: 0 5px; color: #ababab; font-size:14px; line-height:24px; padding:7px 9px; border-bottom: 1px solid #e5e5e5; margin-top: -4px; } #Top .so .sear_sub { float: right; width: 21px; height: 21px; border: none; position:absolute; right:0; bottom:2px; } #Top .so ::-webkit-input-placeholder{color:#ababab} #Top .so :-moz-placeholder{color:#ababab} #Top .so ::-moz-placeholder{color:#ababab} #Top .so :-ms-input-placeholder{color:#ababab} #Top .title{ float:left; width:100%;} #Top .menu { float:right;} #Top .menu .nli{ float:left; padding:0; margin:0 -2px; position:relative;} #Top .menu .nli a{ float:left; position:relative; padding:10px 17px 11px 17px; color:#333333; font-size:16px; line-height:56px; position:relative;} #Top .menu .nli a:after{ float:left; position: absolute; width:0; height:3px; left: 50%; bottom:0; background:#eb6123; content:'';-oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} #Top .menu .nli.active a, #Top .menu .nli:hover a{ color:#eb6123; font-weight:bold;} #Top .menu .nli.active a:after, #Top .menu .nli:hover a:after{ width:100%;} /* 头部 end */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* footer */ #Down .footer { float:left; width:100%; width: 100%; background: #303032; } #Down .footer .left { width: 960px; float: left; padding:46px 0 32px 0; } #Down .footer .left .foot-list { width: 14.28%; float: left; } #Down .footer .left li { /*color: #fff;*/ } #Down .footer .left h6 { font-size: 18px; float:left; width:100%; line-height:28px; margin-bottom:12px; color:#fff; font-weight:1; } #Down .footer .left li a { float:left; width:100%; font-size:14px; line-height:32px; color:#fff; color:rgba(255,255,255,0.6); } #Down .footer .left .foot-list ul li a:hover p { color: #eb6123; } #Down .footer .right { width: 240px; float: left; padding-top:50px; } #Down .footer .right .iphone{ float:left; width:100%; color: #fff; font-size: 28px; font-weight: bold; line-height:34px;} #Down .footer .right .iphone img { float: left; width:32px; height:32px; margin:1px 0; } #Down .footer .right .iphone p { float: left; margin-left: 10px; } #Down .footer .right .customer{ float:left; margin:23px 0; width:100%;} #Down .footer .right .customer .cus1 { width: 115px; height: 37px; background: #eb6123; line-height: 37px; border-radius:3px; float: left; } #Down .footer .right .customer .cus1 p { float: left; color: #fff; font-size: 16px; line-height: 37px; padding-left: 10px; } #Down .footer .right .customer .cus1 img { vertical-align: middle; display: inline-block; line-height: 37px; margin-left: 8px; } #Down .footer .right .customer .cus2{ float:right; } #Down .footer .right .customer .cus2 { background: #59595b; } #Down .footer .right .focus { float:left; width:100%; } #Down .footer .right .focus p { color: #fff; float:left; font-size:14px; line-height:40px; color:rgba(255,255,255,.6); } #Down .footer .right .focus img { float: left; } #Down .footer .right .focus .w-box { float: left; } #Down .footer .right .focus .w-box .wechat { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer .right .focus .w-box .wechat:hover { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer .right .focus .w-box .webo { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer .right .focus .w-box .webo:hover { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer .right .focus .w-box .qq { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer .right .focus .w-box .qq:hover { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer-bottom { width: 100%; border-top: 1px solid #454547; } #Down .footer-bottom .footer-logo { padding: 29px 0 15px 0; float:left; width:100%; } #Down .footer-bottom .footer-logo img { margin: 0 auto; display: block; } #Down .footer-bottom .friendship{ float:left; width:100%; text-align:center; } #Down .footer-bottom .friendship ul{ display:inline-block; vertical-align:top;} #Down .footer-bottom .friendship ul li{ float:left;} #Down .footer-bottom .friendship ul li a{ float: left; color: #fff; color:rgba(255,255,255,0.7); padding: 0 10px; font-size:14px; line-height:24px; } #Down .footer-bottom .friendship ul li a { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer-bottom .friendship ul li:hover a { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer-bottom .terms { float:left; width:100%; text-align:center; margin-top:10px; } #Down .footer-bottom .terms ul { } #Down .footer-bottom .terms ul li{ display:inline-block; vertical-align:top;} #Down .footer-bottom .terms ul li a{ float: left; color: #fff; font-size:14px; line-height:24px; margin:0 10px; color:rgba(255,255,255,.7); } #Down .footer-bottom .terms ul li:hover a { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer-bottom .terms ul li a { float: left; margin-right: 10px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .footer-bottom .terms ul li .line { width: 1px; height: 15px; background: #4b4b4c; float: left; margin-top: 5px; } #Down .footer-bottom .terms ul li:last-child .line { display: none; } #Down .footer-bottom .icp{ float:left; width:100%; padding-bottom:15px; text-align: center; color: #fff; font-size:14px; line-height:24px; color:rgba(255,255,255,.7); } #Down .footer-bottom .icp a { color: #fff; } #Down .footer .right .focus .w-box a{ float:left; position:relative; margin:0 5px;} #Down .footer .right .focus .w-box .wx_bx{ float:left; width:100px; height:100px; padding:8px; background:#fff; border:1px solid #ccc; position:absolute; left:50%; margin-left:-50px; bottom:50px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 95%; -moz-transform-origin:50% 95%; -ms-transform-origin:50% 95%; -o-transform-origin:50% 95%; transform-origin:50% 95%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0)} #Down .footer .right .focus .w-box a:hover .wx_bx{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} /* footer end*/ /* 侧边栏 */ #Down .side { border: 2px solid #e4e4e4; position: fixed; right: 0; bottom: 10%; margin-top: -140px; z-index: 1; background:#fff; } #Down .aside-box { width: 60px; margin: 0 auto; color: #fff; margin: 10px; -webkit-box-shadow: -2px -2px 20px 1px rgba(0, 0, 0, 0.05), 2px 2px 20px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -2px -2px 20px 1px rgba(0, 0, 0, 0.05), 2px 2px 20px 1px rgba(0, 0, 0, 0.05); box-shadow: -2px -2px 20px 1px rgba(0, 0, 0, 0.05), 2px 2px 20px 1px rgba(0, 0, 0, 0.05); } #Down .aside-box .aside-item { width: 100%; height: 60px; border-bottom: 1px solid #ebebeb; cursor: pointer; text-align: center; background: #7f7f7f; position: relative; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .aside-box .aside-item:hover { color: #fff; background: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Down .aside-box .aside-item .phones { position: relative; } #Down .aside-box .aside-item p { font-size: 12px; } #Down .aside-box .aside-item .item-tel { padding-top: 10px; } #Down .aside-item1 { height: 80px; border-bottom: 1px solid #e4e4e4; } #Down .aside-item1 .erm { width: 60px; height: 60px; border: 1px solid #e4e4e4; margin: 0 auto; margin-top: 10px; } #Down .aside-item1 .erm img { width: 100%; height: 100%; margin: 0 auto; } #Down .aside-item1 p { color: #3e3d3d; text-align: center; font-size: 12px; padding-bottom: 10px; } #Down .aside-box .aside-item .item-tel .num { width: 176px; height: 64px; background: #eb6123; position: absolute; left: -190px; top: 2px; opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } #Down .aside-box .aside-item .item-tel .num .fonts { margin-top: 10px; margin-left: 10px; text-align: left; position: relative; } .aside-box .aside-item .item-tel .num .fonts .f1 { font-size: 16px; } #Down .aside-box .aside-item .item-tel .num .fonts .f2 { font-size: 20px; } #Down .aside-box .aside-item .item-tel .num .fonts .sj { width: 0; height: 0; border-width: 8px 0 8px 8px; border-style: solid; border-color: transparent transparent transparent #eb6123; position: absolute; right: -8px; top: 50%; margin-top: -8px; } #Down .aside-box .aside-item .item-tel .num .fonts p { color: #fff; /*padding-top:5px;*/ } #Down .aside-box .aside-item > a { display: block; width: 100%; background: #fff; } /* 侧边栏 */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* banner */ #Slide .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0; overflow:visible;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:4px; position:absolute; bottom:30px;} #Slide .slide_banner .slick-dots li{ display:inline-block; vertical-align:top; background:#000000; width:54px; height:4px; margin:0 3px; text-indent:-9999px; overflow:hidden;opacity:0.2; filter:alpha(opacity=20);} #Slide .slide_banner .slick-dots li.slick-active{background:#eb6123;opacity:1; filter:alpha(opacity=100); } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 净化工程 */ #Content .engineering { float:left; width:100%; background: #f4f4f4; padding-bottom:80px; } #Content .all-title { border-bottom: 1px solid #e3e3e3; padding: 75px 0 9px 0; float:left; width:100%; } #Content .all-title1 { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } #Content .all-title .diamond { float: left; } #Content .all-title .diamond .diamond-img { float: left; margin-top: 10px; } #Content .all-title .diamond .font { float: left; padding-left: 10px; font-size: 28px; line-height:38px; color: #333; } #Content .all-title .more { float: right; color: #999; font-size:16px; line-height:38px; } #Content .all-title .more:hover p { color: #eb6123; float:left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .all-title .more p { font-size:16px; color:#999; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .all-title1 .more p{ color:#fff;} #Content .all-title1 .more p:hover{opacity:0.8; filter:alpha(opacity=80);} #Content .purify-box{ float:left; width:100%; margin-top:25px;} #Content .purify-box .u{ margin:0 -15px;} #Content .purify-box .u .u-box .box-one .bottom .conts{ float:left; width:100%; color:#999999; font-size:14px; line-height:24px; height:48px; overflow:hidden; } #Content .purify-box .u .slick-slide { float: left; } #Content .purify-box .u .u-box { width: 33.33%; margin-bottom:5px; float: left; padding: 15px; } #Content .purify-box .u .u-box .box-one { float:left; width:100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; display: block; } #Content .purify-box .u .u-box .box-one:hover { -webkit-box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one:hover .top img { transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one .top { width: 100%; float:left; height: 236px; overflow: hidden; } #Content .purify-box .u .u-box .box-one .top img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one .bottom { width: 100%; float:left; background: #fff; padding:0 30px 0 27px; } #Content .purify-box .u .u-box .box-one .bottom .title { float:left; width:100%; margin: 25px 0 10px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } #Content .purify-box .u .u-box .box-one .bottom .title p { color: #333; float:left; width:100%;white-space: nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; font-size: 20px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one .bottom .cont p { font-size: 14px; color: #999; padding: 0px 25px 0 25px; } #Content .purify-box .u .u-box .box-one .bottom .line { float:left; width:100%; height:1px; background:#eeeeee; margin-top:26px; } #Content .purify-box .u .u-box .box-one .bottom .more-box { float:left; width:100%; margin-bottom:6px; position:relative; } #Content .purify-box .u .u-box .box-one .bottom .more { float: left; width:100%; color: #999999; font-size:14px; line-height:34px; padding:14px 0; } #Content .purify-box .u .u-box .box-one .bottom .jian { position:absolute; right:0; top:50%; margin-top:-4px; width: 30px; height: 9px; float: right; display: block; background: url(..//template/theme/CN/2595_jiantou.png) center no-repeat; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one:hover .jian { background: url(..//template/theme/CN/2595_jiantou-yellow.png) center no-repeat; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .u-box .box-one:hover .title p { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content .purify-box .u .slick-dots { text-align: center; margin-top:20px; position:static; height: 15px !important; } #Content .purify-box .u .slick-dots li { display: inline-block; vertical-align:top; width: 10px; height:10px; margin: 3px 10px 0 10px; background:#eb6123; border-radius:50%; opacity:0.2; filter:alpha(opacity=20); } #Content .purify-box .u .slick-dots .slick-active { width: 15px; height: 15px; margin:0 10px; opacity:1; filter:alpha(opacity=100); } /* 净化工程 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 工程设备 */ #Content2 .equipment { width: 100%; float:left; background: #ed7139; position:relative; } #Content2 .equipment .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content2 .equipment .all-title .diamond .font { color: #fff; } #Content2 .equipment .all-title .more { color: #fff; } #Content2 .equipment .eq-box { margin-top: 25px; float:left; width:100%; padding-bottom:80px; } #Content2 .equipment .eq-box .u1 { margin: -15px; } #Content2 .equipment .eq-box .u1 .details { width: 25%; float: left; padding: 15px; position: relative; } #Content2 .equipment .eq-box .u1 .details .g-box { cursor: pointer; float:left; width:100%; } #Content2 .equipment .eq-box .u1 .details .g-box p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } #Content2 .equipment .eq-box .u1 .details .g-box:hover p { color: #eb6123; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } #Content2 .equipment .eq-box .u1 .details .goods { width: 100%; height: 230px; background: #fff; line-height: 230px; text-align: center; } #Content2 .equipment .eq-box .u1 .details .goods img { line-height: 230px; vertical-align: middle; display: inline-block; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; overflow: hidden; } #Content2 .equipment .eq-box .u1 .details .mores { /*height:60px;*/ background: #f5f1ed; float:left; padding:0 10px; width:100%; line-height:60px; } #Content2 .equipment .eq-box .u1 .details .mores .left { float: left; width:185px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; padding-left: 10px; } #Content2 .equipment .eq-box .u1 .details .mores .right { float: right; padding-right: 10px; } #Content2 .equipment .eq-box .u1 .details .mores .left p { line-height: 60px; color:#333333; font-size: 16px; } #Content2 .equipment .eq-box .u1 .details .mores .right p { font-size: 12px; color:#999999; font-family:Arial; line-height: 60px; } #Content2 .equipment .eq-box .u1 .details .line{ float:left; width:100%; padding:0 10px; background:#fff;} #Content2 .equipment .eq-box .u1 .details .line span{ float:left; width:100%; height:1px; background:#eeeeee;} #Content2 .equipment .eq-box .u1 .details .g-box:hover .mores{ background:#fff;} #Content2 .equipment .eq-box .u1 .details .g-box:hover .mores .left p { color:#eb6123;} #Content2 .equipment .eq-box .u1 .details .g-box:hover .mores .right p { color:#eb6123;opacity:0.5; filter:alpha(opacity=50); } #Content2 .equipment .eq-box .u1 .details .mores .right p{} #Content2 .equipment .eq-box .u1 .details:hover .goods img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #Content2 .equipment .eq-box .u1 .slick-dots { position:static; margin-top:25px; height: 15px !important; } #Content2 .equipment .eq-box .u1 .slick-dots li { display: inline-block; vertical-align:top; width: 10px; height:10px; border-radius:50%; background:#fff;opacity:0.2; filter:alpha(opacity=0.2); margin: 3px 10px 0 10px; } #Content2 .equipment .eq-box .u1 .slick-dots .slick-active { width: 15px; height: 15px; opacity:1; filter:alpha(opacity=100); margin:0 10px; } #Content2 .all-title { border-bottom: 1px solid #e3e3e3; padding: 75px 0 9px 0; float:left; width:100%; } #Content2 .all-title1 { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } #Content2 .all-title .diamond { float: left; } #Content2 .all-title .diamond .diamond-img { float: left; margin-top: 10px; } #Content2 .all-title .diamond .font { float: left; padding-left: 10px; font-size: 28px; line-height:38px; color: #333; } #Content2 .all-title .more { float: right; color: #999; font-size:16px; line-height:38px; } #Content2 .all-title .more:hover p { color: #eb6123; float:left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content2 .all-title .more p { font-size:16px; color:#999; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #Content2 .all-title1 .more p{ color:#fff;} #Content2 .all-title1 .more p:hover{opacity:0.8; filter:alpha(opacity=80);} /* 工程设备 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 服务商 */ #Content3 .service { float:left; width:100%; background:#f4f4f4; padding:80px 0 86px 0;} #Content3 .service .title { float:left; width:100%; line-height:0; } #Content3 .service .title img { margin: 0 auto; display: block; } #Content3 .service .contact { width: 100%; float:left; } #Content3 .service .contact .top { height: 324px; float:left; width:100%; background: #fff; margin-top: 40px; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content3 .service .contact .top .left { width: 688px; float:left; overflow:hidden; height: 324px; padding:15px 50px 15px 59px; float: left; display:flex;flex-direction: column;justify-content:center;align-items:center; } #Content3 .service .contact .top .left .fonts { width: 100%; float:left; position:relative; } #Content3 .service .contact .top .left .fonts .one { font-size: 80px; line-height:68px; position:absolute; left:0; top:0; font-weight: bold; color: #eb6123; float: left; } #Content3 .service .contact .top .left .fonts .two { float: left; width:100%; padding-left:110px; color: #eb6123; } #Content3 .service .contact .top .left .fonts .two .bold { font-weight: bold; color: #eb6123; font-size: 24px; line-height:36px; } #Content3 .service .contact .top .left .fonts .two .little { font-size: 20px; line-height:32px; } #Content3 .service .contact .top .right { width: 512px; float: left; height: 100%; overflow: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content3 .service .contact .top .right img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear } #Content3 .service .contact .top .list { float:left; width:100%; margin-top:32px; } #Content3 .service .contact .top .list ul li { margin:10px 0 0 0; color: #333; font-size:16px; line-height:26px; position: relative; } #Content3 .service .contact .top .list ul li:before { content: ""; position: absolute; width: 6px; height: 6px; background: #eb6123; display: block; top: 7px; } #Content3 .service .contact .top .list ul li p { margin-left: 15px; font-size: 16px; } #Content3 .service .contact .top .right .right-plan .play-font { height: 150px; padding: 50px 0 0 50px; } #Content3 .service .contact .top .right .right-plan .play-font .well { font-size: 80px; color: #eb6123; float: left; font-weight: bold; } #Content3 .service .contact .top .right .right-plan .play-font .well-all { float: left; padding-left: 15px; } #Content3 .service .contact .top .right .right-plan .play-font .well-all .first-one { font-size: 24px; font-weight: bold; color: #eb6123; padding: 10px 0 10px 0; } #Content3 .service .contact .top .right .right-plan .play-font .well-all .first-two { color: #eb6123; font-size: 20px; } #Content3 .service .contact .top .right .right-plan .play-list { padding-top: 10px; padding-left: 50px; color: #333333; } #Content3 .service .contact .top .right .right-plan .play-list li { padding-bottom: 15px; position: relative; } #Content3 .service .contact .top .right .right-plan .play-list li:before { content: ""; position: absolute; width: 6px; height: 6px; background: #eb6123; display: block; top: 7px; } #Content3 .service .contact .top .right .right-plan .play-list li p { margin-left: 15px; font-size: 16px; } #Content3 .service .contact .top:hover img { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear -webkit-transform : scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #Content3 .service .contact .top:nth-child(2n) .left{ float:right;} /* 服务商 end */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 服务流程 */ #Content4 .process { float:left; position:relative; width: 100%; background:#d15219; padding:75px 0 96px 0; } #Content4 .process .bg { width: 100%; float:left; position:absolute; left:0; top:0; z-index:1; height: 100%;opacity:0.1; filter:alpha(opacity=10); } #Content4 .bg-list { float:left; width:100%; } #Content4 .list-titel { float:left; width:100%; font-size: 28px; line-height:38px; color: #fff; text-align: center; } #Content4 .shuffling{ float:left; width:100%; position:relative; margin-top:40px; padding:0 42px; } #Content4 .shuffling .slick-slide { float: left; } #Content4 .process .bg-list .list { width: 16.66%; padding:0 15px; float: left; } #Content4 .process .bg-list .list .list1 { width: 100px; display:block; margin:5px auto; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; background:rgba(255,255,255,0.2); position: relative; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content4 .process .bg-list .list .list1:after { content: ''; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 108px; height: 108px; background: none; border: 2px solid #fff;border: 2px solid rgba(255,255,255,0.2); left: 50%; margin-left: -54px; top: 50%; margin-top: -54px; } #Content4 .process .bg-list .list .list1 .num { color: #fff; color:rgba(255,255,255,0.3); font-size: 20px; } #Content4 .process .bg-list .list .list1 .num p { margin: 0 auto; text-align: center; padding-top: 10px; } #Content4 .process .bg-list .list .list1 .pho{ width:100%;} #Content4 .process .bg-list .list .list1 .pho img { margin: 0 auto; display: block; padding-top: 5px; } #Content4 .process .bg-list .list .list1 .pho1{ display:none; position:absolute; left:50%; top:50%; width:48px; height:48px; margin:-24px 0 0 -24px;opacity:0.8; filter:alpha(opacity=80);} #Content4 .process .bg-list .list .list1:hover .pho1{ display:block;} #Content4 .process .bg-list .list .list1:hover { background:rgba(255, 255, 255, 0.8); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content4 .process .bg-list .list .list1:hover .pho{ display: none; } #Content4 .process .bg-list .list .list1:hover .num{ display:none; } #Content4 .process .bg-list .list .other { color: #fff; float:left; width:100%; padding:0 20%; line-height:22px; font-size: 14px; text-align: center; padding-top:12px; } #Content4 .shuffling .slick-prev { position: absolute; top: 50%; left:-14px; margin-top: -20px; z-index: 2; color:#fff; width:40px; height:40px; text-align: center; line-height:40px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content4 .shuffling .slick-next { width:40px; height:40px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: absolute; top: 50%; right:-14px; margin-top: -20px; z-index: 2; margin:0 auto; text-align: center; line-height:40px; } #Content4 .shuffling .slick-prev:hover, #Content4 .shuffling .slick-next:hover{ opacity:0.3; filter:alpha(opacity=30); } /* 服务流程 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* hp-关于我们 */ #Content5 .hp-about { float:left; width:100%; background:#f6f6f6; margin-bottom:19px;} #Content5 .hp-about .box{ float:left; width:100%; position:relative;} #Content5 .hp-about .box .left { width: 728px; float: left; position:relative; } #Content5 .hp-about .box .left .all-title-box { float:left; width:100%; } #Content5 .hp-about .box .hui{ position:absolute; bottom:0; left:-25px; } #Content5 .hp-about .box .left .deta { margin-top: 40px; float:left; width:100%; background:#fff; height: 360px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content5 .hp-about .box .left .deta .ph { width: 330px; float: left; height: 100%; overflow: hidden; } #Content5 .hp-about .box .left .deta .ph img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content5 .hp-about .box .left .deta .fo { width: 398px; height: 360px; float: right; } #Content5 .hp-about .box .left .deta .fo .f-box { padding:38px 40px; float:left; width:100%; } #Content5 .hp-about .box .left .deta .fo .f-box .line { width: 100%; float:left; height: 1px; background: #e5e5e5; margin-top:22px; position: relative; } #Content5 .hp-about .box .left .deta .fo .f-box .line span { width: 63px; height: 3px; background: #eb6123; position: absolute; left: 0; bottom: 0; } #Content5 .hp-about .box .left .deta .fo .wj { font-size: 20px; float:left; width:100%; line-height:30px; color: #eb6123; } #Content5 .hp-about .box .left .deta .fo .f-box .word { margin-top: 22px; float:left; width:100%; height:140px; overflow:hidden; color: #666; font-size: 16px; line-height:28px; } #Content5 .hp-about .box .left .deta .fo .f-box .more { color: #999999; font-size:14px; float:left; padding-top: 38px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content5 .hp-about .box .left .deta:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content5 .hp-about .box .left .deta:hover .fo .f-box .more { padding-left: 10px; color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content5 .hp-about .box .right { width: 410px; float:right; position:absolute; right:0; top:0; padding-bottom:80px; box-shadow:0 6px 18px rgba(0,0,0,0.05); background:url(..//template/theme/CN/2599_license1.jpg) center #fff; background-size:cover; height:542px; } #Content5 .hp-about .box .right .license { padding: 80px 40px 0px 40px; float:left; width:100%; position:relative; } #Content5 .hp-about .box .right .license .list{ float:left; width:100%; height:442px; } #Content5 .hp-about .box .right .license .box { float:left; width:100%; background:#ffffff; border: 1px solid #dcdcdc; } #Content5 .hp-about .box .right .license .box img { padding: 13px; margin: 0 auto; display: block; } #Content5 .hp-about .box .right .license .font { margin-top:15px; float:left; width:100%; text-align: center; color: #333333; font-size:16px; line-height:26px; } #Content5 .hp-about .box .right .license .slick-prev { width:163px; height:44px; position: absolute; float:left; bottom:0; top:auto; left:40px; margin:0 auto; text-align: center; line-height:44px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index:2; cursor:pointer; } #Content5 .hp-about .box .right .license .slick-next { width:163px; height:44px; top:auto; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: absolute; bottom:0; left:50%; margin:0 auto; text-align: center; cursor:pointer; } #Content5 .all-title { border-bottom: 1px solid #e3e3e3; padding: 75px 0 9px 0; float:left; width:100%; } #Content5 .all-title1 { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } #Content5 .all-title .diamond { float: left; } #Content5 .all-title .diamond .diamond-img { float: left; margin-top: 10px; } #Content5 .all-title .diamond .font { float: left; padding-left: 10px; font-size: 28px; line-height:38px; color: #333; } /* hp-关于我们 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 新闻动态 */ #Content6 .news { float:left; width: 100%; background: #fff; padding-top:75px; padding-bottom:80px; } #Content6 .news .box { float:left; width: 100%; } #Content6 .news .box h6 { font-size: 28px; float:left; width:100%; line-height:38px; color: #333333; text-align: center; } #Content6 .news .dynamic{ float:left; width:100%; margin-top:25px; height:42px; text-align: center; } #Content6 .news .dynamic .dynamic-box{ display:inline-block; vertical-align:top; } #Content6 .news .dynamic .dynamic-box li{ width:50%; float:left; } #Content6 .news .dynamic .dynamic-box li p{ padding:0px 35px; line-height:42px; float:left; background:#c2c2c3; margin:0 9px; color:#fff; font-size:18px; } #Content6 .news .dynamic .dynamic-box li.on p{ background:#eb6123;} #Content6 .news .dynamic .dynamic-box li:hover p{ background:#eb6123; color:#fff; cursor: pointer; } #Content6 .dynamic-data li{ display:none; } #Content6 .bd_news{ float:left; width:100%; width:100%; float:left; } #Content6 .dynamic-data{ float:left; width:100%; padding-top:40px; } #Content6 .dynamic-data .data-left{ /*width:100%;*/ height:500px; width:50%; float:left; background:#f5f5f5; z-index:9; } #Content6 .dynamic-data .bod{ width:50%; float:left; z-index:8; } #Content6 .d-box{ float:left; width:100%;} #Content6 .dynamic-data .data-left .number { width:630px; float:left; padding:30px 94px 27px 48px; text-align: left; position: relative; z-index: 66; } #Content6 .dynamic-data .data-left .number:after{ display:none; float:left; width:0; height:0; content:''; position:absolute; right:-14px; top:50%; margin-top:-15px; border-top: 15px solid transparent; border-bottom:15px solid transparent;border-left:14px solid #eb6123; } #Content6 .dynamic-data .data-left .number:hover{ background:#eb6123; } #Content6 .dynamic-data .data-left .number:hover:after{ display:block; } #Content6 .dynamic-data .data-left .number .number-one{ float:left; width:100%; } #Content6 .dynamic-data .data-left .number .number-one .top{ float:left; position:absolute; left:0; top:50%; margin-top:-37px; } #Content6 .dynamic-data .data-left .number .number-one .top .t1{ color:#333333; display:block; font-size:48px; line-height:48px; font-weight:bold; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-left .number .number-one .top .t2{ color:#666666; font-size:14px; line-height:24px; display:block; margin-top:2px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-left .number .la{ float:left; width:100%; position:relative; padding-left:95px;} #Content6 .dynamic-data .data-left .number .number-one .fonts{ float:left; padding-top:6px; } #Content6 .dynamic-data .data-left .number .number-one .fonts .f1{ color:#333; float:left; width:100%; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-size:18px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-left .number .number-one .fonts .f2{ color:#666666; float:left; width:100%; margin-top:10px; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-right{ width:100%; height:500px; overflow: hidden; } #Content6 .dynamic-data .data-right img{ width:100%; height:100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-left .number:hover p{ color:#fff; } #Content6 .dynamic-data .data-left .number:hover .number-one .top p{ color:#fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content6 .dynamic-data .data-left .number:hover .number-one .fonts .f1{ color:#fff; } #Content6 .dynamic-data .data-left .number:hover .number-one .fonts .f2{ color:#fff; color:rgba(255,255,255,0.7); } #Content6 .dynamic-data .data-right:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* 新闻动态 end */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Slide2 .hp-banner{ float:left; width:100%; line-height:0;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content7 .contact-pg { float:left; width:100%; width: 100%; background: #f6f6f6; } #Content7 .all-titles { float:left; width:100%; } #Content7 .all-titles .left { float: left; } #Content7 .all-titles .left ul li { float: left; position:relative; } #Content7 .all-titles .left ul li a { text-align: center; display: block; line-height: 60px; font-size: 16px; color: #333; padding:0 27px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content7 .all-titles .left ul .triangle img { position: absolute; display:none; bottom: 0; left: 50%; margin-left: -8px; } #Content7 .all-titles .left ul li:hover a, #Content7 .all-titles .left ul li.active a { color: #fff; background:#eb6123; } #Content7 .all-titles .left ul li:hover .triangle img, #Content7 .all-titles .left ul li.active .triangle img { display:block; } #Content7 .all-titles .right { float: right; color:#666666; font-size:14px; line-height:60px; } #Content7 .all-titles .right a{ color:#666666; } #Content7 .all-titles .right a:hover { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content8 .contact-pg { float:left; width:100%; width: 100%; background: #f6f6f6; } #Content8 .all-titles { float:left; width:100%; } #Content8 .all-titles .left { float: left; } #Content8 .all-titles .left ul li { float: left; position:relative; } #Content8 .all-titles .left ul li a { text-align: center; display: block; line-height: 60px; font-size: 16px; color: #333; padding:0 27px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content8 .all-titles .left ul .triangle img { position: absolute; display:none; bottom: 0; left: 50%; margin-left: -8px; } #Content8 .all-titles .left ul li:hover a, #Content8 .all-titles .left ul li.active a { color: #fff; background:#eb6123; } #Content8 .all-titles .left ul li:hover .triangle img, #Content8 .all-titles .left ul li.active .triangle img { display:block; } #Content8 .all-titles .right { float: right; color:#666666; font-size:14px; line-height:60px; } #Content8 .all-titles .right a{ color:#666666; } #Content8 .all-titles .right a:hover { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content9 .company .wujiang { width: 100%; background: #f6f6f6; } #Content9 .company .wujiang .contact { width: 1200px; margin: 0 auto; } #Content9 .company .wujiang .contact .top h6 { color: #eb6123;float:left; width:100%; font-size: 30px; line-height:40px; padding-top:75px; text-align: center; font-weight:bold; } #Content9 .company .wujiang .contact .top p { text-align: center;float:left; width:100%; font-size: 16px; line-height:26px; font-family:Arial; color: #999999; padding-top:5px; text-transform: uppercase; } #Content9 .company .wujiang .contact .details { padding:42px 0 96px 0; float:left; width:100%; } #Content9 .company .wujiang .contact .details .detalis-cont { width: 100%; height: 403px; } #Content9 .company .wujiang .contact .details .detalis-cont .pho { width: 585px; float: left; } #Content9 .company .wujiang .contact .details .detalis-cont .pho img { width: 100%; height: 100%; } #Content9 .company .wujiang .contact .details .detalis-cont .fonts { width: 615px; height: 100%; float: left; border-top: 2px solid #eb6123; position: relative; z-index: 1; } #Content9 .company .wujiang .contact .details .detalis-cont .fonts .box { padding:39px 0 0 50px; float:left; width:100%; } #Content9 .company .wujiang .contact .details .detalis-cont .fonts .box p { font-size: 16px; text-indent: 32px; color: #333; padding-bottom: 10px; line-height:30px; } #Content9 .company .wujiang .contact .details .detalis-cont .fonts .about { position: absolute; color: #f5edea; font-size: 140px; line-height:120px; font-weight: bold; bottom:0; right: -22px; z-index: -1; } /* 关于我们页面 - 公司简介 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 关于我们页面-携手共创价值 */ #Content10 .hand { float:left; width: 100%; background:#eb6123; position:relative; } #Content10 .hand .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);} #Content10 .hand .box { float:left; width:100%; position:relative; z-index:6; padding:98px 0 100px 0; } #Content10 .hand .box h6 { float:left; width:100%; text-align: center; font-size: 24px; line-height:44px; letter-spacing:3px; padding:0 130px; color: #fff;text-shadow:3px 2px 6px rgba(0,0,0,0.2); } #Content10 .hand .box p { float:left; width:100%; padding:0 45px; margin-top:22px; color: #fff; color:rgba(255,255,255,0.7); text-align: center; font-size:14px; letter-spacing:3px; line-height: 30px; text-transform: uppercase; } /* 关于我们页面-携手共创价值 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 关于我们页面-企业文化 */ #Content11 .culture { float:left; width: 100%; background: #f6f6f6; padding:75px 0 80px 0; } #Content11 .culture .box .all-titles h6{ font-weight: 1; } #Content11 .all-titles { float:left; width:100%; text-align: center; } #Content11 .all-titles h6 { float:left; width:100%; line-height:40px; color: #333333; font-size: 30px; } #Content11 .all-titles .all-titles-lines { margin-top: 10px; float:left; width:100%; overflow:hidden; position:relative; color: #999;text-transform:uppercase; font-size:14px; line-height:24px; } #Content11 .all-titles .all-titles-lines .cen{ display:inline-block; vertical-align:top; padding:0 15px; position:relative; } #Content11 .all-titles .all-titles-lines .cen:after, #Content11 .all-titles .all-titles-lines .cen:before{ content:''; width: 550px; height: 1px; background: #dddddd; float: left; position:absolute; left:100%; top:50%; } #Content11 .all-titles .all-titles-lines .cen:before{ left:auto; right:100%; } #Content11 .culture .objective { padding-top: 5px; float:left; width:100%; } #Content11 .culture .objective ul { margin: 0 -15px; } #Content11 .culture .objective ul li { width: 50%; height: 202px; float: left; padding:0 15px; margin-top:30px; } #Content11 .culture .objective ul li .left { width: 276px; float: left; height: 100%; overflow: hidden; } #Content11 .culture .objective ul li .left img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content11 .culture .objective ul li .right { background: #fff; float: right; width: 309px; height: 202px; display:flex;flex-direction: column;justify-content:center; overflow:hidden; } #Content11 .culture .objective ul li .right .cont { float:left; width:100%; padding:0 60px; text-align:left; } #Content11 .culture .objective ul li .right .cont .enterprise { float:left; width:100%; color: #eb6123; font-size: 20px; line-height:28px; font-weight:bold; } #Content11 .culture .objective ul li .right .cont .ent { float:left; width:100%; font-size: 12px; line-height:20px; color: #999; padding-bottom:10px; text-transform: uppercase; } #Content11 .culture .objective ul li .right .cont .you { font-size: 16px; float:left; width:100%; line-height:28px; color: #333; } #Content11 .culture .objective ul li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* 关于我们页面-企业文化 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 关于我们页面-瑞洁 */ #Content12 .ruijie { float:left; width:100%; position:relative; width: 100%; background:#eb6123; } #Content12 .ruijie .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } #Content12 .ruijie .ruijie-font { float:left; width:100%; position:relative; z-index:6; } #Content12 .ruijie .ruijie-font .box { float: right;width:380px; margin:40px 0 35px 0; } #Content12 .ruijie .ruijie-font .left { float: left; } #Content12 .ruijie .ruijie-font .left p { font-size: 48px; color: #fff; font-weight: bold; } #Content12 .ruijie .ruijie-font .right { float: left; } #Content12 .ruijie .ruijie-font .right .word { padding-top: 10px; padding-left: 10px; } #Content12 .ruijie .ruijie-font .right p { font-size: 20px; color: #fff; } #Content12 .ruijie .ruijie-font .phone { padding-top: 10px; float:left; width:100%; } #Content12 .ruijie .ruijie-font .phone p { font-size: 18px; color: #fff; } /* 关于我们页面-瑞洁 end */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 关于我们页面-发展历程 */ #Content13 .course { float:left; width: 100%; background: #f6f6f6; padding-top:75px; } #Content13 .course .box .all-titles h6{ font-weight:1; } #Content13 .all-titles { float:left; width:100%; text-align: center; } #Content13 .all-titles h6 { float:left; width:100%; line-height:40px; color: #333333; font-size: 30px; } #Content13 .all-titles .all-titles-lines { margin-top: 10px; float:left; width:100%; overflow:hidden; position:relative; color: #999;text-transform:uppercase; font-size:14px; line-height:24px; } #Content13 .all-titles .all-titles-lines .cen{ display:inline-block; vertical-align:top; padding:0 15px; position:relative; } #Content13 .all-titles .all-titles-lines .cen:after, #Content13 .all-titles .all-titles-lines .cen:before{ content:''; width: 550px; height: 1px; background: #dddddd; float: left; position:absolute; left:100%; top:50%; } #Content13 .all-titles .all-titles-lines .cen:before{ left:auto; right:100%; } #Content13 .biz-timeline-box{ width:100%; height:270px; position:relative; } #Content13 .biz-timeline-box::after{ content: ''; position: absolute; top: 0; width: 1px; height:100%; left: 50%; background: #e2e2e2; margin-left: -1px; } #Content13 .biz_timeline::before{ content: ''; position: absolute; top:-12px; left: 50%; margin-left:-7px; width: 12px; height: 12px; border-radius: 50%; background:#fff; border: 2px solid #df2b36; } #Content13 .show-biz{ display:block; } #Content13 .btn-slide{ display:block; } #Content13 .none-biz{ display:none; } /*奇数 odd*/ #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-eventbox{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float:left; } /*偶数 even*/ #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-eventbox{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float:right; } /*偶数 even*/ #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-event{ -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; } #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-time{ /*float:left;*/ /*width:344px;*/ width:50%; margin-left:-20px; text-align: right; position:relative; left:150px; top:70px; } #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-time .red{ width:110px; height:110px; position:absolute; right:0; line-height:110px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:1px solid #eb6123; background:#fff; font-size:24px; font-weight:normal; } #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-time{ width:50%; margin-left:-20px; text-align: right; position:relative; left:-20px; top:70px; } #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-time .red{ width:110px; height:110px; position:absolute; right:-11px; line-height:110px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:1px solid #eb6123; background:#fff; font-size:24px; font-weight:normal; } #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-node{ float:right; } #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-node{ float:left; } #Content13 .biz_timeline-time{ font-size:16px; color:#eb6123; font-weight: 600; line-height:73px; } #Content13 .biz_timeline-event{ width:570px; margin:6px; margin-top:40px; color:#1f1f1f; background:#fff; text-align: center; font-size:16px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #Content13 .biz_timeline-event .photo{ padding:50px 28px 28px 28px; } #Content13 .biz_timeline-event .photo .im img{ -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content13 .biz_timeline-event .photo .im{ width:192px; height:136px; overflow: hidden; margin-right:30px; float:left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content13 .biz_timeline-event .photo p{ font-size:16px; color:#1f1f1f; text-align: left; line-height:30px; } #Content13 .biz_timeline-event img{ width:100%; height:100%; float:left; margin-right:30px; } #Content13 .biz_timeline-event:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-node{ /*border-radius: 50%;*/ /*background: #fff;*/ /*border:4px solid #df2b36;*/ width:24px; height:1px; margin:29px 40px; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-10px; z-index:1; background:#eb6123; } #Content13 .biz-timeline-box:nth-child(odd) .biz_timeline-node:after{ float:left; width:12px; height:12px; background:#eb6123; border-radius:50%; content:''; position:relative; top:0; margin:-6px 0 0 -5px;} #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-node{ width:30px; height:1px; margin:29px 40px; position:absolute; left:50%; margin-left:-29px; top:50%; margin-top:-10px; z-index:1; background:#eb6123; } #Content13 .biz-timeline-box:nth-child(even) .biz_timeline-node:after{ float:left; width:12px; height:12px; background:#eb6123; border-radius:50%; content:''; position:relative; top:0; margin:-6px 0 0 22px;} #Content13 .biz_longString{ position:absolute; left:50%; width:1px; height:200px; background:#e2e2e2; top:-57px; z-index:10; margin-left:-4px; } #Content13 .biz_timtline-box{ float:left; width:100%; position: relative; margin-top:60px; } #Content13 .biz_timeline{ z-index:20; position:relative; padding-bottom:180px; } #Content13 .biz_title{ text-align: center; margin:0 auto 35px; } #Content13 .biz_title h2{ font-size:28px; color:#d81919; } #Content13 .biz_title p{ color:#eca7a7; margin-top:15px; } #Content13 .open{ width:98px; height:98px; background:#eb6123; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; left:50%; margin-left:-49px; } #Content13 .open p{ line-height:98px; text-align: center; color:#fff; font-size:18px; } /* 关于我们页面-发展历程 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 净化工程页面 */ #List .electronic-list { padding: 60px 0 45px 0; float:left; width:100%; } #List .electronic-list ul { margin: -15px; } #List .electronic-list ul li { width: 33.33%; padding: 15px; float: left; } #List .electronic-list ul li .box { float:left; width:100%; } #List .electronic-list ul li .box:hover { -webkit-box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); box-shadow: -2px -2px 15px 1px rgba(0, 0, 0, 0.05), 2px 2px 15px 1px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; } #List .electronic-list ul li .box .top { width: 100%; height: 236px; overflow: hidden; } #List .electronic-list ul li .box .top img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #List .electronic-list ul li .box .bottom { width: 100%; float:left; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } #List .electronic-list ul li .box .bottom .a-border { padding:24px 26px 6px 26px; float:left; width:100%; } #List .electronic-list ul li .box .bottom .a-border h6 { color: #333; font-size: 18px; line-height:28px; float:left; width:100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #List .electronic-list ul li .box .bottom .a-border .tops p { color: #999999; font-size:14px; line-height:24px; height:48px; overflow:hidden; float:left; width:100%; margin-top: 12px; } #List .electronic-list ul li .box .bottom .a-border .tops .line { width: 100%; float:left; width:100%; height: 1px; background: #eeeeee; margin-top:26px; } #List .electronic-list ul li .box .bottom .a-border .down { padding:14px 0; float:left; width:100%; position:relative; color: #999999; font-size:14px; line-height:34px; } #List .electronic-list ul li .box .bottom .a-border .down p { float: left; } #List .electronic-list ul li .box .bottom .a-border .down .jt { width: 26px; position:absolute; right:0; top:50%; margin-top:-4px; height: 9px; float: right; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #List .electronic-list ul li:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #List .electronic-list ul li:hover .box .bottom .a-border h6 { color: #eb6123; } /* 净化工程页面 */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 分页 */ #Pagination .wack1{ float:left; width:100%; padding:0 0 60px 0; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: 1px solid #e1e1e1 ; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border:1px solid #eb6123; background:#eb6123;} #Pagination .wack1 .pz_fy .l_fy, #Pagination .wack1 .pz_fy .r_fy{ width:100px;} #Pagination .wack1 .pz_fy .l_fy i, #Pagination .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#eb6123; margin:17px auto; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after, #Pagination .wack1 .pz_fy .l_fy i:before, #Pagination .wack1 .pz_fy .r_fy i:after, #Pagination .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#eb6123; content:''; position:relative;} #Pagination .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #Pagination .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #Pagination .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #Pagination .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #Pagination .wack1 .pz_fy .l_fy:hover i, #Pagination .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #Pagination .wack1 .pz_fy .l_fy:hover i:after, #Pagination .wack1 .pz_fy .l_fy:hover i:before, #Pagination .wack1 .pz_fy .r_fy:hover i:after, #Pagination .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} /* 分页 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 净化工程详情页面 */ #Subpage .led { float:left; width: 100%; background: #fff; } #Subpage .led .center { margin-top: 74px; } #Subpage .led .center .electronic .left { width: 510px; height: 316px; float: left; overflow: hidden; } #Subpage .led .center .electronic .left:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage .led .center .electronic .left img { width: 100%; height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage .led .center .electronic .right { float: left; width: 690px; min-height: 286px; padding-bottom:30px; border: 1px solid #e8e8e8; } #Subpage .led .center .electronic .right .bord { float:left; width:100%; padding:0 50px; } #Subpage .led .center .electronic .right .bord .top .title { color: #161616; float:left; width:100%; line-height:36px; font-size: 26px; padding-top:35px; } #Subpage .led .center .electronic .right .bord .top .info { float:left; width:100%; margin:10px 0 15px 0; color: #999999; font-size:14px; line-height:24px; float: left; } #Subpage .led .center .electronic .right .bord .line { width: 100%; float:left; height: 1px; background: #e8e8e8; } #Subpage .led .center .electronic .right .bord .vendor { float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:30px; margin:12px 0 36px 0; } #Subpage .led .center .electronic .right .bord .vendor .gc { float: left; width:100%; } #Subpage .led .center .electronic .right .bord .vendor p { float:left; width:100%; } #Subpage .led .center .electronic .right .bord .vendor img { padding-top: 3px; float: left; } #Subpage .led .center .electronic .right .bord .vendor .nub { color: #eb6123; display:inline-block; padding-left: 3px; padding-top: 3px; } #Subpage .led .center .electronic .right .bord .vendor .online { margin-top: 45px; } #Subpage .led .center .electronic .right .bord .consulting { float: left; } #Subpage .led .center .electronic .right .bord .consulting a { float:left; width:157px; line-height:49px; font-size:18px; text-align:center; background: #eb6123; color: #fff; } #Subpage .led .center .electronic .right .bord .online .green { float: right; padding-top:10px; } #Subpage .led .center .electronic .right .bord .online .green ul li { float: left; padding: 0 10px; } #Subpage .led .center .product-details { margin-top: 40px; float:left; width:100%; } #Subpage .led .center .product-details .box { width: 100%; float:left; border: 1px solid #ebebeb; } #Subpage .led .center .product-details .box .top { width: 100%; height: 46px; background: #f6f6f6; } #Subpage .led .center .product-details .box .top .title { width: 120px; line-height: 46px; color: #eb6123; text-align: center; font-size:14px; border-right: 1px solid #ebebeb; } #Subpage .led .center .product-details .box .top .title p { font-weight: bold; } #Subpage .led .center .product-details .box .top .title .cp{ background:#fff; border-bottom:1px solid #ebebeb; } #Subpage .led .center .product-details .box .contanter { padding:22px 30px 32px 30px; float:left; width:100%;color:#4c4c4c; font-size:14px; line-height: 30px; } #Subpage .led .center .product-details .box .contanter .abstract p { color: #34c4c4c; line-height: 30px; } #Subpage .led .center .product-details .box .contanter .one { padding-top: 35px; float:left; width:100%; } #Subpage .led .center .product-details .page { padding:35px 0 75px 0; float:left; width:100%; color:#666666; font-size:14px; line-height:24px; } #Subpage .led .center .product-details .page p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage .led .center .product-details .page .left { float: left; width:48%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } #Subpage .led .center .product-details .page .right { float: right; width:48%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-align:right; } #Subpage .led .center .product-details .page:hover p { color: #eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage .bdshar_1{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #Subpage .bdshar_1 a, #Subpage .bdshar_1 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;} /* 净化工程详情页面 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #List2 .caseDe4Ul { margin: 0 -15px; } #List2 .caseDe4Ul .list { padding: 0 15px; width: 33.33%; float: left; margin-top:30px; } #List2 .caseDe4Ul .box { float:left; width:100%; background-color: #fff; } #List2 .caseDe4Ul .box .img { float:left; width:100%; overflow: hidden; } #List2 .caseDe4Ul .box .img img { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List2 .caseDe4Ul .box .text { float:left; width:100%; padding: 25px 30px; border-top: 2px solid #f6f6f6; } #List2 .caseDe4Ul .box .text .see { width: 90px; height: 36px; line-height: 36px; float: right; background: #eb6123; background-size: cover; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; overflow: hidden; margin-top: 15px; } #List2 .caseDe4Ul .box .text .textL { float:left; width:220px; } #List2 .caseDe4Ul .box .text .textL .H4 { font-size: 20px; float:left; width:100%; line-height:30px; color: #1f262c; } #List2 .caseDe4Ul .box .text .textL .H5 { font-size: 14px; float:left; width:100%; color: #575f65; margin-top:11px; } #List2 .caseDe4Ul .box:hover .text .H4 { color: #fff; } #List2 .caseDe4Ul .box:hover .text .H5 { color: #fff; color:rgba(255,255,255,0.8); } #List2 .caseDe4Ul .box:hover .text{ background:#eb6123;} #List2 .caseDe4Ul .box:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #List2 .product { float:left; width:100%; background-color: #eff0f1; padding:43px 0 100px 0; } #List2 .product-other{ padding-bottom:0; } #List2 .productUl .box { background-color: #fff; } #List2 .productUl .list { margin-top: 30px; } #List2 .productUl .list:hover .text .see{ background:#fff; color:#eb6123; } #List2 .productUl { padding-bottom: 60px; } #List2 .proDe1Box { padding: 120px 0 80px 0; background-color: #eff0f1; } #List2 .proDe1L { width: 32.16%; float: left; } #List2 .proDe1L .slick-dots { width: 100%; text-align: center; bottom: -40px; line-height: 0; font-size: 0; } #List2 .proDe1L .slick-dots li { display: inline-block; width: 10px; height: 10px; background-color: #707070; margin: 0 11px; border-radius: 50%; border: 1px solid #707070; } #List2 .proDe1L .slick-dots li.slick-active { background-color: transparent; border-color: #28a7e1; } #List2 .proDe1L .slick-prev, #List2 .proDe1L .slick-next { width: 30px; height: 30px; background: url(../images/p76.png) center no-repeat; background-size: 100%; top: auto; transform: translate(0); bottom: -48px; left: 28.11%; border-radius: 50%; border: 1px solid #757575; } #List2 .proDe1L .slick-next { background-image: url(../images/p77.png); right: 28.11%; left: auto; } #List2 .proDe1Box .text { margin-left: 37.77%; } #List2 .proDe1Box .text .H4 { #List2 font-size: 30px; color: #333333; font-weight: bold; } #List2 .proDe1Box .text .p { font-size: 16px; color: #333333; line-height: 32px; margin: 35px 0 63px 0; } #List2 .proDe1Box .text .zixun { width: 166px; height: 54px; text-align: center; line-height: 54px; background: url(../images/p79.png) center no-repeat; background-size: cover; border-radius: 6px; overflow: hidden; display: block; font-size: 18px; color: #fff; font-weight: bold; } #List2 .proDe1Box .text .zixun .ico { display: inline-block; width: 23px; height: 23px; margin-left: 10px; line-height: 0; vertical-align: middle; margin-top: -4px; } #List2 .proDe1Box .text .zixun:hover { opacity: 0.8; } #List2 .proDe2 { float:left; width:100%; padding: 78px 0 80px 0; } #List2 .tableBox table { width: 100%; float:left; margin-top: 40px; } #List2 .tableBox table th { background: url(../images/p81.png) center no-repeat; background-size: cover; height: 68px; text-align: center; font-size: 18px; color: #fff; width: 25%; padding: 0 10px; } #List2 .tableBox table td { font-size: 16px; color: #2e2e2e; text-align: center; height: 55px; border: 1px solid #dcdcdc; } #List2 .tableBox table td:nth-child(odd) { background: #f7f7f7; } #List2 .tableBox table td.last { background-color: #fff; border: none; } #List2 .proDe3 { padding: 75px 0 100px 0; background-color: #eff0f1; } #List2 .proDe3D .liBox { margin-top: 40px; } /* 工程设备页面 */ #List2 .wack1{ float:left; width:100%; padding:0 0 60px 0; text-align:center;} #List2 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List2 .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: 1px solid #e1e1e1 ; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List2 .wack1 .pz_fy a:hover, #List2 .wack1 .pz_fy a.on{color:#fff; border:1px solid #eb6123; background:#eb6123;} #List2 .wack1 .pz_fy .l_fy, #List2 .wack1 .pz_fy .r_fy{ width:100px;} #List2 .wack1 .pz_fy .l_fy i, #List2 .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#eb6123; margin:17px auto; position:relative;} #List2 .wack1 .pz_fy .l_fy i:after, #List2 .wack1 .pz_fy .l_fy i:before, #List2 .wack1 .pz_fy .r_fy i:after, #List2 .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#eb6123; content:''; position:relative;} #List2 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #List2 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #List2 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #List2 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #List2 .wack1 .pz_fy .l_fy:hover i, #List2 .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #List2 .wack1 .pz_fy .l_fy:hover i:after, #List2 .wack1 .pz_fy .l_fy:hover i:before, #List2 .wack1 .pz_fy .r_fy:hover i:after, #List2 .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 工程设备详情页面 */ #Subpage2 .c_1170_1 { width: 100%; float: left; padding: 52px 40px 45px 40px; background:#fff; margin-top:75px; } #Subpage2 .c_1170_1 .c_480 { width: 460px; float: left; padding-right:40px; border-right: solid 1px #eff0f1; } #Subpage2 .c_1170_1 .c_480 .slick-dots { text-align: center; position:static; right: 0; left: 0; font-size: 0; height: 15px !important; } #Subpage2 .c_1170_1 .c_480 .slick-dots li { display: inline-block; width: 54px; margin: 0 3px; } #Subpage2 .c_1170_1 .c_480 .slick-dots li { display: inline-block; width: 11px; margin: 0 5px; } #Subpage2 .c_1170_1 .c_480 .slick-dots li button { width: 11px; height: 11px; font-size: 0; border: none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; background: #bebebe; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /*opacity: 0.5;*/ margin: 0 3px; } #Subpage2 .c_1170_1 .c_480 .slick-dots .slick-active { width: 11px; height: 11px; } #Subpage2 .c_1170_1 .c_480 .slick-dots .slick-active button { width: 11px; height: 11px; border: none; background: #eb6123; } #Subpage2 .slide_pic_5 { width: 100%; float: left; position: relative; } #Subpage2 .slide_pic_5 .slick-list { height: 333px; position: relative; } #Subpage2 .slide_pic_5 .slick-slide { float: left; height: 333px; } #Subpage2 .slide_pic_5 img { width: 100%; float: left; } #Subpage2 .c_1170_1 .c_527 { width:540px; float:right; } #Subpage2 .c_1170_1 .c_527 .title { width: 100%; float: left; font-size: 26px; color: #161616; line-height: 34px; } #Subpage2 .c_1170_1 .c_527 .dl { width: 100%; float: left; margin-top: 31px; } #Subpage2 .c_1170_1 .c_527 .dl .dd { width: 100%; float: left; font-size: 14px; color: #333; line-height:30px; position:relative; padding-left: 18px; } #Subpage2 .c_1170_1 .c_527 .dl .dd:after{ float:left; width:8px; height:1px; content:''; position:absolute; left:0; top:15px; background:#eb6123;} #Subpage2 .c_1170_1 .c_527 .c_527_b { width: 100%; float: left; margin-top: 37px; } #Subpage2 .c_1170_1 .c_527 .c_527_b .more { float: left; } #Subpage2 .c_1170_1 .c_527 .c_527_b .more a { display: block; float: left; font-size: 18px; color: #fff; background: #eb6123; text-align: center; width: 157px; height: 50px; line-height: 50px; } #Subpage2 .c_1170_1 .c_527 .c_527_b .more a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Subpage2 .c_1170_1 .c_527 .c_527_b .bdsharebuttonbox { float: right; margin-top: 14px; height: 24px; } #Subpage2 .bdshar_1{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #Subpage2 .bdshar_1 a, #Subpage2 .bdshar_1 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;float: left; } #Subpage2 .c_1170_1 .c_527 .c_527_b .bdsharebuttonbox a { margin-top: 0; margin-bottom: 0; padding: 0 5px; } #Subpage2 .c_1170_2 { width: 100%; float: left; margin-top: 40px; background:#fff; } #Subpage2 .other-c_1170{ border:none; } #Subpage2 .c_1170_2 .title { width: 100%; float: left; border-bottom: solid 1px #e6e6e6; } #Subpage2 .other-c_1170 .title{ background:#fff; } #Subpage2 .c_1170_2 .title span { float: left; display: block; width: 119px; height: 45px; border-top: solid 3px #eb6123; text-align: center; color: #eb6123; border-right: solid 1px #e6e6e6; background: white; font-size: 14px; font-weight: bold; margin-top: -1px; line-height: 42px; } #Subpage2 .c_1170_2 .p { width: 100%; float: left; padding:33px 40px 33px 40px; font-size: 14px; color: #4c4c4c; line-height: 28px; } #Subpage2 .c_1170_2 .p p { padding-bottom: 40px; } #Subpage2 .xqfy { width: 100%; float: left; margin-top:25px; margin-bottom: 75px; } #Subpage2 .xqfy h5 { width: 50%; float: left; font-size: 14px; color: #666; line-height: 30px; } #Subpage2 .xqfy h5 a { color: #666; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; max-width: 80%; } #Subpage2 .xqfy h5.last { text-align: right; } #Subpage2 .xqfy h5:hover, .xqfy h5:hover a { color: #dc6b10; } #Subpage2 .e-img .ul1{ margin:0 -15px;} #Subpage2 .e-img .ul1 .l1 { float:left; padding:0 15px; width: 33.33%; } #Subpage2 .e-img .ul1 .l1 .la{ width:100%; height: 298px; border: 1px solid #eee; float: left; line-height: 298px; text-align: center; overflow: hidden; } #Subpage2 .e-img ul li img { vertical-align: middle; display: inline-block; line-height: 298px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; overflow: hidden; } #Subpage2 .e-img .ul1 .l1 .la:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* 工程设备详情页面 */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*新闻中心*/ #List3 .newsList { width: 100%; float: left; padding:34px 0 60px 0; } #List3 .newsList .content1 { width: 100%; float: left; margin-top: 50px; background: #f7f7f7; } #List3 .newsList .content1 .img { width:456px; float: left; overflow: hidden; height:379px; overflow: hidden; } #List3 .newsList .content1 .img img { width: 100%; height:100%; float: left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear; } #List3 .newsList .content1 .l1:hover .img img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); } #List3 .newsList .content1 .text { width: 642px; float: right; margin-right: 48px; position: relative; } #List3 .newsList .content1 .text .time { width: 100%; float: left; font-size: 72px; color: #c2c2c2; line-height: 66px; font-weight: bold; font-family: Arial; letter-spacing: 1px; margin-top:35px; } #List3 .newsList .content1 .text .time span { font-size: 24px; color: #4d4d4d; line-height: 1; font-weight: normal; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; margin-left: 12px; } #List3 .newsList .content1 .text .name { width: 100%; float: left; margin-top: 30px; font-size: 22px; color: #333; line-height: 29px; } #List3 .newsList .content1 .text .p { width: 100%; float: left; font-size: 16px; color: #666; line-height: 32px; margin-top: 8px; height: 96px; overflow: hidden; } #List3 .newsList .content1 .text .detail { width: 100%; float: left; margin-top: 45px; border-top: dashed 1px #ccc; padding-top: 25px; color: #666; font-size: 16px; float: left; line-height: 22px; } #List3 .newsList .content1 .text .detail img { vertical-align: middle; margin: -3px 0 0 12px; display:inline-block; } #List3 .newsList .content1 .l1:hover .text .name{ color:#eb6123;} #List3 .newsList .content1 .slick-dots { position: absolute; bottom:30px; left: auto; right:48px; width: auto; height: 11px; font-size:0; } #List3 .newsList .content1 .slick-dots li { float: left; display: block; width: 11px; height: 11px; margin: 0 0 0 10px; border: solid 1px #eb6123; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } #List3 .newsList .content1 .slick-dots li.slick-active { background: #eb6123; } #List3 .newsList .content1 .slick-dots li.slick-active button{ font-size:0; border:none; } #List3 .newsList .content1 .slick_res2r .slick-dots li button{ font-size:0; border:none; } #List3 .newsList .ul_2 { width: 100%; float: left; } #List3 .newsList .ul_2 li { /*width: 884px;*/ width:100%; float: left; margin-top: 20px; padding: 20px 70px 20px 216px; position: relative; background: #f6f6f6; } #List3 .newsList .ul_2 li .time { width: 185px; text-align: center; position: absolute; left: 0; top: 20px; border-right: solid 1px #e0e0e0; height: 116px; } #List3 .newsList .ul_2 li .time h1 { width: 100%; float: left; font-size: 72px; color: #c2c2c2; line-height: 79px; font-weight: bold; font-family: Arial; letter-spacing: 1px; } #List3 .newsList .ul_2 li .time h5 { width: 100%; float: left; font-weight:1; font-size: 20px; color: #4c4c4c; line-height: 21px; font-family: Arial; } #List3 .newsList .ul_2 li .text { width: 100%; float: left; height: 116px; } #List3 .newsList .ul_2 li .text .title { width: 100%; float: left; margin-top: 10px; font-size: 18px; color: #333; line-height: 30px; letter-spacing: 1px; } #List3 .newsList .ul_2 li .text .p { width: 100%; float: left; display: block; font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden; letter-spacing: 1px; margin-top: 13px; } #List3 .newsList .ul_2 li:hover .text .title a { color: C01; } #List3 .newsList .ul_2 li:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); } #List3 .newsList .ul_2 li:hover .text .title{ color:#eb6123;} /* 新闻中心 end */ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 新闻动态详情 */ #Subpage3 .news-details{ float:left; width:100%; } #Subpage3 .news-details .n-contact .title{ font-size:24px; color:#333; line-height:34px; padding:64px 0 30px 0; text-align: center; } #Subpage3 .news-details .n-contact .time{ width:100%; float:left; height:53px; line-height:53px; border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; } #Subpage3 .news-details .n-contact .time .release{ float:left; } #Subpage3 .news-details .n-contact .time .release p{ color:#777; font-size:14px; } #Subpage3 .news-details .n-contact .time .return{ float:right; line-height: 53px; } #Subpage3 .news-details .n-contact .time .return p{ float:left; margin-right:12px; color:#777; font-size:14px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage3 .news-details .n-contact .time .return img{ display:inline-block; vertical-align: middle; line-height:53px; } #Subpage3 .news-details .n-contact .time .return:hover p{ color:#eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage3 .bdshar2{ float:left; width:100%; text-align:center; height:36px;} #Subpage3 .bdshar_2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #Subpage3 .bdshar_2 a, #Subpage3 .bdshar_2 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;} .bd_weixin_popup{ box-sizing:content-box;} #Subpage3 .paragraph{ float:left; width:100%; text-indent: 24px; padding:37px 0 32px 0; color:#333; line-height:30px; } #Subpage3 .paragraph .imag{ /*margin:0 -16px;*/ margin:-15px; padding-top:30px; } #Subpage3 .paragraph .imag li{ /*padding:0 16px;*/ float:left; width:50%; padding:15px; } #Subpage3 .paragraph .imag li img{ max-width:100%; float:left; } #Subpage3 .related-news{ float:left; width:100%; margin-top:60px;} #Subpage3 .related-news h6{ color:#eb6123; font-size:18px; } #Subpage3 .related-news ul{ margin:0 -7px; padding-top:25px; padding-bottom:80px; } #Subpage3 .related-news ul li{ width:50%; height:40px; line-height:40px; float:left; } #Subpage3 .related-news ul li a{ color:#333; font-size:14px; } #Subpage3 .related-news ul li p{ -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } #Subpage3 .related-news ul li .word{ margin:0 7px; height:100%; border-bottom:1px solid #d7d8d8; } #Subpage3 .related-news ul li .word .zuo{ float:left; width:500px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } #Subpage3 .related-news ul li .word .you{ float:right; color:#777777; } #Subpage3 .related-news ul li:hover p{ color:#eb6123; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* 新闻动态详情 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /* 工程案例页面 */ #List4 .s_5_m-box {padding: 43px 0 60px 0; float:left; width: 100%; background: #fff; } #List4 .s_5_m-box { margin: 0 -15px; } #List4 .s_5_m-box li { float: left; width: 33.333333%; padding: 0 15px; margin-top: 30px; } #List4 .s_5_m-box li a { float: left; width: 100%; display: block; border: 1px solid #e7e7e7; } #List4 .s_5_m-box li i { float: left; width: 100%; height: 236px; display: block; overflow: hidden; } #List4 .s_5_m-box li i img { float: left; width: 100%; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: width all 0.3s linear; transition: all 0.3s linear; } #List4 .s_5_m-box li .cont { float: left; width: 100%; padding:24px 28px 15px 28px; } #List4 .s_5_m-box li .cont h4 { float: left; width: 100%; font-size: 18px; color: #282d28; line-height: 28px; margin-bottom:13px; position: relative; } #List4 .s_5_m-box li .cont .line { float:left; width:100%; } #List4 .s_5_m-box li .cont .line .l1{ float:left; width:68px; height:2px; background:#eb6123;} #List4 .s_5_m-box li .cont .line .l2{ float:left; width:25px; height:2px; background:#afafaf; margin-left:7px;} #List4 .s_5_m-box li .cont .more { float: left; width: 100%; display: block; font-size: 12px; color: #666666; line-height: 22px; height: 22px; margin-top: 13px; text-transform: uppercase; } #List4 .s_5_m-box li a:hover { -webkit-box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, .1); box-shadow: 2px 2px 20px 5px rgba(0, 0, 0, .1); } #List4 .s_5_m-box li a:hover i img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #List4 .s_5_m-box li a:hover .cont h4{ color:#eb6123;} /* 工程案例页面 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content14 .pz-main-pg { width: 100%; background: #fff; } #Content14 .contactBox { width: 100%; float: left; padding: 50px 0 0px 0; } #Content14 .contactBox .contactLeft { float: left; width: 570px; } #Content14 .contactBox .contactLeft .contactTit { color: #333333; font-size: 28px; line-height: 1.25; } #Content14 .contactBox .contactLeft .english { padding: 10px 0 36px 0; border-bottom: #999999 dashed 1px; color: #333333; font-size: 14px; line-height: 20px; text-transform: uppercase; } #Content14 .contactBox .contactLeft .tent { width: 100%; float: left; padding: 32px 0 28px 0; border-bottom: #999999 dashed 1px; } #Content14 .contactBox .contactLeft .tent .tentLi { float: left; width: 530px; margin: 15px 0; line-height: 22px; font-size: 16px; padding-left:36px; min-height: 22px; position: relative; color:#333333; } #Content14 .contactBox .contactLeft .tent .tentLi b { /*width:20px;*/ /*height:20px;*/ position: absolute; left: 0; top: 0; } #Content14 .contactBox .contactLeft .tent .tentLi b img{ max-width:100%; max-height:100%; } #Content14 .contactBox .contactLeft .tent .tentLi span { font-size: 18px; } #Content14 .contactBox .contactLeft .ewm { width: 100%; float: left; margin: 40px 0 0 0; } #Content14 .contactBox .contactLeft .ewm .ewmPic { float: left; width: 140px; height: 140px; border: #dbdbdb solid 1px; padding: 7px; } #Content14 .contactBox .contactLeft .ewm .ewmCon { float: left; width: 325px; padding: 0 0 0 20px; color: #999999; line-height: 21px; } #Content14 .contactBox .contactLeft .ewm .ewmpad { padding-top:3px; color:#999999; font-size:12px; line-height:22px; display:block; } #Content14 .contactBox .contactLeft .ewm .ewmDark { color:#464646;} #Content14 .contactBox .contactLeft .ewm .ewmBig { color: #3a3a3a; line-height:26px; margin-top:60px; display:block; font-size: 16px; } #Content14 .contactBox .contactRight { float: right; width: 570px; } #Content14 .contactRight .cmap { height: 552px; } #Content14 .contactRight label { max-width: 224px; } #Content14 .contactRight .BMapLabel { float: left; background-color: #0b9444; width: 224px !important; border: 0 !important; height: 25px; font-size: 14px; line-height: 25px !important; text-align: center; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; } #Content14 .contactRight .BMapLabel a { color: #fff; } /* 联系我们 end*/ @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content15 .page{ width: 100%; float: left; margin:70px 0; color:#333; font-size:14px; line-height:34px; min-height:400px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ }