HTML {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; WIDTH: 100%
}
BODY {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
BODY {
MIN-WIDTH: 1000px
}
TD {
FONT-SIZE: 12px; COLOR: #444
}
DIV {
FONT-SIZE: 12px; COLOR: #444
}
A {
COLOR: #333; TEXT-DECORATION: none
}
A:hover {
COLOR: #f30
}
.clear {
CLEAR: both
}
.dis {
DISPLAY: none
}
.w {
OVERFLOW: hidden; CLEAR: both; MARGIN: 0px auto; WIDTH: 1100px
}
.mt10 {
MARGIN-TOP: 10px
}
.mt20 {
MARGIN-TOP: 20px
}
.mt30 {
MARGIN-TOP: 30px
}
.m10 {
MARGIN: 10px auto
}
.fl {
FLOAT: left
}
.fr {
FLOAT: right
}
IMG {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
BODY {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
DIV {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
DL {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
DT {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
DD {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
UL {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
OL {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
LI {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H1 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H2 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H3 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H4 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H5 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
H6 {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
PRE {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
CODE {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
FORM {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
FIELDSET {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
LEGEND {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
INPUT {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
BUTTON {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
TEXTAREA {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
P {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
BLOCKQUOTE {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
TH {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
TD {
LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px
}
EM {
FONT-STYLE: normal
}
I {
FONT-STYLE: normal
}
.clearfix:before {
HEIGHT: 0px; CONTENT: "."; DISPLAY: block; VISIBILITY: hidden
}
.clearfix:after {
HEIGHT: 0px; CONTENT: "."; DISPLAY: block; VISIBILITY: hidden
}
.clearfix:after {
CLEAR: both
}
.clearfix {
ZOOM: 1
}
.C:before {
HEIGHT: 0px; CONTENT: "."; DISPLAY: block; VISIBILITY: hidden
}
.C:after {
HEIGHT: 0px; CONTENT: "."; DISPLAY: block; VISIBILITY: hidden
}
.C:after {
CLEAR: both
}
.C {
ZOOM: 1
}
.pbanner {
OVERFLOW: hidden; POSITION: relative
}
.pbanner IMG {
HEIGHT: auto; DISPLAY: block; LINE-HEIGHT: 0; WIDTH: 100%
}
.pbanner .pbannertext {
HEIGHT: 100%; POSITION: absolute; MARGIN: 0px auto; TOP: 0px; WIDTH: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease
}
.pbanner .wrapper {
HEIGHT: auto; MARGIN: 0px auto; WIDTH: 1100px
}
.pbanner .wrapper .up-cont {
BACKGROUND: #b7d200; POSITION: absolute; COLOR: white; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 35px; FILTER: Alpha(opacity=80); MARGIN-TOP: -44px; TOP: 80%; PADDING-RIGHT: 35px
}
.pbanner .wrapper H2 {
FONT-SIZE: 30px; POSITION: relative; COLOR: #fff
}
.pbanner .wrapper H2 SPAN {
POSITION: relative; COLOR: #fff
}
.pbanner .wrapper SPAN.line {
HEIGHT: 4px; MARGIN-TOP: 14px; DISPLAY: block; WIDTH: 40px; BACKGROUND-COLOR: white
}
#topbar {
BORDER-TOP: #e0e0e0 1px solid; HEIGHT: 32px; BORDER-RIGHT: 0px; BACKGROUND: #f2f2f2; BORDER-BOTTOM: #e0e0e0 1px solid; BORDER-LEFT: 0px; LINE-HEIGHT: 32px
}
#topbar .w SPAN {
FLOAT: right; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px
}
#topbar .w SPAN A {
COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px
}
#topbar .w {
COLOR: #666
}
#tophead {
HEIGHT: 110px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
#tophead .logo {
HEIGHT: 66px; FLOAT: left; MARGIN-TOP: 5px; WIDTH: 270px
}
.tip-tit {
FONT-SIZE: 24px; BACKGROUND: url(../images/tip-tit-b.gif) no-repeat 15px 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 48px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px; WIDTH: 390px
}
.tip-tit B {
FONT-SIZE: 18px; FONT-WEIGHT: normal; DISPLAY: block
}
.tip-tit I {
COLOR: #ff0000
}
.h_rx {
OVERFLOW: hidden; FONT-SIZE: 14px; BACKGROUND: url(../images/h_tel.gif) no-repeat left bottom; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 52px; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; WIDTH: 250px
}
.h_rx SPAN {
FONT-SIZE: 24px; FONT-WEIGHT: bold; COLOR: #b7d200; DISPLAY: block;font-family: Arial, Helvetica, sans-serif
}
#tophead FORM {
FLOAT: right; MARGIN-TOP: 20px
}
#tophead FORM .input {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #ddd 1px solid; COLOR: #999; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 15px
}
#tophead FORM .bnt {
BORDER-TOP: #2194d3 1px solid; BORDER-RIGHT: #2194d3 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #2194d3; BORDER-BOTTOM: #2194d3 1px solid; COLOR: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 25px; BORDER-LEFT: #2194d3 1px solid; PADDING-RIGHT: 25px
}
#topnav {
HEIGHT: 85px; BACKGROUND:#000;
}
#topnav .w {
OVERFLOW: visible
}
#topnav .w UL {
LIST-STYLE-TYPE: none; POSITION: relative; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
#topnav .w UL LI {
FLOAT: left; MARGIN-RIGHT: 20px
}
#topnav .w UL LI A {
FONT-SIZE: 16px; HEIGHT: 42px; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 15px; DISPLAY: block; LINE-HEIGHT: 42px; PADDING-RIGHT: 15px
}
#topnav .w UL LI A:hover {
BACKGROUND: #e8e8e8
}
#topnav .w UL .hover A {
FONT-SIZE: 16px; HEIGHT: 42px; BACKGROUND: #e8e8e8; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 15px; DISPLAY: block; LINE-HEIGHT: 42px; PADDING-RIGHT: 15px
}
#topnav .w UL LI DL {
POSITION: absolute; MARGIN: 0px; Z-INDEX: 999; DISPLAY: none; WIDTH: 160px
}
#topnav .w UL .hover DL DT A {
FONT-SIZE: 14px; HEIGHT: 40px; BACKGROUND: #e8e8e8; BORDER-BOTTOM: #606475 1px solid; DISPLAY: block; LINE-HEIGHT: 40px
}
#topnav .w UL .hover DL DT A:hover {
BACKGROUND: #fff; COLOR: #333; DISPLAY: block
}
#nav-search {
RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-TOP: -25px; TOP: 50%; PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px !important
}
#nav-search FORM {
FLOAT: right
}
#nav-search FORM .input {
BORDER-TOP: #2a2a2a 1px solid; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: #252525; BORDER-BOTTOM: #2a2a2a 1px solid; COLOR: #555; PADDING-BOTTOM: 16px; PADDING-TOP: 16px; PADDING-LEFT: 15px; BORDER-LEFT: #2a2a2a 1px solid; PADDING-RIGHT: 15px; WIDTH: 150px
}
#nav-search FORM .bnt {
BORDER-TOP: 0px; HEIGHT: 50px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BACKGROUND: #b7d200; BORDER-BOTTOM: 0px; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 50px
}
.header2 {
BACKGROUND: #fff; RIGHT: 0px; POSITION: fixed; LEFT: 0px; Z-INDEX: 1010; TOP: 0px; VISIBILITY: hidden; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: 600ms; transition: 600ms; opacity: 0; -moz-transform: translateY(-60px); -o-transform: translateY(-60px)
}
.show.header2 {
VISIBILITY: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; -moz-transform: translate(0); -o-transform: translate(0)
}
.header2 .cont {
POSITION: relative; PADDING-BOTTOM: 25px; PADDING-TOP: 25px; PADDING-LEFT: 25px; MARGIN: 0px 25px; PADDING-RIGHT: 25px
}
.htnavbox {
OVERFLOW: hidden; HEIGHT: 25px; POSITION: relative
}
.httnav {
TEXT-ALIGN: center; -webkit-transition: 600ms; transition: 600ms
}
.htnav {
TEXT-ALIGN: center; -webkit-transition: 600ms; transition: 600ms
}
.httnav A {
FONT-SIZE: 15px; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; LINE-HEIGHT: 25px; PADDING-RIGHT: 30px
}
.htnav A {
FONT-SIZE: 15px; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; LINE-HEIGHT: 25px; PADDING-RIGHT: 30px
}
.httnav A:hover {
COLOR: #a2192b
}
.httnav A.act {
COLOR: #a2192b
}
.htnav A:hover {
COLOR: #a2192b
}
.htnav A.act {
COLOR: #a2192b
}
.htnav {
RIGHT: 0px; POSITION: absolute; LEFT: 0px; TOP: 0px; VISIBILITY: hidden; -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); opacity: 0; -moz-transform: translateX(80px); -o-transform: translateX(80px)
}
.logo2 {
POSITION: absolute; LEFT: 10px; Z-INDEX: 4; DISPLAY: block; TOP: 18px; WIDTH: 178px
}
.logo2 IMG {
DISPLAY: block; WIDTH: 100%
}
.showNav.htnavbox .httnav {
VISIBILITY: hidden; -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); opacity: 0; -moz-transform: translateX(-80px); -o-transform: translateX(-80px)
}
.showNav.htnavbox .htnav {
TEXT-ALIGN: center; VISIBILITY: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; -moz-transform: translate(0); -o-transform: translate(0)
}
.trans {
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s
}
.trans:hover {
-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s
}
.trans-fast {
-webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out
}
.trans-fast:hover {
-webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out
}
.menu-handler {
OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 60px; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 26px; POSITION: absolute; Z-INDEX: 1012; MARGIN-TOP: -30px; TOP: 50%; WIDTH: 60px; -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1)
}
.menu-handler .burger {
HEIGHT: 4px; BACKGROUND: #fff; POSITION: absolute; LEFT: 50%; MARGIN: 0px 0px 0px -16px; Z-INDEX: 5; DISPLAY: block; TOP: 18px; WIDTH: 32px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center
}
.menu-handler .burger-2 {
TOP: 28px
}
.menu-handler .burger-3 {
TOP: 38px
}
.active.menu-handler .burger-1 {
TOP: 30px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg)
}
.active.menu-handler .burger-2 {
LEFT: -100%; FILTER: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0
}
.active.menu-handler .burger-3 {
TOP: 30px; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -moz-transform: rotate(-225deg); -o-transform: rotate(-225deg)
}
#banner {
HEIGHT: 939px
}
#full-screen-slider {
HEIGHT: 939px; POSITION: relative; WIDTH: 100%
}
#slides {
LIST-STYLE-TYPE: none; HEIGHT: 939px; POSITION: relative; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px; WIDTH: 100%
}
#slides LI {
LIST-STYLE-TYPE: none; HEIGHT: 100%; POSITION: absolute; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px; WIDTH: 100%
}
#slides LI A {
HEIGHT: 100%; DISPLAY: block; WIDTH: 100%; TEXT-INDENT: -9999px
}
#pagination {
LIST-STYLE-TYPE: none; POSITION: absolute; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; LEFT: 50%; MARGIN: 0px; Z-INDEX: 2000; DISPLAY: block; PADDING-RIGHT: 15px; BOTTOM: 10px
}
#pagination LI {
LIST-STYLE-TYPE: none; HEIGHT: 10px; BACKGROUND: #fff; FLOAT: left; LIST-STYLE-IMAGE: none; MARGIN-LEFT: 15px; DISPLAY: block; WIDTH: 10px; border-radius: 5px
}
#pagination LI A {
HEIGHT: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px; WIDTH: 100%; TEXT-INDENT: -9999px
}
#pagination LI.current {
BACKGROUND: #0092ce
}
#search {
FONT-SIZE: 12px; BORDER-BOTTOM: #d8d8d8 1px solid; COLOR: #666; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; MARGIN: 0px auto; LINE-HEIGHT: 28px; PADDING-RIGHT: 0px
}
#search P {
FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
#search P A {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px
}
.sea_r {
FLOAT: right; PADDING-TOP: 13px
}
.sousuo {
BORDER-TOP: 1px; HEIGHT: 28px; BORDER-RIGHT: 1px; BACKGROUND: #d7381b; BORDER-BOTTOM: 1px; FLOAT: right; COLOR: #fff; TEXT-ALIGN: center; BORDER-LEFT: 1px; WIDTH: 45px
}
.sousuo:hover {
BACKGROUND: url(../images/search.png) #666; -webkit-transition: all .5s; transition: all .5s
}
.sousuo1 {
BORDER-TOP: 0px; HEIGHT: 28px; BORDER-RIGHT: 0px; BACKGROUND: #f3f3f3; BORDER-BOTTOM: 0px; FLOAT: right; PADDING-LEFT: 10px; BORDER-LEFT: 0px; WIDTH: 250px
}
.serve {
OVERFLOW: hidden; HEIGHT: 400px; MARGIN-TOP: 0px
}
.serve UL {
MARGIN-TOP: 5px
}
.serve LI {
OVERFLOW: hidden; CURSOR: pointer; BORDER-TOP: #ebebeb 1px solid; HEIGHT: 350px; BORDER-RIGHT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid; FLOAT: left; TEXT-ALIGN: center; BORDER-LEFT: #ebebeb 1px solid; WIDTH: 340px; MARGIN-RIGHT: 37px
}
.serve LI.last {
MARGIN-RIGHT: 0px
}
.serve LI SPAN {
OVERFLOW: hidden; HEIGHT: 205px; POSITION: relative; MARGIN: 0px auto 18px; DISPLAY: block; WIDTH: 340px
}
.serve LI SPAN IMG {
WIDTH: 100%
}
.serve LI SPAN .tg-feature-hover {
HEIGHT: 100%; POSITION: absolute; LEFT: 0px; Z-INDEX: 1; TOP: 0px; WIDTH: 100%; opacity: 0
}
.serve LI SPAN .tg-feature-hover A {
POSITION: absolute; COLOR: #fff; MARGIN-LEFT: -23px; LEFT: 50%; DISPLAY: block; TOP: -100%; VISIBILITY: hidden; transform: rotate(180deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease
}
.serve LI SPAN .tg-feature-hover A I {
HEIGHT: 46px; BACKGROUND: url(../images/a_bg.png) no-repeat center center; DISPLAY: block; WIDTH: 46px
}
.serve LI H3 {
FONT-SIZE: 18px; COLOR: #555
}
.serve LI H3 I {
FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; DISPLAY: block
}
.serve LI P {
FONT-SIZE: 12px; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; MARGIN-TOP: 10px; LINE-HEIGHT: 25px; PADDING-RIGHT: 30px
}
.serve LI:hover .tg-feature-hover {
opacity: 1
}
.serve LI:hover .tg-feature-hover A {
TOP: 70px; VISIBILITY: visible; opacity: 1
}
.serve LI:hover H3 {
COLOR: #a7c700
}
.serve LI:hover I {
COLOR: #a7c700
}
.i_pro {
OVERFLOW: hidden; HEIGHT: 630px; BACKGROUND: url(../images/ys_bg.jpg); PADDING-TOP: 46px; DISPLAY: none
}
.pro_l {
OVERFLOW: hidden; BORDER-TOP: #d4211c 6px solid; BORDER-RIGHT: #d4211c 6px solid; BACKGROUND: #fff; BORDER-BOTTOM: #d4211c 6px solid; FLOAT: left; BORDER-LEFT: #d4211c 6px solid; WIDTH: 233px
}
.pro_l H2 {
OVERFLOW: hidden; MARGIN-BOTTOM: 6px; FONT-SIZE: 22px; HEIGHT: 56px; BACKGROUND: url(../images/pro_lh.gif) no-repeat; TEXT-ALIGN: center; PADDING-TOP: 10px
}
.pro_l H2 A {
COLOR: #fff
}
.pro_l P {
FONT-SIZE: 12px; FONT-WEIGHT: normal; opacity: .6
}
.pro_lbox {
HEIGHT: 515px
}
.pro_lbox H3 {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 33px; BACKGROUND: #ededed; PADDING-LEFT: 12px; LINE-HEIGHT: 33px
}
.pro_lbox H3 A {
COLOR: #333
}
.pro_lbox H3.red A {
COLOR: #da091d
}
.pro_lbox UL {
OVERFLOW: hidden; MARGIN: 0px auto 18px; WIDTH: 210px
}
.pro_lbox LI {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 33px; BACKGROUND: url(../images/pro-ico1.gif) no-repeat 0px center; BORDER-BOTTOM: #ddd 1px dashed; PADDING-LEFT: 20px; LINE-HEIGHT: 33px
}
.pro_lbox LI A {
COLOR: #333
}
.pro_lbox LI:hover {
BACKGROUND: url(../images/pro-ico1-hov.gif) no-repeat 0px center
}
.pro_lbox LI:hover A {
COLOR: #d4211c
}
.pro_r {
OVERFLOW: hidden; FLOAT: right; WIDTH: 733px
}
.pro_rt {
OVERFLOW: hidden; MARGIN-BOTTOM: 20px; HEIGHT: 48px; BACKGROUND: url(../images/ipro_bg.gif) no-repeat 0px bottom; LINE-HEIGHT: 48px
}
.pro_rt UL {
}
.pro_rt LI {
OVERFLOW: hidden; FLOAT: left; FONT-WEIGHT: bold; TEXT-ALIGN: center; WIDTH: 200px
}
.pro_rt LI A {
FONT-SIZE: 20px; COLOR: #555; DISPLAY: block
}
.pro_rt LI.first {
BACKGROUND: url(../images/pro-ico2.gif) no-repeat 0px center
}
.pro_rt LI.cur A {
COLOR: #d4211c
}
.pro_rt LI A:hover {
COLOR: #d4211c
}
.pro_more {
FONT-SIZE: 14px; FLOAT: right; COLOR: #555
}
.pro_rbt DL {
OVERFLOW: hidden; HEIGHT: 280px; BACKGROUND: #eaeaea
}
.pro_rbt DT {
FLOAT: left; WIDTH: 365px
}
.pro_rbt DT IMG {
HEIGHT: 280px; WIDTH: 365px
}
.pro_rbt DD {
FLOAT: right; MARGIN-TOP: 20px; PADDING-RIGHT: 10px; WIDTH: 330px
}
.pro_rbt DD H3 {
FONT-SIZE: 16px; HEIGHT: 30px; COLOR: #555
}
.pro_rbt DD P {
FONT-SIZE: 14px; COLOR: #555; MARGIN: 3px 0px; LINE-HEIGHT: 25px
}
.pro_btn {
FONT-SIZE: 0px; MARGIN-TOP: 15px
}
.pro_btn A {
FONT-SIZE: 14px; HEIGHT: 31px; BACKGROUND: #333; COLOR: #fff; TEXT-ALIGN: center; DISPLAY: inline-block; LINE-HEIGHT: 31px; WIDTH: 98px; MARGIN-RIGHT: 20px
}
.pro_btn A:hover {
BACKGROUND: #d4211c
}
.pro_rbb {
MARGIN-TOP: 14px; WIDTH: 110%
}
.pro_rbb LI {
OVERFLOW: hidden; BORDER-TOP: #ddd 1px solid; HEIGHT: 235px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px; WIDTH: 173px; MARGIN-RIGHT: 11px
}
.pro_rbb LI A {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; TOP: 0px; PADDING-RIGHT: 0px
}
.pro_rbb LI.last {
MARGIN-RIGHT: 0px
}
.pro_rbb LI IMG {
HEIGHT: 204px; DISPLAY: inline; WIDTH: 100%
}
.pro_rbb LI DIV {
-webkit-transition: all 1.0s linear 0; transition: all 1.0s linear 0; -moz-transition: all 1.0s linear 0; -o-transition: all 1.0s linear 0
}
.pro_rbb LI:hover {
BORDER-TOP-COLOR: #d4211c; BORDER-BOTTOM-COLOR: #d4211c; BORDER-RIGHT-COLOR: #d4211c; BORDER-LEFT-COLOR: #d4211c
}
.pro_rbb LI:hover .procontent {
TOP: 0px
}
.pro_rbb LI:hover .procontent P {
PADDING-BOTTOM: 20px; PADDING-TOP: 40px
}
.procontent {
HEIGHT: 235px; BACKGROUND: url(../images/mb-black.png); POSITION: absolute; LEFT: 0px; TOP: 200px; WIDTH: 100%
}
.procontent P {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 33px; COLOR: #fff; TEXT-ALIGN: center; LINE-HEIGHT: 33px
}
.procontent A {
HEIGHT: 235px; BACKGROUND: url(../images/mb-bg.png) no-repeat center center; DISPLAY: block; WIDTH: 173px
}
.sb {
OVERFLOW: hidden; HEIGHT: 590px; BACKGROUND: url(../images/sb_bg.jpg) no-repeat center 123px; POSITION: relative; MARGIN-TOP: 42px; DISPLAY: none
}
.sb H3 A {
OVERFLOW: hidden; HEIGHT: 50px; BACKGROUND: url(../images/sb_h.gif) no-repeat 246px top; FONT-WEIGHT: bold; COLOR: #c9000d; FONT-STYLE: italic; PADDING-LEFT: 360px; DISPLAY: block
}
.sb P {
HEIGHT: 80px; POSITION: absolute; COLOR: #666; TEXT-ALIGN: right; WIDTH: 345px
}
.sb P SPAN {
BACKGROUND: url(../images/face.gif) no-repeat 230px center; FONT-WEIGHT: bold; FONT-STYLE: italic; DISPLAY: block
}
.sb P SPAN A {
COLOR: #1f242b
}
.sb P SPAN A:hover {
TEXT-DECORATION: none
}
.sb H3 A:hover {
TEXT-DECORATION: none
}
.sb .p01 {
LEFT: 0px; TOP: 123px
}
.sb .p02 {
LEFT: -100px; TOP: 262px; WIDTH: 420px
}
.sb .p03 {
LEFT: 0px; TOP: 423px
}
.sb .p04 {
RIGHT: 0px; TEXT-ALIGN: left; TOP: 123px
}
.sb .p05 {
RIGHT: -70px; TEXT-ALIGN: left; TOP: 262px
}
.sb .p06 {
RIGHT: 0px; TEXT-ALIGN: left; TOP: 423px
}
.sb .p04 SPAN {
BACKGROUND: url(../images/face.gif) no-repeat 100px center
}
.sb .p05 SPAN {
BACKGROUND: url(../images/face.gif) no-repeat 100px center
}
.sb .p06 SPAN {
BACKGROUND: url(../images/face.gif) no-repeat 100px center
}
.sb .p02 SPAN {
BACKGROUND: url(../images/face.gif) no-repeat 300px center
}
.client {
OVERFLOW: hidden; HEIGHT: 527px; DISPLAY: none
}
.client H2 P {
MARGIN-BOTTOM: 5px; FONT-SIZE: 36px; BACKGROUND: url(../images/h_bg3.gif) no-repeat center center
}
.pj H2 P {
MARGIN-BOTTOM: 5px; FONT-SIZE: 36px; BACKGROUND: url(../images/h_bg3.gif) no-repeat center center
}
.client H2 B {
FONT-SIZE: 36px; BACKGROUND: none transparent scroll repeat 0% 0%; DISPLAY: inline
}
.pj H2 B {
FONT-SIZE: 36px; BACKGROUND: none transparent scroll repeat 0% 0%; DISPLAY: inline
}
.clientbox {
MARGIN-TOP: 36px
}
.clientconbox {
OVERFLOW: hidden; BORDER-TOP: #ccc 2px solid; HEIGHT: 314px; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 2px solid; PADDING-RIGHT: 3px
}
.clientconbox DT {
OVERFLOW: hidden; POSITION: relative; FLOAT: left; WIDTH: 542px
}
.clientconbox DT IMG {
BORDER-TOP: medium none; HEIGHT: 314px; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; DISPLAY: block; WIDTH: 542px
}
.clientconbox DT I {
HEIGHT: 276px; POSITION: absolute; LEFT: 15px; DISPLAY: block; TOP: 15px; WIDTH: 504px
}
.clientconbox DD {
HEIGHT: 274px; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 40px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; WIDTH: 370px
}
.clientconbox DD UL {
MARGIN-TOP: 27px
}
.clientconbox DD LI {
FONT-SIZE: 14px; COLOR: #666; LINE-HEIGHT: 28px
}
.clientconbox DD A.more {
HEIGHT: 27px; BACKGROUND: url(../images/icobox.png) no-repeat -106px -522px; RIGHT: 2px; POSITION: absolute; DISPLAY: block; WIDTH: 33px; BOTTOM: 0px
}
.cbox_r {
FLOAT: right; WIDTH: 43px
}
.cbox_l {
FONT-SIZE: 24px; HEIGHT: 75px; BACKGROUND: url(../images/client_line.gif) no-repeat 0px bottom; COLOR: #3a3a3a; PADDING-TOP: 10px
}
.cbox_l B {
DISPLAY: block
}
.clientcon {
FONT-SIZE: 0px; BACKGROUND: url(../images/client_line2.gif) no-repeat center center; TEXT-ALIGN: center; MARGIN-TOP: 27px
}
.clientcon A {
OVERFLOW: hidden; HEIGHT: 40px; DISPLAY: inline-block; WIDTH: 40px
}
.prev1 {
BACKGROUND: url(../images/icobox.png) no-repeat -84px -480px; MARGIN-RIGHT: 42px
}
.next1 {
BACKGROUND: url(../images/icobox.png) no-repeat 0px -480px
}
.prev1:hover {
BACKGROUND-POSITION: -126px -480px
}
.next1:hover {
BACKGROUND-POSITION: -42px -480px
}
.iys {
OVERFLOW: hidden; HEIGHT: 1550px; BACKGROUND: url(../images/ys_bg.jpg); DISPLAY: none
}
.iys H2 {
HEIGHT: 273px; BACKGROUND: url(../images/ys-hbg.jpg) no-repeat center center
}
.ysbox {
MARGIN-TOP: 45px
}
.ysbox .ys_txt {
FLOAT: left; PADDING-LEFT: 115px; WIDTH: 380px
}
.ysbox .ys_img {
FLOAT: right
}
.ys1 {
OVERFLOW: hidden; HEIGHT: 350px
}
.ys2 {
OVERFLOW: hidden; HEIGHT: 394px; BACKGROUND: url(../images/ys2.jpg) no-repeat center center
}
.ys3 {
OVERFLOW: hidden; HEIGHT: 441px
}
.ys1 .ys_txt {
BACKGROUND: url(../images/ys_n1.gif) no-repeat
}
.ys2 .ys_txt {
BACKGROUND: url(../images/ys_n2.gif) no-repeat; FLOAT: right; MARGIN-TOP: 40px
}
.ys3 .ys_txt {
BACKGROUND: url(../images/ys_n3.gif) no-repeat; MARGIN-TOP: 40px
}
.ys1 .ys_img {
MARGIN-TOP: 8px
}
.ysbox H3 {
FONT-SIZE: 30px; HEIGHT: 86px; BORDER-BOTTOM: #ccc 1px dashed; FONT-WEIGHT: normal; COLOR: #d42220; WIDTH: 360px
}
.ysbox H3 B {
FONT-SIZE: 24px; COLOR: #333; DISPLAY: block
}
.ysbox P {
FONT-SIZE: 14px; BACKGROUND: url(../images/ys_ico1.gif) no-repeat 0px 8px; COLOR: #666; PADDING-LEFT: 16px; MARGIN-TOP: 12px; LINE-HEIGHT: 25px
}
.ysbox A {
FONT-SIZE: 14px; HEIGHT: 38px; BACKGROUND: #d42220; COLOR: #fff; TEXT-ALIGN: center; MARGIN-TOP: 34px; DISPLAY: block; LINE-HEIGHT: 38px; WIDTH: 122px
}
.ysbox SPAN {
FONT-SIZE: 14px; COLOR: #555; MARGIN-TOP: 30px; DISPLAY: block
}
.ysbox SPAN B {
FONT-SIZE: 32px; COLOR: #424242; LETTER-SPACING: -2px
}
.icompany {
OVERFLOW: hidden; HEIGHT: 445px; BACKGROUND: url(../images/company_bg.jpg) no-repeat center 0px; DISPLAY: none
}
.icompany DL {
HEIGHT: 295px; BACKGROUND: #d4211c; PADDING-LEFT: 35px; MARGIN-TOP: 120px
}
.icompany DT {
FLOAT: left; MARGIN-TOP: -55px; WIDTH: 460px
}
.icompany DT IMG {
HEIGHT: 310px; DISPLAY: block; WIDTH: 460px
}
.icompany DD {
HEIGHT: 262px; POSITION: relative; FLOAT: right; MARGIN-TOP: 33px; WIDTH: 455px
}
.icompany DD H3 {
FONT-SIZE: 18px; BACKGROUND: url(../images/company-ico.gif) no-repeat 90px center; COLOR: #fff
}
.icompany DD P {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 168px; COLOR: #fff; MARGIN-TOP: 10px; LINE-HEIGHT: 28px; WIDTH: 410px
}
.icompany DD A {
OVERFLOW: hidden; HEIGHT: 27px; BACKGROUND: url(../images/icobox.png) no-repeat -71px -522px; RIGHT: 0px; POSITION: absolute; DISPLAY: block; WIDTH: 33px; BOTTOM: 0px
}
.album {
HEIGHT: 415px; DISPLAY: none
}
.album IMG {
DISPLAY: block
}
.albumbox {
POSITION: relative
}
.album-prev {
OVERFLOW: hidden; HEIGHT: 80px; POSITION: absolute; Z-INDEX: 100; DISPLAY: block; TOP: 52px; WIDTH: 30px; opacity: .4
}
.album-next {
OVERFLOW: hidden; HEIGHT: 80px; POSITION: absolute; Z-INDEX: 100; DISPLAY: block; TOP: 52px; WIDTH: 30px; opacity: .4
}
.album-prev:hover {
opacity: .8
}
.album-next:hover {
opacity: .8
}
.album-prev {
LEFT: 0px
}
.album-next {
RIGHT: 0px
}
.albumconbox UL {
FONT-SIZE: 0px; TEXT-ALIGN: center
}
.albumconbox LI {
PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 2px; WIDTH: 246px
}
.albumconbox LI {
}
.albumconbox LI {
_display: inline
}
.albumconbox LI IMG {
HEIGHT: 185px; WIDTH: 240px
}
.albumconbox LI > A {
OVERFLOW: hidden; BORDER-TOP: #ebebeb 4px solid; BORDER-RIGHT: #ebebeb 4px solid; BORDER-BOTTOM: #ebebeb 4px solid; BORDER-LEFT: #ebebeb 4px solid; DISPLAY: block
}
.albumconbox LI P {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 28px; MARGIN-TOP: 5px; LINE-HEIGHT: 28px
}
.albumconbox LI P A {
COLOR: #666
}
.albumconbox LI:hover {
BACKGROUND: #d4211c; PADDING-BOTTOM: 10px
}
.albumconbox LI:hover A {
BORDER-TOP-COLOR: #d4211c; COLOR: #fff; BORDER-BOTTOM-COLOR: #d4211c; BORDER-RIGHT-COLOR: #d4211c; BORDER-LEFT-COLOR: #d4211c
}
.albumconbox LI IMG {
OVERFLOW: hidden; -webkit-transition: All 0.3s ease-in-out; transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out
}
.albumconbox LI:hover IMG {
-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1)
}
.albumcon {
MARGIN-TOP: 40px
}
.albumcon UL {
FONT-SIZE: 0px; HEIGHT: 52px; BACKGROUND: url(../images/client_line2.gif) no-repeat 0px center; TEXT-ALIGN: center
}
.albumcon LI {
CURSOR: pointer; FONT-SIZE: 16px; BORDER-TOP: #ccc 1px solid; HEIGHT: 50px; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 50px; WIDTH: 190px
}
.albumcon LI.cur {
BORDER-TOP-COLOR: #d4211c; BACKGROUND: #d4211c; FONT-WEIGHT: bold; COLOR: #fff; BORDER-BOTTOM-COLOR: #d4211c; BORDER-RIGHT-COLOR: #d4211c; BORDER-LEFT-COLOR: #d4211c
}
.albumcon LI:hover {
BORDER-TOP-COLOR: #d4211c; BACKGROUND: #d4211c; FONT-WEIGHT: bold; COLOR: #fff; BORDER-BOTTOM-COLOR: #d4211c; BORDER-RIGHT-COLOR: #d4211c; BORDER-LEFT-COLOR: #d4211c
}
.albumcon LI {
}
.albumcon LI {
_display: inline
}
.information {
OVERFLOW: hidden; HEIGHT: 485px; DISPLAY: none
}
.inf-l IMG {
HEIGHT: 125px; MARGIN-TOP: 20px; DISPLAY: block; WIDTH: 317px
}
.inf-m IMG {
HEIGHT: 125px; MARGIN-TOP: 20px; DISPLAY: block; WIDTH: 317px
}
.inf-l UL {
MARGIN-TOP: 15px
}
.inf-m UL {
MARGIN-TOP: 15px
}
.inf-l LI {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 42px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; BORDER-BOTTOM: #ddd 1px dashed; LINE-HEIGHT: 42px
}
.inf-m LI {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 42px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; BORDER-BOTTOM: #ddd 1px dashed; LINE-HEIGHT: 42px
}
.inf-l LI.last {
BORDER-BOTTOM: 0px
}
.inf-m LI.last {
BORDER-BOTTOM: 0px
}
.inf-l LI A {
COLOR: #666
}
.inf-m LI A {
COLOR: #666
}
.inf-l {
OVERFLOW: hidden; FLOAT: left; WIDTH: 317px; MARGIN-RIGHT: 45px
}
.inf-m {
FLOAT: left; WIDTH: 317px
}
.inf-r {
FLOAT: right; WIDTH: 270px
}
.tit2 {
FONT-SIZE: 0px; HEIGHT: 30px; BORDER-BOTTOM: #ddd 1px solid
}
.tit2 EM {
FONT-SIZE: 18px; HEIGHT: 30px; BORDER-BOTTOM: #d4211c 3px solid; COLOR: #d4211c; DISPLAY: inline-block
}
.tit2 A {
FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; FLOAT: right; FONT-WEIGHT: normal; COLOR: #555; MARGIN-TOP: 5px
}
.tit2 .aaa EM {
FONT-SIZE: 18px; HEIGHT: 25px !important; BORDER-BOTTOM: #d4211c 3px solid; COLOR: #d4211c; DISPLAY: inline-block; LINE-HEIGHT: 16px !important
}
.tit2 .aaa {
FLOAT: left; FONT-WEIGHT: bold
}
.wdbox {
OVERFLOW: hidden; HEIGHT: 385px; MARGIN-TOP: 32px
}
.wdbox DL {
OVERFLOW: hidden; MARGIN-BOTTOM: 20px; HEIGHT: 115px; BORDER-BOTTOM: #ddd 1px solid
}
.wdbox DT {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 30px; BACKGROUND: url(../images/wen.gif) no-repeat 0px center; PADDING-LEFT: 30px; LINE-HEIGHT: 30px
}
.wdbox DT A {
COLOR: #333
}
.wdbox DD {
OVERFLOW: hidden; FONT-SIZE: 14px; HEIGHT: 58px; BACKGROUND: url(../images/da.gif) no-repeat 0px 3px; COLOR: #666; PADDING-LEFT: 30px; LINE-HEIGHT: 24px
}
.link {
OVERFLOW: hidden; HEIGHT: 160px; DISPLAY: none
}
.link H2 SPAN {
FONT-SIZE: 16px; COLOR: #888
}
.link P {
FONT-SIZE: 0px; TEXT-ALIGN: center; MARGIN-TOP: 23px
}
.link P A {
FONT-SIZE: 14px; COLOR: #555; MARGIN: 0px 22px 10px; DISPLAY: inline-block
}
.f_bg {
OVERFLOW: hidden; HEIGHT: 350px; BACKGROUND: url(../images/footer-bg.png) #606475; MARGIN-TOP: 25px
}
.footer {
PADDING-BOTTOM: 50px; PADDING-TOP: 50px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.foot_col {
FLOAT: left; COLOR: #fff; LINE-HEIGHT: 24px; WIDTH: 350px
}
.foot_col_01 {
MARGIN-RIGHT: 35px
}
.foot_col_01 P {
MARGIN-BOTTOM: 10px
}
.foot_col_01 A {
BORDER-TOP: #a7c700 1px solid; BORDER-RIGHT: #a7c700 1px solid; BACKGROUND: #b7d200; BORDER-BOTTOM: #a7c700 1px solid; COLOR: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 15px; BORDER-LEFT: #a7c700 1px solid; DISPLAY: block; PADDING-RIGHT: 15px; WIDTH: 120px
}
.foot_col_01 A I {
FONT-SIZE: 18px; FLOAT: right; LINE-HEIGHT: 26px
}
.foot_col_02 {
WIDTH: 405px; MARGIN-RIGHT: 10px
}
.foot_col_02 DL {
FLOAT: left; WIDTH: 110px; MARGIN-RIGHT: 25px
}
.foot_col_02 DL DT {
FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 14px
}
.foot_col_02 DL DD {
BORDER-BOTTOM: #858896 1px solid; LINE-HEIGHT: 34px
}
.foot_col_02 DL DT A {
MARGIN-BOTTOM: 25px; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #fff; LINE-HEIGHT: 14px
}
.foot_col_02 DL DD A {
COLOR: #fff; LINE-HEIGHT: 34px
}
.foot_col_03 {
WIDTH: 240px
}
.foot_col_03 DL {
}
.foot_col_03 DL DT {
MARGIN-BOTTOM: 25px; FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 14px
}
.foot_col_03 DL DD {
LINE-HEIGHT: 35px
}
.foot_col_03 DL DD I {
FONT-SIZE: 16px; MARGIN-RIGHT: 5px
}
.copyright {
FONT-SIZE: 16px; BACKGROUND: #333; COLOR: #fff; TEXT-ALIGN: left; LINE-HEIGHT: 35px; BOTTOM: 0px; opacity: 0.8
}
.copyright .w {
COLOR: #fff
}
.copyright .version {
FLOAT: right; COLOR: #fff
}
.copyright A {
COLOR: #fff
}
.copyright A:hover {
COLOR: #fff
}
.subject {
FONT-SIZE: 18px; HEIGHT: 41px; BORDER-BOTTOM: #ddd 1px solid; COLOR: #cc0100; LINE-HEIGHT: 40px
}
.subject B {
HEIGHT: 40px; BORDER-BOTTOM: #cc0100 2px solid; FONT-WEIGHT: normal; DISPLAY: inline-block; LINE-HEIGHT: 40px
}
.subject SPAN {
FONT-SIZE: 16px; FONT-FAMILY: verdana; COLOR: #bbb; PADDING-LEFT: 10px; DISPLAY: inline-block
}
.subject A {
FONT-SIZE: 12px; FONT-FAMILY: 宋体; FLOAT: right
}
.pro_width {
OVERFLOW: hidden; HEIGHT: 370px; WIDTH: 1012px
}
.prolist {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px; WIDTH: 29999px
}
.prolist LI {
FLOAT: left; MARGIN: 0px 13px 13px 0px; WIDTH: 240px
}
.prolist LI A {
BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 15px; BORDER-LEFT: #eee 1px solid; DISPLAY: block; PADDING-RIGHT: 15px
}
.prolist LI A IMG {
BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid
}
.prolist LI A .title {
FONT-SIZE: 14px; HEIGHT: 40px; TEXT-ALIGN: center; LINE-HEIGHT: 40px
}
.prolist LI A .intro {
WORD-BREAK: break-all; COLOR: #999; MIN-HEIGHT: 55px; LINE-HEIGHT: 18px
}
.prolist LI A .more {
BACKGROUND: #e5e5e5; TEXT-ALIGN: center; MARGIN: 15px auto 10px; DISPLAY: block; LINE-HEIGHT: 24px; WIDTH: 90px
}
.prolist LI A:hover {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid
}
.prolist LI A:hover .title {
COLOR: #cc0100
}
.prolist LI A:hover .more {
BACKGROUND: #cc0100; COLOR: #fff
}
.topcase {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px
}
.topcase LI {
FLOAT: left; MARGIN: 0px 13px 13px 0px; WIDTH: 240px
}
.topcase LI A {
OVERFLOW: hidden; HEIGHT: 160px; POSITION: relative; TEXT-ALIGN: center; DISPLAY: block
}
.topcase LI IMG {
MARGIN-BOTTOM: 10px; BORDER-TOP: #eee 1px solid; HEIGHT: 180px; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; DISPLAY: block; WIDTH: 240px
}
.topcase LI A DIV {
HEIGHT: 40px; BACKGROUND: #333; POSITION: absolute; COLOR: #fff; LEFT: 1px; DISPLAY: block; LINE-HEIGHT: 40px; WIDTH: 100%; BOTTOM: -40px; opacity: 0.7
}
.bg_black {
BACKGROUND: #eee; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.subject_news {
FONT-SIZE: 18px; HEIGHT: 41px; BORDER-BOTTOM: #ddd 1px solid; COLOR: #333; LINE-HEIGHT: 40px
}
.subject_news B {
HEIGHT: 40px; BORDER-BOTTOM: #cc0100 2px solid; FONT-WEIGHT: normal; DISPLAY: inline-block; LINE-HEIGHT: 40px
}
.subject_news SPAN {
FONT-SIZE: 16px; FONT-FAMILY: verdana; COLOR: #bbb; PADDING-LEFT: 10px; DISPLAY: inline-block
}
.subject_news A {
FONT-SIZE: 12px; FONT-FAMILY: 宋体; FLOAT: right
}
.newslist {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px
}
.newslist LI {
FLOAT: left; MARGIN: 0px 20px 20px 0px; WIDTH: 480px
}
.newslist LI A IMG {
BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; FLOAT: left; BORDER-LEFT: #eee 1px solid; MARGIN-RIGHT: 10px
}
.newslist LI A .title {
FONT-SIZE: 16px; LINE-HEIGHT: 30px
}
.newslist LI A .date {
FONT-SIZE: 12px; FONT-FAMILY: arial; COLOR: #444; LINE-HEIGHT: 20px
}
.newslist LI A .intro {
COLOR: #999; LINE-HEIGHT: 18px
}
.newslist LI A:hover .title {
COLOR: #f30
}
.link IMG {
MARGIN: 3px 8px 5px 0px
}
.link UL {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px
}
.link UL LI {
OVERFLOW: hidden; HEIGHT: 25px; FLOAT: left; WIDTH: 93px
}
.lefter {
FLOAT: left; WIDTH: 220px; MARGIN-RIGHT: 30px
}
.righter {
WIDTH: 100%
}
.leftnav {
FONT-SIZE: 18px; BACKGROUND: #cc0100; COLOR: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px
}
.subnav {
LIST-STYLE-TYPE: none; BORDER-BOTTOM: 0px; FLOAT: right; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.subnav LI {
FLOAT: left
}
.subnav LI A {
FONT-SIZE: 16px; HEIGHT: 60px; FLOAT: left; MARGIN-LEFT: 25px; DISPLAY: block; LINE-HEIGHT: 60px
}
.subnav LI A:hover {
HEIGHT: 60px; BORDER-BOTTOM: #b7d200 2px solid; COLOR: #b7d200; LINE-HEIGHT: 60px
}
.subnav .hover A {
HEIGHT: 60px; BORDER-BOTTOM: #b7d200 2px solid; POSITION: relative; COLOR: #b7d200 !important; LINE-HEIGHT: 60px
}
.subnav .hover A:after {
BORDER-RIGHT: transparent 5px solid; BORDER-BOTTOM: #b7d200 5px solid; POSITION: absolute; CONTENT: ''; MARGIN-LEFT: -5px; LEFT: 50%; BORDER-LEFT: transparent 5px solid; BOTTOM: 0px
}
.left_border {
BORDER-TOP: 0px; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: #eee 1px solid; LINE-HEIGHT: 25px; PADDING-RIGHT: 15px
}
.left_border P {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.left_border B {
FONT-SIZE: 14px
}
.container {
FONT-SIZE: 14px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; LINE-HEIGHT: 25px; PADDING-RIGHT: 0px
}
.container P {
FONT-SIZE: 14px; MARGIN: 5px 0px
}
.artshow {
FONT-SIZE: 14px; PADDING-BOTTOM: 15px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 25px; PADDING-RIGHT: 0px
}
.artshow .title {
FONT-SIZE: 22px; FONT-VARIANT: normal; FONT-WEIGHT: 400; COLOR: #332c2b; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 15px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px
}
.artshow .info {
FONT-SIZE: 14px; COLOR: #999; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.artshow P {
FONT-SIZE: 14px; MARGIN: 5px 0px
}
.artshow .pre {
COLOR: #999; MARGIN: 5px 0px
}
.artshow .next {
COLOR: #999; MARGIN: 0px 0px 5px
}
.prowidth {
OVERFLOW: hidden; WIDTH: 759px
}
.pro_list {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px
}
.pro_list LI {
BACKGROUND: #f8f8f8; BORDER-BOTTOM: #464f5c 2px solid; POSITION: relative; FLOAT: left; MARGIN: 0px 13px 13px 0px; WIDTH: 240px
}
.pro_list LI I {
HEIGHT: 2px; BACKGROUND: #cc0100; POSITION: absolute; Z-INDEX: 10; WIDTH: 55px
}
.pro_list LI A {
BORDER-TOP: #f8f8f8 1px solid; BORDER-RIGHT: #f8f8f8 1px solid; BORDER-BOTTOM: #f8f8f8 1px solid; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; BORDER-LEFT: #f8f8f8 1px solid; DISPLAY: block; PADDING-RIGHT: 8px
}
.pro_list LI A DIV.pic {
OVERFLOW: hidden
}
.pro_list LI A IMG {
HEIGHT: 260px; MARGIN: 0px auto; DISPLAY: block; WIDTH: 220px
}
.pro_list LI A .title {
FONT-SIZE: 14px; HEIGHT: 40px; FONT-WEIGHT: bold; TEXT-ALIGN: center; LINE-HEIGHT: 40px
}
.pro_list LI A .intro {
WORD-BREAK: break-all; COLOR: #999; MIN-HEIGHT: 55px; LINE-HEIGHT: 18px
}
.pro_list LI A .more {
TEXT-ALIGN: left; MARGIN: 0px auto 10px; DISPLAY: block; LINE-HEIGHT: 24px; WIDTH: 180px
}
.pro_list LI A:hover {
BORDER-TOP: #f8f8f8 1px solid; BORDER-RIGHT: #f8f8f8 1px solid; BORDER-BOTTOM: #f8f8f8 1px solid; BORDER-LEFT: #f8f8f8 1px solid
}
.pro_list LI A:hover .more {
COLOR: #666
}
.pro_list LI A IMG {
OVERFLOW: hidden; -webkit-transition: All 0.3s ease-in-out; transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out
}
.pro_list LI A:hover IMG {
-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1)
}
.pic_list {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px
}
.pic_list LI {
FLOAT: left; MARGIN: 0px 13px 13px 0px; WIDTH: 240px
}
.pic_list LI A {
BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: #eee 1px solid; DISPLAY: block; PADDING-RIGHT: 5px
}
.pic_list LI A IMG {
BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px
}
.pic_list LI A .title {
FONT-SIZE: 14px; HEIGHT: 40px; TEXT-ALIGN: center; LINE-HEIGHT: 40px
}
.pic_list LI A:hover {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid
}
.pic_list LI A:hover .title {
COLOR: #cc0100
}
.casewidth {
OVERFLOW: hidden; WIDTH: 780px
}
.case_list {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 20px 0px; PADDING-RIGHT: 0px
}
.case_list LI {
FLOAT: left; TEXT-ALIGN: center; MARGIN: 0px 20px 30px 0px; WIDTH: 240px
}
.case_list LI IMG {
MARGIN-BOTTOM: 15px; DISPLAY: block
}
.case_list LI A {
FONT-SIZE: 13px; COLOR: #666
}
.case_list LI A:hover {
COLOR: #f30
}
.joblist {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px
}
.joblist LI {
BORDER-BOTTOM: #eee 1px dashed; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 0px 20px 20px 0px; WIDTH: 480px
}
.joblist LI A .title {
FONT-SIZE: 16px; LINE-HEIGHT: 30px
}
.joblist LI .line {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px
}
.joblist LI .line B {
FLOAT: left; COLOR: #555; WIDTH: 70px
}
.joblist LI .line .intro {
MARGIN-LEFT: 70px
}
.joblist LI A:hover .title {
COLOR: #f30
}
.job_list {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.job_list LI {
BORDER-BOTTOM: #eee 1px dashed; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 0px 20px 20px 0px; WIDTH: 350px
}
.job_list LI A .title {
MARGIN-BOTTOM: 10px; FONT-SIZE: 16px; LINE-HEIGHT: 40px
}
.job_list LI .line {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 0px; LINE-HEIGHT: 24px; PADDING-RIGHT: 0px; TEXT-INDENT: 0px
}
.job_list LI .line B {
FLOAT: left; WIDTH: 70px
}
.job_list LI .line .intro {
MARGIN-LEFT: 70px
}
.job_list LI .line .intro P {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 0px
}
.job_list LI A:hover .title {
COLOR: #f30
}
.news_list {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.news_list LI {
BORDER-BOTTOM: #ccc 1px dotted; COLOR: #999; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; LINE-HEIGHT: 24px; PADDING-RIGHT: 10px
}
.news_list LI:hover {
BACKGROUND: #fafafa
}
.news_list LI A {
FONT-SIZE: 18px; DISPLAY: block; LINE-HEIGHT: 40px
}
.news_list LI EM {
FONT-FAMILY: verdana; COLOR: #666; FONT-STYLE: normal; DISPLAY: block
}
.rss_list {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.rss_list LI {
BORDER-BOTTOM: #ddd 1px dotted; COLOR: #999; LINE-HEIGHT: 40px
}
.rss_list LI A {
FONT-SIZE: 14px
}
#position {
OVERFLOW: hidden; MARGIN: 0px auto; LINE-HEIGHT: 60px; WIDTH: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
#position A {
COLOR: #333
}
.list_page {
TEXT-ALIGN: center; MARGIN: 10px; DISPLAY: block
}
.list_page:after {
OVERFLOW: hidden; HEIGHT: 0px; CONTENT: " "; CLEAR: both; DISPLAY: block; VISIBILITY: hidden
}
.list_page UL {
LIST-STYLE-TYPE: none; VERTICAL-ALIGN: bottom; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px
}
.list_page UL LI {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; DISPLAY: inline-block; border-radius: 4px
}
.list_page UL A {
BACKGROUND: #fff; COLOR: #333; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; DISPLAY: block; LINE-HEIGHT: 18px; PADDING-RIGHT: 12px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.page_group UL {
BORDER-RIGHT: #ddd 1px solid; border-radius: 4px
}
.page_group UL LI {
BORDER-RIGHT: medium none; FLOAT: left; border-radius: 0
}
.page_group UL LI:first-child {
border-radius: 4px 0 0 4px
}
.page_group UL .active A {
BACKGROUND: #f3f3f3; border-radius: 0
}
.comment {
OVERFLOW: hidden; CLEAR: both; MARGIN: 10px 0px
}
.comment .line {
BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 15px; CLEAR: both
}
.comment .line .base {
FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 30px
}
.comment .line .base SPAN {
FONT-SIZE: 12px; FLOAT: right; FONT-WEIGHT: normal; COLOR: #999; MARGIN: 0px 0px 0px 10px
}
.comment .line .content {
OVERFLOW: hidden; WORD-WRAP: break-word; LINE-HEIGHT: 20px
}
.comment .line .reply {
OVERFLOW: hidden; WORD-WRAP: break-word; FONT-FAMILY: verdana
}
.comment .line .reply STRONG {
FLOAT: left; COLOR: #f60
}
.comment_more {
FONT-SIZE: 14px; PADDING-BOTTOM: 10px; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.comment_more A {
COLOR: #999
}
.comment_more A:hover {
COLOR: #f30
}
.commentadd {
CLEAR: both; MARGIN: 10px 0px
}
.commentadd .text {
}
.commentadd .text .div {
BORDER-TOP: #e4e2e2 1px solid; BORDER-RIGHT: #e4e2e2 1px solid; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #e4e2e2 1px solid; PADDING-RIGHT: 5px
}
.commentadd .text .div TEXTAREA {
OVERFLOW: auto; BORDER-TOP: 0px; HEIGHT: 70px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: 0px; PADDING-RIGHT: 10px; WIDTH: 98%
}
.commentadd .input {
OVERFLOW: hidden; FONT-SIZE: 14px; BORDER-TOP: #edecec 1px solid; HEIGHT: 40px; BORDER-RIGHT: #edecec 1px solid; BACKGROUND: #fafafa; BORDER-BOTTOM: #edecec 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 0px; PADDING-LEFT: 15px; MARGIN: 0px; BORDER-LEFT: #edecec 1px solid; LINE-HEIGHT: 40px; PADDING-RIGHT: 5px
}
.commentadd .input .send {
CURSOR: pointer; BORDER-TOP: #cc0100 1px solid; BORDER-RIGHT: #cc0100 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cc0100; BORDER-BOTTOM: #cc0100 1px solid; FLOAT: right; COLOR: #fff; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 25px; MARGIN: 5px 0px 0px; BORDER-LEFT: #cc0100 1px solid; PADDING-RIGHT: 25px
}
.bookadd {
MARGIN: 20px 0px
}
.bookadd DIV {
MARGIN-BOTTOM: 15px
}
.bookadd .label {
FLOAT: left; TEXT-ALIGN: right; CLEAR: both; PADDING-RIGHT: 10px; WIDTH: 100px
}
.bookadd .label SPAN {
FONT-FAMILY: 宋体; COLOR: #f30
}
.bookadd .enter {
MARGIN-LEFT: 120px
}
.bookadd .enter .ip {
OVERFLOW: hidden; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 10px; border-radius: 10px 0 10px 0
}
.bookadd .enter .bnt {
CURSOR: pointer; BORDER-TOP: #cc0100 1px solid; BORDER-RIGHT: #cc0100 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cc0100; BORDER-BOTTOM: #cc0100 1px solid; COLOR: #fff; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 20px; BORDER-LEFT: #cc0100 1px solid; PADDING-RIGHT: 20px
}
.bookadd .enter LABEL {
DISPLAY: block
}
.job_h1 {
FONT-SIZE: 14px; BORDER-BOTTOM: #eee 1px solid; MARGIN: 10px 0px; LINE-HEIGHT: 35px
}
.info_title {
FONT-SIZE: 14px; HEIGHT: 30px; BORDER-BOTTOM: #f0f0f0 1px solid; FONT-WEIGHT: bold; MARGIN: 0px 0px 15px; LINE-HEIGHT: 30px
}
.info_intro {
COLOR: #666; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px
}
.info_intro P {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 0px
}
.info_intro .red {
COLOR: #f30; MARGIN: 0px 5px
}
#goodsshow {
OVERFLOW: hidden; MARGIN: 20px 0px; WIDTH: 750px
}
#goodsshow IMG {
BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px
}
#goodsshow .left {
FLOAT: left; MARGIN: 0px 50px 0px 0px; WIDTH: 350px
}
#goodsshow .right {
FLOAT: left
}
#goodsshow .shop_big {
CURSOR: pointer; BORDER-TOP: #ededed 1px solid; BORDER-RIGHT: #ededed 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ededed 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #ededed 1px solid; PADDING-RIGHT: 2px; WIDTH: 360px
}
#goodsshow .shop_plist {
CLEAR: both; WIDTH: 360px
}
#prolist {
OVERFLOW: hidden; HEIGHT: 68px; POSITION: relative; FLOAT: left; MARGIN: 10px 0px 0px; WIDTH: 310px
}
#prolist UL {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; POSITION: relative; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; WIDTH: 20000px
}
#prolist UL LI {
CURSOR: pointer; HEIGHT: 68px; BACKGROUND: url(../images/pro_none.gif) no-repeat center top; POSITION: relative; FLOAT: left
}
#prolist UL LI IMG {
BORDER-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 8px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 60px
}
#prolist .hover {
HEIGHT: 68px; BACKGROUND: url(../images/pro_bg.gif) no-repeat center top
}
#goodsshow .shop_plist A.prev {
HEIGHT: 68px; BACKGROUND: url(../images/ico_left.gif) no-repeat center 50%; FLOAT: left; OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; MARGIN-TOP: 12px; DISPLAY: block; OUTLINE-COLOR: invert; LINE-HEIGHT: 68px; WIDTH: 20px
}
#goodsshow .shop_plist A.next {
HEIGHT: 68px; BACKGROUND: url(../images/ico_right.gif) no-repeat center 50%; FLOAT: left; OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; MARGIN-TOP: 12px; DISPLAY: block; OUTLINE-COLOR: invert; WIDTH: 20px
}
#goodsshow .right {
WIDTH: 350px
}
#goodsshow .right H1 {
FONT-SIZE: 18px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 10px; PADDING-RIGHT: 0px
}
#goodsshow .right .intro {
COLOR: #999; MIN-HEIGHT: 80px
}
#goodsshow .right .sno {
BORDER-BOTTOM: #eee 1px solid; LINE-HEIGHT: 35px
}
#goodsshow .right .price {
COLOR: #999; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px
}
#goodsshow .right .price SPAN {
FONT-SIZE: 16px; COLOR: #f60
}
A.inquiry {
FONT-SIZE: 16px; BACKGROUND: #cc0100; COLOR: #fff; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 30px; MARGIN: 10px 0px; DISPLAY: inline-block; PADDING-RIGHT: 30px; border-radius: 4px
}
A.inquiry:hover {
BACKGROUND: #f60; COLOR: #fff
}
.pic_list_cases {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 15px 0px; PADDING-RIGHT: 0px; WIDTH: 105%
}
.pic_list_cases LI {
OVERFLOW: hidden; FLOAT: left; MARGIN: 0px 13px 13px 2px; WIDTH: 352px
}
.pic_list_cases LI A {
OVERFLOW: hidden; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 45px; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: #eee 1px solid; DISPLAY: block; PADDING-RIGHT: 5px
}
.pic_list_cases LI A IMG {
BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s
}
.pic_list_cases LI A .title {
FONT-SIZE: 14px; HEIGHT: 40px; BACKGROUND: #fff; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 40px; WIDTH: 350px; BOTTOM: 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s
}
.pic_list_cases LI A:hover {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid
}
.pic_list_cases LI A:hover .title {
BACKGROUND: #b7d200; COLOR: #fff; LEFT: 0px
}
.pic_list_cases LI:hover {
BORDER-TOP-COLOR: #dfdfdf; BORDER-BOTTOM-COLOR: #dfdfdf; Z-INDEX: 2; BORDER-RIGHT-COLOR: #dfdfdf; BORDER-LEFT-COLOR: #dfdfdf; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15)
}
.pic_list_cases LI:hover IMG {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2)
}
#pt10 {
PADDING-TOP: 10px
}
.RandomNews {
BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid
}
.RandomNews H4 {
FONT-SIZE: 13px; HEIGHT: 36px; BACKGROUND: #f4f4f4; BORDER-BOTTOM: #ccc 1px solid; COLOR: #ff0000; PADDING-LEFT: 27px; LINE-HEIGHT: 36px
}
.RandomNews .news_random {
PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 752px
}
.RandomNews LI {
OVERFLOW: hidden; HEIGHT: 28px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; LINE-HEIGHT: 28px; PADDING-RIGHT: 17px; WIDTH: 340px
}
.RandomNews LI A {
BACKGROUND: url(Img/ico55.gif) no-repeat 0px 5px; PADDING-LEFT: 12px
}
.RandomNews LI A:hover {
COLOR: #0070c7
}
.tjprolist {
}
.tjprolist UL {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.tjprolist UL LI {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; DISPLAY: block; WIDTH: 190px
}
.tjprolist UL LI IMG {
WIDTH: 100%
}
.tjprolist UL LI A {
DISPLAY: block
}
.tjprolist UL LI .title {
HEIGHT: 34px; TEXT-ALIGN: center; LINE-HEIGHT: 34px
}
.owl-carousel .owl-wrapper:after {
HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; LINE-HEIGHT: 0; VISIBILITY: hidden
}
.owl-carousel {
POSITION: relative; DISPLAY: none; WIDTH: 100%; -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
POSITION: relative; DISPLAY: none; -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper-outer {
OVERFLOW: hidden; POSITION: relative; WIDTH: 100%
}
.owl-carousel .autoHeight.owl-wrapper-outer {
-webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
FLOAT: left
}
.owl-controls .owl-page {
CURSOR: pointer
}
.owl-controls .owl-buttons DIV {
CURSOR: pointer
}
.owl-controls {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-select: none
}
.grabbing {
CURSOR: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper {
-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -moz-backface-visibility: hidden; -ms-backface-visibility: hidden
}
.owl-carousel .owl-item {
-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -moz-backface-visibility: hidden; -ms-backface-visibility: hidden
}
.owl-origin {
-webkit-perspective: 1200px; perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%
}
.owl-fade-out {
Z-INDEX: 10; -webkit-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both; animation: goDown .6s ease both; -moz-animation: goDown .6s ease both
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both
}
.banner {
MARGIN-TOP: 0px
}
.banner .owl-theme {
POSITION: relative; DISPLAY: none; WIDTH: 100%; -ms-touch-action: pan-y
}
.banner .owl-theme .item {
BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; TEXT-ALIGN: center; background-size: auto 100%
}
.banner .owl-theme .item IMG {
BORDER-TOP: medium none; HEIGHT: 939px; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 100%
}
.banner .owl-next {
OVERFLOW: hidden; HEIGHT: 60px; BACKGROUND: url(../images/slider-arrow.png) no-repeat 0px 0px; POSITION: absolute; LEFT: 3%; FILTER: alpha(opacity=30); MARGIN: -30px 10px 0px; DISPLAY: block; TOP: 50%; WIDTH: 35px; TEXT-INDENT: -9999px; opacity: .3
}
.banner .owl-prev {
OVERFLOW: hidden; HEIGHT: 60px; BACKGROUND: url(../images/slider-arrow.png) no-repeat 0px 0px; POSITION: absolute; LEFT: 3%; FILTER: alpha(opacity=30); MARGIN: -30px 10px 0px; DISPLAY: block; TOP: 50%; WIDTH: 35px; TEXT-INDENT: -9999px; opacity: .3
}
.banner .owl-next {
RIGHT: 3%; BACKGROUND-POSITION: -35px 0px; LEFT: auto
}
.banner .owl-next:hover {
FILTER: alpha(opacity=80); opacity: .8
}
.banner .owl-prev:hover {
FILTER: alpha(opacity=80); opacity: .8
}
.banner .owl-controls .owl-pagination {
HEIGHT: 30px; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 1; WIDTH: 100%; BOTTOM: 0px
}
.banner .owl-controls .owl-pagination .owl-page {
DISPLAY: inline-block
}
.banner .owl-controls .owl-pagination .owl-page SPAN {
OVERFLOW: hidden; CURSOR: pointer; HEIGHT: 10px; ZOOM: 1; FILTER: alpha(opacity=30); MARGIN: 0px 6px; DISPLAY: inline-block; LINE-HEIGHT: 9999px; WIDTH: 10px; BACKGROUND-COLOR: #fff; border-radius: 100%; opacity: .3
}
.banner .owl-controls .active.owl-page SPAN {
FILTER: alpha(opacity=80); opacity: .8
}
.banner .clickable.owl-controls .owl-page:hover SPAN {
FILTER: alpha(opacity=80); opacity: .8
}
.call-to-action {
HEIGHT: 80px; POSITION: relative; PADDING-BOTTOM: 20px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 999; MARGIN-TOP: -80px; LINE-HEIGHT: 80px; PADDING-RIGHT: 0px
}
.call-to-action P {
FONT-SIZE: 18px; COLOR: #fff; MARGIN: 0px; LINE-HEIGHT: 35px
}
.call-to-action A {
BORDER-TOP: #a7c700 1px solid; BORDER-RIGHT: #a7c700 1px solid; BACKGROUND: #b7d200; BORDER-BOTTOM: #a7c700 1px solid; COLOR: #fff; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 15px; BORDER-LEFT: #a7c700 1px solid; PADDING-RIGHT: 15px
}
.call-to-action A:hover {
BACKGROUND: #b7d200; COLOR: #fff
}
.i_proclass {
HEIGHT: 660px; BACKGROUND: url(../images/Advantage_bg1.jpg) no-repeat center top; POSITION: relative; PADDING-BOTTOM: 50px; PADDING-TOP: 50px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.i_proclass .owl-item {
MARGIN-BOTTOM: 10px; CURSOR: pointer; HEIGHT: 220px; POSITION: relative; FLOAT: left; COLOR: #fff; WIDTH: 366px; transition: all 0.5s ease
}
.i_proclass .owl-item DIV {
COLOR: #fff; TEXT-ALIGN: center; Z-INDEX: 10; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease
}
.i_proclass .owl-item DIV.item {
POSITION: relative; COLOR: #fff; TEXT-ALIGN: center; Z-INDEX: 10; transition: all 0.5s ease
}
.i_proclass .owl-item DIV.img {
HEIGHT: 40px; BACKGROUND: url(../images/ico_proclass.png) no-repeat 0px 0px; MARGIN: 50px auto 25px; DISPLAY: block; WIDTH: 40px; transition: all 0.5s ease
}
.i_proclass .owl-item DIV.img1 {
}
.i_proclass .owl-item DIV.img2 {
BACKGROUND-POSITION: 0px -40px
}
.i_proclass .owl-item DIV.img3 {
BACKGROUND-POSITION: 0px -80px
}
.i_proclass .owl-item DIV.img4 {
BACKGROUND-POSITION: 0px -120px
}
.i_proclass .owl-item DIV.img5 {
BACKGROUND-POSITION: 0px -160px
}
.i_proclass .owl-item DIV.img6 {
BACKGROUND-POSITION: 0px -200px
}
.i_proclass .owl-item H3 {
MARGIN-BOTTOM: 10px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 50px; LINE-HEIGHT: 36px; PADDING-RIGHT: 50px
}
.i_proclass .owl-item P {
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 50px; LINE-HEIGHT: 30px; PADDING-RIGHT: 50px
}
.i_proclass .owl-item .overlay {
RIGHT: 0px; OVERFLOW-Y: hidden; BORDER-BOTTOM: #b7d200 3px solid; POSITION: absolute; LEFT: 0px; Z-INDEX: 0; TOP: 0px; BOTTOM: 0px; transition: all 0.5s ease; opacity: 0; background-size: cover
}
.i_proclass .owl-item .overlay:before {
RIGHT: 0px; POSITION: absolute; CONTENT: ''; LEFT: 0px; TOP: 0px; BOTTOM: 0px; transition: all 0.5s ease; opacity: 1
}
.i_proclass .owl-item .overlay .box {
HEIGHT: 100%; DISPLAY: table; WIDTH: 100%
}
.i_proclass .owl-item .overlay .box .box-content {
VERTICAL-ALIGN: bottom; TEXT-ALIGN: center; DISPLAY: table-cell
}
.i_proclass .owl-item .overlay .box .box-content A {
FONT-SIZE: 14px; BACKGROUND: #b7d200; POSITION: relative; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 55px; DISPLAY: inline-block; LINE-HEIGHT: 45px; TOP: 3px; PADDING-RIGHT: 55px; transform: translate3d(0, 45px, 0); transition: all 0.5s ease
}
.i_proclass .owl-item .overlay .box .box-content A:before {
HEIGHT: 100%; BACKGROUND: #b7d200; POSITION: absolute; CONTENT: ''; TOP: 0px; WIDTH: 45px; transition: all 0.5s ease
}
.i_proclass .owl-item .overlay .box .box-content A:after {
HEIGHT: 100%; BACKGROUND: #b7d200; POSITION: absolute; CONTENT: ''; TOP: 0px; WIDTH: 45px; transition: all 0.5s ease
}
.i_proclass .owl-item .overlay .box .box-content A:before {
LEFT: -17px; transform: skew(-37deg)
}
.i_proclass .owl-item .overlay .box .box-content A:after {
RIGHT: -17px; transform: skew(37deg)
}
.i_proclass .owl-item:hover {
BACKGROUND: #b7d200
}
.i_proclass .owl-item:hover DIV.img {
MARGIN-TOP: 20px
}
.i_proclass .owl-item:hover .overlay {
opacity: 1
}
.i_proclass .owl-item:hover .overlay .box .box-content A {
transform: translate3d(0, 0px, 0)
}
.i_cases {
HEIGHT: 430px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.i_cases UL {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
.www360buy {
OVERFLOW: hidden; HEIGHT: 380px; WIDTH: 1120px
}
.www360buy .hd {
OVERFLOW: hidden; HEIGHT: 60px; BORDER-BOTTOM: #ebebeb 1px solid
}
.www360buy .hd LI {
CURSOR: pointer; FONT-SIZE: 14px; HEIGHT: 60px; POSITION: relative; FLOAT: left; COLOR: #666; TEXT-ALIGN: center; MARGIN-LEFT: -1px; LINE-HEIGHT: 60px; WIDTH: 140px
}
.www360buy .hd LI.on {
BORDER-BOTTOM: #FCD846 2px solid; FONT-WEIGHT: 800; COLOR: #333; MARGIN-TOP: -2px; WIDTH: 140px
}
.www360buy .bd {
HEIGHT: 260px
}
.www360buy .lh {
OVERFLOW: hidden; MARGIN-TOP: 25px; WIDTH: 115%
}
.www360buy .lh LI {
MARGIN-BOTTOM: 5px; BACKGROUND: #fff; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 256px; MARGIN-RIGHT: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}
.www360buy .lh LI .p-img {
HEIGHT: 256px; TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 256px
}
.www360buy .lh LI .p-img IMG {
MIN-HEIGHT: 256px
}
.www360buy .lh LI .p-name {
OVERFLOW: hidden; TEXT-ALIGN: center;WORD-WRAP: break-word; FONT-SIZE: 14px; WORD-BREAK: break-all; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP:8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px
}
.www360buy .lh LI .p-name A {
COLOR: #333; transition: all 200ms ease-out
}
.www360buy .lh LI .p-price {
FONT-SIZE: 14px; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 18px; PADDING-TOP: 5px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px
}
.www360buy .lh LI I {
BORDER-TOP: transparent 0px solid; BORDER-RIGHT: transparent 0px solid; BORDER-BOTTOM: #cccccc 10px solid; POSITION: absolute; CONTENT: ''; BORDER-LEFT: transparent 10px solid; transition: all 200ms ease-out
}
.www360buy .lh LI:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}
.www360buy .lh LI:hover A {
COLOR: #EEC314
}
.www360buy .lh LI:hover I {
BORDER-BOTTOM-COLOR: #b7d200
}
.i_news {
PADDING-BOTTOM: 45px; PADDING-TOP: 45px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.i_news .w {
HEIGHT: 380px
}
.i_news .panel-grid-cell {
BOX-SIZING: border-box; FLOAT: left; PADDING-LEFT: 15px; MIN-HEIGHT: 1px; PADDING-RIGHT: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box
}
.i_news .panel-grid-cell {
WIDTH: 33.33%
}
.latest-news--block {
BACKGROUND: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .12)
}
.latest-news {
MARGIN-BOTTOM: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; transition: all .1s ease-out
}
.widget IMG {
MAX-WIDTH: 100%; HEIGHT: auto
}
.widget SELECT {
MAX-WIDTH: 100%; HEIGHT: auto
}
.latest-news--block .latest-news_content {
POSITION: relative
}
.latest-news--block .latest-news_date {
FONT-SIZE: 12px; POSITION: absolute; FONT-WEIGHT: 700; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 8px; LEFT: 0px; TOP: -50px; PADDING-RIGHT: 8px; BACKGROUND-COLOR: #bc001f; border-top-right-radius: 3px; border-bottom-right-radius: 3px
}
.latest-news--block .latest-news_title {
MARGIN-BOTTOM: 14px; FONT-SIZE: 16px; TEXT-TRANSFORM: uppercase; COLOR: #666
}
.latest-news--block .latest-news_title A {
COLOR: #34373b
}
.latest-news--block .latest-news_author {
WORD-WRAP: break-word; FONT-SIZE: 12px; POSITION: relative; PADDING-TOP: 10px; LINE-HEIGHT: 20px
}
.latest-news--block .latest-news_author:before {
HEIGHT: 1px; RIGHT: 0px; POSITION: absolute; CONTENT: ''; LEFT: 0px; TOP: 0px
}
#Advantage {
HEIGHT: 280px; BACKGROUND: url(../images/Advantage_bg.jpg) no-repeat center top; POSITION: relative; PADDING-BOTTOM: 60px; PADDING-TOP: 60px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
#Advantage .overlay {
HEIGHT: 100%; POSITION: absolute; LEFT: 0px; Z-INDEX: 1; TOP: 0px; WIDTH: 100%; BACKGROUND-COLOR: #323232; opacity: .1
}
#Advantage .w {
POSITION: relative; Z-INDEX: 10
}
#Advantage .col-lg-3 {
FLOAT: left; WIDTH: 20%
}
#Advantage .item-counter {
PADDING-BOTTOM: 7px; TEXT-ALIGN: center; PADDING-TOP: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
#Advantage .last.item-counter {
BORDER-RIGHT: medium none
}
#Advantage .item-counter SPAN {
FONT-SIZE: 48px; COLOR: #fff; MARGIN: 3px 0px 0px
}
#Advantage .wrap-numb {
COLOR: #fff; MARGIN-TOP: 17px; DISPLAY: inline-block; WIDTH: 100%
}
#Advantage .wrap-numb SPAN {
FONT-SIZE: 38px; FONT-WEIGHT: 900; COLOR: #fff; MARGIN: 0px; LINE-HEIGHT: 38px
}
#Advantage .item-counter .name-count {
FONT-SIZE: 20px; COLOR: #fff; MARGIN-TOP: 10px; LINE-HEIGHT: 34px
}
.latest-news_container {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .12)
}
.latest-news--inline {
MARGIN-BOTTOM: 0px; BORDER-TOP: #e5e5e5 1px solid; BORDER-RIGHT: #e5e5e5 1px solid; BORDER-BOTTOM: #e5e5e5 1px solid; POSITION: relative; BORDER-LEFT: #e5e5e5 1px solid; DISPLAY: block; BACKGROUND-COLOR: #fff
}
.latest-news_content {
PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 22px; PADDING-RIGHT: 22px; BACKGROUND-COLOR: #fff
}
.latest-news--inline .latest-news_title {
MARGIN-BOTTOM: 1px; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase
}
.latest-news--inline .latest-news_author {
FONT-SIZE: 12px; COLOR: #999
}
.latest-news--more-news {
FONT-SIZE: 14px; POSITION: relative; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 700; COLOR: #bc001f; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 20px; DISPLAY: block; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #fff
}
.latest-news--more-news:after {
FONT-SIZE: 12px; HEIGHT: 26px; FONT-FAMILY: FontAwesome; RIGHT: 15px; POSITION: absolute; COLOR: #999; TEXT-ALIGN: center; PADDING-TOP: 5px; CONTENT: '\f054'; PADDING-LEFT: 0px; DISPLAY: block; TOP: 12px; WIDTH: 26px; BACKGROUND-COLOR: #ddd; border-radius: 3px; transition: all .1s ease-out
}
.title {
}
.title H2 {
FONT-SIZE: 24px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 34px; PADDING-RIGHT: 0px
}
.title H2:before {
POSITION: absolute; CONTENT: ""; LEFT: 0px; MARGIN: 0px auto
}
.title H2:after {
POSITION: absolute; CONTENT: ""; LEFT: 0px; MARGIN: 0px auto
}
.title H2:before {
HEIGHT: 1px; BACKGROUND: #dddddd; RIGHT: 0px; LEFT: 0px; WIDTH: 32%; BOTTOM: -17px
}
.title H2:after {
HEIGHT: 3px; BACKGROUND: #b7d200; RIGHT: 0px; LEFT: 0px; WIDTH: 51px; BOTTOM: -18px; transform: skew(50deg)
}
.title P {
FONT-SIZE: 16px; TEXT-ALIGN: center
}
.about_wrap {
OVERFLOW: hidden; MARGIN: 40px auto; WIDTH: 1100px
}
.about_wrap .contact {
BACKGROUND: #f9f9f9
}
.about_wrap .contact picture {
OVERFLOW: hidden; HEIGHT: 421px; FLOAT: left; WIDTH: 640px
}
.about_wrap .contact article {
FLOAT: right; PADDING-BOTTOM: 30px; PADDING-TOP: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; WIDTH: 440px
}
.about_wrap .contact article H2 {
MARGIN-BOTTOM: 20px; HEIGHT: auto; BORDER-BOTTOM: #999 1px dotted; FONT-WEIGHT: bold; COLOR: #b7d200; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; LINE-HEIGHT: 30px; PADDING-RIGHT: 0px
}
.about_wrap .contact article P {
FONT-SIZE: 16px; MARGIN: 8px 0px 15px; LINE-HEIGHT: 30px
}
article .share {
MARGIN-TOP: 10px
}
article .share UL {
LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px
}
article .share UL LI {
LIST-STYLE-TYPE: none; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 15px 0px 0px; PADDING-RIGHT: 0px
}
article .share IMG {
MARGIN-BOTTOM: 0px
}
article .share UL LI P {
COLOR: #333; LINE-HEIGHT: 18px
}
.other_contact {
BACKGROUND: #f8f8f8
}
.other_contact .w {
FONT-SIZE: 14px; PADDING-BOTTOM: 35px; PADDING-TOP: 35px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.other_contact STRONG {
COLOR: #b7d200
}
.message {
OVERFLOW: hidden; BACKGROUND: #fff; PADDING-BOTTOM: 30px; PADDING-TOP: 30px; PADDING-LEFT: 30px; MARGIN-TOP: 25px; PADDING-RIGHT: 30px
}
.message H2 {
FONT-SIZE: 20px; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center
}
.message_con {
OVERFLOW: hidden; HEIGHT: 484px; BACKGROUND: url(../images/message01.png) no-repeat; MARGIN: 30px auto 0px; WIDTH: 902px
}
.message_fl {
FLOAT: left; MARGIN-LEFT: 40px; MARGIN-TOP: 40px; WIDTH: 368px
}
.message_fl .label {
FONT-SIZE: 16px; FLOAT: left; WIDTH: 100px
}
.message_fl .enter {
MARGIN-BOTTOM: 25px
}
.message_rl {
FLOAT: right; MARGIN-TOP: 40px; WIDTH: 435px; MARGIN-RIGHT: 30px
}
.message_rl TEXTAREA {
BORDER-TOP: 0px; HEIGHT: 190px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 15px; BORDER-LEFT: 0px; LINE-HEIGHT: 26px; PADDING-RIGHT: 15px; WIDTH: 355px
}
.message_rl INPUT {
FONT-SIZE: 16px; BORDER-TOP: 0px; HEIGHT: 46px; BORDER-RIGHT: 0px; BACKGROUND: url(../images/pic11_a.png) #e67817 no-repeat 100px center; BORDER-BOTTOM: 0px; COLOR: #fff; BORDER-LEFT: 0px; MARGIN-TOP: 20px; PADDING-RIGHT: 30px; WIDTH: 140px
}
#news_list {
OVERFLOW: hidden; MARGIN: 30px auto; WIDTH: 1100px
}
#news_list LI {
OVERFLOW: hidden; HEIGHT: 400px; FLOAT: left; MARGIN: 0px 30px 40px 0px; WIDTH: 346px
}
#news_list LI A {
HEIGHT: 100%; BACKGROUND: #f7f7f7; DISPLAY: block; WIDTH: 100%; -webkit-transition: 0.3s; transition: 0.3s
}
#news_list LI A:hover {
BACKGROUND: #b7d200
}
#news_list LI A:hover H2 {
COLOR: #fff
}
#news_list LI A:hover P {
COLOR: #fff
}
#news_list LI .pic {
OVERFLOW: hidden; HEIGHT: 210px; WIDTH: 346px
}
#news_list LI IMG {
WIDTH: 100%; -webkit-transition: .5s; transition: .5s; -moz-transition: .5s
}
#news_list LI SPAN {
FONT-SIZE: 12px; COLOR: #999; MARGIN: 20px auto 0px; DISPLAY: block; WIDTH: 310px
}
#news_list LI H2 {
FONT-SIZE: 18px; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #1a1a1a; PADDING-BOTTOM: 15px; PADDING-TOP: 5px; PADDING-LEFT: 0px; MARGIN: auto; PADDING-RIGHT: 0px; WIDTH: 310px; -webkit-transition: 0.3s; transition: 0.3s
}
#news_list LI P {
COLOR: #666; MARGIN: 10px auto; LINE-HEIGHT: 20px; WIDTH: 310px; -webkit-transition: 0.3s; transition: 0.3s
}
#news_list LI A:hover SPAN {
COLOR: #fff
}
#news_list LI A:hover H2 {
BORDER-TOP-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-RIGHT-COLOR: #fff; BORDER-LEFT-COLOR: #fff
}
#news_list LI A:hover IMG {
-webkit-transform: scale(1.08); transform: scale(1.08); -moz-transform: scale(1.08)
}
.about_brief {
OVERFLOW: hidden; MARGIN: 30px auto; WIDTH: 1100px
}
.about_brief .brief_title {
HEIGHT: 765px; BACKGROUND: url(../images/aboutbg.jpg) #e5e5e5 no-repeat left bottom; FLOAT: left; WIDTH: 335px
}
.about_brief .brief_title H2 {
FONT-SIZE: 30px; BORDER-TOP: #b7d200 4px solid; HEIGHT: 66px; BORDER-RIGHT: #b7d200 4px solid; BORDER-BOTTOM: #b7d200 4px solid; FLOAT: left; COLOR: #b7d200; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 40px 0px 0px 120px; BORDER-LEFT: #b7d200 4px solid; LINE-HEIGHT: 58px; PADDING-RIGHT: 0px; WIDTH: 150px
}
.about_brief .brief_title aside {
FONT-SIZE: 35px; FLOAT: right; COLOR: #aaa; TEXT-ALIGN: right; MARGIN-TOP: 20px; LINE-HEIGHT: 35px; MARGIN-RIGHT: 66px
}
.brief_con {
BACKGROUND: #fff; FLOAT: left; WIDTH: 764px
}
.brief_con .brief_con_01 {
OVERFLOW: hidden
}
.brief_con .brief_con_01 article {
HEIGHT: 286px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 60px; PADDING-LEFT: 34px; LINE-HEIGHT: 26px; PADDING-RIGHT: 34px; WIDTH: 381px
}
.brief_con .brief_con_01 picture {
OVERFLOW: hidden; POSITION: relative; FLOAT: left; WIDTH: 382px
}
.brief_con .brief_con_01 picture IMG {
DISPLAY: block; WIDTH: 100%
}
.brief_con picture IMG {
DISPLAY: block; WIDTH: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease
}
.brief_con picture IMG:hover {
-webkit-transform: scale(1.08); transform: scale(1.08); -moz-transform: scale(1.08)
}
.brief_con .brief_con_01 picture I {
BORDER-TOP: transparent 12px solid; BORDER-BOTTOM: transparent 12px solid; POSITION: absolute; LEFT: 0px; BORDER-LEFT: #fff 12px solid; TOP: 40px
}
.brief_con .brief_con_02 {
OVERFLOW: hidden
}
.brief_con .brief_con_02 article {
HEIGHT: 226px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 60px; PADDING-LEFT: 34px; LINE-HEIGHT: 26px; PADDING-RIGHT: 34px; WIDTH: 381px
}
.brief_con .brief_con_02 picture {
OVERFLOW: hidden; POSITION: relative; FLOAT: left; WIDTH: 382px
}
.brief_con .brief_con_02 picture IMG {
DISPLAY: block; WIDTH: 100%
}
.brief_con .brief_con_02 picture I {
BORDER-TOP: transparent 12px solid; BORDER-RIGHT: #fff 12px solid; RIGHT: 0px; BORDER-BOTTOM: transparent 12px solid; POSITION: absolute; TOP: 40px
}
.brief_con article P {
FONT-SIZE: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px
}
#Development {
BACKGROUND: url(../images/history_bg.jpg) no-repeat center center; PADDING-BOTTOM: 35px; PADDING-TOP: 35px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-background-size: cover; background-size: cover
}
#Development .title H2 {
COLOR: #fff
}
#Development .title H2:before {
BACKGROUND: #fff
}
#Development .title P {
FONT-SIZE: 16px; COLOR: #fff; TEXT-ALIGN: center
}
#timeline {
OVERFLOW: hidden; HEIGHT: 300px; BACKGROUND: url(../img/dot.gif) repeat-x left 45px; POSITION: relative; MARGIN: 20px auto; WIDTH: 1000px
}
#dates {
OVERFLOW: hidden; MARGIN-BOTTOM: 15px; HEIGHT: 60px; WIDTH: 1000px
}
#dates LI {
LIST-STYLE-TYPE: none; FONT-SIZE: 24px; HEIGHT: 50px; BACKGROUND: url(../img/biggerdot.png) no-repeat center bottom; FLOAT: left; LIST-STYLE-IMAGE: none; TEXT-ALIGN: center; WIDTH: 150px
}
#dates A {
FONT-SIZE: 16px; COLOR: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; LINE-HEIGHT: 38px; PADDING-RIGHT: 5px
}
#dates .selected {
FONT-SIZE: 16px; BORDER-TOP: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
#issues {
OVERFLOW: hidden; HEIGHT: 300px; WIDTH: 860px
}
#issues LI {
LIST-STYLE-TYPE: none; HEIGHT: 300px; FLOAT: left; LIST-STYLE-IMAGE: none; WIDTH: 1000px; opacity: 0.95
}
#issues LI H1 {
FONT-SIZE: 28px; COLOR: #b7d200; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 20px 0px; PADDING-RIGHT: 30px
}
#issues LI P {
FONT-SIZE: 16px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 45px; MARGIN: 10px; LINE-HEIGHT: 22px; PADDING-RIGHT: 45px
}
.area_index {
MARGIN: 35px 0px
}
.index_more {
OVERFLOW: hidden; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 15px; PADDING-LEFT: 0px; CLEAR: both; PADDING-RIGHT: 0px
}
.index_more A {
OVERFLOW: hidden; BORDER-TOP: #b7d200 1px solid; BORDER-RIGHT: #b7d200 1px solid; BORDER-BOTTOM: #b7d200 1px solid; COLOR: #b7d200; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; BORDER-LEFT: #b7d200 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 36px; PADDING-RIGHT: 20px; border-radius: 10px
}
.index_more A:hover {
BACKGROUND: #b7d200; COLOR: #fff
}
.index4_list {
OVERFLOW: hidden; CLEAR: both; MARGIN: 15px auto; WIDTH: 1100px
}
.index4_list LI {
OVERFLOW: hidden; FLOAT: left; DISPLAY: inline-block; WIDTH: 16.66%
}
.index4_list LI {
OVERFLOW: hidden; MARGIN: 0px; DISPLAY: block
}
.index4_list LI .con {
PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px
}
.index4_list LI IMG {
BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 100%
}
.company_honor {
}
.honor_list {
OVERFLOW: hidden; CLEAR: both; MARGIN: 15px auto; WIDTH: 1100px
}
.honor_list LI {
OVERFLOW: hidden; FLOAT: left; DISPLAY: inline-block; WIDTH: 25%
}
.honor_list LI {
OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block
}
.honor_list LI .con {
PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px
}
.honor_list LI IMG {
HEIGHT: 158px; WIDTH: 255px
}
.company_core .core_list {
}
.company_core .core_list LI {
CURSOR: pointer; POSITION: relative; FLOAT: left; WIDTH: 33.33%
}
.company_core .core_list LI .itemtxt {
HEIGHT: 100%; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0%; Z-INDEX: 5; DISPLAY: table-cell; TOP: 0%; WIDTH: 100%; transition: 400ms
}
.company_core .core_list LI .itemtxt .t {
COLOR: #fff; PADDING-TOP: 23%; FONT: 18px/1.5 "Microsoft JhengHei"; transition: 300ms
}
.company_core .core_list LI .itemtxt .c {
FONT: 14px/1.8 "Microsoft JhengHei"; transition: all 300ms ease 100ms
}
.company_core .core_list LI .ico {
HEIGHT: 22px; BACKGROUND: url(../images/ibox_i1.png) no-repeat; MARGIN: 10% auto 0px; DISPLAY: block; WIDTH: 22px; transition: 300ms
}
.company_core .core_list LI .item1 {
FLOAT: right
}
.company_core .core_list LI .more {
HEIGHT: 28px; POSITION: relative; COLOR: #3871b9; TEXT-ALIGN: center; FILTER: alpha(opacity=0); MARGIN: 5% auto 0px; DISPLAY: block; LINE-HEIGHT: 28px; TOP: 30px; WIDTH: 98px; BACKGROUND-COLOR: #fff; transition: all 300ms ease 200ms; opacity: 0
}
.company_core .core_list LI .ibg {
HEIGHT: 100%; BACKGROUND: url(../images/black_bg.png); POSITION: absolute; LEFT: 0px; TOP: 0px; WIDTH: 100%; transition: 300ms
}
.company_core .core_list LI .itemtxt .core_hover {
opacity: 0
}
.company_core .core_list LI .itemtxt {
HEIGHT: 100%; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0%; Z-INDEX: 5; DISPLAY: table-cell; TOP: 0%; WIDTH: 100%; transition: 400ms
}
.company_core .core_list LI:hover .itemtxt .p1 {
PADDING-TOP: 25%
}
.company_core .core_list LI:hover .itemtxt .t {
PADDING-TOP: 25%
}
.company_core .core_list LI:hover .itemtxt .c {
FILTER: alpha(opacity=100); TOP: 0px; opacity: 1
}
.company_core .core_list LI:hover .itemtxt .more {
FILTER: alpha(opacity=100); TOP: 0px; opacity: 1
}
.company_core .core_list LI:hover .itemtxt .c {
FILTER: alpha(opacity=100); TOP: 0px; opacity: 1
}
.company_core .core_list LI:hover .itemtxt .more {
FILTER: alpha(opacity=100); TOP: 0px; opacity: 1
}
.boxitem:hover .img {
-webkit-transform: scale(1.1); transform: scale(1.1)
}
.boxitem:hover .ibg {
DISPLAY: none
}
.partnerlist {
PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px
}
.partnerlist .bd UL {
OVERFLOW: hidden; ZOOM: 1; MARGIN: 20px 0px
}
.partnerlist .bd UL LI {
OVERFLOW: hidden; FLOAT: left; TEXT-ALIGN: center; MARGIN: 0px 8px; _display: inline
}
.partnerlist .bd UL LI .pic {
TEXT-ALIGN: center
}
.partnerlist .bd UL LI .pic IMG {
BORDER-TOP: #ccc 1px solid; HEIGHT: 76px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 2px; WIDTH: 160px
}
.partnerlist .bd UL LI .pic A:hover IMG {
BORDER-TOP-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; BORDER-LEFT-COLOR: #999
}
.partnerlist .bd UL LI .title {
LINE-HEIGHT: 24px
}
.partner_list {
}
.partner_list LI {
OVERFLOW: hidden; FLOAT: left; MARGIN: 25px 23px 25px 0px; WIDTH: 164px
}
.partner_list LI.mr0 {
MARGIN-RIGHT: 0px
}
.partner_list LI A {
BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #eee 1px solid; DISPLAY: block; PADDING-RIGHT: 10px
}
.partner_list LI A IMG {
WIDTH: 100%
}
.partner_list LI A H2 {
FONT-SIZE: 16px; TEXT-ALIGN: center
}
.partner_list LI A P {
OVERFLOW: hidden; FONT-SIZE: 12px; HEIGHT: 30px; TEXT-ALIGN: center; LINE-HEIGHT: 30px
}
.twolist .twolistl {
OVERFLOW: hidden; FLOAT: left; WIDTH: 50%
}
.twolistl IMG {
-webkit-transition: ease-in all .5s; transition: ease-in all .5s; -moz-transition: ease-in all .5s; -o-transition: ease-in all .5s; -ms-transition: ease-in all .5s
}
.threeliimg IMG {
-webkit-transition: ease-in all .5s; transition: ease-in all .5s; -moz-transition: ease-in all .5s; -o-transition: ease-in all .5s; -ms-transition: ease-in all .5s
}
.ipropic LI A IMG {
-webkit-transition: ease-in all .5s; transition: ease-in all .5s; -moz-transition: ease-in all .5s; -o-transition: ease-in all .5s; -ms-transition: ease-in all .5s
}
.twolistl IMG:hover {
-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2)
}
.twolist .twolistr {
OVERFLOW: hidden; FLOAT: left; WIDTH: 50%
}
.twolist .twolistr P {
MARGIN-BOTTOM: 10px
}
.vedio_kuai {
POSITION: relative
}
.vedio_kuai .vedio_kuai_play {
POSITION: absolute; Z-INDEX: 1; TOP: 0px
}
.vedio_kuai .vedio_kuai_play P {
HEIGHT: 263px; BACKGROUND: url(../images/play.png) no-repeat center 50%; POSITION: absolute; Z-INDEX: 5; WIDTH: 360px
}
.abtop .vedio_kuai {
HEIGHT: 280px; WIDTH: 500px
}
.abtop .vedio_kuai .vedio_kuai_play {
HEIGHT: 280px; WIDTH: 500px
}
.abtop .vedio_kuai .vedio_kuai_play P {
HEIGHT: 280px; WIDTH: 500px
}
.abtop .vedio_kuai .vedio_kuai_hidden {
HEIGHT: 280px; WIDTH: 500px
}
.abtop .vedio_kuai {
HEIGHT: 280px; WIDTH: 500px
}
.Magazine_list {
LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 20px 0px; PADDING-RIGHT: 0px; WIDTH: 1200px
}
.Magazine_list LI {
POSITION: relative; FLOAT: left; MARGIN: 0px 16px 16px 0px; WIDTH: 260px
}
.Magazine_list LI A {
BORDER-TOP: #f9f9f9 1px solid; BORDER-RIGHT: #f9f9f9 1px solid; BORDER-BOTTOM: #f9f9f9 1px solid; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; BORDER-LEFT: #f9f9f9 1px solid; DISPLAY: block; PADDING-RIGHT: 8px
}
.Magazine_list LI A IMG {
BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px
}
.Magazine_list LI A .title {
FONT-SIZE: 14px; HEIGHT: 40px; TEXT-ALIGN: left; PADDING-TOP: 6px; LINE-HEIGHT: 40px
}
.Magazine_list LI A .title EM {
FONT-SIZE: 12px; FLOAT: right; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 10px; MARGIN-TOP: 8px; LINE-HEIGHT: 18px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #b7d200; border-radius: 5px
}
.Magazine_list LI A:hover {
BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f5f5f5; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid
}
.Magazine_list LI A:hover .title {
COLOR: #333
}
.list_project {
BACKGROUND: #f6f6f6
}
.list_project UL LI {
DISPLAY: block
}
.list_project UL LI DIV.am-cf {
DISPLAY: block
}
.list_project UL LI A.inline {
DISPLAY: inline
}
.list_project UL LI DIV.am-cf .txt {
FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 60px; WIDTH: 50%
}
.list_project UL LI DIV.am-cf .txt B {
FONT-SIZE: 20px; COLOR: #333; -webkit-transition: all .3s; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s
}
.list_project UL LI DIV.am-cf .txt P {
FONT-SIZE: 14px; COLOR: #666; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px
}
.list_project UL LI DIV.am-cf .txt EM {
FONT-SIZE: 14px; HEIGHT: 20px; BACKGROUND: url(../images/project_arrow02.png) no-repeat right center; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 20px; WIDTH: 90px
}
.list_project UL LI DIV.am-cf .thumb {
OVERFLOW: hidden; POSITION: relative; FLOAT: right; WIDTH: 50%
}
.list_project UL LI DIV.am-cf .thumb IMG {
OVERFLOW: hidden; HEIGHT: 100%; WIDTH: 100%; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s
}
.list_project UL LI DIV.am-cf .thumb IMG.jwlogo {
DISPLAY: none
}
.list_project UL LI DIV.am-cf:hover .txt B {
COLOR: #b7d200; PADDING-LEFT: 10px
}
.list_project UL LI DIV.am-cf:hover .thumb IMG {
-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1)
}
.list_project UL LI.sec DIV.am-cf .txt {
FLOAT: right
}
.list_project UL LI.sec DIV.am-cf .thumb {
FLOAT: left
}
#mediaplayer01_display .jwpreview {
background-size: cover
}
#mediaplayer01 {
HEIGHT: 293px; POSITION: absolute; LEFT: 0px; TOP: 0px; WIDTH: 550px
}
.list_yjy {
}
.list_yjy LI {
OVERFLOW: hidden; FLOAT: left; WIDTH: 50%
}
.list_yjy LI IMG {
WIDTH: 100%; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s
}
.list_yjy LI IMG:hover {
-webkit-transform: scale(1.1); transform: scale(1.1)
}
.f-cb {
ZOOM: 1
}
.course-list UL {
BACKGROUND: url(../images/course/green/pic6.png) repeat-y center top; PADDING-BOTTOM: 130px; PADDING-TOP: 20px; MARGIN: 0px auto; MIN-HEIGHT: 900px; WIDTH: 1100px
}
.course-list UL LI {
POSITION: relative; WIDTH: 546px
}
.course-list UL LI .j1 {
BORDER-TOP: transparent 20px solid; HEIGHT: 0px; RIGHT: 42px; BORDER-BOTTOM: transparent 20px solid; POSITION: absolute; BORDER-LEFT: #fff 20px solid; TOP: 30px; WIDTH: 0px
}
.course-list UL LI .j2 {
BORDER-TOP: transparent 20px solid; HEIGHT: 0px; BORDER-RIGHT: #fff 20px solid; BORDER-BOTTOM: transparent 20px solid; POSITION: absolute; LEFT: 42px; TOP: 30px; WIDTH: 0px
}
.course-list UL .lia {
BACKGROUND: url(../images/course/green/pic6-2.png) no-repeat right 45px; POSITION: relative; FLOAT: left; MARGIN-LEFT: 14px
}
.course-list UL .lib {
BACKGROUND: url(../images/course/green/pic6-2.png) no-repeat left 45px; POSITION: relative; FLOAT: right; MARGIN-RIGHT: 14px
}
.course-list UL .lib .textbox {
FLOAT: right
}
.course-list UL .lib .textbox {
TEXT-ALIGN: left
}
.course-list UL LI .textbox {
BACKGROUND: #f9f9f9; PADDING-BOTTOM: 30px; TEXT-ALIGN: right; PADDING-TOP: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; WIDTH: 460px; border-radius: 5px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1)
}
.course-list UL LI .textbox .t {
MARGIN-BOTTOM: 10px; FONT-SIZE: 32px; COLOR: #b7d200; LINE-HEIGHT: 40px
}
.course-list UL LI .textbox .p {
FONT-SIZE: 16px; COLOR: #999; LINE-HEIGHT: 28px
}
.down-btn {
HEIGHT: 50px; POSITION: absolute; MARGIN-LEFT: -25px; LEFT: 50%; WIDTH: 50px; BOTTOM: 0px; -webkit-animation: arrow2 1.5s infinite linear; animation: arrow2 1.5s infinite linear
}
.list_hxjs {
BACKGROUND: #f6f6f6
}
.list_hxjs UL LI {
DISPLAY: block
}
.list_hxjs UL LI A {
POSITION: relative; DISPLAY: block
}
.list_hxjs UL LI .ys {
FONT-SIZE: 18px; BACKGROUND: #b7d200; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; LEFT: 50%; PADDING-RIGHT: 12px; BOTTOM: 30px
}
.list_hxjs UL LI A .txt {
FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; WIDTH: 50%
}
.list_hxjs UL LI A .txt B {
FONT-SIZE: 18px; COLOR: #333; PADDING-BOTTOM: 8px; -webkit-transition: all .3s; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s
}
.list_hxjs UL LI A .txt P {
FONT-SIZE: 12px; COLOR: #666; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 20px; PADDING-RIGHT: 0px
}
.list_hxjs UL LI A .txt EM {
FONT-SIZE: 14px; HEIGHT: 20px; BACKGROUND: url(../images/project_arrow02.png) no-repeat right center; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 20px; WIDTH: 90px
}
.list_hxjs UL LI A .thumb {
OVERFLOW: hidden; FLOAT: right; WIDTH: 50%
}
.list_hxjs UL LI A .thumb IMG {
OVERFLOW: hidden; HEIGHT: 100%; WIDTH: 100%; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s
}
.list_hxjs UL LI A:hover .txt B {
COLOR: #b7d200; PADDING-LEFT: 10px
}
.list_hxjs UL LI A:hover .thumb IMG {
-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1)
}
.list_hxjs UL LI.sec A .txt {
FLOAT: right
}
.list_hxjs UL LI.sec A .thumb {
FLOAT: left
}
.list_hxjs UL LI.sec .ys {
FONT-SIZE: 18px; BACKGROUND: #b7d200; RIGHT: 50%; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; LEFT: auto; PADDING-RIGHT: 12px; BOTTOM: 30px
}
.list_hxjs UL LI {
DISPLAY: block
}
.list_hxjs UL LI A {
DISPLAY: block
}
.list_hxjs UL LI A .txt {
FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 40px; PADDING-RIGHT: 40px; WIDTH: 50%
}
.list_hxjs UL LI A .txt B {
FONT-SIZE: 18px; COLOR: #333; PADDING-BOTTOM: 8px; -webkit-transition: all .3s; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s
}
.list_hxjs UL LI A .txt P {
FONT-SIZE: 12px; COLOR: #666; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px
}
.list_hxjs UL LI A .txt EM {
FONT-SIZE: 14px; HEIGHT: 20px; BACKGROUND: url(../images/project_arrow02.png) no-repeat right center; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 20px; WIDTH: 90px
}
.list_hxjs UL LI A .thumb {
OVERFLOW: hidden; FLOAT: right; WIDTH: 50%
}
.list_hxjs UL LI A .thumb IMG {
OVERFLOW: hidden; HEIGHT: 100%; WIDTH: 100%; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s
}
.list_hxjs UL LI A:hover .txt B {
COLOR: #b7d200; PADDING-LEFT: 10px
}
.list_hxjs UL LI A:hover .thumb IMG {
-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1)
}
.list_hxjs UL LI.sec A .txt {
FLOAT: right
}
.list_hxjs UL LI.sec A .thumb {
FLOAT: left
}
.ban01 {
background: url("ban01.jpg") no-repeat center 0px; height: 180px; overflow: hidden;
}
.ban01 p {
top: 38px; width: 300px; right: 0px; position: absolute;
}
.ban01 p span {
text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; font-weight: bold; display: block;
}
.ban01 p span i {
font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; display: block;
}
.ban01 p em {
margin: 0px auto; padding: 12px 0px 0px; width: 107px; display: block;
}
.ban01 p em a {
background: url("ban_btn.png") no-repeat; padding: 0px 0px 0px 12px; width: 95px; height: 30px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 14px; display: block;
}
.ban02 {
background: url("ban02.jpg") no-repeat center 0px;
}
.ban02 p {
width: 240px; right: 960px;
}
.g_bb1{ background:url(1_r6_c1.png) no-repeat center top; height: 308px;padding-top: 0px;}
.g_bb2{ background:url(1_r55_c1.png) no-repeat center top; padding-top: 0px; height:380px;}
.g_bb{ background:url(1_r3_c1.png) no-repeat center top; height: 229px;padding-top: 0px;}
.g_bb3{ background:url(1_r9_c1.png) no-repeat center top; height: 660px;padding-top: 0px;}
.g_bb4{ background:url(dh01.png) no-repeat center top; height: 330px;padding-top: 0px;}
.g_bb5{ background:url(1_r11_c1.png) no-repeat center top; height: 438px;padding-top: 0px;}
.g_bb6{ background:url(1_r12_c1.png) no-repeat center top; height: 366px;padding-top: 0px;}
.g_bb7{ background:url(a_r2_c1.jpg) no-repeat center top; height: 548px;padding-top: 0px;}
.g_bb8{ background:url(a_r3_c1.jpg) no-repeat center top; height: 331px;padding-top: 0px;}
.g_bb9{ background:url(l_r2_c1.jpg) no-repeat center top; height: 1000px;padding-top: 0px;}
.g_bb10{ background:url(dt.jpg) no-repeat center top; height: 600px;padding-top: 0px;}
.g_bb11{ background:url(lx.jpg) no-repeat center top; height: 548px;padding-top: 0px;}
.g_bb12{ background:url(sb.jpg) no-repeat center top; height: 100%;padding-top: 0px;}
/* 产品认证证书 */
.g_rz{ background:url(rzbg.jpg) no-repeat center top; height: 658px;padding-top: 40px;}
.g_rz h2{text-align: center;height: 165px;font-weight: normal;font-size: 18px;background:url(rztit.png) no-repeat 0 85px;}
.g_rz h2 a{color: #fff;}
.g_rz h2 em{display: block;font-size: 33px;font-weight: bold; padding-top: 20px;color: #fff}
.g_rz ul{height: 210px;}
.g_rz li{position: relative; float: left;width: 81px;margin-right: 82px; height: 50px; padding: 30px 25px 0;text-align: center;font-size: 14px;line-height: 22px;color: #e3e3e3;
-webkit-animation: loader4 1s ease-in-out infinite;
animation: loader4 1s ease-in-out infinite;
}
.g_rz .rz06{margin-right: 0;}
.g_rz .rz01 em{background:url(rzico.png) no-repeat 0 0}
.g_rz .rz02 em{background:url(rzico.png) no-repeat -214px 0}
.g_rz .rz03 em{background:url(rzico.png) no-repeat -427px 0}
.g_rz .rz04 em{background:url(rzico.png) no-repeat -642px 0}
.g_rz .rz05 em{background:url(rzico.png) no-repeat -855px 0}
.g_rz .rz06 em{background:url(rzico.png) no-repeat -1068px 0}
.g_rz li em{position: absolute;width: 132px;height: 132px;left:0;top:0;transition: transform 1s ease-out 0s; transform:rotate(0deg);}
.g_rz li em:hover{transform:rotate(360deg);}