.mar1100{margin: 0 auto;width: 1110px}
.white{color: #fff !important}
h1,h2,h3,h4{font-weight: normal}
.relative{position: relative}
.absolute{position: absolute}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}
.sg{overflow:hidden; border-radius:30px; position:relative;}
.sg:before {position:absolute;content:'';width:100%;height:100%;z-index:888}
.sg:after {content:"";position:absolute;left:-100%;top:0;width:100%;height:100%; background: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));background: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); -moz-transition:left 0.3s linear 0s;-webkit-transition:left 0.3s linear 0s;transition:left 0.3s linear 0s;-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);-ms-transform:skewx(-25deg);-o-transform:skewx(-25deg);transform:skewx(-25deg);opacity:0;filter:alpha(opacity:0)}
.sg:hover:after {left:100%;opacity:1;filter:alpha(opacity:100)}
.relative{position: relative}
.part1 {height: 242px;background: url("/static/2018625/img1.jpg") no-repeat center top;}
.part2 {height: 206px;background: url("/static/2018625/img2.jpg") no-repeat center top;}
.part3 {height: 152px;background: url("/static/2018625/img3.jpg") no-repeat center top;}
.part3 div{display: flex;}
.part3 div span{width: 100px;height: 60px;cursor: pointer;}

.wrap-bg{width:100%;height: 913px;overflow:hidden;background: url(/static/2018625/img4.jpg) no-repeat center top;}
.in-cn h1{padding-top:86px;margin-bottom:15px;font-size:48px ;color:#553e26;text-align: center;}
.in-cn h2{margin-bottom:45px;font-size:32px ;color:#553e26;text-align: center;font-weight: normal;height: 55px;background: url(/templets/jl/special/brand1707/images/solid.png) no-repeat center bottom;}
.in-cn p{font-size:22px ;color:#474747;text-indent: 3rem;line-height: 36px;}
.cn-btn{display: flex;justify-content: center;}
.cn-btn a{margin-top:113px;width:calc(525px - 40px - 4px) ;padding-right:40px;height: calc(74px - 4px);line-height:64px;border-radius:40px;text-align: center;font-size:36px ;color:#6d4a11;display: flex;justify-content:center;border-style: solid;border-width: 2px;border-color: rgb( 197, 172, 107 );
    background-image: -moz-linear-gradient( 90deg, rgb(233,199,110) 24%, rgb(244,215,147) 49%, rgb(255,230,183) 98%);
    background-image: -webkit-linear-gradient( 90deg, rgb(233,199,110) 24%, rgb(244,215,147) 49%, rgb(255,230,183) 98%);
    background-image: -ms-linear-gradient( 90deg, rgb(233,199,110) 24%, rgb(244,215,147) 49%, rgb(255,230,183) 98%);
}
.cn-btn a span:last-of-type{margin-left:30px;margin-top:16px;}
.part4 .cn-btn a{margin-top:70px;}
.wrap-bg1{height: 1049px;padding-top:50px;overflow:hidden;background: url(/static/2018625/img5.jpg) no-repeat center bottom #e7e2e8;}
.wrap-bg1 .cn-btn a{margin-top:625px;}
.part4{background: #EDE6DE;height: 100%;overflow: hidden;padding-bottom:80px;}
.cn4-s{position: absolute;left: -60px;bottom: 130px;}
.cn4-s ul{margin-top:50px !important;width: 16px;}
/* .cn4-s ul li{width:351px !important;height: 195px !important;background: #fff;border-radius: 10px;margin-right: 36px;cursor: pointer} */
.cn4-s ul li{width:12px !important;height: 12px !important;background: #909090;border-radius: 50%;margin-bottom: 12px;cursor: pointer;position: relative;}
/* .cn4-s ul li:nth-of-type(3),.cn4-s ul li:last-of-type{margin-right:0} */
/* .cn4-s ul li img{margin:0 auto;margin-top:8px;width:1031px;height:645px;text-align: center;display: block;position: relative} */

/* 案例 start */
.pb-banner{position: relative;height: 645px;}
.game163{ position: absolute;width: 1031px;right: 0;top: 0;}
.game163 .bigImg{ position: relative;}
/* .game163 .bigImg li img{ vertical-align:middle; width:1110px; height:788px;} */
.game163 .bigImg li{position: relative;}
.game163 .bigImg li img{ vertical-align:middle; width:1031px; height:645px;}
.game163 .smallImg ul{ width: 9999px; overflow: hidden;}
/* .tempWrap{width: 100px;} */
/* .game163 .smallImg .on {background: #E9C76E;} */
/* .game163 .smallImg li {background: #909090;width: 12px;height: 12px;border-radius: 50%;} */
.game163 .smallImg .on {background: #553e26;}
.sPrev,.sNext{
    position: absolute;
    right: 100px;
    /* top: 50%; */
    /* margin-top: -25px; */
    bottom: 52px;
    display: block;
    width: 48px;
    height: 44px;
    background: url(/static/2018806/slider-arrow.png) -105px 5px no-repeat #999; 
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 22;
}
.sNext{
    right:52px;
    background-position: 16px 5px;
}
/* 案例 end */

/*底部 切换效果 start*/
#wrapper{ width:1100px;margin:0 auto; }
#huadong{height: 660px;overflow: hidden;position: relative;}
.common-bg{cursor:pointer;position: absolute;top: 220px;width:102px ;height:102px;z-index: 99;}
.hd-left{left: 0 !important;background:url(/static/2018625/left.png) no-repeat;}
.hd-right{right: 0;background:url(/static/2018625/right.png) no-repeat;}
.show_images_list_li {position: absolute;cursor: pointer;vertical-align:bottom; display:block }
.btn { width:294px; height:12px; margin:0 auto;}
.btn  a{width:30px !important; height:6px; overflow:hidden;margin:0 5px; display:block;background:#9F9D9E ; cursor: pointer;float:left;}
.btn  a.active{width:118px !important; height:12px; background:url(/static/2018625/btn2.png) no-repeat 0 top !important;}
/*底部 切换效果 end*/

.part5{height: 1129px;background: url("/static/2018625/img6.jpg") no-repeat center top;}
.part5 h1,.part5 h2,.part5 p{color: #fff}
.cn5 {margin:0 auto;margin-top:53px;width:989px;height: 500px;background: url("/static/2018625/bg1.png") no-repeat center top;}
.cn5 div{display: flex;}
.cn5 div:first-of-type{padding-top:10px;}
.cn5 div:first-of-type span{text-align: center;height: 83px;line-height: 80px;}
.cn5 div:first-of-type span h2{font-size:27px ;background: none;color:#5e4e3e ;}
.cn5 div span h3{font-size:22px ;background: none;color:#5e4e3e ;}
.cn5 div span{text-align: center;height: 83px;line-height: 80px;}
.cn5 div span:nth-of-type(1){width:399px;}
.cn5 div span:nth-of-type(2){width:199px}
.cn5 div span:nth-of-type(3){width:391px}
.cn5 div:nth-of-type(2) span{height: 88px;line-height: 88px;}
.cn5 div:nth-of-type(4) span{height: 70px;line-height: 70px;}
.part5 .cn-btn a{margin-top:70px;}

.part6{height: 1213px;overflow:hidden;background: url(/static/2018625/bg2.jpg) no-repeat center top;}
.part6 .cn-btn a{margin-top:25px;}
.part7-1{height: 236px;overflow:hidden;background: url(/static/2018625/f-1.jpg) no-repeat center top;}
.part7-2{height: 250px;overflow:hidden;background: url(/static/2018625/f-2.jpg) no-repeat center top;}
.part7-2 div{margin: 0 auto;width:553px ;height:calc(250px - 24px) ;padding-top:24px;background: rgba(255,255,255,.5);border-radius: 20px;}
.part7-2 div section{margin: 0 auto;width:503px ;height:200px ;background: #fff;}
.part7-2 div{text-align: center;color:#553e26 ;}
.part7-2 div h2{font-size:36px ;padding-top:15px;}
.part7-2 div h1{font-size:45px ;padding-bottom: 8px;text-shadow: 3px 4px 2px #ccc}
.part7-2 div p{font-size:30px ;color:#876c3e ;}
.part7-2 div p span{margin-left:8px;margin-right:8px;width: 8px;height: 8px;background: #876D41;display: inline-block;border-radius: 20px;vertical-align: middle}
.part7-3{height: 236px;overflow:hidden;background: url(/static/2018625/f-3.jpg) no-repeat center top;}

.part6 .cn-btn a{width:527px;}


@keyframes bounce-left {
    25% {transform: translatex(8px);}
    50% {transform: translatex(0);}
    70% {transform: translatex(8px);}
}
.come-here{-webkit-animation: 'popIn' 1s infinite linear;display: inline-block}




.hand1{position:absolute;right:95px ;top:25px;width:28px ;height:25px ;background:url("/static/2018625/hand1.png") no-repeat center;}
.hand2{position:absolute;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;right:85px ;top:36px;width:35px ;height:44px ;background:url("/static/2018625/hand2.png") no-repeat center;z-index: 99}
.ripple-b{
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pan-ripple 1s linear infinite;
    animation: pan-ripple 1s linear infinite;
}
.ripple-bg{
    position: absolute;
    right: 104px !important;
    top: 35px !important;
    width: 10px;
    height: 10px;
    line-height: normal;
    border-radius: 80% !important;
    background: rgba(255,255,255,.7);
    border: 1px solid #fff;
    box-sizing: border-box;
    z-index: 1;
}
@keyframes pan-ripple {
    0% {-webkit-transform:scale(1);opacity:0;}
    20% {-webkit-transform:scale(1.1);opacity:1;}
    100% {-webkit-transform:scale(8);opacity:0;}
}
@-webkit-keyframes pan-ripple {
    0% {-webkit-transform:scale(1);opacity:0;}
    20% {-webkit-transform:scale(1.1);opacity:1;}
    100% {-webkit-transform:scale(8);opacity:0;}
}
@keyframes bounce-up {
    25% {transform: translateY(5px);}
    50% {transform: translateY(0);}
}

@keyframes bounce-left {
    25% {transform: translateX(8px);}
    50% {transform: translateX(0);}
    70% {transform: translateX(8px);}
}


#featureCarousel {
    height: 750px;
    position:relative;
    margin:0 auto;
    width: 1100px;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    cursor:pointer;
    opacity: 1 !important;
}

#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
}

#featureCarousel .blipsContainer {
    position:absolute;
    left:400px;
    margin:0 auto;
    /*margin-left:-550px;*/
    bottom:50px;
    padding:0;
}
#featureCarousel .blipsContainer .blip {
    margin:0 5px;
    height:6px;
    width:30px;
    font-size:0;
    background: #9E9E9E;
    color:rgba(255,255,255,0);
}
#featureCarousel .blipsContainer .blipSelected {
    width: 118px;
    height: 12px;
    background:url("/static/2018625/btn2.png") no-repeat center top;
}

.part8{
    margin: 0px auto;
    width: 350px;
	height: 219px;
	font-size: 28px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
    color: #775011;
    text-align: center;
    color: #886429;
    font-weight: 700;
    margin-top: 35px;
}
.jx{
    height: 209px;
	width: 578px;
    border: solid 2px #553e26;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg) translateX(120px) translateY(180px); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
    float: left;
}
.jx p{
    width: 35px;
    height: 121px;
	font-size: 45px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #775011;
    opacity: 0.67;
    margin-top: 144px;
    font-weight: 700;
    text-indent: 60px;
}

.ba-detial{
    position: absolute;
    top: 0px;
    right: 133px;
    width: 330px;
	height: 169px;
}
.ba-detial p{
	font-size: 24px;
	/* font-weight: normal; */
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
    color: #553e26;
    font-weight: 700;
    display: flex;
}
.ba-detial p span:nth-of-type(1){
    width: 98px;
    text-align: justify;
    text-align-last: justify;
}
.ba-detial p span:nth-of-type(2){
    font-weight: normal;
}