@charset "utf-8";
@import url('html5reset.css');

.main-wrapper>*>*, .nav-footer>div>* {
  width: 960px;
  margin: 0 auto;
}
.main-wrapper>*>*, .nav-footer>div>* , .main-content .home-banner>* {
  width: 960px;
  margin: 0 auto;
}
.main-wrapper>* {
  clear: both;
}
.main-wrapper>.main-footer>*, .nav-footer>div>* {
  width: 928px;
}
.nav-footer>div>* {
  height: 0;
}
.main-wrapper>header hgroup {
  height: 0;
}



/* =main-header
----------------------------------- */
.main-header {
  background: url(../images/header.jpg) center top;
  height: 63px;
  width: 100%;
  padding: 38px 0 17px;
}
.main-header hgroup {
}
.main-header hgroup h1 {
  background: url(../images/lubridis.png) center center no-repeat;
  width: 171px;
  height: 63px;
  float: left;
  text-indent: -999em;
  overflow: hidden;
}
.main-header hgroup h1+h1 {
  background: url(../images/castrol.png) center center no-repeat;
  padding-left: 40px;
}
.main-header nav ul {
  float: right;
  margin-top: 15px;
}
.main-header nav li {
  float: left;
  padding: 0 10px;
  border-left: 1px dotted #ccc;
}
.main-header nav li a {
  color: #666;
  font-weight: bold;
}
.main-header nav li a small {
  display: block;
  color: #b7b7b7;
  font-weight: normal;
}





/* =main-content
----------------------------------- */
.main-content {
  overflow: hidden;
}
.main-content .home-banner {
  background: url(../images/banner-bg.jpg) top;
  width: 100%;
  height: 335px;
  margin-bottom: 27px;
}
.main-content .home-banner ul:first-child {
  padding: 20px 0 14px;
  background: url(../images/banner-shadow.png) center bottom no-repeat;
  /*height: 376px;*/
}
.main-content .home-banner ul:first-child li {
  /*margin-top: 34px;*/
}
.main-content .home-banner ul:first-child li img {
  border-radius: 10px;
}
.main-content .home-banner .nav-banner {
  margin-top: -44px;
  padding: 0 10px;
  width: 940px;
}
.main-content .home-banner .nav-banner li {
  float: left;
  background: url(../images/nav-banner.png) center center no-repeat;
  width: 17px;
  height: 17px;
  margin: 0 5px;
}
.main-content .home-banner .nav-banner a {
  text-indent: -999em;
  overflow: hidden;
  display: block
}
.main-content .home-banner .nav-banner a.act, .main-content .home-banner .nav-banner a:hover {
  background: url(../images/nav-banner-act.png) center center no-repeat;
}
.main-content .head-title {
  font-size: 18px;
  color: #8c8c8c;
  padding: 20px 15px 30px;
  margin-bottom: 20px;
  margin-top: -14px;
  width: 930px;
  background: url(../images/break.png) center bottom no-repeat;
}
.main-content .head-title a {
  color: #8c8c8c;
}
.main-content>*[class*="col"] {
  padding-left: 10px;
  width: 960px;
}
.main-content>*[class*="col"]>h2 {
  width: 910px;
  margin-left: 10px;
}
.main-content *[class*="col"]>div {
  float: left;
}
.main-content>*[class*="col"] h2 {
  color: #0972d4;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #0972d4;
  background: url(../images/arrow.png) left 7px no-repeat;
  padding-left: 20px;
  line-height: 21px;
}
.main-content>*[class*="col"] h2.header-normal {
  border: none;
  background: none;
  padding-left: 0;
}
.main-content>*[class*="col"] div h2 small {
  color: #8c8c8c;
  font-size: 12px;
  display: block;
  font-weight: normal;
}
.main-content>.col2>.col2>div {
  width: 295px;
  margin: 0 10px 15px;
}
.main-content>.col2>.col2>div:first-child {
  margin-left: 0;
}
.main-content>.col2>div {
  width: 620px;
  margin: 0 10px;
}
.main-content>.col2>div:first-child {
  width: 290px;
  margin: 0 10px;
}
.main-content>.col2.con-page>div:first-child {
  width: 300px;
}
.main-content>.col3>div {
  width: 294px;
  padding: 10px;
  min-height: 212px;
}
.main-content .thumb-home img {
  background: url(../images/img-crop.png) center center no-repeat;
  padding: 12px 8px;
  width: 285px;
  height: 178px;
  margin-bottom: 20px;
}
.main-content>.col4 {
  overflow: hidden;
  width: 1012px;
  margin-bottom: 20px;
}
.main-content>.col1 {
  overflow: hidden;
  width: 370px;
  margin-bottom: 20px;
}
.main-content > .col1 > div {
width: 181px;
margin: 10px 36px;
}
.main-content>.col4>div {
  width: 177px;
  margin: 10px 36px;
}
.main-content>.col4>h2 {
  margin-left: 35px;
}
.main-content *[class*="col"] ul.check-box li {
  padding-left: 25px; 
}
.main-content div ul.check-box li {
  background: url(../images/check-box.png) left 0px no-repeat;
}
.main-content div ul.check-box li {
  background: url(../images/check-box.png) left 0px no-repeat;
}
.main-content div ul.news-feed li {
  padding: 10px 25px;
  font-size: 14px;
}
.main-content div ul.news-feed li.blue {
  background: #d8f4ff;
}
.main-content *[class*="col"] ul li span {
  color: #9a9a9a;
  display: block;
  font-size: 12px;
}
.main-content *[class*="col"] form {
  margin-bottom: 20px;
}
.main-content *[class*="col"] form input, .main-content *[class*="col"] form textarea {
  width: 279px;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.main-content *[class*="col"] form input[type="submit"] {
  width: 163px;
  height: 32px;
  background: url(../images/button.png) center center no-repeat;
  border: none;
  color: white;
  margin-top: 20px;
  text-align: left;
  padding-left: 17px;
}
.main-content *[class*="col"] form+h2+ul li {
  margin: 5px;
}
a[href*=".html"] {
  background: url(../images/pdf.png) right 5px no-repeat;
}
.main-content *[class*="col"] form+h2+ul li a[href*=".pdf"] {
  padding: 5px 21px 5px 15px;
}
.main-content .col4 a[href*=".html"] {
  padding: 2px 0;
  display: block;
  color: #3e3e3e;
}
.main-content .col4 li {
  list-style: disc;
  margin-left: 15px;
}







/* =main-footer
----------------------------------- */
.main-footer .info-footer {
  padding: 35px 0;
  overflow: hidden;
  background: url(../images/break.png) top center no-repeat;
  margin-top: 30px;
}
.main-footer .info-footer h3 {
  background: url(../images/castrol-ft.png) center center no-repeat;
  width: 175px;
  height: 56px;
  text-indent: -999em;
  overflow: hidden;
  float: left;
}
.main-footer .info-footer p {
  float: right;
  margin-right: 60px;
  width: 555px;
}

.main-footer .nav-footer {
  background: #0188e0;
  width: 100%;
  padding-top: 10px; 
}
.main-footer .nav-footer>div {
  background: #333;
  padding: 10px 0 25px;
  min-height: 10px;
}
.main-footer .nav-footer nav, .main-footer .nav-footer nav a {
  color: #999;
}
.main-footer .nav-footer nav ul {
  float: left;
  margin-bottom: 5px;
  z-index: 999;
}
.main-footer .nav-footer nav span {
  float: left;
  clear: both;
}
.main-footer .nav-footer nav ul li {
  float: left;
  border-left: 1px solid #999;
  padding: 0 10px;
  line-height: 13px;
}
.main-footer .nav-footer nav ul li {
  color: #999;
}
.main-footer .nav-footer nav ul li:first-child {
  border-left: none;
  padding-left: 0;
}
.main-footer .nav-footer>div>p {
  text-align: right;
  color: #fff;
}
#news_1
{
top: 10px;    
width:620px;
height:650px;
overflow:hidden;
position:relative;
}
#inneriframe
{
position:absolute;
top:-280px;
left:-20px;
bottom: -50px;
width:700px;
height:930px;
}
#news_3
{
top: 20px;
width:620px;
height:580px;
overflow:hidden;
position:relative;
}
#inneriframe_3
{
position:absolute;
top:-433px;
left:-380px;
width:1090px;
height:1025px;
}
#head_news3{position: absolute; z-index: 9; color: #000; font-weight: bold; width: 100%;}
#head_news{vertical-align: middle;}
#graph_1
{
width:255px;
height:135px;
overflow:hidden;
position:relative;
}
#graphframe_1
{
position:absolute;
top:-155px;
left:-747px;
width:1100px;
height:495px;
}
#graph_2
{
width:230px;
height:225px;
overflow:hidden;
position:relative;
}
#graphframe_2
{
position:absolute;
top:-192px;
left:-292px;
width:600px;
height:417px;
}
#graph_3
{
width:400px;
height:415px;
overflow:hidden;
position:relative;
}
#graphframe_3
{
position:absolute;
top:-300px;
left:-200px;
width:400px;
height:500px;
}
#map{width: 616px; height: 372px;}
#success{color: #0188E0!important;}
#error{color: red!important;}
#tip7-title { text-align: left; }
#tip7-title b { display: block; margin-right: 80px; }
#tip7-title span { float: right; }
.nav_menu{font-size: 13px;}
#hot_news{color: red;}
.hot_news_content_1{
    width: 770px; 
    position: absolute; 
    margin-top: -67px;
    margin-left: 150px;
    font-size: 14px;
}
.hot_news_content_2{
    width: 200px; 
    position: absolute; 
    margin-top: -67px;
    margin-left: 360px;
    font-size: 14px;
}
.hot-news{width: 960px; margin-top: -57px;}
.mail_to{color: #333;}
a.blue-not-link{cursor: default; color: #0188E0;}
a.green-not-link{cursor: default; color: #017B33;}
a.blue-not-link:hover, a.green-not-link:hover{text-decoration: none;}
.bg-news{
    height: 52px;
    width: 960px;
    margin-left: 53px;
    background: url(../images/hot_news.png)center center no-repeat;    
}
.bg-width{width: 960px;}
/* START RESPONSIVE */

/*
header[role="banner"] {background: #fc0; width: 1024px; margin: 20px auto; }
div.main {background: #f00; width: 1024px; margin: 20px auto; }
div.main>article{background: #f00; width: 650px; float: left; }
aside {background: #f0c; width: 1024px; margin: 20px auto; }
aside ul ,aside h1 {background: #f0c; width: 374px; float: left; margin: 0; }
footer[role="contentinfo"] {background: #0cf; width: 1024px; margin: 20px auto; clear: both; }
*/

/* END RESPONSIVE */
textarea{font-family: "Helvetica", Arial, sans-serif;}
form span{color: red;}
input[name="fax"], textarea[name="message"]{margin-left: 10px;} 
.first-map, .second-map{margin:0px 10px 15px;}
.first-map{float: left; margin-left: 0px;}
.second-map{float: right;}
.vision-section{clear: both;}
.gps-txt{margin-top: 1.5em;}