@charset "utf-8";
body,html{ min-width: 1200px; overflow-x: hidden; }
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }
body,p{ font-size:14px; border:none; color: #000;}
a{ font-size:14px; color:#000; text-decoration:none; border:none; padding:0; margin:0;}

.service{ width:100%;margin:0 auto;}
.c_bg1{ width:100%;padding-top:60px; background:url(../images/wgbg1.png) repeat-x left 86px;}
.ser_01{height: 200px;position:relative; width:100%;}
.bn_01{ width:100%; color:#fff; text-align:center;}
.bn_01 h2{font-size:50PX; height:50px; line-height:50px; font-family:"MS Serif", "New York", serif;color: #fff;padding-top:90px;}
.bn_01 span{ display:block; font-size:18px; height:18px; margin-top:30px;}
.bn_01 p{ margin-top:80px; line-height:57px; height:57px; background:url(../images/icon_0021.png) no-repeat center top; font-size:13px;}
.service_main .txt{ text-align:center; position:absolute; bottom:0; width:100%; height:104px; background:url(../images/icon_0022.jpg) no-repeat center top;}
.service_main .txt01{ text-align:center; position:absolute; bottom:0; width:100%; height:104px; background:url(../images/icon_0023.jpg) no-repeat center top;}
.service_main .txt p{ line-height:22px; margin-top:25px;}



/*公司概况*/
.aboutpage{ display: flex; flex-wrap: wrap; width: 80%;margin:0 auto;}
.aboutpage p{ font-size: 16px; color: #000; line-height:25px;}

/*船员风采*/
.casepage ul{ display: flex; flex-wrap: wrap; width: 70%;margin:0 auto;}
.casepage li{width: 23%; margin-bottom:10px; overflow: hidden; margin-right:2%;}
.casepage li figure{ position: relative; overflow: hidden;margin-left:0;}
.casepage li figure .mask{ position: absolute; left:0; right: 0;background: rgba(208,143,46,0.7); transition: all 0.36s;
 transition: all 0.6s cubic-bezier(.4,0,.2,1); transform-origin: bottom; transform: scale(1,0);}
.casepage li figure span{ display: block; position: absolute;transition: all 0.6s;transition-delay: 0.36s; opacity: 0; transform: translateY(10px);}
.casepage li figure,.casepage li figure img{ display: block; width:100%; transition: all 0.36s;}
.casepage li p{ font-size: 16px; color: #000; border-bottom: 2px solid #555; height:30px; line-height:30px; position: relative; text-align:center;}
.casepage li p i{ display: block; background: #000; height: 2px; background: #D08F2E; position: absolute; left: 0; bottom:-2px; right: 0;
 z-index: 5; transform-origin: 100%; -webkit-transform-origin: 100%; 
 -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); 
 transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); 
 transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.casepage li:hover p i{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.casepage li:hover .mask{ transform: none; top: 0; bottom: 0;}
.casepage li:hover span{ opacity: 1; transform: none;}
.casepage li:hover img{ transform: scale(1.1);}

.fenye{height:40px; display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; margin-top:20px;}
.fenye a{display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px; margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #004195 !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}

/*RighInfo002808 */
.RighInfo002808{padding-top: 2%;margin:0 auto;}
.RighInfo002808 .floor{position: relative; z-index: 1.}
.RighInfo002808 .floor .Ispic{position: absolute;height: 100%; right: 0; top: 0;}
.RighInfo002808 .floor-1 .Ispic{width:45%;}
.RighInfo002808 .floor-1 .Ispic .quanj{position: absolute;width: 100%;height: 100%; left: 0;top: 0;background: url(../images/quanj.png)no-repeat center rgba(1,50,98,0.4);}
.RighInfo002808 .floor-1 .txt{color: #666;font-size: 16px;}
.RighInfo002808 .floor-1 .txt .info{ line-height: 36px;;background: url(../images/RighInfo002808-bg.png)no-repeat right bottom}
.RighInfo002808 .floor-1 .txt h1{font-size: 30px;color: #373f53;margin-bottom: 5%;}
.RighInfo002808 .floor-1 .txt h1::after{content: '';display: block;background: #f2db16;margin: 20px 0;width: 50px;height: 3px;}
.RighInfo002808 .floor-1 .txt .ti25{}
.RighInfo002808 .floor-1 .txt .nmb{margin-bottom: 0;}
.RighInfo002808 .floor-1 .txt .nmt{margin-top: 0;}
.RighInfo002808 .floor-1 .count{position: relative; z-index: 1; padding:5% 5%;background: #f5f5f5; margin-top: 3%}
.RighInfo002808 .floor-1 .count li{text-align: center;}
.RighInfo002808 .floor-1 .count li p{margin: 0;}
.RighInfo002808 .floor-1 .count li aside{color: #0b5b91; font-weight: bold;}
.RighInfo002808 .floor-1 .count li aside b{font-size:36px;font-family: Arial;display: inline-block;vertical-align: sub;}
.RighInfo002808  .pic{ margin-top: 30px;}
.RighInfo002808  .pic img{width: 50%;}
@media(min-width:1025px){
.RighInfo002808 .floor-1 .txt .info{width: 50%;}
}
@media(max-width:1024px){
.RighInfo002808 .floor-1 .Ispic{display: none;}
.RighInfo002808 .floor-1 .count{ background: #f5f5f5;}
.RighInfo002808 .floor-1 .count li{text-align: center;}
}
@media(min-width:641px){
.RighInfo002808 .floor-1 .count ul{display: table;width: 100%;position: relative; z-index: 2;}
.RighInfo002808 .floor-1 .count li:not(:last-child){width: 24%;}
.RighInfo002808 .floor-1 .count li{display: table-cell; vertical-align: top;}
}
@media(max-width:640px){
.RighInfo002808 .floor-1 .count ul{overflow: hidden;}
.RighInfo002808 .floor-1 .count li{width: 50%;float: left; padding: 15px 0;}
.RighInfo002808 .floor-1 .count li:nth-child(2n+1){clear: left;}
.RighInfo002808 .floor-1 .txt h1{font-size: 24px;}
}
.RighInfo002808 .title{padding: 8% 0 3% 0;font-size: 30px;color: #333;}

/*Map002515 */
.Map002515{margin:0 auto;width:80%;}
.Map002515 .auto{ background:url(../images/map_bg.png)no-repeat right top #fff;}
.Map002515 .list{margin:3%;padding-top:3%;}
.Map002515 .list dd{float: left;font-size: 16px;width: 40%;margin-right: 5%;line-height: 40px;padding-left: 30px;color: #333}
.Map002515 .list dd:nth-child(1){width: 100%;margin-right: 0%;background: url(../images/Map002515_icon_1.png)no-repeat left top 11px}
.Map002515 .list dd:nth-child(2){background: url(../images/Map002515_icon_2.png)no-repeat left top 11px}
.Map002515 .list dd:nth-child(3){background: url(../images/Map002515_icon_3.png)no-repeat left top 11px}
.Map002515 .list dd:nth-child(4){background: url(../images/Map002515_icon_4.png)no-repeat left top 11px}
.Map002515 .list dd:nth-child(5){background: url(../images/Map002515_icon_5.png)no-repeat left top 11px}
.Map002515 .list dd:nth-child(2n+1){margin-right: 0%;}
.Map002515 .list .map{ margin-top:2%; height:350px;}
.Map002515 .list .map *{ box-sizing:content-box;}
.Map002515 .list .map img{ max-width:none;}
@media(max-width:1024px){
.Map002515 .auto{padding:2%;}
}
@media(max-width:1024px) and (min-width:641px){
.Map002515 .number dd h3{ font-size:20px; }
}
@media(max-width:640px){
.Map002515 .number dl{ float:none !important; width:100%; margin-bottom:2%;}
.Map002515 .list dd{width:100%;}
}
@media(max-width:480px){
.Map002515 .title{ font-size:20px;}
.Map002515 .number dl{ height:90px;}
.Map002515 .number dd{ padding-left:20px;}
.Map002515 .number dd h3{ font-size:24px; }
.Map002515 .number dd.img{ width:90px;} 
.Map002515 .number dd.img img{ width:80px; height:80px;}
}