@charset "utf-8";/*!Project : 博郡

+---------style.css----------+

| |

| Author | yeshiqiu |

| Q__Q | 574442979 |

| Addr | SC_Chengdu |

| Date | 2017.08.111 |

| |

+--!-_-!--------------!-_-!--+*/

.tdu:hover { text-decoration: underline }

.op0 { opacity: 0; filter: alpha(opacity=0); *zoom:1

}

.op1 { opacity: 1; filter: alpha(opacity=100) }

.nots { -webkit-transition: none!important; transition: none!important }

.ts { -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.c1 { color: #bf0008 }

.bgc1 { background-color: #bf0008 }

.c2 { color: #ff6215 }

.bgc2 { background-color: #ff6215 }

.c3 { color: #209773 }

.bgc3 { background-color: #209773 }

.c4 { color: #206397 }

.bgc4 { background-color: #206397 }

a { color: #333 }

a.on, a:hover { color: #bf0008 }

html { min-width: 1320px }

body { color: #666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif }

img { vertical-align: middle }

.w, .container { width: 1320px; margin-left: auto; margin-right: auto }

.vmbox { font-size: 14px; line-height: 1.4333; font-family: microsoft yahei, 微软雅黑 }

.info { font-size: 14px; line-height: 24px }

.imax { font-size: 14px; line-height: 26px }

.csstransf .hbg .zd { -webkit-transform: scale(1.5); transform: scale(1.5) }

.csstransf .hbg:hover .zd, .csstransf .hbg.hbgOn .zd { -webkit-transform: scale(1); transform: scale(1) }

.csstransf .scs img { -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s }

.csstransf .scs.hbgOn img, .csstransf .scs:hover img { -webkit-transform: scale(1.025); transform: scale(1.025) }

.csstransf .scst img { -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }

.csstransf .scst.hbgOn img, .csstransf .scst:hover img { -webkit-transform: scale(1.025); transform: scale(1.025) }

.csstransf .tfy3, .csstransf .tfx3, .csstransf .tfy-3, .csstransf .tfx-3 { -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.csstransf .tfy3:hover { -webkit-transform: translateY(3px); transform: translateY(3px) }

.csstransf .tfx3:hover { -webkit-transform: translateX(3px); transform: translateX(3px) }

.csstransf .tfy-3:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px) }

.csstransf .tfx-3:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px) }

.csstransf .zfb .behind { -webkit-transform: scale(1.2); transform: scale(1.2) }

.csstransf .zfb.hbgOn .front, .csstransf .zfb:hover .front { -webkit-transform: scale(1.2); transform: scale(1.2) }

.csstransf .zfb.hbgOn .behind, .csstransf .zfb:hover .behind { -webkit-transform: none!important; transform: none!important }

.hbg .op0 { -webkit-transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible

}

.hbg:hover .op0, .hbg.hbgOn .op0 { -webkit-transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible }

.hbg:hover .op0.htfn, .hbg.hbgOn .op0.htfn { -webkit-transform: none!important; transform: none!important }

.hbg .front, .hbg:hover .behind, .hbg.hbgOn .behind { -webkit-transition: all 222ms ease-out 0ms; transition: all 222ms ease-out 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible }

.hbg .behind, .hbg:hover .front, .hbg.hbgOn .front { -webkit-transition: all 222ms ease-in 0ms; transition: all 222ms ease-in 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible

}

.hbg .bdu { border-width: 0; border-style: solid }

.hbg:hover .bdu, .hbg.hbgOn .bdu { height: 0!important }

.TAlert { display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto }

.TAlert .contain { display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; position: relative; overflow: hidden; z-index: 9; vertical-align: middle; width: 400px; padding: 70px 60px; background: #fff; font-size: 18px; line-height: 1; opacity: 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-transform: scale(.2); transform: scale(.2) }

.TAlert.on .contain { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }

.TAlert .Tclose { position: absolute; top: 0; right: 0; cursor: pointer; width: 40px; height: 40px; color: #000; font: bold 40px/32px "黑体" }

.TAlert .head { font-size: 0 }

.TAlert .body { background: #fff; font-size: 18px; color: #333; font-weight: 700 }

.csstransf .linkBd { position: relative; overflow: hidden }

.csstransf .linkBd::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: 0 solid rgba(0,0,0,.08); border-radius: inherit }

.csstransf .linkBd:hover::after { border-width: 25px }

.skin { color: #999 }

.skin::-webkit-input-placeholder {

color:#333

}

.skin:-moz-placeholder {

color:#333

}

.skin::-moz-placeholder {

color:#333

}

.skin:-ms-input-placeholder {

color:#333

}

.skin.red { color: #ff000c; border-color: #ff000c!important }

.skin.red::-webkit-input-placeholder {

color:#ff000c

}

.skin.red:-moz-placeholder {

color:#ff000c

}

.skin.red::-moz-placeholder {

color:#ff000c

}

.skin.red:-ms-input-placeholder {

color:#ff000c

}

.floatBar { position: fixed; right: 0; top: 50%; margin-top: -208px; width: 65px; height: 415px; z-index: 60 }

.floatBar .item { position: relative; display: block; width: 65px; height: 65px; margin-top: 5px; text-align: center }

.floatBar .item:first-child { margin-top: 0 }

.floatBar .item .stay { position: relative; width: 100%; height: 100%; -webkit-transition: all 150ms ease 200ms; transition: all 150ms ease 200ms }

.floatBar .item .stay .bg { width: 63px; height: 63px; border: #d34f55 solid 1px; background-color: #fff; opacity: .2; filter: alpha(opacity=20); *zoom:1

}

.floatBar .item .stay .img { height: 65px; line-height: 65px; font-size: 0; *font-size:49px

}

.floatBar .item .come { position: absolute; right: 0; top: 0; padding-right: 65px; height: 65px; color: #fff; font-size: 14px; line-height: 16px; -webkit-transition: all 250ms ease 100ms; transition: all 250ms ease 100ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible

}

.floatBar .item .come span { position: absolute; right: 0; top: 0; z-index: 1; height: 32px; width: 29px; padding: 17px 18px 16px; background-color: #333; -webkit-transform: scale(.6) rotate(45deg); transform: scale(.6) rotate(45deg); -webkit-transition: all 150ms ease 100ms; transition: all 150ms ease 100ms }

.floatBar .item:hover .stay { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible;

-webkit-transform: scale(.6) rotate(-45deg); transform: scale(.6) rotate(-45deg) }

.floatBar .item:hover .come { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible }

.floatBar .item:hover .come span { -webkit-transform: none; transform: none }

.floatBar .item.telephone p { position: relative; z-index: 0; white-space: nowrap; font-size: 18px; line-height: 65px; padding-left: 20px; background-color: #333; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible

}

.floatBar .item.telephone:hover p { -webkit-transform: none; transform: none; -webkit-transition: all 110ms ease 200ms; transition: all 110ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible }

.floatBar.fixed .stay .bg, .floatBar.sub .stay .bg { opacity: .85; filter: alpha(opacity=85) }

.nav { position: fixed; left: 0; top: 0; z-index: 24; width: 100%; height: 99px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.nav .logo { height: 99px; line-height: 99px; font-size: 0; *font-size:75px;

text-align: center }

.nav .logo img { display: inline-block; position: relative; *top:-1px;

max-width: 100%; max-height: 100%; width: auto; height: auto }

.nav .logo .vmbox { margin-left: 8px; padding-left: 18px; text-align: left; color: #666; background-image: url(../images/i1.png); background-repeat: no-repeat; background-position: 0 center }

.nav .navbox { position: relative; margin-right: 50px; margin-top: 35px }

.nav .navbox .item { float: left; position: relative; z-index: 2; width: 64px; height: 32px; margin-left: 35px; text-align: center; font-size: 16px; line-height: 32px }

.nav .navbox .item>.link { display: inline-block; -webkit-transition: color 220ms ease 0s; transition: color 220ms ease 0s }

.nav .navbox .item.on>.link { color: #bf0008 }

.nav .navbox .item:hover .subnav { -webkit-transform: none; transform: none }

.nav .navbox .block { display: none; position: absolute; left: 0; top: 0; height: 32px; border-bottom: #bf0008 3px solid }

.nav .serchTrigger { position: absolute; right: 0; top: 35px; width: 30px; height: 30px; cursor: pointer; background-image: url(../images/i2.png); background-color: #bf0008; background-position: center center; background-repeat: no-repeat }

.nav .searchBox { position: absolute; top: 100px; right: 0; z-index: 0; width: 290px; height: 40px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible;

-webkit-transform: translateY(-10px); transform: translateY(-10px) }

.nav .searchBox .bg { background-color: #000; opacity: .9; filter: alpha(opacity=90); *zoom:1

}

.nav .searchBox .contain { padding: 5px; width: 280px; height: 30px }

.nav .searchBox .skin { width: 200px; height: 30px; line-height: 30px; text-indent: 10px; background-color: #fff }

.nav .searchBox .enter { width: 70px; height: 30px; text-align: center; font-size: 16px; color: #fff; background-color: #bf0008 }

.nav .searchBox.show { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none; transform: none }

.nav .subnav { position: absolute; left: 50%; top: 100%; width: 180px; margin-left: -90px; line-height: 40px; white-space: nowrap; -webkit-transform: translateY(6px); transform: translateY(6px) }

.nav .subnav .bgt { height: 23px; background-image: url(../images/i3t.png) }

.nav .subnav .bgm { margin-top: 23px; margin-bottom: 15px; background-image: url(../images/i3m.png) }

.nav .subnav .bgb { height: 15px; top: auto; bottom: 0; background-image: url(../images/i3b.png) }

.nav .subnav dd { margin-left: auto; margin-right: auto; width: 160px; text-align: left; text-indent: 37px; border-top: #e3e3e3 solid 1px; font-size: 14px }

.nav .subnav dd:first-child { border-top: 0 }

.nav .subnav .dot { display: inline-block; width: 4px; height: 4px; background-image: url(../images/i4.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; vertical-align: top; margin-top: 18px; margin-right: 10px }

.nav .subnav .link { display: block }

.nav .subnav .link:hover .dot { width: 8px; background-position: right 0 }

.nav.fixed, .nav.sub { background-color: #fff; border-bottom: #e3e3e3 solid 1px }

.nav.fixed .subnav .bgt, .nav.sub .subnav .bgt { background-image: url(../images/i3t-sub.png) }

.nav.fixed .subnav .bgm, .nav.sub .subnav .bgm { background-image: url(../images/i3m-sub.png) }

.nav.fixed .subnav .bgb, .nav.sub .subnav .bgb { background-image: url(../images/i3b-sub.png) }

.nav.fixed { -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.1); box-shadow: 0 0 3px 1px rgba(0,0,0,.1) }

.banner { position: relative; overflow: hidden; width: 100% }

.banner .shade .box{ position:relative !important;}

.banner .item { display: block; position: relative; overflow: hidden; width: 100%; -webkit-transition: none!important; transition: none!important; background-color: #fff }

.banner img { position: relative; width: 100%; display: block }

.banner .icon { height: 10px; line-height: 10px; position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap }

.banner .icon .btn { display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 40px; height: 6px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent:0;

*font-size:0;

margin: 0 5px; background-color: #bf0008; vertical-align: top }

.banner .icon .btn.on { background-color: #209773 }

.banner .ctr { display: block; position: absolute; z-index: 3; bottom: 0; width: 49px; height: 49px; background-image: url(../images/arrow.png) }

.banner .prev { left: 50%; margin-left: -650px; background-position: 0 0 }

.banner .next { right: 50%; margin-right: -650px; background-position: -49px 0 }

.i-Head { padding-top: 50px; text-align: center }

.i-Head h2 { height: 26px; margin-bottom: 20px; text-align: center; font-size: 26px; background-image: url(../images/i6.png); background-position: 50% 50%; background-repeat: no-repeat }

.i-Head .aside { font-size: 16px; line-height: 24px }

.i-Head .aside, .i-Head .aside a { color: #999 }

.i-Process { background-color: #f5f5f5; padding-top: 35px; padding-bottom: 35px }

.i-About { padding-bottom: 215px; background-image: url(../images/bg1.jpg); background-position: bottom center; background-repeat: no-repeat }

.i-About .body { position: relative; margin-bottom: 20px; margin-top: 22px; height: 262px; padding-top: 30px; padding-bottom: 20px; background-image: url(../images/bg2.png); background-position: 50% 28px; background-repeat: no-repeat }

.i-About .body .item { position: absolute; font-size: 16px; line-height: 30px; width: 330px; padding-right: 20px; padding-left: 20px }

.i-About .body .item .dot { position: absolute; width: 30px; height: 30px; background-image: url(../images/dot.png) }

.i-About .body .i1, .i-About .body .i2 { text-align: right; border-right: 4px solid #ff6215; left: 30px }

.i-About .body .i3, .i-About .body .i4, .i-About .body .i5 { text-align: left; border-left: 4px solid #ff6215; right: 32px }

.i-About .body .i1, .i-About .body .i3 { top: 25px }

.i-About .body .i2, .i-About .body .i5 { bottom: 17px }

.i-About .body .i4 { top: 147px }

.i-About .body .item.AniStart .dot { opacity: 0 }

.i-About .body .item.AniDid .dot { opacity: 1; -webkit-animation: flashUp .8s ease-in 0s infinite alternate; animation: flashUp .8s ease-in 0s infinite alternate }

.i-About .body .i1 .dot { right: -174px; top: 47px }

.i-About .body .i2 .dot { right: -202px; top: 55px }

.i-About .body .i3 .dot { left: -141px; top: 47px }

.i-About .body .i4 .dot { left: -168px; top: 45px }

.i-About .body .i5 .dot { left: -141px; top: -14px }

.i-About .foot { text-align: center; width: 700px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 24px }

.i-Team { height: 586px; background-image: url(../images/bg3.jpg); background-position: 50% 50%; background-repeat: no-repeat; color: #fff }

.i-Team .container { padding-left: 520px; width: 800px }

.i-Team .dt { font-size: 40px; line-height: 40px; padding-top: 75px }

.i-Team .dt .more { width: 80px; height: 40px; display: inline-block; background-image: url(../images/i8.png); font-family: Arial, sans-serif; font-size: 16px; color: #fff; text-align: center; vertical-align: top }

.i-Team .dd { margin-top: 30px; width: 650px; font-size: 16px; line-height: 28px }

.i-Team .teamItem { position: relative; overflow: hidden }

.i-Team .teamItem .face .pic { width: 100%; height: 100% }

.i-Team .teamItem .face .contain { position: absolute; z-index: 3; color: #fff }

.i-Team .teamItem .face .name { font-weight: 700 }

.i-Team .teamItem .mask { background-color: #fff; color: #bf0008 }

.i-Team .theOne { float: left; width: 440px; height: 586px; margin-left: -520px }

.i-Team .theOne .face .contain { left: 30px; bottom: 30px; line-height: 36px }

.i-Team .theOne .face .name { font-size: 26px }

.i-Team .theOne .face .pos { font-size: 20px }

.i-Team .theOne .mask { padding: 155px 35px 85px; width: 370px; height: 346px }

.i-Team .theOne .mask .hr { width: 130px; position: absolute; left: 0; top: 85px; background-color: #bf0008 }

.i-Team .theOne .mask .name { font-size: 30px }

.i-Team .theOne .mask .pos { font-size: 18px; margin-top: 18px }

.i-Team .theOne .mask .info { font-size: 16px; position: relative; overflow: hidden; max-height: 144px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-top: 45px }

.i-Team .theOne .mask .more { position: absolute; left: 35px; bottom: 85px; width: 165px; height: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #bf0008; font-size: 18px }

.i-Team .list0 { width: 800px; margin-top: 35px }

.i-Team .list0 .teamItem { float: left; width: 200px; height: 268px }

.i-Team .list0 .face .contain { left: 20px; bottom: 15px; line-height: 28px }

.i-Team .list0 .face .name { font-size: 18px }

.i-Team .list0 .face .pos { font-size: 16px }

.i-Team .list0 .mask { padding: 20px; width: 160px; height: 228px }

.i-Team .list0 .mask .name { font-size: 18px; font-weight: 700 }

.i-Team .list0 .mask .pos { font-size: 16px; margin-top: 12px }

.i-Team .list0 .mask .info { font-size: 14px; position: relative; overflow: hidden; max-height: 96px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 25px }

.i-Team .list0 .mask .more { position: absolute; left: 20px; bottom: 20px; width: 108px; height: 28px; line-height: 28px; text-align: center; border: #bf0008 1px solid; color: #bf0008 }

.i-Customization { position: relative; padding-bottom: 75px; border-bottom: #209773 4px solid }

.i-Customization .mores { position: absolute; bottom: -3px; left: 50%; width: 97px; height: 68px; line-height: 66px; font-size: 16px; text-align: center; color: #fff; margin-left: -48px; background-image: url(../images/i9.png) }

.i-Customization .list0 { position: relative; overflow: hidden }

.i-Customization .list0 .item { float: left; position: relative; overflow: hidden; width: 306px; margin-left: 32px; text-align: center }

.i-Customization .list0 .item:first-child { margin-left: 0 }

.i-Customization .list0 .pic { position: absolute; left: 0; width: 190px; height: 220px; padding: 28px 58px }

.i-Customization .list0 .pic:hover img { -webkit-transform: scale(1.05); transform: scale(1.05) }

.i-Customization .list0 .mask { background-image: url(../images/i10.png) }

.i-Customization .list0 .more { width: 46px; height: 54px; position: absolute; left: 50%; margin-left: -23px; z-index: 11; background-image: url(../images/i11.png) }

.i-Customization .list0 h3 { line-height: 34px; padding-top: 17px; padding-bottom: 17px; font-size: 26px }

.i-Customization .list0 .link { position: relative }

.csstransf .i-Customization .list0 .link::after { position: absolute; bottom: 0; left: 50%; content: " "; width: 0; border-bottom: solid 2px }

.csstransf .i-Customization .list0 .link::after { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s }

.csstransf .i-Customization .list0 .link:hover::after { left: 0; width: 100% }

.i-Customization .list0 .info { position: relative; overflow: hidden; max-height: 112px; line-height: 28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #000; height: 112px; padding-left: 3px; padding-right: 3px }

.i-Customization .list0 .even { padding-top: 285px; height: 210px }

.i-Customization .list0 .even .pic { top: 8px }

.i-Customization .list0 .even .more { bottom: 0; background-position: 0 -54px }

.i-Customization .list0 .odd { height: 495px }

.i-Customization .list0 .odd .pic { top: 208px }

.i-Customization .list0 .odd .more { top: 0 }

.i-Diy { background-color: #f5f5f5 }

.i-Diy .aside { margin-top: 20px }

.i-Diy .aside, .i-Diy .aside a { color: #999 }

.i-Diy .aside s { margin-left: 30px; margin-right: 30px }

.i-Diy .aside .link:hover { color: #bf0008 }

.diySlide { position: relative; height: 500px; margin-top: 60px }

.diySlide .shade { width: 2400px; left: 50%; margin-left: -970px }

.diySlide .shade .item { float: left; width: 800px; height: 500px; padding-left: 10px }

.diySlide .shade .item .pic { background-color: #000; float: right; width: 800px; height: 500px; -webkit-transition: all 500ms ease 400ms; transition: all 500ms ease 400ms }

.diySlide .shade .item .pic img { opacity: .8; filter: alpha(opacity=80); *zoom:1

}

.diySlide .shade .item.on .pic img { opacity: 1; filter: alpha(opacity=100) }

.diySlide .txtContain { position: absolute; z-index: 5; top: 0; left: 50%; margin-left: -660px; width: 500px; height: 500px }

.diySlide .txtContain .contain { display: block; width: 100%; height: 100%; background-color: #fff }

.diySlide .txtContain .box { position: absolute; left: 0; top: 0; padding-left: 40px; padding-right: 60px; padding-top: 40px; width: 400px; height: 466px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible

}

.diySlide .txtContain .box.on { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible }

.diySlide .txtContain .bg { background-color: #fff; opacity: .8; filter: alpha(opacity=80); *zoom:1

}

.diySlide .txtContain .style { width: 90px; height: 30px; line-height: 30px; background-color: #999; text-align: center; color: #fff; font-size: 16px }

.diySlide .txtContain h3 { margin-top: 30px; font-size: 20px; position: relative; overflow: hidden; max-height: 76px; line-height: 38px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.diySlide .txtContain .info { margin-top: 35px; font-size: 16px; position: relative; overflow: hidden; max-height: 182px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical }

.diySlide .txtContain .more { display: block; margin-top: 30px; width: 88px; height: 28px; line-height: 28px; text-align: center; font-size: 16px; color: #666; border: #999 1px solid }

.diySlide .ctr { display: block; position: absolute; z-index: 6; bottom: 20px; left: 50%; width: 60px; height: 60px; background-image: url(../images/arrow.png); opacity: .8; filter: alpha(opacity=80); *zoom:1;

-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.diySlide .ctr:hover { opacity: 1; filter: alpha(opacity=100) }

.diySlide .prev { margin-left: -240px; background-position: 0 0 }

.diySlide .next { margin-left: -140px; background-position: -60px 0 }

.diylist { position: relative; overflow: hidden; padding-top: 65px; padding-bottom: 65px; margin-right: -9px; margin-bottom: -8px; *margin-bottom:0

}

.diylist~* { display: none }

.diylist .item { position: relative; overflow: hidden; float: left; margin-right: 7px; margin-bottom: 8px; width: 324px; height: 202px }

.diylist .item .pic { width: 100%; height: 100% }

.diylist .item h3 { position: absolute; z-index: 3; left: 0; bottom: -36px; width: 100%; height: 36px; line-height: 36px; text-indent: 12px; background-color: #000; color: #fff; font-size: 14px; opacity: .8; filter: alpha(opacity=80); *zoom:1

}

.diylist .item:first-child { width: 660px; height: 412px }

@-webkit-keyframes tada { 0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);

transform:scale3d(.9, .9, .9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)

}

to { -webkit-transform: scaleX(1); transform: scaleX(1) }

}

@keyframes tada { 0% {

-webkit-transform:scaleX(1);

transform:scaleX(1)

}

10%, 20% {

-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);

transform:scale3d(.9, .9, .9) rotate(-3deg)

}

30%, 50%, 70%, 90% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)

}

40%, 60%, 80% {

-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);

transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)

}

to { -webkit-transform: scaleX(1); transform: scaleX(1) }

}

.tada { -webkit-animation-name: tada; animation-name: tada }

.i-League { position: relative; height: 1100px; background-image: url(../images/bg4.jpg); background-position: 50% 50%; background-repeat: no-repeat }

.i-League .item { position: absolute; width: 350px }

.i-League .pic { width: 350px; height: 70px }

.i-League .info { margin-top: 17px; font-size: 16px; line-height: 22px; height: 66px }

.i-League .num { position: absolute; width: 40px; height: 40px; line-height: 38px; font-size: 24px; color: #fff; text-align: center; background-image: url(../images/iqli3.png) }

.i-League .circleCenter, .i-League .circleDot { position: absolute; left: 50%; top: 257px; margin-left: -232px; width: 463px; height: 463px; -webkit-animation-duration: 0s; animation-duration: 0s }

.i-League .circleCenter .name { height: 450px; line-height: 450px; font-size: 0; *font-size:342px

}

.i-League .circleCenter .cyclone { background-image: url(../images/iqli2.png); background-position: 50% 50%; background-repeat: no-repeat }

.i-League .circleCenter.AniStart .cyclone, .i-League .circleCenter.AniStart .name, .i-League .circleCenter.AniStart .item { opacity: 0; filter: alpha(opacity=0); *zoom:1

}

.i-League .circleCenter.AniStart .cyclone { -webkit-transform: rotate(-360deg); transform: rotate(-360deg) }

.i-League .circleCenter.AniDid .cyclone, .i-League .circleCenter.AniDid .name, .i-League .circleCenter.AniDid .item { opacity: 1; filter: alpha(opacity=100) }

.i-League .circleCenter.AniDid .cyclone { -webkit-transform: none; transform: none; -webkit-transition: all 1.5s ease-in 0s; transition: all 1.5s ease-in 0s }

.i-League .circleCenter.AniDid .name { -webkit-transition: all 220ms ease 1.5s; transition: all 220ms ease 1.5s; -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both }

.i-League .circleDot.AniStart { -webkit-transform: scale(.95); transform: scale(.95) }

.i-League .circleDot.AniDid { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity .3s, -webkit-transform 2000ms!important; transition: opacity .3s, -webkit-transform 2000ms!important; transition: opacity .3s, transform 2000ms!important; transition: opacity .3s, transform 2000ms, -webkit-transform 2000ms!important }

.i-League .i1 { left: 50%; bottom: 50%; margin-left: 70px; margin-bottom: 192px; padding-bottom: 55px }

.i-League .i1 .num { left: 0; bottom: 0 }

.i-League .i2 { left: 50%; bottom: 50%; margin-left: 195px; margin-bottom: 28px; padding-left: 80px }

.i-League .i2 .num { left: 0; top: 70px }

.i-League .i3 { left: 50%; top: 50%; margin-left: 195px; margin-top: 50px; padding-left: 80px }

.i-League .i3 .num { left: 0; top: 15px }

.i-League .i4 { left: 50%; top: 50%; margin-left: 67px; margin-top: 192px; padding-top: 80px }

.i-League .i4 .num { left: 0; top: 0 }

.i-League .i5 { right: 50%; top: 50%; margin-right: 67px; margin-top: 192px; padding-top: 80px }

.i-League .i5 .num { right: 0; top: 0 }

.i-League .i6 { right: 50%; top: 50%; margin-right: 195px; margin-top: 50px; padding-right: 80px }

.i-League .i6 .num { right: 0; top: 15px }

.i-League .i7 { right: 50%; bottom: 50%; margin-right: 195px; margin-bottom: 28px; padding-right: 80px }

.i-League .i7 .num { right: 0; top: 70px }

.i-League .i8 { right: 50%; bottom: 50%; margin-right: 70px; margin-bottom: 192px; padding-bottom: 55px }

.i-League .i8 .num { right: 0; bottom: 0 }

.i-League .i-MoreX { position: absolute; bottom: 105px; left: 50%; margin-left: -75px; background-color: #ff6215 }

.i-MoreX { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff!important; border-radius: 3px; display: block; margin-left: auto; margin-right: auto }

.i-Service { position: relative; height: 839px; background-image: url(../images/bg5.jpg); background-position: 50% 50%; background-repeat: no-repeat }

.i-Service .i-Head, .i-Service .i-Head .aside { color: #fff }

.i-Service .stickBottom { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #209773; height: 80px; line-height: 80px; font-size: 24px; color: #fff; text-align: center }

.i-Service .i-MoreX { background-color: #bf0008 }

.i-Service .saleFlow { position: relative; height: 440px; margin-top: 55px; margin-bottom: 55px }

.i-Service .saleFlow .item { position: relative; overflow: hidden; float: left; width: 330px; height: 440px; background-color: #fff }

.i-Service .saleFlow .item, .i-Service .saleFlow .item .bg { -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s }

.i-Service .saleFlow .item .bg { width: 660px; left: auto; right: 0; *zoom:1

}

.i-Service .saleFlow .item .dt { position: absolute; left: 50%; top: 330px; z-index: 3; margin-left: -120px; width: 240px; height: 60px; -webkit-transition: all 500ms, background-color 0ms; transition: all 500ms, background-color 0ms; line-height: 60px; text-align: center; color: #fff; font-size: 30px; font-weight: 700; background-color: #209773; white-space: nowrap }

.i-Service .saleFlow .item .dd { position: absolute; left: 30px; top: 140px; width: 585px; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible;

-webkit-transform: translateY(60px); transform: translateY(60px) }

.i-Service .saleFlow .item .dd dt, .i-Service .saleFlow .item .dd dd { padding-left: 35px }

.i-Service .saleFlow .item .dd dt { font-size: 22px; color: #bf0008; line-height: 26px; background-image: url(../images/i12.png); background-repeat: no-repeat; background-position: 0 5px }

.i-Service .saleFlow .item .dd dd { margin-top: 15px; margin-bottom: 20px; font-size: 16px; line-height: 28px }

.i-Service .saleFlow .item.Spre .bg { left: 0 }

.i-Service .saleFlow .item.on { width: 660px }

.i-Service .saleFlow .item.on .bg { opacity: .2; filter: alpha(opacity=20) }

.i-Service .saleFlow .item.on .dt { width: 40px; padding-left: 25px; left: 0; margin-left: 0; top: 30px; padding-bottom: 19px; border-bottom: #bf0008 solid 1px; font-size: 44px; color: #bf0008; background: 0 0 }

.i-Service .saleFlow .item.on .dd { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none; transform: none; -webkit-transition: all 220ms ease 300ms; transition: all 220ms ease 300ms }

.i-News { padding-bottom: 65px }

.i-News .i-Head .slash { margin-left: 30px; margin-right: 30px }

.i-News .lists { height: 370px; margin-top: 50px }

.i-News .lists .hot { width: 420px; height: 370px }

.i-News .lists .hot .pic { height: 315px }

.i-News .lists .hot h3 { font-size: 16px; padding-left: 25px; padding-right: 25px; width: 370px;    overflow: hidden; height: 55px; line-height: 55px; background-color: #eee }

.i-News .lists .frd { width: 838px; height: 328px; padding: 20px; border: #e3e3e3 solid 1px }

.i-News .lists .list0 { position: relative; width: 190px; height: 165px }

.i-News .lists .list0 dt { font-size: 18px; line-height: 38px; margin-bottom: 5px }

.i-News .lists .list0 dd { position: relative; font-size: 14px; line-height: 30px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.i-News .lists .list0 dd s { position: absolute; left: 0; top: 50%; margin-top: -1px; width: 3px; height: 3px; background-color: #000 }

.i-News .lists .list0 dd .link:hover s { background-color: #bf0008 }

.i-News .lists .list0.i1, .i-News .lists .list0.i3 { float: left }

.i-News .lists .list0.i2, .i-News .lists .list0.i4 { float: right }

.i-News .lists .list0.i1, .i-News .lists .list0.i2 { padding-right: 215px }

.i-News .lists .list0.i1 .poa, .i-News .lists .list0.i2 .poa { right: 0; top: 0 }

.i-News .lists .list0.i3, .i-News .lists .list0.i4 { padding-left: 215px }

.i-News .lists .list0.i3 .poa, .i-News .lists .list0.i4 .poa { left: 0; bottom: 0 }

.i-Bojun { position: relative; height: 440px }

.i-Bojun .col { position: absolute; overflow: hidden; top: 0; width: 50%; height: 100% }

.i-Bojun .l0 img { position: absolute; right: 0; top: 0; width: 960px; height: 100% }

.i-Bojun .r0 { background-color: #ff6215 }

.i-Bojun .r0 .contain { position: absolute; left: 0; top: 0; padding-top: 40px; padding-left: 35px; width: 625px; height: 400px; color: #fff }

.i-Bojun .r0 .contain .en { font-size: 24px; font-family: Arial, sans-serif; text-transform: uppercase }

.i-Bojun .r0 .contain .cn { width: 100px; margin-top: 15px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #fff solid 2px; white-space: nowrap; font-size: 26px }

.i-Bojun .r0 .contain .more { position: absolute; right: 5px; top: 90px; width: 80px; height: 20px; line-height: 20px; text-align: center; background-color: #fff; color: #ff6215; border-radius: 2px }

.i-Bojun .r0 .Tt { position: relative; overflow: hidden; height: 120px; margin-bottom: 20px; font-size: 16px; line-height: 24px; text-align: justify }

.i-Bojun .r0 .Tg .btn { position: relative; float: left; width: 105px; margin-right: 45px; padding-top: 100px; white-space: nowrap; text-align: center; color: #fff; font-size: 16px }

.i-Bojun .r0 .Tg .btn s { position: absolute; left: 50%; top: 0; margin-left: -40px; width: 80px; height: 80px; background-image: url(../images/i14.png) }

.i-Bojun .r0 .Tg .btn.i1 s { background-position: 0 0 }

.i-Bojun .r0 .Tg .btn.i2 s { background-position: -80px 0 }

.i-Bojun .r0 .Tg .btn.i3 s { background-position: -160px 0 }

.i-Bojun .r0 .Tg .btn.on { font-weight: 700 }

.i-Bojun .r0 .Tg .btn.on.i1 s { background-position: 0 -80px }

.i-Bojun .r0 .Tg .btn.on.i2 s { background-position: -80px -80px }

.i-Bojun .r0 .Tg .btn.on.i3 s { background-position: -160px -80px }

.i-Partner { margin-bottom: 50px }

.i-Partner .i-Head { text-transform: uppercase }

.i-Partner .i-Head h2 { margin-bottom: 15px }

.i-Partner .partnerSlide { position: relative; width: 1199px; height: 132px; padding-left: 60px; padding-right: 61px; margin-top: 35px; margin-left: auto; margin-right: auto }

.i-Partner .partnerSlide .item { float: left; display: block; position: relative; overflow: hidden; width: 199px; height: 132px; border-right: #fff solid 1px; background-color: #f5f5f5; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.i-Partner .partnerSlide .item img { position: absolute; left: 0; top: 0; *zoom:1;

-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s }

.i-Partner .partnerSlide .item .front { z-index: 2; opacity: 1; filter: alpha(opacity=100) }

.i-Partner .partnerSlide .item .behind { z-index: 1; opacity: 0; filter: alpha(opacity=0) }

.i-Partner .partnerSlide .item:hover .front { z-index: 1; opacity: 0; filter: alpha(opacity=0) }

.i-Partner .partnerSlide .item:hover .behind { z-index: 2; opacity: 1; filter: alpha(opacity=100) }

.i-Partner .partnerSlide .icon { height: 10px; line-height: 10px; position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap }

.i-Partner .partnerSlide .icon .btn { display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 20px; height: 10px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent:0;

*font-size:0;

margin: 0 5px; background-image: url(../images/i1.png); background-position: 0 0; vertical-align: top }

.i-Partner .partnerSlide .icon .btn.on { background-position: 0 -20px }

.i-Partner .partnerSlide .ctr { display: block; position: absolute; z-index: 3; bottom: 0; width: 50px; height: 132px; line-height: 132px; text-align: center; color: #bf0008; font-size: 24px; font-family: simsun, 宋体; font-weight: 700; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.csstransf .i-Partner .partnerSlide .ctr { position: absolute }

.csstransf .i-Partner .partnerSlide .ctr::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .i-Partner .partnerSlide .ctr:hover::after { background-color: rgba(0,0,0,.1) }

.i-Partner .partnerSlide .ctr:hover { padding-left: 5px; padding-right: 5px }

.i-Partner .partnerSlide .prev { left: 0 }

.i-Partner .partnerSlide .next { right: 0 }

.footer { padding-top: 44px; padding-bottom: 22px; background-image: url(../images/bg6.jpg); background-repeat: no-repeat; background-position: center 0; background-color: #eee }

.footer .vr { height: 190px; margin-left: 92px; margin-right: 70px; background-image: url(../images/i15.png) }

.footer .hr { margin-top: 15px; margin-bottom: 25px; background-color: #bbb }

.copyrights { padding-top: 15px; padding-bottom: 15px; height: 20px; line-height: 20px; background-color: #666; font-size: 12px }

.copyrights, .copyrights a { color: #fff }

.quickNav { position: relative; width: 194px }

.quickNav .en { font-size: 12px; color: #bbb; text-transform: uppercase }

.quickNav .cn { font-size: 18px; color: #333; font-weight: 700; margin-top: 10px }

.quickNav .triangle { position: absolute; left: 165px; top: 28px; overflow: hidden; width: 0; height: 0; border-width: 6px 5px; border-color: #333 transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0 }

.quickNav .links { margin-top: 25px }

.quickNav .links .link { display: block; width: 194px; height: 30px; line-height: 30px; border-radius: 3px; -webkit-transition: text-indent 220ms ease 0s; transition: text-indent 220ms ease 0s }

.quickNav .links .link:hover { color: #fff; background-color: #bf0008; text-indent: 22px }

.fContact { max-width: 550px; padding-top: 12px; color: #333 }

.fContact .dt { margin-bottom: 14px; font-size: 18px }

.fContact .list0 { margin-top: 25px; color: #666; line-height: 24px }

.fQrcode { padding-top: 25px; text-align: right; font-size: 0 }

.fQrcode .item { display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; margin-left: 45px; font-size: 14px; line-height: 32px; text-align: center }

.fQrcode .item .pic { width: 130px; height: 130px }

.fBlogroll { font-size: 12px; line-height: 22px; color: #333 }

.fBlogroll a { display: inline-block }

.sbanner { position: relative; overflow: hidden; height: 400px; padding-top: 100px }

.subNav { height: 60px; background-color: #ff6215; background-image: url(../images/i5.png); background-position: 50% 50%; background-repeat: no-repeat; text-align: center; font-size: 0 }

.subNav .link { position: relative; overflow: hidden; display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; width: 180px; height: 60px; line-height: 60px; font-size: 16px; color: #fff }

.subNav .link s { position: absolute; left: 0; top: 16px; width: 0; height: 28px; border-right: dashed #ff6215 1px }

.subNav .link .bdu { border-color: #bf0008 }

.subNav .link:first-child s { display: none }

.subNav .link.hbgOn .bdu { border-top-width: 30px; border-bottom-width: 30px }

.caseItem { position: relative; width: 1013px; height: 638px; padding-right: 305px; border: #e3e3e3 solid 1px; border-top-width: 5px; margin-left: auto; margin-right: auto; margin-top: 60px }

.caseItem.case1 { border-top-color: #bf0008 }

.caseItem.case1 .smalllist .btn.on { border-color: #bf0008!important }

.caseItem.case1 .type { color: #bf0008; background-position: 0 0 }

.caseItem.case2 { border-top-color: #ff6215 }

.caseItem.case2 .smalllist .btn.on { border-color: #ff6215!important }

.caseItem.case2 .type { color: #ff6215; background-position: 0 -34px }

.caseItem.case3 { border-top-color: #209773 }

.caseItem.case3 .smalllist .btn.on { border-color: #209773!important }

.caseItem.case3 .type { color: #209773; background-position: 0 -68px }

.caseItem.case4 { border-top-color: #206397 }

.caseItem.case4 .smalllist .btn.on { border-color: #206397!important }

.caseItem.case4 .type { color: #206397; background-position: 0 -102px }

.caseItem .hr { position: absolute; left: 0; top: -1px; width: 100%; background-color: #e3e3e3 }

.caseItem .head { padding-left: 30px; padding-top: 19px; padding-bottom: 19px; height: 81px; border-bottom: #e3e3e3 solid 1px }

.caseItem .head .type, .caseItem .head .dt, .caseItem .head .cBtn { margin-top: 24px; background-image: url(../images/i16.png) }

.caseItem .head .type { width: 145px; height: 34px; line-height: 34px; text-align: center; font-size: 26px }

.caseItem .head .dt { margin-left: 20px; width: 120px; height: 34px; line-height: 34px; text-indent: 10px; color: #fff; font-size: 16px; background-position: -145px 0 }

.caseItem .head .info { margin-left: 18px; margin-top: 21px; width: 232px; height: 40px; line-height: 40px; font-size: 0; *font-size:30px

}

.caseItem .head .vmbox { line-height: 20px }

.caseItem .head .designer { position: relative; padding-left: 130px; padding-right: 184px; padding-top: 1px; padding-bottom: 1px; width: 100px; height: 80px; border-left: #bfbfbf dashed 1px }

.caseItem .head .designer .pic { position: absolute; left: 30px; top: 1px; width: 80px; height: 80px }

.caseItem .head .designer .pic img { height: auto; min-height: 100% }

.caseItem .head .designer .mask { background-image: url(../images/mask.png) }

.caseItem .head .designer .pos { padding-top: 15px; font-size: 16px; color: #999; line-height: 20px }

.caseItem .head .designer .name { margin-top: 5px; font-size: 26px }

.caseItem .head .designer .cBtn { position: absolute; right: 22px; top: 50%; margin-top: -17px; width: 145px; height: 34px; text-indent: 50px; color: #fff; line-height: 34px; background-position: -145px -34px }

.caseItem .body { height: 518px }

.caseItem .body .fld { width: 389px; border-right: #e3e3e3 solid 1px }

.caseItem .body .floor-Plan { height: 389px; line-height: 389px; font-size: 0; *font-size:295px

}

.csstransf .caseItem .body .floor-Plan { position: relative }

.csstransf .caseItem .body .floor-Plan::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .caseItem .body .floor-Plan:hover::after { background-color: rgba(0,0,0,.04) }

.caseItem .body .see360, .caseItem .body .see360 img { width: 389px; height: 129px; display: block }

.caseItemAlbum { position: relative; width: 623px; height: 100%; background-color: #fff }

.caseItemAlbum .bigshow { width: 621px; height: 387px; border: #ddd solid 1px }

.caseItemAlbum .smalllist { position: relative; padding: 15px 56px 15px 57px; width: 510px; height: 100px }

.caseItemAlbum .smalllist .btn { float: left; width: 158px; height: 98px; margin-right: 15px; border: #ccc solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.caseItemAlbum .ctr { position: absolute; z-index: 3; top: 15px; width: 25px; height: 100px; line-height: 100px; text-align: center; font-size: 30px; font-family: simsun, 宋体; color: #fff; background-color: #e6e6e6; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.caseItemAlbum .ctr:hover { background-color: #ccc; padding-left: 2px; padding-right: 2px }

.caseItemAlbum .prev { left: 17px }

.caseItemAlbum .next { right: 17px }

.caseItem-Ds { position: absolute; right: 0; top: 0; width: 257px; height: 608px; padding-top: 30px; padding-left: 25px; padding-right: 22px; border-left: #e3e3e3 solid 1px; background-image: url(../images/i17.png); background-position: 50% 50%; background-repeat: no-repeat }

.caseItem-Ds .dt { font-size: 16px; line-height: 20px; font-weight: 700; color: #333; margin-bottom: 12px }

.caseItem-Ds .dd { font-size: 14px; color: #999; position: relative; overflow: hidden; max-height: 240px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; height: 240px; text-align: justify }

.caseItem-Ds .solution { margin-top: 54px }

.s-Head { position: relative; height: 30px; line-height: 30px }

.s-Head .cn { float: left; font-size: 26px; color: #333; padding-left: 20px; background-image: url(../images/i18.png); background-repeat: no-repeat; background-position: -85px 0; background-color: #fff }

.s-Head .en { float: left; padding-left: 12px; font-size: 26px; color: #e3e3e3; padding-right: 35px; background-color: #fff; text-transform: uppercase }

.s-Head .more { float: right; width: 85px; height: 30px; line-height: 30px; text-align: center; background-image: url(../images/i18.png); color: #fff }

.s-Head .hr { position: absolute; left: 0; right: 105px; width: auto; top: 50%; background-color: #eee; z-index: 0 }

.s-customP { margin-top: 60px }

.s-customP .customPList { position: relative; overflow: hidden; margin-right: -16px; margin-top: 20px; margin-bottom: -25px; *margin-bottom:0;

min-height: 25px }

.s-customP .customPList .item { float: left; position: relative; overflow: hidden; width: 290px; height: 348px; padding: 14px; margin-right: 16px; background-color: #fff; margin-bottom: 25px }

.s-customP .customPList .item .bg { background-image: url(../images/i19.png) }

.s-customP .customPList .item .contain { width: 100%; height: 100% }

.s-customP .customPList .item .pic { height: 181px }

.csstransf .s-customP .customPList .item .pic { position: relative }

.csstransf .s-customP .customPList .item .pic::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .s-customP .customPList .item .pic:hover::after { background-color: rgba(255,255,255,.08) }

.s-customP .customPList .item h3 { padding: 12px; line-height: 22px; font-weight: 700; font-size: 16px }

.s-customP .customPList .item .info { padding-left: 12px; padding-right: 12px; position: relative; overflow: hidden; max-height: 54px; line-height: 18px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #999 }

.s-customP .customPList .item .more { position: absolute; left: 0; bottom: 0; width: 290px; height: 40px; -webkit-transform: translateY(-6px); transform: translateY(-6px); line-height: 40px; background-image: url(../images/i20.png); background-position: -100px 0; text-align: center; color: #fff }

.s-customP .customPList .item .more:hover { background-position: 0 0 }

.s-recommendP { margin-top: 25px; margin-bottom: 60px; height: 300px; background-color: #f5f5f5 }

.s-recommendP .dt { float: left; position: relative; width: 150px; height: 300px; background-image: url(../images/bg7.jpg); text-align: center; color: #fff }

.s-recommendP .dt .cn { padding-top: 52px; font-size: 22px; line-height: 26px; width: 46px; margin-left: auto; margin-right: auto }

.s-recommendP .dt .en { margin-top: 22px; margin-bottom: 30px; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 700; opacity: .2; filter: alpha(opacity=20); *zoom:1

}

.s-recommendP .dt .hr, .s-recommendP .dt .more { margin-left: auto; margin-right: auto; width: 85px; background-image: url(../images/i21.png) }

.s-recommendP .dt .hr { margin-top: 20px; height: 3px }

.s-recommendP .dt .more { display: block; position: relative; overflow: hidden; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 16px; background-position: 0 -3px }

.csstransf .s-recommendP .dt .more { position: relative }

.csstransf .s-recommendP .dt .more::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .s-recommendP .dt .more:hover::after { background-color: rgba(255,255,255,.1) }

.s-recommendP .dd { float: left; margin-left: 31px; padding-top: 17px; padding-bottom: 20px; height: 263px }

.s-recommendP .dd .item { position: relative; overflow: hidden; float: left; width: 260px; padding: 9px; height: 245px; margin-right: 2px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.s-recommendP .dd .item .bg { background-image: url(../images/i22.png) }

.s-recommendP .dd .item .pic { width: 260px; height: 195px }

.s-recommendP .dd .item h3 { height: 50px; line-height: 50px; padding-left: 12px; padding-right: 12px; font-size: 16px; text-align: center }

.s-otherSolve .dt { float: right }

.s-otherSolve .dd { float: left; margin-left: 31px }

.s-ourCase .dt { float: left }

.s-ourCase .dd { float: right; margin-right: 31px }

.s-otherSolve, .s-ourCase { margin-top: 25px; margin-bottom: 60px; height: 265px; background-color: #f5f5f5 }

.s-otherSolve .dt, .s-ourCase .dt { position: relative; width: 150px; height: 265px; background-image: url(../images/bg8.jpg); text-align: center; color: #fff }

.s-otherSolve .dt .cn, .s-ourCase .dt .cn { padding-top: 52px; font-size: 22px; line-height: 26px; width: 90px; margin-left: auto; margin-right: auto }

.s-otherSolve .dt .en, .s-ourCase .dt .en { margin-top: 22px; margin-bottom: 30px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 700; opacity: .2; filter: alpha(opacity=20); *zoom:1

}

.s-otherSolve .dt .hr, .s-ourCase .dt .hr, .s-otherSolve .dt .more, .s-ourCase .dt .more { margin-left: auto; margin-right: auto; width: 85px; background-image: url(../images/i21.png) }

.s-otherSolve .dt .hr, .s-ourCase .dt .hr { margin-top: 20px; height: 3px }

.s-otherSolve .dt .more, .s-ourCase .dt .more { display: block; position: relative; overflow: hidden; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 16px; background-position: 0 -3px }

.csstransf .s-otherSolve .dt .more, .csstransf .s-ourCase .dt .more { position: relative }

.csstransf .s-otherSolve .dt .more::after, .csstransf .s-ourCase .dt .more::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .s-otherSolve .dt .more:hover::after, .csstransf .s-ourCase .dt .more:hover::after { background-color: rgba(0,0,0,.1) }

.s-otherSolve .dd, .s-ourCase .dd { padding-top: 25px; padding-bottom: 25px; height: 214px }

.s-otherSolve .dd .item, .s-ourCase .dd .item { position: relative; overflow: hidden; float: left; width: 260px; height: 213px; padding: 9px; margin-right: 2px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.s-otherSolve .dd .item .bg, .s-ourCase .dd .item .bg { background-image: url(../images/i23.png) }

.s-otherSolve .dd .item .pic, .s-ourCase .dd .item .pic { width: 260px; height: 163px }

.s-otherSolve .dd .item h3, .s-ourCase .dd .item h3 { height: 50px; line-height: 50px; padding-left: 12px; padding-right: 12px; font-size: 16px; text-align: center }

.case-View { margin-top: 50px }

.case-View.case1 .type { color: #bf0008; background-position: 0 0 }

.case-View.case1 .Tg .btn { border-color: #bf0008 }

.case-View.case1 .Tg .btn.on { background-color: #bf0008 }

.case-View.case1 .smalllist .btn.on { border-color: #bf0008!important }

.case-View.case2 .type { color: #ff6215; background-position: 0 -34px }

.case-View.case2 .Tg .btn { border-color: #ff6215 }

.case-View.case2 .Tg .btn.on { background-color: #ff6215 }

.case-View.case2 .smalllist .btn.on { border-color: #ff6215!important }

.case-View.case3 .type { color: #209773; background-position: 0 -68px }

.case-View.case3 .Tg .btn { border-color: #209773 }

.case-View.case3 .Tg .btn.on { background-color: #209773 }

.case-View.case3 .smalllist .btn.on { border-color: #209773!important }

.case-View.case4 .type { color: #206397; background-position: 0 -102px }

.case-View.case4 .Tg .btn { border-color: #206397 }

.case-View.case4 .Tg .btn.on { background-color: #206397 }

.case-View.case4 .smalllist .btn.on { border-color: #206397!important }

.case-View .fld { position: relative; width: 350px }

.case-View .fld .type, .case-View .fld .dt { background-image: url(../images/i16.png) }

.case-View .fld .type { width: 145px; height: 34px; line-height: 34px; text-align: center; font-size: 26px }

.case-View .fld .dt { position: absolute; right: 0; top: 0; margin-left: 20px; width: 145px; height: 34px; padding-bottom: 5px; line-height: 34px; text-align: center; color: #fff; font-size: 16px; background-position: -145px -68px }

.case-View .fld .info { margin-top: 18px; margin-bottom: 10px; line-height: 20px; color: #999 }

.case-View .fld .floor-Plan { height: 348px; line-height: 348px; font-size: 0; *font-size:264px;

width: 348px; border: #ddd solid 1px }

.csstransf .case-View .fld .floor-Plan { position: relative }

.csstransf .case-View .fld .floor-Plan::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .case-View .fld .floor-Plan:hover::after { background-color: rgba(0,0,0,.04) }

.case-View .fld .disPic { width: 348px; height: 212px; margin-top: 10px; border: #ddd solid 1px }

.case-View .fld .see360 { position: relative; overflow: hidden; margin-top: 10px; width: 100%; display: block }

.case-View .fld .see360 img { width: 389px; height: 129px; display: block }

.case-View .frd { width: 930px }

.case-View .Tg { padding: 32px 30px; width: 870px; height: 30px; background-color: #f5f5f5; margin-bottom: 10px }

.case-View .Tg .btn { float: left; width: 98px; height: 28px; margin-left: 10px; line-height: 28px; color: #666; font-size: 16px; text-align: center; border: solid 1px }

.case-View .Tg .btn:first-child { margin-left: 0 }

.case-View .Tg .btn.on { color: #fff }

.caseViewAlbum { position: relative; width: 930px; height: 703px; background-color: #fff }

.caseViewAlbum .bigshow { width: 928px; height: 582px; border: #ddd solid 1px }

.caseViewAlbum .smalllist { position: relative; padding: 0 35px; width: 860px; height: 100px; margin-top: 19px }

.caseViewAlbum .smalllist .btn { float: left; width: 158px; height: 98px; margin-right: 15px; border: #ccc solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.caseViewAlbum .ctr { position: absolute; z-index: 3; top: 0; width: 25px; height: 100px; line-height: 100px; text-align: center; font-size: 30px; font-family: simsun, 宋体; color: #fff; background-color: #e6e6e6; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.caseViewAlbum .ctr:hover { background-color: #ccc; padding-left: 2px; padding-right: 2px }

.caseViewAlbum .prev { left: 0 }

.caseViewAlbum .next { right: 0 }

.caseView-Ds { margin-top: 40px; height: 252px; background-image: url(../images/bg9.jpg); background-position: 50% 50%; background-repeat: no-repeat }

.caseView-Ds .col { padding-left: 50px; padding-right: 50px; width: 510px; padding-top: 64px }

.caseView-Ds .demand .dt { background-color: #bf0008 }

.caseView-Ds .solve .dt { background-color: #ff6215 }

.caseView-Ds .dt { display: block; margin-left: auto; margin-right: auto; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: 700; color: #fff }

.caseView-Ds .dd { margin-top: 22px; font-size: 14px; position: relative; overflow: hidden; max-height: 125px; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align: justify }

.caseView-Exhibition { margin-top: 40px }

.caseView-Exhibition .dt { height: 46px; border-bottom: #dfdfdf solid 1px; margin-bottom: 41px }

.caseView-Exhibition .dt .cn { float: left; width: 94px; white-space: nowrap; padding-bottom: 18px; font-size: 24px; color: #bf0008; border-bottom: 4px solid #bf0008 }

.caseView-Exhibition .dt .en { float: left; margin-left: 8px; font-size: 18px; font-family: Arial, sans-serif; color: #ccc; text-transform: uppercase; padding-top: 8px }

.caseView-Exhibition .tipWords { width: 1240px; padding: 25px 40px; font-size: 16px; line-height: 24px; color: #fff; background-color: #474747; margin-left: auto; margin-right: auto; margin-top: 20px }

.bigAlbumList .item { position: relative; width: 1320px; height: 742px; margin-top: 20px }

.bigAlbumList .item:first-child { margin-top: 0 }

.bigAlbumList .item .pic { width: 100%; height: 100% }

.bigAlbumList .item .bg { left: 0; right: 0; top: 0; bottom: 0; background-color: #333; opacity: .9; filter: alpha(opacity=90); *zoom:1

}

.bigAlbumList .item .info { position: absolute; left: 0; bottom: 0; z-index: 9; width: 1240px; padding: 25px 40px }

.bigAlbumList .item .vmbox { font-size: 16px; line-height: 24px; color: #fff }

.caseView-Free3 { margin-top: 40px }

.caseView-Free3 .list0 { position: relative; height: 114px; padding-left: 320px; background-image: url(../images/bg10.png) }

.caseView-Free3 .list0 .item { float: left; position: relative; height: 92px; padding-left: 95px }

.caseView-Free3 .list0 .item.i1 .num { background-position: center 0 }

.caseView-Free3 .list0 .item.i2 .num { background-position: center -80px }

.caseView-Free3 .list0 .item.i3 .num { background-position: center -160px }

.caseView-Free3 .list0 .item .num { position: absolute; left: 0; top: 6px; width: 80px; height: 80px; background-image: url(../images/i24.png) }

.caseView-Free3 .list0 .item .dt { font-size: 20px; line-height: 32px; color: #333; font-weight: 700 }

.caseView-Free3 .list0 .item .dd { margin-top: 8px; color: #333; line-height: 24px }

.caseView-Free3 .list0 .item.i1 { width: 225px }

.caseView-Free3 .list0 .item.i2 { width: 255px }

.caseView-Free3 .list0 .item.i3 { width: 235px }

.caseView-Free3 .more { display: block; margin-left: auto; margin-right: auto; margin-top: 40px; width: 260px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-weight: 700; background-image: url(../images/i20.png); background-position: -100px 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.caseView-Free3 .more:hover { background-position: 0 0 }

.pageListBox { margin-top: 45px; margin-bottom: 60px }

.pageListBox .pageList { position: relative; overflow: hidden; height: 40px; line-height: 38px; font-size: 0; text-align: center }

.pageListBox .pageList ul { position: relative; float: none!important; font-family: microsoft yahei, 微软雅黑 }

.pageListBox .pageList ul, .pageListBox .pageList ul li { display: inline-block; *display:inline;

*zoom:1;

vertical-align: top }

.pageListBox .pageList ul li { margin: 0 5px; font-size: 14px }

.pageListBox .pageList a { display: block; border: #e3e3e3 solid 1px; padding-left: 15px; padding-right: 15px; height: 38px; color: #333; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 16px }

.pageListBox .pageList a:hover { border-color: #bfbfbf }

.pageListBox .pageList a.selected { color: #fff; background-color: #ff6215; border-color: #ff6215 }

.pageListBox .pageList a:active { border-color: #e3e3e3 }

.pageListBox .pageList .ctr { font-family: simsun, 宋体 }

.quickQuote { margin-top: 60px; margin-bottom: 60px }

.quickQuote .fld { width: 220px; height: 720px }

.quickQuote .formCheck { padding-top: 50px; padding-left: 30px; width: 1053px; height: 668px; border: #ddd solid 1px }

.quickQuote .line .item { float: left }

.quickQuote .line .sex { padding-left: 75px }

.quickQuote .line .sex .focus { margin-left: -75px; width: 60px }

.quickQuote .item { padding-left: 115px; margin-bottom: 20px; min-height: 32px; line-height: 32px; font-size: 0 }

.quickQuote .sign { color: #ff000c }

.quickQuote .focus { float: left; margin-left: -115px; width: 100px; text-align: right; white-space: nowrap; font-size: 16px }

.quickQuote .skin { line-height: 22px; border: #c8c8c8 solid 1px; padding: 4px 9px; border-radius: 4px; font-size: 14px }

.quickQuote .skin { height: 22px; width: 150px; margin-right: 10px }

.quickQuote option { padding-left: 9px }

.quickQuote .tel { width: 320px }

.quickQuote textarea.skin { height: 122px; width: 890px }

.quickQuote .fileBtnBox { position: relative; overflow: hidden; font-size: 14px }

.quickQuote .fileBtnBox .filename { margin-right: 10px; cursor: default }

.quickQuote .fileBtnBox .filebtn { position: static; display: inline-block; width: 160px; height: 32px; line-height: 32px; text-align: center; color: #fff; background-color: #1f9773; border-radius: 4px }

.quickQuote .fileBtnBox .buts { position: absolute; top: -1px; left: -1px; height: 100%; z-index: 2; font-size: 50px; opacity: 0; filter: alpha(opacity=0); cursor: pointer }

.quickQuote .yzm .skin { width: 150px }

.quickQuote .yzm img { height: 32px; vertical-align: top; margin-left: 6px; margin-right: 6px }

.quickQuote .yzm span label { font-size: 14px }

.quickQuote .buts, .quickQuote .tip { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; white-space: nowrap }

.quickQuote .buts { margin-right: 25px; font-size: 16px }

.quickQuote .tip { font-size: 14px; color: #999 }

.quickQuote .enter { width: 160px; height: 32px; border-radius: 4px; line-height: 32px; margin-right: 10px; text-align: center; background-color: #bf0008; color: #fff; font-size: 16px }

.quickQuote .tips { color: #999; font-size: 14px }

.s-Process-searve { position: relative; height: 440px; background-image: url(../images/bg12.jpg); background-position: 50% 50%; background-repeat: no-repeat; text-align: center }

.s-Process-searve .f26 { padding-top: 70px; line-height: 32px }

.s-Process-searve .f18 { margin-top: 35px; line-height: 24px }

.teamClassify { min-height: 400px; background-position: 50% 0%; background-repeat: no-repeat }

.teamClassify .colmnName { text-align: center; font-size: 0 }

.teamClassify .colmnName .btn { display: inline-block; width: 288px; height: 36px; padding: 11px 19px 20px 9px; line-height: 36px; font-size: 18px; color: #fff; background-image: url(../images/i25.png) }

.teamClassify .colmnName .btn.i1 .ico { background-position: 0 0 }

.teamClassify .colmnName .btn.i2 .ico { background-position: 0 -36px }

.teamClassify .colmnName .btn.i3 .ico { background-position: 0 -72px }

.teamClassify .colmnName .btn:hover, .teamClassify .colmnName .btn.on { color: #333; background-position: 0 -67px }

.teamClassify .colmnName .btn:hover.i1 .ico, .teamClassify .colmnName .btn.on.i1 .ico { background-position: -30px 0 }

.teamClassify .colmnName .btn:hover.i2 .ico, .teamClassify .colmnName .btn.on.i2 .ico { background-position: -30px -36px }

.teamClassify .colmnName .btn:hover.i3 .ico, .teamClassify .colmnName .btn.on.i3 .ico { background-position: -30px -72px }

.teamClassify .colmnName .btn .ico { display: inline-block; vertical-align: top; width: 30px; height: 36px; margin-right: 20px; background-image: url(../images/i26.png) }

.teamClassify .columnIntro { position: relative; height: 200px; margin-top: 110px; margin-bottom: 80px; text-align: center; color: #000 }

.teamClassify .columnIntro .dt { font-size: 26px; line-height: 30px }

.teamClassify .columnIntro .dd { font-size: 18px; line-height: 28px; margin-top: 35px }

.teamClassify .columnIntro .arrow { position: absolute; left: 50%; bottom: 5px; margin-left: -10px; width: 19px; height: 12px; background-image: url(../images/i27.png); -webkit-animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate; animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate }

.recDesigner .i-Head { padding-top: 10px }

.recDesignerList { margin-top: 50px; position: relative; overflow: hidden; margin-right: -20px }

.recDesignerList .item { float: left; position: relative; overflow: hidden; width: 315px; height: 436px; margin-right: 20px }

.recDesignerList .mask { width: 215px; height: 67px; top: auto; bottom: 0; padding-left: 20px; padding-right: 80px; padding-top: 60px; color: #fff; line-height: 28px; background-image: url(../images/i28.png) }

.recDesignerList .cn { font-size: 20px }

.recDesignerList .en { font-size: 16px }

.recDesignerList .arrow { position: absolute; width: 40px; height: 40px; right: 18px; bottom: 20px; background-image: url(../images/i29.png) }

.recDesignerList .arrow:hover { background-position: 0 -40px }

.designerGroupList { position: relative; overflow: hidden; margin-right: -20px; margin-bottom: -30px; *margin-bottom:0;

margin-top: 55px; min-height: 30px }

.designerGroupList .item { float: left; position: relative; overflow: hidden; width: 248px; height: 470px; margin-right: 20px; margin-bottom: 30px }

.designerGroupList .pic { width: 248px; height: 331px; color: #fff }

.designerGroupList .front, .designerGroupList .behind { line-height: 28px; position: absolute; left: 0; top: 0; z-index: 3; background-image: url(../images/i30.png); background-repeat: repeat-x }

.designerGroupList .front { background-position: 0 192px; padding: 261px 20px 20px; width: 208px; height: 50px }

.designerGroupList .behind { padding: 80px 53px 65px; height: 185px; width: 142px; background-position: 0 -139px; text-align: center }

.designerGroupList .behind .hr { height: 0; margin-top: 20px; margin-bottom: 20px; border-top: #fff dashed 1px }

.designerGroupList .behind .btn { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 120px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; background-image: url(../images/i31.png); font-size: 14px; color: #fff }

.csstransf .designerGroupList .behind .more:hover { position: relative }

.csstransf .designerGroupList .behind .more:hover::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .designerGroupList .behind .more:hover:hover::after { background-color: rgba(255,255,255,.1) }

.designerGroupList .behind .q { background-position: 0 -40px }

.csstransf .designerGroupList .behind .q:hover { position: relative }

.csstransf .designerGroupList .behind .q:hover::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: transparent }

.csstransf .designerGroupList .behind .q:hover:hover::after { background-color: rgba(0,0,0,.1) }

.designerGroupList h3, .designerGroupList .time { font-size: 18px }

.designerGroupList .pos, .designerGroupList .ppty { font-size: 16px }

.designerGroupList .line { margin-top: 20px; padding-left: 60px; height: 40px; line-height: 40px; font-size: 0; *font-size:30px;

text-align: center; text-align: left }

.designerGroupList .line img { display: inline-block; position: relative; *top:-1px;

max-width: 100%; max-height: 100%; width: auto; height: auto }

.designerGroupList .dt { float: left; margin-left: -60px; font-size: 14px; line-height: 16px; text-align: center; padding: 4px; width: 32px; background-color: #bfbfbf; color: #fff }

.designerGroupList .dd { position: relative; overflow: hidden; line-height: 16px; max-height: 32px }

.freeSearve { margin-top: 20px; height: 450px; background-image: url(../images/bg14.png); background-position: 50% 50%; background-repeat: no-repeat }

.freeSearve .i-Head { padding-top: 90px }

.freeSearve .soFar { margin-top: 40px; margin-bottom: 40px; text-align: center; font-size: 26px }

.freeSearve .info { font-size: 18px; line-height: 28px; width: 1040px; margin-left: auto; margin-right: auto; color: #333; text-align: center }

.onlineBooking { margin-top: 60px; margin-bottom: 60px }

.onlineForm { padding-top: 100px; padding-left: 530px; padding-right: 50px; width: 350px; height: 300px; background-image: url(../images/bg15.png) }

.onlineForm .item { margin-bottom: 14px }

.onlineForm .skin { width: 140px; height: 28px; line-height: 28px; border: #e3e3e3 solid 2px; padding-left: 13px; padding-right: 13px }

.onlineForm option { padding: 5px 13px }

.onlineForm .yzm .bd { width: 170px }

.onlineForm .yzm img { width: 124px; height: 28px; border: #e3e3e3 solid 2px }

.onlineForm .yzm .refreshVC { margin-left: 10px; width: 28px; height: 28px; border: #e3e3e3 solid 2px; background-image: url(../images/i33.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.onlineForm .yzm .refreshVC:hover { background-color: #eee }

.onlineForm .hr { height: 0; margin-top: 35px; margin-bottom: 25px; border-top: #bfbfbf dashed 1px }

.onlineForm .enter { width: 160px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background-color: #bf0008; color: #fff }

.onlineForm .notice { margin-top: -2px; padding-left: 10px; color: #bf0008; font-size: 14px; line-height: 22px; width: 160px }

.onlineForm .notice .l { margin-left: -10px }

.onlineForm .aside { margin-top: 25px; font-size: 16px; line-height: 22px; color: #999 }

.onlineBookIn { width: 340px; height: 370px; border: #e3e3e3 solid 1px; padding: 14px }

.onlineBookIn dt { width: 340px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-image: url(../images/i34.png) }

.onlineBookInList { position: relative; width: 100%; height: 330px; text-align: center; margin-top: 8px }

.onlineBookInList .item { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #bf0008 }

.otherColumn { position: relative; height: 200px }

.otherColumn .col { position: absolute; overflow: hidden; top: 0; width: 50%; height: 100%; background-color: #666; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.otherColumn .col:hover { background-color: #333 }

.otherColumn .col.l0 .contain { padding-right: 300px; right: 0 }

.otherColumn .col.r0 .contain { padding-left: 300px; left: 0 }

.otherColumn .bg { width: 960px; height: 200px; left: 50%; margin-left: -480px; opacity: .2; filter: alpha(opacity=20); *zoom:1

}

.otherColumn .contain { position: absolute; top: 0; padding-top: 75px; width: 360px; height: 125px; color: #fff; text-align: center }

.otherColumn h2 { font-size: 26px; line-height: 36px }

.otherColumn p { margin-top: 10px; font-size: 16px; line-height: 26px }

.view-Share { padding: 17px 32px; position: relative; overflow: hidden; height: 16px; line-height: 16px; background-color: #f5f5f5 }

.view-Share .bdshare-button-style0-16 a, .view-Share .bdshare-button-style0-16 .bds_more { margin-top: 0; margin-bottom: 0 }

.view-Foot { position: relative; height: 40px; margin-top: 20px; line-height: 40px; margin-bottom: 60px }

.view-Foot .ctr { position: relative; height: 40px; max-width: 400px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.view-Foot s { position: absolute; top: 12px; width: 60px; height: 16px; line-height: 14px; background-image: url(../images/arrow4.png); background-repeat: no-repeat }

.view-Foot .prev { padding-left: 100px; text-align: left }

.view-Foot .prev s { left: 0; background-position: 60px 0; padding-right: 40px }

.view-Foot .next { padding-right: 100px; text-align: right }

.view-Foot .next s { right: 0; background-position: 24px -16px; padding-left: 40px }

.view-Foot p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.view-Foot .historyBack { position: absolute; left: 50%; top: 0; width: 130px; margin-left: -65px; text-align: center; background-color: #bfbfbf; color: #fff }

.staff-Intro { position: relative; overflow: hidden; padding-top: 100px; height: 450px }

.staff-Intro .bg { top: 100px; height: 450px }

.staff-Intro .contain { padding-top: 80px }

.staff-Intro .contain .en { font-size: 28px; line-height: 32px; color: #ff6215; font-family: Tahoma, sans-serif; text-transform: uppercase }

.staff-Intro .contain .name { margin-top: 15px; font-size: 50px; font-weight: 700; color: #ff6215 }

.staff-Intro .contain .pos_time { margin-top: 25px; font-size: 24px; color: #fff }

.staff-Intro .contain .info { width: 620px; margin-top: 45px; position: relative; overflow: hidden; max-height: 104px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 16px; color: #c9c9c9; text-align: justify }

.s-Head.type2 .hr { right: 123px }

.s-Head.type2 .more { width: 103px; height: 26px; line-height: 26px; padding-top: 2px; padding-bottom: 2px; background-image: url(../images/i35.png); background-position: 50% 50%; background-repeat: no-repeat }

.staff-View { margin-top: 40px }

.staff-View .sV-caseList { margin-top: 40px }

.staff-View .sV-caseList .item { position: relative; padding: 18px 17px; margin-top: 40px }

.staff-View .sV-caseList .item:first-child { margin-top: 0 }

.staff-View .sV-caseList .bg { height: 102px; border-radius: 4px; background-color: #eee }

.staff-View .sV-caseList .contain .casePic { position: absolute; top: 0; width: 380px; height: 222px; border-radius: 4px }

.staff-View .sV-caseList .contain .intro { margin-bottom: 45px; line-height: 26px; padding-top: 35px }

.staff-View .sV-caseList .contain .intro .name { font-size: 24px; color: #333; margin-right: 20px }

.staff-View .sV-caseList .contain .intro .aside { font-size: 16px; color: #999 }

.staff-View .sV-caseList .contain .designer { width: 575px }

.staff-View .sV-caseList .contain .designer dt { font-size: 18px; margin-bottom: 23px }

.staff-View .sV-caseList .contain .designer .info { position: relative; overflow: hidden; max-height: 72px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #999 }

.staff-View .sV-caseList .contain .designer .pic { position: absolute; top: 71px; width: 150px; height: 150px }

.staff-View .sV-caseList .contain .designer .pic img { height: auto; min-height: 100% }

.staff-View .sV-caseList .contain .designer .mask { background-image: url(../images/mask2.png) }

.staff-View .sV-caseList .even .contain { padding-left: 455px }

.staff-View .sV-caseList .even .contain .casePic { left: 0 }

.staff-View .sV-caseList .even .contain .designer .pic { right: 45px }

.staff-View .sV-caseList .odd .contain { padding-left: 255px }

.staff-View .sV-caseList .odd .contain .casePic { right: 0 }

.staff-View .sV-caseList .odd .contain .designer .pic { left: 45px }

.staff-View .sV-QA { margin-top: 60px }

.staff-View .sV-QA .body { margin-top: 40px }

.QA-Contain { width: 888px; padding-left: 19px; padding-right: 19px; padding-bottom: 40px; border: #e3e3e3 solid 1px }

.QA-Contain .QAList .item { position: relative; padding: 28px 90px; border-bottom: #bfbfbf dashed 1px }

.QA-Contain .QAList .item .headImg { position: absolute; width: 60px; height: 60px; top: 0 }

.QA-Contain .QAList .item .dt { font-size: 12px; line-height: 14px }

.QA-Contain .QAList .item .dt .name { color: #666 }

.QA-Contain .QAList .item .dt .time { color: #999 }

.QA-Contain .QAList .item .dd { position: relative; width: 703px; padding-top: 10px; padding-bottom: 10px; margin-top: 11px }

.QA-Contain .QAList .item .dd .bg.t { height: 10px }

.QA-Contain .QAList .item .dd .bg.b { height: 10px; top: auto; bottom: 0 }

.QA-Contain .QAList .item .dd .triangle { position: absolute; top: 20px; width: 11px; height: 14px }

.QA-Contain .QAList .item .dd .main { padding: 4px 20px; font-size: 14px; line-height: 30px; color: #444 }

.QA-Contain .QAList .item .question .headImg { left: -90px; background-image: url(../images/defaultuser.png) }

.QA-Contain .QAList .item .question .bg.t, .QA-Contain .QAList .item .question .bg.b, .QA-Contain .QAList .item .question .triangle { background-image: url(../images/i36a.png) }

.QA-Contain .QAList .item .question .bg.t { background-position: -9px 0 }

.QA-Contain .QAList .item .question .bg.b { background-position: -9px bottom }

.QA-Contain .QAList .item .question .triangle { left: -9px; background-position: 0 -20px }

.QA-Contain .QAList .item .question .main { background-image: url(../images/i36b.png) }

.QA-Contain .QAList .item .answer .headImg { right: -90px; background-image: url(../images/defaultpic.png) }

.QA-Contain .QAList .item .answer .bg.t, .QA-Contain .QAList .item .answer .bg.b, .QA-Contain .QAList .item .answer .triangle { background-image: url(../images/i37a.png) }

.QA-Contain .QAList .item .answer .bg.t { background-position: 0 0 }

.QA-Contain .QAList .item .answer .bg.b { background-position: 0 bottom }

.QA-Contain .QAList .item .answer .triangle { right: -9px; background-position: right -20px }

.QA-Contain .QAList .item .answer .main { background-image: url(../images/i37b.png) }

.QA-Contain .pageListBox { margin-top: 20px; margin-bottom: 0 }

.freeOnlineBar { width: 370px; margin-bottom: 20px }

.freeOnlineBar .caseView-Free3 { padding: 14px; width: 340px; border: #e3e3e3 solid 1px; margin-top: 0 }

.freeOnlineBar .caseView-Free3 .list0 { height: auto; padding-top: 110px; padding-left: 0; background: 0 0 }

.freeOnlineBar .caseView-Free3 .list0 dt { background-position: 28px 0; height: 114px; background-image: url(../images/bg10.png) }

.freeOnlineBar .caseView-Free3 .list0 .item { margin-top: 20px }

.freeOnlineBar .onlineBooking { position: relative; overflow: hidden; margin-top: 20px; margin-bottom: 0 }

.freeOnlineBar .onlineBooking .onlineForm { border: #ff6215 solid 1px; padding-top: 75px; padding-left: 9px; padding-right: 9px; background-position: -501px 0 }

.freeOnlineBar .onlineBooking .onlineBookIn { margin-top: 20px }

.consultForm { width: 700px; margin-left: auto; margin-right: auto; margin-top: 40px }

.consultForm .fld { width: 170px }

.consultForm .frd { width: 512px }

.consultForm .item { margin-bottom: 14px }

.consultForm .skin { width: 140px; height: 28px; line-height: 28px; border: #e3e3e3 solid 2px; padding-left: 13px; padding-right: 13px }

.consultForm .yzm .bd { display: block; margin-top: 14px; width: 170px }

.consultForm .yzm img { width: 124px; height: 28px; border: #e3e3e3 solid 2px }

.consultForm .yzm .refreshVC { margin-left: 10px; width: 28px; height: 28px; border: #e3e3e3 solid 2px; background-image: url(../images/i33.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.consultForm .yzm .refreshVC:hover { background-color: #eee }

.consultForm textarea.skin { width: 482px; height: 120px }

.consultForm .enter { float: left; margin-left: 190px; margin-top: 6px; width: 190px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background-image: url(../images/i38.png); color: #fff }

.technicianBox { padding-left: 134px; padding-right: 134px; width: 1052px; margin-bottom: 35px; background-repeat: no-repeat; background-position: 50% 0% }

.technicianBox .i-Head { padding-top: 75px }

.technicianBox .designerGroupList .item { height: 510px }

.technicianBox .designerGroupList .intro { margin-top: 20px }

.technicianBox .designerGroupList .intro dt { width: 70px; height: 20px; line-height: 18px; color: #fff; background-color: #bfbfbf; text-align: center }

.technicianBox .designerGroupList .intro .info { margin-top: 15px; position: relative; overflow: hidden; max-height: 120px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-align: justify; color: #999 }

.product-Filtrate { margin-top: 40px; border: #e3e3e3 solid 1px }

.product-Filtrate .selectorLine { position: relative; padding-left: 205px; min-height: 30px; padding-top: 10px; padding-bottom: 10px; line-height: 30px; border-top: #e3e3e3 solid 1px }

.product-Filtrate .selectorLine:first-child { border-top: 0 }

.product-Filtrate .sel-key { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background-color: #f5f5f5; font-size: 16px; text-align: center }

.product-Filtrate .sel-key span { position: absolute; left: 0; width: 100%; height: 20px; line-height: 20px; top: 50%; margin-top: -10px }

.product-Filtrate .sel-val { font-size: 0 }

.product-Filtrate .sel-val .btn { display: inline-block; *display:inline;

*zoom:1;

position: relative; margin-top: 5px; margin-bottom: 5px; margin-right: 20px; height: 20px; padding-left: 10px; padding-right: 10px; border-radius: 3px; line-height: 19px; font-size: 14px; vertical-align: top }

.product-Filtrate .sel-val .btn.on { background-color: #ff6215; color: #fff!important }

.product-Filtrate .sel-val .btn:hover { color: #ff6215 }

.gageForm { margin-top: 40px; padding-top: 23px; padding-bottom: 20px; padding-left: 30px; padding-right: 375px; height: 40px; background-image: url(../images/i41.png) }

.gageForm .item { float: left }

.gageForm .skin { float: left; margin-right: 10px; width: 140px; height: 38px; line-height: 38px; padding-left: 9px; padding-right: 9px; border: #bfbfbf solid 1px; font-size: 16px; background-color: #fff }

.gageForm #city .skin { width: 100px }

.gageForm option { padding: 4px 9px }

.gageForm .enter { float: right; width: 174px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #ff6215; border-radius: 3px }

.productRank { position: relative; margin-top: 40px; padding: 9px 279px 9px 59px; border: #e3e3e3 solid 1px; background-color: #f5f5f5; font-size: 0 }

.productRank .btn { position: relative; display: inline-block; margin-right: 8px; padding-left: 16px; padding-right: 16px; height: 28px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; font-size: 14px; line-height: 28px; text-align: center; color: #666; border: #a6a6a6 solid 1px; background-color: #fff }

.productRank .btn .triangle { display: inline-block; vertical-align: top; position: relative; top: 50%; margin-top: -2px; margin-left: 5px; overflow: hidden; width: 0; height: 0; border-width: 4px; border-color: #999 transparent transparent transparent; border-style: solid dashed dashed dashed; font-size: 0 }

.productRank .btn:hover { border-color: #ff6215 }

.productRank .btn.on { border-color: #ff6215; color: #ff6215 }

.productRank .btn.on .triangle { margin-top: -6px; overflow: hidden; width: 0; height: 0; border-width: 4px; border-color: transparent transparent #ff6215 transparent; border-style: dashed dashed solid dashed; font-size: 0 }

.productRank .totalResult { position: absolute; right: 55px; top: 9px; line-height: 30px; font-size: 14px }

.productList { margin-top: 10px; position: relative; overflow: hidden; margin-right: -16px; margin-bottom: -2px; *margin-bottom:0;

min-height: 2px }

.productList .item { float: left; position: relative; overflow: hidden; width: 290px; height: 380px; padding: 14px; margin-right: 16px; margin-bottom: 2px }

.productList .bg { background-image: url(../images/i42.png) }

.productList .pic { width: 290px; height: 215px }

.productList h3 { font-size: 16px; line-height: 22px; height: 22px; margin-bottom: 5px; font-weight: 700; padding: 12px }

.productList .line { padding-left: 72px; padding-right: 12px; margin-bottom: 15px; height: 20px; line-height: 20px }

.productList .dt { float: left; margin-left: -60px; width: 50px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #bfbfbf }

.productList h4 { color: #999 }

.productList em { font-size: 18px; font-weight: 700; color: #bf0008 }

.productList .more { display: block; width: 290px; height: 40px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-transform: translateY(6px); transform: translateY(6px); line-height: 40px; text-align: center; color: #fff; font-weight: 700; font-size: 16px; background-image: url(../images/i20.png) }

.productList .more:hover { background-position: right 0 }

.product-View { margin-top: 40px }

.product-View .s-recommendP { margin-bottom: 40px }

.product-ViewAlbum { position: relative; height: 555px; background-color: #fff; margin-bottom: 30px }

.product-ViewAlbum .fld { position: relative; overflow: hidden; width: 738px; height: 553px; border: #ddd solid 1px }

.product-ViewAlbum .bigshow { width: 738px; height: 553px }

.product-ViewAlbum .floor-Plan { position: absolute; right: 0; bottom: 0; z-index: 2; width: 128px; height: 88px; line-height: 88px; font-size: 0; *font-size:66px;

border: #bf0008 solid 1px; background-color: #fff; cursor: pointer; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.product-ViewAlbum .floor-Plan:hover { width: 736px; height: 551px; line-height: 551px; font-size: 0; *font-size:418px

}

.product-ViewAlbum .product-Intro { width: 534px }

.product-ViewAlbum .product-Intro h1 { font-size: 24px; line-height: 30px; font-weight: 700; color: #bf0008 }

.product-ViewAlbum .pptyList { margin-top: 34px; padding-top: 25px; border-top: #f5f5f5 solid 2px; margin-bottom: -10px; *margin-bottom:0;

padding-bottom: 30px }

.product-ViewAlbum .pptyList .item { float: left; width: 157px; height: 24px; line-height: 24px; padding-left: 110px; margin-bottom: 10px }

.product-ViewAlbum .pptyList .item .ppty { margin-left: -110px; width: 90px; height: 24px; color: #fff; background-color: #bf0008; text-align: center }

.product-ViewAlbum .pptyList .item em { color: #999 }

.product-ViewAlbum .pptyList .item strong { font-size: 18px; font-weight: 700; color: #bf0008 }

.product-ViewAlbum .textureBox { padding: 25px 65px 25px 15px; border: #e8e8e8 solid 1px; background-color: #f5f5f5 }

.product-ViewAlbum .textureBox .col { padding-left: 90px }

.product-ViewAlbum .textureBox .ppty { margin-left: -85px; color: #333; line-height: 60px }

.product-ViewAlbum .textureBox .i1, .product-ViewAlbum .textureBox .i2 { width: 112px }

.product-ViewAlbum .textureBox .i3 { width: 362px; margin-top: 20px }

.product-ViewAlbum .textureBox2 { padding: 17px 15px; border: #e8e8e8 solid 1px; background-color: #f5f5f5 }

.product-ViewAlbum .textureBox2 .item { min-height: 20px; line-height: 20px; padding-top: 7px; padding-bottom: 7px; padding-left: 75px }

.product-ViewAlbum .textureBox2 .item .ppty { margin-left: -75px; width: 75px; height: 34px; text-align: right }

.product-ViewAlbum .textureS { position: relative; padding: 5px 41px 5px 5px; height: 48px; border: #e8e8e8 solid 1px; background-color: #fff }

.product-ViewAlbum .textureS .item { display: block; height: 48px; background-color: #fff }

.product-ViewAlbum .textureS .zoomUpPic { width: 64px; height: 48px; vertical-align: top; cursor: pointer }

.product-ViewAlbum .textureS .ctr { display: block; position: absolute; z-index: 3; right: 5px; width: 24px; height: 24px; background-image: url(../images/arrow2.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.product-ViewAlbum .textureS .ctr:hover { background-color: #e8e8e8 }

.product-ViewAlbum .textureS .prev { top: 5px; background-position: 0 0 }

.product-ViewAlbum .textureS .next { bottom: 5px; background-position: 0 -24px }

.product-ViewAlbum .textureS.tts { width: 64px }

.product-ViewAlbum .textureS.tts .item { width: 64px }

.product-ViewAlbum .textureS.ttm { width: 314px }

.product-ViewAlbum .textureS.ttm .plank { float: right; width: 144px; height: 48px; line-height: 48px; font-size: 0 }

.product-ViewAlbum .textureS.ttm .plank .color { margin-left: 15px; font-size: 14px; color: #999 }

.product-ViewAlbum .textureS.ttm .plank:first-child { float: left }

.product-ViewAlbum .sv3 { display: block; margin-top: 20px; margin-bottom: 20px; width: 534px; height: 60px }

.product-ViewAlbum .smalllist { position: relative; height: 83px; margin-top: 14px; width: 470px; padding-right: 64px }

.product-ViewAlbum .smalllist .item { display: block; width: 100%; height: 83px; margin-bottom: 7px }

.product-ViewAlbum .smalllist .btn { float: left; position: relative; overflow: hidden; width: 110px; height: 83px; margin-left: 10px }

.product-ViewAlbum .smalllist .btn .mask { opacity: 0; filter: alpha(opacity=0); *zoom:1;

background-image: url(../images/mask3.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.product-ViewAlbum .smalllist .btn:first-child { margin-left: 0 }

.product-ViewAlbum .smalllist .btn.on .mask { opacity: 1; filter: alpha(opacity=100) }

.product-ViewAlbum .smalllist .ctrBox { position: absolute; right: 0; bottom: 0; width: 24px; height: 54px; padding: 14px; border: #e8e8e8 solid 1px; background-color: #f5f5f5 }

.product-ViewAlbum .smalllist .ctr { position: absolute; z-index: 3; right: 14px; width: 24px; height: 24px; background-color: #ddd; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-image: url(../images/arrow3.png) }

.product-ViewAlbum .smalllist .ctr:hover { background-color: #209773 }

.product-ViewAlbum .smalllist .prev { top: 14px; background-position: 0 0 }

.product-ViewAlbum .smalllist .next { bottom: 14px; background-position: 0 -24px }

#Y_Zoomer { display: none; position: fixed; top: 0; left: 0; overflow: hidden; z-index: 2020; width: 360px; height: 268px; line-height: 268px; font-size: 0; *font-size:203px;

text-align: center; background-color: #fff; border: 1px solid #eae9e9 }

#Y_Zoomer img { display: inline-block; position: relative; *top:-1px;

max-width: 100%; max-height: 100%; width: auto; height: auto }

#pdtBox { position: relative; width: 1000px; margin-left: auto; margin-right: auto }

#pdtBox .pdt-Anchors { position: relative; width: 1920px; left: 50%; margin-left: -960px; height: 49px; border-top: #c9c9c9 solid 1px; background-color: #333 }

#pdtBox .pdt-Anchors .hr { position: absolute; left: 0; top: 0; height: 3px; background-color: #fff }

#pdtBox .pdt-Anchors .anchor { float: left; position: relative; top: 3px; width: 110px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

#pdtBox .pdt-Anchors .anchor.active { background-color: #666; top: 0 }

#pdtBox .pdt-Anchors.fixed { position: fixed; top: 100px; z-index: 21; margin-top: 0 }

#pdtBox .pdt-Main { position: relative; overflow: hidden; padding-top: 35px; margin-bottom: 60px }

#pdtBox .pdt-Main.padT { padding-top: 50px }

#pdtBox .pdt-Main .pdt-Head { padding-top: 55px; padding-bottom: 35px; font-size: 26px; line-height: 28px; text-align: center }

#pdtBox .pdt-Main .pdt-Head .cn { color: #333 }

#pdtBox .pdt-Main .pdt-Head .hr { width: 400px; margin-left: auto; margin-right: auto; background-color: #eee; margin-top: 10px; margin-bottom: 10px }

#pdtBox .pdt-Main .pdt-Head .hr s { display: block; width: 45px; height: 3px; margin-top: -1px; margin-left: auto; margin-right: auto; background-color: #ff6215 }

#pdtBox .pdt-Main .pdt-Head .en { color: #999; text-transform: uppercase }

#pdtBox .designer .pic { width: 300px; height: 400px }

#pdtBox .designer .intro { width: 605px; line-height: 1 }

#pdtBox .designer .intro .en { font-size: 80px; line-height: 60px; text-transform: uppercase; color: #ff6215; font-family: Arial, sans-serif; opacity: .15; filter: alpha(opacity=15); *zoom:1

}

#pdtBox .designer .intro .name { margin-top: 20px; font-size: 50px; color: #ff6215; font-weight: 700 }

#pdtBox .designer .intro .pos_time { font-size: 24px; color: #333; margin-top: 20px; margin-bottom: 45px }

#pdtBox .designer .intro .info { font-size: 16px; line-height: 26px; color: #333 }

#pdtBox .designer .intro .more { display: block; width: 103px; height: 26px; margin-top: 25px; line-height: 26px; color: #fff; text-align: center; background-image: url(../images/i35.png) }

#pdtBox .bigAlbumList .item { width: 1000px; height: 684px; margin-left: auto; margin-right: auto }

#pdtBox .bigAlbumList .item .bg { background-color: #000; opacity: .7; filter: alpha(opacity=70); *zoom:1

}

#pdtBox .bigAlbumList .item .info { width: 920px; height: auto }

.customCaseList { margin-top: 50px; position: relative; overflow: hidden; margin-right: -16px; margin-bottom: -2px; *margin-bottom:0;

min-height: 2px }

.customCaseList .item { float: left; position: relative; overflow: hidden; width: 290px; height: 588px; padding: 14px; margin-right: 16px; margin-bottom: 2px }

.customCaseList .bg { background-image: url(../images/i43.png) }

.customCaseList .contain { height: 100% }

.customCaseList .pic { width: 290px; height: 181px }

.customCaseList .containBox { padding-left: 12px; padding-right: 12px; margin-top: 12px }

.customCaseList h3 { font-size: 16px; line-height: 22px; height: 22px; margin-bottom: 5px; font-weight: 700 }

.customCaseList .aside { margin-top: 12px; color: #999; line-height: 18px; padding-bottom: 20px; border-bottom: #e3e3e3 dashed 1px }

.customCaseList .line { position: relative; overflow: hidden; padding-left: 100px; padding-top: 20px; padding-bottom: 25px; height: 40px; line-height: 20px; background-image: url(../images/i44.png); background-position: bottom center; background-repeat: no-repeat }

.customCaseList .dt { float: left; margin-left: -90px; width: 80px; line-height: 20px; font-size: 16px; font-weight: 700 }

.customCaseList .dd { position: relative; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.customCaseList .designer { position: relative; padding-right: 70px; text-align: right }

.customCaseList .designer .pic { position: absolute; right: 0; top: -5px; width: 50px; height: 50px }

.customCaseList .designer .pic img { height: auto }

.customCaseList .designer .mask { background-image: url(../images/mask4.png) }

.customCaseList .designer .pos { color: #999 }

.customCaseList .info { clear: both; position: relative; overflow: hidden; max-height: 60px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 15px; color: #999 }

.customCaseList .like { float: right; cursor: pointer; height: 14px; margin-top: 10px; text-align: right; color: #bf0008 }

.customCaseList .heart { display: inline-block; vertical-align: top; width: 14px; height: 14px; margin-right: 10px; background-image: url(../images/i45.png); background-repeat: no-repeat; background-position: center center }

.customCaseList .more { position: absolute; left: 0; bottom: 0; width: 290px; height: 40px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; line-height: 40px; text-align: center; color: #fff; background-color: #bfbfbf; background-image: url(../images/i20.png); background-position: 0 40px; background-repeat: no-repeat }

.customCaseList .more:hover { background-position: right 0!important }

.customCaseList .item:hover .more { background-position: 0 0 }

.customCase-View { margin-top: 60px }

.customCase-View .cusCaseViewContain { position: relative; height: 860px }

.customCase-View .cusCaseViewContain .pName { position: absolute; left: 0; top: 0; width: 660px; height: 100px }

.customCase-View .cusCaseViewContain .pName h1 { border-left: #bf0008 6px solid; padding-left: 14px; color: #bf0008; font-size: 24px; font-weight: 700; line-height: 30px }

.customCase-View .cusCaseViewContain .pName .info { margin-top: 25px; padding-left: 20px; font-size: 18px; line-height: 26px; color: #999 }

.customCase-View .cusCaseViewContain .floor-Plan { position: absolute; right: 0; bottom: 0; width: 352px; height: 746px }

.customCase-View .cusCaseViewContain .floor-Plan .img { width: 350px; height: 350px; line-height: 350px; font-size: 0; *font-size:266px;

border: #ddd solid 1px; background-color: #fff }

.customCase-View .cusCaseViewContain .floor-Plan .img:first-child { margin-bottom: 42px }

.customCase-View .cusCaseViewContain .Tg { position: absolute; right: -10px; top: 0; width: 640px; height: 92px }

.customCase-View .cusCaseViewContain .Tg .btn { float: left; margin-right: 10px; margin-bottom: 10px; width: 148px; height: 34px; border: #bf0008 1px solid; line-height: 34px; text-align: center; color: #bf0008; font-size: 18px }

.customCase-View .cusCaseViewContain .Tg .btn.on { background-color: #bf0008; color: #fff }

.customCase-View .cusCaseViewContain .Tt { position: absolute; left: 0; bottom: 0; width: 930px; height: 746px }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum { width: 100%; height: 100% }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .bigshow { width: 928px; height: 580px; border: #ddd solid 1px; background-color: #fff }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist { position: relative; margin-top: 30px; width: 830px; height: 94px; padding: 19px 49px; border: #ddd solid 1px }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist .btn { float: left; width: 148px; height: 92px; margin-right: 20px; border: #ddd solid 1px }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist .btn.on { border-color: #bf0008 }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .ctr { position: absolute; z-index: 3; top: 42px; width: 25px; height: 50px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; line-height: 50px; font-family: simsun, 宋体; font-size: 20px; background-image: url(../images/i48.png); background-color: #c9c9c9; color: #000 }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .ctr:hover { background-color: #bf0008; color: #fff }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .prev { text-indent: 6px; left: 0; background-position: -25px 0 }

.customCase-View .cusCaseViewContain .cusCaseViewAlbum .next { text-indent: 10px; right: 0; background-position: 0 0 }

.customCase-View .hrx { position: relative; margin-top: 60px; margin-bottom: 60px; height: 40px; width: 1920px; left: 50%; margin-left: -960px; background-image: url(../images/i47.png) }

.customCase-View .personIntro { position: relative; overflow: hidden }

.customCase-View .personIntro .fld { position: relative; width: 400px; height: 555px }

.customCase-View .personIntro .fld .contain { position: absolute; left: 0; bottom: 0; width: 350px; padding-left: 25px; padding-right: 25px; padding-bottom: 30px }

.customCase-View .personIntro .fld .contain .en { font-family: Arial, sans-serif; font-size: 28px; color: #ff6215; text-transform: uppercase }

.customCase-View .personIntro .fld .contain .cn { font-size: 50px; font-weight: 700; color: #ff6215; margin-top: 15px; margin-bottom: 25px }

.customCase-View .personIntro .fld .contain .pos_time { font-size: 24px; color: #fff }

.customCase-View .personIntro .frd { position: relative; width: 890px; height: 555px }

.customCase-View .personIntro .frd .mask { background-repeat: repeat-x; background-position: bottom center }

.customCase-View .personIntro .frd .contain { position: absolute; left: 0; bottom: 0; z-index: 9; padding-left: 35px; padding-right: 35px; padding-bottom: 30px; width: 820px; font-size: 16px; line-height: 26px; color: #fff }

.customCase-View .s-Head { margin-top: 40px }

.customCase-View .customCaseList { margin-top: 15px }

.customCase-View .view-Share { margin-top: 40px }

.marketingNetwork { margin-bottom: 60px }

.marketingNetwork .maps { position: relative; height: 713px }

.marketingNetwork .maps .bg { background-image: url(../images/bg17.png); background-position: 50% 50%; background-repeat: no-repeat }

.marketingNetwork .maps .contain img { margin-top: 17px; margin-left: 132px }

.marketingNetwork .guidanceWords { padding-top: 15px; padding-bottom: 25px; font-size: 26px; line-height: 32px; color: #333; text-align: center }

.districtOptions { position: relative; background-image: url(../images/bg18.jpg); border-top: #bfbfbf solid 2px; padding: 20px 25px 0 35px; *padding-bottom:20px

}

.districtOptions .link { float: left; width: 160px; height: 20px; padding: 9px 19px; margin-right: 10px; margin-bottom: 20px; background-color: #fff; border: #fff solid 1px; line-height: 20px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.districtOptions .link .name { color: #333; font-size: 16px; font-weight: 700 }

.districtOptions .link .nums { padding-left: 30px; color: #999; background-image: url(../images/i49.png); background-repeat: no-repeat }

.districtOptions .link em { color: #ff6215; font-size: 16px; font-weight: 700 }

.districtOptions .link.on .name { color: #ff6215 }

.districtOptions .link:hover, .districtOptions .link.on { border-color: #ff6215 }

.square { position: absolute; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #bf0008; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.storeMapList { margin-top: 20px; min-height: 140px; background-image: url(../images/i50.png) }

.storeMapList .item { position: relative; float: left; padding-left: 54px; width: 276px; height: 70px; line-height: 70px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.storeMapList .item .square { left: 40px }

.storeMapList .item:hover { color: #ff6215 }

.marketingMap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 99 }

.marketingMap .close.btn { position: absolute; z-index: 3; right: 10px; top: 10px; width: 40px; height: 40px; background-image: url(../images/i51.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ff6215 }

.marketingMap .contain { position: absolute; z-index: 1; left: 50%; margin-left: -510px; width: 1020px; height: 580px; top: 50%; margin-top: -290px; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.15); box-shadow: 0 0 10px 1px rgba(0,0,0,.15) }

.marketingMap .bg { background-color: #fff; opacity: .7; filter: alpha(opacity=70); *zoom:1

}

.marketingMap #dituContent { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background-color: #fff; line-height: 1.1 }

.marketingMap #dituContent .BMap_bubble_title { font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #bf0008 }

.marketingMap #dituContent .BMap_bubble_content { width: 400px!important; font-size: 14px }

.marketingMap #dituContent img { max-width: none }

.news-Main { margin-top: 60px; margin-bottom: 60px }

.news-Main .ns-More { display: block; padding-bottom: 5px; padding-top: 5px; border-bottom: #ff6215 solid 2px; color: #ff6215; width: 60px; text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.csstransf .news-Main .ns-More { position: relative; overflow: hidden }

.csstransf .news-Main .ns-More::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; height: 0; top: auto; bottom: 0; background-color: rgba(0,0,0,.08) }

.csstransf .news-Main .ns-More:hover::after { height: 100% }

.news-Main .hotBlock { height: 380px; margin-bottom: 60px; background-color: #f5f5f5 }

.news-Main .hotBlock .theOne { width: 280px; padding-left: 535px; padding-top: 25px; height: 355px }

.news-Main .hotBlock .theOne .pic { float: left; margin-left: -535px; margin-top: -25px; width: 508px; height: 380px }

.news-Main .hotBlock .theOne .dt { font-size: 20px; border-bottom: #e3e3e3 solid 2px; color: #333; line-height: 30px; padding-bottom: 8px; margin-bottom: 15px }

.news-Main .hotBlock .theOne h3 { font-size: 18px; line-height: 28px; font-weight: 700; text-align: justify }

.news-Main .hotBlock .theOne .info { margin-top: 10px; position: relative; overflow: hidden; max-height: 168px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; text-align: justify }

.news-Main .hotBlock .theOne .more { display: block; margin-top: 15px; width: 120px; height: 40px; line-height: 40px; text-align: center; color: #666; background-color: #e3e3e3 }

.news-Main .hotSwitch { position: relative; width: 444px; height: 340px; padding-bottom: 15px; margin-top: 10px }

.news-Main .hotSwitch .item { display: block; position: relative; overflow: hidden; width: 444px; height: 340px; background-color: #f5f5f5 }

.news-Main .hotSwitch .item .col { float: left; position: relative; overflow: hidden; width: 212px; height: 160px; margin-right: 10px; margin-bottom: 10px }

.news-Main .hotSwitch .item .col:hover .contain { top: -100px; padding-top: 140px; height: 120px }

.news-Main .hotSwitch .item .contain { position: absolute; top: 62px; left: 0; width: 193px; height: 210px; padding-left: 12px; padding-right: 12px; padding-top: 50px; font-size: 14px; background-image: url(../images/i52.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.news-Main .hotSwitch .item .contain h3 { color: #fff; position: 1; overflow: hidden; max-height: 40px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px }

.news-Main .hotSwitch .item .contain .ns-More { margin-left: auto; margin-right: auto; margin-top: 25px }

.news-Main .icon { height: 10px; line-height: 10px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap }

.news-Main .icon .btn { display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 10px; height: 10px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent:0;

*font-size:0;

margin: 0 5px; background-image: url(../images/i53.png); background-position: -20px 0; vertical-align: top }

.news-Main .icon .btn.on { width: 20px; background-position: 0 0 }

.news-Main .sn-Head { height: 24px; line-height: 24px; margin-bottom: 22px }

.news-Main .sn-Head span { padding-left: 10px; border-left: #bf0008 solid 4px; font-size: 26px }

.news-Main .sn-Head .more { width: 60px; height: 20px; line-height: 20px; margin-top: 2px; background-color: #bfbfbf; color: #fff; border-radius: 3px; text-align: center }

.news-Main .secActivity { width: 836px }

.newList2 .item { padding-left: 25px!important }

.news-Main .newsImgtList .item { position: relative; overflow: hidden; padding-left: 240px; padding-right: 25px; height: 160px; background-color: #f5f5f5; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; margin-top: 30px }

.news-Main .newsImgtList .item .pic { float: left; margin-left: -240px; width: 212px; height: 160px }

.news-Main .newsImgtList .item h3 { padding-top: 15px; font-size: 16px; line-height: 26px; font-weight: 700 }

.news-Main .newsImgtList .item .info { margin-top: 16px; position: 1; overflow: hidden; max-height: 48px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px }

.news-Main .newsImgtList .item .ns-More { margin-top: 10px }

.news-Main .newsImgtList .item .date { position: absolute; right: 28px; bottom: 20px; width: 65px; color: #999; text-align: center }

.news-Main .newsImgtList .item:first-child { margin-top: 0 }

.news-Main .newsImgtList .item:hover { background-color: #fff; -webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,.1); box-shadow: 0 0 7px 1px rgba(0,0,0,.1) }

.news-Main .secNews { width: 444px }

.news-Main .secNews .newsTextList { height: 540px }

.news-Main .newsTextList .hot { position: relative; width: 444px; height: 333px; margin-bottom: 7px }

.news-Main .newsTextList .hot .mask { background-image: url(../images/i54.png); background-repeat: repeat-x; background-position: bottom center }

.news-Main .newsTextList .hot h3 { left: 0; bottom: 0; padding: 15px 25px; width: 395px; z-index: 9; color: #fff; font-size: 16px; position: absolute; overflow: hidden; max-height: 156px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical }

.news-Main .newsTextList .item { position: relative; height: 22px; line-height: 22px; padding-top: 9px; padding-bottom: 9px; padding-left: 35px }

.news-Main .newsTextList .item .square { left: 17px }

.news-Main .newsTextList .item h3 { width: 290px }

.news-Main .newsTextList .item:hover { color: #ff6215 }

.news-Main .newsTextList .item .date { color: #999 }

.news-Main .secCustomization { margin-top: 60px; height: 740px; background-color: #f5f5f5 }

.news-Main .secCustomization .aside { margin-top: 20px }

.news-Main .secCustomization .aside, .news-Main .secCustomization .aside a { color: #999 }

.news-Main .secCustomization .aside s { margin-left: 30px; margin-right: 30px }

.news-Main .secCustomization .aside .link:hover { color: #bf0008 }

.news-Main .secCustomization .customizationSwtich { margin-top: 20px; padding-bottom: 45px; height: 506px; position: relative; overflow: hidden }

.news-Main .customizationList .item { float: left; position: relative; overflow: hidden; width: 290px; height: 478px; padding: 14px; margin-right: 16px }

.news-Main .customizationList .item .bg { background-image: url(../images/i55.png) }

.news-Main .customizationList .item .contain { height: 100% }

.news-Main .customizationList .item .pic { width: 290px; height: 217px }

.news-Main .customizationList .item h3 { margin-top: 5px; font-size: 16px; line-height: 26px; height: 26px; padding: 12px; font-weight: 700 }

.news-Main .customizationList .item .hr { width: 278px; height: 11px; margin: 15px 6px 20px; background-image: url(../images/i44.png); background-repeat: no-repeat; background-position: right center }

.news-Main .customizationList .item .info { position: relative; overflow: hidden; max-height: 100px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; padding-left: 12px; padding-right: 12px; color: #999 }

.news-Main .customizationList .item .more { position: absolute; left: 0; bottom: 0; width: 290px; height: 40px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; line-height: 40px; text-align: center; color: #fff; background-color: #bfbfbf; background-image: url(../images/i20.png); background-position: 0 40px; background-repeat: no-repeat }

.news-Main .customizationList .item .more:hover { background-position: right 0!important }

.news-Main .customizationList .item:hover .more { background-position: 0 0 }

.news-Main .secQuestion { width: 836px; padding-top: 60px }

.news-Main .secQuestion .sn-Body { height: 640px }

.news-Main .QAList { margin-right: -20px }

.news-Main .QAList .item { position: relative; float: left; width: 373px; height: 180px; padding: 9px 24px 9px 9px; margin-right: 20px; margin-bottom: 20px; border: #e3e3e3 solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.news-Main .QAList .item .question { padding-left: 60px; line-height: 40px; height: 40px; font-size: 16px; color: #333; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-image: url(../images/i55a.png); background-repeat: no-repeat }

.news-Main .QAList .item .answer { min-height: 48px; margin-top: 20px; padding-left: 60px; position: relative; overflow: hidden; max-height: 72px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; background-image: url(../images/i55b.png); background-repeat: no-repeat }

.news-Main .QAList .item .ns-More { position: absolute; left: 70px; bottom: 20px }

.news-Main .QAList .item .saw { position: absolute; right: 24px; bottom: 24px; height: 14px; padding-left: 34px; background-image: url(../images/i57.png); background-repeat: no-repeat }

.news-Main .QAList .item:hover { -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.15); box-shadow: 0 0 5px 1px rgba(0,0,0,.15) }

.news-Main .secInformation { width: 444px; padding-top: 60px }

.news-Main .secInformation .sn-Body { height: 640px }

.news-Main .infoList .square { left: 0 }

.news-Main .infoList li { position: relative; padding-left: 15px }

.news-Main .infoList .hot { font-size: 16px; position: 1; overflow: hidden; max-height: 52px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; font-weight: 700; padding-top: 14px; padding-bottom: 14px }

.news-Main .infoList .hot .square { top: 25px; margin-top: 0 }

.news-Main .infoList .item { height: 22px; line-height: 22px; padding-top: 9px; padding-bottom: 9px }

.news-Main .infoList .item h3 { width: 290px }

.news-Main .onlineBooking { margin-top: 30px }

.news-Main .onlineBooking .onlineForm { width: 350px; height: 290px; padding-top: 80px; padding-left: 50px; padding-right: 44px; background-image: url(../images/bg19.png) }

.news-Main.listPage .pageListBox { margin-bottom: 0 }

.news-Main.listPage .secActivity { width: 1320px }

.news-Main.listPage .newsImgtList .item { padding-right: 165px }

.news-Main.listPage .newsImgtList .item .vr { position: absolute; right: 117px; top: 30px; width: 2px; height: 100px; background-color: #e3e3e3 }

.news-Main.listPage .newsImgtList .item .date, .news-Main.listPage .newsImgtList .item .saw { background-repeat: no-repeat; background-position: center 0 }

.news-Main.listPage .newsImgtList .item .date { top: 30px; bottom: auto; padding-top: 28px; background-image: url(../images/i58.png) }

.news-Main.listPage .newsImgtList .item .saw { position: absolute; top: 95px; right: 28px; width: 65px; padding-top: 24px; color: #999; text-align: center; background-image: url(../images/i57.png) }

.news-Main.listPage .newsTextList .item h3, .news-Main.listPage .infoList .item h3 { width: 1180px }

.news-Main.listPage .customizationList { margin-right: -16px; margin-bottom: -12px; *margin-bottom:0

}

.news-Main.listPage .customizationList .item { margin-bottom: 12px }

.news-Main.listPage .QAList { margin-right: -20px }

.news-Main.listPage .QAList .item { position: relative; float: left; width: 605px; height: 180px; padding: 9px 24px 9px 9px; margin-right: 20px; margin-bottom: 20px; border: #e3e3e3 solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.news-Main.listPage .QAList .item .question { padding-left: 60px; line-height: 40px; height: 40px; font-size: 16px; color: #333; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-image: url(../images/i55a.png); background-repeat: no-repeat }

.news-Main.listPage .QAList .item .answer { margin-top: 20px; padding-left: 60px; position: relative; overflow: hidden; max-height: 72px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; background-image: url(../images/i55b.png); background-repeat: no-repeat }

.news-Main.listPage .QAList .item .ns-More { position: absolute; left: 70px; bottom: 20px }

.news-Main.listPage .QAList .item .saw { position: absolute; right: 24px; bottom: 24px; height: 14px; padding-left: 34px; background-image: url(../images/i57.png); background-repeat: no-repeat }

.news-Main.listPage .QAList .item:hover { -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.15); box-shadow: 0 0 5px 1px rgba(0,0,0,.15) }

.view-Head { padding-top: 60px; text-align: center }

.view-Head h1 { font-size: 20px; font-weight: 700; color: #333 }

.view-Head .aside { position: relative; height: 40px; line-height: 40px; background-color: #f5f5f5; margin-top: 30px; font-size: 0 }

.view-Head .aside span { display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; margin-left: 20px; margin-right: 20px; font-size: 14px; color: #999; padding-left: 30px; background-repeat: no-repeat; background-position: 0 center }

.view-Head .aside .source { background-image: url(../images/i59.png) }

.view-Head .aside .date { background-image: url(../images/i58.png) }

.view-Head .aside .saw { background-image: url(../images/i57.png) }

.view-Head .aside .historyBack { position: absolute; right: 0; top: 0; width: 130px; text-align: center; background-color: #bfbfbf; color: #fff; font-size: 14px }

.view-Body { margin-top: 40px; margin-bottom: 40px }

.videoList { position: relative; overflow: hidden; margin-top: 40px; margin-right: -60px; margin-bottom: -50px; *margin-bottom:0;

min-height: 50px }

.videoList .item { float: left; position: relative; overflow: hidden; width: 400px; height: 250px; margin-right: 60px; margin-bottom: 50px }

.videoList .pic { height: 250px }

.videoList .mask { background-image: url(../images/i60.png); background-repeat: repeat-x; background-position: bottom center }

.videoList h3 { left: 0; bottom: 0; padding: 15px 25px; width: 350px; z-index: 9; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #fff; font-size: 16px; position: absolute; overflow: hidden; max-height: 104px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical }

.videoFrame { width: 100%; height: 600px; margin-bottom: 30px }

.abt-Anchors.fixed { position: fixed; left: 0; width: 100%; top: 100px; z-index: 21; margin-top: 0 }

.abt-Main.padT { padding-top: 100px }

.abt-Main .section { position: relative }

.abt-Main .i-Head h2 { margin-bottom: 0 }

.abt-Main .i-Head .aside { margin-top: 20px }

.abt-Main .abt-Body { line-height: 1; margin-top: 60px }

#abtSec1 { height: 1060px; padding-top: 20px }

#abtSec1 .abt1List .item { float: left; padding: 35px 55px; width: 550px }

#abtSec1 .abt1List .first { width: 1210px; text-align: center }

#abtSec1 .abt1List .dt { height: 140px; text-align: center }

#abtSec1 .abt1List .dt p { line-height: 20px }

#abtSec1 .abt1List .dt strong { display: block; font-size: 60px; line-height: 100px; font-family: Arial, sans-serif; color: #bf0008 }

#abtSec1 .abt1List .dd { margin-top: 35px; font-size: 16px; line-height: 30px; color: #333 }

#abtSec1 .footBar { display: block; margin-top: 70px; height: 60px; color: #fff; line-height: 60px; text-align: center; font-size: 20px }

#abtSec1 .footBar .l { width: 880px; background-color: #999 }

#abtSec1 .footBar .r { width: 440px; background-color: #333; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

#abtSec1 .footBar .r:hover { background-color: #444 }

#abtSec2 { height: 720px; padding-top: 80px }

#abtSec2 .head { text-align: center; font-size: 26px; color: #333 }

#abtSec2 .abt2List { font-size: 0; text-align: center }

#abtSec2 .abt2List .item { position: relative; display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; padding: 58px 35px 0; margin-left: 13px; margin-right: 13px; width: 167px; height: 360px; background-image: url(../images/i61.png) }

#abtSec2 .abt2List .item.odd { top: 130px }

#abtSec2 .abt2List .item .img { height: 52px; line-height: 52px; font-size: 0; *font-size:39px

}

#abtSec2 .abt2List .item .hr { margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; width: 30px; height: 3px; background-color: #ff6215 }

#abtSec2 .abt2List .item h2 { color: #333; font-size: 30px; line-height: 34px }

#abtSec2 .abt2List .item .info { margin-top: 30px; font-size: 18px; line-height: 28px }

#abtSec3 { padding-top: 60px; padding-bottom: 60px }

#abtSec3 .head { position: relative; overflow: hidden; height: 375px; background-image: url(../images/bg21.jpg); padding-left: 276px }

#abtSec3 .head .pic { width: 600px; height: 100% }

#abtSec3 .head .txt { padding: 25px 30px; width: 384px; color: #fff }

#abtSec3 .head .txt .dt { font-size: 26px; line-height: 36px }

#abtSec3 .head .txt .dd { margin-top: 70px; text-align: justify; font-size: 16px; line-height: 28px }

#abtSec3 .col { width: 660px }

#abtSec3 .col .img { height: 315px; line-height: 315px; font-size: 0; *font-size:239px

}

#abtSec3 .col .info { width: 550px; margin-left: auto; margin-right: auto; margin-top: 45px; font-size: 16px; line-height: 28px }

#abtSec4 { padding-top: 30px; padding-bottom: 60px; height: 610px }

#abtSec4 .i-Head .spe { font-size: 26px; margin-top: 30px; color: #333 }

#abtSec4 .honorSwitch { position: relative; width: 1280px; height: 380px; padding-left: 20px; padding-right: 20px }

#abtSec4 .honorSwitch .item { float: left; position: relative; overflow: hidden; width: 236px; height: 350px; margin-right: 25px; cursor: pointer }

#abtSec4 .honorSwitch .pic { width: 236px; height: 297px }

#abtSec4 .honorSwitch h3 { margin-top: 20px; font-size: 16px; line-height: 28px; text-align: center }

#abtSec4 .honorSwitch .icon { height: 10px; line-height: 10px; position: absolute; bottom: 5%; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap }

#abtSec4 .honorSwitch .icon .btn { display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 20px; height: 10px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent:0;

*font-size:0;

margin: 0 5px; background-image: url(../images/i1.png); background-position: 0 0; vertical-align: top }

#abtSec4 .honorSwitch .icon .btn.on { background-position: 0 -20px }

#abtSec4 .honorSwitch .ctr { position: absolute; z-index: 3; top: 120px; width: 54px; height: 54px; line-height: 54px; text-align: center; font-size: 40px; font-family: simsun, 宋体; color: #000; opacity: .5; filter: alpha(opacity=50); *zoom:1;

-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

#abtSec4 .honorSwitch .ctr:hover { opacity: 1; filter: alpha(opacity=100); font-weight: 700 }

#abtSec4 .honorSwitch .prev { left: -34px }

#abtSec4 .honorSwitch .next { right: -34px }

#abtSec5 { height: 720px; padding-top: 80px }

#abtSec5 .head { text-align: center; font-size: 26px; color: #fff }

#abtSec5 .abt-Body { margin-top: 100px }

#abtSec5 .timing { padding-left: 120px; padding-right: 120px; position: relative; width: 1080px; height: 94px }

#abtSec5 .timing .hr { position: absolute; top: 50%; left: 90px; margin-top: -1px; height: 2px; width: 1140px; background-color: #fff; opacity: .4; filter: alpha(opacity=40); *zoom:1

}

#abtSec5 .timing .item { float: left; position: relative; overflow: hidden; width: 216px; height: 94px; text-align: center; background-image: url(../images/i62.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer }

#abtSec5 .timing .item .time { position: absolute; left: 0; width: 100%; line-height: 26px; font-size: 22px; color: #fff; font-family: Arial, sans-serif; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; opacity: .8; filter: alpha(opacity=80); *zoom:1

}

#abtSec5 .timing .item .point { position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; width: 10px; height: 14px; background-image: url(../images/i63.png); -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom:1;

visibility: hidden; *visibility:visible;

-webkit-transform: translateY(-5px); transform: translateY(-5px) }

#abtSec5 .timing .item.even .time { top: 0 }

#abtSec5 .timing .item.odd .time { bottom: 0 }

#abtSec5 .timing .item.on { background-image: none }

#abtSec5 .timing .item.on .time { font-weight: 700; font-size: 26px; opacity: 1; filter: alpha(opacity=100) }

#abtSec5 .timing .item.on .point { -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) }

#abtSec5 .timing .ctr { position: absolute; z-index: 3; top: 50%; margin-top: -20px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 22px; font-family: simsun, 宋体; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

#abtSec5 .timing .ctr:hover { background-image: url(../images/i64.png) }

#abtSec5 .timing .prev { left: 30px }

#abtSec5 .timing .next { right: 30px }

#abtSec5 .Tt { margin-top: 60px; width: 1140px; height: 330px; background-color: #fff; margin-left: auto; margin-right: auto }

#abtSec5 .Tt .box { width: 590px; height: 250px; padding: 40px 60px 40px 490px }

#abtSec5 .Tt .pic { width: 400px; height: 250px; float: left; margin-left: -450px }

#abtSec5 .Tt .time { font-size: 36px; font-weight: 700; line-height: 94px; margin-bottom: 6px; color: #bf0008 }

#abtSec5 .Tt .imax { font-size: 16px; line-height: 24px }

#abtSec5 .scrollbox { position: relative; overflow: hidden; height: 250px }

#abtSec5 .scrollbox.y { padding-right: 15px }

#abtSec5 .scrollbox.y .scrollbar { height: 100%; top: 0; background-color: #e3e3e3 }

#abtSec5 .scrollbox.y .scrollbar, #abtSec5 .scrollbox.y .scrollbar .thumb, #abtSec5 .scrollbox.y .scrollbar .track { width: 10px }

#abtSec5 .scrollbox.y .scrollbar .thumb { height: 0; right: 0; background-color: #bfbfbf }

#abtSec5 .scrollbox .scrollbar { position: absolute; z-index: 3; right: 0 }

#abtSec5 .scrollbox .scrollbar .track { position: relative }

#abtSec5 .scrollbox .scrollbar .thumb { position: absolute; top: 0; cursor: pointer; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s }

#abtSec5 .scrollbox .scrollbar .thumb .end { height: 10px; width: 10px }

#abtSec5 .scrollbox .viewport { position: relative; overflow: hidden; width: 100%; height: 100% }

#abtSec5 .scrollbox .overview { position: relative; -webkit-transition: all 250ms ease-in 0s; transition: all 250ms ease-in 0s }

#abtSec5 .scrollbox .disable { display: none }

#abtSec6 { padding-top: 20px; padding-bottom: 60px }

#abtSec6 .abt-Body { text-align: center }

#abtSec6 .bg { background-color: #f5f5f5 }

#abtSec7 { padding-top: 20px; padding-bottom: 60px }

#abtSec7 .abt-Body { margin-top: 40px }

#abtSec7 .videoList0 { position: relative; overflow: hidden; margin-right: -60px; height: 328px }

#abtSec7 .videoList0 .item { float: left; position: relative; overflow: hidden; width: 252px; height: 156px; margin-left: 13px; margin-bottom: 16px }

#abtSec7 .videoList0 .item.first { width: 525px; height: 328px; margin-left: 0 }

#abtSec7 .videoList0 .item.first .mask { background-image: url(../images/i60.png) }

#abtSec7 .videoList0 .item.first h3 { width: 475px; padding: 15px 25px; max-height: 52px; line-height: 26px }

#abtSec7 .videoList0 .pic { width: 100%; height: 100% }

#abtSec7 .videoList0 .mask { background-image: url(../images/i65.png); background-repeat: repeat-x; background-position: bottom center }

#abtSec7 .videoList0 h3 { position: absolute; left: 0; bottom: 0; padding: 10px; width: 232px; z-index: 9; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #fff; font-size: 14px; line-height: 18px; max-height: 36px }

#abtSec7 .more { display: block; margin-left: auto; margin-right: auto; margin-top: 40px; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #ff6215 }

.areaFiltrate { margin-top: 40px; padding: 20px; border-top: #bf0008 3px solid; background-color: #f5f5f5; font-size: 16px; line-height: 24px }

.areaFiltrate .aside { color: #333 }

.areaFiltrate .notice { margin-top: 24px; margin-bottom: 25px; color: #bf0008; font-weight: 700 }

.areaFiltrate .skin { border: #bfbfbf solid 1px; width: 210px; height: 38px; margin-right: 20px; padding-left: 14px; padding-right: 14px; line-height: 38px; font-size: 16px; background-color: #fff }

.areaFiltrate .skin.disabled { border-color: #dfdfdf }

.areaFiltrate option { padding: 4px 14px }

.areaFiltrate .enter { width: 180px; height: 40px; background-image: url(../images/i66.png); text-indent: 70px; font-size: 16px; color: #fff; text-align: left }

.areaFiltrate .hotwords { margin-left: 40px; line-height: 40px; font-size: 14px }

.storeList { position: relative; overflow: hidden; margin-top: 40px; margin-right: -40px; margin-bottom: -35px; *margin-bottom:0;

min-height: 35px }

.storeList .item { float: left; position: relative; overflow: hidden; width: 300px; height: 249px; margin-right: 40px; margin-bottom: 35px; border-bottom: #ddd solid 1px }

.storeList .item .pic { height: 188px }

.storeList .item .shadow { top: 188px; background-color: #333 }

.storeList .item .mask { top: 188px; color: #333; font-size: 16px; text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.storeList .item .mask h3 { padding-top: 16px; padding-bottom: 17px; line-height: 26px }

.storeList .item .mask .more { display: block; width: 127px; height: 30px; margin-left: auto; margin-right: auto; margin-top: 12px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #333; line-height: 30px; background-image: url(../images/i67.png); opacity: .8; filter: alpha(opacity=80); *zoom:1

}

.storeList .item .mask .more:hover { opacity: 1; filter: alpha(opacity=100) }

.storeList .item:hover .mask { top: 130px }

.storeList .item:hover .mask .aft { color: #fff }

.storeList .item:hover .shadow { opacity: .9; filter: alpha(opacity=90); *zoom:1;

top: 130px }

.store-View { margin-top: 40px }

.store-View .storeViewAlbum { margin-top: 35px }

.store-View .storeViewAlbum .bigshow { width: 658px; height: 411px; border: #ddd solid 1px; background-color: #fff }

.store-View .storeViewAlbum .intro { width: 610px }

.store-View .storeViewAlbum .intro h1 { font-size: 24px; color: #333; padding-top: 24px; padding-bottom: 24px; line-height: 32px; border-bottom: #f5f5f5 solid 2px }

.store-View .storeViewAlbum .intro .pptyList { position: relative; overflow: hidden; margin-top: 25px; height: 142px }

.store-View .storeViewAlbum .intro .pptyList .item { padding-left: 110px; margin-top: 10px; line-height: 24px; min-height: 24px; color: #999 }

.store-View .storeViewAlbum .intro .pptyList .item:first-child { margin-top: 0 }

.store-View .storeViewAlbum .intro .pptyList .ppty { float: left; margin-left: -110px; width: 90px; height: 24px; background-color: #999; color: #fff; text-align: center }

.store-View .storeViewAlbum .smalllist { position: relative; margin-top: 30px; width: 490px; height: 94px; padding: 19px 59px; border: #ddd solid 1px }

.store-View .storeViewAlbum .smalllist .btn { float: left; width: 148px; height: 92px; margin-right: 20px; border: #ddd solid 1px }

.store-View .storeViewAlbum .smalllist .btn.on { border-color: #bf0008 }

.store-View .storeViewAlbum .ctr { position: absolute; z-index: 3; top: 42px; width: 25px; height: 50px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; line-height: 50px; font-family: simsun, 宋体; font-size: 20px; background-image: url(../images/i48.png); background-color: #c9c9c9; color: #000 }

.store-View .storeViewAlbum .ctr:hover { background-color: #bf0008; color: #fff }

.store-View .storeViewAlbum .prev { text-indent: 6px; left: 0; background-position: -25px 0 }

.store-View .storeViewAlbum .next { text-indent: 10px; right: 0; background-position: 0 0 }

.s-Head.type0 .hr { right: 0 }

.s-Head.type3 { padding-top: 5px; padding-bottom: 5px }

.s-Head.type3 .hr { right: 230px }

.s-Head.type3 .more { width: 190px; height: 40px; line-height: 40px; margin-top: -5px; font-size: 18px; background-image: url(../images/i68.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.s-Head.type3 .more:hover { text-indent: 3px }

.contact-Main { margin-top: 40px; margin-bottom: 60px }

.contact-Main .cList { position: relative; margin-top: 45px }

.contact-Main .cList .item.l { width: 930px; padding-left: 170px; line-height: 36px; min-height: 36px; margin-top: 10px }

.contact-Main .cList .item.l .dt { width: 138px; height: 34px; float: left; margin-left: -170px; border: #bf0008 solid 1px; text-align: center; line-height: 34px; color: #bf0008; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.contact-Main .cList .item.l .dd { font-size: 16px; color: #999; line-height: 22px; padding-top: 6px; padding-bottom: 6px }

.contact-Main .cList .item.l:first-child { margin-top: 0 }

.contact-Main .cList .item.l .dt:hover { background-color: #bf0008; color: #fff }

.contact-Main .cList .item.r { position: absolute; right: 0; top: 0; width: 190px; text-align: center }

.contact-Main .cList .item.r .more { display: block; width: 190px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background-image: url(../images/i68.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.contact-Main .cList .item.r .more:hover { text-indent: 3px }

.contact-Main .cList .item.r .aside { margin-top: 30px; font-size: 16px; color: #bf0008 }

.contact-Main .mapSwitch { margin-top: 20px }

.contact-Main .mapSwitch .Tg { position: relative; margin-bottom: 35px; height: 40px }

.contact-Main .mapSwitch .Tg .btn { float: left; position: relative; width: 440px; height: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 16px; background-color: #bfbfbf; -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s }

.contact-Main .mapSwitch .Tg .btn .triangle { position: absolute; bottom: 0; left: 50%; margin-left: -14px; overflow: hidden; width: 0; height: 0; border-width: 7px 14px; border-color: transparent transparent transparent #bfbfbf; border-style: dashed dashed dashed solid; font-size: 0 }

.contact-Main .mapSwitch .Tg .btn:hover { background-color: #888 }

.contact-Main .mapSwitch .Tg .btn:hover .triangle { border-left-color: #888 }

.contact-Main .mapSwitch .Tg .btn.hbgOn { background-color: #666 }

.contact-Main .mapSwitch .Tg .btn.hbgOn .triangle { bottom: -7px; border-left-color: #666 }

.contact-Main #dituContent { border: #ddd solid 1px; width: 1318px; height: 398px }

.contact-Main #dituContent .BMap_bubble_content { width: 550px!important; font-size: 14px; line-height: 24px; color: #333 }

.contact-Main #dituContent img { max-width: none }

.join-Main { margin-bottom: 60px }

.join-Main .section { margin-top: 45px }

.join-Main .join-Sec3 .title { font-size: 24px; color: #bf0008; line-height: 40px }

.join-Main .join-Sec3 .aside { margin-top: 20px; font-size: 16px; line-height: 24px; color: #333 }

.join-Main .hrList { margin-top: 30px }

.join-Main .hrList .item { position: relative; margin-top: 30px; background-color: #f5f5f5; border: #ddd solid 1px }

.join-Main .hrList .item:first-child { margin-top: 0 }

.join-Main .hrList .item.unfold .foldBtn .vr { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); *zoom:1

}

.join-Main .hrList .head { padding: 9px 19px; height: 40px }

.join-Main .hrList .col { float: left; width: 130px; text-align: center; border-left: #d8d8d8 solid 1px; line-height: 20px }

.join-Main .hrList .col.i1 { width: 340px; font-size: 20px; line-height: 40px; text-align: left; border-left: 0; color: #333 }

.join-Main .hrList .foldBtn { position: absolute; overflow: hidden; top: 17px; right: 19px; width: 26px; height: 26px; background-image: url(../images/i69.png) }

.join-Main .hrList .foldBtn .hr, .join-Main .hrList .foldBtn .vr { position: absolute; left: 50%; top: 50%; width: 2px; height: 2px; margin-left: -1px; margin-top: -1px; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.join-Main .hrList .foldBtn .hr { width: 12px; margin-left: -6px }

.join-Main .hrList .foldBtn .vr { height: 12px; margin-top: -6px }

.join-Main .hrList .foldBtn:hover .vr { height: 10px; margin-top: -5px }

.join-Main .hrList .foldBtn:hover .hr { width: 10px; margin-left: -5px }

.join-Main .hrList .foldBtn:hover .hr, .join-Main .hrList .foldBtn:hover .vr { -webkit-transform: translateY(2px); transform: translateY(2px) }

.join-Main .hrList .hideBlock { display: none; font-size: 16px; line-height: 24px }

.join-Main .hrList .body { margin-left: 19px; margin-right: 19px; padding-top: 19px; padding-bottom: 19px; border-top: #d8d8d8 solid 1px }

.join-Main .hrList .foot { padding: 14px 19px; border-top: #d8d8d8 1px solid; color: #bf0008 }

.join-Main #loadState { width: 190px; margin-left: auto; margin-right: auto }

.fullView360 { padding-top: 70px; padding-bottom: 70px; background-image: url(../images/bg23.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; color: #4f4f71; text-align: center }

.fullView360 .container { width: 1224px }

.fullView360 .dt { line-height: 60px; font-size: 40px }

.fullView360 .dd { margin-top: 25px; font-size: 16px; line-height: 26px }

.fullView360 .fullViewList { position: relative; overflow: hidden; margin-top: 35px; margin-right: -36px; margin-bottom: -10px; *margin-bottom:0;

min-height: 10px }

.fullView360 .fullViewList .item { float: left; position: relative; overflow: hidden; width: 384px; padding-top: 280px; height: 30px; margin-right: 36px; margin-bottom: 10px }

.fullView360 .fullViewList .fvPic { position: absolute; width: 100%; left: 0; bottom: 30px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.fullView360 .fullViewList h3 { font-size: 16px; font-weight: 700; color: #333; line-height: 20px; padding-top: 5px; padding-bottom: 5px }

.fullView360 .fullViewList .item:hover .fvPic { bottom: 50px }

.search-Result { margin-top: 40px }

.search-Result .resultList { margin-top: 20px }

.search-Result .resultList .item { margin-top: 30px; padding: 20px 25px; background-color: #f5f5f5; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.search-Result .resultList .item:first-child { margin-top: 0 }

.search-Result .resultList .item:hover { background-color: #fff; -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.15); box-shadow: 0 0 6px 1px rgba(0,0,0,.15) }

.search-Result .resultList h3 { font-size: 16px; font-weight: 700; color: #333 }

.search-Result .resultList .info { margin-top: 15px; line-height: 24px; height: 48px; position: relative; overflow: hidden }

.search-Result .resultList .more { margin-top: 12px; display: block; width: 60px; border-bottom: #ff6215 2px solid; color: #ff6215; text-align: center; padding-bottom: 6px; padding-top: 6px }

.subject-searvice .section1 { min-height: 200px }

.subject-searvice .section13 { padding-top: 50px; padding-bottom: 50px; background-color: #ff6215 }

.subject-searvice .section13 .head { margin-bottom: 40px; text-align: center; color: #fff; font-size: 42px; line-height: 46px; font-weight: 700 }

.subject-searvice .section13 .body { width: 1200px; margin-left: auto; margin-right: auto }

.subject-searvice .aside { float: left; background-color: #f1f1f1; padding: 30px 60px; width: 1080px; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; color: #333; font-size: 18px; line-height: 32px; text-align: justify }

.subject-searvice .formCheck { float: left; padding-left: 60px; padding-right: 60px; padding-bottom: 45px; padding-top: 30px; margin-left: auto; margin-right: auto; background-color: #f1f1f1; font-size: 18px }

.subject-searvice .formCheck .formTitle { font-size: 32px; font-weight: 700; color: #ff6215; text-align: center; margin-bottom: 20px }

.subject-searvice .formCheck .item { margin-bottom: 15px }

.subject-searvice .formCheck .skin { padding: 9px 24px; width: 420px; height: 20px; line-height: 20px; border: #cdcdcd solid 1px; font-size: 18px }

.subject-searvice .formCheck .skin._focus { -webkit-box-shadow: 0 0 1px 0 #209773; box-shadow: 0 0 1px 0 #209773 }

.subject-searvice .formCheck .yzm .skin { float: left; width: 170px; margin-right: 15px }

.subject-searvice .formCheck .yzm .btn { float: left; width: 168px; height: 38px; border: #cdcdcd solid 1px }

.subject-searvice .formCheck .yzm .refreshVC { float: right; width: 65px; height: 40px; background-image: url(../images/i40.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.subject-searvice .formCheck .yzm .refreshVC:hover { background-color: #e1e1e1 }

.subject-searvice .formCheck textarea.skin { height: 235px; padding-top: 9px; padding-bottom: 9px }

.subject-searvice .formCheck .enter { display: block; width: 150px; height: 48px; margin-left: auto; margin-right: auto; margin-top: 20px; background-color: #ff8e27; border-radius: 4px; font-size: 24px; font-weight: 700; color: #fff; text-align: center; line-height: 48px }

.subject-searvice .guaranteeForm { width: 1080px; padding-top: 35px }

.subject-searvice .guaranteeForm .formTitle { margin-bottom: 30px }

.subject-searvice .guaranteeForm .line .fld { width: 850px }

.subject-searvice .guaranteeForm .line .fld .item { margin-right: 15px }

.subject-searvice .guaranteeForm .line .radio { width: 225px }

.subject-searvice .guaranteeForm .line .radio .buts { position: relative; overflow: hidden; height: 38px; margin-bottom: 15px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: #cdcdcd solid 1px; width: 223px; line-height: 38px; background-repeat: no-repeat; background-position: 230px center }

.subject-searvice .guaranteeForm .line .radio .buts input { visibility: hidden }

.subject-searvice .guaranteeForm .line .radio .buts label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 30px }

.subject-searvice .guaranteeForm .line .radio .buts:hover { background-color: #eee }

.subject-searvice .guaranteeForm .line .radio .buts.on { background-color: #ff6215; color: #fff!important; background-image: url(../images/i39.png); background-position: 190px center }

.subject-searvice .guaranteeForm .line .radio.red .buts { border-color: #ff000c; color: #ff000c }

.subject-searvice .guaranteeForm input.skin { width: 360px }

.subject-searvice .guaranteeForm textarea.skin { width: 1030px; height: 100px }

.subject-searvice .guaranteeForm .fileBtnBox { position: relative; overflow: hidden; width: 640px }

.subject-searvice .guaranteeForm .fileBtnBox .filename { padding-top: 0; padding-bottom: 0; height: 38px; line-height: 38px; width: 590px }

.subject-searvice .guaranteeForm .fileBtnBox .buts { position: absolute; top: -1px; left: -1px; z-index: 2; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer }

.subject-searvice .guaranteeForm .yzm .skin { width: 120px }

.subject-searvice .guaranteeForm .enter { width: 200px }

.subject-searvice .complainForm { margin-right: 20px }

.subject-searvice .complainForm .item { width: 470px }

.subject-searvice .adviceForm .item { width: 470px }

.subject-searvice #city .skin { float: left; position: relative; overflow: hidden; width: 100px; height: 30px; line-height: 30px; padding: 4px 24px; margin-left: 10px }

.subject-searvice #city .skin option { padding: 4px 24px }

.subject-searvice #city .skin:first-child { margin-left: 0 }

.subject-league .section1 { min-height: 200px }

.subject-league .section1 .arrow { position: absolute; left: 50%; bottom: 25px; width: 22px; height: 16px; margin-left: -11px; background-image: url(../images/arrow.png); -webkit-animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate; animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate }

.subject-league .section2 .btn { position: absolute; z-index: 2; top: 360px; left: 50%; margin-left: -600px; width: 203px; height: 39px; background-image: url(../images/btn1.jpg) }

.subject-league .section8 .btn { position: absolute; z-index: 2; bottom: 80px; left: 50%; margin-left: -210px; width: 421px; height: 63px; background-image: url(../images/btn2.png) }

.subject-league .section9 .i-League { text-align: left; height: 950px }

.subject-league .section12 { position: relative; height: 787px; background-image: url(../images/subjectpic_12.jpg); background-position: 50% 50%; background-repeat: no-repeat }

.subject-league .section12 .container { padding-top: 186px; width: 1012px; padding-right: 188px }

.subject-league .section12 .formCheck { width: 490px }

.subject-league .section12 .telB { position: absolute; bottom: 72px; z-index: 2; left: 50%; margin-left: -270px; padding-left: 330px; height: 53px; line-height: 50px; background-image: url(../images/i1.png); background-repeat: no-repeat; color: #fff; font-size: 28px; font-family: Tahoma; letter-spacing: 1px }

.subject-league .section12 .notice { font-size: 38px; line-height: 30px; color: #ffff09; text-align: center; margin-bottom: 20px }

.subject-league .section12 .item { position: relative; margin-bottom: 20px; min-height: 50px }

.subject-league .section12 .skin { padding: 10px 22px; width: 444px; height: 28px; line-height: 28px; border-radius: 6px; font-size: 18px; background-color: #fff; border: #fff solid 1px }

.subject-league .section12 .skin._focus { -webkit-box-shadow: 0 0 1px 0 #209773; box-shadow: 0 0 1px 0 #209773 }

.subject-league .section12 #city .skin { float: left; position: relative; overflow: hidden; width: 104px; height: 38px; line-height: 38px; padding: 5px 22px; margin-left: 20px }

.subject-league .section12 #city .skin option { padding: 5px 22px }

.subject-league .section12 #city .skin:first-child { margin-left: 0 }

.subject-league .section12 .radio .buts { position: relative; border-radius: 6px; overflow: hidden; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; width: 238px; height: 48px; background-color: #fff; font-size: 18px; border: #fff solid 1px; line-height: 48px; background-repeat: no-repeat; background-position: 240px center }

.subject-league .section12 .radio .buts input { visibility: hidden }

.subject-league .section12 .radio .buts label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 30px }

.subject-league .section12 .radio .buts:hover { background-color: #eee }

.subject-league .section12 .radio .buts.on { background-color: #ff6215; color: #fff!important; background-image: url(../images/i39.png); background-position: 190px center }

.subject-league .section12 .radio.red .buts { border-color: #ff000c; color: #ff000c }

.subject-league .section12 .yzm .skin { float: left; width: 196px }

.subject-league .section12 .yzm .bd { background-color: #eee; width: 240px; position: relative; overflow: hidden; border-radius: 6px }

.subject-league .section12 .yzm .btn { float: left; width: 169px; height: 50px }

.subject-league .section12 .yzm .refreshVC { float: right; width: 70px; height: 50px; border-left: #e3e3e3 solid 1px; background-image: url(../images/i40.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #fff }

.subject-league .section12 .yzm .refreshVC:hover { background-color: #f1f1f1 }

.subject-league .section12 .enter { display: block; width: 100%; height: 50px; background-image: url(../images/enter.png); font-size: 24px; color: #fff; line-height: 50px; text-align: center }

.subject-brand .section1 { min-height: 200px }

#loadState { position: relative; width: 1320px; height: 50px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 50px; background-color: #bf0008; color: #fff; font-size: 16px }

#loadState.off { background-color: #ddd; color: #333; cursor: default; cursor: not-allowed }

#loadState.retry { overflow: hidden; background-color: #209773 }

#loadState.retry::before { content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s }

#loadState.retry:hover::before { left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s }

#loadState.retry::after { content: " "; margin-left: 15px; display: inline-block; position: relative; top: -1px; vertical-align: middle; width: 12px; height: 8px; background-image: url(../images/i32.png) }

#loadState.ing::after { content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@-webkit-keyframes dotMove { 0%, 100% {

content:"..."

}

33% {

content:".."

}

66% {

content:"."

}

}

@keyframes dotMove { 0%, 100% {

content:"..."

}

33% {

content:".."

}

66% {

content:"."

}

}

#jcDateInput { cursor: pointer }

#jcDate { display: none; position: absolute; overflow: hidden; z-index: 1000; padding: 10px; width: 175px; height: 225px; border: 1px solid #209773; color: #333; background: #fefefe; font-size: 12px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.2); box-shadow: 0 0 3px 1px rgba(0,0,0,.2) }

#jcDateTt { height: 15px; line-height: 15px; position: relative; padding-bottom: 10px }

#jcDateTt .ctr { display: block; position: absolute; top: 0; width: 15px; height: 15px; line-height: 15px; color: #333; text-align: center; font-family: simsun, 宋体; font-weight: 700 }

#jcDateTt .ctr:hover { color: #fff; background-color: #209773 }

#jcDateTt .ctr#d_prev { left: 0 }

#jcDateTt .ctr#d_next { right: 0 }

#jcDateTt .jcDateTtGot { position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; color: #333; font-weight: 700; text-align: center }

#jcDateTt .jcDateTtGot .year, #jcDateTt .jcDateTtGot .month { margin: 0 5px; color: #333; font-size: 14px; font-weight: 700; cursor: pointer }

#jcDateTt .jcDateTtGot .year:hover, #jcDateTt .jcDateTtGot .month:hover, #jcDateTt .jcDateTtGot .year.visited, #jcDateTt .jcDateTtGot .month.visited { color: #209773 }

#jcDayWrap { position: relative; overflow: hidden; width: 175px }

#jcDayWrap li { float: left; width: 25px; line-height: 25px; text-align: center; display: inline; color: #bbb; cursor: pointer }

#jcDayWrap li.jcDateColor { color: #555 }

#jcDayWrap li:hover, #jcDayWrap li.visited { background: #209773; color: #fff }

#jcDayWrap li.visited { opacity: .85; filter: alpha(opacity=85); *zoom:1

}

#jcDateMax { position: relative; overflow: hidden; left: -687px; top: 0; width: 2100px; height: 150px }

#jcDateMax ul { float: left; width: 175px; height: 150px }

#jcYears, #jcMonth { display: none; position: relative; overflow: hidden; height: 200px; font-size: 0; text-align: center }

#jcYears dt, #jcMonth dt, #jcYears dd, #jcMonth dd { display: inline-block; *display:inline;

*zoom:1;

vertical-align: top; width: 56px; font-weight: 700; cursor: pointer; font-size: 12px }

#jcYears dt:hover, #jcMonth dt:hover, #jcYears dd:hover, #jcMonth dd:hover, #jcYears dt.visited, #jcMonth dt.visited, #jcYears dd.visited, #jcMonth dd.visited { background: #209773; color: #fff }

#jcYears dt.visited, #jcMonth dt.visited, #jcYears dd.visited, #jcMonth dd.visited { opacity: .85; filter: alpha(opacity=85); *zoom:1

}

#jcYears .yI, #jcMonth .yI { height: 31px; line-height: 31px; margin: 1px }

#jcYears .mI, #jcMonth .mI { height: 30px; line-height: 30px; margin: 5px 1px }

#jcDayCon { position: relative; overflow: hidden; height: 25px }

#jcDayCon dt { float: left; width: 25px; line-height: 25px; text-align: center; color: #209773; font-size: 14px }

#jcDateBtn { position: relative; overflow: hidden; line-height: 20px; height: 20px; padding-top: 5px }

#jcDateBtn label { width: 6px; line-height: 18px; height: 18px; display: block; float: left; text-align: center; color: #333 }

#jcDateBtn input { line-height: 18px; height: 18px; text-align: center; float: left; width: 24px; border: 0 }

#jcDateBtn .today, #jcDateBtn .empty { float: left; margin-right: 10px; cursor: pointer }

#jcDateBtn .today:hover, #jcDateBtn .empty:hover { color: #209773 }

#jcDateBtn #d_sub { width: 37px; float: right; display: block; line-height: 18px; height: 18px; text-align: right; cursor: pointer }

#jcDateBtn #d_sub:hover { text-decoration: none; color: #209773; font-weight: 700 }

#jcTimeWrap { position: relative; overflow: hidden; display: none; float: right; width: 54px; border: 1px solid #999; border-left: 1px solid #555; border-top: 1px solid #555; height: 20px }

@-webkit-keyframes dotShake { 0% {

-webkit-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-12%, 0, 0) rotate(-4deg);

transform:translate3d(-12%, 0, 0) rotate(-4deg)

}

30% {

-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);

transform:translate3d(10%, 0, 0) rotate(2deg)

}

45% {

-webkit-transform:translate3d(-8%, 0, 0) rotate(-2deg);

transform:translate3d(-8%, 0, 0) rotate(-2deg)

}

60% {

-webkit-transform:translate3d(5%, 0, 0) rotate(1deg);

transform:translate3d(5%, 0, 0) rotate(1deg)

}

75% {

-webkit-transform:translate3d(-3%, 0, 0) rotate(-1deg);

transform:translate3d(-3%, 0, 0) rotate(-1deg)

}

to { -webkit-transform: none; transform: none }

}

@keyframes dotShake { 0% {

-webkit-transform:none;

transform:none

}

15% {

-webkit-transform:translate3d(-12%, 0, 0) rotate(-4deg);

transform:translate3d(-12%, 0, 0) rotate(-4deg)

}

30% {

-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);

transform:translate3d(10%, 0, 0) rotate(2deg)

}

45% {

-webkit-transform:translate3d(-8%, 0, 0) rotate(-2deg);

transform:translate3d(-8%, 0, 0) rotate(-2deg)

}

60% {

-webkit-transform:translate3d(5%, 0, 0) rotate(1deg);

transform:translate3d(5%, 0, 0) rotate(1deg)

}

75% {

-webkit-transform:translate3d(-3%, 0, 0) rotate(-1deg);

transform:translate3d(-3%, 0, 0) rotate(-1deg)

}

to { -webkit-transform: none; transform: none }

}

.dotShake { -webkit-animation-name: dotShake; animation-name: dotShake }

@-webkit-keyframes fadeIns { 0% {

opacity:.3

}

to { opacity: 1 }

}

@keyframes fadeIns { 0% {

opacity:.3

}

to { opacity: 1 }

}

.fadeIns { -webkit-animation-name: fadeIns; animation-name: fadeIns }

@-webkit-keyframes fadeInDown { 0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

@keyframes fadeInDown { 0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }

@-webkit-keyframes fadeInDowns { 0% {

opacity:0;

-webkit-transform:translate3d(0, 30px, 0);

transform:translate3d(0, 30px, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

@keyframes fadeInDowns { 0% {

opacity:0;

-webkit-transform:translate3d(0, 30px, 0);

transform:translate3d(0, 30px, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

.fadeInDowns { -webkit-animation-name: fadeInDowns; animation-name: fadeInDowns }

@-webkit-keyframes fadeInRights { 0% {

opacity:.3;

-webkit-transform:translate3d(30px, 0, 0);

transform:translate3d(30px, 0, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

@keyframes fadeInRights { 0% {

opacity:.3;

-webkit-transform:translate3d(30px, 0, 0);

transform:translate3d(30px, 0, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

.fadeInRights { -webkit-animation-name: fadeInRights; animation-name: fadeInRights }

@-webkit-keyframes fadeInLefts { 0% {

opacity:.3;

-webkit-transform:translate3d(-30px, 0, 0);

transform:translate3d(-30px, 0, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

@keyframes fadeInLefts { 0% {

opacity:.3;

-webkit-transform:translate3d(-30px, 0, 0);

transform:translate3d(-30px, 0, 0)

}

to { opacity: 1; -webkit-transform: none; transform: none }

}

.fadeInLefts { -webkit-animation-name: fadeInLefts; animation-name: fadeInLefts }

@-webkit-keyframes flashUp { 0% {

opacity:.7;

-webkit-transform:scale3d(.77, .77, .77);

transform:scale3d(.77, .77, .77)

}

50% {

opacity:1

}

}

@keyframes flashUp { 0% {

opacity:.7;

-webkit-transform:scale3d(.77, .77, .77);

transform:scale3d(.77, .77, .77)

}

50% {

opacity:1

}

}

.flashUp { -webkit-animation-name: flashUp; animation-name: flashUp }

@keyframes fadeIn { 0% {

opacity:.4

}

to { opacity: 1 }

}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }

.onlineStore { padding-top: 100px; padding-bottom: 75px }

.onlineStore .list { position: relative; overflow: hidden; padding-top: 125px; margin-right: -62px; margin-bottom: -80px }

.onlineStore .item { float: left; margin-right: 62px; margin-bottom: 80px; width: 168px; height: 230px; text-align: center; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.onlineStore .item img { display: block; width: 168px; height: 168px }

.onlineStore .item p { margin-top: 10px; font-size: 16px; font-weight: 700 }

.onlineStore .item:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px) }

.xxFlow { position: relative; margin-top: 20px; padding-left: 146px; width: 1174px; min-height: 120px; margin-left: auto; margin-right: auto }

.xxFlow .dt { position: absolute; left: 0; top: 0; width: 130px; height: 120px; background-image: url(../images/xxflow1.png) }

.xxFlow .dd { padding-top: 32px; background-image: url(../images/xxflowbg.png); background-repeat: no-repeat; background-position: 0 32px }

.xxFlow .dd .item { position: relative; float: left; width: 330px; height: 118px; margin-left: -52px; background-image: url(../images/xxflow2.png); background-repeat: no-repeat; background-position: 15px bottom }

.xxFlow .dd .item:first-child { margin-left: 0; background: 0 0 }

.xxFlow .dd .item.i1 { z-index: 5 }

.xxFlow .dd .item.i2 { z-index: 4 }

.xxFlow .dd .item.i3 { z-index: 3 }

.xxFlow .dd .item.i4 { z-index: 2 }

.xxFlow .dd .item .img { display: block; height: 60px; line-height: 60px; font-size: 0; *font-size:45px;

margin-bottom: 35px }

.xxFlow .dd .item p { font-size: 18px; color: #333 }

.xxFlow .dd .item s { color: #bfbfbf; margin-left: 10px; margin-right: 10px }

.marketingNetwork .mapContain { position: relative; left: 132px; top: 17px; width: 800px; height: 686px; background-image: url(../images/xxmap.png); background-repeat: no-repeat }

.marketingNetwork .mapContain .dots { position: relative; width: 100%; height: 100%; background-image: url(../images/xxmapdot1.png); -webkit-animation: fadeIn .8s ease-in 0s infinite alternate; animation: fadeIn .8s ease-in 0s infinite alternate }

.marketingNetwork .mapContain .sichuan { position: absolute; z-index: 3; left: 388px; top: 412px; width: 60px; height: 60px; background-image: url(../images/xxmapsichuan.png); text-align: center; color: #fff; line-height: 60px; font-size: 16px; -webkit-animation: flashUp .8s ease-out 0s infinite alternate; animation: flashUp .8s ease-out 0s infinite alternate }

#albumWindow { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 99; background-color: #fff }

#albumWindow .close.btn { position: absolute; z-index: 3; right: 0; top: 0; width: 50px; height: 50px; text-align: center; line-height: 44px; font-size: 30px; color: #fff; font-family: arial; background-color: #bf0008 }

#albumWindow .contain { position: absolute; z-index: 1; left: 50px; right: 50px; top: 50px; bottom: 50px }

#albumWindow .ablumName { position: absolute; color: #333; top: -50px; line-height: 50px; left: 0; font-size: 18px; color: #bf0008; font-weight: 700 }

#albumWindow .contain .list0 { position: absolute; left: 0; top: 0; width: 300%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

#albumWindow .contain .item { float: left; position: relative; width: 1200px; height: 100%; text-align: center }

#albumWindow .contain .item .img { width: 100% }

#albumWindow .contain .item h3 { font-size: 16px; line-height: 28px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); *zoom:1;

-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; -webkit-transform: translateY(8px); transform: translateY(8px) }

#albumWindow .contain .item.on h3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none }

#albumWindow .ctr { z-index: 2; position: absolute; top: 50%; margin-top: -30px; width: 30px; height: 60px; text-align: center; line-height: 60px; color: #bf0008; font-size: 30px; font-family: simsun, 宋体 }

#albumWindow .ctr.prev { left: 10px }

#albumWindow .ctr.next { right: 10px }

#albumWindow .icon { height: 4px; line-height: 4px; position: absolute; bottom: 15px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap }

#albumWindow .icon .btn { display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 20px; height: 4px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; text-indent: 100%; *text-indent:0;

*font-size:0;

margin: 0 5px; background-color: #bf0008; vertical-align: top }

#albumWindow .icon .btn.on { background-color: #209773 }

.subject-searvice .section, .subject-league .section, .subject-brand .section { min-height: 200px }

.subject-searvice .section1, .subject-league .section1, .subject-brand .section1 { min-height: 200px }

.designerGroup .pageList { display: none }

.floatBackBtn { position: fixed; z-index: 80; right: 40px; top: 60px; width: 187px; height: 38px; line-height: 38px; text-align: center; font-size: 20px; border-radius: 40px; border: #ff6215 solid 1px; color: #ff6215; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s }

.floatBackBtn s { font-family: simsun, 宋体 }

.floatBackBtn:hover { background-color: #ff6215; color: #fff }