.tab,.collapse{margin:0 10px 0 10px;}
.tab,.panel{margin-top:10px;}
.header.fixed.fixed-top{border-bottom:solid 1px #ddd;z-index:2;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .175);box-shadow:0 3px 6px rgba(0, 0, 0, .175);}
.footer .badge{padding:7px 15px;}
.header{background:#f9f9f9;}

.button-group{cursor:pointer;}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.toppro{}
.toppro .x6{margin:8px 0;text-align:center;}
.toppro .x6 a img{border:1px solid #eee;padding:3px;}
.toppro .x6 a:hover img{border:1px solid #C9DCFF;}
.toppro .x6 div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}

.topnews{margin-top:20px;}
.topnews li strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.topjob{padding:0;margin:0;list-style:inside}
.topjob li{line-height:40px;border-bottom:1px dashed #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.showcontent{font-size:14px;}
.showcontent img{width:100%;height:auto;}
.artshow h1{margin:0 0 10px 0;font-size:18px;font-weight:bold;line-height:30px;}
.artshow .badge{padding:6px 10px;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}
.artshow .win-backtop{margin-bottom:40px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.piclist ul{list-style:none;margin:10px;padding:0;}
.piclist li{text-align:center;margin-bottom:15px;}
.piclist li img{display:block;width:100%;height:auto;margin-bottom:10px;border:1px solid #ddd;padding:4px;}

@media (min-width:480px) and (max-width:760px){.item_list ul li{width:33.3%;}}
@media (min-width:761px){.item_list ul li{width:25%;}}

#mySwipe{margin:15px auto;}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > div{float:left;width:100%;position:relative;}
.swipe-wrap img{margin-bottom:10px;width:100%;}

.pager-prev,.pager-next{border:0;background:none;}
.pager-prev:hover,.pager-next:hover{color:#ff0;background:none;}
.pointer{margin-top:20px;}

/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }

/*头部菜单*/
.header{ border-top:6px solid #575757; box-shadow: 0 2px 2px #e5e5e5;}
.logo{ margin-bottom:5px;}
/*dd_nav*/
#dd_nav{ line-height:40px; height:40px;}
/*banner*/
.banner{  }
#i_mySwipe{ position:relative;}
#swipe_num{ width:100%;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 3px 3%;text-indent: 10px; display:block; position:absolute; z-index:10; bottom:10px; text-align:right;}
.ui-slider-dots{ margin:0; padding:0 5px;}
.ui-slider-dots b {display: inline-block; margin: 0 4px;width: 6px;height: 6px;border-radius: 3px;background: rgba(144, 144, 144, 0.8);}
.ui-slider-dots .ui-slider-dot-select {background: #fff;}
/*class_title*/
.class_title{ background:#f9f9f9; border-bottom:1px dotted #cdcdcd;}
.class_title .padding-big{ padding-bottom:1PX;}
.class_title strong{ border-bottom:5px solid #8cb31c; padding-bottom:6px;}
/*main*/
.main{ background:#eaeaea;}
/*foot*/
.foot{ background:#525252;}
.foot_nav{}
.foot_nav dl{ border-bottom:1px solid #646464;}
.foot_nav dl dt{ color:#bcbcbc; font-weight:normal; line-height:48px; height:48px;}
.foot_nav dl dt a{ color:#bcbcbc; font-weight:normal; line-height:48px; height:48px;}

/*job 列表*/
#list_job { padding:0; margin:0;}
#list_job li{background: white;margin: 15px 10px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-box-shadow: 0 0 2px 2px #c7c7c7;-webkit-box-shadow: 0 0 2px 2px #c7c7c7;box-shadow: 0 0 2px 2px #c7c7c7;list-style:none;padding:5px;}
#list_job dl{ border-top: 0 none; font-size: 15px; line-height: 20px; padding: 10px 15px 10px 10px; position: relative;}
#list_job dl:after { content:' ';position:absolute;top:60%;margin-top:-3px;right:15px;width:6px;height:6px;border:#aaa solid;-webkit-transform: rotate(45deg);border-width: 2px 2px 0 0;}
#list_job dl dt{ color:#000; font-size: 18px; line-height:26px; padding-bottom:5px;}
#list_job dl dd { color: #555555; font-size: 12px; line-height: 22px; width:100%; padding:0; }
#list_job dl dd div.area { float:right; width:50%;}
#list_job dl dd.dateTime { color: #536980; }
#list_job dl dd div.add{ color:#333;}
#list_job dl dd div.addtime{ color:#666;}
/*职位详细描述*/
#show_job{ background:#eaeaea;}
.show-title{ text-align:center; background:#8cb31a; color:#fff;font-size: 18px;font-weight: bold;line-height: 30px;}
.showcontent p{ margin-bottom:10px;}
/* maritime */
#show_maritime{ background:#f9f9f9;}
#show_maritime h1{ font-size:12px; color:#4c4b4b; font-weight:normal; line-height:24px;}
.form_book input:required, .form_book textarea:required {background: white url(../images/red_asterisk.png) no-repeat 98% center;
}
.form_book input:required:valid, .form_book textarea:required:valid {background: white url(../images/valid.png) no-repeat 98% center;box-shadow: 0 0 5px #5cd053;border-color: #28921F;
}
/*提交成功！*/
#show_Success{ background:#f9f9f9; text-align:center;}
#show_Success img{width:50%; max-width:269px; margin:10px 0; }
#show_Success h3{ padding:15px; font-size:2em; font-weight:bold; color:#ff6a12;}
#show_Success .border-top{ border-top:1px dotted #ddd}
/*首页*/
.i_chuenan{ background:#ffa039; color:#FFF;}
.i_chuenan .title{ border-bottom:1px solid #ff9420;line-height: 0; padding:0; font-size:0; height:auto;}
.i_chuenan .title strong{ background:#cc802e; padding:3px;line-height: 2em; font-size:13px; display:block; float:left; padding:2PX 15PX}
.i_chuenan .con{padding:10px;}
.i_chuenan .con P{ font-size:12PX; line-height:20PX;}
.i_chuenan span.more{ text-align:left; text-indent:10px; font-size:12px; margin:0; padding:0; line-height:2em; display:block; background:#ff9420; padding:4px 10px;}
.i_chuenan span.more i{ float:right; height:20px; width:20px; margin-right:15px;}
.i_chuenan span.more i a{ color:#Fff;}

.i_about{ margin-top:10px;}
.i_service{ width:49%; float:right;}
.i_culture{ width:49%; float:left;}

.i_land{ background:#f9f9f9;position:relative; margin-top:10px;}
.i_land a:hover{ color:#8cb31c}
.i_land .img{ width:49%; float:right;}
.i_land .txt{ width:49%;  text-align:left; display:block; line-height:0; }
.i_land h3{  border-top:1px solid #999; border-bottom:1px solid #999; text-align:left; text-indent:10px; font-size:13px; margin:0; padding:0; line-height:2em; }
.i_land h3 i{ float:right; margin-right:5px;}
.i_land em{ color:#000; line-height:200%; margin:0; padding:0; font-size:12px; padding-left:8px;}
.i_land p{ font-size:12px; line-height:18px; margin:0;padding-left:8px; height:75px; overflow:hidden}
.i_land span.more{  border-top:1px solid #999; border-bottom:1px solid #999; text-align:left; text-indent:10px; font-size:12px; margin:0; padding:0; line-height:2em; display:block; position:absolute; width:49%; bottom:0; }
.i_land span.more i{ float:right; height:20px; width:20px; margin-right:15px;}





.i_maritime{ background:#f9f9f9;position:relative; margin-top:10px;}
.i_maritime a:hover{ color:#ff6a12}
.i_maritime .img{ width:49%; }
.i_maritime .txt{ width:49%;  text-align:left; display:block;  float:right;  line-height:0;}
.i_maritime h3{  border-top:1px solid #999; border-bottom:1px solid #999; text-align:left; text-indent:10px; font-size:13px; margin:0; padding:0; line-height:2em; }
.i_maritime h3 i{ float:right; margin-right:5px;}
.i_maritime em{ color:#000; line-height:200%; margin:0; padding:0; font-size:12px; padding-left:8px;}
.i_maritime p{ font-size:12px; line-height:18px; margin:0;padding-left:8px; height:75px; overflow:hidden}
.i_maritime span.more{  border-top:1px solid #999; border-bottom:1px solid #999; text-align:left; text-indent:10px; font-size:12px; margin:0; padding:0; line-height:2em; display:block; position:absolute; width:49%; bottom:0; }
.i_maritime span.more i{ float:right; height:20px; width:20px; margin-right:15px;}


.i_contact { padding-bottom:1px;}
/*search*/
.search input{ background:#cdcdcd; color:#FFF;border:none; border-radius:5px !important;}
.search input[placeholder]{ color:#fff !important; }
.search input::-webkit-input-placeholder {color:#fff;}
.search input:-moz-placeholder {color:#fff;}
.search .input-group{ width:100%; position:relative;}
.search .addbtn{ position: absolute; width:50px;30px; top:0; right:0;}
.search .button{ background:none; border:none;}
.search .button .icon-search{ font-size:18px;}

/*show_page*/
#show_page{ background:#f9f9f9;}


/**==================弹出导航菜单==============**/

#nav-over { position: fixed; left: auto; top: 0; z-index: 9998; width: 30px; height: 30px; display:none; right:0; margin:10px; padding:2px; cursor:pointer; }
#nav-over  span{ font-size:24px; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:5px;}
.warmp { position: relative; right: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease; }
.nav { position: fixed; top: 0; right: -480px; z-index: 9999; width: 480px; height: 100%; background: #393939; -webkit-transition: all .5s ease; transition: all .5s ease; }
.openMenu { right: 480px; -webkit-transition: all .5s ease; transition: all .5s ease; }
.openNav { right: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }
.nav h3 { padding: 65px 0 30px 25px; font-size: 3.142em; font-weight: normal; color: #fff; line-height: 50px; }
.nav h3 a { color: #fff; }
.scrollerBox { position: relative; overflow: scroll; overflow-x: hidden; overflow-y: scroll; -ms-touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.scroller { position: absolute; width: 100%; padding: 0 0 100px 0; cursor: move; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
/**============= 公司菜单 ========================**/
.nav ul li a { display: block; height: 90px; overflow: hidden; padding: 0 0 0 24px; line-height: 90px; color: #dcdcdc; font-size: 2em; border-bottom: 1px solid #272727; }
.home ul li span { display: block; float: left; width: 72px; height: 90px; margin: 0 1.2em 0 0; background: url(../images/nav.png); }
.home ul li:nth-of-type(1) span { background-position: 0 0; }
.home ul li:nth-of-type(2) span { background-position: -72px 0; }
.home ul li:nth-of-type(3) span { background-position: -144px 0; }
.home ul li:nth-of-type(4) span { background-position: -216px 0; }
.home ul li:nth-of-type(5) span { background-position: -288px 0; }
.home ul li:nth-of-type(6) span { background-position: -360px 0; }
.home ul li:nth-of-type(7) span { background-position: -432px 0; }
.home ul li:nth-of-type(8) span { background-position: -504px 0; }
.home ul li:nth-of-type(9) span { background-position: -576px 0; }
.home ul li:nth-of-type(10) span { background-position: -648px 0; }
.home ul li:nth-of-type(11) span { background-position: -720px 0; }
.home ul li:nth-of-type(12) span { background-position: -792px 0; }
.home ul li:nth-of-type(13) span { background-position: -864px 0; }


@media screen and (max-width: 639px) {
/**==================== 公司菜单 ===============**/	

.nav { width: 240px; }
.nav h3 { padding: 32px 0 15px 12px; font-size: 1.571em; font-weight: normal; color: #fff; line-height: 25px; }
.nav ul li { clear: both; }
.nav ul li a { display: block; height: 45px; padding: 0 0 0 12px; line-height: 45px; font-size: 1em; }
.home ul li span { width: 36px; height: 45px; background: url(../images/nav-320.png); }
.home ul li:nth-of-type(1) span { background-position: 0 0; }
.home ul li:nth-of-type(2) span { background-position: -36px 0; }
.home ul li:nth-of-type(3) span { background-position: -72px 0; }
.home ul li:nth-of-type(4) span { background-position: -108px 0; }
.home ul li:nth-of-type(5) span { background-position: -144px 0; }
.home ul li:nth-of-type(6) span { background-position: -180px 0; }
.home ul li:nth-of-type(7) span { background-position: -216px 0; }
.home ul li:nth-of-type(8) span { background-position: -252px 0; }
.home ul li:nth-of-type(9) span { background-position: -288px 0; }
.home ul li:nth-of-type(10) span { background-position: -324px 0; }
.home ul li:nth-of-type(11) span { background-position: -360px 0; }
.home ul li:nth-of-type(12) span { background-position: -396px 0; }
.home ul li:nth-of-type(13) span { background-position: -432px 0; }

.nav { right: -240px }
.openMenu { right: 240px; }
.openNav { right: 0; }
}