.loading { background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
.loading:before { content: ""; position: absolute; width: 4em; height: 4em; border: solid rgba(255,255,255,0.2) .6em; border-right-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; top: 50%; left: 50%; margin: -2.3em 0 0 -2.3em; -webkit-animation: loop 1s infinite linear; -moz-animation: loop 1s infinite linear; -ms-animation: loop 1s infinite linear; animation: loop 1s infinite linear; }

@-webkit-keyframes loop {
 to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes loop {
 to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes loop {
 to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loop {
 to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@font-face { font-family: 'HelveticaNeueLTProTh'; src: url('../fonts/HelveticaNeueLTProTh.eot'); src: url('../fonts/HelveticaNeueLTProTh.eot')  format('woff'),url('../fonts/HelveticaNeueLTProTh.ttf') format('truetype'),url('../fonts/HelveticaNeueLTProTh.svg#HelveticaNeueLTProTh') format('svg'); }
.icon { display: inline-block; overflow: hidden; }
#page-wrapper { width: 100%; max-width: 1920px; }
html, body, #page-wrapper { height: 100%; }
body { font-size: 12px; }
#aside { position: fixed; top: 0; left: 0; width: 320px; height: 100%; background-color: #fff; z-index: 20; }
#aside .logo { position: absolute; top: 0; left: 0; width: 100%; height: 20%; background-color:#333434; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); }
#aside .logo.show { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#aside .logo a { position: absolute; width: 179px; top: 50%; left: 50%; margin: -30px 0 0 -90px; }
#aside .nav { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -225px; background-color: #fff; -webkit-transition: margin .5s; -moz-transition: margin .5s; -ms-transition: margin .5s; transition: margin .5s; }
#aside .nav ul { z-index: 2; position: relative; }
#aside .nav li { height: 50px; left: 0; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); }
#aside .nav li.show { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#aside .nav li a { height: 50px; display: block; line-height: 50px; font-size: 16px; text-align: center; color: #5a5a5a; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; }
#aside .nav li a:hover { color: #ef8200; }
#aside .nav li.current>a { color: #ef8200; }
#aside .nav .bg { position: absolute; left: -320px; top: 0; width: 100%; height: 50px; background-color: #f2f2f2; }
#aside .meta { position: absolute; left: 0; bottom: 0; width: 100%; height: 18%; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; z-index: 2; }
#aside .meta .social a { margin: 0 10px; width: 40px; height: 40px; display: inline-block; background-image: url(../images/bg-circle.png); text-align: center; }
#aside .meta .social a:hover { background-position: -40px 0; }
#aside .meta .social a:hover .icon { -webkit-animation: shake .5s forwards; -moz-animation: shake .5s forwards; -ms-animation: shake .5s forwards; animation: shake .5s forwards; }
#aside .meta .social a:hover .qr { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#aside .meta .social a:hover .icon-tel { background-position: 2px -20px; }
#aside .meta .social a:hover .icon-sina { background-position: -59px -20px; }
#aside .meta .social a:hover .icon-wechat { background-position: -120px -20px; }
#aside .meta .social .icon { background: url(../images/icon-social.png) no-repeat; width: 20px; height: 17px; margin-top: 11px; }
#aside .meta .social .icon-tel { background-position: 2px 0; }
#aside .meta .social .icon-sina { background-position: -59px 0; }
#aside .meta .social .icon-wechat { background-position: -120px 0; }
#aside .meta .social .qr { position: absolute; width: 120px; height: 129px; top: -140px; left: -40px; background: url(../images/bg-qr.png) no-repeat; opacity: 0; visibility: hidden; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
#aside .meta .social .qr img { width: 106px; margin: 7px; }
#aside .meta .copy { border-top: dashed #cacaca 1px; position: absolute; left: 10%; bottom: 0; width: 80%; height: 60%; }
#aside .meta .copy-bd { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -20px; }
#aside .meta .links { color: #ccc; font-size: 12px; }
#aside .meta .links a { color: #8b8b8b; font-size: 14px; margin: 0 10px; }
#aside .meta .links a:hover { color: #ef8200; text-decoration: underline; }
#aside .meta .bei { padding-top: 8px; }
#aside .meta .bei a { color: #b8b8b8; }
#main { height: 100%; margin-left: 320px; background-color: #fafafa; }
.slider-home { height: 100%; }
.slider-home ul, .slider-home li { height: 100%; overflow: hidden; position: relative; }
.slider-home li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; display: none; }
.slider-home li .fullbg { -webkit-transition: transform 5.2s; -moz-transition: transform 5.2s; -ms-transition: transform 5.2s; transition: transform 5.2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.slider-home li.current { z-index: 2; }
.slider-home li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.slider-home .prev, .slider-home .next { width: 40px; height: 60px; background-color:#ef8200; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.slider-home .prev .icon, .slider-home .next .icon { background: url(../images/icon-arrow-white.png) no-repeat; width: 7px; height: 8px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; }
.slider-home .prev:active, .slider-home .next:active { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.slider-home .prev { left: -40px; }
.slider-home .prev .icon { background-position: 0 0; }
.slider-home .prev:hover { background-color: #2e6d44; }
.slider-home .prev:hover .icon { -webkit-transform: translate(-5px, 0); -moz-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); transform: translate(-5px, 0); }
.slider-home .next { right: -40px; }
.slider-home .next .icon { background-position: -10px 0; }
.slider-home .next:hover { background-color: #2e6d44; }
.slider-home .next:hover .icon { -webkit-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); }
.slider-home .banner1 .text { position: absolute; top: 50%; left: 10.625%; margin-top: -137px; }
.slider-home .banner1 .text h1 { font-size: 90px; font-weight: normal; color: #ef8200; font-family: HelveticaNeueLTProTh; }
.slider-home .banner1 .text .intro { padding: 35px 0; color: #989898; }
.slider-home .banner1 .text .intro .chi { font-size: 24px; padding-bottom: 10px; }
.slider-home .banner1 .text .intro .eng { font-size: 12px; text-transform: uppercase; font-family: HelveticaNeueLTProTh; }
.slider-home .banner1 .text .view a { color: #ef8200; font-size: 22px; padding-left: 20px; }
.slider-home .banner1 .text .view a:hover .icon { left: 5px; }
.slider-home .banner1 .text .view .icon { background-image: url(../images/icon-arrow-green.png); width: 7px; height: 9px; position: absolute; top: 50%; left: 0; margin-top: -4px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; }
.slider-home .banner1 .text h1 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.slider-home .banner1 .text .chi { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; }
.slider-home .banner1 .text .eng { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; transition-delay: .4s; }
.slider-home .banner1 .text .view { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; transition-delay: .6s; }
.slider-home .banner1 .kmAni { opacity: 0; -webkit-transform: translate(-100px, 0); -moz-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; transition: .8s ease-in-out; }
.slider-home .banner1.current .kmAni { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.userinfos { position: absolute; z-index: 10; background-color:#ef8200; top: 0; right: 0; height: 40px; color: #fff; line-height: 40px; color: #8bbd9d; padding-right: 40px; }
.userinfos a { color: #fff; width: 50px; display: inline-block; text-align: center; }
.userinfos a:hover { color: #a2dfb8; }
.userinfos .pack { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 0; right: 0; background-color: #268251; }
.userinfos .pack:hover { background-color: #4b9d72; }
.userinfos .pack:hover .icon-pack { -webkit-animation: shake .5s forwards; -moz-animation: shake .5s forwards; -ms-animation: shake .5s forwards; animation: shake .5s forwards; }
.userinfos .icon-pack { width: 15px; height: 15px; background-image: url(../images/icon-pack.png); margin: 12px; }
body.small #aside .logo { height: 15%; }
body.small #aside .nav li { height: 40px; }
body.small #aside .nav li a { height: 40px; line-height: 40px; }
body.small #aside .meta { height: 15%; }
body.small #aside .meta .copy { height: 50%; }
body.small #aside .meta .bei { padding-top: 5px; }
.zoujin { background-color: #fff; }
.zoujin .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.zoujin .banner { width: 100%; height: 300px; top: 0; background: url(../images/banner-zoujin.jpg) 100% 0 no-repeat fixed; color: #fff; text-align: center; }
.zoujin .banner h1, .zoujin .banner h2, .zoujin .banner h3 { opacity: 0; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); }
.zoujin .banner h1 { padding-top: 80px; font-size: 78px; text-transform: uppercase; font-family: HelveticaNeueLTProTh; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; }
.zoujin .banner h2 { font-size: 30px; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; transition-delay: .4s; }
.zoujin .banner h3 { font-size: 16px; font-weight: normal; font-family: HelveticaNeueLTProTh; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; transition-delay: .6s; }
.zoujin .banner.current h1, .zoujin .banner.current h2, .zoujin .banner.current h3 { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.zoujin .header { height: 99px; border-bottom: solid #eaeaea 1px; border-left: solid #eaeaea 1px; }
.zoujin .header .chi { font-size: 22px; color: #ef8200; padding-left: 50px; padding-top: 25px; }
.zoujin .header .eng { color: #8b8b8b; text-transform: uppercase; padding-left: 50px; }
.zoujin .tab { border-left: solid #eaeaea 1px; border-bottom: solid #eaeaea 1px; }
.zoujin .tab-bd { padding: 98px; background: url(../images/bg-tab.png) 90% 100% no-repeat; }
.zoujin .tab-header { height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.zoujin .tab-header a { font-size: 18px; float: left; margin-right: 4px; line-height: 40px; padding: 0 40px; display: inline-block; color: #404040; background-color: #f1f1f1; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; }
.zoujin .tab-header a.current, .zoujin .tab-header a:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; color: #fff; background-color:#ef8200; }
.zoujin .tab-container { width: 75%; max-width: 805px; font-size: 16px; line-height: 24px; color: #5a5a5a; }
.zoujin .tab-container li { overflow: hidden; display: none; }
.zoujin .accordion { width: 100%; height: 359px; overflow: hidden; border-bottom: solid #eaeaea 1px; }
.zoujin .accordion li { height: 359px; overflow: hidden; float: left; }
.zoujin .accordion li:hover .accordion-header, .zoujin .accordion li.current .accordion-header { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color:#ef8200; }
.zoujin .accordion li:hover .accordion-header .name, .zoujin .accordion li.current .accordion-header .name { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; color: #fff; }
.zoujin .accordion li.current .accordion-container { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s; opacity: 1; }
.zoujin .accordion-header { width: 80px; height: 359px; border-left: solid #eaeaea 1px; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.zoujin .accordion-header .num { font-size: 16px; color: #d0d0d0; position: absolute; top: 40px; width: 100%; text-align: center; }
.zoujin .accordion-header .name { width: 20px; font-size: 20px; position: absolute; top: 95px; left: 30px; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; }
.zoujin .accordion-container { position: absolute; top: 0; left: 81px; right: 0; height: 359px; opacity: 0; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; }
.zoujin .accordion-image { width: 50%; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; }
.zoujin .accordion-image img { width: auto; }
.zoujin .accordion-infos { width: 50%; position: absolute; top: 0; right: 0; height: 100%; }
.zoujin .accordion-infos-bd { margin: 55px auto 0; width: 80%; min-width: 200px; }
.zoujin .accordion-infos-bd h1 { color: #404040; font-size: 20px; font-weight: normal; }
.zoujin .accordion-infos-bd .cont { font-size: 14px; color: #8b8b8b; line-height: 24px; }
.zoujin .honor { border-left: solid #eaeaea 1px; }
.zoujin .honor .title { color: #404040; font-size: 24px; }
.zoujin .honor .guider { width: 74px; position: absolute; top: 0; left: 0; height: 100%; }
.zoujin .honor .guider .dot { width: 23px; height: 22px; background-image: url(../images/icon-timeline.png); overflow: hidden; z-index: 2; position: absolute; left: 11px; top: 0; }
.zoujin .honor .guider .guide { width: 3px; background-color: #eaeaea; height: 100%; overflow: hidden; position: absolute; left: 21px; top: 0; }
.zoujin .honor .cont { margin-left: 74px; width: 60%; max-width: 930px; }
.zoujin .honor .cont .date { width: 66px; height: 20px; background-image: url(../images/bg-year.png); color: #fff; font-size: 12px; text-align: center; line-height: 21px; margin-bottom: 8px; }
.zoujin .honor .cont .infos { line-height: 24px; font-size: 14px; color: #707070; padding-bottom: 15px; }
.zoujin .honor .cont .infos span { margin-right: 40px; }
.zoujin .honor-bd { padding: 98px; background: url(../images/bg-time-line.jpg) 100% 100% no-repeat; }
.news { background-color: #fff; min-height: 100%; border-left: solid #eaeaea 1px; }
.news .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.news-list .item-bd { padding: 60px; border-bottom: solid #eaeaea 1px; }
.news-list .image { width: 459px; height: 219px; overflow: hidden; float: left; }
.news-list .image img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.news-list .image a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .8; }
.news-list .infos { height: 219px; margin-left: 519px; padding-left: 5%; }
.news-list .infos h2 a { color: #ef8200; font-size: 20px; font-weight: normal; }
.news-list .infos h2 a:hover { text-decoration: underline; }
.news-list .infos .pre { color: #707070; font-size: 16px; height: 95px; line-height: 24px; overflow: hidden; }
.news-list .infos .view { width: 55px; height: 55px; }
.news-list .infos .view a { display: block; height: 55px; }
.news-list .infos .view a:hover em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.news-list .infos .view a:hover i { background-position: -69px -19px; }
.news-list .infos .view span, .news-list .infos .view em, .news-list .infos .view i { background: url(../images/icon-view.png) -1px -58px no-repeat; display: block; height: 55px; }
.news-list .infos .view em { background-position: 0 -1px; position: absolute; top: 0; left: 0; width: 55px; height: 55px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.news-list .infos .view i { background-position: -69px -76px; width: 19px; height: 19px; position: absolute; top: 18px; left: 18px; }
.news-list2 .item { width: 50%; float: left; }
.news-list2 .item-bd { border-left: solid #eaeaea 1px; margin-left: -1px; border-bottom: solid #eaeaea 1px; }
.news-list2 .image { overflow: hidden; }
.news-list2 .image img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.news-list2 .image a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .8; }
.news-list2 .infos { padding: 55px; }
.news-list2 .infos h2 { height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list2 .infos h2 a { color: #404040; font-size: 20px; font-weight: normal; }
.news-list2 .infos h2 a:hover { color: #ef8200; }
.news-list2 .infos .pre { color: #707070; font-size: 16px; height: 75px; line-height: 24px; overflow: hidden; }
.news-list2 .infos .view { width: 55px; height: 55px; }
.news-list2 .infos .view a { display: block; height: 55px; }
.news-list2 .infos .view a:hover em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.news-list2 .infos .view a:hover i { background-position: -69px -19px; }
.news-list2 .infos .view span, .news-list2 .infos .view em, .news-list2 .infos .view i { background: url(../images/icon-view.png) -1px -58px no-repeat; display: block; height: 55px; }
.news-list2 .infos .view em { background-position: 0 -1px; position: absolute; top: 0; left: 0; width: 55px; height: 55px; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.news-list2 .infos .view i { background-position: -69px -76px; width: 19px; height: 19px; position: absolute; top: 18px; left: 18px; }
.news-list2 .infos .date { color: #acacac; font-size: 16px; position: absolute; bottom: 80px; right: 64px; font-family: HelveticaNeueLTProTh; }
.header-title { height: 100px; border-bottom: solid #eaeaea 1px; }
.header-title .title { float: left; display: inline-block; padding: 0 60px; height: 100px; border-right: solid #eaeaea 1px; }
.header-title .title .chi { font-size: 22px; color: #ef8200; padding-top: 30px; }
.header-title .title .eng { font-family: HelveticaNeueLTProTh; color: #404040; text-transform: uppercase; }
.header-title .cate { float: left; padding: 30px 0 0 60px; }
.header-title .cate a { margin-right: 1px; color: #404040; font-size: 14px; height: 40px; line-height: 40px; transition: .5s; float: left; padding: 0 30px; }
.header-title .cate a.current, .header-title .cate a:hover { transition: .2s; background-color:#ef8200; color: #fff; }
.folder .header { height: 80px; border-bottom: solid #eaeaea 1px; line-height: 80px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; color: #5a5a5a; cursor: pointer; }
.folder .header .need { padding-left: 108px; }
.folder .header .need span { position: absolute; width: 41px; height: 41px; top: 20px; left: 60px; line-height: 41px; text-align: center; font-size: 20px; background: url(../images/bg-num.png) 0 0 no-repeat; }
.folder .header .name { position: absolute; left: 160px; top: 0; font-size: 16px; }
.folder .header .icon-folder { width: 22px; height: 22px; background: url(../images/icon-folder.png) 0 0 no-repeat; position: absolute; top: 30px; right: 60px; }
.folder .header.current { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color:#ef8200; color: #fff; }
.folder .header.current .need span { background-position: 0 -51px; color: #fff; }
.folder .header.current .icon-folder { background-position: 0 -27px; }
.folder .cont { padding: 55px 10%; color: #5a5a5a; font-size: 16px; line-height: 30px; display: none; border-bottom: solid #eaeaea 1px; }
.folder .cont .post { width: 80px; height: 80px; margin: 50px auto 0; }
.folder .cont .post a { display: block; width: 80px; height: 80px; background: url(../images/icon-round.png) no-repeat; line-height: 80px; text-align: center; color: #fff; font-size: 14px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.folder .cont .post a:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); }
.folder .cont .post a:active { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); }
.article dt { height: 99px; line-height: 99px; border-bottom: solid #eaeaea 1px; }
.article dt h1 { color: #404040; font-size: 20px; font-weight: normal; padding-left: 88px; display: inline-block; }
.article dt .icon { width: 7px; height: 8px; position: absolute; background: url(../images/icon-page.png) -10px -10px no-repeat; top: 46px; left: 60px; }
.article dt .date { color: #acacac; font-size: 16px; font-family: HelveticaNeueLTProTh; margin-left: 55px; }
.article dd { padding: 60px; color: #404040; font-size: 16px; line-height: 28px; }
.pagenav { height: 77px; line-height: 77px; font-size: 16px; }
.pagenav a { width: 50%; float: left; color: #404040; background-color: #f8f8f8; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.pagenav a:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; color: #fff; background-color:#ef8200; }
.pagenav a:hover .icon-prev { background-position: 0 -13px; }
.pagenav a:hover .icon-next { background-position: -11px -13px; }
.pagenav a .icon { position: absolute; width: 11px; height: 13px; top: 32px; background: url(../images/icon-pagenav.png) no-repeat; }
.pagenav a .icon-prev { left: 60px; background-position: 0 0; }
.pagenav a .icon-next { right: 60px; background-position: -11px 0; }
.pagenav a .step { font-style: normal; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }
.pagenav a .pre { font-style: normal; }
.pagenav .prev span { padding-left: 120px; }
.pagenav .prev span .pre { padding-left: 20px; }
.pagenav .next { text-align: right; }
.pagenav .next span { padding-right: 120px; }
.pagenav .next span .pre { padding-right: 20px; }
.join { height: 100%; }
.join .join-header { height: 139px; line-height: 139px; border-bottom: solid #eaeaea 1px; }
.join .join-header h1 { padding-left: 60px; font-size: 20px; color: #5a5a5a; font-weight: normal; }
.join .join-header .tel { font-size: 16px; color: #707070; position: absolute; top: 50px; right: 60px; padding-left: 60px; line-height: 39px; }
.join .join-header .icon-tel { width: 39px; height: 39px; position: absolute; top: 0; left: 0; background-image: url(../images/icon-tel.png); }
.join .join-cont { position: absolute; top: 241px; left: 0; bottom: 77px; width: 100%; }
.join .join-cont .bx-wrapper, .join .join-cont .bx-viewport { height: 100% !important; }
.join .join-cont ul, .join .join-cont li { height: 100%; }
.join .join-cont .image { width: 50%; height: 100%; overflow: hidden; float: left; }
.join .join-cont .conts { margin-left: 50%; overflow: auto; height: 100%; }
.join .join-cont .conts-bd { padding: 60px; }
.join .join-cont .step-index { color: #b4b4b4; font-size: 20px; padding-bottom: 10px; }
.join .join-cont .step-name { font-size: 26px; color: #ef8200; }
.join .join-cont .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.join .join-cont .step-detail { color: #404040; font-size: 16px; line-height: 30px; }
.join .pagenav { position: absolute; left: 0; bottom: 0; width: 100%; }
.loadmore { font-size: 20px; background-color: #f7f7f7; padding: 20px 0; text-align: center; }
.loadmore a { color: #5a5a5a; }
.pager { height: 40px; padding: 20px; }
.pager a, .pager span { min-width: 40px; height: 40px; line-height: 40px; background-color: #f1f1f1; color: #7a7a7a; float: left; margin-right: 1px; text-align: center; font-size: 14px; position: relative; }
.pager .page-prev { margin-right: 10px; }
.pager .page-next { margin-left: 10px; }
.pager .current { color: #fff; background-color:#ef8200; }
.pager .icon { width: 7px; height: 8px; background: url(../images/icon-page.png) no-repeat; position: absolute; top: 16px; left: 16.5px; }
.pager .icon-prev { background-position: 0 -10px; }
.pager .icon-next { background-position: -10px -10px; }
.pager a { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.pager a:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color:#ef8200; color: #fff; }
.pager a.page-prev:hover .icon { background-position: 0 0; }
.pager a.page-next:hover .icon { background-position: -10px 0; }
.nursing { background-color: #fff; min-height: 100%; border-left: solid #eaeaea 1px; }
.nursing-list .item { width: 50%; float: left; }
.nursing-list .item .image { width: 160px; height: 160px; position: absolute; top: 60px; left: 10%; }
.nursing-list .item .image a { display: block; overflow: hidden; }
.nursing-list .item .image a img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.nursing-list .item .image a:hover img { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.nursing-list .item .image .cover { background: url(../images/bg-cover.png) no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.nursing-list .item .infos { margin-left: 160px; padding-left: 15%; padding-right: 10%; }
.nursing-list .item .infos h2 a { color: #373737; font-size: 20px; font-weight: normal; }
.nursing-list .item .infos h2 a:hover { color: #ef8200; }
.nursing-list .item .infos .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.nursing-list .item .infos .intro { color: #707070; font-size: 16px; line-height: 24px; }
.nursing-list .item-bd { padding: 60px 10%; height: 160px; overflow: hidden; border-bottom: solid #eaeaea 1px; border-right: solid #eaeaea 1px; }
.location { height: 79px; line-height: 79px; padding-left: 60px; font-size: 14px; color: #707070; border-bottom: solid #eaeaea 1px; }
.location a { color: #707070; }
.location a:hover { text-decoration: underline; color: #ef8200; }
.nursing-detail { border-bottom: solid #eaeaea 1px; }
.nursing-detail .left-panel { width: 45%; }
.nursing-detail .right-panel { width: 55%; border-left: solid #eaeaea 1px; margin-left: -1px; }
.nursing-detail .picshow { border-right: solid #eaeaea 1px; }
.nursing-detail .picshow, .nursing-detail .detail-infos { padding: 60px; }
.nursing-detail .smallpic { text-align: center; margin: 30px 0 0; }
.nursing-detail .smallpic li a { margin-top: 12px; width: 102px; height: 102px; border-top: solid #fff 3px; display: inline-block; }
.nursing-detail .smallpic li a em { width: 23px; height: 10px; position: absolute; top: -12px; left: 50%; margin-left: -12px; display: none; background-image: url(../images/icon-arrow-green-up.png); }
.nursing-detail .smallpic li a img { width: 100px; height: 100px; border: solid #e5e5e5 1px; }
.nursing-detail .smallpic li a.current { border-top-color: #ef8200; }
.nursing-detail .smallpic li a.current em { display: block; }
.nursing-detail .smallpic .bx-prev, .nursing-detail .smallpic .bx-next { width: 40px; height: 40px; line-height: 40px; background-color: #f1f1f1; color: #7a7a7a; margin-right: 1px; text-align: center; font-size: 14px; position: absolute; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; top: -75px; }
.nursing-detail .smallpic .bx-prev:hover, .nursing-detail .smallpic .bx-next:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color:#ef8200; color: #fff; }
.nursing-detail .smallpic .bx-prev { left: -50px; }
.nursing-detail .smallpic .bx-next { right: -50px; }
.nursing-detail .detail-infos h1 { font-weight: normal; padding-bottom: 35px; }
.nursing-detail .detail-infos h1 .chi { font-size: 26px; color: #404040; }
.nursing-detail .detail-infos h1 .eng { font-size: 16px; color: #c1c1c1; text-transform: uppercase; }
.nursing-detail .detail-infos .detail-conts { color: #8b8b8b; font-size: 16px; line-height: 32px; }
.products { background-color: #fff; min-height: 100%; border-left: solid #eaeaea 1px; }
.products .banner { height: 240px; width: 100%; overflow: hidden; }
.products .banner .bg { width: 1600px; height: 240px; position: absolute; top: 0; left: 50%; margin-left: -800px; }
.products .banner .text { position: absolute; top: 50%; left: 50%; margin-top: -30px; }
.products .banner .text .chi { font-size: 35px; color: #404040; }
.products .banner .text .eng { font-size: 24px; color: #8b8b8b; font-family: HelveticaNeueLTProTh; text-transform: uppercase; }
.products-list { border-top: solid #eaeaea 1px; overflow: hidden; }
.products-list table { width: 100%; margin-left: -1px; }
.products-list td { width: 50%; border-left: solid #eaeaea 1px; border-bottom: solid #eaeaea 1px; vertical-align: top; }
.products-list .box { padding: 60px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.products-list .image { width: 241px; height: 241px; position: absolute; top: 60px; left: 60px; overflow: hidden; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.products-list .image img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.products-list .image a:hover img { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.products-list .infos { margin-left: 280px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.products-list .infos h2 a { color: #5a5a5a; font-size: 18px; font-weight: normal; }
.products-list .infos h2 a:hover { color: #ef8200; }
.products-list .infos h2 a .eng { display: block; color: #bcbcbc; font-size: 12px; text-transform: uppercase; }
.products-list .infos .usefor { padding: 20px 0; color: #5a5a5a; font-size: 14px; }
.products-list .infos .title-name { color: #fff; width: 69px; height: 20px; line-height: 20px; text-align: center; background: url(../images/bg-cround.png) no-repeat; margin-bottom: 10px; }
.products-list .infos .cont { line-height: 22px; color: #8b8b8b; font-size: 14px; margin-bottom: 18px; }
.products-list .infos .price .now { color: #ef8200; font-size: 18px; }
.products-list .infos .price .old { color: #bcbcbc; font-size: 12px; text-decoration: line-through; margin-left: 10px; }
.products-list .infos .view { padding-top: 10px; }
.products-list .infos .view a { background-color: #eaeaeb; color: #8b8b8b; width: 100px; height: 25px; line-height: 25px; text-align: center; display: inline-block; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.products-list .infos .view a:hover { background-color:#ef8200; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; color: #fff; }
.product-detail { border-bottom: solid #eaeaea 1px; }
.product-detail .left-panel { width: 45%; }
.product-detail .right-panel { width: 55%; border-left: solid #eaeaea 1px; margin-left: -1px; }
.product-detail .picshow { border-right: solid #eaeaea 1px; }
.product-detail .picshow, .product-detail .detail-infos { padding: 60px; }
.product-detail .bigpic { border: solid #eaeaea 1px; }
.product-detail .smallpic { text-align: center; margin: 30px 0 0; }
.product-detail .smallpic li a { margin-top: 12px; width: 102px; height: 102px; border-top: solid #fff 3px; display: inline-block; }
.product-detail .smallpic li a em { width: 23px; height: 10px; position: absolute; top: -12px; left: 50%; margin-left: -12px; display: none; background-image: url(../images/icon-arrow-green-up.png); }
.product-detail .smallpic li a img { width: 100px; height: 100px; border: solid #e5e5e5 1px; }
.product-detail .smallpic li a.current { border-top-color: #ef8200; }
.product-detail .smallpic li a.current em { display: block; }
.product-detail .smallpic .bx-prev, .product-detail .smallpic .bx-next { width: 40px; height: 40px; line-height: 40px; background-color: #f1f1f1; color: #7a7a7a; margin-right: 1px; text-align: center; font-size: 14px; position: absolute; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; top: -75px; }
.product-detail .smallpic .bx-prev:hover, .product-detail .smallpic .bx-next:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color:#ef8200; color: #fff; }
.product-detail .smallpic .bx-prev { left: -50px; }
.product-detail .smallpic .bx-next { right: -50px; }
.product-detail .detail-infos h1 { font-weight: normal; }
.product-detail .detail-infos h1 .chi { font-size: 26px; color: #404040; }
.product-detail .detail-infos h1 .eng { font-size: 16px; color: #c1c1c1; text-transform: uppercase; }
.product-detail .detail-infos .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.product-detail .detail-infos .intro { color: #8b8b8b; font-size: 16px; line-height: 32px; }
.product-detail .detail-infos .meta { padding: 40px 0 20px; color: #707070; font-size: 16px; line-height: 30px; }
.product-detail .detail-infos .price { color: #707070; font-size: 16px; }
.product-detail .detail-infos .price .now { color: #ef8200; font-size: 40px; }
.product-detail .detail-infos .price .now em { font-style: normal; font-size: 20px; }
.product-detail .detail-infos .price .old { color: #707070; text-decoration: line-through; margin-left: 18px; }
.product-detail .detail-infos .act { height: 60px; padding: 70px 0 90px; }
.product-detail .detail-infos .act a { width: 160px; height: 60px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; float: left; margin-right: 20px; display: inline-block; font-size: 16px; line-height: 60px; text-align: center; text-indent: 20px; }
.product-detail .detail-infos .act a .icon { position: absolute; top: 50%; left: 28px; }
.product-detail .detail-infos .act .buy { background-color:#ef8200; color: #fff; }
.product-detail .detail-infos .act .buy:hover { background-color: #2e6d44; }
.product-detail .detail-infos .act .add { color: #404040; background-color: #f0f0f0; }
.product-detail .detail-infos .act .add:hover { background-color: #d7d7d7; }
.product-detail .detail-infos .act .icon-buy { width: 16px; height: 15px; background-image: url(../images/icon-down.png); margin-top: -7px; }
.product-detail .detail-infos .act .icon-shopcar { width: 15px; height: 15px; background-image: url(../images/icon-car.png); margin-top: -7px; }
.product-detail .detail-infos .intro-detail { color: #8b8b8b; font-size: 16px; line-height: 30px; }
.product-detail .detail-infos .intro-detail dt.name { color: #ef8200; font-size: 20px; padding-bottom: 25px; }
.private { background-color: #fff; min-height: 100%; border-left: solid #eaeaea 1px; }
.private .private-conts { margin: 60px 60px 0; }
.private h3 { color: #5a5a5a; font-weight: normal; font-size: 20px; }
.private h3 span { color: #d4d4d4; padding-right: 8px; }
.private .detail { padding: 20px 0 80px; line-height: 26px; color: #8b8b8b; font-size: 14px; }
.vip { background-color: #fff; min-height: 100%; border-left: solid #eaeaea 1px; }
.vip .folder .header { height: 139px; line-height: 139px; border-bottom: solid #eaeaea 1px; background: url(../images/bg-service.jpg) 50% 0 no-repeat; }
.vip .folder .header .bg { background-color:#ef8200; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.vip .folder .header .name { color: #707070; font-size: 24px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; position: absolute; top: 0; left: 60px; }
.vip .folder .header .icon { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; right: 60px; background: url(../images/icon-folder2.png) 0 0 no-repeat; }
.vip .folder .header.current { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.vip .folder .header.current .bg { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); opacity: .85; }
.vip .folder .header.current .name { font-size: 50px; color: #fff; }
.vip .folder .header.current .icon { background-position: 0 -50px; }
.vip .folder .header.header-1 { background-position: 50% 0; }
.vip .folder .header.header-1.current { background-position: 50% -140px; }
.vip .folder .header.header-2 { background-position: 50% -280px; }
.vip .folder .header.header-2.current { background-position: 50% -420px; }
.vip .folder .header.header-3 { background-position: 50% -560px; }
.vip .folder .header.header-3.current { background-position: 50% -700px; }
.vip .folder .header.header-4 { background-position: 50% -840px; }
.vip .folder .header.header-4.current { background-position: 50% -980px; }
.vip .folder .header.header-5 { background-position: 50% -1120px; }
.vip .folder .header.header-5.current { background-position: 50% -1260px; }
.vip .folder .cont { padding: 0; }
.vip .folder .cont-1 .select { height: 79px; line-height: 79px; border-bottom: solid #eaeaea 1px; text-indent: 70px; }
.vip .folder .cont-1 .select .icon { width: 8px; height: 7px; top: 50%; left: 40px; margin: -3px 0 0; background-image: url(../images/icon-arrow-down2.png); position: absolute; }
.vip .folder .cont-1 .list { position: absolute; top: 0; left: 0; width: 435px; height: 100%; border-right: solid #eaeaea 1px; }
.vip .folder .cont-1 .list li { position: absolute; width: 100%; height: 33.33%; border-top: solid #eaeaea 1px; }
.vip .folder .cont-1 .list li span { position: absolute; left: 40px; top: 50%; margin-top: -23px; width: 56px; height: 56px; background: url(../images/icon-view.png) 0 -58px no-repeat; }
.vip .folder .cont-1 .list li .name { position: absolute; left: 140px; top: 50%; margin-top: -12px; }
.vip .folder .cont-1 .list li .name-line2 { margin-top: -26px; }
.vip .folder .cont-1 .list li .icon { position: absolute; top: 50%; left: 50%; }
.vip .folder .cont-1 .list li .icon-1 { width: 29px; height: 25px; margin: -13px 0 0 -15px; background-image: url(../images/icon-house.png); }
.vip .folder .cont-1 .list li .icon-2 { width: 22px; height: 29px; margin: -15px 0 0 -11px; background-image: url(../images/icon-cny.png); }
.vip .folder .cont-1 .list li .icon-3 { width: 28px; height: 20px; margin: -10px 0 0 -14px; background-image: url(../images/icon-card.png); }
.vip .folder .cont-1 .list .list1 { top: 0; }
.vip .folder .cont-1 .list .list2 { top: 33.33%; }
.vip .folder .cont-1 .list .list3 { top: 66.66%; }
.vip .folder .cont-1 .sale { margin-left: 435px; }
.vip .folder .cont-1 .sale .sale-item { border-top: solid #eaeaea 1px; margin-top: -1px; padding: 36px 36px 0; }
.vip .folder .cont-1 .sale .title { color: #404040; font-size: 24px; }
.vip .folder .cont-1 .sale .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.vip .folder .cont-1 .sale .items li { height: 66px; margin-right: 60px; text-indent: 15px; }
.vip .folder .cont-1 .sale .items li .icon { width: 5px; height: 5px; position: absolute; top: 11px; left: 0; background: url(../images/icon-dot.png) no-repeat; }
.cell { border-left: solid #eaeaea 1px; min-height: 100%; background-color: #fff; }
.cell .banner { padding: 175px 0 60px; width: 100%; overflow: hidden; }
.cell .banner img { width: auto; }
.cell .banner .bg { opacity: 0; margin: 0 auto; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; transition: .8s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.cell .banner .front { position: absolute; top: 66px; left: 50%; margin-left: -94px; }
.cell .banner.loaded .bg { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cell .banner.loaded .front { -webkit-animation: el-pop-in .8s forwards; -moz-animation: el-pop-in .8s forwards; -ms-animation: el-pop-in .8s forwards; animation: el-pop-in .8s forwards; }
.cell-bd h2 { color: #5a5a5a; font-size: 24px; font-weight: normal; }
.cell-bd .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.cell-bd .text { color: #8b8b8b; font-size: 16px; line-height: 24px; }
.cell-bd .item { border-bottom: solid #eaeaea 1px; }
.cell-bd .item1 { padding: 110px 0 145px; background: url(../images/cc-3.jpg) 90% 100% no-repeat; }
.cell-bd .item1 .cont { width: 45%; left: 8%; }
.cell-bd .item2 .left-panel { width: 50%; height: 557px; background: #000 url(../images/cc-4.jpg) 50% 100% no-repeat; overflow: hidden; }
.cell-bd .item2 .right-panel { position: absolute; height: 100%; width: 50%; left: 50%; top: 0; }
.cell-bd .item2 .right-panel .cont { position: absolute; top: 50%; left: 180px; right: 8%; margin-top: -168.5px \0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.cell-bd .item2 .circle { width: 320px; position: absolute; top: 50%; left: 50%; margin-left: -160px; margin-top: -151px; }
.cell-bd .item3 { background: url(../images/cc-5.jpg) 90% 100% no-repeat; }
.cell-bd .item3 .cont { left: 8%; width: 44%; padding: 120px 0 130px; }
.cell-bd .item3 .cont img { max-width: 100%; width: auto; }
.cell-bd .item4 .left-panel { width: 50%; height: 459px; background: #060002 url(../images/cc-12.jpg) 50% 100% no-repeat; }
.cell-bd .item4 .right-panel { position: absolute; height: 100%; width: 50%; left: 50%; top: 0; }
.cell-bd .item4 .right-panel .cont { position: absolute; top: 50%; left: 10%; right: 10%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.cell-bd .item5 { padding-bottom: 100px; background: url(../images/cc-7.jpg) 50% 100% no-repeat; }
.cell-bd .item5 .header { padding: 95px 0 60px 95px; color: #5a5a5a; font-size: 24px; }
.cell-bd .item5 h2 { font-size: 18px; font-weight: normal; color: #5a5a5a; padding-bottom: 5px; }
.cell-bd .item5 .cont { font-size: 14px; line-height: 23px; color: #8b8b8b; }
.cell-bd .item5 .item-sub { padding-bottom: 55px; }
.cell-bd .item5 .left-panel { left: 10%; width: 24%; text-align: right; }
.cell-bd .item5 .right-panel { position: absolute; width: 22%; top: 0; right: 10%; }
.cell-bd .item6 .item6-bd { padding: 160px 105px 130px; }
.cell-bd .item6 .left-panel { width: 40%; left: 8%; }
.cell-bd .item6 .right-panel { margin-left: 50%; }
.cell-bd .item6 .right-panel li { margin-bottom: 28px; color: #8b8b8b; font-size: 14px; background: url(../images/icon-dot.png) 155px 8px no-repeat; }
.cell-bd .item6 .right-panel li div { margin-left: 170px; }
.cell-bd .item7 { background: url(../images/cc-10.jpg) 20% 100% no-repeat; }
.cell-bd .item7 .header { height: 40px; width: 100%; overflow: hidden; background-color: #e4c563; }
.cell-bd .item7 .header img { width: auto; }
.cell-bd .item7 .cont { padding: 130px 0 140px; margin-left: 52%; }
.store { background-color: #fff; border-left: solid #eaeaea 1px; min-height: 100%; }
.store .voice { font-size: 16px; color: #707070; text-indent: 30px; overflow: hidden; }
.store .voice .icon-voice { width: 18px; height: 13px; position: absolute; top: 50%; left: 60px; margin-top: -6px; background-image: url(../images/icon-voice.png); }
.store .voice ul { position: absolute; top: 0; left: 120px; color: #ef8200; }
.store .voice ul li { height: 79px; }
.store .selector { height: 97px; line-height: 97px; border-bottom: solid #eaeaea 1px; z-index: 9991; }
.store .selector .title { font-size: 20px; color: #ef8200; padding-left: 60px; }
.store .selector .select-area { position: absolute; top: 30px; left: 192px; }
.store .selector .select-area .sb { width: 180px; height: 40px; background-color: #ebebeb; float: left; margin-right: 20px; }
.store .selector .select-area .sb.sb_active .selected span .icon { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.store .selector .select-area .selected { font-size: 14px; color: #707070; margin: 0 60px 0 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.store .selector .select-area .selected span { width: 40px; height: 40px; background-color:#ef8200; position: absolute; top: 0; right: -60px; }
.store .selector .select-area .selected span .icon { width: 8px; height: 7px; position: absolute; top: 16px; left: 16px; background-image: url(../images/icon-arrow-down.png); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.store .selector .select-area .opts { background-color: #ebebeb; position: absolute; }
.store .selector .select-area .opts a { display: block; height: 40px; line-height: 40px; color: #707070; font-size: 14px; text-indent: 10px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.store .selector .select-area .opts a:hover { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s; background-color: #d6d5d5; }
.store .selector .select-area .opts a.selected { background-color:#ef8200; margin: 0; color: #fff; }
.store .shower { height: 779px; overflow: hidden; border-bottom: solid #eaeaea 1px; }
.store .shower .left-panel { width: 640px; height: 779px; }
.store .shower .left-panel li { margin-bottom: 100px; }
.store .shower .left-panel .mCSB_scrollTools { top: 20px; right: 10px; bottom: 20px; width: 2px; background-color: #ebebeb; }
.store .shower .left-panel .mCSB_draggerContainer { height: 100%; }
.store .shower .left-panel .mCSB_dragger { background-color:#ef8200; width: 10px; height: auto; z-index: 999; margin-left: -4px; }
.store .shower .left-panel-box { padding: 60px 60px 1px; }
.store .shower #map { position: absolute; left: 640px; height: 100%; top: 0; right: 0; }
.store .shower #map img { width: auto; display: inline; }
.store .name { color: #404040; font-size: 26px; }
.store .line { width: 30px; height: 2px; overflow: hidden; background-color: #e5e5e5; margin: 20px 0; }
.store .cont { color: #707070; font-size: 16px; }
.store .cont .icon { position: absolute; top: 5px; left: 0; }
.store .tel { width: 280px; height: 38px; text-indent: 30px; }
.store .fax { width: 230px; height: 38px; text-indent: 30px; }
.store .addr { text-indent: 30px; clear: both; }
.store .icon-tel { width: 16px; height: 16px; background-image: url(../images/icon-tel2.png); }
.store .icon-fax { width: 19px; height: 17px; background-image: url(../images/icon-fax.png); }
.store .icon-add { width: 18px; height: 16px; background-image: url(../images/icon-home.png); }
.store .school .header { font-size: 20px; color: #ef8200; }
.store .school .items li { border-left: solid #eaeaea 1px; margin-left: -1px; width: 50%; }
.store .school .items li .infos { padding: 60px; }

@-webkit-keyframes shake {
 0%,60%,100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 10%,50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }
 30% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
}

@-moz-keyframes shake {
 0%,60%,100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 10%,50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }
 30% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
}

@-ms-keyframes shake {
 0%,60%,100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 10%,50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }
 30% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
}

@keyframes shake {
 0%,60%,100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 10%,50% { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); }
 30% { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
}

@-webkit-keyframes el-pop-in {
 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 80% { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }
 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}

@-moz-keyframes el-pop-in {
 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 80% { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }
 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}

@-ms-keyframes el-pop-in {
 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 80% { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }
 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}

@keyframes el-pop-in {
 0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
 80% { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }
 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width:1366px) {
 .slider-home .banner1 .text h1 { font-size: 60px; }
 .slider-home .banner1 .text .intro .chi { font-size: 18px; }
 .slider-home .banner1 .text .view a { font-size: 18px; }
 .products-list .box { padding: 40px; }
 .products-list .image { width: 200px; height: 200px; top: 40px; left: 40px; }
 .products-list .infos { margin-left: 240px; }
}