@charset "utf-8";
/* CSS Document */

/*====== layout-home ======*/
.layout-home{margin: 0px;}
.home-news,.home-brand,.home-appre,.home-life,.home-college{margin: 20px 0;}
/*home-focus*/
.layout-home .home-focus {position: relative;margin: 0px auto;padding: 0px;width: 100%;height: 300px;}
/*home-news*/
.layout-home .top-news{height: auto;margin-bottom: 20px;padding: 15px;box-sizing: border-box;background: #fffafa;background: url(../images/bg-news.png) no-repeat;background-size: cover;border-radius: 4px;}
.layout-home .top-news h3{font-size: 22px;font-weight: bold;height: 35px;line-height: 35px;overflow: hidden;text-align: center;white-space:nowrap;text-overflow:ellipsis;color: #945d56;}
.layout-home .top-news h3 i {font-size: 30px;margin-right: 8px;color: #ed6d00;}
.layout-home .top-news p {line-height: 22px;height: 44px;display: block;overflow: hidden;font-size: 14px;color: #999;margin-top: 8px;text-align: left;}
.layout-home .top-news p a {color: #ed6d00;margin-left: 4px;}
.layout-home .top-news a {color: #945d56;}

/*====== layout-news ======*/
.layout-news{margin: 0px;}
.layout-news .news-body {margin-bottom: 15px;background: #fff; overflow: hidden;}
.layout-news .news-body .article-header {position: relative;padding:0px 0px 10px;border-bottom: 1px solid #eee;text-align center;}
.layout-news .news-body .article-header .article-title {margin-bottom: 0px;line-height: 26px;font-size: 20px;font-weight:700;clear: both;}
.layout-news .news-body .article-header .article-meta {margin-top:10px;border-bottom:0px solid #eee;display: block;}
.layout-news .news-body .article-header .article-meta span {color: #999;font-size:12px;margin-right: 6px;}
.layout-news .news-body .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.layout-news .news-body .article-header .article-meta span a:hover {color: #f80;}
.layout-news .news-body .article-header .article-meta .icon-date{margin-right:3px;}
.layout-news .news-body .article-header .article-meta .icon-article{color: #f80;}
.layout-news .news-body .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.layout-news .news-body .article-summary {margin: 10px 20px;padding: 10px 15px;background-color: #f6f7fb;color: #999;line-height: 1.8em;font-size: 14px;}
.layout-news .news-body .article-summary p{/* height: 40px; */line-height: 24px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.layout-news .news-body .article-content {display: block; margin: 0px 0;padding: 0px 0px;font-size: 16px;line-height: 1.75;overflow: hidden;}
.layout-news .news-body .article-content p {display:block; margin: 15px 0; clear:both;/*text-align: justify;*/overflow:visible;word-break:break-all}
.layout-news .news-body .article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.layout-news .news-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.layout-news .news-body .article-content img {max-width: 96%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.layout-news .news-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.layout-news .news-body .article-content .keylink:hover{color:#ff0000;} 
.layout-news .news-body .article-content h2,
.layout-news .news-body .article-content h3,
.layout-news .news-body .article-content h4,
.layout-news .news-body .article-content strong {font-weight:bold;} 
.layout-news .news-body .article-content pre ,
.layout-news .news-body .article-content blockquote{margin-top: 15px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.layout-news .news-body .article-content pre ,
.layout-news .news-body .article-content blockquote p {margin: 0px 0;} 
.layout-news .news-body .article-content pre {white-space: pre-wrap;}
.layout-news .news-body .article-content table{ max-width:96%; min-width:60%;margin:10px auto 20px; border:1px solid #ddd;border-collapse:collapse;font-size: 15px;}
.layout-news .news-body .article-content table tr:nth-child(2n+1){ background-color: #f8f8f8;}
.layout-news .news-body .article-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.layout-news .news-body .article-content table thead th{font-weight:700;}
.layout-news .news-body .article-content table tbody th{font-weight:500;}
.layout-news .news-body .article-content table tbody p {text-align:center;}
.layout-news .news-body .article-content ul,
.layout-news .news-body .article-content ol{margin-left:25px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.layout-news .news-body .article-content ul li,
.layout-news .news-body .article-content ol li {margin: 0px;line-height 200%;}
.layout-news .news-body .article-content ul li { padding:5px 0px; list-style: disc;}
.layout-news .news-body .article-content ul li + li {border-top: 1px #eee dashed;}
.layout-news .news-body .article-content ul li p {margin: 0 !important;}
.layout-news .news-body .article-content pre{margin:16px 0 14px;padding:14px 15px 12px;border-radius:3px;border:none}
.layout-news .news-body .article-content code{margin:0 3px;padding:3px 4px;border-radius:3px;background-color:#f6f6f6;font-size:14px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.layout-news .news-body .article-content pre code{padding:0;margin:0;overflow:visible}
.layout-news .news-body .article-content pre,
.layout-news .news-body .article-content pre code{font-size:14px;line-height:1.6;background:#f6f6f6;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.layout-news .news-body .article-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.layout-news .news-body .article-content pre::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(153,153,153,.75)}
/*article-tags*/
.layout-news .news-body .article-tags {overflow: hidden; }
.layout-news .news-body .article-tags .tagslist {margin:20px 0px;height: auto;text-align: center;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.layout-news .news-body .article-tags .tagslist a {max-width: 190px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 10px 0 5px;line-height: 30px;height: 30px;margin-right: 6px;font-size: 14px;color: #555;text-decoration: none !important;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;margin-bottom: 10px;}
.layout-news .news-body .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.layout-news .news-body .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.layout-news .news-body .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*article-prevnext*/
.layout-news .news-body .article-prevnext {margin: 0px 0px; clear: both; border-top: 1px #eee solid; border-bottom: 0px #eee solid;overflow: hidden; }
.layout-news .news-body .article-prevnext .content {padding: 15px 0px 0; background: #ffffff;overflow: hidden;display: flex;justify-content: space-between;flex-direction: column;gap: 6px;}
.layout-news .news-body .article-prevnext .twofifth {/*width: -webkit-calc(50% - 15px);*/height: 24px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layout-news .news-body .article-prevnext .twofifth.next { float: right; }
.layout-news .news-body .article-prevnext .twofifth.prev { float: left;  }
.layout-news .news-body .article-prevnext .twofifth a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*====== layout-brand ======*/
.layout-brand{margin: 0 auto;}
.layout-brand .brand-top {position: relative;min-width: 100%;height: 260px;overflow: hidden;background: url("../images/bg-top-ships.jpg");background-size: 100% 260px;}
.layout-brand .brand-body{position:relative; margin-bottom: 20px;}
/*brand-body*/
.layout-brand .brand-body .brand-navbar{position:absolute;float: right;right: 0px;z-index: 1000;}
.layout-brand .brand-body .brand-navbar .brand-nav{width:30px;border-bottom:1px solid #e4e5e8; overflow:hidden; position:absolute;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);z-index: 9999;    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);right: 10px;}
.layout-brand .brand-body .brand-navbar .brand-nav a{width: 30px;font-size: 14px; color:#373a3f; display:block; display:inline; float:left;line-height:24px;text-align:center;}
.layout-brand .brand-body .brand-navbar .brand-nav a:hover{background:#2196f3;color:#fff;}
.layout-brand .brand-body .brand-navbar .brand-nav .a{width:30px;padding:0px; color:#0f92d6;text-align:center;}
.layout-brand .brand-body .brand-navbar .brand-nav .z{width:30px; border:none;}
.layout-brand .brand-body .brand-navbar .brand-nav .brand-letter{display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
.layout-brand .brand-body .brand-main{ position:relative;margin-top:0px; padding:0px 0;display: flex;flex-direction: column;gap: 20px;}
.layout-brand .brand-body .brand-main .brand-zimu{height:36px;line-height:36px;margin:0px 0; background:#EEE; border-bottom:#e4e5e8 solid 0px;display: flex;justify-content: flex-start;}
.layout-brand .brand-body .brand-main .brand-zimu span {width: 36px;height: 36px;line-height:36px;float: left;background: #b09488;text-align: center;font-size: 22px;color: #fff;}
.layout-brand .brand-body .brand-main .brand-zimu h3{color:#999; margin-left:15px;border-bottom:0px solid #e4e5e8;}
.layout-brand .brand-body .brand-main .brand-list{font-size:18px;}
/*brand-header*/    
.layout-brand .brand-body .brand-header{padding:0px 0;background #fff;}
.layout-brand .brand-body .brand-header-wrap{padding:15px 15px;position:relative;margin-top: -20px;display: flex;flex-direction: row; align-items: center;gap: 15px;background: #fff;border-radius: 20px 20px 0px 0px;}
.layout-brand .brand-body .brand-header .brand-logo{padding: 0 0px;width: 116px;height: auto;left: -webkit-calc(50% - 100px);;bottom: 0; overflow: hidden;border: 1px #eee solid;border-radius: 10px;}
.layout-brand .brand-body .brand-header .brand-logo img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.layout-brand .brand-body .brand-header .brand-info {display: flex;flex-direction: column;gap: 10px;font-size: 16px;}
.layout-brand .brand-body .brand-header .brand-info .brand-name{margin-bottom: 0px;line-height: 24px; font-size:18px;text-align: left;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.layout-brand .brand-body .brand-header .brand-info .brand-meta{display: flex;justify-content: flex-start; gap: 20px;}
.layout-brand .brand-body .brand-header .brand-info .brand-meta span{font-size: 14px;color: #666;}
/*brand-summary*/
.layout-brand .brand-body .brand-summary {display: block;margin: 0px;padding: 0px 15px;font-size: 14px;line-height: 1.75;overflow: hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);box-shadow: 0px 1px 48px 0px rgba(0, 0, 0, 0.06);}
.layout-brand .brand-body .brand-summary p {display:block; margin: 15px 0; clear:both;/*text-align: justify;*/overflow:visible;word-break:break-all}
.layout-brand .brand-body .brand-summary a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.layout-brand .brand-body .brand-summary a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.layout-brand .brand-body .brand-summary img {max-width: 90%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.layout-brand .brand-body .brand-summary .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.layout-brand .brand-body .brand-summary .keylink:hover{color:#ff0000;}
/*ship-body*/
.layout-brand .ship-top {position: relative;min-width: 100%;height: 260px;overflow: hidden;background: url("../images/bg-top-ships.jpg");background-size: 100% 260px;}
.layout-brand .ship-body{position:relative; margin-bottom: 20px;}
/*brand-header*/    
.layout-brand .ship-body .ship-header{padding:0px;background #fff;}
.layout-brand .ship-body .ship-header-wrap{padding:15px;position:relative;margin-top: -20px;display: flex;flex-direction: row; align-items: flex-start;gap: 15px;background: #fff;border-radius: 20px 20px 6px 6px;}
.layout-brand .ship-body .ship-header .brand-logo{padding: 0 0px;width: 116px;height: auto; overflow: hidden;border: 1px #eee solid;border-radius: 10px;}
.layout-brand .ship-body .ship-header .brand-logo img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.layout-brand .ship-body .ship-header .ship-info {display: flex;flex-direction: column;gap: 10px;font-size: 16px;}
.layout-brand .ship-body .ship-header .ship-info .ship-name{margin-bottom: 0px;line-height: 24px; font-size:18px;text-align: left;font-weight: 600;}
.layout-brand .ship-body .ship-header .ship-info .ship-meta{display: flex;justify-content: flex-start;align-items: center;gap: 5px;}
.layout-brand .ship-body .ship-header .ship-info .ship-meta span{font-size: 15px;color: #666;}
.layout-brand .ship-body .ship-header .ship-info .ship-meta em{font-size: 18px;color: #FF5722;}
.layout-brand .ship-body .ship-header .ship-notes{display: block;margin-: 0px;padding: 10px 15px;font-size: 12px;line-height: 1.75;color: #999;overflow: hidden;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}
/*ship-peizhi*/
.layout-brand .ship-body .ship-peizhi{display: flex;flex-direction: column; gap: 15px;margin-top: 20px;}
.layout-brand .ship-body .ship-peizhi dd{font-size: 14px;}
.layout-brand .ship-body .ship-peizhi dd span{float: left;display: block;margin-bottom: 5px;font-size: 14px;}
.layout-brand .ship-body .ship-peizhi dd p{color: #999;}
.layout-brand .ship-body .ship-peizhi dd i{display: block;float: left;width: 20px; height: 20px;margin-right: 3px;}
.layout-brand .ship-body .ship-peizhi dd i.icon-huxing{background: url(../images/icon-huxing.png) 0 0px no-repeat; background-size: 20px 20px;}
.layout-brand .ship-body .ship-peizhi dd i.icon-liangd{background: url(../images/icon-liangd.png) 0 0px no-repeat; background-size: 20px 20px;}
/*ship-canshu-table*/
.layout-brand .ship-body .ship-canshu-table{display: flex;flex-direction: column; margin-top: 20px;border: 1px #eee solid;overflow:hidden;}
.layout-brand .ship-body .ship-canshu-table li{display: flex;justify-content: space-between;background:#fff;height:40px;line-height:40px;float:left;font-size: 14px;}
.layout-brand .ship-body .ship-canshu-table li + li{border-top:#f1f1f1 1px solid}
.layout-brand .ship-body .ship-canshu-table li span{width: 70px;height:100%;float:left;border-right:#f1f1f1 0px solid;border-left:#f1f1f1  0px solid;text-align:center;background: #f8f8f8;color:#999;}
.layout-brand .ship-body .ship-canshu-table li em{width: -webkit-calc(50% - 85px);height:100%;float:left;padding-left:0px;}
.layout-brand .ship-body .ship-canshu-table li i{width:512px; height:100%; float:left;padding-left:10px;}
.layout-brand .ship-body .ship-canshu-table li em .buy-btn{background:#019cf6; color:#FFFFFF;padding:5px 10px;font-size: 14px; margin-left: 20px;border-radius: 3px;}
.layout-brand .ship-body .ship-canshu-table li em .buy-btn:hover{background:#ff4f53;}
.layout-brand .ship-body .ship-canshu-table li p{padding: 0px  15px;font-size: 12px;}
.layout-brand .ship-body .ship-canshu-table li em.half-w {width: -webkit-calc(50% - 95px);}
/*ship-intro*/
.layout-brand .ship-body .ship-intro{padding: 10px 15px;border-radius: 5px;font-size: 14px;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.layout-brand .ship-body .ship-intro p{margin: 10px 0;line-height:28px;}
/*list-pics-ship*/
.layout-brand .ship-body .mlist-ship-picul{display: flex;flex-wrap: wrap;gap: 6px;}
.layout-brand .ship-body .mlist-ship-picul li{position: relative;width: -webkit-calc(50% - 3px);overflow:hidden;border-radius: 4px;}
.layout-brand .ship-body .mlist-ship-picul li .item-wrap{display: block;;}
.layout-brand .ship-body .mlist-ship-picul li .item-pic{width: 100%;height: 200px;}
.layout-brand .ship-body .mlist-ship-picul li .item-pic img{width: 100%;height:100%;}
.layout-brand .ship-body .mlist-ship-picul li .item-more{position: absolute;z-index: 1000;width: 100%;height:100%;display: flex;align-items: center; justify-content: center;color: #fff;background: rgb(0 0 0 / 36%);}
.layout-brand .ship-body .mlist-ship-picul li:nth-child(1){width:100%;}
.layout-brand .ship-body .mlist-ship-picul li:nth-child(1) .item-pic{width: 100%;height: 280px;}

/*====== layout-marina ======*/
.layout-marina{margin: 0 auto;} 
.layout-marina .marina-body{position:relative; margin-bottom: 20px;}
.layout-marina .marina-top .marina-pic{width: 100%;height:100%;}
.layout-marina .marina-top .marina-pic img{width: 100%;height:100%;}
/* marina-top */
.layout-marina .marina-top { background: url("../images/bg-top-matou.jpg");background-size: 100% 260px;height: 260px;}
.layout-marina .marina-top .container {display: flex; align-items: center;height: 100%;}
.layout-marina .marina-top-cover{z-index: 2;width: 100%;height: 100%;background-color: #000;background-color: rgba(0,0,0,.5);border-radius: 4px;}
.layout-marina .marina-top-title{width: 100%; text-align: center; font-size: 16px;color: #fff;display: flex;flex-direction: column;gap: 5px;}
.layout-marina .marina-top-title .title{ font-size: 24px; font-weight: 600;text-align: center; color: #fff;}
.layout-marina .marina-top-title .text { text-align: center; color: #fff;}
.layout-marina .marina-top-title .text b { margin: 0 5px;color:#ff4701;}
/*brand-header*/    
.layout-marina .marina-body .marina-header {padding:0px;margin-top: -20px;position:relative;background: #fff;border-radius: 20px 20px 0px 0px; overflow: hidden;}
.layout-marina .marina-body .marina-header .wrap{position:relative;display: flex;flex-direction: column; gap: 0px}
.layout-marina .marina-body .marina-header .marina-main {padding:0px;display: flex;flex-direction: row;align-items: flex-start;;gap: 15px;background: #fff;}
.layout-marina .marina-body .marina-header .marina-logo{padding: 0 0px;width: 116px;height: auto;bottom: 0; overflow: hidden;border: 1px #eee solid;border-radius: 10px;}
.layout-marina .marina-body .marina-header .marina-logo img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.layout-marina .marina-body .marina-header .marina-info {display: flex;flex-direction: column;gap: 10px;font-size: 16px;}
.layout-marina .marina-body .marina-header .marina-info .marina-name{margin-bottom: 0px;line-height: 24px; font-size:20px;text-align: left;font-weight: 600;}
.layout-marina .marina-body .marina-header .marina-info .marina-meta{font-size: 14px;color: #999;display: flex;justify-content:flex-start;align-items: center;gap:6px;}
.layout-marina .marina-body .marina-header .marina-info .marina-meta span{font-size: 14px;color: #999;}
.layout-marina .marina-body .marina-header .marina-info .marina-meta em{font-size: 18px;color: #ff5722;font-weight:bold;}
.layout-marina .marina-body .marina-header .marina-notes{font-size: 14px;color: #666;}
/*marina-parameter*/  
.layout-marina .marina-body .marina-parameter{margin-top:20px;width: 100%;overflow: hidden;border-radius: 5px;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl{display: flex;flex-direction: row;justify-content: space-between;gap: 0px;padding: 10px 0;background: #edf2fa;border-bottom: 1px #ffffff solid;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd{position: relative;width: -webkit-calc(33.333% - 20px);padding:0 10px;text-align: center;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span{display: block;line-height:26px;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span.big{display: block;font-size: 20px; color: #2196F3;font-weight:500;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span.small{font-size: 14px; color: #999;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd + dd::after{content: "";position: absolute;top: 15px;left: 0;display: block;width: 1px;height: 26px;margin-top: 0px;opacity: .4;background-color: #cc9756;}
/*marina-intro*/
.layout-marina .marina-body .marina-intro {display: block; margin: 0px 0;padding: 10px 15px;font-size: 14px;line-height: 1.75;overflow: hidden;-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);border-radius: 5px;}
.layout-marina .marina-body .marina-intro p{display:block; margin: 10px 0; clear:both;overflow:visible;word-break:break-all}
.layout-marina .marina-body .marina-intro a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.layout-marina .marina-body .marina-intro a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.layout-marina .marina-body .marina-intro img {max-width: 90%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.layout-marina .marina-body .marina-intro .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.layout-marina .marina-body .marina-intro .keylink:hover{color:#ff0000;} 

@media (max-width: 640px) {
body{font-size: 14px;}
/*layout*/
#wrapper {padding-top: 90px;}
.mainWrap .wrap{position: relative;padding: 15px 10px;background: #fff;}
.mFull-title {margin-bottom: 15px; line-height: 18px;font-size: 18px;}
/*box-head*/
.mbox-title{margin-bottom: 20px;line-height: 30px;line-height: 100%;font-size: 18px;text-align: left;background: url(../images/bg-stitle.png) center center repeat-x;}
.mbox-title i{margin-right:3px;width:18px;height: 18px;} 
.mbox-title i.icon-tit{background: url(../images/icon-tit.png) 0 0px no-repeat;background-size: 18px auto;}
/*mlist-more*/
.mlist-more {margin-top:15px;}
.mlist-more a {width: 126px;height: 30px;line-height: 30px;font-size: 14px;}

.m-header {height: 90px;}
.m-header .logo-slogan{height: 30px;}
.m-header .logo-slogan .logo{height: 30px;}
.m-header .logo-slogan .logo::after {top: 2px;height: 26px;}
/*.m-header .logo-slogan .slogan {margin-left: 10px; padding-left: 10px;}*/
.m-header .logo-slogan .slogan span {line-height: 1.2;font-size: 12px;}
.m-header .header-nav .nav-wrap {height: 40px;} 
.m-header .header-nav .nav-menu {line-height: 40px;gap: 10px;} 
.m-header .header-nav .nav-menu>li>a {font-size: 16px;line-height: 40px;}

.layout-home .home-focus{height: 180px;}
.m-swipe {max-height 180px;}
.m-swipe {height: 180px;}
.m-swipe .swipe-wrap > div {max-height: 180px;}
.m-swipe div a{display:block;height: 180px;}
.m-swipe .swipe-point{height: 5px;bottom: 10px;}
.m-swipe .swipe-point #position li {height: 5px;}

.mlist-news-infoul .item .item-wrap {gap: 10px;}
.mlist-news-infoul .item .item-wrap .item-pic {height: 80px;}
.mlist-news-infoul .item .item-wrap .item-main .item-title {line-height: 1.35;font-size: 16px;}
.mlist-brand-recul .item .item-wrap { height: 70px;}

.mlist-ships-infoul {gap: 10px;}
.mlist-ships-infoul .item {width: -webkit-calc(50% - 5px);}
.mlist-ships-infoul .item .item-pic {height: 116px;}
.mlist-ships-infoul .item .item-name {padding: 5px 5px;width: -webkit-calc(100% - 10px);line-height: 1.2;font-size: 14px;}
.mlist-ships-infoul .item .item-parameter {padding:8px 5px;}
.mlist-ships-infoul .item .item-parameter span {font-size: 12px;}
.col-3-row {gap: 6px;}
.col-3-row .item {width: -webkit-calc(33.333% - 4px);}
.col-3-row .item .item-pic { height: 75px;}
.col-3-row .item .item-name {padding: 5px 5px;width: -webkit-calc(100% - 10px);line-height: 1.2;font-size: 12px;}

.layout-brand .brand-top {height: 160px;background-size: 100% 160px;}
.mlist-brand-recul {gap: 6px;}
.mlist-brand-recul .item { width: -webkit-calc(33.333% - 4px);}
.mlist-brand-infoul {gap: 10px;}
.mlist-brand-infoul .item {width: -webkit-calc(50% - 5px);}
.mlist-brand-infoul .item .item-wrap {padding: 5px 5px 10px;gap: 5px;}
.mlist-brand-infoul .item .item-pic {height: 86px;}
.mlist-brand-infoul .item .item-desc {line-height: 1.35;font-size: 12px;}
.mlist-brand-infoul .item .item-meta {gap: 10px;font-size: 12px;}
.mlist-brand-infoul .item .item-meta span {color: #777;}

.layout-brand .ship-top {height: 200px;background-size: 100% 200px;}
.layout-brand .ship-body .ship-canshu-table li {height: 35px;line-height: 35px;font-size: 13px;}
.layout-brand .ship-body .ship-canshu-table li span {width: 63px;}
.layout-brand .ship-body .ship-canshu-table li em {width: -webkit-calc(50% - 73px);}
.layout-brand .ship-body .mlist-ship-picul li .item-pic { height: 126px;}
.layout-brand .ship-body .mlist-ship-picul li:nth-child(1) .item-pic {height: 200px;}

.mlist-alls-infoul {gap: 10px;}
.mlist-alls-infoul .item {width: -webkit-calc(50% - 5px);}
.mlist-alls-infoul .item .item-pic {height: 116px;}
.mlist-alls-infoul .item .item-main {margin: 10px 6px;}
.mlist-alls-infoul .item .item-title{line-height: 1.35;font-size: 15px;}
.mlist-alls-infoul .item .item-meta span {font-size: 13px;}

.layout-marina .marina-top {height: 200px;background-size: 100% 200px;}
.layout-marina .marina-top-title{font-size: 14px;}
.layout-marina .marina-top-title .title{ font-size: 20px; font-weight: 600;}

.mlist-matou-infoul {gap: 15px;}
.mlist-matou-infoul .item + .item {padding-top: 15px;}
.mlist-matou-infoul .item .item-title {padding: 0px 0px;font-size: 16px;font-weight:500;}
.mlist-matou-infoul .item .item-pic {width: 40%;height: 90px;}
.mlist-matou-infoul .item .item-main {gap: 5px;}
.mlist-matou-infoul .item .item-media dd {font-size: 12px;}
.mlist-matou-infoul .item .item-address{font-size: 12px;}

.mlist-class-titul {gap: 10px;}
.mlist-class-titul li { width: -webkit-calc(20% - 8px);line-height: 26px;text-align: center; border-bottom: 0;}

.mlib-tabBox .mlib-tabMenu ul{font-size: 16px;gap: 12px;}
.mlib-tabBox .mlib-tabMenu li{width: -webkit-calc(33.333% - 8px);height:30px;line-height:30px;}
.mlib-tabBox .mlib-tabBrand ul li {font-size: 16px;}

.layout-home .top-news {margin-bottom: 15px;padding: 10px;} 
.layout-home .top-news h3 {font-size: 17px;height: 24px;line-height: 24px;} 
.layout-home .top-news p {height: 40px;line-height: 20px;font-size: 13px;} 

.layout-marina .marina-body .marina-header .marina-info .marina-name{font-size: 18px;}
.layout-marina .marina-body .marina-header .marina-logo {width: 96px;}
.layout-marina .marina-body .marina-header .marina-info .marina-meta {font-size: 13px;}
    padding: 0 0px;
    width: 116px;
/*marina-parameter*/  
.layout-marina .marina-body .marina-parameter{width: 100%;overflow: hidden;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl{padding: 10px 0;background: #edf2fa;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd{width: -webkit-calc(33.333% - 10px);padding:0 5px;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span{line-height:20px;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span.big{font-size: 14px;font-weight: 600;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd span.small{font-size: 13px; color: #999;}
.layout-marina .marina-body .marina-parameter .marina-parameter-dl dd + dd::after{top: 6px;height: 30px;}







.m-footer .footer-nav {gap: 8px;line-height: 40px;font-size: 14px;}
}