@import "slideStyle.css";
@import "contactform.css";
@import "buttonStyle.css";
@import "font-awesome.min.css";
@import "reset.css";

body,button{font-size:16px;font-family: Arial, Hiragino Kaku Gothic Pro, Heiti TC, Microsoft JhengHei, MingLiU; background: #f8fefc;}
html {overflow-y:scroll;-webkit-text-size-adjust:100%;}
div.container{width:100%!important; padding:0!important;}
button {padding: 0!important;border: none!important;outline:none!important;}

/*header*/
header {width:100%; height:157px; background:#fff!important; margin:0 auto; }
header #logo,header ul.lang,header nav {position:absolute;}
header #logo {width:680px; height:157px; background:url(../img/headerLogo.png) 0px 0 no-repeat; left:50%; margin:0px 0 0 -600px; cursor:pointer}  
header #logo.zh { background:url(../img/headerLogo_zh.png) 0px 0 no-repeat!important;}  

header ul.lang {width:261px; height:19px; margin:20px 0 0 490px; left:50%; font-size:14px; }
header ul.lang li {float:left; margin:0 0 0 9px; border-right:1px solid #515151; padding:0 10px 0 0; cursor:pointer}
header ul.lang li:last-child {border-right:0!important;}
header ul.lang li:hover {color:#1e5b94}
.activel{color:#1e5b94!important;}

header nav {width:610px; height:52px; margin:107px 0 0 115px; left:50%;  color:#000!important;}
header nav ul li {float:left; width:120px; height:31px; margin:0 0 0 0px; border-right:1px solid #e6e6e6; padding:17px 0 0 0; cursor:pointer; text-align:center;}
header nav ul li:last-child {border-right:0!important;}
header nav ul li:hover   {border-bottom:3px solid #1e5b94; color:#1e5b94 }
header nav button.home:hover  {color:#515151!important;}
header nav ul.zh li{font-size:20px!important;}

.active   {border-bottom:3px solid #515151; color:#515151 } 

/*section*/
section {width:auto; height:auto; min-height:637px; background:#f8f8f8; margin:0; padding:px 0 0 0 }
section #banner {width:1200px; height:487px; margin:0px auto 0 auto; }
section article {width:1200px; height:auto; margin:18px auto 0 auto; line-height:22px; padding:0 0 30px 0}

h1{color:#1e5b94!important; border-bottom:1px solid #1e5b94!important;}

/*section.home*/
section.home ul{position:relative;}
section.home p,section.home h1,section.home ul {margin:20px 0 0 0;}
section.home ul li{width:16%; list-style-type: none!important; cursor:pointer; float:left; text-align:center;  background:url(../img/ulliBg.png) right 0 no-repeat; }
section.home ul li img{position:relative; top:-10px;}
section.home ul li:last-child{background-image:none!important;}
section.home ul li p {font-weight:bold; color:#1e5b94; font-size:17px; position:relative; top:-10px;}
section.home ul {left:18px; clear:both;}
section.home article {min-height:600px; text-align:left}
section.home article #content.home {width:500px; height:300px; line-height:28px; float:left; position:relative; top:15px; left:46px; text-align:justify; }
section.home article div:nth-child(3){position:relative; left:156px!important;  }
section.home article div:nth-child(3) label {float:left; clear:left;  width:120px!important; font-weight:bold;}
section.home article div:nth-child(3) p {float:left;}
section.home article div:nth-child(2) p {height:196px;}
section.home p{ padding:0!important; margin:0!important;}
section.home button{clear:both; position:absolute; top:0; left:0; margin: 20px 0 0 440px;}

section.home article.en {min-height:580px; }
section.home article.zh {min-height:400px; }
/*section.aboutus*/
section.aboutus #banner{height:287px;  overflow:hidden; }
section.aboutus article {width:1117px!important; margin: 0 auto; line-height:32px; padding:20px 0 0 0; }
section.aboutus div.innerBanner {background-position:0 -70px!important;}

/*section.aboutus*/
section.services  { padding:0px 0 50px 0!important;}
section.services #banner{height:287px;  overflow:hidden; }
section.services article {width:1117px!important; margin: 0 auto; line-height:32px; position:relative; top:20px;}
section.services #service-item  {width: 558px;  margin:20px 0 0 0; padding:20px 0 20px 0; float:left;}
section.services #service-item #img{width:144px; height:144px; border:3px solid #e6e6e6; float:left;}
section.services #service-item h2 {float:left;clear:right; margin:0 0 0 10px; font-weight:bold;}
section.services #service-item p{clear:left; position:absolute; margin:30px 0 0 158px; width:350px;}
section.services div.innerBanner {background-position:0 -110px!important;}


/*section.contactus*/

section.contactus  {padding:0px 0 0px 0!important;}
section.contactus #banner{height:287px;  overflow:hidden; }
section.contactus article {width:1117px!important; margin: 0 auto; line-height:22px; position:relative; top:20px;}
section.contactus div.h1,
section.contactus #contact_form{position:absolute;}
section.contactus div.h1 {width:550px; left:50%; margin:0 0 0 -15px; top:0px;}
section.contactus h4 {float:left; clear:both!important; width:100px;}
section.contactus div.h1 p {padding:0 0 20px 0 ; float:left;}
section.contactus #contact_form {width:477px; left:50%; margin:0px 0 0 -557px; top:0px;}
section.contactus #contact_form #contact {padding:0px 0 0px 0}
section.contactus article {height:auto; min-height:590px;}
section.contactus div.innerBanner {background-position:0 -140px!important;}

/*class*/
span.b1,h1 {font-weight:bold; color:#234c3e; font-size:22px; line-height:30px;}
span.b2 {font-weight:bold; color:#234c3e; }
span.red {font-weight:bold; color:red; }
span.blue { color:#1e5b94; font-weight:bold;font-size:17px; }
a             {text-decoration:none!important; color:#1e5b94; font-weight:bold!important;}
a:hover {color:#1e5b94; text-decoration:none!important;  }
.none {list-style:none!important;}
/*footer*/
footer {width:100%; height:136px; margin:0 auto; font-size:14px; z-index:9999; border-top:1px solid #e6e6e6; background-color:#fff!important; }

footer #footerWrapper {width:1200px; background:url(../img/footerLogo.png) 10px 2px no-repeat ; margin:0 auto;height:136px;  background-color:#fff!important;}
footer p { padding:0!important; }
footer p:nth-child(2){width:384px; text-align:center;   position:relative; left:50%;top:30px; margin:0 0 0 -192px; }
footer p:nth-child(3){width:384px; line-height:22px; text-align:right;  position:relative; left:50%; top:20px; margin:-40px 0 0 210px;}

footer p.en:nth-child(3){ position:relative; top:40px!important;}


footer.zh {background:url(../img/footerBgZh.png);}
footer.cn {background:url(../img/footerBgCn.png);}
footer.en {background:url(../img/footerBgEn.png);}
footer nav,footer p {position:relative;}
footer nav {width:925px; clear:both; top:36px; left:70px;}
footer nav li {float:left; margin:0 0 0 12px; color:#234c3e;}
footer nav li a {color:#234c3e;}
footer p {width:925px; clear:both; top:52px; left:80px;}
footer p span.DesignBy {position:relative; top:3px!important; font-size:12px; color:#515151; visibility:hidden}