.question .head { padding-top:32px; width:664px; margin:auto; overflow:hidden; } .question .head .left { /* display:inline-block; */ width:100px; font-size:48px; font-family: Jxinkai; line-height:1; font-weight:bold; color:#000; float:left; } .question .head .des { width:550px; /* height:84px; */ border:1px dashed #999; margin-top:5px; float:right; text-align:center; padding-bottom:5px; } .question .head .des .title { display:inline-block; padding:0 10px; position:relative; top:-18px; font-size:36px; line-height:1; color:#333; background-color:#fff; } .question .head .des .title em { color:#0454a1; font-weight:bold; } .question .head .des .en { margin-top:-16px; font-family: Jyinbikai; font-size:26px; color:#9b9b9b; line-height:1.2; } .question .head .small { line-height:1; font-family: 瀹嬩綋; font-size:32px; color:#333333; } .question .view-img { display:inline-block; width:550px; height:480px; overflow:hidden; } .question .view-img img { width:100%; height:100%; } .question .info { float:right; padding:28px 0; padding-right:36px; text-align:right; } .question .info p { display:inline-block; line-height:48px; border-bottom:1px dashed #999; font-size:14px; color:#666666; } .question .info p em { font-size:16px; color:#ffa200; } .serve { } .serve .head { height:120px; text-align:center; background:url("../../image/machine/serve-bar.jpg") no-repeat center center; background-size:1920px; padding-top:16px; } .serve .head .title { position: relative; color: #ffffff; padding-left: 120px; font-size: 34px; display: inline-block; text-align: left; } .serve .head .title span { display:block; font-size:26px; line-height:1.4; } .serve .head .title .fixed { position:absolute; left:0; top:0; font-size:94px; font-style:italic; color:#ffa200; line-height:1; letter-spacing: -20px; /* font-weight:bold; */ } .serve .cont { padding:60px 0; /* margin:60px auto; */ background:url("../../image/machine/serve-img.jpg") no-repeat center center; background-size:1920px; } .serve .lump-c { background:#fff; } .serve .lump-c > div { height:388px; overflow:hidden; background:url("../../image/machine/serve-lump-2.jpg") no-repeat center right; background-size:auto 388px; } .serve .lump-c > div:first-child { background:url("../../image/machine/serve-lump-1.jpg") no-repeat center left; background-size:auto 388px; } .serve .info { padding:56px 74px; padding-right:10px; width:445px; } .serve .lump-c > div:first-child .info { float:right; } .serve .info .title { font-size:22px; color:#999999; font-weight:bold; } .serve .info .title em { font-size:26px; color:#ffa200; } .serve .info .en { font-size:14px; color:#999999; } .serve .info .des { margin-top:6px; line-height:28px; font-size:14px; color:#333333; } .serve .info .item { position:relative; margin-top:32px; } .serve .info .item:first-child { margin-top:0; } .serve .info .item:before { display:inline-block; width:58px; height:58px; content:''; position: absolute; top:-5px; left:-58px; background:url("../../image/machine/serve-des1.jpg") no-repeat center center; background-size:100%; } .serve .info .item.i2:before { background:url("../../image/machine/serve-des2.jpg") no-repeat center center; background-size:100%; } .serve .info .item.i3:before { background:url("../../image/machine/serve-des3.jpg") no-repeat center center; background-size:100%; } .serve .info .item.i4:before { background:url("../../image/machine/serve-des4.jpg") no-repeat center center; background-size:100%; } .custom { background-color:#fff; padding:55px 0; } .custom .head { margin-bottom:66px; text-align:center; } .custom .head .title { display:inline-block; overflow:hidden; font-family: JXiXingkai; } .custom .head .title .left { font-size:76px; color:#0454a1; float:left; } .custom .head .title .right { margin-left:10px; display:inline-block; padding-top:10px; } .custom .head .title .right span { font-size:25px; color:#666; display:block; text-align:left; } .custom .head .title .right span:first-child { color:#333; font-size:30px; } .custom .head .en { font-size:26px; color:#666666; } .custom .cont { padding: 56px 26px; background:url("../../image/machine/custom-cont-back.jpg") repeat; } .custom .list { display:inline-block; width:494px; height:339px; font-size:0; letter-spacing: -3px; } .custom .list > a { vertical-align: top; display:inline-block; width:247px; height:113px; font-size:14px; letter-spacing: 0; border:1px solid #fff; color:#fff; text-align:center; padding:4px 18px; } .custom .list > a.active { background:#ffa426; } .custom .list > a .name { font-size:20px; font-weight:bold; line-height:50px; } .custom .list > a .des { font-size:14px; line-height:22px; } .custom .list-show { width:528px; height:339px; float:right; position: relative; } .custom .list-show .view-img { position:absolute; top:0; left:0; width:100%; height:100%; display:none; } .custom .list-show .view-img.active { display:block; } .custom .list-show .view-img img { width:100%; height:auto; min-height:100%; } .concat-bar { position:relative; width:100%; height:160px; overflow:hidden; } .concat-bar .wrap { position:relative; /* overflow:hidden; */ } .concat-bar:before { display:inline-block; width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; background:url("../../image/machine/concat-bar.jpg") no-repeat center center; background-size:100%; content:''; } .concat-bar .call { display:inline-block; position:absolute; top:50px; right:50px; } .concat-bar .phone-c { position:relative; padding-left:36px; } .concat-bar .phone-c:after { content:''; display:inline-block; width:27px; height:27px; position:absolute; left:0; top:50%; margin-top:-12px; background:url("../../image/home/icon-phone.png") no-repeat center left; background-size:27px; } .concat-bar .phone-c .inner { line-height:1; color:#fff; } .concat-bar .phone-c .inner .phone { display:block; line-height:36px; font-size:18px; } .concat-bar .btns { text-align:center; /* height:32px; */ } .concat-bar .btns .btn { position: relative; display:inline-block; width:137px; /* overflow:hidden; */ border:0; padding:0; padding-left:40px; line-height:32px; text-align:center; background:#fff; font-size:14px; color:#000000; } .concat-bar .btns .btn:before { content:''; display:inline-block; width:40px; height:32px; position:absolute; left:0; top:0; background:url("../../image/home/icon-concat.jpg") no-repeat center center; background-size:auto; } .concat-bar.contcat2 { height:180px; } .concat-bar.contcat2:before { background:url("../../image/machine/contcat-bar-2.jpg") no-repeat center center; background-size:100%; } .concat-bar.contcat2 .call { right:180px; } .special-head { position: relative; z-index:2; padding-top:50px; padding-bottom:40px; text-align:center; } .special-head .title { font-size:40px; color:#333; line-height:48px; } .special-head .title span { margin-left:5px; display:inline-block; height:48px; padding-left:54px; padding-right:144px; background:url("../../image/machine/title-back.png") no-repeat center center; background-size:100%; color:#fff; } .special-head .en { font-size:32px; color:#cbcbcb; line-height:48px; font-weight:bold; } .special-head .en em { color:#0454a1; } .contract { position: relative; overflow:hidden; padding-bottom:50px; } .contract .cont { position:relative; z-index:2; /* padding: */ border:1px solid #e6e6e6; } .contract:before { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; content:''; display:inline-block; background:url("../../image/machine/contract-back.jpg") no-repeat center center; } .contract .cont td { height:86px; background-color:#fff; /* line-height:86px; */ font-size:14px; color:#808080; padding:0 20px\0; } .contract .cont td:first-child { width:248px; text-align:center; } .contract .cont td.we-td, .contract .cont td:nth-child(2) { background:#fffbd7; padding-right:84px; padding-left:50px; } .contract .cont td.other-td, .contract .cont td:nth-child(3) { padding-right:38px; padding-left:50px; } .contract table { background:#fff; } .contract table tr.even td:first-child, .contract table tr:nth-of-type(even) td:first-child { background:#f5f5f5; } .contract table tr.even td.we-td, .contract table tr:nth-of-type(even) td:nth-child(2) { background:#f9efc2; } .contract table tr.even td.other-td, .contract table tr:nth-of-type(even) td:nth-child(3) { background:#f9f0e1; } .contract table tr:first-child td p { color:#fff; color:#000000\0; text-align:center; text-align:left\0; } .contract table tr:first-child td p:before { content:none; } .contract table tr:first-child td.we-td-top, .contract table tr:first-child td:nth-child(2) { background:url("../../image/machine/contract-tab-top1.jpg") no-repeat bottom center; } .contract table tr:first-child td.other-td-top, .contract table tr:first-child td:nth-child(3) { background:url("../../image/machine/contrsct-tab-top2.jpg") no-repeat bottom center; } .contract table td.we-td p, .contract table td:nth-child(2) p { position:relative; padding-left:66px; } .contract table td.we-td p:before, .contract table td:nth-child(2) p:before { display:inline-block; width:54px; height:54px; content:''; position:absolute; top:50%; margin-top:-27px; left:0; background:url("../../image/machine/contrast-good.png") no-repeat center center; } .contract table td.other-td p, .contract table td:nth-child(3) p { position:relative; padding-left:46px; } .contract table td.other-td p:before, .contract table td:nth-child(3) p:before { display:inline-block; width:40px; height:40px; content:''; position:absolute; top:50%; margin-top:-20px; left:0; background:url("../../image/machine/contrast-bad.png") no-repeat center center; } .detail { position: relative; overflow:hidden; padding-bottom:50px; } .detail .cont { position:relative; z-index:2; width:964px; /* padding: */ /* border:1px solid #e6e6e6; */ } .detail:before { position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; content:''; display:inline-block; background:url("../../image/machine/contract-back.jpg") no-repeat center center; } .detail .menu { width:138px; height:558px; display:inline-block; } .detail .menu a { border-top:1px solid #fff; display: block; width: 100%; height: 186px; font-size: 37px; color: #ffffff; padding: 18px 36px; text-align: center; line-height: 1; background: #bfbfbf; } .detail .menu a:first-child { border-top:0; } .detail .menu a.active { background:#004d8b; } .detail .menu-show { position: relative; width:825px; height:558px; /* display:inline-block; */ float: right; overflow:hidden; } .detail .menu-show .view-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; display: none; } .detail .menu-show .view-img img { width:100%; height:100%; } .detail .menu-show .view-img.active { display:block; } .scheme { padding-bottom:14px; } .scheme .cont { padding-bottom:20px; } .scheme .al { padding:18px 14px; background:url("../../image/machine/custom-cont-back.jpg") repeat; overflow:hidden; } .scheme .al .list { display:inline-block; width:504px; } .scheme .al .list .list-c { width:510px; overflow:hidden; font-size:0; letter-spacing: -3px; } .scheme .al .list a { display:inline-block; width:164px; margin-right:6px; font-size:14px; letter-spacing: 0; margin-bottom:6px; } .scheme .al .list .view-img { display:block; width:100%; height:158px; overflow:hidden; } .scheme .al .list .view-img img { width:100%; min-height:100%; } .scheme .al .list .des { height:44px; line-height:44px; text-align:center; background:#666666; color:#fff; } .scheme .al .list a:hover .des { background:#ffa426; } .scheme .al .right { float: right; width:554px; } .scheme .al .right .title { line-height:58px; font-size:24px; color:#fff; } .scheme .al .right .title em { font-weight:bold; font-size:34px; } .scheme .al .right .des { line-height:24px; font-size:14px; color:#fff; margin-top:12px; margin-bottom:5px; } .scheme .al .right .scheme-swiper { width:100%; height:170px; overflow:hidden; position:relative; } .scheme .al .right .scheme-swiper .bd, .scheme .al .right .scheme-swiper .bd ul, .scheme .al .right .scheme-swiper .bd ul li { width:100%; height:100%; } .scheme .al .right .scheme-swiper .bd ul li { position:absolute; top:0; left:0; font-size:0; letter-spacing: -3px; } .scheme .al .right .scheme-swiper .item { font-size:14px; letter-spacing: 0; width:178px; display:inline-block; margin-left:10px; } .scheme .al .right .scheme-swiper .item:first-child { margin-left:0; } .scheme .al .right .scheme-swiper .view-img { width:100%; height:134px; display:inline-block; } .scheme .al .right .scheme-swiper .view-img img { width:100%; height:100%; } .scheme .al .right .scheme-swiper .inner { font-size:14px; line-height:36px; color:#fff; text-align:center; } .scheme .al .right .scheme-swiper .prev, .scheme .al .right .scheme-swiper .next { position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; z-index:2; } .scheme .al .right .scheme-swiper .prev { left:5px; background:url("../../image/machine/swipe-left.png") no-repeat center center; } .scheme .al .right .scheme-swiper .next { right:5px; background:url("../../image/machine/swipe-right.png") no-repeat center center; } .scheme .al-list { margin-top:20px; font-size:0; letter-spacing: -3px; } .scheme .al-list > a { display:inline-block; font-size:14px; letter-spacing: 0; margin-left:10px; width:131px; height:66px; } .scheme .al-list > a img { width:100%; height:100%; } .scheme .al-list > a:first-child { margin-left:0; } .scheme .flow .title { line-height:84px; font-size:28px; color:#000; } .scheme .flow .title span { font-size:14px; color:#666; margin-left:10px; } .scheme .flow .list { width:100%; /* overflow:hidden; */ font-size:0; letter-spacing: -3px; } .scheme .flow .list .item { margin-left:15px; display:inline-block; width:124px; height:124px; border:1px solid #e6e6e6; background-color:#fff; letter-spacing: 0; cursor: pointer; } .scheme .flow .list .item:first-child { margin-left:0; } .scheme .flow .list .item:hover { border-color:#e6e6e6; box-shadow:0 0 8px #c7e0ee; -webkit-box-shadow:0 0 8px #c7e0ee; } .scheme .flow .list .view-img { display:inline-block; margin:14px 31px; width:62px; height:62px; } .scheme .flow .list .view-img img { width:100%; height:100%; } .scheme .flow .item p { line-height:1; font-size:14px; color:#333333; text-align:center; } .scheme .flow .item:hover p { color:#004a88; } .scheme .call { padding:38px 0; text-align:center; line-height:40px; font-size:14px; color:#333333; } .scheme .call .phone { color:#ffa200; font-size:22px; font-weight:bold; } .scheme .call .btn { width:140px; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; padding:0; margin-left:30px; vertical-align: top; }