.w1000 {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 1000px
}
.w876 {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 876px
}
.dn {
	DISPLAY: none !important
}
.header {
	Z-INDEX: 10; POSITION: fixed; PADDING-BOTTOM: 5px; WIDTH: 100%; BACKGROUND: url(web_file/images/bg_header.png) repeat-x 50% bottom; HEIGHT: 47px
}
.logo {
	Z-INDEX: 2; POSITION: relative; HEIGHT: 47px; OVERFLOW: hidden
}
.header-bg {
	Z-INDEX: 1; POSITION: relative; BACKGROUND: url(images/bg_bg01.png) repeat-x; FLOAT: left; HEIGHT: 47px; MARGIN-LEFT: -7px
}
.nav LI {
	POSITION: relative; LINE-HEIGHT: 47px; PADDING-RIGHT: 2px; BACKGROUND: url(images/bg_li01.png) no-repeat right 50%; FLOAT: left
}
.nav LI A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; DISPLAY: inline-block; COLOR: #fff; PADDING-TOP: 0px
}
.nav LI.hover {
	BACKGROUND: url(images/bg_sign12.png) #525464 no-repeat 90% center
}
.nav LI.on {
	BACKGROUND: url(images/bg_sign12.png) #525464 no-repeat 90% center
}
.nav LI.hover > A {
	COLOR: #fff
}
.nav LI.on > A {
	COLOR: #fff
}
.subnav {
	POSITION: absolute; WIDTH: 200%; DISPLAY: none; TOP: 47px; LEFT: 0px
}
.nav .subnav A {
	BORDER-BOTTOM: #525464 1px solid; LINE-HEIGHT: 34px; PADDING-LEFT: 17%; WIDTH: 83%; PADDING-RIGHT: 0px; BACKGROUND: url(images/bg_sign13.png) #525464 no-repeat 90% 0px; FLOAT: left; COLOR: #ccc; BORDER-TOP: #464856 1px solid
}
.nav .subnav A:hover {
	BACKGROUND: url(images/bg_sign13.png) #6f7287 no-repeat 90% -34px; COLOR: #fff
}
.header-bg A.weibo {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 47px; PADDING-LEFT: 35px; PADDING-RIGHT: 16px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign01.png) no-repeat left 0px; FLOAT: right; COLOR: #d0d6ed; MARGIN-LEFT: 23px; PADDING-TOP: 0px
}
.header-bg A.weibo:hover {
	BACKGROUND-POSITION: left -47px; COLOR: #fff
}
.header-bg .search {
	MARGIN-TOP: 10px; WIDTH: 164px; FLOAT: right; HEIGHT: 26px
}
.header-bg .search .left {
	WIDTH: 12px; BACKGROUND: url(images/bg_sign02.png) no-repeat; FLOAT: left; HEIGHT: 26px
}
.header-bg .search INPUT {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 26px; WIDTH: 118px; BACKGROUND: url(images/bg_input01.png) repeat-x; FLOAT: left; HEIGHT: 26px; COLOR: #fff; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.header-bg .search INPUT.submit {
	WIDTH: 34px; BACKGROUND: url(images/bg_input02.png) no-repeat; HEIGHT: 26px
}
.footer {
	PADDING-BOTTOM: 7px; LINE-HEIGHT: 28px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 28px; COLOR: #000; FONT-SIZE: 14px; PADDING-TOP: 7px
}
.footer IMG {
	DISPLAY: inline; MARGIN-LEFT: 1%
}
.footer P.fl {
	TEXT-TRANSFORM: uppercase; PADDING-LEFT: 1%; FONT-FAMILY: Aparajita, Arial
}
.footer P.fr {
	DISPLAY: inline; MARGIN-RIGHT: 1%
}
.footer B {
	PADDING-LEFT: 30px; DISPLAY: inline-block; FONT-FAMILY: Arial; BACKGROUND: url(images/bg_sign05.jpg) no-repeat left center; MARGIN-LEFT: 10px; FONT-SIZE: 12px
}
.footer A {
	COLOR: #000
}
.footer A:hover {
	COLOR: #f2992f
}
.banner {
	Z-INDEX: 1; POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; BACKGROUND: url(images/loading.gif) no-repeat center 50%; OVERFLOW: hidden
}
.banner LI {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
.index-warp {
	Z-INDEX: 5; POSITION: absolute; WIDTH: 100%; BOTTOM: 42px; BACKGROUND: url(images/bg_shadow01.png) repeat-x; HEIGHT: 86px; LEFT: 0px
}
.index-main {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 1%; PADDING-RIGHT: 1%; HEIGHT: 86px; PADDING-TOP: 0px
}
.index-main .video A {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 45px; WIDTH: 56px; PADDING-RIGHT: 0px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign04.png) no-repeat left center; PADDING-TOP: 8px
}
.index-main .video P {
	LINE-HEIGHT: 18px; COLOR: #fff; FONT-SIZE: 14px
}
.index-main .video P.en {
	LINE-HEIGHT: 14px; TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial; COLOR: #8e8d8e
}
.index-main .tips {
	MARGIN-TOP: 9px; FLOAT: right
}
.index-news {
	POSITION: relative; MARGIN-TOP: 7px; WIDTH: 50%; FLOAT: left; HEIGHT: 24px; OVERFLOW: hidden
}
.index-news .list {
	LINE-HEIGHT: 24px; WIDTH: 100%; FLOAT: left; HEIGHT: 24px; COLOR: #f5f3f5
}
.index-news .list SPAN {
	DISPLAY: inline-block; FLOAT: left; COLOR: #f5f3f5
}
.index-news .list A {
	DISPLAY: inline-block; FLOAT: left; COLOR: #f5f3f5
}
.info_slide {
	Z-INDEX: 2; POSITION: absolute; BOTTOM: 0px; HEIGHT: 44px; RIGHT: 0px
}
.info_slide .image_number {
	POSITION: relative; WIDTH: 82px; DISPLAY: inline-block; FLOAT: left; HEIGHT: 38px; CURSOR: pointer; PADDING-TOP: 6px
}
.info_slide .image_number .bg {
	Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=54); WIDTH: 100%; BACKGROUND: #000; HEIGHT: 37px; TOP: 6px; LEFT: 0px; opacity: 0.54
}
.info_slide .image_number IMG {
	WIDTH: 82px; HEIGHT: 38px
}
.info_slide .image_number_select {
	BACKGROUND: url(images/bg_li02.png) no-repeat
}
.info_slide .image_number_select .bg {
	DISPLAY: none
}
.info_slide .image_number_select IMG {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; WIDTH: 76px; PADDING-RIGHT: 0px; HEIGHT: 33px; PADDING-TOP: 2px
}
.index-video {
	Z-INDEX: 10; POSITION: absolute; WIDTH: 100%; DISPLAY: none; BACKGROUND: #000; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.index-video .close {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 36px; HEIGHT: 36px; TOP: 15px; CURSOR: pointer; RIGHT: 15px
}
.video-main {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
.inside-wrap {
	BORDER-BOTTOM: #ececec 1px solid
}
.tips-btn {
	Z-INDEX: 15; POSITION: fixed; WIDTH: 20px; TOP: 50%; RIGHT: 3%
}
.tips-btn A {
	WIDTH: 20px; DISPLAY: inline-block; MARGIN-BOTTOM: 26px; BACKGROUND: url(images/bg_sign11.png) no-repeat; HEIGHT: 20px
}
.tips-btn A:hover {
	BACKGROUND-POSITION: 0px -20px
}
.tips-btn A.on {
	BACKGROUND-POSITION: 0px -20px
}
.bg-white {
	BACKGROUND: #fff
}
.about-bg-fi {
	BACKGROUND: url(images/bg_bg02.jpg) #fff fixed no-repeat center top; PADDING-TOP: 601px
}
.about-profile-l {
	MARGIN-TOP: -106px; WIDTH: 308px; FLOAT: left
}
.about-profile-l .video {
	WIDTH: 308px; MARGIN-BOTTOM: 18px; BACKGROUND: #000; FLOAT: left; HEIGHT: 199px; display:none
}
.gai01{ height:199px}
.list{ display:block; overflow:hidden}
.about-profile-l .list A {
	PADDING-BOTTOM: 4px; LINE-HEIGHT: 16px; PADDING-LEFT: 7px; WIDTH: 294px; PADDING-RIGHT: 7px; DISPLAY: inline-block; MARGIN-BOTTOM: 3px; FLOAT: left; HEIGHT: 30px; FONT-SIZE: 14px; PADDING-TOP: 4px
}
.about-profile-l .list P {
	COLOR: #333
}
.about-profile-l .list P.en {
	TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial; COLOR: #b6b6b6
}
.about-profile-l .list A:hover {
	BACKGROUND: url(images/bg_sign06.jpg) #797d94 no-repeat right 50%
}
.about-profile-l .list A:hover P {
	COLOR: #fff
}
.about-profile-l .list A:hover P.en {
	COLOR: #bdbec9
}
.about-profile-r {
	PADDING-BOTTOM: 55px; PADDING-LEFT: 0px; WIDTH: 635px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 40px
}
.about-profile-r H2 {
	PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 22px; BACKGROUND: url(images/name01.png) no-repeat left bottom; COLOR: #333; FONT-SIZE: 22px
}
.about-sign {
	POSITION: relative; PADDING-BOTTOM: 6px; MARGIN: 65px 0px 0px 110px; PADDING-LEFT: 18px; WIDTH: 12px; PADDING-RIGHT: 18px; BACKGROUND: url(images/bg_sign09.png) no-repeat; HEIGHT: 35px; PADDING-TOP: 7px
}
.about-sign .sign-top {
	POSITION: absolute; WIDTH: 12px; BOTTOM: 24px; BACKGROUND: url(images/bg_sign07.png) no-repeat; HEIGHT: 17px; LEFT: 18px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite
}
.about-sign .sign-bot {
	POSITION: absolute; WIDTH: 12px; BACKGROUND: url(images/bg_sign08.png) no-repeat; HEIGHT: 17px; TOP: 25px; LEFT: 18px; animation: signMove 1s infinite; -webkit-animation: signMove 1s infinite
}
.about-bg-se {
	BACKGROUND: url(images/bg_bg03.jpg) #fff fixed no-repeat center top; PADDING-TOP: 601px
}
.about-concept-f {
	PADDING-BOTTOM: 55px; PADDING-LEFT: 0px; WIDTH: 635px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 40px
}
.about-concept-f H2 {
	PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 22px; BACKGROUND: url(images/name02.png) no-repeat left bottom; COLOR: #333; FONT-SIZE: 22px
}
.about-concept-f .about-sign {
	MARGIN-LEFT: 476px
}
.about-concept-r {
	TEXT-ALIGN: right; LINE-HEIGHT: 28px; MARGIN-TOP: -92px; WIDTH: 217px; FLOAT: right; COLOR: #898989
}
.about-bg-th {
	BACKGROUND: url(images/bg_bg04.jpg) fixed no-repeat center top; PADDING-TOP: 601px
}
.about-service {
	PADDING-BOTTOM: 55px; MARGIN-TOP: -360px; FLOAT: left
}
.about-service H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 124px; BACKGROUND: url(images/name02.png) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.about-service .list {
	BORDER-BOTTOM: #f2f2f2 11px solid; POSITION: relative; BORDER-LEFT: #f2f2f2 11px solid; WIDTH: 978px; MARGIN-BOTTOM: 106px; BORDER-TOP: #f2f2f2 11px solid; BORDER-RIGHT: #f2f2f2 11px solid
}
.about-service .list UL {
	BORDER-LEFT: #e7e7e7 1px solid; WIDTH: 978px; FLOAT: left; BORDER-TOP: #e7e7e7 1px solid
}
.about-service .list LI {
	BORDER-BOTTOM: #e7e7e7 1px solid; WIDTH: 162px; FLOAT: left; HEIGHT: 67px; BORDER-RIGHT: #e7e7e7 1px solid
}
.about-service .tips {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 34px
}
.about-service .tips A.more {
	BORDER-BOTTOM: #999 2px solid; TEXT-ALIGN: left; BORDER-LEFT: #999 2px solid; LINE-HEIGHT: 38px; PADDING-LEFT: 58px; WIDTH: 98px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign10.jpg) no-repeat 9px 1px; COLOR: #727272; FONT-SIZE: 14px; BORDER-TOP: #999 2px solid; BORDER-RIGHT: #999 2px solid
}
.about-service .tips A.more:hover {
	BORDER-BOTTOM: #f08200 2px solid; BORDER-LEFT: #f08200 2px solid; BACKGROUND-POSITION: 9px -37px; COLOR: #f08200; BORDER-TOP: #f08200 2px solid; BORDER-RIGHT: #f08200 2px solid
}
.about-service .tips IMG {
	MARGIN: 24px auto 0px; DISPLAY: block
}
.about-service .tips P {
	LINE-HEIGHT: 46px
}
.about-service .about-sign {
	MARGIN-LEFT: 476px
}
.about-photo {
	TEXT-ALIGN: center; PADDING-BOTTOM: 204px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(images/bg_bg05.jpg) #fff no-repeat center top; PADDING-TOP: 301px
}
.about-photo H2 {
	PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 25px; BACKGROUND: url(images/name04.jpg) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.about-photo SPAN {
	BORDER-BOTTOM: #666 2px solid; BORDER-LEFT: #666 2px solid; PADDING-BOTTOM: 4px; LINE-HEIGHT: 40px; MARGIN: 50px auto 120px; DISPLAY: inline-block; COLOR: #333; FONT-SIZE: 24px; BORDER-TOP: #666 2px solid; BORDER-RIGHT: #666 2px solid
}
.about-photo P.en {
	COLOR: #333; FONT-SIZE: 14px
}
.photo-list {
	MARGIN-BOTTOM: 110px
}
.photo-list .btn {
	MARGIN: 0px 2px; WIDTH: 48px; FLOAT: left; HEIGHT: 136px; CURSOR: pointer
}
.photo-list .prev {
	BACKGROUND: url(images/prev01.jpg) no-repeat left center
}
.photo-list .next {
	BACKGROUND: url(images/next01.jpg) no-repeat left center
}
.photo-list .hover.btn {
	BACKGROUND-POSITION: -48px center
}
.photo-list .list {
	POSITION: relative; MARGIN: 0px 57px; WIDTH: 782px; FLOAT: left; HEIGHT: 188px; OVERFLOW: hidden
}
.photo-list UL {
	WIDTH: 849px; FLOAT: left
}
.photo-list LI {
	POSITION: relative; WIDTH: 215px; DISPLAY: inline; FLOAT: left; HEIGHT: 188px; OVERFLOW: hidden; MARGIN-RIGHT: 68px
}
.photo-list .bg {
	Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=60); WIDTH: 215px; BACKGROUND: #000; HEIGHT: 136px; TOP: -136px; LEFT: 0px; opacity: 0.6
}
.photo-list .sign {
	Z-INDEX: 3; POSITION: absolute; WIDTH: 34px; BACKGROUND: url(images/sign02.png) no-repeat; HEIGHT: 33px; TOP: -33px; LEFT: 97px
}
.photo-list P {
	LINE-HEIGHT: 52px; COLOR: #333
}
.photo-list A:hover P {
	COLOR: #f08200
}
.designcl-bg-fi {
	BACKGROUND: url(images/bg_bg06.jpg) #fff fixed no-repeat center top; PADDING-TOP: 601px
}
.cl-concepts {
	PADDING-BOTTOM: 55px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 55px
}
.cl-concepts .title {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 35px
}
.cl-concepts H2 {
	LINE-HEIGHT: 30px; COLOR: #333; FONT-SIZE: 22px
}
.cl-concepts .about-sign {
	MARGIN: 104px 0px 0px 416px
}
.designcl-bg-se {
	BACKGROUND: url(images/bg_bg07.jpg) #fff fixed no-repeat center top; PADDING-TOP: 600px
}
.cl-system {
	PADDING-BOTTOM: 55px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 65px
}
.cl-system .title {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 30px
}
.cl-system H2 {
	LINE-HEIGHT: 30px; COLOR: #333; FONT-SIZE: 22px
}
.cl-system .about-sign {
	MARGIN: 32px 0px 0px 416px
}
.cl-system-list {
	HEIGHT: 310px
}
.cl-system-list .tab {
	TEXT-ALIGN: center; LINE-HEIGHT: 34px; MARGIN-BOTTOM: 28px; HEIGHT: 34px; FONT-SIZE: 14px
}
.cl-system-list .tab A {
	WIDTH: 166px; DISPLAY: inline-block; BACKGROUND: #dddcdc; COLOR: #333; MARGIN-RIGHT: 6px
}
.cl-system-list .tab A:hover {
	BACKGROUND: #767c94; COLOR: #fff
}
.cl-system-list .tab A.on {
	BACKGROUND: #767c94; COLOR: #fff
}
.cl-system-list .list {
	POSITION: relative; WIDTH: 876px; HEIGHT: 248px; OVERFLOW: hidden
}
.cl-system-list .intro {
	POSITION: absolute; WIDTH: 860px; HEIGHT: 248px; TOP: 0px; LEFT: 0px
}
.cl-system-list .intro P.fz14 {
	COLOR: #000; FONT-SIZE: 14px
}
.cl-system-list .scroll-bar {
	POSITION: absolute; WIDTH: 6px; BACKGROUND: #dadada; HEIGHT: 248px; TOP: 0px; RIGHT: 0px
}
.cl-system-list .scroll-bar-in {
	POSITION: absolute; WIDTH: 6px; BACKGROUND: #797b92; HEIGHT: 65px; TOP: 0px; CURSOR: pointer; LEFT: 0px
}
.designcl-cases {
	POSITION: relative; OVERFLOW: hidden; PADDING-TOP: 110px
}
.designcl-cases .bg-box {
	Z-INDEX: -1; POSITION: absolute; WIDTH: 25%; BACKGROUND: #e6e7e8; FLOAT: left; TOP: 0px; LEFT: 0px
}
.designcl-cases .se {
	BACKGROUND: #e3e3e3; LEFT: 25%
}
.designcl-cases .th {
	LEFT: 50%
}
.designcl-cases .fo {
	BACKGROUND: #e3e3e3; LEFT: 75%
}
.designcl-cases H2 {
	Z-INDEX: 2; POSITION: relative; TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 115px; BACKGROUND: url(images/name07.png) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.designcl-cases .list {
	POSITION: relative
}
.designcl-cases .list-ul {
	MIN-HEIGHT: 150px; WIDTH: 100%; BACKGROUND: url(images/loading.gif) no-repeat center 50%; FLOAT: left; HEIGHT: auto !important
}
.designcl-cases .list-ul LI {
	POSITION: relative; WIDTH: 25%; FLOAT: left; OVERFLOW: hidden; CURSOR: pointer
}
.designcl-cases .border-right {
	POSITION: absolute; WIDTH: 2px; BACKGROUND: #000; HEIGHT: 100%; TOP: 0px; RIGHT: 0px
}
.designcl-cases .border-bottom {
	POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 2px; LEFT: 0px
}
.designcl-cases LI .bg {
	POSITION: absolute; FILTER: alpha(opacity=56); WIDTH: 100%; BACKGROUND: #000; HEIGHT: 100%; TOP: 0px; LEFT: 0px; opacity: 0.56
}
.designcl-cases .tips {
	POSITION: absolute; PADDING-BOTTOM: 0px; LINE-HEIGHT: 50px; MARGIN-TOP: -25px; PADDING-LEFT: 3%; WIDTH: 90%; PADDING-RIGHT: 7%; BACKGROUND: url(images/bg_shadow02.png); COLOR: #fff; FONT-SIZE: 18px; TOP: 50%; PADDING-TOP: 0px; LEFT: -100%
}
.designcl-cases .tips P {
	BACKGROUND: url(images/bg_sign14.png) no-repeat right center
}
.designcl-cases .intro {
	POSITION: absolute; WIDTH: 100%; DISPLAY: none; BACKGROUND: #797d94; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
.designcl-cases .intro .img {
	POSITION: relative; WIDTH: 75%; FLOAT: left; HEIGHT: 100%; OVERFLOW: hidden
}
.designcl-cases .intro .img LI {
	POSITION: absolute; WIDTH: 100%; BACKGROUND: url(images/loading.gif) no-repeat center 50%; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.designcl-cases .intro .img LI IMG {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
.designcl-cases .detail {
	POSITION: relative; WIDTH: 25%; FLOAT: right; HEIGHT: 100%
}
.designcl-cases .close {
	Z-INDEX: 3; POSITION: absolute; WIDTH: 36px; BACKGROUND: url(images/close01.png) no-repeat; HEIGHT: 36px; TOP: 10%; CURSOR: pointer; RIGHT: 20%
}
.designcl-cases .detail-inside {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 24px; PADDING-LEFT: 10%; WIDTH: 67%; PADDING-RIGHT: 0px; COLOR: #e3e3e3; PADDING-TOP: 17%
}
.designcl-cases .detail-inside H2 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 24px; MARGIN-BOTTOM: 6px; BACKGROUND: url(images/name08.png) no-repeat left bottom; COLOR: #e3e3e3; FONT-SIZE: 20px
}
.designcl-cases .detail .btn {
	POSITION: absolute; BOTTOM: 5%; LEFT: 10%
}
.designcl-cases .btn-box {
	WIDTH: 30px; FLOAT: left
}
.designcl-cases .prev {
	WIDTH: 30px; BACKGROUND: url(images/prev02.png) no-repeat; FLOAT: left; HEIGHT: 19px; CURSOR: pointer
}
.designcl-cases .next {
	WIDTH: 30px; BACKGROUND: url(images/next02.png) no-repeat; FLOAT: left; HEIGHT: 19px; CURSOR: pointer
}
.designcl-cases .btn P {
	LINE-HEIGHT: 38px; PADDING-LEFT: 18px; FLOAT: left; COLOR: #e3e3e3
}
.designal-bg-fi {
	BACKGROUND: url(images/bg_bg08.jpg) #fff fixed no-repeat center top
}
.designal-bg-se {
	BACKGROUND: url(images/bg_bg09.jpg) #fff fixed no-repeat center top
}
.designrl-bg-fi {
	BACKGROUND: url(images/bg_bg10.jpg) #fff fixed no-repeat center top
}
.designrl-bg-se {
	BACKGROUND: url(images/bg_bg11.jpg) #fff fixed no-repeat center top
}
.designrl-tips LI {
	LINE-HEIGHT: 24px; DISPLAY: inline; FLOAT: left; MARGIN-RIGHT: 32px
}
.designrl-tips .line {
	POSITION: relative; WIDTH: 100%; MARGIN-BOTTOM: 10px; BACKGROUND: #dbdbdb; HEIGHT: 3px; OVERFLOW: hidden
}
.designrl-tips .line-in {
	POSITION: absolute; WIDTH: 100%; BACKGROUND: #767c94; HEIGHT: 3px; TOP: 0px; LEFT: -100%
}
.designrl-tips H2 {
	LINE-HEIGHT: 34px; FONT-SIZE: 14px
}
.designrl-bg-se .about-sign {
	MARGIN-TOP: 94px
}
.cases-wrap H2 {
	MARGIN-BOTTOM: 22px
}
.cases-list {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 56px
}
.cases-list A {
	LINE-HEIGHT: 32px; MARGIN: 0px 6px 6px 0px; WIDTH: 124px; DISPLAY: inline-block; BACKGROUND: #e1e1e1; COLOR: #666
}
.cases-list A:hover {
	BACKGROUND: #8388a1; COLOR: #fff; FONT-WEIGHT: bold
}
.cases-list A.on {
	BACKGROUND: #8388a1; COLOR: #fff; FONT-WEIGHT: bold
}
.jobs-bg-fi {
	BACKGROUND: url(images/bg_bg12.jpg) #fff fixed no-repeat center top
}
.jobs-concept {
	PADDING-BOTTOM: 42px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 58px
}
.jobs-concept .title {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 35px
}
.jobs-concept H2 {
	LINE-HEIGHT: 30px; COLOR: #333; FONT-SIZE: 22px
}
.jobs-concept .intro {
	MIN-HEIGHT: 264px; HEIGHT: auto !important
}
.jobs-concept .about-sign {
	MARGIN-LEFT: 416px
}
.jobs-bg-se {
	BACKGROUND: url(images/bg_bg13.jpg) no-repeat center top; PADDING-TOP: 112px
}
.fixed.jobs-bg-se {
	BACKGROUND: url(images/bg_bg13.jpg) #fff fixed no-repeat center top
}
.jobs-bg-se H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 115px; BACKGROUND: url(images/name14.png) no-repeat center bottom; COLOR: #fff; FONT-SIZE: 22px
}
.bg-grey {
	BACKGROUND: #ecebeb
}
.jobs-list {
	PADDING-BOTTOM: 240px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 1018px; PADDING-RIGHT: 0px; PADDING-TOP: 135px
}
.jobs-list-box {
	POSITION: relative; WIDTH: 1018px; HEIGHT: 474px; OVERFLOW: hidden
}
.jobs-list UL {
	POSITION: absolute; PADDING-BOTTOM: 41px; WIDTH: 1018px; TOP: 0px; LEFT: 110%
}
.jobs-list LI {
	PADDING-BOTTOM: 76px; LINE-HEIGHT: 24px; PADDING-LEFT: 0px; WIDTH: 468px; PADDING-RIGHT: 49px; MARGIN-BOTTOM: -41px; BACKGROUND: url(images/bg_shadow03.png) no-repeat; FLOAT: left; HEIGHT: 101px; COLOR: #ccc; PADDING-TOP: 0px
}
.jobs-list LI.right {
	MARGIN-LEFT: -17px
}
.jobs-list LI .intro {
	PADDING-BOTTOM: 13px; PADDING-LEFT: 19px; WIDTH: 430px; PADDING-RIGHT: 19px; BACKGROUND: #797d94; HEIGHT: 78px; PADDING-TOP: 10px
}
.jobs-list LI .intro A.tit {
	LINE-HEIGHT: 30px; DISPLAY: inline-block; COLOR: #fff; FONT-SIZE: 18px
}
.jobs-list LI.hover .intro {
	BACKGROUND: #fff; COLOR: #ccc
}
.jobs-list LI.hover .intro A.tit {
	COLOR: #333
}
.page {
	TEXT-ALIGN: center; HEIGHT: 17px
}
.page SPAN {
	WIDTH: 17px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign15.png) no-repeat; HEIGHT: 17px; CURSOR: pointer; MARGIN-RIGHT: 15px
}
.page SPAN.on {
	BACKGROUND-POSITION: 0px -17px
}
.news-wrap {
	PADDING-BOTTOM: 198px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 122px
}
.news-wrap H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 32px; BACKGROUND: url(images/name15.jpg) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.news-link {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 68px
}
.news-link A {
	LINE-HEIGHT: 32px; MARGIN: 0px 6px 6px 0px; WIDTH: 124px; DISPLAY: inline-block; BACKGROUND: #e1e1e1; COLOR: #666
}
.news-link A:hover {
	BACKGROUND: #8388a1; COLOR: #fff; FONT-WEIGHT: bold
}
.news-link A.on {
	BACKGROUND: #8388a1; COLOR: #fff; FONT-WEIGHT: bold
}
.news-years {
	TEXT-ALIGN: center; LINE-HEIGHT: 26px; MARGIN-BOTTOM: 90px; COLOR: #c9caca
}
.news-years A {
	LINE-HEIGHT: 26px; WIDTH: 94px; DISPLAY: inline-block; COLOR: #888
}
.news-years A:hover {
	COLOR: #797d94
}
.news-years A.on {
	COLOR: #797d94
}
.news-main {
	MARGIN: 0px auto; WIDTH: 1014px; HEIGHT: 521px
}
.news-img {
	PADDING-BOTTOM: 76px; PADDING-LEFT: 0px; WIDTH: 468px; PADDING-RIGHT: 49px; BACKGROUND: url(images/bg_shadow04.png) no-repeat; FLOAT: left; HEIGHT: 363px; PADDING-TOP: 0px
}
.news-img-box {
	POSITION: relative; WIDTH: 468px; HEIGHT: 363px; OVERFLOW: hidden
}
.news-img-box .img-list {
	POSITION: relative; WIDTH: 468px; FLOAT: left; HEIGHT: 262px; OVERFLOW: hidden
}
.news-img-box .img-list LI {
	WIDTH: 468px; FLOAT: left
}
.news-img-box .intro-list {
	POSITION: relative; MARGIN: 19px 0px 0px 15px; WIDTH: 438px; FLOAT: left; HEIGHT: 48px; OVERFLOW: hidden
}
.news-img-box .intro-list LI {
	WIDTH: 438px; FLOAT: left
}
.news-img-box .intro-list A {
	LINE-HEIGHT: 26px; WIDTH: 100%; DISPLAY: inline-block; COLOR: #fff; FONT-SIZE: 18px
}
.news-img-box .time {
	LINE-HEIGHT: 22px; FONT-FAMILY: Arial; COLOR: #cacbd3; FONT-SIZE: 18px
}
.news-img-box .intro-list LI {
	WIDTH: 438px; FLOAT: left
}
.news-img-box .prev {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 36px; HEIGHT: 36px; OVERFLOW: hidden; TOP: 120px; CURSOR: pointer; LEFT: 10px
}
.news-img-box .prev IMG {
	POSITION: absolute; TOP: 0px; LEFT: -36px
}
.news-img-box .next {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 36px; HEIGHT: 36px; OVERFLOW: hidden; TOP: 120px; CURSOR: pointer; RIGHT: 10px
}
.news-img-box .next IMG {
	POSITION: absolute; TOP: 0px; LEFT: 36px
}
.news-img-box .sign {
	POSITION: absolute; WIDTH: 24px; BACKGROUND: url(images/bg_sign16.png) no-repeat; HEIGHT: 11px; TOP: 251px; LEFT: 50px
}
.news-list {
	POSITION: relative; WIDTH: 517px; FLOAT: left; HEIGHT: 438px; MARGIN-LEFT: -20px; OVERFLOW: hidden
}
.news-list UL {
	POSITION: absolute; WIDTH: 517px; FLOAT: left; HEIGHT: 387px; TOP: 0px; MARGIN-RIGHT: -20px; LEFT: 100%
}
.news-list UL.double {
	MARGIN-RIGHT: 0px
}
.news-list LI {
	PADDING-BOTTOM: 70px; PADDING-LEFT: 0px; WIDTH: 468px; PADDING-RIGHT: 49px; MARGIN-BOTTOM: -40px; BACKGROUND: url(images/bg_shadow05.png) no-repeat; FLOAT: left; HEIGHT: 101px; PADDING-TOP: 0px
}
.news-list LI .time {
	TEXT-ALIGN: center; PADDING-BOTTOM: 14px; LINE-HEIGHT: 30px; PADDING-LEFT: 20px; WIDTH: 60px; PADDING-RIGHT: 20px; BACKGROUND: #c9caca; FLOAT: left; HEIGHT: 72px; COLOR: #fff; FONT-SIZE: 15px; PADDING-TOP: 15px
}
.news-list LI .time P.day {
	LINE-HEIGHT: 42px; FONT-SIZE: 36px
}
.news-list LI .intro {
	PADDING-BOTTOM: 20px; LINE-HEIGHT: 20px; PADDING-LEFT: 18px; WIDTH: 332px; PADDING-RIGHT: 18px; BACKGROUND: #797d94; FLOAT: right; HEIGHT: 76px; PADDING-TOP: 5px
}
.news-list LI .intro A {
	WIDTH: 100%; DISPLAY: inline-block; COLOR: #ccc
}
.news-list LI .intro A.tit {
	LINE-HEIGHT: 40px; COLOR: #fff; FONT-SIZE: 18px
}
.news-list LI.hover .intro {
	BACKGROUND: #fff
}
.news-list LI.hover .intro A {
	COLOR: #666
}
.news-main .page SPAN {
	WIDTH: 16px; BACKGROUND: url(images/bg_sign17.jpg) no-repeat; HEIGHT: 16px; MARGIN-RIGHT: 12px
}
.news-main .page SPAN.on {
	BACKGROUND-POSITION: 0px -16px
}
.newsinfo-wrap {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
.newsinfo-wrap .bg {
	Z-INDEX: 1; POSITION: absolute; FILTER: alpha(opacity=80); WIDTH: 100%; BACKGROUND: #000; HEIGHT: 100%; TOP: 0px; LEFT: 0px; opacity: 0.8
}
.newsinfo-wrap .main {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 1000px; BACKGROUND: url(images/bg_shadow06.jpg) repeat-x; HEIGHT: 819px; MARGIN-LEFT: -500px; TOP: 172px; LEFT: 50%
}
.newsinfo-wrap .main .close {
	POSITION: absolute; WIDTH: 36px; HEIGHT: 36px; TOP: -36px; CURSOR: pointer; RIGHT: -36px
}
.news-detail {
	PADDING-BOTTOM: 13px; PADDING-LEFT: 46px; WIDTH: 908px; PADDING-RIGHT: 46px; HEIGHT: 769px; PADDING-TOP: 37px
}
.news-detail H2 {
	TEXT-ALIGN: center; LINE-HEIGHT: 64px; COLOR: #333; FONT-SIZE: 24px; FONT-WEIGHT: normal
}
.news-detail .time {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; MARGIN-BOTTOM: 23px; COLOR: #a4a4a4
}
.news-detail .detail {
	POSITION: relative; WIDTH: 908px; HEIGHT: 534px; OVERFLOW: hidden
}
.news-detail .detail-obj {
	POSITION: absolute; WIDTH: 876px; TOP: 0px; LEFT: 0px
}
.news-detail .scroll-bar {
	POSITION: absolute; WIDTH: 6px; BACKGROUND: #dadada; HEIGHT: 534px; TOP: 0px; RIGHT: 0px
}
.news-detail .scroll-btn {
	POSITION: absolute; WIDTH: 6px; BACKGROUND: #797b92; HEIGHT: 65px; TOP: 0px; CURSOR: pointer; LEFT: 0px
}
.turn {
	MARGIN-TOP: 56px
}
.turn A {
	COLOR: #666
}
.turn A:hover {
	COLOR: #f18e18
}
.contact-bg-fi {
	BACKGROUND: url(images/bg_bg14.jpg) #fff fixed no-repeat center top
}
.contact-map {
	POSITION: relative; TEXT-ALIGN: center; HEIGHT: 601px
}
.contact-map .tips {
	POSITION: relative; TEXT-ALIGN: center; HEIGHT: 86px; PADDING-TOP: 272px
}
.contact-map .tips H2 {
	PADDING-BOTTOM: 12px; LINE-HEIGHT: 36px; BACKGROUND: url(images/name16.png) no-repeat center bottom; COLOR: #fff; FONT-SIZE: 28px
}
.contact-map .tips A {
	LINE-HEIGHT: 38px; PADDING-LEFT: 24px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign18.png) no-repeat left center; COLOR: #dbdbdb
}
.map {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 100%; DISPLAY: none; BACKGROUND: url(images/loading.gif) #fff no-repeat center 50%; HEIGHT: 601px; TOP: 0px; LEFT: 0px
}
.contact-tips {
	TEXT-ALIGN: center; PADDING-BOTTOM: 55px; LINE-HEIGHT: 26px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; PADDING-TOP: 57px
}
.contact-tips H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 65px; BACKGROUND: url(images/name17.png) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.contact-tips H3 {
	LINE-HEIGHT: 34px; COLOR: #333; FONT-SIZE: 20px
}
.contact-tips .tel {
	LINE-HEIGHT: 34px; COLOR: #8d8d8d; FONT-SIZE: 24px
}
.contact-tips A.mail {
	LINE-HEIGHT: 36px; TEXT-TRANSFORM: none; PADDING-LEFT: 30px; DISPLAY: inline-block; BACKGROUND: url(images/bg_sign19.jpg) no-repeat left 0px; COLOR: #797d94
}
.contact-tips A.mail:hover {
	BACKGROUND-POSITION: 0px -36px; COLOR: #f08200
}
.contact-tips P A {
	PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; DISPLAY: inline-block; COLOR: #797d94; FONT-SIZE: 11px; PADDING-TOP: 0px
}
.contact-tips P A:hover {
	COLOR: #f08200
}
.contact-bg-fi .about-sign {
	MARGIN: 157px 0px 0px 416px
}
.contact-bg-se {
	BACKGROUND: url(images/bg_bg15.jpg) #fff fixed no-repeat center top; PADDING-TOP: 601px
}
.contact-message {
	PADDING-BOTTOM: 129px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 66px
}
.contact-message H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 80px; BACKGROUND: url(images/name18.jpg) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.contact-message TD {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 34px
}
.contact-message TEXTAREA {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 5px; LINE-HEIGHT: 34px; PADDING-LEFT: 10px; WIDTH: 450px; PADDING-RIGHT: 10px; FONT-FAMILY: "΢ÈíÑźÚ"; BACKGROUND: #e8e8e8; FLOAT: right; HEIGHT: 165px; COLOR: #969696; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 5px
}
.contact-message INPUT {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 34px; PADDING-LEFT: 8px; WIDTH: 382px; PADDING-RIGHT: 8px; FONT-FAMILY: "΢ÈíÑźÚ"; BACKGROUND: #e8e8e8; FLOAT: left; HEIGHT: 34px; COLOR: #969696; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}
.contact-message INPUT.focus {
	BACKGROUND: #797d94; COLOR: #fff
}
.contact-message INPUT.submit {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 118px; PADDING-RIGHT: 0px; BACKGROUND: #797d94; FLOAT: right; HEIGHT: 34px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
.jobsinfo-wrap .main {
	HEIGHT: auto
}
.jobsinfo-wrap .news-detail {
	HEIGHT: auto
}
.jobs-detail TABLE {
	LINE-HEIGHT: 30px; MARGIN: 25px auto
}
.jobs-detail .details {
	MARGIN-BOTTOM: 15px
}
.jobs-detail .btn {
	TEXT-ALIGN: center; MARGIN: 15px auto 0px; WIDTH: 100%; HEIGHT: 34px
}
.jobs-detail A {
	LINE-HEIGHT: 34px; WIDTH: 100px; DISPLAY: inline-block; BACKGROUND: #797d94; HEIGHT: 34px; COLOR: #fff; FONT-SIZE: 14px; border-radius: 5px
}
.fixed {
	Z-INDEX: 10; POSITION: fixed; BOTTOM: 0px; BACKGROUND: #fff; LEFT: 0px
}
.rl-01 {
	WIDTH: 166px
}
.rl-02 {
	WIDTH: 182px
}
.rl-03 {
	WIDTH: 266px
}
.designrl-tips LI.rl-04 {
	WIDTH: 166px; MARGIN-RIGHT: 0px
}
.cl-system-list {
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none
}
.bgwidth {
	WIDTH: 100%
}
.bgheight {
	HEIGHT: 100%
}
.about-bg-fo {
	PADDING-BOTTOM: 80px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #f2f2f2; PADDING-TOP: 38px; display:none
}
.about-video H2 {
	TEXT-ALIGN: center; PADDING-BOTTOM: 30px; LINE-HEIGHT: 30px; MARGIN-BOTTOM: 25px; BACKGROUND: url(images/name19.png) no-repeat center bottom; COLOR: #333; FONT-SIZE: 22px
}
.about-video .video {
	MARGIN: 40px auto 0px; WIDTH: 998px; BACKGROUND: #000; HEIGHT: 463px;
}


@keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}
@-webkit-keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}