﻿/*========  herder 头部 ========*/
.header{ width:1000px; height:70px; margin:0 auto; margin-top:20px;}
.header .logo{ width:440px; height:70px;}
.header .logo img{ display:block; float:left; margin-right:20px;}
.header .language{ width:150px; height:70px;}
.header .language .lang{ display:block; width:75px; height:30px; margin-top:35px; text-align:right;}
.header .language .now{ color:#026baf; font-weight:bold;}

/*========  navbar 导航 ========*/
.navbar{ width:100%; height:45px; background-color:#026baf; margin-top:10px;}
.nav{ width:1000px; height:45px; margin:0 auto;}
.nav ul ul {display: none;}
.nav ul li:hover > ul {display: block;}
.nav ul {background: #0068b7; width:100%; list-style: none;position: relative;display: inline-table;}
.nav ul:after {content: ""; clear: both; display: block;}
.nav ul li {float: left; display:block; width:110px; height:45px; text-align:center;}
.nav ul li.on{background:#00a0e9;}
.nav ul li a {display:block; color:#fff; line-height:45px; text-decoration:none; font-size:16px;}
.nav ul li:hover {background:#00a0e9;}
.nav ul li:hover a {color: #fff;}
.nav ul ul {background:#00a0e9; border-radius: 0px; padding: 0;position: absolute; top: 100%; width:110px; z-index:1000}
.nav ul ul li {float: none; position: relative; display:block; width:110px; height:45px;}
.nav ul ul li a {color: #fff;display:block; width:110px; height:45px; line-height:45px;}	
.nav ul ul li a:hover {background: #0068b7; text-decoration:none;}
.nav ul ul ul {position: absolute; left: 100%; top:0;}

/*.navbar .nav{ width:1000px; height:45px; margin:0 auto;}
.navbar .nav li{ float:left; width:105px; height:45px; line-height:45px; } 
.navbar .nav li a{font-size:14px; color:#fff; display:block; width:100%; text-align:center; font-size:16px;}
.navbar .nav li.on{ background-color:#00a0e9}
.navbar .nav li a:hover{background-color:#00a0e9}*/

.ad{ width:100%;}



.content{ width:1000px; margin-top:20px; margin:0 auto;}
.content .title_box{ height:30px; line-height:30px; border-bottom:1px dotted #cdcdcd; margin-top:20px; margin-bottom:15px;}
.content .title{ height:25px; line-height:25px; border-left:5px solid #0068b7; font-size:16px; padding-left:5px; font-weight:bold;}
.content .title font{ color:#999; font-weight:normal;}

/*========  公司概括 ========*/
.content .intro_box{ width:430px;}
.content .intro{}
.content .intro img{ float:left; margin-right:10px; margin-bottom:10px;}
.content .intro p{ text-indent:2em; line-height:25px;}

.content .right_box{ width:520px;}

/*========  新闻动态 ========*/
.content .right_box .news li{ display:block; width:100%; height:32px; line-height:32px;}
.content .right_box .news li .lt{ max-width:410px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*========  底部 ========*/
.footer{ width:100%; height:200px; background-color:#c9c9c9; margin:30px auto; margin-bottom:0}
.footer_bar{ width:1000px; height:200px; margin:0 auto; color:#8c8a8a;}
.footer_bar img{ margin-top:68px;}
.footer_bar .rt{ width:520px; margin-top:40px;}
.footer_bar .rt span{ display:block; height:30px; line-height:30px; float:left; margin-right:20px;}


/*========  新闻详情页 ========*/
.content .newsnav{ background:url(/images/right-t.jpg) no-repeat left center; height:40px; line-height:40px; padding-left:60px; font-size:14px; margin-top:20px;}
.content .biaoti{ text-align:center; font-size:20px; line-height:55px; font-weight:bold}
.content .date{ width:100%; margin:0 auto; text-align:center; border-bottom:1px dotted #CCCCCC; line-height:30px; margin-bottom:20px;}
.content .date span{ padding:0 20px;}
.content .down{ padding:10px 0; line-height:30px; border-top:1px dotted #CCCCCC; margin-top:10px;}

/*========  舾装码头 ============ 船坞介绍 ===============*/
.intro .swiper-container{ width:80%; margin:0 auto; /*max-height:370px;*/ overflow:hidden;}
.intro .gallery-thumbs {box-sizing: border-box;padding: 10px 0 0 0; background-color:#CCCCCC;max-height:110px;}
.intro .gallery-thumbs .swiper-slide {width:25%;height:100%;opacity: 0.4;}
.intro .gallery-thumbs .swiper-slide img{max-height:90px;}
.intro .gallery-thumbs .swiper-slide-active {opacity: 1;}
.intro .xzmt{width:80%; margin:0 auto; margin-top:20px; padding-left:5px; line-height:30px; font-size:18px; font-weight:bold;}
.intro table{ margin:10px auto; border-right:1px solid #0068b7; border-bottom:1px solid #0068b7;}
.intro table tr{ height:30px;}
.intro table tr td{ height:30px; line-height:30px; padding-left:10px; border-left:1px solid #0068b7; border-top:1px solid #0068b7;}
.intro table tr.titr td{ color:#fff; border-left: 1px solid #fff;}


/*修理船舶*/
.content .xlcb li img{ float:left; margin-right:15px; margin-bottom:15px;}
.content .xlcb .tag{width:100%; margin:0 auto; margin-top:10px; padding-left:5px; line-height:30px; font-size:18px; font-weight:bold;}
.content .xlcb table{ width:100%;}


/*合作伙伴*/
.content .hzhb #hbshow li{ display:block; float:left; background-color:#f8c301; width:125px; height:125px; padding:30px; margin-right:15px; overflow:hidden; margin-bottom:15px;vertical-align:middle;}
.content .hzhb #hbshow li a{ display:block; width:100%; padding:40px 0; color:#000; font-size:20px; text-align:center; vertical-align:middle;}
.content .hzhb #hbshow li.hbimg{width:185px; height:185px; padding:0px;}
.content .hzhb #hbshow li.hbimg a{ padding:0;}
.content .hzhb #hbshow li a:hover{ text-decoration:none;}
.content .hzhb #hbshow li:nth-child(2n){background-color:#2a5081;}
.content .hzhb #hbshow li:nth-child(2n) a{ color:#fff}
.content .hzhb #hbshow li:hover{ background-color:#999999;}
.content .hzhb .more a{ color:#3399FF; text-decoration:underline;}
.content .hzhb .more a:hover{ color:#FF6600}
.content .hzhb .hblist{ display:none; padding:10px; border:1px solid #000; margin-top:10px;}
.content .hzhb #hbAll li{display:block; float:left; width:33%; height:30px; line-height:30px;}

/*发展史*/
.content .fzs p{ background:url(/images/icon.png) no-repeat left top; padding-left:30px; line-height:25px; margin:10px 0; text-indent:0;}

/*党群建设*/
.content .dqjs h3,.content .shzr h3{ text-align:center;}

/*主要设备*/
.content .zysb .jiet{ margin-left:80px;}
.content .zysb li{ display:block; float:left; margin-right:10px; text-align:center; margin-bottom:20px;}
.content .zysb li img{ float:none;}

/*人才招聘*/
.content .zpLt{ width:200px; border-right:1px solid #cdcdcd; float:left;}
.content .zpLt li{ display:block; background:url(/images/icon.png) no-repeat left top; height:20px; padding-left:30px; line-height:20px; margin:10px 0;}
.content .zpRt{ float:left; margin-left:30px; width:750px;}
.content .zpRt .jobShow{ margin-bottom:20px;}
.content .zpRt span{ font-size:16px; font-weight:bold;}
.content .zpRt .tdLt{ width:100px; font-weight:bold; background-color:#EAEAEA;}


/*========  新闻列表页 ========*/
.content .newlist{ display:block; padding:10px;}
.content .newlist li{ display:block; height:35px; line-height:35px; border-bottom:1px dotted #cdcdcd;}

/* 船舶修理 */
.cover{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 10000;
}
.infoBox {
  width: 500px;
  padding-bottom: 20px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 10000;
  position: fixed;
  top: 30%;
  left: 40%;
}
.infoBox .closeDiv {
  position: absolute;
  width: 25px;
  top: 5px;
  right: 10px;
}
.infoBox .title {
  width: 98%;
  height: 40px;
  line-height: 40px;
  padding-left: 2%;
  font-family: 'Microsoft YaHei';
  font-size: 18px;
  font-weight: bold;
}


/*董事长致辞*/
.jiyu{
  font-size: 16px;
  text-align: right;
  padding-bottom: 10px;
  padding-right: 250px;
}
.zhici{
  font-size: 14px;
}


/*可持续发展*/

.glmb{
  padding-left: 90px;
  line-height: 30px;
}
.glmb li{
  font-size: 16px;
}
.glmb li span{
  font-size: 14px;
}
.rzqk{
  width: 600px;
  margin:10px auto;
}
.kcxfz h2{
  font-size: 20px;
}
.kcxfz p{
  background: url(/images/icon.png) no-repeat 50px 2px;
  padding-left: 50px;
  line-height: 25px;
  margin: 10px 0;
  text-indent: 0;
  font-size:16px;
}
.kcxfz span{
  display:block;font-size:16px;text-align: center;padding-top:10px
}

.kcxfz .span{
  padding-left: 80px;
}


/* 营销机构 */
.yxjg{
  float: left;
  padding: 5px;
}
.yxjg li{
  float: left;
  width: 460px;

  padding: 15px;
}
.yxjg li h4{
  font-size:16px;
  text-align: center;
}
.yxjg p{
  padding-left: 30px;
}

/*首页滚动条*/
.infiniteCarousel{width:430px;margin:0px auto;overflow:hidden;clear:both;}
.infiniteCarousel {position: relative;heighT:200px;margin-top:24px;}
.infiniteCarousel .wrapper {width:370px; overflow: hidden;height: 200px;position: absolute;top: 0;z-index:1;margin-left:31px;}
.infiniteCarousel ul{position: absolute;top: 0;}
.infiniteCarousel .wrapper ul li {float:left;widtH:370px;position:relative;padding-bottom:10px;padding-righT:5px;text-aligN:center;overflow:hidden;_display:inline;}
.infiniteCarousel a#prev,.infiniteCarousel a#next{display:block;height:200px;width:20px;position:absolute;top:0px;cursor: pointer;outline: 0;z-index:2;overflow:hidden;}
.infiniteCarousel a#prev {background:url(/images/next.gif) no-repeat center #f5f5f5;right:0px;}
.infiniteCarousel a#next {background:url(/images/up.gif) no-repeat center #f5f5f5;left:0px;}
.Infi_bg {
    widtH: 30px;
    position: absolute;
    height: 200px;
    background: #fff;
    top: 0px;
    right: 0px;
    z-index: 1;

}

/*企业文化*/
.dqjs h4{
  font-size:18px;
}
.dqjs p{
  font-size:16px;
  padding-top:10px;
}
.dqjs table{
  text-align: center;
}