@charset "utf-8";
/*!  Project : 乐高
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2018.04.27   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.lhd5{height: .5em;}
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.tdu:hover{text-decoration: underline;}
.pic{background-color: #f5f5f5;}
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */}
.formItem.red .skin{color: #f00 ; border-color: #f00 ;}
.formItem.red .skin::-webkit-input-placeholder{color: #ff0000;}
.formItem.red .skin:-moz-placeholder{color: #ff0000;}
.formItem.red .skin::-moz-placeholder{color: #ff0000;}
.formItem.red .skin:-ms-input-placeholder{color: #ff0000;}
/* 组件 */
.csstransf .hbg .zd{-webkit-transform: scale(1.5); transform: scale(1.5);}
.csstransf .hbg:hover .zd,
.csstransf .hbg.hbgOn .zd{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .hbg .zu{-webkit-transform: scale(0); transform: scale(0);}
.csstransf .hbg:hover .zu,
.csstransf .hbg.hbgOn .zu{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .scs img{-webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.csstransf .scs.hbgOn img,
.csstransf .scs:hover img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.csstransf .scst img{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.csstransf .scst.hbgOn img,
.csstransf .scst:hover img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.csstransf .abtnBg{position: relative; z-index: 0;}
.csstransf .abtnBg::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.csstransf .abtnBg:hover::after{background-color: rgba(0, 0, 0, 0.1);}
.csstransf .abtnSc{position: relative; z-index: 0;}
.csstransf .abtnSc::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0;}
.csstransf .abtnSc:hover::after{-webkit-transform: none !important; transform: none !important; opacity: 1;}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.csstransf .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.csstransf .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.hbg .op0{visibility: hidden; *visibility: visible; -webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0s;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 222ms ease-out 0ms; transition: all 222ms ease-out 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{visibility: hidden; *visibility: visible; -webkit-transition: all 222ms ease-in 0s; transition: all 222ms ease-in 0s;}
/* keyframes use */
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes Anistriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes Anistriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.Anistriking{-webkit-animation-name: Anistriking; animation-name: Anistriking;}
@-webkit-keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
@keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.rotate180{-webkit-animation-name: rotate180; animation-name: rotate180; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
@-webkit-keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLefts{0%{opacity: 0.3; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInLefts{-webkit-animation-name: fadeInLefts; animation-name: fadeInLefts;}
@-webkit-keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRights{0%{opacity: 0.3; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInRights{-webkit-animation-name: fadeInRights; animation-name: fadeInRights;}
.abtnBd{position: relative; overflow: hidden; z-index: 0;}
.abtnBd::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border: 0 solid rgba(0, 0, 0, 0.05); border-radius: inherit; opacity: 1;}
.abtnBd:hover::after{border-width: 30px; opacity: 1; filter: alpha(opacity=100);}
.abtnBT{position: relative; overflow: hidden; z-index: 0;}
.abtnBT::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: translateY(100%); transform: translateY(100%);}
.abtnBT:hover::after{-webkit-transform: none !important; transform: none !important;}
.abtnLR{position: relative; overflow: hidden; z-index: 0;}
.abtnLR::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.abtnLR:hover::after{-webkit-transform: none !important; transform: none !important;}
.loading{background-image: url(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
/* backToTopXXX */
.backToTopXXX{position: fixed; right: 5px; bottom: 5px; width: 80px; height: 80px; background-image: url(../images/ico-BackTop.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 250ms ease 50ms; transition: all 250ms ease 50ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.backToTopXXX.show{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #ff1100; color: #fff; font-size: 16px;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.ing::after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax #loadState.retry{overflow: hidden; background-color: #ff1100; cursor: pointer;}
.scrollAjax #loadState.retry::before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollAjax #loadState.retry:hover::before{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.scrollAjax .pageList{display: none;}
/* 模态窗 */
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ;}
.TAlert .contain .Tclose{position: absolute; top: 2px; right: 2px; width: 30px; height: 30px; padding: 5px; color: #666; font: bold 16px/30px "黑体"; cursor: pointer; text-align: center;}
.TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{overflow: hidden; z-index: 0; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;}
.TAlert .contain .foot .btn::before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.TAlert .contain .foot .btn:hover::before{background-color: rgba(0, 0, 0, 0.1);}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #ff1100; color: #fff;}
.TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;}
.TAlert .contain .foot .btn.w100{border-left: none;}
.csstransf .TAlert .contain{opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.csstransf .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
/* 页码 */
.pageListBox{text-align: center;}
.pageListBox .pageList{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; overflow: hidden; font-size: 0;}
.pageListBox .pageList ul{position: relative; float: none !important; line-height: 38px;}
.pageListBox .pageList ul,
.pageListBox .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.pageListBox .pageList ul li{margin: 45px 5px 0; font-size: 14px;}
.pageListBox .pageList a{display: block; border: #c8c8c8 solid 1px; width: 58px; height: 38px; border-radius: 1px; color: #888; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.pageListBox .pageList a:hover,
.pageListBox .pageList a.selected{color: #fff; background-color: #ff1100;}
.pageListBox .pageList a:active{border-color: #fff;}
.pageListBox .pageList .ctr a{width: 78px;}
.c1{color: #ff1100;}
.bgc1{background-color: #ff1100;}
.c2{color: #efeeee;}
.bgc2{background-color: #efeeee;}
.ca{color: #202020;}
.bgca{background-color: #202020;}
.cb{color: #505050;}
.bgcb{background-color: #505050;}
.cs{color: #dbdbdb;}
.bgcs{background-color: #dbdbdb;}
a{color: #202020; -webkit-transition: color 220ms; transition: color 220ms;}
a.on,
a:hover{color: #ff1100;}
html{min-width: 1200px;}
body{color: #505050; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
img{vertical-align: middle;}
.w,
.container{width: 1200px;}
.vmbox{font-size: 14px; line-height: 1; font-family: "Microsoft YaHei", "微软雅黑";}
button,
input,
select,
textarea{font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 24px;}
.imax{font-size: 16px; line-height: 26px;}
::-moz-selection{background: #cc0e00; color: #fff; text-shadow: none;}
::selection{background: #cc0e00; color: #fff; text-shadow: none;}
.scroll-wrap{background-color: #fff;}
/*nav*/
.nav{position: relative; z-index: 21; width: 100%; height: 80px; background-color: #fff;}
.nav .bg{z-index: -1; background-color: #fff; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;}
.fixedNav .nav .bg{-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12); -webkit-transform: rotateX(0) perspective(900px); transform: rotateX(0) perspective(900px);}
.fixedNav .nav .firNav .link{color: #333; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.fixedNav .nav .firNav .link:hover{color: #ff1100;}
.nav .container{position: relative; height: 100%;}
.nav .logo{float: left; position: relative; height: 34px; top: 50%; margin-top: -17px;}
.nav .firNav{float: right; position: relative;}
.nav .firNav .firItem{float: left; position: relative; z-index: 2; width: 124px; height: 80px; line-height: 80px; text-align: center; font-size: 16px;}
.nav .firNav .firItem .link1{display: block; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .firNav .firItem .secNav{position: absolute; left: 0; top: 100%; padding: 10px 30px; -webkit-transform: translateY(10px); transform: translateY(10px); font-size: 0; white-space: nowrap; background-image: url(../images/bg-c1op70.png); line-height: 34px;}
.nav .firNav .firItem .secNav .col{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; overflow: hidden; margin-left: 40px; min-width: 140px; font-size: 14px; max-height: 136px; text-align: left;}
.nav .firNav .firItem .secNav .col:first-child{margin-left: 0;}
.nav .firNav .firItem .secNav .link2{position: relative; display: block; color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .firNav .firItem .secNav .link2:hover{-webkit-transform: translateX(4px); transform: translateX(4px);}
.nav .firNav .firItem:hover .secNav{-webkit-transform: none !important; transform: none !important;}
.nav .firNav .firItem.on .link1{background-color: #ff1100; color: #fff;}
.nav .firNav .block{position: absolute; overflow: hidden; left: 0; top: 0; z-index: 1;}
.nav .firNav .block s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ff1100;}
/* banner */
.banner{position: relative; width: 100%; height: 720px;}
.banner .item{position: relative; width: 100%; height: 100%; background-color: #fff;}
.banner .item img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.supports .banner .item.leave{width: 0; z-index: 20 !important; margin-left: 50%; -webkit-transition: width 1200ms ease-out 0s, margin 1200ms ease-out 0s; transition: width 1200ms ease-out 0s, margin 1200ms ease-out 0s;}
.supports .banner .item.on{opacity: 1 !important;}
.banner .icon{height: 4px; line-height: 4px; position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 3; text-align: center; white-space: nowrap;}
.banner .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 54px; height: 4px; -webkit-transition-property: none !important; transition-property: none !important; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 10px; background-color: #fff; vertical-align: top;}
.csstransf .banner .icon .btn{background-color: #fff !important;}
.csstransf .banner .icon .btn::after,
.csstransf .banner .icon .btn::before{content: " "; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #ff1100; -webkit-transition: all 500ms linear 0s; transition: all 500ms linear 0s;}
.banner .icon .btn.on{background-color: #ff1100;}
.csstransf .banner .icon .btn.on::after{width: 100%; -webkit-transition-duration: inherit; transition-duration: inherit;}
.banner:hover .icon .btn.on::before{width: 100%;}
.banner:hover .icon .btn.on::after{width: 0%; -webkit-transition-duration: 220ms; transition-duration: 220ms;}
.iSec{padding-bottom: 155px; padding-top: 100px;}
@media screen and (max-width: 1440px) {.iSec {padding-top: 60px; padding-bottom: 80px;} .iHead {margin-bottom: 40px !important;} }
/* iHead */
.iHead{margin-bottom: 64px; text-align: center;}
.iHead .cn{font-size: 36px;}
.iHead .cn span{position: relative; display: inline-block; padding-left: 25px; padding-right: 25px;}
.iHead .cn span::before,
.iHead .cn span::after{content: " "; position: absolute; top: 50%; height: 1px; width: 240px; background-color: #bdbdbd;}
.iHead .cn span::before{left: -240px;}
.iHead .cn span::after{right: -240px;}
.iHead .cn span b{color: #202020;}
.iHead .cn span i{color: #ff1100;}
.iHead .en{margin-top: 14px; font-size: 24px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; color: #dbdbdb; text-transform: uppercase; letter-spacing: 1px;}
@media screen and (max-width: 1440px) {.iHead {margin-bottom: 40px ;} }
/* iProduct-classify */
.iProduct-classify{position: relative; overflow: hidden;}
.iProduct-classify .Tg{height: 414px; width: 1868px;}
.iProduct-classify .Tg .btn{position: relative; float: left; width: 266px; height: 60px; margin-bottom: 10px; margin-right: 668px; background-color: #efeeee; font-size: 18px; line-height: 60px; text-align: center;}
.iProduct-classify .Tg .btn::after{content: "+"; margin-left: 8px; margin-top: -1px; position: absolute; font-size: 24px; color: #ff1100; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; -webkit-transform: translateX(10px); transform: translateX(10px);}
.iProduct-classify .Tg .btn .border{position: absolute; background-color: #ff1100;}
.iProduct-classify .Tg .btn .border.b_t{left: 0%; right: 100%; top: 0; height: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn .border.b_r{top: 0%; bottom: 100%; right: 0; width: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn .border.b_b{left: 0%; right: 100%; bottom: 0; height: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn .border.b_l{top: 0%; bottom: 100%; left: 0; width: 2px; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn.on::after{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.iProduct-classify .Tg .btn.on .b_t{left: 0; right: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn.on .b_r{top: 0; bottom: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn.on .b_b{left: 0; right: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn.on .b_l{top: 0; bottom: 0; -webkit-transition: all 340ms linear 50ms; transition: all 340ms linear 50ms;}
.iProduct-classify .Tg .btn.on .contain{padding-top: 60px; height: 146px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.iProduct-classify .Tg .btn.on .contain s{-webkit-transition: all 400ms ease 150ms; transition: all 400ms ease 150ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.iProduct-classify .Tt{position: absolute; left: 50%; top: 50%; margin-top: -212px; width: 648px; height: 414px; margin-left: -324px; background-color: #f1f1f1;}
.iProduct-classify .Tt .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.iProduct-classify .Tt .item .pic{height: 100%;}
.iProduct-classify .Tt .item .pic::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-image: url(../images/mask-iProduct.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.iProduct-classify .Tt .item.on{-webkit-transition: all 800ms ease 0ms; transition: all 800ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.iProduct-classify .Tt .ctr{position: absolute; z-index: 9; bottom: 0; width: 60px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 22px; font-weight: bold; font-family: "SimSun", "宋体"; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.iProduct-classify .Tt .prev{right: 60px; background-color: #f77f77;}
.iProduct-classify .Tt .prev:hover{text-indent: -4px;}
.iProduct-classify .Tt .next{right: 0; background-color: #ff1100;}
.iProduct-classify .Tt .next:hover{text-indent: 4px;}
/* iAbout */
.iAbout{ min-height: 465px; background-image: url(../images/bg-iAbout.jpg); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; }
.iAbout .iHead .cn span::before,
.iAbout .iHead .cn span::after{display: none; content: "";}
.iAbout .iHead .cn span b,
.iAbout .iHead .cn span i{color: #fff;}
.iAbout .iAbout-Body .imax{width: 980px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 24px; min-height: 192px; text-align: center; color: #fff;}
.iAbout .iAbout-Body .flow{margin-top: 20px; text-align: center; font-size: 0; background-image: url(../images/line-iAboutb.png); background-size: auto; background-position: 50% 71px; background-repeat: no-repeat;}
.iAbout .iAbout-Body .flow .item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 18px; color: #fff; margin-left: 258px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.iAbout .iAbout-Body .flow .item:first-child{margin-left: 0;}
.iAbout .iAbout-Body .flow .item .icoImg{margin-bottom: 20px;}
.iAbout .iAbout-Body .flow .item:hover{-webkit-transform: translateY(-4px); transform: translateY(-4px);}
/* iCase */
.iCase{background-color: #efeeee;}
/* iCase-Slide */
.iCase-Slide{position: relative; height: 380px;}
.iCase-Slide .shade{position: absolute; left: -10px; top: -10px; width: 1200px; height: 380px; padding: 10px;}
.iCase-Slide .box{position: relative !important;}
.iCase-Slide .item{float: left; position: relative; overflow: hidden; width: 392px; height: 380px; margin-right: 12px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #fff;}
.iCase-Slide .item .pic{height: 300px; background-color: #fff;}
.iCase-Slide .item .mask{background-image: url(../images/mask-iCase.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat;}
.iCase-Slide .item .title{position: absolute; z-index: 9; left: 0; bottom: 0; width: 312px; height: 80px; padding-left: 40px; padding-right: 40px; text-align: center; font-size: 18px; line-height: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.iCase-Slide .item .title::after{content: "+"; position: absolute; right: 23px; bottom: 33px; font-size: 24px; line-height: 1; color: #fff; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible; -webkit-transform: translateX(10px); transform: translateX(10px);}
.iCase-Slide .item:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);}
.iCase-Slide .item:hover .title{color: #fff;}
.iCase-Slide .item:hover .title::after{-webkit-transition: all 250ms ease 200ms; transition: all 250ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: none !important; transform: none !important;}
.iCase-Slide .ctr{display: block; position: absolute; z-index: 3; top: 150px; margin-top: -21px; width: 60px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 22px; font-weight: bold; font-family: "SimSun", "宋体"; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #ff1100; opacity: .50; filter: alpha(opacity=50); *zoom: 1;}
.iCase-Slide .ctr:hover{opacity: 1; filter: alpha(opacity=100);}
.iCase-Slide .ctr.reject{display: none;}
.iCase-Slide .ctr.prev{left: 50%; margin-left: -680px; background-position: 0 0;}
.iCase-Slide .ctr.prev:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.iCase-Slide .ctr.next{right: 50%; margin-right: -680px; background-position: -60px 0;}
.iCase-Slide .ctr.next:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
/* iNews-List */
.iNews-List{position: relative; height: 392px; padding-left: 600px; width: 600px; margin-left: auto; margin-right: auto;}
.iNews-List .item{height: 124px; margin-top: 10px;}
.iNews-List .item:first-child{margin-top: 0;}
.iNews-List .item .pic{position: absolute; left: 0; top: 0; width: 590px; height: 392px; display: none;}
.iNews-List .item .txt{position: relative; width: 470px; height: 64px; padding: 28px 20px 28px 110px; border: #efeeee solid 2px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #efeeee;}
.iNews-List .item .txt .date{position: absolute; left: 18px; top: 50%; margin-top: -34px; width: 60px; height: 68px; padding-right: 16px; white-space: nowrap; color: #505050; text-align: center; border-right: #d2d2d2 solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.iNews-List .item .txt .date .d{height: 40px; line-height: 36px; font-size: 48px;}
.iNews-List .item .txt .date .y-m{margin-top: 12px;}
.iNews-List .item .txt .title{height: 22px; line-height: 20px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iNews-List .item .txt .info{margin-top: 5px; max-height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.iNews-List .item.on .pic{display: block;}
.iNews-List .item.on .txt{border-color: #ff1100;}
.iNews-List .item.on .date,
.iNews-List .item.on .title .link{color: #ff1100;}
/* backToTop */
.backToTop{position: fixed; right: 5px; bottom: 5px; width: 80px; height: 80px; background-image: url(../images/ico-BackTop.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 250ms ease 50ms; transition: all 250ms ease 50ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.backToTop.show{-webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
/* partLinks */
.partLinks{padding-top: 14px; padding-bottom: 14px; line-height: 22px; background-color: #5f5f5f;}
.partLinks,
.partLinks a{color: #d3d3d3 !important;}
.partLinks .link{display: inline-block; vertical-align: top; white-space: nowrap; margin-right: 25px;}
/* footer */
.footer{background-color: #7e7e7e;}
.footer,
.footer a{color: #efefef !important;}
/* fContact */
.fContact .container{position: relative; padding-top: 20px; padding-bottom: 20px; padding-right: 200px; width: 1000px; min-height: 144px;}
.fContact .line{margin-top: 14px; line-height: 22px;}
.fContact .line:first-child{margin-top: 0;}
.fContact .qrcode{position: absolute; right: 0; top: 0; padding: 14px 22px 0; height: 150px; text-align: center; background-color: #5f5f5f;}
.fContact .qrcode img{display: block; margin-bottom: 6px; width: 120px; height: 120px;}
/* copyrights */
.copyrights{border-top: #757575 solid 1px; height: 42px; line-height: 44px; text-align: center;}
/* sbanner */
.sbanner{position: relative; height: 360px;}
.sbanner .contain{padding-top: 116px; color: #fff;}
.sbanner .contain .en{text-transform: uppercase; font-size: 36px;}
.sbanner .contain .cn{margin-top: 14px; font-size: 24px;}
.sbanner .contain .hr{margin-top: 22px; width: 186px; height: 4px; background-color: #ff1100;}
.subpage{padding-top: 60px; padding-bottom: 105px;}
@media screen and (max-width: 1440px) {.subpage {padding-top: 50px; padding-bottom: 75px;} }
/* sAbout */
.sAbout{margin-top: -60px;}
.sAbout .xHead{position: relative; height: 50px; padding-top: 20px; padding-bottom: 20px; line-height: 50px; font-weight: bold;}
.sAbout .xHead .en{position: absolute; left: 0; top: 20px; font-size: 60px; text-transform: uppercase; opacity: .10; filter: alpha(opacity=10); *zoom: 1; color: #de0707;}
.sAbout .xHead .cn{position: relative; z-index: 2; font-size: 30px; color: #ff1100; float: left;}
.sAbout .xSection{position: relative; padding-top: 80px; padding-bottom: 30px;}
.sAbout .xSection .imax{font-size: 16px; line-height: 28px;}
.sAbout .section-profile{padding-right: 655px; min-height: 340px;}
.sAbout .section-profile .pic{position: absolute; right: 0; top: 80px; width: 568px; height: 340px;}
.sAbout .section-profile .info{margin-top: 24px;}
.sAbout .section-brand .bg{top: 184px; bottom: 30px; height: auto; background-color: #de0707;}
.sAbout .section-brand .contain{padding-top: 146px; padding-bottom: 54px; min-height: 230px; padding-left: 645px; padding-right: 10px; color: #fff;}
.sAbout .section-brand .xHead .cn{color: #fff;}
.sAbout .section-brand .xHead .en{color: #ffb2b2;}
.sAbout .section-brand .pic{position: absolute; left: 0; top: 0; border: #fff solid 8px; width: 552px; height: 344px;}
@media screen and (max-width: 1440px) {.sAbout .xSection {padding-top: 50px;padding-bottom: 20px;} }
/* subNav */
.subNav{height: 80px; background-color: #efeeee;margin-top: -60px;}
.subNav .col{width: 150px; text-align: center; height: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.subNav .col .link{display: inline-block; height: 77px; line-height: 77px; border-bottom: #efeeee solid 3px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.subNav .col.on .link,
.subNav .col:hover .link{border-bottom-color: #ff1100;}
/* product-List */
.product-List{position: relative; overflow: hidden; padding: 10px 0 10px 10px; width: 1212px; margin-top: -10px; margin-left: -10px; margin-bottom: -45px; *margin-bottom: 0;}
.product-List .item{float: left; position: relative; overflow: hidden; width: 392px; height: 380px; margin-right: 12px; margin-bottom: 45px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #efeeee;}
.product-List .item .pic{height: 300px; background-color: #efeeee;}
.product-List .item .mask{top: auto; bottom: -80px; height: 80px; background-color: #ff1100; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.product-List .item .title{position: absolute; z-index: 9; left: 0; bottom: 0; width: 312px; height: 80px; padding-left: 40px; padding-right: 40px; text-align: center; font-size: 18px; line-height: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; pointer-events: none;}
.product-List .item:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);}
.product-List .item:hover .mask{bottom: 0;}
.product-List .item:hover .title{color: #fff;}
/* product-Album */
.product-Album{float: left; position: relative; width: 640px; height: 604px; padding: 16px; background-color: #efeeee;}
.product-Album .bigshow{height: 443px; background-color: #fff;}
.product-Album .bigshow .pic{width: 100%; height: 100%;}
.product-Album .bigshow img{-webkit-transition-duration: 600ms !important; transition-duration: 600ms !important;}
.product-Album .smalllist{position: absolute; bottom: 16px; left: 0; padding-left: 32px; padding-right: 32px; width: 608px; height: 139px;}
.product-Album .smalllist .btn{float: left; width: 200px; height: 139px; margin-right: 4px; background-color: #fff;}
.product-Album .smalllist .btn::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; width: 196px; height: 135px; border: #ff1100 solid 2px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.product-Album .smalllist .btn.on::after{-webkit-transition: all 400ms ease 0ms; transition: all 400ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.product-Album .ctr{position: absolute; z-index: 3; bottom: 0; width: 32px; height: 139px; font-size: 26px; font-weight: bold; line-height: 139px; font-family: "SimSun", "宋体"; color: #ff1100; text-align: center;}
.product-Album .prev{left: 0;}
.product-Album .next{right: 0;}
/* product-Infomation */
.product-Infomation{float: right; width: 480px; position: relative; min-height: 516px; padding-bottom: 120px;}
.product-Infomation .property-List{padding-top: 30px; padding-bottom: 30px; border-top: #d2d2d2 solid 1px; border-bottom: #d2d2d2 solid 1px;}
.product-Infomation .property-List .item{padding-left: 150px; padding-right: 30px; line-height: 28px; font-size: 16px; margin-top: 14px;}
.product-Infomation .property-List .item:first-child{margin-top: 0;}
.product-Infomation .property-List .property{float: left; margin-left: -150px; color: #202020; font-weight: bold;}
.view-Foot{position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; padding-top: 15px; padding-bottom: 15px; border-top: #d2d2d2 solid 1px; border-bottom: #d2d2d2 solid 1px; font-size: 16px; line-height: 45px;}
.view-Foot .ctr{position: absolute; top: 15px; height: 75px -30px;}
.view-Foot .prev{left: 0;}
.view-Foot .prev::before{content: "<"; font-size: 18px; margin-right: 4px;}
.view-Foot .next{right: 0;}
.view-Foot .next::after{content: ">"; font-size: 18px; margin-left: 4px;}
.view-Foot .backToList{position: absolute; left: 50%; top: 15px; margin-left: -46px; width: 92px; text-align: right; background-image: url(../images/ico-back.png); background-size: auto; background-position: 0 16px; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; white-space: nowrap;}
/* */
.module-Scrollbox{position: relative; overflow: hidden; height: 240px;}
.module-Scrollbox.y{padding-right: 12px;}
.module-Scrollbox.y .scrollbar{height: 100%; top: 0; background-color: #f1f1f1;}
.module-Scrollbox.y .scrollbar,
.module-Scrollbox.y .scrollbar .thumb,
.module-Scrollbox.y .scrollbar .track{width: 4px;}
.module-Scrollbox.y .scrollbar .thumb{height: 0; right: 0; background-color: #dddddd;}
.module-Scrollbox.x .scrollbar{width: 100%; bottom: 0; background-color: #f1f1f1;}
.module-Scrollbox.x .scrollbar,
.module-Scrollbox.x .scrollbar .thumb,
.module-Scrollbox.x .scrollbar .track{height: 4px;}
.module-Scrollbox.x .scrollbar .thumb{width: 0; left: 0; background-color: #dddddd;}
.module-Scrollbox.x .overview{display: inline-block;}
.module-Scrollbox .scrollbar{display: none; position: absolute; z-index: 3; right: 0;}
.module-Scrollbox .scrollbar .track{position: relative;}
.module-Scrollbox .scrollbar .thumb{position: absolute; top: 0; cursor: pointer; border-radius: 2px; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.module-Scrollbox .scrollbar .thumb .end{height: 4px; width: 4px;}
.module-Scrollbox .viewport{position: relative; overflow: hidden; width: 100%; height: 100%;}
.module-Scrollbox .overview{position: relative; -webkit-transition: all 350ms ease-in 0s; transition: all 350ms ease-in 0s;}
.module-Scrollbox .disable{display: none;}
/* view-Page */
.view-Page{position: relative; padding-bottom: 120px;}
.view-Page .view-Head{padding: 25px; line-height: 40px; font-size: 24px; font-weight: bold; text-align: center; color: #202020; background-color: #efeeee;}
.view-Page .view-Body{padding-left: 20px; padding-right: 20px; margin-top: 40px;}
/* sNews-List */
.sNews-List .item{position: relative; height: 190px; padding: 14px 336px 14px 14px; border: #efeeee solid 2px; margin-top: 40px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; background-color: #efeeee;}
.sNews-List .item:first-child{margin-top: 0;}
.sNews-List .item .pic{position: absolute; right: 14px; top: 14px; width: 286px; height: 190px;}
.sNews-List .item .txt{position: relative; padding: 22px 0 22px 155px;}
.sNews-List .item .txt .date{position: absolute; left: 26px; top: 22px; width: 60px; height: 68px; padding-top: 37px; padding-bottom: 37px; padding-right: 42px; white-space: nowrap; color: #505050; text-align: center; border-right: #d2d2d2 solid 1px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.sNews-List .item .txt .date .d{height: 40px; line-height: 36px; font-size: 48px;}
.sNews-List .item .txt .date .y-m{margin-top: 12px;}
.sNews-List .item .txt .title{height: 22px; line-height: 20px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sNews-List .item .txt .info{margin-top: 14px; max-height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sNews-List .item .txt .more{display: block; margin-top: 22px; width: 124px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff1100;}
.sNews-List .item:hover{border-color: #ff1100; background-color: #fff;}
.sNews-List .item:hover .pic{display: block;}
.sNews-List .item:hover .date,
.sNews-List .item:hover .title .link{color: #ff1100;}
/* sContact */
.sContact{position: relative; background-color: #f8f8f8;}
.sContact .cList{float: left; position: relative; width: 492px; padding-top: 110px; padding-left: 24px; padding-right: 24px;}
.sContact .cList .dt{position: absolute; left: 0; top: 0; width: 100%; height: 80px; background-color: #ff1100; color: #fff; font-size: 24px; text-indent: 24px; line-height: 80px;}
.sContact .cList .dd{margin-bottom: 18px; min-height: 24px; font-size: 16px; line-height: 24px; padding-left: 36px;}
.sContact .cList .dd .icoImg{float: left; margin-left: -36px; width: 24px; height: 24px; top: 0;}
.sContact .cList .df{margin-top: 30px; font-size: 16px; line-height: 26px; padding-top: 25px; padding-bottom: 30px; border-top: #c2c2c2 solid 1px;}
.mapContain{position: absolute; right: 0; top: 0; height: 100%; width: 660px;}
.mapContain #dituContent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.mapContain #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #ff1100;}
.mapContain #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.mapContain #dituContent img{max-width: none;}
.sProduct {margin-top:60px;}



/* floatLeft */
.floatLeft{position: fixed; z-index: 31; left: 5px; top: 50%; margin-top: -142px; height: 284px;}
.floatLeft .item{display: block; position: relative; margin-top: 4px; min-width: 44px; height: 44px; line-height: 44px; box-shadow: 0 0 3px 1px rgba(0,0,0,.4);}
.floatLeft .item:first-child{margin-top: 0;}
.floatLeft .item .stay{position: absolute; right: 0; top: 0; z-index: 2; width: 44px; line-height: 44px; border-radius: 4px; overflow: hidden; font-size: 0; *font-size: 33px; /* &:after,&:before{content:"\00a0";font-size: 0px;visibility:hidden;} */ text-align: center; background-color: rgba(102, 102, 102, 0.75); border-radius: 5px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.floatLeft .item .stay img{display: inline-block; position: relative; *top: -1px; max-width: 44px; max-height: 44px; width: auto; height: auto;}

.floatLeft .item .qrcode{width: 80px; height: 80px; padding: 5px ; border-radius: 5px 0 5px 5px; background-color: #ff1100;}
.floatLeft .item.online:hover .stay{background-color: #ff1100; opacity: 1;}


.scroll-wrap {padding-top: 80px;}
.nav {position: fixed;left: 0;top: 0;width: 100%;z-index: 22;box-shadow: 0 0 5px 0 rgba(0,0,0,.15);    -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .firNav {height: 100%;}
.nav .firNav .firItem  { }
// .fixedNav.scroll-wrap {padding-top: 66px;}
.fixedNav .nav {height: 66px;}
.fixedNav .nav .firNav .firItem {height: 66px;line-height: 66px;}




.floatSide {position: fixed;left: 2px;top: 50%;margin-top: -200px;z-index: 80;}
.floatSide .head{background-image: url(../images/float-header.gif);width: 122px;height: 81px; background-repeat: no-repeat;}
.floatSide .body{background-image: url(../images/float-main.gif);width: 106px;padding: 20px 8px 5px;background-repeat: repeat-y;}
.floatSide .foot{background-image: url(../images/float-footer.gif);width: 122px; height: 61px; background-repeat: no-repeat;}
.floatSide .body .item {display: block; padding-left: 26px; display: block; line-height: 25px; height: 25px; border-radius: 5px; overflow: hidden; text-align: left; font-size: 12px; margin: 2px 0;background:url(../images/float-qq.png) 5px center no-repeat #a7dcf6}
.floatSide .body .qrcode {margin-top: 12px;margin-left: auto;margin-right: auto;width: 106px; }
.floatSide .body .qrcode img {width: 100px;border: #fff solid 3px;}