html, body {height: 100%; width:100%;}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../img/bg.gif) repeat;}
.clear {clear:both; margin:0px; padding:0px; height:0px; width:100%;}
a {color: #000;}
a:hover {text-decoration:none;}

/*Global box*/
#container {width:980px; margin:0 auto;}

/*Fix top box*/
#topbar {position:fixed; top:0px; left:0px; background:url(../img/bg_top_menu.png) repeat; height:50px; width:100%; z-index:99;}
#access {width:980px; margin:0 auto;}
#access ul {list-style-type:none; float:right;}
#access ul li {float:left;}
#access ul li a {font-size:16px; display:block; margin:0 10px 0 12px; padding:16px 3px 15px 3px;}
#access ul li a:hover {background:url(../img/bg_top_menu_hover.png) repeat; color: #fff;}
.logo {display:block; background:url(../img/logo.png) no-repeat!important; width:251px; height:48px; padding:0px!important; float:left;}
.logo:hover {background:url(../img/logo.png) no-repeat!important;}
#access ul.navigation li a.selected {background:url(../img/bg_top_menu_hover.png) repeat; color:#fff; text-decoration:none;}

/*Content*/
h1.ptitle {font-size:48px; margin:0px; padding:0px; color: #cbcbcb;}
#slider .scroll {overflow:auto;	position:relative; clear:left;}
#slider .scroll .scrollContainer .panel {position:relative; height:auto; overflow:hidden; margin:0 0 40% 0;}

.cont {margin:100px 0 0 0; width:970px;}
.cont .work { background:url(../img/work.png) no-repeat; width:51px; height:185px; float:left;}
.incont {float:left;}
.incont a {display:block; position:relative; font-size:69px; text-decoration:none; color: #3f8a03; line-height:69px; margin:-4px 0 0 5px;}
.incont a:hover {color: #000;}

.phone {margin:10px 0 0 0; text-align:right;}
.phone a {cursor: pointer; color: #878787; font-size:52px;}
.phone a span {font-size:32px;}

.line {background: #6ed0fe; height:1px; margin:0 0 8px 0;}
.tabcont {}
.tabcont tr td img {margin:0px -5px -8px 5px; position:relative;}

/*Dynamic content box*/
.jFlowSlides {position: relative; height: 235px; overflow: hidden; float:left; display:block;}
#slides {position: relative; width: 3050px; height: 235px; overflow: hidden; background: url(../img/dcbg.gif) repeat; margin:5px 0 0 0;}
#dbox {position: relative; overflow: hidden;}
#myController {float:left;}
#myController span.jFlowSelected {background: url(../img/dlhover.png) no-repeat; margin-right:0px;}
.slide-wrapper {padding: 5px 3px 5px 3px;}
.jFlowControl {display:block;  font-size:24px; height:35px;}
#jflink {background: url(../img/dl.png) no-repeat; margin:5px 0 0 0; padding:7px 0 0 10px; width:247px;}
.jFlowControl, .jFlowPrev, .jFlowNext {color:#fff; cursor:pointer;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {background: url(../img/dlhover.png) no-repeat; color: #000!important; display:block;}

/*Scroll*/
.s {margin:10px 0 0 0;}

#scrollbar, #scrollbar2, #scrollbar3 {display:none; display:block; position:relative; width:11px; height:209px;}
#scrollbar img {display:block;} 
#scrollbar2 img {display:block;}
#scrollbar3 img {display:block;}

#wn, #wn2, #wn3 {position:relative; width:685px; height:209px; overflow:hidden;}   
.sline, .sline2, .sline3 {height:193px; width:1px; background: #fff; margin:9px 0 0 6px;}
#track, #track2, #track3 {position:absolute; left:0; top:0px; width:11px; height:191px;}
#dragBar, #dragBar2, #dragBar3 {position:absolute; left:1px; top:0px; width:11px; height:20px; background-color:#fff; cursor:pointer; margin:10px 0 0 0;}  
#up, #up2, #up3 {position:absolute; left:0; top:0px; z-index:9999;}  
#down, #down2, #down3 {position:absolute; left:0; bottom:-2px;}
.scont, .scont2, .scont3 {padding:0px 0 0 10px;}
#scrollbar, #scrollbar2, #scrollbar2, #track, #track2, #track3, #dragBar, #dragBar2, #dragBar3, #up, #up2, #up3, #down, #down2, #down3 {-moz-user-select: none; -khtml-user-select: none;}
#scrollbar4 {display:none; display:block; position:relative; width:11px; height:209px;}
#scrollbar4 img {display:block;} 
#wn4 {position:relative; width:685px; height:430px; overflow:hidden;}   

.sline4 {height:425px; width:1px; background: #fff; margin:9px 0 0 6px;}
#track4 {position:absolute; left:0; top:0px; width:11px; height:414px;}
#dragBar4 {position:absolute; left:1px; top:0px; width:11px; height:20px; background-color:#fff; cursor:pointer; margin:10px 0 0 0;}  
#up4 {position:absolute; left:0; top:0px; z-index:9999;}  
#down4 {position:absolute; left:0; bottom:-225px;}
.scont4 {margin:0px 0 0 5px; padding:5px; background: #fff;}
#scrollbar4, #track4, #dragBar4, #up4, #down4 {-moz-user-select: none; -khtml-user-select: none;}

.portf {padding:0 0 0 5px;}
.portf img {margin:0 15px 0 0;}
.portf div a {display:block; font-size:18px; border-bottom:1px solid #69cefe; margin:0 0 0 313px; padding:0 0 7px 0;}
.portf div p {padding:10px 5px 0 0;}

.icont {background:url(../img/dcbg.gif) repeat; margin:5px 0 0 0; padding:5px; min-height:200px; float:left; width:950px;}
.inco {background: #fff; width:950px;}
.sbox {margin:-82px 0 0 15px; height:80px;}
.stext {width:700px; float:left; position:relative;}
.sdir {float:left; width:240px; position:relative; margin:15px 0 0 -12px;}

.itext {padding:5px;}
.itext h2 {font-size:22px; font-weight:100; margin:0 0 5px 0;}
.search_ico {float:left; background: #fff; width:950px;}
.search_ico a {display:block; float:left; padding:0 17px 0 0;}

/*Speed line text*/
.speed_line {position:absolute; margin:38px 0 0 220px; width:605px; overflow:hidden;}
.speed_line .bg {width:605px; overflow:hidden;}
.speed_line p {float:left; width:auto;}

/*Support*/
.hphone {font-size:24px; display:block;}
.hphone span {font-size:36px;}

.vcard {font-size:14px;}
.cmap {width:455px; height:380px; border:1px solid #a2dafe; background: #ebebeb;}
.url a {font-size:18px;}
.ctitle {color: #6095ee; font-size:18px;}
.cbotm {font-size:14px;}

/*Footer*/
.footer {width:980px; margin:0 auto; padding:0 0 10px 0; font-size:10px; color: #999;}