html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong, b { font-weight: bold; }
a { text-decoration: none; }
body { font-family: 'Open Sans', sans-serif; background:url(../images/body_bg.png) repeat-y; background-position:center top; height:100%; }

	
header {
    background: none repeat scroll 0 0 #fff;
    height: 70px;
    margin-top: 0px;
	width:%100;
	z-index:99999999999;
	
	

}
#header {
    height: 70px;
    margin-top: 0px !important;
    top: 0;
    width: 100%;
	z-index:99999999999;
	background:#fff;
}
.headerTop {height:32px; width:%100; margin:auto;}
.headerTop-wrap{height:32px; width:1020px; margin:auto;}

.header-wrap {height:58px; width:1020px; margin:auto;}
.zero-content {width:%100;}
.content-wrap {}



.logo {
    display: block;
    float: left;

}
.submenu {
    display: block;
    float: right;
    margin-top: 32px;
}

.submenu li {
    display: block;
    float: left;
}


.submenu li a {
    color: #444444;

    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    width: 100px;
}
.submenu  li a:hover { border-bottom:5px solid #03a2bf;}




h1 {
    float: left;
    font-size: 5em;
    margin-left: 33%;
    margin-top: -505px;
    position: absolute;
}


p {
    float: left;
    font-size: 13px;
    margin-left: 449px;
    margin-top: -390px;
    position: absolute;
    width: 59%;
}

.title {
    float: left;
    font-size: 5em;
    margin-left: 11%;
    margin-top: -374px;
    position: absolute;
}

.desc {
    float: left;
    font-size: 13px;
    margin-left: 12%;
    margin-top: -238px;
    position: absolute;
    width: 59%;
}
.work {background:url(../imgs/bg5.jpg);}
.cont {
    background: url("../imgs/bg4.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    height: 100%;
}
.content {
    display: block;
    float: left;
    margin-left: 326px;
    margin-top: 179px;
}

.bx-wrapper {
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px !important;
    padding: 0;
    position: relative;
}
 .bx-wrapper .bx-viewport  { background: none repeat scroll 0 0 #fff !important;
    border: 0px solid #e8e8e8 !important;
    height: 600px!important;
    left: 0;
    margin-bottom: 14px !important;
    margin-top: -1px !important;
    transform: translateZ(0px) !important;
    width: 100% !important;}