body{
font-family: 'Lato',arial; 
font-size:14px;
color:#666;
}

html, body{
height:100%;
}

.wrapper{
width:980px;
margin:auto;
}

p{
padding-bottom:15px;
}

.clear{
clear:both;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.headerBanner{
float:left;
width:100%;
height:582px;
background:url(../images/headerBanner.jpg) no-repeat center top;
}

.topBanner{
height:245px;
background:url(../images/topbanner.jpg) no-repeat center top;
}

.aboutBanner{
float:left;
width:100%;
height:362px;
position:relative;
background:url(../images/about-banner.jpg) no-repeat center top;
}

.headerBanner .wrapper, .aboutBanner .wrapper{
position:relative;
}

.headerBanner .wrapper .lang{
position:absolute;
right:10px;
top:10px;
}

.headerBanner .wrapper .lang a{
color:#333;
text-decoration:none;
}

.headerBanner .wrapper .lang a:hover{
text-decoration:underline;
}

.headerBanner .wrapper .logo{
float:left;
width:100%;
text-align:center;
margin-top:30px;
}

.headerBanner .wrapper .menus{
list-style:none;
display:block;
margin:0 auto;
width:845px;
padding:0;
border-top:1px solid #ac8600;
border-bottom:1px solid #ac8600;
}

.headerBanner .wrapper .menus li{
float:left;
padding:0;
margin:0;
}

.headerBanner .wrapper .menus li:first-child a{
margin-left:10px;
}

.headerBanner .wrapper .menus li a{
display:block;
color:#333;
text-align:center;
text-decoration:none;
padding:0 7px;
min-width:62px;
font-size:1.2em;
line-height:34px;
}

.headerBanner .wrapper .menus li a:hover, .headerBanner .wrapper .menus li.active a{
color:#f1f1f1;
background:#ac8600;
}

.headerBanner .wrapper .text-info{
float:left;
position:absolute;
top:80px;
left:80px;
width:450px;
color:#333;
font-weight:bold;
}

.headerBanner .wrapper .text-info h1.point{
float:left;
font-size:inherit;
font-weight:normal;
font-size:1.5em;
padding-left:24px;
text-align:justify;
background:url(../images/text-info.png) no-repeat left 5px;
}

.aboutBanner .wrapper .text-info{
float:left;
position:absolute;
top:150px;
left:420px;
width:450px;
color:#333;
font-weight:bold;
}

.aboutBanner .wrapper .text-info h1.point{
float:left;
font-size:inherit;
font-weight:normal;
font-size:1.5em;
padding-left:24px;
text-align:justify;
background:url(../images/text-info.png) no-repeat left 5px;
}

.headerBanner .loginBox{
position:absolute;
bottom:0;
right:0;
background:#c69b00;
min-height:200px;
}

.headerBanner .loginBox h3{
background:#806300;
color:#fff;
text-align:center;
padding:0;
line-height:50px;
font-size:1.5em;
margin-bottom:20px;
}


.headerBanner .loginBox .row{
float:left;
clear:both;
padding:2px 15px;
}

.headerBanner .loginBox .buttRow{
float:right;
}

.headerBanner .loginBox .row label{
float:left;
color:#f1f1f1;
float:left;
width:80px;
line-height:26px;
cursor:pointer;
}

.headerBanner .loginBox .row input.input_Text_Class{
float:right;
width:150px;
padding:5px 3px;
border:0;
}

.headerBanner .loginBox .row.buttRow input.buttonSubmit{
float:right;
background:#806300;
color:#fff;
border:0;
padding:5px 15px;
cursor:pointer;
}

.mainContent{
float:left;
width:100%;
min-height:500px;
background:#fff;
}

.mainContent .content{
float:left;
width:100%;
position:relative;
padding-bottom:100px;
}


.mainContent h2{
font-size:1.3em;
color:#ac8600;
margin-bottom:10px;
}

.mainContent .row1 .rowP{
float:left;
width:650px;
}

.mainContent .row2 .rowP{
float:right;
width:650px;
}

.mainContent .row1{
float:left;
width:100%;
}

.mainContent .row2{
float:left;
width:100%;
height:320px;
background: #ac8600 url(../images/prioriy-bg-v2.png) no-repeat 18% top;
}

.mainContent .row2 h2{
color:red;
}

.mainContent .row2 p{
color:#f1f1f1;
}

.mainContent .row3{
float:left;
width:100%;
height:450px;
position:relative;
z-index:3;
background: url(../images/row3-bg1.png) no-repeat 28% top;
}

.mainContent .row4{
float:left;
width:100%;
height:450px;
position:relative;
z-index:3;
margin-top:-30px;
background: url(../images/row4-bg1.png) no-repeat 72% top;
}


.mainContent .row3 .wrapper, .mainContent .row4 .wrapper{
position:relative;
z-index:2;
background:transparent;
}

.mainContent .bg1{
float:left;
width:836px;
height:480px;
position:absolute;
left:0;
top:0;
z-index:1;
background: url(../images/flower-l.png) no-repeat left top;
}

.mainContent .bg2{
float:right;
width:836px;
height:480px;
position:absolute;
right:0;
top:0;
z-index:1;
background: url(../images/flower-r.png) no-repeat right top;
}

.mainContent .row3 .rowP{
float:right;
width:550px;
margin-top:130px;
}

.mainContent .row4 .rowP{
float:left;
width:550px;
margin-top:160px;
}

.flower{
position:absolute;
width:193px;
height:106px;
left:35%;
bottom:-60px;
background: url(../images/flower.png) no-repeat right bottom;
}

.aboutBanner .flower{
left:43%;
}

.aboutUsContent .row1{
margin-top:80px;
position:relative;
z-index:3;
background: url(../images/about-pic1.png) no-repeat 30% top;
}

.aboutUsContent .row1 .rowP{
float:right;
width:500px;
margin-top:60px;
}

.aboutUsContent .row1 .rowP ul{
margin:0;
padding:0;
list-style:none;
}

.aboutUsContent .row1 .rowP ul li{
line-height:18px;
margin-bottom:10px;
padding-left:22px;
background: url(../images/bullet.png) no-repeat left 5px;
}

.footer{
float:left;
width:100%;
}

.footerbar{
float:left;
width:100%;
border-bottom:1px solid #ac8600;
background:#c69b00;
}

.footerbar .texture{
float:left;
width:100%;
height:100%;
background:url(../images/footerbg_texture.png) repeat-x left top;
}

.footerbar .texture .flogo{
float:left;
width:220px;
}

.footerbar .texture .flogo a{
display:block;
width:100%;
margin-top:20px;
}

.footerbar .texture .fmenus{
float:right;
width:70.5%;
padding-left:6%;
padding-top:35px;
padding-bottom:20px;
font-size:1.1em;
color:#fff;
background:url(../images/footer-line.png) repeat-y left bottom;
}

.footerbar .texture .fmenus a{
color:#fff;
text-decoration:none;
}

.footerbar .texture .fmenus a:hover{
text-decoration:underline;
}

.footerbar .texture .fmenus .section1{
float:left;
width:200px;
margin-right:20px;
}

.footerbar .texture .fmenus .section2{
float:left;
width:200px;
margin-right:20px;
}

.footerbar .texture .fmenus .section2 ul, .footerbar .texture .fmenus .section3 ul{
list-style:none;
}

.footerbar .texture .fmenus .section2 ul li a, .footerbar .texture .fmenus .section3 ul li a{
line-height:20px;
font-size:.9em;
text-decoration:underline;
}

.footerbar .texture .fmenus .section2 ul li a:hover, .footerbar .texture .fmenus .section3 ul li a:hover{
text-decoration:none;
}

.section3{
float:left;
width:200px;
}

.footerbar .texture{
position:relative;
}

.shadow{
float:left;
width:100%;
position:absolute;
left:0;
top:0;
height:11px;
background:url(../images/content_shadow.png) repeat-x left top;
}

.texture .wrapper{
position:relative;
}

.texture .wrapper .backtotop{
float:right;
width:58px;
height:50px;
position:absolute;
top:-28px;
right:0;
padding-top:9px;
line-height:50px;
text-align:center;
background: url(../images/back-to-top-gold.png) no-repeat right center;
z-index:2;
}

.texture .wrapper .backtotop a{
display:block;
height:100%;
width:100%;
color:#ffffdd;
font-size:.85em;
font-weight:bold;
text-decoration:none;
}

.footerline{
float:left;
width:100%;
color:#fff;
height:34px;
line-height:34px;
color:#f1f1f1;
background:#806300;
}

.footerline a{
color:#f1f1f1;
text-decoration:underline;
}

.footerline a:hover{
text-decoration:none;
}

.footerline .copyright{
float:left;
}

.footerline .backtotop{
float:right;
}