.fl {
    FLOAT: left
}
.fr {
    FLOAT: right
}





.design .case LI {
    POSITION: relative; WIDTH: 277px; MARGIN-BOTTOM: 26px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 267px; MARGIN-RIGHT: 30px
}
.design .case .con .li_tit {
    PADDING-BOTTOM: 12px; LINE-HEIGHT: 36px; COLOR: #fff; FONT-SIZE: 21px; PADDING-TOP: 80px
}
.hf .list .hy {
    PADDING-BOTTOM: 33px; LINE-HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px
}
.design .case .con .hy {
    PADDING-BOTTOM: 33px; LINE-HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 14px
}
.hf .list A {
    LINE-HEIGHT: 44px; MARGIN: 0px auto; WIDTH: 120px; DISPLAY: block; BACKGROUND: #2b78d9; COLOR: #fff; FONT-SIZE: 16px; border-radius: 5px
}
.design .case .con A {
    LINE-HEIGHT: 44px; MARGIN: 0px auto; WIDTH: 120px; DISPLAY: block; BACKGROUND: #2b78d9; COLOR: #fff; FONT-SIZE: 16px; border-radius: 5px
}








.design .cust {
    PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 30px
}
.design .cust .tit {
    TEXT-ALIGN: center
}
.design .cust .title {
    TEXT-ALIGN: center; LINE-HEIGHT: 30px; COLOR: #828282; FONT-SIZE: 16px; PADDING-TOP: 16px
}
.design .cust .txt {
    LINE-HEIGHT: 34px; MARGIN-TOP: 30px; COLOR: #434444; FONT-SIZE: 16px
}
.design .cust .txt .txt_con {
    WIDTH: 820px
}
.design .cust .txt .txt_con P {
    TEXT-INDENT: 2em
}
.design .cust .txt .txt_con SPAN {
    COLOR: #f66c00
}
.design .cust .list {
    PADDING-BOTTOM: 20px; MARGIN-TOP: 20px
}
.design .cust LI {
    TEXT-ALIGN: center; LINE-HEIGHT: 208px; WIDTH: 241px; BACKGROUND: url(../images/slq2_02.png) no-repeat; FLOAT: left; HEIGHT: 208px; COLOR: #fff; MARGIN-LEFT: -1px; FONT-SIZE: 33px
}
.design .cust .li {
    BACKGROUND: url(../images/slq2_03.png)
}
.design .cust .li2 {
    BACKGROUND: url(../images/slq2_04.png)
}
.design .cust .li3 {
    BACKGROUND: url(../images/slq2_05.png)
}
.design .cust .li4 {
    BACKGROUND: url(../images/slq2_06.png)
}
.design .pro {
    PADDING-BOTTOM: 30px; BACKGROUND: #fff; OVERFLOW: hidden; PADDING-TOP: 30px
}
.design .tit {
    TEXT-ALIGN: center
}
.design .pro .tit {
    PADDING-BOTTOM: 20px
}
.design .pro .list {
    BACKGROUND: url(../images/p3bj.jpg) no-repeat center 39px
}
.design .pro LI {
    WIDTH: 200px; FLOAT: left; MARGIN-RIGHT: 49px
}
.design .pro .last {
    MARGIN-RIGHT: 0px
}
.design .pro .num {
    TEXT-ALIGN: center; PADDING-BOTTOM: 16px; LINE-HEIGHT: 92px; MARGIN: 0px auto; WIDTH: 92px; BACKGROUND: url(../images/p301.png) no-repeat; HEIGHT: 92px; COLOR: #fff; FONT-SIZE: 45px
}
.design .pro .li_con {
    WIDTH: 199px; BACKGROUND: url(../images/p303.png); HEIGHT: 289px
}
.design .pro .li_img {
    TEXT-ALIGN: center; PADDING-TOP: 26px
}
.design .pro .li_tit {
    TEXT-ALIGN: center; LINE-HEIGHT: 54px; COLOR: #fff; FONT-SIZE: 25px; PADDING-TOP: 6px
}
.design .pro .li_txt {
    LINE-HEIGHT: 26px; MARGIN: 0px auto; WIDTH: 168px; COLOR: #fff; FONT-SIZE: 14px
}
.design .pro .active .num {
    BACKGROUND: url(../images/p302.png) no-repeat; COLOR: #2b78d9
}











.design .ser {
    TEXT-ALIGN: center; PADDING-BOTTOM: 40px; OVERFLOW: hidden; PADDING-TOP: 40px
}
.design .ser .title {
    PADDING-BOTTOM: 20px; LINE-HEIGHT: 32px; COLOR: #828282; FONT-SIZE: 16px; PADDING-TOP: 16px
}
.design .ser .list {
    FONT-SIZE: 0px; PADDING-TOP: 8px
}
.design .ser LI {
    WIDTH: 288px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 440px; VERTICAL-ALIGN: middle
}
.design .ser .li_tit {
    LINE-HEIGHT: 75px; COLOR: #fff; FONT-SIZE: 30px
}
.design .ser .li_txt {
    LINE-HEIGHT: 30px; COLOR: #383838; FONT-SIZE: 16px
}
.design .ser .li1 .li_tit {
    BACKGROUND: #89c12a
}
.design .ser .li1 {
    BORDER-BOTTOM: #89c12a 3px solid; MARGIN-RIGHT: 88px
}
.design .ser .li2 .li_tit {
    BACKGROUND: #f5a913
}
.design .ser .li2 {
    BORDER-BOTTOM: #f5a913 3px solid; MARGIN-RIGHT: 88px
}
.design .ser .li3 .li_tit {
    BACKGROUND: #12a4db
}
.design .ser .li3 {
    BORDER-BOTTOM: #12a4db 3px solid
}






.design .case {
    PADDING-BOTTOM: 40px; BACKGROUND: #fff; OVERFLOW: hidden; PADDING-TOP: 40px
}
.design .case .last {
    MARGIN-RIGHT: 0px
}
.design .case .txt {
    PADDING-LEFT: 15px; PADDING-TOP: 20px
}
.design .case .txt .p1 {
    LINE-HEIGHT: 48px; BACKGROUND: url(../images/cgal_07.jpg) no-repeat left top; COLOR: #444; FONT-SIZE: 16px
}
.design .case .txt .p2 {
    LINE-HEIGHT: 18px; COLOR: #898989; FONT-SIZE: 12px
}
.design .case .con {
    POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: url(../images/cgal_06.png); HEIGHT: 100%; TOP: 0px; LEFT: 0px; opacity: 0; transition: 0.5s
}
.design .case .bl .con {
    opacity: 1
}
.design .case .list {
    PADDING-TOP: 48px
}
.design .case .more {
    BORDER-BOTTOM: #a0a0a0 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #a0a0a0 1px solid; LINE-HEIGHT: 50px; MARGIN: 0px auto; WIDTH: 188px; DISPLAY: block; COLOR: #6c6c6c; FONT-SIZE: 16px; BORDER-TOP: #a0a0a0 1px solid; BORDER-RIGHT: #a0a0a0 1px solid; -o-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px
}

.design .case .more:hover {
    BORDER-BOTTOM: #2b78d9 1px solid; BORDER-LEFT: #2b78d9 1px solid; BACKGROUND: #2b78d9; COLOR: #fff; BORDER-TOP: #2b78d9 1px solid; BORDER-RIGHT: #2b78d9 1px solid
}
.design .case LI .img {
    OVERFLOW: hidden
}
.hf .list LI .con {
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); -o-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg)
}
.design .case LI .con {
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); -o-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg)
}
.hf .list LI.bl .con {
    VISIBILITY: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg)
}
.design .case LI.bl .con {
    VISIBILITY: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg)
}
.hf .list LI .con .tit {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.hf .list LI .hy {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.hf .list LI .con A {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.design .case LI .con .li_tit {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.design .case LI .con .hy {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.design .case LI A {
    POSITION: relative; LEFT: 50px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -ms-transition: 0.5s
}
.hf .list .bl .con .tit {
    LEFT: 0px; opacity: 1
}
.hf .list .bl .hy {
    LEFT: 0px; opacity: 1
}
.hf .list .bl .con A {
    LEFT: 0px; opacity: 1
}
.design .case LI.bl .li_tit {
    LEFT: 0px; opacity: 1
}
.design .case LI.bl .hy {
    LEFT: 0px; opacity: 1
}
.design .case LI.bl A {
    LEFT: 0px; opacity: 1
}
.banner_1 .banner_con {
    OVERFLOW: visible
}
.banner_1 {
    OVERFLOW: visible
}
.banner_1 .right {
    WIDTH: 600px
}
.banner_1 .img1 {
    OVERFLOW: hidden
}
.banner_1 .right .p1 .img12 {
    POSITION: absolute; BOTTOM: 0px; DISPLAY: block; OVERFLOW: hidden; LEFT: 112px
}
.banner_1 .p1 .img12 {
    WIDTH: 122px; HEIGHT: 82px
}
.banner_1 .p1 .img2 {
    POSITION: absolute; BOTTOM: 0px; LEFT: 8px
}
.banner_1 .p1 .img3 {
    POSITION: absolute; TOP: 0px; LEFT: -5px
}
.banner_1 .p2 {
    POSITION: relative
}
.banner_1 .p2 .img2 {
    POSITION: absolute; TOP: 0px; LEFT: 433px
}







.design .cust .li {
    animation: deli 0.6s ease-out both; -moz-animation: deli 0.6s ease-out both; -ms-animation: deli 0.6s ease-out both; -webkit-animation: deli 0.6s ease-out both; -o-animation: deli 0.6s ease-out both
}
.design .cust .li1 {
    -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s
}
.design .cust .li2 {
    -moz-animation-delay: 0.4s; -ms-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s
}
.design .cust .li3 {
    -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s
}
.design .ser .list UL {
    PADDING-BOTTOM: 6px
}
.design .ser LI.active {
    -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02)
}

.wrap {
    MARGIN: 0px auto; WIDTH: 1200px
}