﻿.topimg-656{width:100%; height:656px;}
.cs-cy .con{width:1100px; margin:0 auto;}
.cs-cy h2{font-weight: normal;}
.cs-cy-part1{background: url(../maobg/cs-cy-bg1.jpg) center bottom no-repeat; padding-bottom:122px; margin-top:20px;}
.cs-cy-part1 .cy-title{text-align: center; position: relative; top:-15px; z-index: 2;}
.cs-cy-part1 .title-con{color:#593c34; font-size: 42px; line-height: 1.8; padding-bottom:13px;}
.cs-cy-part1 .title-line{ height:1px; font-size: 0; *zoom:1; position: absolute; left: 0; right: 0; margin: auto;}
.cs-cy-part1 .title-line1{width:324px; background-color: #593c34; bottom:13px;}
.cs-cy-part1 .title-line2{width:212px; background-color: #ac9d99; bottom:0;}

.cy-questions{padding-left: 340px; padding-bottom: 74px;}
.cy-questions dl{float: left; width:365px; margin-top:62px; margin-left:5px; position: relative; z-index: 2;}
.cy-questions dl dt{width:168px; height:168px;}
.cy-questions dl dd{width:130px; position: absolute; top:50%; left: 185px; margin-top:-19px;}

.cy-ztouchs .title{width:748px; height:78px; line-height: 78px; font-size: 42px; color:#fff; text-align: center; padding:53px 0 59px;  background: url(../maobg/cs-cy-title-bg.png) top center no-repeat; margin:0 auto;}
.case-show{padding-left: 80px; padding-top:85px;}
.multi-tag-end div{font-size: 36px; color:#8ac51d;}
.multi-tag-end p{font-size: 20px; color:#a0a595; padding:20px 0;}
.client-case-con{position: relative; z-index: 2;}
.client-case-tit{width:44px; font-size: 20px; text-align: center; color:#fff; padding:3px 0; background-color: #8ac51d; position: absolute; left: -60px; top:0;}

.slideBox{width:378px; height:226px;}
.slideBox .bd-logo{width:378px; height:76px; border-top:1px solid #8ac51d; padding-top:32px;}
.slideBox .bd-img{width:530px; height:376px; position: absolute; right:0; top:-152px;}
.slideBox .bd ul{width:100%; height:100%; position: relative;}
.slideBox .bd li{position: absolute; top:0; left: 0;}

.slideBox .hd{position: absolute; left: 392px; top:58px;}
.slideBox .hd li{width:4px; height:4px; border-radius: 50%; background-color: #ddd; margin-bottom:6px;}
.slideBox .hd li.on{background-color:#8ac51d;}
.slideBox a.prev,.slideBox a.next{position: absolute; top:114px; z-index: 5; width:24px; height:24px; background:#ddd url(../maobg/cs-cy-arrow.png) no-repeat;}
.slideBox a.prev{left:328px;}
.slideBox a.next{left:354px; background-position: -24px 0;}
.slideBox a.prev:hover,.slideBox a.next:hover{background-color: #8ac51d;}

.taste-btn{position: absolute; top:138px; width:164px; height:42px;}
.taste-btn a{display: block; width:100%; height:100%; font-size:24px; color:#fff; background-color: #fa9f28; border-radius: 10px; text-align: center; line-height: 42px;}
.taste-btn a:hover{background-color: #eb8c11;}

.cs-cy-part2{width:100%; background: url(../maobg/cs-cy-bg2.jpg) center top no-repeat; padding-bottom:52px;}
.view-backstage .img{padding-left: 9px;}
.view-backstage .title{width:504px; position: relative; z-index: 2; padding-top:78px; padding-bottom:49px;}
.view-backstage .title-con{font-size: 36px; color:#8ac51d;}
.view-backstage .title-sub{font-size: 20px; color:#a0a595; padding-top:10px;}
.title .line{font-size: 0; *zoom:1; height:1px; position: absolute; right:282px;}
.title .title-line1{width:119px; background-color: #a0a595; bottom:26px;}
.title .title-line2{width:80px; background-color: #c6c9bf; bottom:13px;}
.title .title-line3{width:50px; background-color: #e2e4df; bottom:0;}
.simple-oprate{width:272px; padding-left:28px; padding-top:130px; color:#fff;}
.simple-oprate .simple-oprate-t{font-size: 36px; color:#8ac51d; padding-bottom:24px; padding-left: 12px;}
.simple-oprate ul li{position: relative; z-index: 2; font-size: 20px; padding:8px 0 8px 14px; }
.simple-oprate ul li .dot{position: absolute; top:50%; left: 0; width:4px; height:4px; font-size: 0; border-radius: 50%; background-color: #fff; margin-top:-2px;}
.message-send .img{padding-left: 15px; padding-top:60px;}