.tdu:hover { text-decoration: underline; }
.op0 { opacity: 0; }
.op1 { opacity: 1; }
.nots { transition:none !important; -webkit-transition: none; }
.ts { transition:220ms; -webkit-transition: all 220ms ease 0s; }
.c1 { color: rgb(191, 0, 8); }
.bgc1 { background-color: rgb(191, 0, 8); }
.c2 { color: rgb(255, 98, 21); }
.bgc2 { background-color: rgb(255, 98, 21); }
.c3 { color: rgb(32, 151, 115); }
.bgc3 { background-color: rgb(32, 151, 115); }
.c4 { color: rgb(32, 99, 151); }
.bgc4 { background-color: rgb(32, 99, 151); }
a { color: rgb(51, 51, 51); }
a.on { color: rgb(191, 0, 8); }
a:hover { color: rgb(191, 0, 8); }
html { min-width: 1320px; }
body { font: 14px "Microsoft YaHei", "微软雅黑", Arial, sans-serif; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; overflow-x:hidden; }
img { vertical-align: middle; }
.w { width: 1320px; margin-right: auto; margin-left: auto; }
.container { width: 1320px; margin-right: auto; margin-left: auto; }
.Main-contact {width: 1280px;overflow:hidden}
.vmbox { line-height: 1.4333; font-family: microsoft yahei, 微软雅黑; font-size: 14px; }
.info { line-height: 24px; font-size: 14px; }
.imax { line-height: 26px; font-size: 14px; }
.csstransf .hbg .zd { transform: scale(1.5); -webkit-transform: scale(1.5); }
.csstransf .hbg:hover .zd { transform: scale(1); -webkit-transform: scale(1); }
.csstransf .hbg.hbgOn .zd { transform: scale(1); -webkit-transform: scale(1); }
.csstransf .scs img { transition:500ms; -webkit-transition: all 500ms ease 0s; }
.csstransf .scs.hbgOn img { transform: scale(1.025); -webkit-transform: scale(1.025); }
.csstransf .scs:hover img { transform: scale(1.025); -webkit-transform: scale(1.025); }
.csstransf .scst img { transform-origin: 50% 100%; transition:400ms; -webkit-transition: all 400ms ease 0s; -webkit-transform-origin: 50% 100%; }
.csstransf .scst.hbgOn img { transform: scale(1.025); -webkit-transform: scale(1.025); }
.csstransf .scst:hover img { transform: scale(1.025); -webkit-transform: scale(1.025); }
.csstransf .tfy3 { transition:220ms; -webkit-transition: all 220ms ease 0s; }
.csstransf .tfx3 { transition:220ms; -webkit-transition: all 220ms ease 0s; }
.csstransf .tfy-3 { transition:220ms; -webkit-transition: all 220ms ease 0s; }
.csstransf .tfx-3 { transition:220ms; -webkit-transition: all 220ms ease 0s; }
.csstransf .tfy3:hover { transform: translateY(3px); -webkit-transform: translateY(3px); }
.csstransf .tfx3:hover { transform: translateX(3px); -webkit-transform: translateX(3px); }
.csstransf .tfy-3:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
.csstransf .tfx-3:hover { transform: translateX(-3px); -webkit-transform: translateX(-3px); }
.csstransf .zfb .behind { transform: scale(1.2); -webkit-transform: scale(1.2); }
.csstransf .zfb.hbgOn .front { transform: scale(1.2); -webkit-transform: scale(1.2); }
.csstransf .zfb:hover .front { transform: scale(1.2); -webkit-transform: scale(1.2); }
.csstransf .zfb.hbgOn .behind { transform: none !important; -webkit-transform: none; }
.csstransf .zfb:hover .behind { transform: none !important; -webkit-transform: none; }
.hbg .op0 { transition:250ms cubic-bezier(0.46, 0.03, 0.52, 0.96); visibility: hidden; opacity: 0; -webkit-transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; }
.hbg:hover .op0 { transition:250ms cubic-bezier(0.46, 0.03, 0.52, 0.96); visibility: visible; opacity: 1; -webkit-transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; }
.hbg.hbgOn .op0 { transition:250ms cubic-bezier(0.46, 0.03, 0.52, 0.96); visibility: visible; opacity: 1; -webkit-transition: all 250ms cubic-bezier(.46, .03, .52, .96) 0ms; }
.hbg:hover .op0.htfn { transform: none !important; -webkit-transform: none; }
.hbg.hbgOn .op0.htfn { transform: none !important; -webkit-transform: none; }
.hbg .front { transition:222ms ease-out; visibility: visible; opacity: 1; -webkit-transition: all 222ms ease-out 0ms; }
.hbg:hover .behind { transition:222ms ease-out; visibility: visible; opacity: 1; -webkit-transition: all 222ms ease-out 0ms; }
.hbg.hbgOn .behind { transition:222ms ease-out; visibility: visible; opacity: 1; -webkit-transition: all 222ms ease-out 0ms; }
.hbg .behind { transition:222ms ease-in; visibility: hidden; opacity: 0; -webkit-transition: all 222ms ease-in 0ms; }
.hbg:hover .front { transition:222ms ease-in; visibility: hidden; opacity: 0; -webkit-transition: all 222ms ease-in 0ms; }
.hbg.hbgOn .front { transition:222ms ease-in; visibility: hidden; opacity: 0; -webkit-transition: all 222ms ease-in 0ms; }
.hbg .bdu { border-width: 0px; border-style: solid; }
.hbg:hover .bdu { height: 0px !important; }
.hbg.hbgOn .bdu { height: 0px !important; }
.TAlert { left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; overflow: hidden; display: none; position: fixed; z-index: 99; -ms-overflow-x: hidden; -ms-overflow-y: auto; }
.TAlert .contain { background: rgb(255, 255, 255); padding: 70px 60px; transition:220ms; width: 400px; line-height: 1; overflow: hidden; font-size: 18px; vertical-align: middle; display: inline-block; position: relative; z-index: 9; opacity: 0; transform: scale(0.2); -webkit-transition: all 220ms ease 0s; -webkit-transform: scale(.2); }
.TAlert.on .contain { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.TAlert .Tclose { font: bold 40px/32px "黑体"; top: 0px; width: 40px; height: 40px; right: 0px; color: rgb(0, 0, 0); position: absolute; cursor: pointer; font-size-adjust: none; font-stretch: normal; }
.TAlert .head { font-size: 0px; }
.TAlert .body { background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 18px; font-weight: 700; }
.csstransf .linkBd { overflow: hidden; position: relative; }
.csstransf .linkBd::after {
 border-radius: inherit;
border: 0px currentColor;
transition:220ms;
border-image: none;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .linkBd:hover::after {
 border-width: 25px;
}
.skin { color: rgb(153, 153, 153); }
:-ms-input-placeholder.skin {
 color: rgb(51, 51, 51);
}
.skin.red { border-color: rgb(255, 0, 12) !important; color: rgb(255, 0, 12); }
:-ms-input-placeholder.skin.red {
 color: rgb(255, 0, 12);
}
.floatBar { top: 75%; width: 65px; height: 415px; right: 0px; margin-top: -200px; position: fixed; z-index: 60; }
.floatBar .item { width: 65px; height: 65px; text-align: center; margin-top: 5px; display: block; position: relative; }
.floatBar :first-child.item { margin-top: 0px; }
.floatBar .item .stay { transition:150ms 200ms; width: 100%; height: 100%; position: relative; -webkit-transition: all 150ms ease 200ms; }
.floatBar .item .stay .bg { border: 1px solid rgb(211, 79, 85);; border-image: none; width: 63px; height: 63px; opacity: 0.2; background-color: rgb(255, 255, 255); }
.floatBar .item .stay .img { height: 65px; line-height: 65px; font-size: 0px; }
.floatBar .item .come { transition:250ms 100ms; top: 0px; height: 65px; right: 0px; color: rgb(255, 255, 255); line-height: 16px; padding-right: 65px; font-size: 14px; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all 250ms ease 100ms; }
.floatBar .item .come span { padding: 17px 18px 16px; transition:150ms 100ms; top: 0px; width: 29px; height: 32px; right: 0px; position: absolute; z-index: 1; transform: scale(0.6) rotate(45deg); background-color: rgb(191, 0, 8); -webkit-transition: all 150ms ease 100ms; -webkit-transform: scale(.6) rotate(45deg); }
.floatBar .item:hover .stay { transition:250ms; visibility: hidden; opacity: 0; transform: scale(0.6) rotate(-45deg); -webkit-transition: all 250ms ease 0ms; -webkit-transform: scale(.6) rotate(-45deg); }
.floatBar .item:hover .come { transition:250ms; visibility: visible; opacity: 1; -webkit-transition: all 250ms ease 0ms; }
.floatBar .item:hover .come span { transform: none; -webkit-transform: none; }
.floatBar .item.telephone p { transition:250ms; line-height: 65px; padding-left: 20px; font-size: 18px; white-space: nowrap; visibility: hidden; position: relative; z-index: 0; opacity: 0; transform: translateX(100%); background-color: rgb(51, 51, 51); -webkit-transition: all 250ms ease 0ms; -webkit-transform: translateX(100%); }
.floatBar .item.telephone:hover p { transition:110ms 200ms; visibility: visible; opacity: 1; transform: none; -webkit-transition: all 110ms ease 200ms; -webkit-transform: none; }
.floatBar.fixed .stay .bg { opacity: 0.85; }
.floatBar.sub .stay .bg { opacity: 0.85; }

.subpage {/*background-color: rgb(235, 235, 235)*/}
.nav { transition:220ms; left: 0px; top: 0px; width: 100%; height: 99px; position: fixed; z-index: 24; -webkit-transition: all 220ms ease 0s; background-color: rgb(248, 240, 227); background-repeat: no-repeat center top; filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.nav .logo { height: 99px; text-align: center; line-height: 99px; font-size: 0px; }
.nav .logo img { width: auto; height: auto; display: inline-block; position: relative; max-height: 100%; max-width: 100%; }
.nav .logo .vmbox { background-position: 0px; text-align: left; color: rgb(102, 102, 102); padding-left: 18px; margin-left: 8px; background-image: url("../image/i1.png"); background-repeat: no-repeat; }
.nav .navbox { margin-top: 35px; margin-right: 50px; position: relative; }
.nav .navbox .item { max-width: 90px; height: 32px; text-align: center; line-height: 32px; font-size: 17px; margin-left: 28px; float: left; position: relative; z-index: 2; }
.nav .navbox .item > .link { transition:color 220ms; display: inline-block; -webkit-transition: color 220ms ease 0s;color: rgb(30, 30, 30);  }
.nav .navbox .item.on > .link { color: rgb(191, 0, 8); }
.nav .navbox .item:hover .subnav { transform: none; -webkit-transform: none; }
.nav .navbox .block { left: 0px; top: 0px; height: 32px; border-bottom-color: rgb(191, 0, 8); border-bottom-width: 3px; border-bottom-style: solid; display: none; position: absolute; }
.nav .serchTrigger { background-position: center; top: 35px; width: 30px; height: 30px; right: 0px; position: absolute; cursor: pointer; background-image: url("../image/i2.png"); background-repeat: no-repeat; background-color: rgb(191, 0, 8); }
.nav .searchBox { transition:250ms; top: 100px; width: 290px; height: 40px; right: 0px; visibility: hidden; position: absolute; z-index: 0; opacity: 0; transform: translateY(-10px); -webkit-transition: all 250ms ease 0ms; -webkit-transform: translateY(-10px); }
.nav .searchBox .bg { opacity: 0.9; background-color: rgb(248, 240, 226); }
.nav .searchBox .contain { padding: 5px; width: 280px; height: 30px; }
.nav .searchBox .skin { width: 200px; height: 30px; line-height: 30px; text-indent: 10px; background-color: rgb(255, 255, 255); }
.nav .searchBox .enter { width: 70px; height: 30px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; background-color: rgb(191, 0, 8); }
.nav .searchBox.show { transition:250ms; visibility: visible; opacity: 1; transform: none; -webkit-transition: all 250ms ease 0ms; -webkit-transform: none; }
.nav .subnav { left: 50%; top: 100%; width: 180px; line-height: 40px; margin-left: -90px; white-space: nowrap; position: absolute; transform: translateY(6px); -webkit-transform: translateY(6px); }
.nav .subnav .bgt { height: 23px; background-image: url("../image/i3t.png"); }
.nav .subnav .bgm { margin-top: 23px; margin-bottom: 15px; background-image: url("../image/i3m.png"); }
.nav .subnav .bgb { top: auto; height: 15px; bottom: 0px; background-image: url("../image/i3b.png"); }
.nav .subnav dd { width: 160px; text-align: left; text-indent: 37px; font-size: 15px; margin-right: auto; margin-left: auto; border-top-color: rgb(227, 227, 227); border-top-width: 1px; border-top-style: solid;/* filter:alpha(opacity=90);  -moz-opacity:0.9;  -khtml-opacity: 0.9;opacity: 0.9; */}
.nav .subnav dd:first-child { border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.nav .subnav .dot { transition:220ms; width: 4px; height: 4px; margin-top: 18px; margin-right: 10px; vertical-align: top; display: inline-block; background-image: url("../image/i4.png"); -webkit-transition: all 220ms ease 0s; }
.nav .subnav .link { display: block; }
.nav .subnav .link:hover .dot { background-position: right 0px; width: 8px; }
.nav.fixed { border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid;   background-color: rgb(248, 240, 227); background-repeat: no-repeat center top;  filter:alpha(opacity=95);  -moz-opacity:0.95;  -khtml-opacity: 0.95;opacity: 0.95; }
.nav.sub { border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255); }
.nav.fixed .subnav .bgt { background-image: url("../image/i3t-sub.png"); }
.nav.sub .subnav .bgt { background-image: url("../image/i3t-sub.png"); }
.nav.fixed .subnav .bgm { background-image: url("../image/i3m-sub.png"); }
.nav.sub .subnav .bgm { background-image: url("../image/i3m-sub.png"); }
.nav.fixed .subnav .bgb { background-image: url("../image/i3b-sub.png"); }
.nav.sub .subnav .bgb { background-image: url("../image/i3b-sub.png"); }
.nav.fixed { box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1); }
.banner { width: 100%; height: 757px; overflow: hidden; position: relative; }
.banner .item { transition:none !important; width: 100%; height: 757px; overflow: hidden; display: block; position: relative; background-color: rgb(255, 255, 255); -webkit-transition: none; }
.banner img { left: 50%; width: 1920px;height: 757px; margin-left: -960px; position: relative; }
.banner .icon { left: 0px; width: 100%; height: 10px; text-align: center; bottom: 5%; line-height: 10px; white-space: nowrap; position: absolute; z-index: 3; }
.banner .icon .btn { margin: 0px 5px; transition:220ms; width: 40px; height: 6px; text-indent: 100%; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-color: rgb(191, 0, 8); -webkit-transition: all 220ms ease 0s; }
.banner .icon .btn.on { background-color: rgb(237, 200, 4); }
.banner .ctr { width: 49px; height: 49px; bottom: 0px; display: block; position: absolute; z-index: 3; background-image: url("../image/arrow.png"); }
.banner .prev { background-position: 0px 0px; left: 50%; margin-left: -650px; }
.banner .next { background-position: -49px 0px; right: 50%; margin-right: -650px; }
.i-Head { text-align: center; padding-top: 50px; }
.i-Head h2 { background-position: 50% 50%; height: 31px; text-align: center;color: rgb(0, 0, 0);letter-spacing:3px;  font-size: 30px; margin-bottom: 20px; background-image: url("../image/i6.png"); background-repeat: no-repeat; }
.i-Head .aside { line-height: 24px; font-size: 24px; }
.i-Head .aside { color: rgb(153, 153, 153); text-transform: uppercase}
.i-Head .aside a { color: rgb(248, 240, 227);text-transform: uppercase }
.i-Process { padding-top: 35px; padding-bottom: 35px; background-color: rgb(245, 245, 245); }
.i-about {background:url(../image/aboutbg.jpg) no-repeat center top;padding-bottom: 50px; padding-top: 20px; }
/* .i-About { background-position: bottom; padding-bottom: 215px; background-image: url("../image/aboutbg.jpg"); background-repeat: no-repeat; } */
.i-About .body { background-position: 50% 28px; height: 262px; padding-top: 30px; padding-bottom: 20px; margin-top: 22px; margin-bottom: 20px; position: relative; background-image: url("../img/bg3.png"); background-repeat: no-repeat; }
.i-About .body .item { width: 330px; line-height: 30px; padding-right: 20px; padding-left: 20px; font-size: 16px; position: absolute; }
.i-About .body .item .dot { width: 30px; height: 30px; position: absolute; background-image: url("../image/dot.png"); }
.i-About .body .i1 { left: 30px; text-align: right; border-right-color: rgb(255, 98, 21); border-right-width: 4px; border-right-style: solid; }
.i-About .body .i2 { left: 30px; text-align: right; border-right-color: rgb(255, 98, 21); border-right-width: 4px; border-right-style: solid; }
.i-About .body .i3 { text-align: left; right: 32px; border-left-color: rgb(255, 98, 21); border-left-width: 4px; border-left-style: solid; }
.i-About .body .i4 { text-align: left; right: 32px; border-left-color: rgb(255, 98, 21); border-left-width: 4px; border-left-style: solid; }
.i-About .body .i5 { text-align: left; right: 32px; border-left-color: rgb(255, 98, 21); border-left-width: 4px; border-left-style: solid; }
.i-About .body .i1 { top: 25px; }
.i-About .body .i3 { top: 25px; }
.i-About .body .i2 { bottom: 17px; }
.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 { animation:flashUp 0.8s ease-in infinite alternate; opacity: 1; -webkit-animation: flashUp .8s ease-in 0s infinite alternate;
}
.i-About .body .i1 .dot { top: 47px; right: -174px; }
.i-About .body .i2 .dot { top: 55px; right: -202px; }
.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 { width: 700px; text-align: center; line-height: 24px; font-size: 16px; margin-right: auto; margin-left: auto; }
.i-Team { background-position: 50% 50%; height: 586px; color: rgb(255, 255, 255); background-image: url("../image/bg3.jpg"); background-repeat: no-repeat; }
.i-Team .container { width: 800px; padding-left: 520px; }
.i-Team .dt { line-height: 40px; padding-top: 75px; font-size: 40px; }
.i-Team .dt .more { width: 80px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-family: Arial, sans-serif; font-size: 16px; vertical-align: top; display: inline-block; background-image: url("../image/i8.png"); }
.i-Team .dd { width: 650px; line-height: 28px; font-size: 16px; margin-top: 30px; }
.i-Team .teamItem { overflow: hidden; position: relative; }
.i-Team .teamItem .face .pic { width: 100%; height: 100%; }
.i-Team .teamItem .face .contain { color: rgb(255, 255, 255); position: absolute; z-index: 3; }
.i-Team .teamItem .face .name { font-weight: 700; }
.i-Team .teamItem .mask { color: rgb(191, 0, 8); background-color: rgb(255, 255, 255); }
.i-Team .theOne { width: 440px; height: 586px; margin-left: -520px; float: left; }
.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 { left: 0px; top: 85px; width: 130px; position: absolute; background-color: rgb(191, 0, 8); }
.i-Team .theOne .mask .name { font-size: 30px; }
.i-Team .theOne .mask .pos { font-size: 18px; margin-top: 18px; }
.i-Team .theOne .mask .info { line-height: 24px; overflow: hidden; font-size: 16px; margin-top: 45px; position: relative; -ms-text-overflow: ellipsis; max-height: 144px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.i-Team .theOne .mask .more { left: 35px; width: 165px; height: 40px; text-align: center; bottom: 85px; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; position: absolute; background-color: rgb(191, 0, 8); }
.i-Team .list0 { width: 800px; margin-top: 35px; }
.i-Team .list0 .teamItem { width: 200px; height: 268px; float: left; }
.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 { line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 25px; position: relative; -ms-text-overflow: ellipsis; max-height: 96px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.i-Team .list0 .mask .more { border: 1px solid rgb(191, 0, 8); border-image: none; left: 20px; width: 108px; height: 28px; text-align: center; bottom: 20px; color: rgb(191, 0, 8); line-height: 28px; position: absolute; }
.i-Customization { padding-bottom: 75px; border-bottom-color: rgb(32, 151, 115); border-bottom-width: 4px; border-bottom-style: solid; position: relative; }
.i-Customization .mores { left: 50%; width: 97px; height: 68px; text-align: center; bottom: -3px; color: rgb(255, 255, 255); line-height: 66px; font-size: 16px; margin-left: -48px; position: absolute; background-image: url("../image/i9.png"); }
.i-Customization .list0 { overflow: hidden; position: relative; }
.i-Customization .list0 .item { width: 306px; text-align: center; overflow: hidden; margin-left: 32px; float: left; position: relative; }
.i-Customization .list0 :first-child.item { margin-left: 0px; }
.i-Customization .list0 .pic { padding: 28px 58px; left: 0px; width: 190px; height: 220px; position: absolute; }
.i-Customization .list0 .pic:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.i-Customization .list0 .mask { background-image: url("../image/i10.png"); }
.i-Customization .list0 .more { left: 50%; width: 46px; height: 54px; margin-left: -23px; position: absolute; z-index: 11; background-image: url("../image/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 {
 left: 50%;
width: 0px;
bottom: 0px;
border-bottom-color: currentColor;
border-bottom-width: 2px;
border-bottom-style: solid;
position: absolute;
content: " ";
}
.csstransf .i-Customization .list0 .link::after {
 transition:300ms;
-webkit-transition: all 300ms ease 0s;
}
.csstransf .i-Customization .list0 .link:hover::after {
 left: 0px;
width: 100%;
}
.i-Customization .list0 .info { height: 112px; color: rgb(0, 0, 0); line-height: 28px; overflow: hidden; padding-right: 3px; padding-left: 3px; position: relative; -ms-text-overflow: ellipsis; max-height: 112px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.i-Customization .list0 .even { height: 210px; padding-top: 285px; }
.i-Customization .list0 .even .pic { top: 8px; }
.i-Customization .list0 .even .more { background-position: 0px -54px; bottom: 0px; }
.i-Customization .list0 .odd { height: 495px; }
.i-Customization .list0 .odd .pic { top: 208px; }
.i-Customization .list0 .odd .more { top: 0px; }





.i-Diy { /* background-color: rgb(248, 240, 226); */ background:url(../image/whbg.jpg) no-repeat center top;padding-bottom: 100px;  padding-top: 20px;}
.i-Diy .aside { margin-top: 0px; }
.i-Diy .aside { color: rgb(153, 153, 153); }
.i-Diy .aside a { color: rgb(153, 153, 153); }
.i-Diy .aside s { margin-right: 30px; margin-left: 30px; }
.i-Diy .aside .link:hover { color: rgb(191, 0, 8); }

.diySlide { height: 500px; margin-top: 60px; position: relative; }
.diySlide .shade {  width: 1920px; margin:0 auto;  left: 50%;  margin-left: -970px; }
.diySlide .shade .item { width: 800px; height: 500px; padding-left: 10px; float: left; }
.diySlide .shade .item .pic { transition:500ms 400ms; width: 800px; height: 500px; float: right; background-color: rgb(0, 0, 0); -webkit-transition: all 500ms ease 400ms; }
.diySlide .shade .item .pic img { opacity: 0.8; }
.diySlide .shade .item.on .pic img { opacity: 1; }
.diySlide .txtContain { left: 50%; top: 0px; width: 500px; height: 500px; margin-left: -660px; position: absolute; z-index: 5; }
.diySlide .txtContain .contain { width: 100%; height: 100%; display: block; background-color: rgb(255, 255, 255); }
.diySlide .txtContain .box { transition:250ms; left: 0px; top: 0px; width: 400px; height: 466px; /*padding-top: 40px;*/  padding-right: 60px; padding-left: 40px;visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all 250ms ease 0ms; }
.diySlide .txtContain .box.on { transition:250ms; visibility: visible; opacity: 1; -webkit-transition: all 250ms ease 0ms; }
.diySlide .txtContain .bg { opacity: 0.8; background-color: rgb(255, 255, 255); }
.diySlide .txtContain .style {  padding: 11px 19px 20px 9px; width: 288px; height: 36px; color: rgb(255, 255, 255); line-height: 36px; font-size: 20px; display: inline-block;  text-align: center;  background-image: url("../image/i20.png");  }
.diySlide .txtContain h3 { line-height: 38px; overflow: hidden; font-size: 20px; margin-top: 30px; position: relative; -ms-text-overflow: ellipsis; max-height: 76px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.diySlide .txtContain .info { line-height: 26px; overflow: hidden; font-size: 16px; margin-top: 35px; position: relative; -ms-text-overflow: ellipsis; height: 182px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.diySlide .txtContain .more { border: 1px solid rgb(153, 153, 153); border-image: none; width: 88px; height: 28px; text-align: center; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; margin-top: 30px; display: block; }
.diySlide .ctr { transition:220ms; left: 50%; width: 60px; height: 60px; bottom: 20px; display: block; position: absolute; z-index: 6; opacity: 0.8; background-image: url("../image/arrow.png"); -webkit-transition: all 220ms ease 0s; }
.diySlide .ctr:hover { opacity: 1; }
.diySlide .prev { background-position: 0px 0px; margin-left: -240px; }
.diySlide .next { background-position: -60px 0px; margin-left: -140px; }
.diylist { overflow: hidden; padding-top: 65px; padding-bottom: 65px; margin-right: -9px; margin-bottom: -8px; position: relative; }
.diylist ~ * {
 display: none;
}
.diylist .item { width: 324px; height: 202px; overflow: hidden; margin-right: 7px; margin-bottom: 8px; float: left; position: relative; }
.diylist .item .pic { width: 100%; height: 100%; }
.diylist .item h3 { left: 0px; width: 100%; height: 36px; bottom: -36px; color: rgb(255, 255, 255); line-height: 36px; text-indent: 12px; font-size: 14px; position: absolute; z-index: 3; opacity: 0.8; background-color: rgb(0, 0, 0); }
.diylist :first-child.item { width: 660px; height: 412px; }
/*
.diySlide { height: 500px; margin-top: 60px; position: relative; }
.diySlide .shade {  width: 1320px; margin:0 auto;  }
.diySlide .shade .item { width: 440px; height: 500px; padding-left: 10px; float: left; }
.diySlide .shade .item .pic { transition:500ms 400ms; width: 440px; height: 500px; float: right; background-color: rgb(0, 0, 0); -webkit-transition: all 500ms ease 400ms; }
.diySlide .shade .item .pic img { opacity: 0.8; }
.diySlide .shade .item.on .pic img { opacity: 1; }
.diySlide .txtContain { left: 50%; top: 0px; width: 500px; height: 500px; margin-left: -660px; position: absolute; z-index: 5; }
.diySlide .txtContain .contain { width: 100%; height: 100%; display: block; background-color: rgb(255, 255, 255); }
.diySlide .txtContain .box { transition:250ms; left: 0px; top: 0px; width: 400px; height: 466px; padding-top: 0px; padding-right: 60px; padding-left: 40px; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all 250ms ease 0ms; }
.diySlide .txtContain .box.on { transition:250ms; visibility: visible; opacity: 1; -webkit-transition: all 250ms ease 0ms; }
.diySlide .txtContain .bg { opacity: 0.8; background-color: rgb(255, 255, 255); }
.diySlide .txtContain .style {  padding: 11px 19px 20px 9px; width: 288px; height: 36px; color: rgb(255, 255, 255); line-height: 36px; font-size: 20px; display: inline-block;  text-align: center;  background-image: url("../image/i25.png");  }
.diySlide .txtContain h3 { line-height: 38px; overflow: hidden; font-size: 20px; margin-top: 30px; position: relative; -ms-text-overflow: ellipsis; max-height: 76px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.diySlide .txtContain .info { line-height: 26px; overflow: hidden; font-size: 16px; margin-top: 35px; position: relative; -ms-text-overflow: ellipsis; height: 182px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.diySlide .txtContain .more { border: 1px solid rgb(153, 153, 153); border-image: none; width: 88px; height: 28px; text-align: center; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; margin-top: 30px; display: block; }
.diySlide .ctr { transition:220ms; left: 50%; width: 60px; height: 60px; bottom: 20px; display: block; position: absolute; z-index: 6; opacity: 0.8; background-image: url("../image/arrow.png"); -webkit-transition: all 220ms ease 0s; }
.diySlide .ctr:hover { opacity: 1; }
.diySlide .prev { background-position: 0px 0px; margin-left: -240px; }
.diySlide .next { background-position: -60px 0px; margin-left: -140px; }
.diylist { overflow: hidden; padding-top: 50px; padding-bottom: 50px; margin-right: -9px; margin-bottom: -8px; position: relative; }
.diylist ~ * {
 display: none;
}
.diylist .item { width: 324px; height: 202px; overflow: hidden; margin-right: 7px; margin-bottom: 8px; float: left; position: relative; }
.diylist .item .pic { width: 100%; height: 100%; }
.diylist .item h3 { left: 0px; width: 100%; height: 36px; bottom: -36px; color: rgb(255, 255, 255); line-height: 36px; text-indent: 12px; font-size: 14px; position: absolute; z-index: 3; opacity: 0.8; background-color: rgb(0, 0, 0); }
.diylist :first-child.item { width: 660px; height: 412px; }
*/
.tada { animation-name: tada; -webkit-animation-name: tada; }
.i-League { background-position: 50% 50%; height: 1100px; position: relative; background-image: url("../image/bg4.jpg"); background-repeat: no-repeat; }
.i-League .item { width: 350px; position: absolute; }
.i-League .pic { width: 350px; height: 70px; }
.i-League .info { height: 66px; line-height: 22px; font-size: 16px; margin-top: 17px; }
.i-League .num { width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 24px; position: absolute; background-image: url("../image/iqLi3.png"); }
.i-League .circleCenter { left: 50%; top: 257px; width: 463px; height: 463px; margin-left: -232px; position: absolute; animation-duration: 0s; -webkit-animation-duration: 0s; }
.i-League .circleDot { left: 50%; top: 257px; width: 463px; height: 463px; margin-left: -232px; position: absolute; animation-duration: 0s; -webkit-animation-duration: 0s; }
.i-League .circleCenter .name { height: 450px; line-height: 450px; font-size: 0px; }
.i-League .circleCenter .cyclone { background-position: 50% 50%; background-image: url("../image/iqLi2.png"); background-repeat: no-repeat; }
.i-League .circleCenter.AniStart .cyclone { opacity: 0; }
.i-League .circleCenter.AniStart .name { opacity: 0; }
.i-League .circleCenter.AniStart .item { opacity: 0; }
.i-League .circleCenter.AniStart .cyclone { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); }
.i-League .circleCenter.AniDid .cyclone { opacity: 1; }
.i-League .circleCenter.AniDid .name { opacity: 1; }
.i-League .circleCenter.AniDid .item { opacity: 1; }
.i-League .circleCenter.AniDid .cyclone { transition:1.5s ease-in; transform: none; -webkit-transition: all 1.5s ease-in 0s; -webkit-transform: none; }
.i-League .circleCenter.AniDid .name { transition:220ms 1.5s; animation:tada 1s 1.5s both; animation-play-state: running; -webkit-transition: all 220ms ease 1.5s; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; -webkit-animation-name: tada; -webkit-animation-delay: 1.5s; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: both; }
.i-League .circleDot.AniStart { transform: scale(0.95); -webkit-transform: scale(.95); }
.i-League .circleDot.AniDid { transform: scale(1); -webkit-transition: opacity .3s, -webkit-transform 2e3ms;
-webkit-transform: scale(1); }
.i-League .i1 { left: 50%; bottom: 50%; padding-bottom: 55px; margin-bottom: 192px; margin-left: 70px; }
.i-League .i1 .num { left: 0px; bottom: 0px; }
.i-League .i2 { left: 50%; bottom: 50%; padding-left: 80px; margin-bottom: 28px; margin-left: 195px; }
.i-League .i2 .num { left: 0px; top: 70px; }
.i-League .i3 { left: 50%; top: 50%; padding-left: 80px; margin-top: 50px; margin-left: 195px; }
.i-League .i3 .num { left: 0px; top: 15px; }
.i-League .i4 { left: 50%; top: 50%; padding-top: 80px; margin-top: 192px; margin-left: 67px; }
.i-League .i4 .num { left: 0px; top: 0px; }
.i-League .i5 { top: 50%; right: 50%; padding-top: 80px; margin-top: 192px; margin-right: 67px; }
.i-League .i5 .num { top: 0px; right: 0px; }
.i-League .i6 { top: 50%; right: 50%; padding-right: 80px; margin-top: 50px; margin-right: 195px; }
.i-League .i6 .num { top: 15px; right: 0px; }
.i-League .i7 { right: 50%; bottom: 50%; padding-right: 80px; margin-right: 195px; margin-bottom: 28px; }
.i-League .i7 .num { top: 70px; right: 0px; }
.i-League .i8 { right: 50%; bottom: 50%; padding-bottom: 55px; margin-right: 70px; margin-bottom: 192px; }
.i-League .i8 .num { right: 0px; bottom: 0px; }
.i-League .i-MoreX { left: 50%; bottom: 105px; margin-left: -75px; position: absolute; background-color: rgb(255, 98, 21); }
.i-MoreX { border-radius: 3px; width: 150px; height: 40px; text-align: center; color: rgb(255, 255, 255) !important; line-height: 40px; margin-right: auto; margin-left: auto; display: block; }
.i-Service { background-position: 50% 50%; height: 839px; position: relative; background-image: url("../image/bg5.jpg"); background-repeat: no-repeat; }
.i-Service .i-Head { color: rgb(255, 255, 255); }
.i-Service .i-Head .aside { color: rgb(255, 255, 255); }
.i-Service .stickBottom { left: 0px; width: 100%; height: 80px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 80px; font-size: 24px; position: absolute; background-color: rgb(32, 151, 115); }
.i-Service .i-MoreX { background-color: rgb(191, 0, 8); }
.i-Service .saleFlow { height: 440px; margin-top: 55px; margin-bottom: 55px; position: relative; }
.i-Service .saleFlow .item { width: 330px; height: 440px; overflow: hidden; float: left; position: relative; background-color: rgb(255, 255, 255); }
.i-Service .saleFlow .item { transition:500ms; -webkit-transition: all 500ms ease 0s; }
.i-Service .saleFlow .item .bg { transition:500ms; -webkit-transition: all 500ms ease 0s; }
.i-Service .saleFlow .item .bg { left: auto; width: 660px; right: 0px; }
.i-Service .saleFlow .item .dt { transition:500ms, background-color; left: 50%; top: 330px; width: 240px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 30px; font-weight: 700; margin-left: -120px; white-space: nowrap; position: absolute; z-index: 3; background-color: rgb(32, 151, 115); -webkit-transition: all 500ms, background-color 0ms; }
.i-Service .saleFlow .item .dd { transition:300ms; left: 30px; top: 140px; width: 585px; visibility: hidden; position: absolute; opacity: 0; transform: translateY(60px); -webkit-transition: all 300ms ease 0ms; -webkit-transform: translateY(60px); }
.i-Service .saleFlow .item .dd dt { padding-left: 35px; }
.i-Service .saleFlow .item .dd dd { padding-left: 35px; }
.i-Service .saleFlow .item .dd dt { background-position: 0px 5px; color: rgb(191, 0, 8); line-height: 26px; font-size: 22px; background-image: url("../image/i12.png"); background-repeat: no-repeat; }
.i-Service .saleFlow .item .dd dd { line-height: 28px; font-size: 16px; margin-top: 15px; margin-bottom: 20px; }
.i-Service .saleFlow .item.Spre .bg { left: 0px; }
.i-Service .saleFlow .item.on { width: 660px; }
.i-Service .saleFlow .item.on .bg { opacity: 0.2; }
.i-Service .saleFlow .item.on .dt { background: 0px 0px; left: 0px; top: 30px; width: 40px; color: rgb(191, 0, 8); padding-bottom: 19px; padding-left: 25px; font-size: 44px; margin-left: 0px; border-bottom-color: rgb(191, 0, 8); border-bottom-width: 1px; border-bottom-style: solid; }
.i-Service .saleFlow .item.on .dd { transition:220ms 300ms; visibility: visible; opacity: 1; transform: none; -webkit-transition: all 220ms ease 300ms; -webkit-transform: none; }
.i-News {background:url(../image/newsbg.jpg) no-repeat center top;padding-bottom: 40px;  padding-top: 30px;}
.i-News .i-Head .slash { margin-right: 30px; margin-left: 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 { width: 370px; height: 55px; line-height: 55px; padding-right: 25px; padding-left: 25px; font-size: 16px; background-color: rgb(238, 238, 238); }
.i-News .lists .frd { padding: 20px; border: 1px solid rgb(227, 227, 227); border-image: none; width: 838px; height: 328px; }
.i-News .lists .list0 { width: 190px; height: 165px; position: relative; }
.i-News .lists .list0 dt { line-height: 38px; font-size: 18px; margin-bottom: 5px; }
.i-News .lists .list0 dd { line-height: 30px; overflow: hidden; padding-left: 10px; font-size: 14px; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis; }
.i-News .lists .list0 dd s { left: 0px; top: 50%; width: 3px; height: 3px; margin-top: -1px; position: absolute; background-color: rgb(0, 0, 0); }
.i-News .lists .list0 dd .link:hover s { background-color: rgb(191, 0, 8); }
.i-News .lists .list0.i1 { float: left; }
.i-News .lists .list0.i3 { float: left; }
.i-News .lists .list0.i2 { float: right; }
.i-News .lists .list0.i4 { float: right; }
.i-News .lists .list0.i1 { padding-right: 215px; }
.i-News .lists .list0.i2 { padding-right: 215px; }
.i-News .lists .list0.i1 .poa { top: 0px; right: 0px; }
.i-News .lists .list0.i2 .poa { top: 0px; right: 0px; }
.i-News .lists .list0.i3 { padding-left: 215px; }
.i-News .lists .list0.i4 { padding-left: 215px; }
.i-News .lists .list0.i3 .poa { left: 0px; bottom: 0px; }
.i-News .lists .list0.i4 .poa { left: 0px; bottom: 0px; }
.i-Bojun { height: 440px; position: relative; }
.i-Bojun .col { top: 0px; width: 50%; height: 100%; overflow: hidden; position: absolute; }
.i-Bojun .l0 img { top: 0px; width: 960px; height: 100%; right: 0px; position: absolute; }
.i-Bojun .r0 { background-color: rgb(255, 98, 21); }
.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 { height: 120px; text-align: justify; line-height: 24px; overflow: hidden; font-size: 16px; margin-bottom: 20px; position: relative; }
.i-Bojun .r0 .Tg .btn { width: 105px; text-align: center; color: rgb(255, 255, 255); padding-top: 100px; font-size: 16px; margin-right: 45px; float: left; white-space: nowrap; position: relative; }
.i-Bojun .r0 .Tg .btn s { left: 50%; top: 0px; width: 80px; height: 80px; margin-left: -40px; position: absolute; background-image: url("../image/i14.png"); }
.i-Bojun .r0 .Tg .btn.i1 s { background-position: 0px 0px; }
.i-Bojun .r0 .Tg .btn.i2 s { background-position: -80px 0px; }
.i-Bojun .r0 .Tg .btn.i3 s { background-position: -160px 0px; }
.i-Bojun .r0 .Tg .btn.on { font-weight: 700; }
.i-Bojun .r0 .Tg .btn.on.i1 s { background-position: 0px -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 { width: 1199px; height: 132px; padding-right: 61px; padding-left: 60px; margin-top: 35px; margin-right: auto; margin-left: auto; position: relative; }
.i-Partner .partnerSlide .item { transition:220ms; width: 199px; height: 132px; overflow: hidden; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left; display: block; position: relative; background-color: rgb(245, 245, 245); -webkit-transition: all 220ms ease 0s; }
.i-Partner .partnerSlide .item img { transition:400ms; left: 0px; top: 0px; position: absolute; -webkit-transition: all 400ms ease 0s; }
.i-Partner .partnerSlide .item .front { z-index: 2; opacity: 1; }
.i-Partner .partnerSlide .item .behind { z-index: 1; opacity: 0; }
.i-Partner .partnerSlide .item:hover .front { z-index: 1; opacity: 0; }
.i-Partner .partnerSlide .item:hover .behind { z-index: 2; opacity: 1; }
.i-Partner .partnerSlide .icon { left: 0px; width: 100%; height: 10px; text-align: center; bottom: 5%; line-height: 10px; white-space: nowrap; position: absolute; z-index: 3; }
.i-Partner .partnerSlide .icon .btn { background-position: 0px 0px; margin: 0px 5px; transition:220ms; width: 20px; height: 10px; text-indent: 100%; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-image: url("../image/i1.png"); -webkit-transition: all 220ms ease 0s; }
.i-Partner .partnerSlide .icon .btn.on { background-position: 0px -20px; }
.i-Partner .partnerSlide .ctr { transition:220ms; width: 50px; height: 132px; text-align: center; bottom: 0px; color: rgb(191, 0, 8); line-height: 132px; font-family: simsun, 宋体; font-size: 24px; font-weight: 700; display: block; position: absolute; z-index: 3; -webkit-transition: all 220ms ease 0s; }
.csstransf .i-Partner .partnerSlide .ctr { position: absolute; }
.csstransf .i-Partner .partnerSlide .ctr::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .i-Partner .partnerSlide .ctr:hover::after {
 background-color: rgba(0, 0, 0, 0.1);
}
.i-Partner .partnerSlide .ctr:hover { padding-right: 5px; padding-left: 5px; }
.i-Partner .partnerSlide .prev { left: 0px; }
.i-Partner .partnerSlide .next { right: 0px; }
.footer {/*background: url(<?php echo hw_tags('footerbg','title')?>) no-repeat center top; */padding-top: 20px; }
.nav_foot { line-height: 40px; border-top: 0px solid #cfcfcf; }
.nav_foot a { margin-right: 40px; font-size: 16px; }
.nav_foot a:hover { }
#footer_nav { height:260px; overflow:hidden; }
#footer_nav li { float:left; padding-top:0px; width:105px; margin-right:15px;margin-left:15px }
#footer_nav li h2 { background:url(../image/foot_ico.png) left no-repeat; height:30px; font-size:18px; font-weight:normal;color: rgb(6, 6, 6); padding-left:14px;  }
#footer_nav li p { border-radius: 5px; margin-top:8px; width:90px; transition:text-indent 220ms; height: 30px; line-height: 30px; display: block; -webkit-transition: text-indent 220ms ease 0s; background-color: rgb(245, 240, 232);cursor:pointer;/* filter:alpha(opacity=50);  -moz-opacity:0.6;  -khtml-opacity: 0.6;opacity: 0.6; */ }
#footer_nav li p:hover { margin-top:8px; width:90px; transition:text-indent 220ms; height: 30px; line-height: 30px; display: block; -webkit-transition: text-indent 220ms ease 0s;background-color:rgb(191, 0, 8); cursor:pointer; }
#footer_nav li p a { color: rgb(100, 100, 100);  padding-left:10px; font-size:15px; cursor:pointer; display: block; }
#footer_nav li p a:hover { color: rgb(255, 255, 255); padding-left:10px; font-size:15px; cursor:pointer;display: block;  }
.footer .vr { height:250px; margin-right: 10px;  margin-left: 10px; background-image: url("../image/i15.png"); background-repeat: no-repeat; width:1% ;}
.footer .hr { margin-top: 15px; margin-bottom: 25px; background-color: rgb(187, 187, 187); }
.copyrights { height: 20px; line-height: 20px;  margin-top:38px; padding-bottom: 15px; font-size: 16px;/* background-color: rgb(173, 133, 60);*/ }
.copyrights { color: rgb(51, 51, 51); }
.copyrights a { /*color: rgb(255, 255, 255); */}
/*.quickNav { width: 150px; position: relative; }

.quickNav .en { color: rgb(187, 187, 187); text-transform: uppercase; font-size: 12px; }
.quickNav .cn { color: rgb(51, 51, 51); font-size: 18px; font-weight: 700; margin-top: 10px; }
.quickNav .triangle { border-width: 6px 5px; border-style: solid dashed dashed; border-color: rgb(51, 51, 51) transparent transparent; left: 165px; top: 28px; width: 0px; height: 0px; overflow: hidden; font-size: 0px; position: absolute; }
.quickNav .links { margin-top: 25px; }
.quickNav .links .link { border-radius: 3px; transition:text-indent 220ms; height: 30px; line-height: 30px; display: block; -webkit-transition: text-indent 220ms ease 0s; }
.quickNav .links .link:hover { color: rgb(255, 255, 255); text-indent: 22px; background-color: rgb(191, 0, 8); }
*/
.fContact { color: rgb(51, 51, 51); padding-top: 8px; width:72%; }
.fContact .dt { font-size: 18px; margin-bottom: 14px; }
.fContact .list0 { color: rgb(102, 102, 102); line-height: 24px; margin-top: 28px; }
.fQrcode { text-align: right; padding-top: 5px; font-size: 0px; width:22%;margin-right: 10px; }
.fQrcode .item {   font-size: 14px; margin-right: 10px;   float:left; text-align:center }
.fQrcode .item .pic { width: 100px; height: 100px; }
.fQrcode .item .p a{ text-align:center }
.fBlogroll { color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; }
.fBlogroll a { display: inline-block; margin:0px 15px; }
.sbanner { height: 500px; overflow: hidden; padding-top: 0px; position: relative; }
.subNav{height: 60px;  background-color: #b99021; background-image: url(../image/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: 18px; color: #fff;}
.subNav .link s{position: absolute; left: 0; top: 16px; width: 0; height: 28px; border-right: dashed #fff 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 { border-width: 5px 1px 1px; border-style: solid; border-color: rgb(227, 227, 227); border-image: none; width: 1013px; height: 638px; padding-right: 305px; margin-top: 60px; margin-right: auto; margin-left: auto; position: relative; }
.caseItem.case1 { border-top-color: rgb(191, 0, 8); }
.caseItem.case1 .smalllist .btn.on { border-color: rgb(191, 0, 8) !important; }
.caseItem.case1 .type { background-position: 0px 0px; color: rgb(191, 0, 8); }
.caseItem.case2 { border-top-color: rgb(255, 98, 21); }
.caseItem.case2 .smalllist .btn.on { border-color: rgb(255, 98, 21) !important; }
.caseItem.case2 .type { background-position: 0px -34px; color: rgb(255, 98, 21); }
.caseItem.case3 { border-top-color: rgb(32, 151, 115); }
.caseItem.case3 .smalllist .btn.on { border-color: rgb(32, 151, 115) !important; }
.caseItem.case3 .type { background-position: 0px -68px; color: rgb(32, 151, 115); }
.caseItem.case4 { border-top-color: rgb(32, 99, 151); }
.caseItem.case4 .smalllist .btn.on { border-color: rgb(32, 99, 151) !important; }
.caseItem.case4 .type { background-position: 0px -102px; color: rgb(32, 99, 151); }
.caseItem .hr { left: 0px; top: -1px; width: 100%; position: absolute; background-color: rgb(227, 227, 227); }
.caseItem .head { height: 81px; padding-top: 19px; padding-bottom: 19px; padding-left: 30px; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid; }
.caseItem .head .type { margin-top: 24px; background-image: url("../image/i16.png"); }
.caseItem .head .dt { margin-top: 24px; background-image: url("../image/i16.png"); }
.caseItem .head .cBtn { margin-top: 24px; background-image: url("../image/i16.png"); }
.caseItem .head .type { width: 145px; height: 34px; text-align: center; line-height: 34px; font-size: 26px; }
.caseItem .head .dt { background-position: -145px 0px; width: 120px; height: 34px; color: rgb(255, 255, 255); line-height: 34px; text-indent: 10px; font-size: 16px; margin-left: 20px; }
.caseItem .head .info { width: 232px; height: 40px; line-height: 40px; font-size: 0px; margin-top: 21px; margin-left: 18px; }
.caseItem .head .vmbox { line-height: 20px; }
.caseItem .head .designer { padding: 1px 184px 1px 130px; width: 100px; height: 80px; border-left-color: rgb(191, 191, 191); border-left-width: 1px; border-left-style: dashed; position: relative; }
.caseItem .head .designer .pic { left: 30px; top: 1px; width: 80px; height: 80px; position: absolute; }
.caseItem .head .designer .pic img { height: auto; min-height: 100%; }
.caseItem .head .designer .mask { background-image: url("../image/mask.png"); }
.caseItem .head .designer .pos { color: rgb(153, 153, 153); line-height: 20px; padding-top: 15px; font-size: 16px; }
.caseItem .head .designer .name { font-size: 26px; margin-top: 5px; }
.caseItem .head .designer .cBtn { background-position: -145px -34px; top: 50%; width: 145px; height: 34px; right: 22px; color: rgb(255, 255, 255); line-height: 34px; text-indent: 50px; margin-top: -17px; position: absolute; }
.caseItem .body { height: 518px; }
.caseItem .body .fld { width: 389px; border-right-color: rgb(227, 227, 227); border-right-width: 1px; border-right-style: solid; }
.caseItem .body .floor-Plan { height: 389px; line-height: 389px; font-size: 0px; }
.csstransf .caseItem .body .floor-Plan { position: relative; }
.csstransf .caseItem .body .floor-Plan::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .caseItem .body .floor-Plan:hover::after {
 background-color: rgba(0, 0, 0, 0.04);
}
.caseItem .body .see360 { width: 389px; height: 129px; display: block; }
.caseItem .body .see360 img { width: 389px; height: 129px; display: block; }
.caseItemAlbum { width: 623px; height: 100%; position: relative; background-color: rgb(255, 255, 255); }
.caseItemAlbum .bigshow { border: 1px solid rgb(221, 221, 221); border-image: none; width: 621px; height: 387px; }
.caseItemAlbum .smalllist { padding: 15px 56px 15px 57px; width: 510px; height: 100px; position: relative; }
.caseItemAlbum .smalllist .btn { border: 1px solid rgb(204, 204, 204); transition:220ms; border-image: none; width: 158px; height: 98px; margin-right: 15px; float: left; -webkit-transition: all 220ms ease 0s; }
.caseItemAlbum .ctr { transition:220ms; top: 15px; width: 25px; height: 100px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-family: simsun, 宋体; font-size: 30px; position: absolute; z-index: 3; background-color: rgb(230, 230, 230); -webkit-transition: all 220ms ease 0s; }
.caseItemAlbum .ctr:hover { padding-right: 2px; padding-left: 2px; background-color: rgb(204, 204, 204); }
.caseItemAlbum .prev { left: 17px; }
.caseItemAlbum .next { right: 17px; }
.caseItem-Ds { background-position: 50% 50%; top: 0px; width: 257px; height: 608px; right: 0px; padding-top: 30px; padding-right: 22px; padding-left: 25px; border-left-color: rgb(227, 227, 227); border-left-width: 1px; border-left-style: solid; position: absolute; background-image: url("../image/i17.png"); background-repeat: no-repeat; }
.caseItem-Ds .dt { color: rgb(51, 51, 51); line-height: 20px; font-size: 16px; font-weight: 700; margin-bottom: 12px; }
.caseItem-Ds .dd { height: 240px; text-align: justify; color: rgb(153, 153, 153); line-height: 24px; overflow: hidden; font-size: 14px; position: relative; -ms-text-overflow: ellipsis; max-height: 240px; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }
.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(../image/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(../image/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 { overflow: hidden; margin-top: 20px; margin-right: -16px; margin-bottom: -25px; position: relative; min-height: 25px; }
.s-customP .customPList .item { padding: 14px; width: 290px; height: 348px; overflow: hidden; margin-right: 16px; margin-bottom: 25px; float: left; position: relative; background-color: rgb(255, 255, 255); }
.s-customP .customPList .item .bg { background-image: url("../image/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 {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .s-customP .customPList .item .pic:hover::after {
 background-color: rgba(255, 255, 255, 0.08);
}
.s-customP .customPList .item h3 { padding: 12px; line-height: 22px; font-size: 16px; font-weight: 700; }
.s-customP .customPList .item .info { color: rgb(153, 153, 153); line-height: 18px; overflow: hidden; padding-right: 12px; padding-left: 12px; position: relative; -ms-text-overflow: ellipsis; max-height: 54px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.s-customP .customPList .item .more { background-position: -100px 0px; left: 0px; width: 290px; height: 40px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; position: absolute; transform: translateY(-6px); background-image: url("../image/i20.png"); -webkit-transform: translateY(-6px); }
.s-customP .customPList .item .more:hover { background-position: 0px 0px; }
.s-recommendP { height: 300px; margin-top: 25px; margin-bottom: 60px; background-color: rgb(245, 245, 245); }
.s-recommendP .dt { width: 150px; height: 300px; text-align: center; color: rgb(255, 255, 255); float: left; position: relative; background-image: url("../image/bg7.jpg"); }
.s-recommendP .dt .cn { width: 46px; line-height: 26px; padding-top: 52px; font-size: 22px; margin-right: auto; margin-left: auto; }
.s-recommendP .dt .en { text-transform: uppercase; line-height: 20px; font-size: 16px; font-weight: 700; margin-top: 22px; margin-bottom: 30px; opacity: 0.2; }
.s-recommendP .dt .hr { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-recommendP .dt .more { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-recommendP .dt .hr { height: 3px; margin-top: 20px; }
.s-recommendP .dt .more { background-position: 0px -3px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 16px; display: block; position: relative; }
.csstransf .s-recommendP .dt .more { position: relative; }
.csstransf .s-recommendP .dt .more::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .s-recommendP .dt .more:hover::after {
 background-color: rgba(255, 255, 255, 0.1);
}
.s-recommendP .dd { height: 263px; padding-top: 17px; padding-bottom: 20px; margin-left: 31px; float: left; }
.s-recommendP .dd .item { padding: 9px; transition:220ms; width: 260px; height: 245px; overflow: hidden; margin-right: 2px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
.s-recommendP .dd .item .bg { background-image: url("../image/i22.png"); }
.s-recommendP .dd .item .pic { width: 260px; height: 195px; }
.s-recommendP .dd .item h3 { height: 50px; text-align: center; line-height: 50px; padding-right: 12px; padding-left: 12px; font-size: 16px; }
.s-otherSolve .dt { float: right; }
.s-otherSolve .dd { margin-left: 31px; float: left; }
.s-ourCase .dt { float: left; }
.s-ourCase .dd { margin-right: 31px; float: right; }
.s-otherSolve { height: 265px; margin-top: 25px; margin-bottom: 60px; background-color: rgb(245, 245, 245); }
.s-ourCase { height: 265px; margin-top: 25px; margin-bottom: 60px; background-color: rgb(245, 245, 245); }
.s-otherSolve .dt { width: 150px; height: 265px; text-align: center; color: rgb(255, 255, 255); position: relative; background-image: url("../image/bg8.jpg"); }
.s-ourCase .dt { width: 150px; height: 265px; text-align: center; color: rgb(255, 255, 255); position: relative; background-image: url("../image/bg8.jpg"); }
.s-otherSolve .dt .cn { width: 90px; line-height: 26px; padding-top: 52px; font-size: 22px; margin-right: auto; margin-left: auto; }
.s-ourCase .dt .cn { width: 90px; line-height: 26px; padding-top: 52px; font-size: 22px; margin-right: auto; margin-left: auto; }
.s-otherSolve .dt .en { text-transform: uppercase; line-height: 20px; font-size: 14px; font-weight: 700; margin-top: 22px; margin-bottom: 30px; opacity: 0.2; }
.s-ourCase .dt .en { text-transform: uppercase; line-height: 20px; font-size: 14px; font-weight: 700; margin-top: 22px; margin-bottom: 30px; opacity: 0.2; }
.s-otherSolve .dt .hr { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-ourCase .dt .hr { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-otherSolve .dt .more { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-ourCase .dt .more { width: 85px; margin-right: auto; margin-left: auto; background-image: url("../image/i21.png"); }
.s-otherSolve .dt .hr { height: 3px; margin-top: 20px; }
.s-ourCase .dt .hr { height: 3px; margin-top: 20px; }
.s-otherSolve .dt .more { background-position: 0px -3px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 16px; display: block; position: relative; }
.s-ourCase .dt .more { background-position: 0px -3px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 16px; display: block; position: relative; }
.csstransf .s-otherSolve .dt .more { position: relative; }
.csstransf .s-ourCase .dt .more { position: relative; }
.csstransf .s-otherSolve .dt .more::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .s-ourCase .dt .more::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .s-otherSolve .dt .more:hover::after {
 background-color: rgba(0, 0, 0, 0.1);
}
.csstransf .s-ourCase .dt .more:hover::after {
 background-color: rgba(0, 0, 0, 0.1);
}
.s-otherSolve .dd { height: 214px; padding-top: 25px; padding-bottom: 25px; }
.s-ourCase .dd { height: 214px; padding-top: 25px; padding-bottom: 25px; }
.s-otherSolve .dd .item { padding: 9px; transition:220ms; width: 260px; height: 213px; overflow: hidden; margin-right: 2px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
.s-ourCase .dd .item { padding: 9px; transition:220ms; width: 260px; height: 213px; overflow: hidden; margin-right: 2px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
.s-otherSolve .dd .item .bg { background-image: url("../image/i23.png"); }
.s-ourCase .dd .item .bg { background-image: url("../image/i23.png"); }
.s-otherSolve .dd .item .pic { width: 260px; height: 163px; }
.s-ourCase .dd .item .pic { width: 260px; height: 163px; }
.s-otherSolve .dd .item h3 { height: 50px; text-align: center; line-height: 50px; padding-right: 12px; padding-left: 12px; font-size: 16px; }
.s-ourCase .dd .item h3 { height: 50px; text-align: center; line-height: 50px; padding-right: 12px; padding-left: 12px; font-size: 16px; }
.case-View { margin-top: 50px; }
.case-View.case1 .type { background-position: 0px 0px; color: rgb(191, 0, 8); }
.case-View.case1 .Tg .btn { border-color: rgb(191, 0, 8); }
.case-View.case1 .Tg .btn.on { background-color: rgb(191, 0, 8); }
.case-View.case1 .smalllist .btn.on { border-color: rgb(191, 0, 8) !important; }
.case-View.case2 .type { background-position: 0px -34px; color: rgb(255, 98, 21); }
.case-View.case2 .Tg .btn { border-color: rgb(255, 98, 21); }
.case-View.case2 .Tg .btn.on { background-color: rgb(255, 98, 21); }
.case-View.case2 .smalllist .btn.on { border-color: rgb(255, 98, 21) !important; }
.case-View.case3 .type { background-position: 0px -68px; color: rgb(32, 151, 115); }
.case-View.case3 .Tg .btn { border-color: rgb(32, 151, 115); }
.case-View.case3 .Tg .btn.on { background-color: rgb(32, 151, 115); }
.case-View.case3 .smalllist .btn.on { border-color: rgb(32, 151, 115) !important; }
.case-View.case4 .type { background-position: 0px -102px; color: rgb(32, 99, 151); }
.case-View.case4 .Tg .btn { border-color: rgb(32, 99, 151); }
.case-View.case4 .Tg .btn.on { background-color: rgb(32, 99, 151); }
.case-View.case4 .smalllist .btn.on { border-color: rgb(32, 99, 151) !important; }
.case-View .fld { width: 350px; position: relative; }
.case-View .fld .type { background-image: url("../image/i16.png"); }
.case-View .fld .dt { background-image: url("../image/i16.png"); }
.case-View .fld .type { width: 145px; height: 34px; text-align: center; line-height: 34px; font-size: 26px; }
.case-View .fld .dt { background-position: -145px -68px; top: 0px; width: 145px; height: 34px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 34px; padding-bottom: 5px; font-size: 16px; margin-left: 20px; position: absolute; }
.case-View .fld .info { color: rgb(153, 153, 153); line-height: 20px; margin-top: 18px; margin-bottom: 10px; }
.case-View .fld .floor-Plan { border: 1px solid rgb(221, 221, 221); border-image: none; width: 348px; height: 348px; line-height: 348px; font-size: 0px; }
.csstransf .case-View .fld .floor-Plan { position: relative; }
.csstransf .case-View .fld .floor-Plan::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .case-View .fld .floor-Plan:hover::after {
 background-color: rgba(0, 0, 0, 0.04);
}
.case-View .fld .disPic { border: 1px solid rgb(221, 221, 221); border-image: none; width: 348px; height: 212px; margin-top: 10px; }
.case-View .fld .see360 { width: 100%; overflow: hidden; margin-top: 10px; display: block; position: relative; }
.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; margin-bottom: 10px; background-color: rgb(245, 245, 245); }
.case-View .Tg .btn { border: 1px solid currentColor; border-image: none; width: 98px; height: 28px; text-align: center; color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; margin-left: 10px; float: left; }
.case-View .Tg :first-child.btn { margin-left: 0px; }
.case-View .Tg .btn.on { color: rgb(255, 255, 255); }
.caseViewAlbum { width: 930px; height: 703px; position: relative; background-color: rgb(255, 255, 255); }
.caseViewAlbum .bigshow { border: 1px solid rgb(221, 221, 221); border-image: none; width: 928px; height: 582px; }
.caseViewAlbum .smalllist { padding: 0px 35px; width: 860px; height: 100px; margin-top: 19px; position: relative; }
.caseViewAlbum .smalllist .btn { border: 1px solid rgb(204, 204, 204); transition:220ms; border-image: none; width: 158px; height: 98px; margin-right: 15px; float: left; -webkit-transition: all 220ms ease 0s; }
.caseViewAlbum .ctr { transition:220ms; top: 0px; width: 25px; height: 100px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-family: simsun, 宋体; font-size: 30px; position: absolute; z-index: 3; background-color: rgb(230, 230, 230); -webkit-transition: all 220ms ease 0s; }
.caseViewAlbum .ctr:hover { padding-right: 2px; padding-left: 2px; background-color: rgb(204, 204, 204); }
.caseViewAlbum .prev { left: 0px; }
.caseViewAlbum .next { right: 0px; }
.caseView-Ds { background-position: 50% 50%; height: 252px; margin-top: 40px; background-image: url("../image/bg9.jpg"); background-repeat: no-repeat; }
.caseView-Ds .col { width: 510px; padding-top: 64px; padding-right: 50px; padding-left: 50px; }
.caseView-Ds .demand .dt { background-color: rgb(191, 0, 8); }
.caseView-Ds .solve .dt { background-color: rgb(255, 98, 21); }
.caseView-Ds .dt { width: 90px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; font-weight: 700; margin-right: auto; margin-left: auto; display: block; }
.caseView-Ds .dd { text-align: justify; line-height: 25px; overflow: hidden; font-size: 14px; margin-top: 22px; position: relative; -ms-text-overflow: ellipsis; max-height: 125px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.caseView-Exhibition { margin-top: 40px; }
.caseView-Exhibition .dt { height: 46px; margin-bottom: 41px; border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid; }
.caseView-Exhibition .dt .cn { width: 94px; color: rgb(191, 0, 8); padding-bottom: 18px; font-size: 24px; border-bottom-color: rgb(191, 0, 8); border-bottom-width: 4px; border-bottom-style: solid; float: left; white-space: nowrap; }
.caseView-Exhibition .dt .en { color: rgb(204, 204, 204); text-transform: uppercase; padding-top: 8px; font-family: Arial, sans-serif; font-size: 18px; margin-left: 8px; float: left; }
.caseView-Exhibition .tipWords { padding: 25px 40px; width: 1240px; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; margin-top: 20px; margin-right: auto; margin-left: auto; background-color: rgb(71, 71, 71); }
.bigAlbumList .item { width: 1320px; height: 742px; margin-top: 20px; position: relative; }
.bigAlbumList :first-child.item { margin-top: 0px; }
.bigAlbumList .item .pic { width: 100%; height: 100%; }
.bigAlbumList .item .bg { left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.9; background-color: rgb(51, 51, 51); }
.bigAlbumList .item .info { padding: 25px 40px; left: 0px; width: 1240px; bottom: 0px; position: absolute; z-index: 9; }
.bigAlbumList .item .vmbox { color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; }
.caseView-Free3 { margin-top: 40px; }
.caseView-Free3 .list0 { height: 114px; padding-left: 320px; position: relative; background-image: url("../image/bg10.png"); }
.caseView-Free3 .list0 .item { height: 92px; padding-left: 95px; float: left; position: relative; }
.caseView-Free3 .list0 .item.i1 .num { background-position: center 0px; }
.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 { left: 0px; top: 6px; width: 80px; height: 80px; position: absolute; background-image: url("../image/i24.png"); }
.caseView-Free3 .list0 .item .dt { color: rgb(51, 51, 51); line-height: 32px; font-size: 20px; font-weight: 700; }
.caseView-Free3 .list0 .item .dd { color: rgb(51, 51, 51); line-height: 24px; margin-top: 8px; }
.caseView-Free3 .list0 .item.i1 { width: 225px; }
.caseView-Free3 .list0 .item.i2 { width: 255px; }
.caseView-Free3 .list0 .item.i3 { width: 235px; }
.caseView-Free3 .more { background-position: -100px 0px; border-radius: 4px; transition:220ms; width: 260px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 20px; font-weight: 700; margin-top: 40px; margin-right: auto; margin-left: auto; display: block; background-image: url("../image/i20.png"); -webkit-transition: all 220ms ease 0s; }
.caseView-Free3 .more:hover { background-position: 0px 0px; }

.quickQuote { margin-top: 60px; margin-bottom: 60px; }
.quickQuote .fld { width: 220px; height: 720px; }
.quickQuote .formCheck { border: 1px solid rgb(221, 221, 221); border-image: none; width: 1053px; height: 668px; padding-top: 50px; padding-left: 30px; }
.quickQuote .line .item { float: left; }
.quickQuote .line .sex { padding-left: 75px; }
.quickQuote .line .sex .focus { width: 60px; margin-left: -75px; }
.quickQuote .item { line-height: 32px; padding-left: 115px; font-size: 0px; margin-bottom: 20px; min-height: 32px; }
.quickQuote .sign { color: rgb(255, 0, 12); }
.quickQuote .focus { width: 100px; text-align: right; font-size: 16px; margin-left: -115px; float: left; white-space: nowrap; }
.quickQuote .skin { padding: 4px 9px; border-radius: 4px; border: 1px solid rgb(200, 200, 200); border-image: none; line-height: 22px; font-size: 14px; }
.quickQuote .skin { width: 150px; height: 22px; margin-right: 10px; }
.quickQuote option { padding-left: 9px; }
.quickQuote .tel { width: 320px; }
.quickQuote textarea.skin { width: 890px; height: 122px; }
.quickQuote .fileBtnBox { overflow: hidden; font-size: 14px; position: relative; }
.quickQuote .fileBtnBox .filename { margin-right: 10px; cursor: default; }
.quickQuote .fileBtnBox .filebtn { border-radius: 4px; width: 160px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; display: inline-block; position: static; background-color: rgb(31, 151, 115); }
.quickQuote .fileBtnBox .buts { left: -1px; top: -1px; height: 100%; font-size: 50px; position: absolute; z-index: 2; cursor: pointer; opacity: 0; }
.quickQuote .yzm .skin { width: 150px; }
.quickQuote .yzm img { height: 32px; margin-right: 6px; margin-left: 6px; vertical-align: top; }
.quickQuote .yzm span label { font-size: 14px; }
.quickQuote .buts { height: 32px; line-height: 32px; vertical-align: top; display: inline-block; white-space: nowrap; }
.quickQuote .tip { height: 32px; line-height: 32px; vertical-align: top; display: inline-block; white-space: nowrap; }
.quickQuote .buts { font-size: 16px; margin-right: 25px; }
.quickQuote .tip { color: rgb(153, 153, 153); font-size: 14px; }
.quickQuote .enter { border-radius: 4px; width: 160px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-size: 16px; margin-right: 10px; background-color: rgb(191, 0, 8); }
.quickQuote .tips { color: rgb(153, 153, 153); font-size: 14px; }
.s-Process-searve { background-position: 50% 50%; height: 440px; text-align: center; position: relative; background-image: url("../image/bg12.jpg"); background-repeat: no-repeat; }
.s-Process-searve .f26 { line-height: 32px; padding-top: 70px; }
.s-Process-searve .f18 { line-height: 24px; margin-top: 35px; }
.teamClassify { background-position: 50% 0%; min-height: 400px; background-repeat: no-repeat;  }
.teamClassify .colmnName { text-align: center; font-size: 0px; }
.teamClassify .colmnName .btn { padding: 11px 19px 20px 9px; width: 288px; height: 36px; color: rgb(255, 255, 255); line-height: 36px; font-size: 18px; display: inline-block; background-image: url("../image/i25.png"); }
.teamClassify .colmnName .btn.i1 .ico { background-position: 0px 0px; }
.teamClassify .colmnName .btn.i2 .ico { background-position: 0px -36px; }
.teamClassify .colmnName .btn.i3 .ico { background-position: 0px -72px; }
.teamClassify .colmnName .btn:hover { background-position: 0px -67px; color: rgb(51, 51, 51); }
.teamClassify .colmnName .btn.on { background-position: 0px -67px; color: rgb(51, 51, 51); }
.teamClassify .colmnName .btn.i1:hover .ico { background-position: -30px 0px; }
.teamClassify .colmnName .btn.on.i1 .ico { background-position: -30px 0px; }
.teamClassify .colmnName .btn.i2:hover .ico { background-position: -30px -36px; }
.teamClassify .colmnName .btn.on.i2 .ico { background-position: -30px -36px; }
.teamClassify .colmnName .btn.i3:hover .ico { background-position: -30px -72px; }
.teamClassify .colmnName .btn.on.i3 .ico { background-position: -30px -72px; }
.teamClassify .colmnName .btn .ico { width: 30px; height: 36px; margin-right: 20px; vertical-align: top; display: inline-block; background-image: url("../image/i26.png"); }
.teamClassify .columnIntro { height: 200px; text-align: center; color: rgb(0, 0, 0); margin-top: 110px; margin-bottom: 80px; position: relative; }
.teamClassify .columnIntro .dt { line-height: 30px; font-size: 26px; }
.teamClassify .columnIntro .dd { line-height: 28px; font-size: 18px; margin-top: 35px; }
.teamClassify .columnIntro .arrow { animation:fadeInDown 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; left: 50%; width: 19px; height: 12px; bottom: 5px; margin-left: -10px; position: absolute; background-image: url("../image/i27.png"); -webkit-animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate;
}
.recDesigner .i-Head { padding-top: 10px; }
.recDesignerList { overflow: hidden; margin-top: 50px; margin-right: -20px; position: relative; }
.recDesignerList .item { width: 315px; height: 436px; overflow: hidden; margin-right: 20px; float: left; position: relative; }
.recDesignerList .mask { top: auto; width: 215px; height: 67px; bottom: 0px; color: rgb(255, 255, 255); line-height: 28px; padding-top: 60px; padding-right: 80px; padding-left: 20px; background-image: url("../image/i28.png"); }
.recDesignerList .cn { font-size: 20px; }
.recDesignerList .en { font-size: 16px; }
.recDesignerList .arrow { width: 40px; height: 40px; right: 18px; bottom: 20px; position: absolute; background-image: url("../image/i29.png"); }
.recDesignerList .arrow:hover { background-position: 0px -40px; }
.designerGroupList {overflow: hidden; margin-top: 55px; margin-right: -20px; margin-bottom: -30px; position: relative; min-height: 30px; width:1340px; margin:0 auto }
.designerGroupList .item { width: 640x; height: 200px; overflow: hidden;background-color: rgb(240,240,240); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); margin-right: 10px; margin-left: 10px; margin-bottom: 20px; float: left; position: relative; }
.designerGroupList .pic { width: 620px; height: 180px; color: rgb(255, 255, 255); padding:10px }
.designerGroupList .front { left: 0px; top: 0px; line-height: 28px; position: absolute; z-index: 3;background-color: rgba(20,20,20,0.1); /* background-image: url("../image/i30.png"); background-repeat: repeat-x;*/ }
.designerGroupList .behind { left: 0px; top: 0px; line-height: 28px; position: absolute; z-index: 3; /*background-color: rgba(0,0,0,0.2);*/ background-image: url("../image/i30.png"); background-repeat: repeat-x; }
.designerGroupList .front { padding: 20px; width: 100%; height: 50px; }
.designerGroupList .behind {   width: 100%; height: 200px; text-align: center; }
.designerGroupList .behind .btn { border-radius: 4px; width: 120px; height: 40px; text-align: center; color:#fff; line-height: 40px; font-size: 14px;margin-left:270px; margin-top:80px;   display: block; background-image: url("../image/i31.png"); }
.csstransf .designerGroupList .behind .more:hover { position: relative; }
.csstransf .designerGroupList .behind .more:hover::after {
 transition:220ms;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: transparent;
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .designerGroupList .behind .more:hover::after {
background-color:rgba(255, 255, 255, .1)
}
.designerGroupList .behind .q { background-position: 0px -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::after {
 background-color: rgba(0, 0, 0, 0.1);
}
.designerGroupList h3 { font-size: 18px; }
.designerGroupList .time { font-size: 18px; }
.designerGroupList .pos { font-size: 16px; }
.designerGroupList .ppty { font-size: 16px; }
.designerGroupList .line { height: 40px; text-align: left; line-height: 40px; padding-left: 60px; font-size: 0px; margin-top: 20px; }
.designerGroupList .line img { width: auto; height: auto; display: inline-block; position: relative; max-height: 100%; max-width: 100%; }
.designerGroupList .dt { padding: 4px; width: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 16px; font-size: 14px; margin-left: -60px; float: left; background-color: rgb(191, 191, 191); }
.designerGroupList .dd { line-height: 16px; overflow: hidden; position: relative; max-height: 32px; }
.freeSearve { background-position: 50% 50%; height: 450px; margin-top: 20px; background-image: url("../image/bg14.png"); background-repeat: no-repeat; }
.freeSearve .i-Head { padding-top: 90px; }
.freeSearve .soFar { text-align: center; font-size: 26px; margin-top: 40px; margin-bottom: 40px; }
.freeSearve .info { width: 1040px; text-align: center; color: rgb(51, 51, 51); line-height: 28px; font-size: 18px; margin-right: auto; margin-left: auto; }
.onlineBooking { margin-top: 60px; margin-bottom: 60px; }
.onlineForm { width: 350px; height: 300px; padding-top: 100px; padding-right: 50px; padding-left: 530px; background-image: url("../image/bg15.png"); }
.onlineForm .item { margin-bottom: 14px; }
.onlineForm .skin { border: 2px solid rgb(227, 227, 227); border-image: none; width: 140px; height: 28px; line-height: 28px; padding-right: 13px; padding-left: 13px; }
.onlineForm option { padding: 5px 13px; }
.onlineForm .yzm .bd { width: 170px; }
.onlineForm .yzm img { border: 2px solid rgb(227, 227, 227); border-image: none; width: 124px; height: 28px; }
.onlineForm .yzm .refreshVC { background-position: 50% 50%; border: 2px solid rgb(227, 227, 227); transition:220ms; border-image: none; width: 28px; height: 28px; margin-left: 10px; background-image: url("../image/i33.png"); background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.onlineForm .yzm .refreshVC:hover { background-color: rgb(238, 238, 238); }
.onlineForm .hr { height: 0px; margin-top: 35px; margin-bottom: 25px; border-top-color: rgb(191, 191, 191); border-top-width: 1px; border-top-style: dashed; }
.onlineForm .enter { width: 160px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; background-color: rgb(191, 0, 8); }
.onlineForm .notice { width: 160px; color: rgb(191, 0, 8); line-height: 22px; padding-left: 10px; font-size: 14px; margin-top: -2px; }
.onlineForm .notice .l { margin-left: -10px; }
.onlineForm .aside { color: rgb(153, 153, 153); line-height: 22px; font-size: 16px; margin-top: 25px; }
.onlineBookIn { padding: 14px; border: 1px solid rgb(227, 227, 227); border-image: none; width: 340px; height: 370px; }
.onlineBookIn dt { width: 340px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; background-image: url("../image/i34.png"); }
.onlineBookInList { width: 100%; height: 330px; text-align: center; margin-top: 8px; position: relative; }
.onlineBookInList .item { width: 100%; height: 30px; color: rgb(191, 0, 8); line-height: 30px; overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; }
.otherColumn { height: 200px; position: relative; }
.otherColumn .col { transition:220ms; top: 0px; width: 50%; height: 100%; overflow: hidden; position: absolute; background-color: rgb(102, 102, 102); -webkit-transition: all 220ms ease 0s; }
.otherColumn .col:hover { background-color: rgb(51, 51, 51); }
.otherColumn .col.l0 .contain { right: 0px; padding-right: 300px; }
.otherColumn .col.r0 .contain { left: 0px; padding-left: 300px; }
.otherColumn .bg { left: 50%; width: 960px; height: 200px; margin-left: -480px; opacity: 0.2; }
.otherColumn .contain { top: 0px; width: 360px; height: 125px; text-align: center; color: rgb(255, 255, 255); padding-top: 75px; position: absolute; }
.otherColumn h2 { line-height: 36px; font-size: 26px; }
.otherColumn p { line-height: 26px; font-size: 16px; margin-top: 10px; }
.view-Share { padding: 17px 32px; height: 16px; line-height: 16px; overflow: hidden; position: relative; background-color: rgb(245, 245, 245); }
.view-Share .bdshare-button-style0-16 a { margin-top: 0px; margin-bottom: 0px; }
.view-Share .bdshare-button-style0-16 .bds_more { margin-top: 0px; margin-bottom: 0px; }
.view-Foot { height: 40px; line-height: 40px; margin-top: 20px; margin-bottom: 60px; position: relative; }
.view-Foot .ctr { transition:220ms; height: 40px; position: relative; max-width: 400px; -webkit-transition: all 220ms ease 0s; }
.view-Foot s { top: 12px; width: 60px; height: 16px; line-height: 14px; position: absolute; background-image: url("../image/arrow4.png"); background-repeat: no-repeat; }
.view-Foot .prev { text-align: left; padding-left: 100px; }
.view-Foot .prev s { background-position: 60px 0px; left: 0px; padding-right: 40px; }
.view-Foot .next { text-align: right; padding-right: 100px; }
.view-Foot .next s { background-position: 24px -16px; right: 0px; padding-left: 40px; }
.view-Foot p { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; }
.view-Foot .historyBack { left: 50%; top: 0px; width: 130px; text-align: center; color: rgb(255, 255, 255); margin-left: -65px; position: absolute; background-color: rgb(191, 191, 191); }
.staff-Intro { height: 450px; overflow: hidden; padding-top: 100px; position: relative; }
.staff-Intro .bg { top: 100px; height: 450px; }
.staff-Intro .contain { padding-top: 80px; }
.staff-Intro .contain .en { color: rgb(255, 98, 21); text-transform: uppercase; line-height: 32px; font-family: Tahoma, sans-serif; font-size: 28px; }
.staff-Intro .contain .name { color: rgb(255, 98, 21); font-size: 50px; font-weight: 700; margin-top: 15px; }
.staff-Intro .contain .pos_time { color: rgb(255, 255, 255); font-size: 24px; margin-top: 25px; }
.staff-Intro .contain .info { width: 620px; text-align: justify; color: rgb(201, 201, 201); line-height: 26px; overflow: hidden; font-size: 16px; margin-top: 45px; position: relative; -ms-text-overflow: ellipsis; max-height: 104px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.s-Head.type2 .hr { right: 123px; }
.s-Head.type2 .more { background-position: 50% 50%; width: 103px; height: 26px; line-height: 26px; padding-top: 2px; padding-bottom: 2px; background-image: url("../image/i35.png"); background-repeat: no-repeat; }
.staff-View { margin-top: 40px; }
.staff-View .sV-caseList { margin-top: 40px; }
.staff-View .sV-caseList .item { padding: 18px 17px; margin-top: 40px; position: relative; }
.staff-View .sV-caseList :first-child.item { margin-top: 0px; }
.staff-View .sV-caseList .bg { border-radius: 4px; height: 102px; background-color: rgb(238, 238, 238); }
.staff-View .sV-caseList .contain .casePic { border-radius: 4px; top: 0px; width: 380px; height: 222px; position: absolute; }
.staff-View .sV-caseList .contain .intro { line-height: 26px; padding-top: 35px; margin-bottom: 45px; }
.staff-View .sV-caseList .contain .intro .name { color: rgb(51, 51, 51); font-size: 24px; margin-right: 20px; }
.staff-View .sV-caseList .contain .intro .aside { color: rgb(153, 153, 153); font-size: 16px; }
.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 { color: rgb(153, 153, 153); line-height: 24px; overflow: hidden; position: relative; -ms-text-overflow: ellipsis; max-height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.staff-View .sV-caseList .contain .designer .pic { top: 71px; width: 150px; height: 150px; position: absolute; }
.staff-View .sV-caseList .contain .designer .pic img { height: auto; min-height: 100%; }
.staff-View .sV-caseList .contain .designer .mask { background-image: url("../image/mask2.png"); }
.staff-View .sV-caseList .even .contain { padding-left: 455px; }
.staff-View .sV-caseList .even .contain .casePic { left: 0px; }
.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: 0px; }
.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 { border: 1px solid rgb(227, 227, 227); border-image: none; width: 888px; padding-right: 19px; padding-bottom: 40px; padding-left: 19px; }
.QA-Contain .QAList .item { padding: 28px 90px; border-bottom-color: rgb(191, 191, 191); border-bottom-width: 1px; border-bottom-style: dashed;  }
.QA-Contain .QAList .item  Img {  width:100%; height: 60px;  }
.QA-Contain .QAList .item .dt { line-height: 14px; font-size: 12px; }
.QA-Contain .QAList .item .dt .name { color: rgb(102, 102, 102); }
.QA-Contain .QAList .item .dt .time { color: rgb(153, 153, 153); }
.QA-Contain .QAList .item .dd { width: 703px; padding-top: 10px; padding-bottom: 10px; margin-top: 11px; position: relative; }
.QA-Contain .QAList .item .dd .bg.t { height: 10px; }
.QA-Contain .QAList .item .dd .bg.b { top: auto; height: 10px; bottom: 0px; }
.QA-Contain .QAList .item .dd .triangle { top: 20px; width: 11px; height: 14px; position: absolute; }
.QA-Contain .QAList .item .dd .main { padding: 4px 20px; color: rgb(68, 68, 68); line-height: 30px; font-size: 14px; }
.QA-Contain .QAList .item .question .headImg { left: -90px; background-image: url("../image/defaultUser.png"); }
.QA-Contain .QAList .item .question .bg.t { background-image: url("../image/i36a.png"); }
.QA-Contain .QAList .item .question .bg.b { background-image: url("../image/i36a.png"); }
.QA-Contain .QAList .item .question .triangle { background-image: url("../image/i36a.png"); }
.QA-Contain .QAList .item .question .bg.t { background-position: -9px 0px; }
.QA-Contain .QAList .item .question .bg.b { background-position: -9px bottom; }
.QA-Contain .QAList .item .question .triangle { background-position: 0px -20px; left: -9px; }
.QA-Contain .QAList .item .question .main { background-image: url("../image/i36b.png"); }
.QA-Contain .QAList .item .answer .headImg { right: -90px; background-image: url("../image/defaultPic.png"); }
.QA-Contain .QAList .item .answer .bg.t { background-image: url("../image/i37a.png"); }
.QA-Contain .QAList .item .answer .bg.b { background-image: url("../image/i37a.png"); }
.QA-Contain .QAList .item .answer .triangle { background-image: url("../image/i37a.png"); }
.QA-Contain .QAList .item .answer .bg.t { background-position: 0px 0px; }
.QA-Contain .QAList .item .answer .bg.b { background-position: 0px bottom; }
.QA-Contain .QAList .item .answer .triangle { background-position: right -20px; right: -9px; }
.QA-Contain .QAList .item .answer .main { background-image: url("../image/i37b.png"); }
.QA-Contain .pageListBox { margin-top: 20px; margin-bottom: 0px; }
.freeOnlineBar { width: 370px; margin-bottom: 20px; }
.freeOnlineBar .caseView-Free3 { padding: 14px; border: 1px solid rgb(227, 227, 227); border-image: none; width: 340px; margin-top: 0px; }
.freeOnlineBar .caseView-Free3 .list0 { background: 0px 0px; height: auto; padding-top: 110px; padding-left: 0px; }
.freeOnlineBar .caseView-Free3 .list0 dt { background-position: 28px 0px; height: 114px; background-image: url("../image/bg10.png"); }
.freeOnlineBar .caseView-Free3 .list0 .item { margin-top: 20px; }
.freeOnlineBar .onlineBooking { overflow: hidden; margin-top: 20px; margin-bottom: 0px; position: relative; }
.freeOnlineBar .onlineBooking .onlineForm { background-position: -501px 0px; border: 1px solid rgb(255, 98, 21); border-image: none; padding-top: 75px; padding-right: 9px; padding-left: 9px; }
.freeOnlineBar .onlineBooking .onlineBookIn { margin-top: 20px; }
.consultForm { width: 700px; margin-top: 40px; margin-right: auto; margin-left: auto; }
.consultForm .fld { width: 170px; }
.consultForm .frd { width: 512px; }
.consultForm .item { margin-bottom: 14px; }
.consultForm .skin { border: 2px solid rgb(227, 227, 227); border-image: none; width: 140px; height: 28px; line-height: 28px; padding-right: 13px; padding-left: 13px; }
.consultForm .yzm .bd { width: 170px; margin-top: 14px; display: block; }
.consultForm .yzm img { border: 2px solid rgb(227, 227, 227); border-image: none; width: 124px; height: 28px; }
.consultForm .yzm .refreshVC { background-position: 50% 50%; border: 2px solid rgb(227, 227, 227); transition:220ms; border-image: none; width: 28px; height: 28px; margin-left: 10px; background-image: url("../image/i33.png"); background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.consultForm .yzm .refreshVC:hover { background-color: rgb(238, 238, 238); }
.consultForm textarea.skin { width: 482px; height: 120px; }
.consultForm .enter { width: 190px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; margin-top: 6px; margin-left: 190px; float: left; background-image: url("../image/i38.png"); }
.technicianBox { background-position: 50% 0%; width: 1052px; padding-right: 134px; padding-left: 134px; margin-bottom: 35px; background-repeat: no-repeat; }
.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; text-align: center; color: rgb(255, 255, 255); line-height: 18px; background-color: rgb(191, 191, 191); }
.technicianBox .designerGroupList .intro .info { text-align: justify; color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; margin-top: 15px; position: relative; -ms-text-overflow: ellipsis; max-height: 120px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.product-Filtrate { border: 1px solid rgb(227, 227, 227); border-image: none; margin-top: 40px; }
.product-Filtrate .selectorLine { line-height: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 205px; border-top-color: rgb(227, 227, 227); border-top-width: 1px; border-top-style: solid; position: relative; min-height: 30px; }
.product-Filtrate :first-child.selectorLine { border-top-color: currentColor; border-top-width: 0px; border-top-style: none; }
.product-Filtrate .sel-key { left: 0px; top: 0px; width: 150px; height: 100%; text-align: center; font-size: 16px; position: absolute; background-color: rgb(245, 245, 245); }
.product-Filtrate .sel-key span { left: 0px; top: 50%; width: 100%; height: 20px; line-height: 20px; margin-top: -10px; position: absolute; }
.product-Filtrate .sel-val { font-size: 0px; }
.product-Filtrate .sel-val .btn { border-radius: 3px; height: 20px; line-height: 19px; padding-right: 10px; padding-left: 10px; font-size: 14px; margin-top: 5px; margin-right: 20px; margin-bottom: 5px; vertical-align: top; display: inline-block; position: relative; }
.product-Filtrate .sel-val .btn.on { color: rgb(255, 255, 255) !important; background-color: rgb(255, 98, 21); }
.product-Filtrate .sel-val .btn:hover { color: rgb(255, 98, 21); }
.gageForm { padding: 23px 375px 20px 30px; height: 40px; margin-top: 40px; background-image: url("../image/i41.png"); }
.gageForm .item { float: left; }
.gageForm .skin { border: 1px solid rgb(191, 191, 191); border-image: none; width: 140px; height: 38px; line-height: 38px; padding-right: 9px; padding-left: 9px; font-size: 16px; margin-right: 10px; float: left; background-color: rgb(255, 255, 255); }
.gageForm #city .skin { width: 100px; }
.gageForm option { padding: 4px 9px; }
.gageForm .enter { border-radius: 3px; width: 174px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; float: right; background-color: rgb(255, 98, 21); }
.productRank { padding: 9px 279px 9px 30px; border: 1px solid rgb(227, 227, 227); border-image: none; font-size: 0px; margin-top: 40px; position: relative; background-color: rgb(242, 239, 233) }
.productRank .btn { border: 1px solid rgb(166, 166, 166); transition:220ms; border-image: none; height: 28px; text-align: center; color: rgb(102, 102, 102); line-height: 28px; padding-right: 16px; padding-left: 16px; font-size: 14px; margin-right: 8px; display: inline-block; position: relative; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.productRank .btn .triangle { border-width: 4px; border-style: solid dashed dashed; border-color: rgb(153, 153, 153) transparent transparent; top: 50%; width: 0px; height: 0px; overflow: hidden; font-size: 0px; margin-top: -2px; margin-left: 5px; vertical-align: top; display: inline-block; position: relative; }
.productRank .btn:hover { border-color: rgb(255, 98, 21); }
.productRank .btn.on { border-color: rgb(255, 98, 21); color: rgb(255, 98, 21); }
.productRank .btn.on .triangle { border-width: 4px; border-style: dashed dashed solid; border-color: transparent transparent rgb(255, 98, 21); width: 0px; height: 0px; overflow: hidden; font-size: 0px; margin-top: -6px; }
.productRank .totalResult { top: 9px; right: 55px; line-height: 30px; font-size: 14px; position: absolute; }
.productList { overflow: hidden; margin-top: 10px; margin-right: -16px; margin-bottom: -2px; position: relative; min-height: 2px; }
.productList .item {  padding: 14px; width: 290px; height: 380px; overflow: hidden; margin-right: 16px;  float: left; position: relative; }
.productList .bg { background-image: url("../image/i42.png"); }
.productList .pic { width: 290px; height: 215px; }
.productList h3 { padding: 12px; height: 22px; line-height: 22px; font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.productList .line { height: 20px; line-height: 20px; padding-right: 12px; padding-left: 72px; margin-bottom: 15px; }
.productList .dt { width: 50px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; margin-left: -60px; float: left; background-color: rgb(191, 191, 191); }
.productList h4 { color: rgb(153, 153, 153); }
.productList em { color: rgb(191, 0, 8); font-size: 18px; font-weight: 700; }

.productList .more { background-position: 0px 40px;  transition:220ms; width: 290px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 700; display: block; transform: translateY(6px); background-image: url("../image/i20.png"); background-repeat: no-repeat; background-color: rgb(191, 191, 191);  -webkit-transition: all 220ms ease 0s; -webkit-transform: translateY(6px); }
.productList .more:hover { background-position: right 0px; !important;  }
.productList .item:hover .more { background-position: 0px 0px; }

/*
.productList .more { background-position: 0px 40px; transition:220ms; left: 0px; width: 290px; height: 40px; text-align: center;top:50px; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; position: absolute; background-image: url("../image/i20.png"); background-repeat: no-repeat; background-color: rgb(191, 191, 191); -webkit-transition: all 220ms ease 0s; }
.productList .more:hover { background-position: right 0px !important; }
.productList .item:hover .more { background-position: 0px 0px; }
*/


.product-View { margin-top: 40px; }
.product-View .s-recommendP { margin-bottom: 40px; }
.product-ViewAlbum { height: 555px; margin-bottom: 30px; position: relative; background-color: rgb(255, 255, 255); }
.product-ViewAlbum .fld { border: 1px solid rgb(221, 221, 221); border-image: none; width: 738px; height: 553px; overflow: hidden; position: relative; }
.product-ViewAlbum .bigshow { width: 738px; height: 553px; }
.product-ViewAlbum .floor-Plan { border: 1px solid rgb(191, 0, 8); transition:220ms; border-image: none; width: 128px; height: 88px; right: 0px; bottom: 0px; line-height: 88px; font-size: 0px; position: absolute; z-index: 2; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.product-ViewAlbum .floor-Plan:hover { width: 736px; height: 551px; line-height: 551px; font-size: 0px; }
.product-ViewAlbum .product-Intro { width: 534px; }
.product-ViewAlbum .product-Intro h1 { color: rgb(191, 0, 8); line-height: 30px; font-size: 24px; font-weight: 700; }
.product-ViewAlbum .pptyList { padding-top: 25px; padding-bottom: 30px; margin-top: 34px; margin-bottom: -10px; border-top-color: rgb(245, 245, 245); border-top-width: 2px; border-top-style: solid; }
.product-ViewAlbum .pptyList .item { width: 157px; height: 24px; line-height: 24px; padding-left: 110px; margin-bottom: 10px; float: left; }
.product-ViewAlbum .pptyList .item .ppty { width: 90px; height: 24px; text-align: center; color: rgb(255, 255, 255); margin-left: -110px; background-color: rgb(191, 0, 8); }
.product-ViewAlbum .pptyList .item em { color: rgb(153, 153, 153); }
.product-ViewAlbum .pptyList .item strong { color: rgb(191, 0, 8); font-size: 18px; font-weight: 700; }
.product-ViewAlbum .textureBox { padding: 25px 65px 25px 15px; border: 1px solid rgb(232, 232, 232); border-image: none; background-color: rgb(245, 245, 245); }
.product-ViewAlbum .textureBox .col { padding-left: 90px; }
.product-ViewAlbum .textureBox .ppty { color: rgb(51, 51, 51); line-height: 60px; margin-left: -85px; }
.product-ViewAlbum .textureBox .i1 { width: 112px; }
.product-ViewAlbum .textureBox .i2 { width: 112px; }
.product-ViewAlbum .textureBox .i3 { width: 362px; margin-top: 20px; }
.product-ViewAlbum .textureBox2 { padding: 17px 15px; border: 1px solid rgb(232, 232, 232); border-image: none; background-color: rgb(245, 245, 245); }
.product-ViewAlbum .textureBox2 .item { line-height: 20px; padding-top: 7px; padding-bottom: 7px; padding-left: 75px; min-height: 20px; }
.product-ViewAlbum .textureBox2 .item .ppty { width: 75px; height: 34px; text-align: right; margin-left: -75px; }
.product-ViewAlbum .textureS { padding: 5px 41px 5px 5px; border: 1px solid rgb(232, 232, 232); border-image: none; height: 48px; position: relative; background-color: rgb(255, 255, 255); }
.product-ViewAlbum .textureS .item { height: 48px; display: block; background-color: rgb(255, 255, 255); }
.product-ViewAlbum .textureS .zoomUpPic { width: 64px; height: 48px; vertical-align: top; cursor: pointer; }
.product-ViewAlbum .textureS .ctr { transition:220ms; width: 24px; height: 24px; right: 5px; display: block; position: absolute; z-index: 3; background-image: url("../image/arrow2.png"); -webkit-transition: all 220ms ease 0s; }
.product-ViewAlbum .textureS .ctr:hover { background-color: rgb(232, 232, 232); }
.product-ViewAlbum .textureS .prev { background-position: 0px 0px; top: 5px; }
.product-ViewAlbum .textureS .next { background-position: 0px -24px; bottom: 5px; }
.product-ViewAlbum .textureS.tts { width: 64px; }
.product-ViewAlbum .textureS.tts .item { width: 64px; }
.product-ViewAlbum .textureS.ttm { width: 314px; }
.product-ViewAlbum .textureS.ttm .plank { width: 144px; height: 48px; line-height: 48px; font-size: 0px; float: right; }
.product-ViewAlbum .textureS.ttm .plank .color { color: rgb(153, 153, 153); font-size: 14px; margin-left: 15px; }
.product-ViewAlbum .textureS.ttm :first-child.plank { float: left; }
.product-ViewAlbum .sv3 { width: 534px; height: 60px; margin-top: 20px; margin-bottom: 20px; display: block; }
.product-ViewAlbum .smalllist { width: 470px; height: 83px; padding-right: 64px; margin-top: 14px; position: relative; }
.product-ViewAlbum .smalllist .item { width: 100%; height: 83px; margin-bottom: 7px; display: block; }
.product-ViewAlbum .smalllist .btn { width: 110px; height: 83px; overflow: hidden; margin-left: 10px; float: left; position: relative; }
.product-ViewAlbum .smalllist .btn .mask { transition:220ms; opacity: 0; background-image: url("../image/mask3.png"); -webkit-transition: all 220ms ease 0s; }
.product-ViewAlbum .smalllist :first-child.btn { margin-left: 0px; }
.product-ViewAlbum .smalllist .btn.on .mask { opacity: 1; }
.product-ViewAlbum .smalllist .ctrBox { padding: 14px; border: 1px solid rgb(232, 232, 232); border-image: none; width: 24px; height: 54px; right: 0px; bottom: 0px; position: absolute; background-color: rgb(245, 245, 245); }
.product-ViewAlbum .smalllist .ctr { transition:220ms; width: 24px; height: 24px; right: 14px; position: absolute; z-index: 3; background-image: url("../image/arrow3.png"); background-color: rgb(221, 221, 221); -webkit-transition: all 220ms ease 0s; }
.product-ViewAlbum .smalllist .ctr:hover { background-color: rgb(32, 151, 115); }
.product-ViewAlbum .smalllist .prev { background-position: 0px 0px; top: 14px; }
.product-ViewAlbum .smalllist .next { background-position: 0px -24px; bottom: 14px; }
#Y_Zoomer { border: 1px solid rgb(234, 233, 233); border-image: none; left: 0px; top: 0px; width: 360px; height: 268px; text-align: center; line-height: 268px; overflow: hidden; font-size: 0px; display: none; position: fixed; z-index: 2020; background-color: rgb(255, 255, 255); }
#Y_Zoomer img { width: auto; height: auto; display: inline-block; position: relative; max-height: 100%; max-width: 100%; }
#pdtBox { width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
#pdtBox .pdt-Anchors { left: 50%; width: 1920px; height: 49px; margin-left: -960px; border-top-color: rgb(201, 201, 201); border-top-width: 1px; border-top-style: solid; position: relative; background-color: rgb(51, 51, 51); }
#pdtBox .pdt-Anchors .hr { left: 0px; top: 0px; height: 3px; position: absolute; background-color: rgb(255, 255, 255); }
#pdtBox .pdt-Anchors .anchor { transition:220ms; top: 3px; width: 110px; height: 46px; text-align: center; color: rgb(255, 255, 255); line-height: 46px; font-size: 16px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
#pdtBox .pdt-Anchors .anchor.active { top: 0px; background-color: rgb(102, 102, 102); }
#pdtBox .pdt-Anchors.fixed { top: 100px; margin-top: 0px; position: fixed; z-index: 21; }
#pdtBox .pdt-Main { overflow: hidden; padding-top: 35px; margin-bottom: 60px; position: relative; }
#pdtBox .pdt-Main.padT { padding-top: 50px; }
#pdtBox .pdt-Main .pdt-Head { text-align: center; line-height: 28px; padding-top: 55px; padding-bottom: 35px; font-size: 26px; }
#pdtBox .pdt-Main .pdt-Head .cn { color: rgb(51, 51, 51); }
#pdtBox .pdt-Main .pdt-Head .hr { margin: 10px auto; width: 400px; background-color: rgb(238, 238, 238); }
#pdtBox .pdt-Main .pdt-Head .hr s { width: 45px; height: 3px; margin-top: -1px; margin-right: auto; margin-left: auto; display: block; background-color: rgb(255, 98, 21); }
#pdtBox .pdt-Main .pdt-Head .en { color: rgb(153, 153, 153); text-transform: uppercase; }
#pdtBox .designer .pic { width: 300px; height: 400px; }
#pdtBox .designer .intro { width: 605px; line-height: 1; }
#pdtBox .designer .intro .en { color: rgb(255, 98, 21); text-transform: uppercase; line-height: 60px; font-family: Arial, sans-serif; font-size: 80px; opacity: 0.15; }
#pdtBox .designer .intro .name { color: rgb(255, 98, 21); font-size: 50px; font-weight: 700; margin-top: 20px; }
#pdtBox .designer .intro .pos_time { color: rgb(51, 51, 51); font-size: 24px; margin-top: 20px; margin-bottom: 45px; }
#pdtBox .designer .intro .info { color: rgb(51, 51, 51); line-height: 26px; font-size: 16px; }
#pdtBox .designer .intro .more { width: 103px; height: 26px; text-align: center; color: rgb(255, 255, 255); line-height: 26px; margin-top: 25px; display: block; background-image: url("../image/i35.png"); }
#pdtBox .bigAlbumList .item { width: 1000px; height: 684px; margin-right: auto; margin-left: auto; }
#pdtBox .bigAlbumList .item .bg { opacity: 0.7; background-color: rgb(0, 0, 0); }
#pdtBox .bigAlbumList .item .info { width: 920px; height: auto; }
.customCaseList { overflow: hidden; margin-top: 50px; margin-right: -16px; margin-bottom: -2px; position: relative; min-height: 2px; }
.customCaseList .item { padding: 14px; width: 290px; height: 588px; overflow: hidden; margin-right: 16px; margin-bottom: 2px; float: left; position: relative; }
.customCaseList .bg { background-image: url("../image/i43.png"); }
.customCaseList .contain { height: 100%; }
.customCaseList .pic { width: 290px; height: 181px; }
.customCaseList .containBox { padding-right: 12px; padding-left: 12px; margin-top: 12px; }
.customCaseList h3 { height: 22px; line-height: 22px; font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.customCaseList .aside { color: rgb(153, 153, 153); line-height: 18px; padding-bottom: 20px; margin-top: 12px; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: dashed; }
.customCaseList .line { background-position: bottom; height: 40px; line-height: 20px; overflow: hidden; padding-top: 20px; padding-bottom: 25px; padding-left: 100px; position: relative; background-image: url("../image/i44.png"); background-repeat: no-repeat; }
.customCaseList .dt { width: 80px; line-height: 20px; font-size: 16px; font-weight: 700; margin-left: -90px; float: left; }
.customCaseList .dd { line-height: 20px; overflow: hidden; position: relative; -ms-text-overflow: ellipsis; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.customCaseList .designer { text-align: right; padding-right: 70px; position: relative; }
.customCaseList .designer .pic { top: -5px; width: 50px; height: 50px; right: 0px; position: absolute; }
.customCaseList .designer .pic img { height: auto; }
.customCaseList .designer .mask { background-image: url("../image/mask4.png"); }
.customCaseList .designer .pos { color: rgb(153, 153, 153); }
.customCaseList .info { color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; clear: both; margin-top: 15px; position: relative; -ms-text-overflow: ellipsis; max-height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.customCaseList .like { height: 14px; text-align: right; color: rgb(191, 0, 8); margin-top: 10px; float: right; cursor: pointer; }
.customCaseList .heart { background-position: center; width: 14px; height: 14px; margin-right: 10px; vertical-align: top; display: inline-block; background-image: url("../image/i45.png"); background-repeat: no-repeat; }
.customCaseList .more { background-position: 0px 40px; transition:220ms; left: 0px; width: 290px; height: 40px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; position: absolute; background-image: url("../image/i20.png"); background-repeat: no-repeat; background-color: rgb(191, 191, 191); -webkit-transition: all 220ms ease 0s; }
.customCaseList .more:hover { background-position: right 0px !important; }
.customCaseList .item:hover .more { background-position: 0px 0px; }
.customCase-View { margin-top: 60px; }
.customCase-View .cusCaseViewContain { height: 860px; position: relative; }
.customCase-View .cusCaseViewContain .pName { left: 0px; top: 0px; width: 660px; height: 100px; position: absolute; }
.customCase-View .cusCaseViewContain .pName h1 { color: rgb(191, 0, 8); line-height: 30px; padding-left: 14px; font-size: 24px; font-weight: 700; border-left-color: rgb(191, 0, 8); border-left-width: 6px; border-left-style: solid; }
.customCase-View .cusCaseViewContain .pName .info { color: rgb(153, 153, 153); line-height: 26px; padding-left: 20px; font-size: 18px; margin-top: 25px; }
.customCase-View .cusCaseViewContain .floor-Plan { width: 352px; height: 746px; right: 0px; bottom: 0px; position: absolute; }
.customCase-View .cusCaseViewContain .floor-Plan .img { border: 1px solid rgb(221, 221, 221); border-image: none; width: 350px; height: 350px; line-height: 350px; font-size: 0px; background-color: rgb(255, 255, 255); }
.customCase-View .cusCaseViewContain .floor-Plan :first-child.img { margin-bottom: 42px; }
.customCase-View .cusCaseViewContain .Tg { top: 0px; width: 640px; height: 92px; right: -10px; position: absolute; }
.customCase-View .cusCaseViewContain .Tg .btn { border: 1px solid rgb(191, 0, 8); border-image: none; width: 148px; height: 34px; text-align: center; color: rgb(191, 0, 8); line-height: 34px; font-size: 18px; margin-right: 10px; margin-bottom: 10px; float: left; }
.customCase-View .cusCaseViewContain .Tg .btn.on { color: rgb(255, 255, 255); background-color: rgb(191, 0, 8); }
.customCase-View .cusCaseViewContain .Tt { left: 0px; width: 930px; height: 746px; bottom: 0px; position: absolute; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum { width: 100%; height: 100%; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .bigshow { border: 1px solid rgb(221, 221, 221); border-image: none; width: 928px; height: 580px; background-color: rgb(255, 255, 255); }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist { padding: 19px 49px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 830px; height: 94px; margin-top: 30px; position: relative; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist .btn { border: 1px solid rgb(221, 221, 221); border-image: none; width: 148px; height: 92px; margin-right: 20px; float: left; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .smalllist .btn.on { border-color: rgb(191, 0, 8); }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .ctr { transition:220ms; top: 42px; width: 25px; height: 50px; color: rgb(0, 0, 0); line-height: 50px; font-family: simsun, 宋体; font-size: 20px; position: absolute; z-index: 3; background-image: url("../image/i48.png"); background-color: rgb(201, 201, 201); -webkit-transition: all 220ms ease 0s; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .ctr:hover { color: rgb(255, 255, 255); background-color: rgb(191, 0, 8); }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .prev { background-position: -25px 0px; left: 0px; text-indent: 6px; }
.customCase-View .cusCaseViewContain .cusCaseViewAlbum .next { background-position: 0px 0px; right: 0px; text-indent: 10px; }
.customCase-View .hrx { left: 50%; width: 1920px; height: 40px; margin-top: 60px; margin-bottom: 60px; margin-left: -960px; position: relative; background-image: url("../image/i47.png"); }
.customCase-View .personIntro { overflow: hidden; position: relative; }
.customCase-View .personIntro .fld { width: 400px; height: 555px; position: relative; }
.customCase-View .personIntro .fld .contain { left: 0px; width: 350px; bottom: 0px; padding-right: 25px; padding-bottom: 30px; padding-left: 25px; position: absolute; }
.customCase-View .personIntro .fld .contain .en { color: rgb(255, 98, 21); text-transform: uppercase; font-family: Arial, sans-serif; font-size: 28px; }
.customCase-View .personIntro .fld .contain .cn { color: rgb(255, 98, 21); font-size: 50px; font-weight: 700; margin-top: 15px; margin-bottom: 25px; }
.customCase-View .personIntro .fld .contain .pos_time { color: rgb(255, 255, 255); font-size: 24px; }
.customCase-View .personIntro .frd { width: 890px; height: 555px; position: relative; }
.customCase-View .personIntro .frd .mask { background-position: bottom; background-repeat: repeat-x; }
.customCase-View .personIntro .frd .contain { left: 0px; width: 820px; bottom: 0px; color: rgb(255, 255, 255); line-height: 26px; padding-right: 35px; padding-bottom: 30px; padding-left: 35px; font-size: 16px; position: absolute; z-index: 9; }
.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 { height: 713px; position: relative; }
.marketingNetwork .maps .bg { background-position: 50% 50%; background-image: url("../image/bg17.png"); background-repeat: no-repeat; }
.marketingNetwork .maps .contain img { margin-top: 17px; margin-left: 132px; }
.marketingNetwork .guidanceWords { text-align: center; color: rgb(51, 51, 51); line-height: 32px; padding-top: 15px; padding-bottom: 25px; font-size: 26px; }
.districtOptions { padding: 20px 25px 0px 35px; border-top-color: rgb(191, 191, 191); border-top-width: 2px; border-top-style: solid; position: relative; background-image: url("../image/bg18.jpg"); }
.districtOptions .link { padding: 9px 19px; border: 1px solid rgb(255, 255, 255); transition:220ms; border-image: none; width: 160px; height: 20px; line-height: 20px; margin-right: 10px; margin-bottom: 20px; float: left; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.districtOptions .link .name { color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; }
.districtOptions .link .nums { color: rgb(153, 153, 153); padding-left: 30px; background-image: url("../image/i49.png"); background-repeat: no-repeat; }
.districtOptions .link em { color: rgb(255, 98, 21); font-size: 16px; font-weight: 700; }
.districtOptions .link.on .name { color: rgb(255, 98, 21); }
.districtOptions .link:hover { border-color: rgb(255, 98, 21); }
.districtOptions .link.on { border-color: rgb(255, 98, 21); }
.square { transition:220ms; top: 50%; width: 4px; height: 4px; margin-top: -2px; position: absolute; background-color: rgb(191, 0, 8); -webkit-transition: all 220ms ease 0s; }
.storeMapList { margin-top: 20px; min-height: 140px; background-image: url("../image/i50.png"); }
.storeMapList .item { transition:220ms; width: 276px; height: 70px; line-height: 70px; overflow: hidden; padding-left: 54px; float: left; white-space: nowrap; position: relative; cursor: pointer; -ms-text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s; }
.storeMapList .item .square { left: 40px; }
.storeMapList .item:hover { color: rgb(255, 98, 21); }
.marketingMap { left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 99; }
.marketingMap .close.btn { background-position: 50% 50%; top: 10px; width: 40px; height: 40px; right: 10px; position: absolute; z-index: 3; background-image: url("../image/i51.png"); background-repeat: no-repeat; background-color: rgb(255, 98, 21); }
.marketingMap .contain { left: 50%; top: 50%; width: 1020px; height: 580px; margin-top: -290px; margin-left: -510px; position: absolute; z-index: 1; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .15); }
.marketingMap .bg { opacity: 0.7; background-color: rgb(255, 255, 255); }
.marketingMap #dituContent { left: 10px; top: 10px; right: 10px; bottom: 10px; line-height: 1.1; position: absolute; background-color: rgb(255, 255, 255); }
.marketingMap #dituContent .BMap_bubble_title { color: rgb(191, 0, 8); padding-right: 16px; font-size: 16px; margin-bottom: 5px; }
.marketingMap #dituContent .BMap_bubble_content { width: 400px !important; font-size: 14px; }
.marketingMap #dituContent img { max-width: none; }
.Main-contact { padding: 40px 10px 20px 10px ; min-height:400px; font-size:15px; line-height:220%}
.news-Main { margin-top: 50px; margin-bottom: 35px; min-height:350px;  }
.news-Main .ns-More { transition:220ms; width: 60px; text-align: center; color: #9f2925; padding: 5px 10px; border-bottom-color: #9f2925; border-bottom-width: 2px; border-bottom-style: solid; display: block; -webkit-transition: all 220ms ease 0s; }
.csstransf .news-Main .ns-More { overflow: hidden; position: relative; }
.csstransf .news-Main .ns-More::after {
 transition:220ms;
left: 0px;
top: auto;
width: 100%;
height: 0px;
bottom: 0px;
position: absolute;
z-index: 3;
content: " ";
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.08);
-webkit-transition: all 220ms ease 0s;
-webkit-box-sizing: border-box;
}
.csstransf .news-Main .ns-More:hover::after {
 height: 100%;
}
.news-Main .hotBlock { height: 380px; margin-bottom: 60px; background-color: rgb(245, 245, 245); }
.news-Main .hotBlock .theOne { width: 280px; height: 355px; padding-top: 25px; padding-left: 532px; }
.news-Main .hotBlock .theOne .pic { width: 482px; height: 300px; margin-top: -12px; margin-left: -520px; float: left;  }
.news-Main .hotBlock .theOne .dt { color: rgb(51, 51, 51); line-height: 30px; padding-bottom: 8px; font-size: 20px; margin-bottom: 15px; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 2px; border-bottom-style: solid; }
.news-Main .hotBlock .theOne h3 { text-align: justify; line-height: 28px; font-size: 18px; font-weight: 700; }
.news-Main .hotBlock .theOne .info { text-align: justify; line-height: 24px; overflow: hidden; margin-top: 10px; position: relative; -ms-text-overflow: ellipsis; max-height: 168px; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.news-Main .hotBlock .theOne .more { width: 120px; height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 40px; margin-top: 15px; display: block; background-color: rgb(227, 227, 227); }
.news-Main .hotSwitch { width: 444px; height: 340px; padding-bottom: 15px; margin-top: 10px; position: relative; }
.news-Main .hotSwitch .item { width: 444px; height: 340px; overflow: hidden; display: block; position: relative; background-color: rgb(245, 245, 245); }
.news-Main .hotSwitch .item .col { width: 212px; height: 160px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; float: left; position: relative; }
.news-Main .hotSwitch .item .col:hover .contain { top: -100px; height: 120px; padding-top: 140px; }
.news-Main .hotSwitch .item .contain { transition:220ms; left: 0px; top: 62px; width: 193px; height: 210px; padding-top: 50px; padding-right: 12px; padding-left: 12px; font-size: 14px; position: absolute; background-image: url("../image/i52.png"); -webkit-transition: all 220ms ease 0s; }
.news-Main .hotSwitch .item .contain h3 { height: 40px; color: rgb(255, 255, 255); line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-Main .hotSwitch .item .contain .ns-More { margin-top: 25px; margin-right: auto; margin-left: auto; }
.news-Main .icon { left: 0px; width: 100%; height: 10px; text-align: center; bottom: 0px; line-height: 10px; white-space: nowrap; position: absolute; z-index: 3; }
.news-Main .icon .btn { background-position: -20px 0px; margin: 0px 5px; transition:220ms; width: 10px; height: 10px; text-indent: 100%; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-image: url("../image/i53.png"); -webkit-transition: all 220ms ease 0s; }
.news-Main .icon .btn.on { background-position: 0px 0px; width: 20px; }
.news-Main .sn-Head { height: 24px; line-height: 24px; margin-bottom: 22px; }
.news-Main .sn-Head span { padding-left: 10px; font-size: 26px; border-left-color: rgb(191, 0, 8); border-left-width: 4px; border-left-style: solid; }
.news-Main .sn-Head .more { border-radius: 3px; width: 60px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; margin-top: 2px; background-color: rgb(191, 191, 191); }
.news-Main .secActivity { width: 836px; }
.newList2 .item { padding-left: 25px !important; }
.news-Main .newsImgtList .item { transition:220ms; height: 160px; overflow: hidden; padding-right: 25px; padding-left: 270px; margin-top: 30px; position: relative; background-color: rgb(245, 245, 245); -webkit-transition: all 220ms ease 0s; }
.news-Main .newsImgtList .item .pic { width: 257px; height: 160px; margin-left: -270px; float: left;background-color: rgb(245, 245, 245); }
.news-Main .newsImgtList .item h3 { line-height: 26px; padding-top: 15px; font-size: 16px; font-weight: 700; }
.news-Main .newsImgtList .item .info { height: 48px; line-height: 24px; overflow: hidden; margin-top: 16px; -ms-text-overflow: ellipsis; max-height: 48px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-Main .newsImgtList .item .ns-More { margin-top: 10px; }
.news-Main .newsImgtList .item .date { width: 65px; text-align: center; right: 28px; bottom: 20px; color: rgb(153, 153, 153); position: absolute; }
.news-Main .newsImgtList :first-child.item { margin-top: 0px; }
.news-Main .newsImgtList .item:hover { box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .1); }
.news-Main .secNews { width: 444px; margin-bottom:15px }
.news-Main .secNews .newsTextList { /*min-height: 700px;*/  margin-bottom:10px }
.news-Main .newsTextList .hot { width: 444px; height: 333px; margin-bottom: 7px; position: relative; }
.news-Main .newsTextList .hot .mask { background-position: bottom; background-image: url("../image/i54.png"); background-repeat: repeat-x; }
.news-Main .newsTextList .hot h3 { padding: 15px 25px; left: 0px; width: 395px; bottom: 0px; color: rgb(255, 255, 255); line-height: 26px; overflow: hidden; font-size: 16px; position: absolute; z-index: 9; -ms-text-overflow: ellipsis; max-height: 156px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.news-Main .newsTextList .item { height: 22px; line-height: 22px; padding-top: 9px; padding-bottom: 9px; padding-left: 35px; position: relative; }
.news-Main .newsTextList .item .square { left: 17px; }
.news-Main .newsTextList .item h3 { width: 290px; }
.news-Main .newsTextList .item:hover { color: rgb(255, 98, 21); }
.news-Main .newsTextList .item .date { color: rgb(153, 153, 153); }
.news-Main .secCustomization { height: 740px; margin-top: 60px; background-color: rgb(245, 245, 245); }
.news-Main .secCustomization .aside { margin-top: 20px; }
.news-Main .secCustomization .aside { color: rgb(153, 153, 153); }
.news-Main .secCustomization .aside a { color: rgb(153, 153, 153); }
.news-Main .secCustomization .aside s { margin-right: 30px; margin-left: 30px; }
.news-Main .secCustomization .aside .link:hover { color: rgb(191, 0, 8); }
.news-Main .secCustomization .customizationSwtich { height: 506px; overflow: hidden; padding-bottom: 45px; margin-top: 20px; position: relative; }
.news-Main .customizationList .item { padding: 14px; width: 290px; height: 478px; overflow: hidden; margin-right: 16px; float: left; position: relative; }
.news-Main .customizationList .item .bg { background-image: url("../image/i55.png"); }
.news-Main .customizationList .item .contain { height: 100%; }
.news-Main .customizationList .item .pic { width: 290px; height: 217px; }
.news-Main .customizationList .item h3 { padding: 12px; height: 26px; line-height: 26px; font-size: 16px; font-weight: 700; margin-top: 5px; }
.news-Main .customizationList .item .hr { background-position: right; margin: 15px 6px 20px; width: 278px; height: 11px; background-image: url("../image/i44.png"); background-repeat: no-repeat; }
.news-Main .customizationList .item .info { color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; padding-right: 12px; padding-left: 12px; position: relative; -ms-text-overflow: ellipsis; max-height: 100px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.news-Main .customizationList .item .more { background-position: 0px 40px; transition:220ms; left: 0px; width: 290px; height: 40px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; position: absolute; background-image: url("../image/i20.png"); background-repeat: no-repeat; background-color: rgb(191, 191, 191); -webkit-transition: all 220ms ease 0s; }
.news-Main .customizationList .item .more:hover { background-position: right 0px !important; }
.news-Main .customizationList .item:hover .more { background-position: 0px 0px; }
.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 { padding: 9px 24px 9px 9px; border: 1px solid rgb(227, 227, 227); transition:220ms; border-image: none; width: 373px; height: 180px; margin-right: 20px; margin-bottom: 20px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
.news-Main .QAList .item .question { height: 40px; color: rgb(51, 51, 51); line-height: 40px; overflow: hidden; padding-left: 60px; font-size: 16px; font-weight: 700; white-space: nowrap; -ms-text-overflow: ellipsis; background-image: url("../image/i55a.png"); background-repeat: no-repeat; }
.news-Main .QAList .item .answer { line-height: 24px; overflow: hidden; padding-left: 60px; margin-top: 20px; position: relative; -ms-text-overflow: ellipsis; min-height: 48px; max-height: 72px; background-image: url("../image/i55b.png"); background-repeat: no-repeat; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-Main .QAList .item .ns-More { left: 70px; bottom: 20px; position: absolute; }
.news-Main .QAList .item .saw { height: 14px; right: 24px; bottom: 24px; padding-left: 34px; position: absolute; background-image: url("../image/i57.png"); background-repeat: no-repeat; }
.news-Main .QAList .item:hover { box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); -webkit-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: 0px; }
.news-Main .infoList li { padding-left: 15px; position: relative; }
.news-Main .infoList .hot { height: 52px; line-height: 26px; overflow: hidden; padding-top: 14px; padding-bottom: 14px; font-size: 16px; font-weight: 700; -ms-text-overflow: ellipsis; max-height: 52px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-Main .infoList .hot .square { top: 25px; margin-top: 0px; }
.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-right: 44px; padding-left: 50px; background-image: url("../image/bg19.png"); }
.news-Main.listPage .pageListBox { margin-bottom: 0px; }
.news-Main.listPage .secActivity { width: 1320px; }
.news-Main.listPage .newsImgtList .item {  }
.news-Main.listPage .newsImgtList .item .vr { top: 30px; width: 2px; height: 100px; right: 200px; position: absolute; background-color: rgb(227, 227, 227); }
.news-Main.listPage .newsImgtList .item .date { background-position: center 0px; background-repeat: no-repeat; }
.news-Main.listPage .newsImgtList .item .saw { background-position: center 0px; background-repeat: no-repeat; }
.news-Main.listPage .newsImgtList .item .date { top: 30px; right:80px; padding-top:15px; text-align:center;    background-image: url("../image/i58.png") ; position: absolute;}
.news-Main.listPage .newsImgtList .item .saw { top: 85px; width: 65px;  text-align:center; padding-top:15px;  right: 80px; color: rgb(153, 153, 153); position: absolute; background-image: url("../image/i57.png"); }
.news-Main.listPage .newsTextList .item h3 { width: 1180px; }
.news-Main.listPage .infoList .item h3 { width: 1180px; }
.news-Main.listPage .customizationList { margin-right: -16px; margin-bottom: -12px; }
.news-Main.listPage .customizationList .item { margin-bottom: 12px; }
.news-Main.listPage .QAList { margin-right: -20px; }
.news-Main.listPage .QAList .item { padding: 9px 24px 9px 9px; border: 1px solid rgb(227, 227, 227); transition:220ms; border-image: none; width: 605px; height: 180px; margin-right: 20px; margin-bottom: 20px; float: left; position: relative; -webkit-transition: all 220ms ease 0s; }
.news-Main.listPage .QAList .item .question { height: 40px; color: rgb(51, 51, 51); line-height: 40px; overflow: hidden; padding-left: 60px; font-size: 16px; font-weight: 700; white-space: nowrap; -ms-text-overflow: ellipsis; background-image: url("../image/i55a.png"); background-repeat: no-repeat; }
.news-Main.listPage .QAList .item .answer { line-height: 24px; overflow: hidden; padding-left: 60px; margin-top: 20px; position: relative; -ms-text-overflow: ellipsis; max-height: 72px; background-image: url("../image/i55b.png"); background-repeat: no-repeat; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-Main.listPage .QAList .item .ns-More { left: 70px; bottom: 20px; position: absolute; }
.news-Main.listPage .QAList .item .saw { height: 14px; right: 24px; bottom: 24px; padding-left: 34px; position: absolute; background-image: url("../image/i57.png"); background-repeat: no-repeat; }
.news-Main.listPage .QAList .item:hover { box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15); }
.view-Head { text-align: center; padding-top: 60px; }
.view-Head h1 { color: rgb(51, 51, 51); font-size: 20px; font-weight: 700; }
.view-Head .aside { height: 40px; line-height: 40px; font-size: 0px; margin-top: 30px; position: relative; background-color: rgb(245, 245, 245); }
.view-Head .aside span { background-position: 0px; color: rgb(153, 153, 153); padding-left: 30px; font-size: 14px; margin-right: 20px; margin-left: 20px; vertical-align: top; display: inline-block; background-repeat: no-repeat; }
.view-Head .aside .source { background-image: url("../image/i59.png"); }
.view-Head .aside .date { background-image: url("../image/i58.png"); }
.view-Head .aside .saw { background-image: url("../image/i57.png"); }
.view-Head .aside .historyBack { top: 0px; width: 130px; text-align: center; right: 0px; color: rgb(255, 255, 255); font-size: 14px; position: absolute; background-color: rgb(191, 191, 191); }
.view-Body { margin-top: 40px; margin-bottom: 40px; }
.videoList { overflow: hidden; margin-top: 40px; margin-right: -60px; margin-bottom: -50px; position: relative; min-height: 50px; }
.videoList .item { width: 400px; height: 250px; overflow: hidden; margin-right: 60px; margin-bottom: 50px; float: left; position: relative; }
.videoList .pic { height: 250px; }
.videoList .mask { background-position: bottom; background-image: url("../image/i60.png"); background-repeat: repeat-x; }
.videoList h3 { padding: 15px 25px; transition:220ms; left: 0px; width: 350px; bottom: 0px; color: rgb(255, 255, 255); line-height: 26px; overflow: hidden; font-size: 16px; position: absolute; z-index: 9; -ms-text-overflow: ellipsis; max-height: 104px; -webkit-transition: all 220ms ease 0s; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.videoFrame { width: 100%; height: 600px; margin-bottom: 30px; }
.abt-Anchors.fixed { left: 0px; top: 100px; width: 100%; margin-top: 0px; position: fixed; z-index: 21; }
.abt-Main.padT { padding-top: 100px; }
.abt-Main .section { position: relative; }
.abt-Main .i-Head h2 { margin-bottom: 0px; }
.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 { padding: 35px 55px; width: 550px; float: left; }
#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 { color: rgb(191, 0, 8); line-height: 100px; font-family: Arial, sans-serif; font-size: 60px; display: block; }
#abtSec1 .abt1List .dd { color: rgb(51, 51, 51); line-height: 30px; font-size: 16px; margin-top: 35px; }
#abtSec1 .footBar { height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 20px; margin-top: 70px; display: block; }
#abtSec1 .footBar .l { width: 880px; background-color: rgb(153, 153, 153); }
#abtSec1 .footBar .r { transition:220ms; width: 440px; color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); -webkit-transition: all 220ms ease 0s; }
#abtSec1 .footBar .r:hover { background-color: rgb(68, 68, 68); }
#abtSec2 { height: 720px; padding-top: 80px; }
#abtSec2 .head { text-align: center; color: rgb(51, 51, 51); font-size: 26px; }
#abtSec2 .abt2List { text-align: center; font-size: 0px; }
#abtSec2 .abt2List .item { padding: 58px 35px 0px; width: 167px; height: 360px; margin-right: 13px; margin-left: 13px; vertical-align: top; display: inline-block; position: relative; background-image: url("../image/i61.png"); }
#abtSec2 .abt2List .item.odd { top: 130px; }
#abtSec2 .abt2List .item .img { height: 52px; line-height: 52px; font-size: 0px; }
#abtSec2 .abt2List .item .hr { margin: 50px auto; width: 30px; height: 3px; background-color: rgb(255, 98, 21); }
#abtSec2 .abt2List .item h2 { color: rgb(51, 51, 51); line-height: 34px; font-size: 30px; }
#abtSec2 .abt2List .item .info { line-height: 28px; font-size: 18px; margin-top: 30px; }
#abtSec3 { padding-top: 60px; padding-bottom: 60px; }
#abtSec3 .head { height: 375px; overflow: hidden; padding-left: 276px; position: relative; background-image: url("../image/bg21.jpg"); }
#abtSec3 .head .pic { width: 600px; height: 100%; }
#abtSec3 .head .txt { padding: 25px 30px; width: 384px; color: rgb(255, 255, 255); }
#abtSec3 .head .txt .dt { line-height: 36px; font-size: 26px; }
#abtSec3 .head .txt .dd { text-align: justify; line-height: 28px; font-size: 16px; margin-top: 70px; }
#abtSec3 .col { width: 660px; }
#abtSec3 .col .img { height: 315px; line-height: 315px; font-size: 0px; }
#abtSec3 .col .info { width: 550px; line-height: 28px; font-size: 16px; margin-top: 45px; margin-right: auto; margin-left: auto; }
#abtSec4 { height: 610px; padding-top: 30px; padding-bottom: 60px; }
#abtSec4 .i-Head .spe { color: rgb(51, 51, 51); font-size: 26px; margin-top: 30px; }
#abtSec4 .honorSwitch { width: 1280px; height: 380px; padding-right: 20px; padding-left: 20px; position: relative; }
#abtSec4 .honorSwitch .item { width: 236px; height: 350px; overflow: hidden; margin-right: 25px; float: left; position: relative; cursor: pointer; }
#abtSec4 .honorSwitch .pic { width: 236px; height: 297px; }
#abtSec4 .honorSwitch h3 { text-align: center; line-height: 28px; font-size: 16px; margin-top: 20px; }
#abtSec4 .honorSwitch .icon { left: 0px; width: 100%; height: 10px; text-align: center; bottom: 5%; line-height: 10px; white-space: nowrap; position: absolute; z-index: 3; }
#abtSec4 .honorSwitch .icon .btn { background-position: 0px 0px; margin: 0px 5px; transition:220ms; width: 20px; height: 10px; text-indent: 100%; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-image: url("../image/i1.png"); -webkit-transition: all 220ms ease 0s; }
#abtSec4 .honorSwitch .icon .btn.on { background-position: 0px -20px; }
#abtSec4 .honorSwitch .ctr { transition:220ms; top: 120px; width: 54px; height: 54px; text-align: center; color: rgb(0, 0, 0); line-height: 54px; font-family: simsun, 宋体; font-size: 40px; position: absolute; z-index: 3; opacity: 0.5; -webkit-transition: all 220ms ease 0s; }
#abtSec4 .honorSwitch .ctr:hover { font-weight: 700; opacity: 1; }
#abtSec4 .honorSwitch .prev { left: -34px; }
#abtSec4 .honorSwitch .next { right: -34px; }
#abtSec5 { height: 720px; padding-top: 80px; }
#abtSec5 .head { text-align: center; color: rgb(255, 255, 255); font-size: 26px; }
#abtSec5 .abt-Body { margin-top: 100px; }
#abtSec5 .timing { width: 1080px; height: 94px; padding-right: 120px; padding-left: 120px; position: relative; }
#abtSec5 .timing .hr { left: 90px; top: 50%; width: 1140px; height: 2px; margin-top: -1px; position: absolute; opacity: 0.4; background-color: rgb(255, 255, 255); }
#abtSec5 .timing .item { background-position: 50% 50%; width: 216px; height: 94px; text-align: center; overflow: hidden; float: left; position: relative; cursor: pointer; background-image: url("../image/i62.png"); background-repeat: no-repeat; }
#abtSec5 .timing .item .time { transition:220ms; left: 0px; width: 100%; color: rgb(255, 255, 255); line-height: 26px; font-family: Arial, sans-serif; font-size: 22px; position: absolute; opacity: 0.8; -webkit-transition: all 220ms ease 0s; }
#abtSec5 .timing .item .point { transition:250ms; left: 50%; top: 50%; width: 10px; height: 14px; margin-top: -5px; margin-left: -5px; visibility: hidden; position: absolute; opacity: 0; transform: translateY(-5px); background-image: url("../image/i63.png"); -webkit-transition: all 250ms ease 0ms; -webkit-transform: translateY(-5px); }
#abtSec5 .timing .item.even .time { top: 0px; }
#abtSec5 .timing .item.odd .time { bottom: 0px; }
#abtSec5 .timing .item.on { background-image: none; }
#abtSec5 .timing .item.on .time { font-size: 26px; font-weight: 700; opacity: 1; }
#abtSec5 .timing .item.on .point { transition:250ms; visibility: visible; opacity: 1; transform: translateY(0px); -webkit-transition: all 250ms ease 0ms; -webkit-transform: translateY(0); }
#abtSec5 .timing .ctr { transition:220ms; top: 50%; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-family: simsun, 宋体; font-size: 22px; margin-top: -20px; position: absolute; z-index: 3; -webkit-transition: all 220ms ease 0s; }
#abtSec5 .timing .ctr:hover { background-image: url("../image/i64.png"); }
#abtSec5 .timing .prev { left: 30px; }
#abtSec5 .timing .next { right: 30px; }
#abtSec5 .Tt { width: 1140px; height: 330px; margin-top: 60px; margin-right: auto; margin-left: auto; background-color: rgb(255, 255, 255); }
#abtSec5 .Tt .box { padding: 40px 60px 40px 490px; width: 590px; height: 250px; }
#abtSec5 .Tt .pic { width: 400px; height: 250px; margin-left: -450px; float: left; }
#abtSec5 .Tt .time { color: rgb(191, 0, 8); line-height: 94px; font-size: 36px; font-weight: 700; margin-bottom: 6px; }
#abtSec5 .Tt .imax { line-height: 24px; font-size: 16px; }
#abtSec5 .scrollbox { height: 250px; overflow: hidden; position: relative; }
#abtSec5 .scrollbox.y { padding-right: 15px; }
#abtSec5 .scrollbox.y .scrollbar { top: 0px; height: 100%; background-color: rgb(227, 227, 227); }
#abtSec5 .scrollbox.y .scrollbar { width: 10px; }
#abtSec5 .scrollbox.y .scrollbar .thumb { width: 10px; }
#abtSec5 .scrollbox.y .scrollbar .track { width: 10px; }
#abtSec5 .scrollbox.y .scrollbar .thumb { height: 0px; right: 0px; background-color: rgb(191, 191, 191); }
#abtSec5 .scrollbox .scrollbar { right: 0px; position: absolute; z-index: 3; }
#abtSec5 .scrollbox .scrollbar .track { position: relative; }
#abtSec5 .scrollbox .scrollbar .thumb { transition:200ms; top: 0px; position: absolute; cursor: pointer; -webkit-transition: all 200ms ease 0s; }
#abtSec5 .scrollbox .scrollbar .thumb .end { width: 10px; height: 10px; }
#abtSec5 .scrollbox .viewport { width: 100%; height: 100%; overflow: hidden; position: relative; }
#abtSec5 .scrollbox .overview { transition:250ms ease-in; position: relative; -webkit-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: rgb(245, 245, 245); }
#abtSec7 { padding-top: 20px; padding-bottom: 60px; }
#abtSec7 .abt-Body { margin-top: 40px; }
#abtSec7 .videoList0 { height: 328px; overflow: hidden; margin-right: -60px; position: relative; }
#abtSec7 .videoList0 .item { width: 252px; height: 156px; overflow: hidden; margin-bottom: 16px; margin-left: 13px; float: left; position: relative; }
#abtSec7 .videoList0 .item.first { width: 525px; height: 328px; margin-left: 0px; }
#abtSec7 .videoList0 .item.first .mask { background-image: url("../image/i60.png"); }
#abtSec7 .videoList0 .item.first h3 { padding: 15px 25px; width: 475px; line-height: 26px; max-height: 52px; }
#abtSec7 .videoList0 .pic { width: 100%; height: 100%; }
#abtSec7 .videoList0 .mask { background-position: bottom; background-image: url("../image/i65.png"); background-repeat: repeat-x; }
#abtSec7 .videoList0 h3 { padding: 10px; transition:220ms; left: 0px; width: 232px; bottom: 0px; color: rgb(255, 255, 255); line-height: 18px; font-size: 14px; position: absolute; z-index: 9; max-height: 36px; -webkit-transition: all 220ms ease 0s; }
#abtSec7 .more { width: 160px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; margin-top: 40px; margin-right: auto; margin-left: auto; display: block; background-color: rgb(255, 98, 21); }
.areaFiltrate { padding: 20px; line-height: 24px; font-size: 16px; margin-top: 20px; border-top-color: rgb(227, 218, 201); border-top-width: 3px; border-top-style: solid; background-color: rgb(245, 245, 245); }
.areaFiltrate .aside { color: rgb(51, 51, 51); }
.areaFiltrate .notice { color: rgb(191, 0, 8); font-weight: 700; margin-top: 24px; margin-bottom: 25px; }
.areaFiltrate .skin { border: 1px solid rgb(191, 191, 191); border-image: none; width: 210px; height: 38px; line-height: 38px; padding-right: 14px; padding-left: 14px; font-size: 16px; margin-right: 20px; background-color: rgb(255, 255, 255); }
.areaFiltrate .skin.disabled { border-color: rgb(223, 223, 223); }
.areaFiltrate option { padding: 4px 14px; }
.areaFiltrate .enter { width: 180px; height: 40px; text-align: left; color: rgb(255, 255, 255); text-indent: 70px; font-size: 16px; background-image: url("../image/i66.png"); }
.areaFiltrate .hotwords { line-height: 40px; font-size: 14px; margin-left: 40px; }
.storeList { overflow: hidden; margin-top: 40px; margin-right: -40px; margin-bottom: -35px; position: relative; min-height: 35px; }
.storeList .item { width: 300px; height: 249px; overflow: hidden; margin-right: 40px; margin-bottom: 35px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative; }
.storeList .item .pic { height: 188px; }
.storeList .item .shadow { top: 188px; background-color: rgb(51, 51, 51); }
.storeList .item .mask { transition:220ms; top: 188px; text-align: center; color: rgb(51, 51, 51); font-size: 16px; -webkit-transition: all 220ms ease 0s; }
.storeList .item .mask h3 { line-height: 26px; padding-top: 16px; padding-bottom: 17px; }
.storeList .item .mask .more { transition:220ms; width: 127px; height: 30px; color: rgb(51, 51, 51); line-height: 30px; margin-top: 12px; margin-right: auto; margin-left: auto; display: block; opacity: 0.8; background-image: url("../image/i67.png"); -webkit-transition: all 220ms ease 0s; }
.storeList .item .mask .more:hover { opacity: 1; }
.storeList .item:hover .mask { top: 130px; }
.storeList .item:hover .mask .aft { color: rgb(255, 255, 255); }
.storeList .item:hover .shadow { top: 130px; opacity: 0.9; }
.store-View { margin-top: 40px; }
.store-View .storeViewAlbum { margin-top: 35px; }
.store-View .storeViewAlbum .bigshow { border: 1px solid rgb(221, 221, 221); border-image: none; width: 658px; height: 411px; background-color: rgb(255, 255, 255); }
.store-View .storeViewAlbum .intro { width: 610px; }
.store-View .storeViewAlbum .intro h1 { color: rgb(51, 51, 51); line-height: 32px; padding-top: 24px; padding-bottom: 24px; font-size: 24px; border-bottom-color: rgb(245, 245, 245); border-bottom-width: 2px; border-bottom-style: solid; }
.store-View .storeViewAlbum .intro .pptyList { height: 142px; overflow: hidden; margin-top: 25px; position: relative; }
.store-View .storeViewAlbum .intro .pptyList .item { color: rgb(153, 153, 153); line-height: 24px; padding-left: 110px; margin-top: 10px; min-height: 24px; }
.store-View .storeViewAlbum .intro .pptyList :first-child.item { margin-top: 0px; }
.store-View .storeViewAlbum .intro .pptyList .ppty { width: 90px; height: 24px; text-align: center; color: rgb(255, 255, 255); margin-left: -110px; float: left; background-color: rgb(153, 153, 153); }
.store-View .storeViewAlbum .smalllist { padding: 19px 59px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 490px; height: 94px; margin-top: 30px; position: relative; }
.store-View .storeViewAlbum .smalllist .btn { border: 1px solid rgb(221, 221, 221); border-image: none; width: 148px; height: 92px; margin-right: 20px; float: left; }
.store-View .storeViewAlbum .smalllist .btn.on { border-color: rgb(191, 0, 8); }
.store-View .storeViewAlbum .ctr { transition:220ms; top: 42px; width: 25px; height: 50px; color: rgb(0, 0, 0); line-height: 50px; font-family: simsun, 宋体; font-size: 20px; position: absolute; z-index: 3; background-image: url("../image/i48.png"); background-color: rgb(201, 201, 201); -webkit-transition: all 220ms ease 0s; }
.store-View .storeViewAlbum .ctr:hover { color: rgb(255, 255, 255); background-color: rgb(191, 0, 8); }
.store-View .storeViewAlbum .prev { background-position: -25px 0px; left: 0px; text-indent: 6px; }
.store-View .storeViewAlbum .next { background-position: 0px 0px; right: 0px; text-indent: 10px; }
.s-Head.type0 .hr { right: 0px; }
.s-Head.type3 { padding-top: 5px; padding-bottom: 5px; }
.s-Head.type3 .hr { right: 230px; }
.s-Head.type3 .more { background-position: 50% 50%; transition:220ms; width: 190px; height: 40px; line-height: 40px; font-size: 18px; margin-top: -5px; background-image: url("../image/i68.png"); background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.s-Head.type3 .more:hover { text-indent: 3px; }
.contact-Main { margin-top: 40px; margin-bottom: 0px; }
.contact-Main .cList { margin-top: 45px; position: relative; }
.contact-Main .cList .item.l { width: 930px; line-height: 36px; padding-left: 170px; margin-top: 10px; min-height: 36px; }
.contact-Main .cList .item.l .dt { border: 1px solid rgb(191, 0, 8); transition:220ms; border-image: none; width: 138px; height: 34px; text-align: center; color: rgb(191, 0, 8); line-height: 34px; margin-left: -170px; float: left; -webkit-transition: all 220ms ease 0s; }
.contact-Main .cList .item.l .dd { color: rgb(153, 153, 153); line-height: 22px; padding-top: 6px; padding-bottom: 6px; font-size: 16px; }
.contact-Main .cList :first-child.item.l { margin-top: 0px; }
.contact-Main .cList .item.l .dt:hover { color: rgb(255, 255, 255); background-color: rgb(191, 0, 8); }
.contact-Main .cList .item.r { top: 0px; width: 190px; text-align: center; right: 0px; position: absolute; }
.contact-Main .cList .item.r .more { background-position: 50% 50%; transition:220ms; width: 190px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; font-size: 18px; display: block; background-image: url("../image/i68.png"); background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.contact-Main .cList .item.r .more:hover { text-indent: 3px; }
.contact-Main .cList .item.r .aside { color: rgb(191, 0, 8); font-size: 16px; margin-top: 30px; }
.contact-Main .mapSwitch { margin-top: 20px; }
.contact-Main .mapSwitch .Tg { height: 40px; margin-bottom: 35px; position: relative; }
.contact-Main .mapSwitch .Tg .btn { transition:250ms; width: 440px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; float: left; position: relative; background-color: rgb(191, 191, 191); -webkit-transition: all 250ms ease 0s; }
.contact-Main .mapSwitch .Tg .btn .triangle { border-width: 7px 14px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(191, 191, 191); left: 50%; width: 0px; height: 0px; bottom: 0px; overflow: hidden; font-size: 0px; margin-left: -14px; position: absolute; }
.contact-Main .mapSwitch .Tg .btn:hover { background-color: rgb(136, 136, 136); }
.contact-Main .mapSwitch .Tg .btn:hover .triangle { border-left-color: rgb(136, 136, 136); }
.contact-Main .mapSwitch .Tg .btn.hbgOn { background-color: rgb(102, 102, 102); }
.contact-Main .mapSwitch .Tg .btn.hbgOn .triangle { bottom: -7px; border-left-color: rgb(102, 102, 102); }
.contact-Main #dituContent { border: 1px solid rgb(221, 221, 221); border-image: none; width: 1318px; height: 398px; }
.contact-Main #dituContent .BMap_bubble_content { width: 550px !important; color: rgb(51, 51, 51); line-height: 24px; font-size: 14px; }
.contact-Main #dituContent img { max-width: none; }
.join-Main { margin-bottom: 60px; }
.join-Main .section { margin-top: 45px; }
.join-Main .join-Sec3 .title { color: rgb(191, 0, 8); line-height: 40px; font-size: 24px; }
.join-Main .join-Sec3 .aside { color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; margin-top: 20px; }
.join-Main .hrList { margin-top: 30px; }
.join-Main .hrList .item { border: 1px solid rgb(221, 221, 221); border-image: none; margin-top: 30px; position: relative; background-color: rgb(245, 245, 245); }
.join-Main .hrList :first-child.item { margin-top: 0px; }
.join-Main .hrList .item.unfold .foldBtn .vr { opacity: 0; transform: scale(0); -webkit-transform: scale(0); }
.join-Main .hrList .head { padding: 9px 19px; height: 40px; }
.join-Main .hrList .col { width: 130px; text-align: center; line-height: 20px; border-left-color: rgb(216, 216, 216); border-left-width: 1px; border-left-style: solid; float: left; }
.join-Main .hrList .col.i1 { width: 340px; text-align: left; color: rgb(51, 51, 51); line-height: 40px; font-size: 20px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; }
.join-Main .hrList .foldBtn { top: 17px; width: 26px; height: 26px; right: 19px; overflow: hidden; position: absolute; background-image: url("../image/i69.png"); }
.join-Main .hrList .foldBtn .hr { transition:220ms; left: 50%; top: 50%; width: 2px; height: 2px; margin-top: -1px; margin-left: -1px; position: absolute; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.join-Main .hrList .foldBtn .vr { transition:220ms; left: 50%; top: 50%; width: 2px; height: 2px; margin-top: -1px; margin-left: -1px; position: absolute; background-color: rgb(255, 255, 255); -webkit-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 { transform: translateY(2px); -webkit-transform: translateY(2px); }
.join-Main .hrList .foldBtn:hover .vr { transform: translateY(2px); -webkit-transform: translateY(2px); }
.join-Main .hrList .hideBlock { line-height: 24px; font-size: 16px; display: none; }
.join-Main .hrList .body { padding-top: 19px; padding-bottom: 19px; margin-right: 19px; margin-left: 19px; border-top-color: rgb(216, 216, 216); border-top-width: 1px; border-top-style: solid; }
.join-Main .hrList .foot { padding: 14px 19px; color: rgb(191, 0, 8); border-top-color: rgb(216, 216, 216); border-top-width: 1px; border-top-style: solid; }
.join-Main #loadState { width: 190px; margin-right: auto; margin-left: auto; }
.fullView360 { background-position: 50% 50%; text-align: center; color: rgb(79, 79, 113); padding-top: 70px; padding-bottom: 70px; background-image: url("../image/bg23.jpg"); background-attachment: fixed; background-repeat: no-repeat; }
.fullView360 .container { width: 1224px; }
.fullView360 .dt { line-height: 60px; font-size: 40px; }
.fullView360 .dd { line-height: 26px; font-size: 16px; margin-top: 25px; }
.fullView360 .fullViewList { overflow: hidden; margin-top: 35px; margin-right: -36px; margin-bottom: -10px; position: relative; min-height: 10px; }
.fullView360 .fullViewList .item { width: 384px; height: 30px; overflow: hidden; padding-top: 280px; margin-right: 36px; margin-bottom: 10px; float: left; position: relative; }
.fullView360 .fullViewList .fvPic { transition:220ms; left: 0px; width: 100%; bottom: 30px; position: absolute; -webkit-transition: all 220ms ease 0s; }
.fullView360 .fullViewList h3 { color: rgb(51, 51, 51); line-height: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; font-weight: 700; }
.fullView360 .fullViewList .item:hover .fvPic { bottom: 50px; }
.search-Result { margin-top: 40px; }
.search-Result .resultList { margin-top: 20px; }
.search-Result .resultList .item { padding: 20px 25px; transition:220ms; margin-top: 30px; background-color: rgb(245, 245, 245); -webkit-transition: all 220ms ease 0s; }
.search-Result .resultList :first-child.item { margin-top: 0px; }
.search-Result .resultList .item:hover { box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .15); }
.search-Result .resultList h3 { color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; }
.search-Result .resultList .info { height: 48px; line-height: 24px; overflow: hidden; margin-top: 15px; position: relative; }
.search-Result .resultList .more { width: 60px; text-align: center; color: rgb(255, 98, 21); padding-top: 6px; padding-bottom: 6px; margin-top: 12px; border-bottom-color: rgb(255, 98, 21); border-bottom-width: 2px; border-bottom-style: solid; display: block; }
.subject-searvice .section1 { min-height: 200px; }
.subject-searvice .section13 { padding-top: 50px; padding-bottom: 50px; background-color: rgb(255, 98, 21); }
.subject-searvice .section13 .head { text-align: center; color: rgb(255, 255, 255); line-height: 46px; font-size: 42px; font-weight: 700; margin-bottom: 40px; }
.subject-searvice .section13 .body { width: 1200px; margin-right: auto; margin-left: auto; }
.subject-searvice .aside { margin: 15px auto; padding: 30px 60px; width: 1080px; text-align: justify; color: rgb(51, 51, 51); line-height: 32px; font-size: 18px; float: left; background-color: rgb(241, 241, 241); }
.subject-searvice .formCheck { padding: 30px 60px 45px; font-size: 18px; margin-right: auto; margin-left: auto; float: left; background-color: rgb(241, 241, 241); }
.subject-searvice .formCheck .formTitle { text-align: center; color: rgb(255, 98, 21); font-size: 32px; font-weight: 700; margin-bottom: 20px; }
.subject-searvice .formCheck .item { margin-bottom: 15px; }
.subject-searvice .formCheck .skin { padding: 9px 24px; border: 1px solid rgb(205, 205, 205); border-image: none; width: 420px; height: 20px; line-height: 20px; font-size: 18px; }
.subject-searvice .formCheck .skin._focus { box-shadow: 0px 0px 1px 0px #209773; -webkit-box-shadow: 0 0 1px 0 #209773; }
.subject-searvice .formCheck .yzm .skin { width: 170px; margin-right: 15px; float: left; }
.subject-searvice .formCheck .yzm .btn { border: 1px solid rgb(205, 205, 205); border-image: none; width: 168px; height: 38px; float: left; }
.subject-searvice .formCheck .yzm .refreshVC { background-position: 50% 50%; transition:220ms; width: 65px; height: 40px; float: right; background-image: url("../image/i40.png"); background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.subject-searvice .formCheck .yzm .refreshVC:hover { background-color: rgb(225, 225, 225); }
.subject-searvice .formCheck textarea.skin { height: 235px; padding-top: 9px; padding-bottom: 9px; }
.subject-searvice .formCheck .enter { border-radius: 4px; width: 150px; height: 48px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 24px; font-weight: 700; margin-top: 20px; margin-right: auto; margin-left: auto; display: block; background-color: rgb(255, 142, 39); }
.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 { background-position: 230px; border: 1px solid rgb(205, 205, 205); transition:220ms; border-image: none; width: 223px; height: 38px; line-height: 38px; overflow: hidden; margin-bottom: 15px; position: relative; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; }
.subject-searvice .guaranteeForm .line .radio .buts input { visibility: hidden; }
.subject-searvice .guaranteeForm .line .radio .buts label { left: 0px; top: 0px; width: 100%; height: 100%; text-indent: 30px; position: absolute; }
.subject-searvice .guaranteeForm .line .radio .buts:hover { background-color: rgb(238, 238, 238); }
.subject-searvice .guaranteeForm .line .radio .buts.on { background-position: 190px; color: rgb(255, 255, 255) !important; background-image: url("../image/i39.png"); background-color: rgb(255, 98, 21); }
.subject-searvice .guaranteeForm .line .radio.red .buts { border-color: rgb(255, 0, 12); color: rgb(255, 0, 12); }
.subject-searvice .guaranteeForm input.skin { width: 360px; }
.subject-searvice .guaranteeForm textarea.skin { width: 1030px; height: 100px; }
.subject-searvice .guaranteeForm .fileBtnBox { width: 640px; overflow: hidden; position: relative; }
.subject-searvice .guaranteeForm .fileBtnBox .filename { width: 590px; height: 38px; line-height: 38px; padding-top: 0px; padding-bottom: 0px; }
.subject-searvice .guaranteeForm .fileBtnBox .buts { left: -1px; top: -1px; font-size: 100px; position: absolute; z-index: 2; cursor: pointer; opacity: 0; }
.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 { padding: 4px 24px; width: 100px; height: 30px; line-height: 30px; overflow: hidden; margin-left: 10px; float: left; position: relative; }
.subject-searvice #city .skin option { padding: 4px 24px; }
.subject-searvice #city :first-child.skin { margin-left: 0px; }
.subject-league .section1 { min-height: 200px; }
.subject-league .section1 .arrow { animation:fadeInDown 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; left: 50%; width: 22px; height: 16px; bottom: 25px; margin-left: -11px; position: absolute; background-image: url("../image/arrow3.png"); -webkit-animation: fadeInDown .6s cubic-bezier(.445, .05, .55, .95) .2s infinite alternate;
}
.subject-league .section2 .btn { left: 50%; top: 360px; width: 203px; height: 39px; margin-left: -600px; position: absolute; z-index: 2; background-image: url("../image/btn1.jpg"); }
.subject-league .section8 .btn { left: 50%; width: 421px; height: 63px; bottom: 80px; margin-left: -210px; position: absolute; z-index: 2; background-image: url("../image/btn2.png"); }
.subject-league .section9 .i-League { height: 950px; text-align: left; }
.subject-league .section12 { background-position: 50% 50%; height: 787px; position: relative; background-image: url("../image/subject2/subjectPic_12.jpg"); background-repeat: no-repeat; }
.subject-league .section12 .container { width: 1012px; padding-top: 186px; padding-right: 188px; }
.subject-league .section12 .formCheck { width: 490px; }
.subject-league .section12 .telB { left: 50%; height: 53px; bottom: 72px; color: rgb(255, 255, 255); line-height: 50px; letter-spacing: 1px; padding-left: 330px; font-family: Tahoma; font-size: 28px; margin-left: -270px; position: absolute; z-index: 2; background-image: url("../image/si1.png"); background-repeat: no-repeat; }
.subject-league .section12 .notice { text-align: center; color: rgb(255, 255, 9); line-height: 30px; font-size: 38px; margin-bottom: 20px; }
.subject-league .section12 .item { margin-bottom: 20px; position: relative; min-height: 50px; }
.subject-league .section12 .skin { padding: 10px 22px; border-radius: 6px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 444px; height: 28px; line-height: 28px; font-size: 18px; background-color: rgb(255, 255, 255); }
.subject-league .section12 .skin._focus { box-shadow: 0px 0px 1px 0px #209773; -webkit-box-shadow: 0 0 1px 0 #209773; }
.subject-league .section12 #city .skin { padding: 5px 22px; width: 104px; height: 38px; line-height: 38px; overflow: hidden; margin-left: 20px; float: left; position: relative; }
.subject-league .section12 #city .skin option { padding: 5px 22px; }
.subject-league .section12 #city :first-child.skin { margin-left: 0px; }
.subject-league .section12 .radio .buts { background-position: 240px; border-radius: 6px; border: 1px solid rgb(255, 255, 255); transition:220ms; border-image: none; width: 238px; height: 48px; line-height: 48px; overflow: hidden; font-size: 18px; position: relative; background-repeat: no-repeat; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.subject-league .section12 .radio .buts input { visibility: hidden; }
.subject-league .section12 .radio .buts label { left: 0px; top: 0px; width: 100%; height: 100%; text-indent: 30px; position: absolute; }
.subject-league .section12 .radio .buts:hover { background-color: rgb(238, 238, 238); }
.subject-league .section12 .radio .buts.on { background-position: 190px; color: rgb(255, 255, 255) !important; background-image: url("../image/i39.png"); background-color: rgb(255, 98, 21); }
.subject-league .section12 .radio.red .buts { border-color: rgb(255, 0, 12); color: rgb(255, 0, 12); }
.subject-league .section12 .yzm .skin { width: 196px; float: left; }
.subject-league .section12 .yzm .bd { border-radius: 6px; width: 240px; overflow: hidden; position: relative; background-color: rgb(238, 238, 238); }
.subject-league .section12 .yzm .btn { width: 169px; height: 50px; float: left; }
.subject-league .section12 .yzm .refreshVC { background-position: 50% 50%; transition:220ms; width: 70px; height: 50px; border-left-color: rgb(227, 227, 227); border-left-width: 1px; border-left-style: solid; float: right; background-image: url("../image/i40.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); -webkit-transition: all 220ms ease 0s; }
.subject-league .section12 .yzm .refreshVC:hover { background-color: rgb(241, 241, 241); }
.subject-league .section12 .enter { width: 100%; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 24px; display: block; background-image: url("../image/enter.png"); }
.subject-brand .section1 { min-height: 200px; }
#loadState { margin: 40px auto 0px; width: 1320px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 16px; position: relative; cursor: pointer; background-color: rgb(191, 0, 8); }
.off#loadState { color: rgb(51, 51, 51); cursor: not-allowed; background-color: rgb(221, 221, 221); }
.retry#loadState { overflow: hidden; background-color: rgb(32, 151, 115); }
.retry#loadState::before {
 transition:none 220ms;
left: 0px;
top: 0px;
width: 80px;
height: 150px;
overflow: hidden;
position: absolute;
content: "";
transform: skewX(-25deg) translateX(-149px);
-webkit-transition: none 220ms ease 0s;
-webkit-transform: skewX(-25deg) translateX(-149px);
}
.retry#loadState:hover::before {
 transition:600ms;
left: 100%;
top: 0px;
transform: skewX(-25deg) translateX(149px);
-webkit-transition: all 600ms ease 0s;
-webkit-transform: skewX(-25deg) translateX(149px);
}
.retry#loadState::after {
 top: -1px;
width: 12px;
height: 8px;
margin-left: 15px;
vertical-align: middle;
display: inline-block;
position: relative;
content: " ";
background-image: url("../image/i32.png");
}
.ing#loadState::after {
 animation:dotMove 1.5s infinite both;
content: " ";
animation-play-state: running;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: dotMove;
-webkit-animation-delay: 0s;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: both;
}
#jcDateInput { cursor: pointer; }
#jcDate { background: rgb(254, 254, 254); padding: 10px; border: 1px solid rgb(32, 151, 115); border-image: none; width: 175px; height: 225px; color: rgb(51, 51, 51); overflow: hidden; font-size: 12px; display: none; position: absolute; z-index: 1000; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2); }
#jcDateTt { height: 15px; line-height: 15px; padding-bottom: 10px; position: relative; }
#jcDateTt .ctr { top: 0px; width: 15px; height: 15px; text-align: center; color: rgb(51, 51, 51); line-height: 15px; font-family: simsun, 宋体; font-weight: 700; display: block; position: absolute; }
#jcDateTt .ctr:hover { color: rgb(255, 255, 255); background-color: rgb(32, 151, 115); }
#jcDateTt .ctr#d_prev { left: 0px; }
#jcDateTt .ctr#d_next { right: 0px; }
#jcDateTt .jcDateTtGot { left: 15px; top: 0px; text-align: center; right: 15px; bottom: 0px; color: rgb(51, 51, 51); font-weight: 700; position: absolute; }
#jcDateTt .jcDateTtGot .year { margin: 0px 5px; color: rgb(51, 51, 51); font-size: 14px; font-weight: 700; cursor: pointer; }
#jcDateTt .jcDateTtGot .month { margin: 0px 5px; color: rgb(51, 51, 51); font-size: 14px; font-weight: 700; cursor: pointer; }
#jcDateTt .jcDateTtGot .year:hover { color: rgb(32, 151, 115); }
#jcDateTt .jcDateTtGot .month:hover { color: rgb(32, 151, 115); }
#jcDateTt .jcDateTtGot .year.visited { color: rgb(32, 151, 115); }
#jcDateTt .jcDateTtGot .month.visited { color: rgb(32, 151, 115); }
#jcDayWrap { width: 175px; overflow: hidden; position: relative; }
#jcDayWrap li { width: 25px; text-align: center; color: rgb(187, 187, 187); line-height: 25px; float: left; display: inline; cursor: pointer; }
#jcDayWrap li.jcDateColor { color: rgb(85, 85, 85); }
#jcDayWrap li:hover { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcDayWrap li.visited { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcDayWrap li.visited { opacity: 0.85; }
#jcDateMax { left: -687px; top: 0px; width: 2100px; height: 150px; overflow: hidden; position: relative; }
#jcDateMax ul { width: 175px; height: 150px; float: left; }
#jcYears { height: 200px; text-align: center; overflow: hidden; font-size: 0px; display: none; position: relative; }
#jcMonth { height: 200px; text-align: center; overflow: hidden; font-size: 0px; display: none; position: relative; }
#jcYears dt { width: 56px; font-size: 12px; font-weight: 700; vertical-align: top; display: inline-block; cursor: pointer; }
#jcMonth dt { width: 56px; font-size: 12px; font-weight: 700; vertical-align: top; display: inline-block; cursor: pointer; }
#jcYears dd { width: 56px; font-size: 12px; font-weight: 700; vertical-align: top; display: inline-block; cursor: pointer; }
#jcMonth dd { width: 56px; font-size: 12px; font-weight: 700; vertical-align: top; display: inline-block; cursor: pointer; }
#jcYears dt:hover { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcMonth dt:hover { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcYears dd:hover { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcMonth dd:hover { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcYears dt.visited { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcMonth dt.visited { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcYears dd.visited { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcMonth dd.visited { background: rgb(32, 151, 115); color: rgb(255, 255, 255); }
#jcYears dt.visited { opacity: 0.85; }
#jcMonth dt.visited { opacity: 0.85; }
#jcYears dd.visited { opacity: 0.85; }
#jcMonth dd.visited { opacity: 0.85; }
#jcYears .yI { margin: 1px; height: 31px; line-height: 31px; }
#jcMonth .yI { margin: 1px; height: 31px; line-height: 31px; }
#jcYears .mI { margin: 5px 1px; height: 30px; line-height: 30px; }
#jcMonth .mI { margin: 5px 1px; height: 30px; line-height: 30px; }
#jcDayCon { height: 25px; overflow: hidden; position: relative; }
#jcDayCon dt { width: 25px; text-align: center; color: rgb(32, 151, 115); line-height: 25px; font-size: 14px; float: left; }
#jcDateBtn { height: 20px; line-height: 20px; overflow: hidden; padding-top: 5px; position: relative; }
#jcDateBtn label { width: 6px; height: 18px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; float: left; display: block; }
#jcDateBtn input { border: 0px currentColor; border-image: none; width: 24px; height: 18px; text-align: center; line-height: 18px; float: left; }
#jcDateBtn .today { margin-right: 10px; float: left; cursor: pointer; }
#jcDateBtn .empty { margin-right: 10px; float: left; cursor: pointer; }
#jcDateBtn .today:hover { color: rgb(32, 151, 115); }
#jcDateBtn .empty:hover { color: rgb(32, 151, 115); }
#jcDateBtn #d_sub { width: 37px; height: 18px; text-align: right; line-height: 18px; float: right; display: block; cursor: pointer; }
#jcDateBtn #d_sub:hover { color: rgb(32, 151, 115); font-weight: 700; text-decoration: none; }
#jcTimeWrap { border-width: 1px; border-style: solid; border-color: rgb(85, 85, 85) rgb(153, 153, 153) rgb(153, 153, 153) rgb(85, 85, 85); border-image: none; width: 54px; height: 20px; overflow: hidden; float: right; display: none; position: relative; }
.dotShake { animation-name: dotShake; -webkit-animation-name: dotShake; }
.fadeIns { animation-name: fadeIns; -webkit-animation-name: fadeIns; }
.fadeInDown { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; }
.fadeInDowns { animation-name: fadeInDowns; -webkit-animation-name: fadeInDowns; }
.fadeInRights { animation-name: fadeInRights; -webkit-animation-name: fadeInRights; }
.fadeInLefts { animation-name: fadeInLefts; -webkit-animation-name: fadeInLefts; }
.flashUp { animation-name: flashUp; -webkit-animation-name: flashUp; }
.fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; }
.onlineStore { padding-top: 100px; padding-bottom: 75px; }
.onlineStore .list { overflow: hidden; padding-top: 125px; margin-right: -62px; margin-bottom: -80px; position: relative; }
.onlineStore .item { transition:220ms; width: 168px; height: 230px; text-align: center; margin-right: 62px; margin-bottom: 80px; float: left; -webkit-transition: all 220ms ease 0s; }
.onlineStore .item img { width: 168px; height: 168px; display: block; }
.onlineStore .item p { font-size: 16px; font-weight: 700; margin-top: 10px; }
.onlineStore .item:hover { transform: translateY(-20px); -webkit-transform: translateY(-20px); }
.xxFlow { width: 1174px; padding-left: 146px; margin-top: 20px; margin-right: auto; margin-left: auto; position: relative; min-height: 120px; }
.xxFlow .dt { left: 0px; top: 0px; width: 130px; height: 120px; position: absolute; background-image: url("../image/xxFlow1.png"); }
.xxFlow .dd { background-position: 0px 32px; padding-top: 32px; background-image: url("../image/xxFlowBg.png"); background-repeat: no-repeat; }
.xxFlow .dd .item { background-position: 15px bottom; width: 330px; height: 118px; margin-left: -52px; float: left; position: relative; background-image: url("../image/xxFlow2.png"); background-repeat: no-repeat; }
.xxFlow .dd :first-child.item { background: 0px 0px; margin-left: 0px; }
.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 { height: 60px; line-height: 60px; font-size: 0px; margin-bottom: 35px; display: block; }
.xxFlow .dd .item p { color: rgb(51, 51, 51); font-size: 18px; }
.xxFlow .dd .item s { color: rgb(191, 191, 191); margin-right: 10px; margin-left: 10px; }
.marketingNetwork .mapContain { left: 132px; top: 17px; width: 800px; height: 686px; position: relative; background-image: url("../image/xxMap.png"); background-repeat: no-repeat; }
.marketingNetwork .mapContain .dots { animation:fadeIn 0.8s ease-in infinite alternate; width: 100%; height: 100%; position: relative; background-image: url("../image/xxMapDot1.png"); -webkit-animation: fadeIn .8s ease-in 0s infinite alternate;
}
.marketingNetwork .mapContain .sichuan { animation:flashUp 0.8s ease-out infinite alternate; left: 388px; top: 412px; width: 60px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 16px; position: absolute; z-index: 3; background-image: url("../image/xxMapSichuan.png"); -webkit-animation: flashUp .8s ease-out 0s infinite alternate;
}
#albumWindow { left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 99; background-color: rgb(255, 255, 255); }
#albumWindow .close.btn { top: 0px; width: 50px; height: 50px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 44px; font-family: arial; font-size: 30px; position: absolute; z-index: 3; background-color: rgb(191, 0, 8); }
#albumWindow .contain { left: 50px; top: 50px; right: 50px; bottom: 50px; position: absolute; z-index: 1; }
#albumWindow .ablumName { left: 0px; top: -50px; color: rgb(191, 0, 8); line-height: 50px; font-size: 18px; font-weight: 700; position: absolute; }
#albumWindow .contain .list0 { left: 0px; top: 0px; width: 300%; height: 100%; position: absolute; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-user-select: none; }
#albumWindow .contain .item { width: 1200px; height: 100%; text-align: center; float: left; position: relative; }
#albumWindow .contain .item .img { width: 100%; }
#albumWindow .contain .item h3 { transition:220ms; left: 0px; width: 100%; text-align: center; bottom: 0px; line-height: 28px; font-size: 16px; position: absolute; opacity: 0; transform: translateY(8px); -webkit-transition: all 220ms ease 0s; -webkit-transform: translateY(8px); }
#albumWindow .contain .item.on h3 { opacity: 1; transform: none; -webkit-transform: none; }
#albumWindow .ctr { top: 50%; width: 30px; height: 60px; text-align: center; color: rgb(191, 0, 8); line-height: 60px; font-family: simsun, 宋体; font-size: 30px; margin-top: -30px; position: absolute; z-index: 2; }
#albumWindow .ctr.prev { left: 10px; }
#albumWindow .ctr.next { right: 10px; }
#albumWindow .icon { left: 0px; width: 100%; height: 4px; text-align: center; bottom: 15px; line-height: 4px; white-space: nowrap; position: absolute; z-index: 3; }
#albumWindow .icon .btn { margin: 0px 5px; transition:220ms; width: 20px; height: 4px; text-indent: 100%; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 1; background-color: rgb(191, 0, 8); -webkit-transition: all 220ms ease 0s; }
#albumWindow .icon .btn.on { background-color: rgb(32, 151, 115); }
.subject-searvice .section { min-height: 200px; }
.subject-league .section { min-height: 200px; }
.subject-brand .section { min-height: 200px; }
.subject-searvice .section1 { min-height: 200px; }
.subject-league .section1 { min-height: 200px; }
.subject-brand .section1 { min-height: 200px; }
.designerGroup .pageList { display: none; }
.floatBackBtn { border-radius: 40px; border: 1px solid rgb(255, 98, 21); transition:220ms; border-image: none; top: 60px; width: 187px; height: 38px; text-align: center; right: 40px; color: rgb(255, 98, 21); line-height: 38px; font-size: 20px; position: fixed; z-index: 80; -webkit-transition: all 220ms ease 0s; }
.floatBackBtn s { font-family: simsun, 宋体; }
.floatBackBtn:hover { color: rgb(255, 255, 255); background-color: rgb(255, 98, 21); }