html{font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif,'Arial';}
body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption,ol{ margin:0; padding:0; font-style:normal; color: #333; font-size: 14px;font-weight: normal;}
body{ overflow-x: hidden;}
input{outline: none;-webkit-appearance: none;}
tr,td,dd,dl,dt{margin: 0; padding: 0px;border: 0; font-size: 100%; outline: none;}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none; color: #333;}
table{border-spacing:0;}
a:hover{ text-decoration: none; }
ul,li{ list-style:none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl{ float: left; }
.fr{ float: right; }
label{ max-width: inherit; }

.news1200{ width: 1200px;margin: auto; }
.header h1{ float: left;margin: 20px 0 }
.header_top ul li{ float: left; }
.header_top ul li a{ padding:0 15px; border-right:1px solid #666;  line-height: 14px; display: block;  }
.header_top ul li a:hover{color: #133683}
.header_top ul li:last-child a{ border-right: none; }
.search{ margin-right: 12px; }
.header .header_bottom{ margin-top: 30px; }
.search input[type=text]{width: 115px;border:1px solid #999999;padding:5px 10px; float: right;}
.search input[type=submit]{ float: right;cursor: pointer;background: url(../images/search.png) no-repeat #999999 center center;width:27px; height: 27px;border:none; text-indent: -999px;background-size: 15px;}
.header_top{ margin-top: 7px; }
.lanange{ background-color: #f2f2f2;padding: 5px; }
.lanange img{ width: 22px; }
.lanange span{float: right;margin-top: 1px;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ width: auto;left: 30px; }
.banner .swiper-pagination-bullet{background-color: transparent; border:1px solid #fff;opacity: 1}
.banner .swiper-pagination-bullet-active{ background-color: #fff }

.infonav {float:left;margin-bottom:5px;width:100%;position:relative;z-index:97;border-bottom:1px solid #C2D1DB;}
.worldtime {float:right;padding-right:6px;margin-top: 10px;}
.worldtime select {width:130px;background-color:#fff;border:none;padding:0;margin:0;font-size:11px;color:#666;}
.worldtime select option {border:none;width:auto;}
.infonav ul.scrollnav {padding-left:5px;}
.scrollnav li {width:auto;line-height:1.5em;float:left;position:relative;z-index:89;}
.scrollnav a {padding:10px 15px;text-decoration:none;border:none;background-image:none;font-size: 15px;display: block;}
.scrollnav ul {position:absolute;display:none;padding-top:0.4em;margin-top:-0.4em;width:15em;opacity:0;visibility:hidden;}
.scrollnav li li {background-color:#EEEEEE;width:100%;border-top:1px solid #fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.scrollnav li li a {padding:2px 0px 2px 10px;height:16px;border:none;width:100%;display:inline-block;color: #666;font-size: 14px;}
.scrollnav li:hover ul {display:block;opacity:1;visibility:visible;}
.nav_footer a:hover,.center_news .list li a:hover,.scrollnav li:hover>a{color:#133683 }
.scrollnav li li:hover{ background-color: #133683;}
.scrollnav li li:hover a{color: #fff }

.contect2 .same ul li{ margin: 15px 0 }
.contect2 .contect2_left{float: left;width: 260px;}
.contect2 .contect2_center{float: left; width: 572px; margin-left: 50px;}
.contect2 .cobtect2_right{float: right;width: 260px; margin: 0;}
.contect2_center h2{ font-size: 20px;font-weight: bold;margin: 20px 0;}
.contect2_center p{ font-size: 15px; line-height: 30px; }
.contect2{ margin: 10px 0 20px}
.center_news{margin:30px auto 0;height:36px;overflow:hidden;position:relative;background:url(../images/news_490.png) no-repeat;width: 572px;}
.center_news .list{margin:0 20px;position:absolute;top:0;left:0;}
.center_news .list li{padding:8px 0 8px 60px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.center_news .list li a{ width: 70%; display: block; overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;color: #666}

.tablediv{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999999999999;background-color: rgba(0,0,0,0.8); display: none;}
.tablediv .vmid {margin: auto;max-width: 60em;padding: 0 1em;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 500px;}
.jwlogo {display:none;}

.footer {clear: both;color: #ccc; height: 24px; background: #ecedf3; background-position: top left; background-repeat: no-repeat;padding: 10px 10px 8px 10px;}
.nav_footer a{ margin: 0 10px;color: #999999;font-size: 14px; }
.footer_right{ float: right;}
.footer_right p{color: #999 }


/*关于我们*/
.about_left{ width: 220px; }
.about_left ul li{ border: 1px solid #e2e5ea;margin-bottom: 10px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.about_left ul li a{display: block;padding: 4px 0px 4px 50px; text-align: left;text-decoration: none;}
.about_left ul li.on,.about_left ul li:hover { background-color: #133683 }
.about_left ul li.on a,.about_left ul li:hover a{ color: #fff ;font-weight: bold}
.about_total{margin: 20px 0 50px;}
.about_right{width: 920px;}
.rootline_menu{ margin-bottom: 15px;color: #999;background: url(../images/home.jpg) no-repeat left center;padding-left: 20px; }
.rootline_menu a{ color: #999 }
.root_line p{ font-size: 15px; line-height: 28px; color: #666; }
.root_line img,.root_line p img{ max-width: 100%; }


/*新闻资讯*/

.news_ul li {background:#fdfdfd;margin-bottom:12px;border-bottom:#f3f3f3 5px solid;}
.news .title_li {padding-top: 15px;padding-bottom:10px;border-bottom:1px dashed #c6c6c6;}
.news .title_li a {color:#133683;font-weight:bold;font-size: 16px;}
.news .title_li i {float:right;font-size:13px;color:#133683;font-style:normal;}
.news .title_con span {font-size:12px;display:block;height:30px;line-height:30px;color:#999;background:url(../images/ss.png) no-repeat left center;padding-left:12px;}
.news .title_con p {height:48px;color: #666}
.about_right .tle{ text-align: center;width: 100%;border-bottom: #f3f3f3 5px solid;margin-bottom: 20px; }
.about_right .tle h2 { font-size: 16px;font-weight: bold;padding-bottom: 14px; border-bottom: 1px dashed #c6c6c6;}
.about_right .tle .p { font-size: 12px;color: #999;margin: 8px 0; position: relative;}

/*.contenttable tr{ padding: 10px 0;display: inline-block; }*/
.job{ margin-top: 30px; }
.job ul li{ line-height: 28px; }
.job ul li span.span1{width: 20%;}
.job ul li span.span2{ width: 50%; }
.job ul li span{display: inline-block;color: #666 }
.job ul li:nth-of-type(1){ border-bottom: 1px solid #ddd }
.job ul li:nth-of-type(1) span{ color: #333 }

/*合作伙伴*/
.logo_par ul li{ border:1px solid #ddd;width: 210px;height: 110px;float: left;margin-right: 20px;margin-bottom: 20px;  }
.logo_par ul li:nth-of-type(4n){ margin-right: 0 }
.logo_par ul li img{width: 210px; height: 110px; }

/*表单*/
.men_message ul li {line-height:30px;display:block;margin-bottom:10px;border-bottom:none;}
.men_message ul span {display:block;float:left;font-size:14px;width:100px;color:#333!important;}
.men_message ul span b {font-weight:100;font-size:12px;color:red}
.men_message ul li .Input {height:25px;line-height:25px;padding-left:3px;border:1px solid #ddd;}
.men_message ul textarea {height:120px;border:1px solid #ddd;padding:3px;resize:none;}
.men_message ul li input[type=submit]{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 15px 40px;background: #e4e4e4;font-size: 15px; color: #666666; border-radius: 5px; font-weight: bold; border: none; cursor: pointer;}
.men_message ul li input[type=submit]:hover {background: #194d99;color: #fff;}

/*项目案例*/
.con_oad ul li {float:left;width:286px;margin:10px;background-color:#fff;}
.ul_tuop {position:relative;}
.ul_tuop .img {position:relative;}
.ul_tuop img {width:286px;height:220px}
.ul_tuop .hover {-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1);transition:all .6s cubic-bezier(.215,.61,.355,1);background-color:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../images/search_we.png);background-repeat:no-repeat;background-position:center center;background-size:30px;opacity:0;visibility:hidden;}
.con_oad ul li p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border-bottom:1px solid #e0e0e0;text-shadow:none;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1);transition:all .6s cubic-bezier(.215,.61,.355,1);margin-bottom:0;color:#666;padding:10px;}
.con_oad ul li:hover .hover {opacity:1;visibility:visible;}
.con_oad ul li:hover p {border-bottom:1px solid #000;}

.page_desc {margin:50px auto 20px;text-align:center;font-size:14px;}
.page_desc li {display:inline-block;margin:0 5px;}
.page_desc li>span,.page_desc li a {padding:8px 15px;display:inline-block;border:1px solid #d8d8d8;color:#333;}
.page_desc li span.current,.page_desc li a:hover {background:#133683;color:#fff;border:1px solid #133683}

/*舰队*/
.tool_top{ border-bottom: 1px solid #97a5b0 }
.tool_top ul li{ border: 1px solid #e2e5ea;margin-right: 5px;width: 26px; height: 26px; float: left;color: #27537a; font-weight: bold;text-align:center;line-height: 26px;cursor: pointer;border-bottom: none; }
.tool_top ul li:hover,.tool_top ul li.add{background-color: #133683; color: #fff}
.tool_bottom{ margin-top: 1em }
.tool_bottom p{ line-height: 1.7;font-size: 14px;margin-bottom:1em;color: #505050}
.tool_bottom .one{ display: none; }
.root_line table thead tr th{background-color: #e2e5ea;border: 1px solid #FFF;font-size: 8pt; padding: 5px;color: #505050;padding-right: 50px;}
.root_line table{border-collapse:collapse;font-size: 13px;border-spacing:0;width: 100%;}
.root_line table tbody tr td{color: #505050;padding: 5px;padding-right: 10px;}
.root_line table tbody tr:nth-of-type(odd) { background-color: #ECECEC;}
.root_line table tbody td a{color: #003e67; text-decoration: underline;}
.root_pin ul li{ float: left; background:url(../images/pdf.gif) no-repeat left center;    padding-left: 20px; margin-right: 20px; }
.root_pin ul li a{color: #133683 }
.root_top dl dd:hover,.root_pin ul li:hover{ text-decoration: underline; }
.about_right .text_infor{ margin: 20px 0;color: #666 }
.root_top dl dd,.root_top dl dt{float: left;}
.root_top dl dd{ background-image: url(../images/jian.png);background-repeat: no-repeat; height: 17px; background-position: 0 3px;padding-left: 18px;margin-right: 10px;cursor: pointer;color: #505050;  }
.root_top dl dd.add{background-position: 0 -13px;}
.root_line .one{ display: none; }
.root_top{ margin-bottom: 20px; }

/*班轮船期表*/
.list_box ul li .top{display: block;padding: 5px 0px 5px 3%;margin-bottom: 3px; color: #444; font-weight: normal; background-color: #e2e5ea;cursor: pointer;}
.list_box ul li .top.add{ background-color: #133683;color: #fff }
.list_box ul li .bot{ display: none;padding:10px 0 }

/*三级导航*/
.subNavBox{width:100%;}
.subNav{border:solid 1px #e5e3da;cursor:pointer;font-size:14px;color:#333;padding: 4px 0px 4px 35px;margin-bottom: 10px;display:block;position:relative;}
.subNav::after{content:"";position:absolute;width:100%;height:13px;bottom:-13px;left:0;}
.subNavBox .subNav.on a,.subNavBox .subNav:hover a,.navContent li a:hover,.subNavBox .subNav:hover,.subNavBox .subNav.on,.navContent a.on{background-color: #133683;color: #fff;font-weight: bold;}

.navContent a{ color: #666 }
.subNavBox .navContent li{ border-left:solid 1px #e5e3da;border-right:solid 1px #e5e3da;margin-bottom: 0;line-height:24px;border-bottom:solid 1px transparent;;border-top:solid 1px transparent;}
.subNavBox .navContent li:nth-of-type(1){ border-left:solid 1px #e5e3da;border-right:solid 1px #e5e3da;border-top:solid 1px #e5e3da;}
.subNavBox .navContent li:last-of-type{ border-left:solid 1px #e5e3da;border-right:solid 1px #e5e3da;border-bottom:solid 1px #e5e3da;margin-bottom:10px;}