@charset "utf-8";
/* CSS Document */
 .breadcrumb-box1{width: 100%; height: auto; display: block;  margin:130px 0 0px 0; padding: 0 0;}

.wrapper {margin: 0 auto;max-width: 1187px; width: 95%;}	
.wrapper:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }


.wrapper1312 {margin: 0 auto;max-width: 1312px; width: 95%;}	
.wrapper1312:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }


.rigging-box1 {
    width: 100%;
    height: 536px;
    display: block;
    margin: 0px 0 0px 0;
    padding: 0px 0;
    background: url(../images/rigging-banner.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}



.rigging-box2{width: 100%; height: auto; display: block;  margin:25px 0 60px 0; padding: 0 0; }
.rigging-box2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.rigging-box2a{width: 100%; height: auto; float: left;  }
.rigging-box2a h2{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:24px; font-weight: bold; color: #020202; line-height: 30px; padding-bottom: 35px; }
.rigging-box2a ul{margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.rigging-box2a ul li{ width: 50%; float: left; display: block;  padding: 0px 15px 0px 15px; box-sizing: border-box; margin-bottom: 26px;}
.rigging-box2a ul li a aside{width: 100%; height: 100%; display: block;  background: #f2f2f2; padding: 35px 35px 35px 35px; box-sizing: border-box; position: relative; overflow: hidden;}
.rigging-box2a ul li a:hover aside{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);}

.rigging-box2a ul li a aside span { width: 40%; height: auto; position: absolute; left: 35px; top: 35px; }
.rigging-box2a ul li a aside span h2{width: 100%; height: auto; display: block;  padding-bottom: 40px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; color: #353535; line-height: 16px; position: relative; z-index: 2;  }
.rigging-box2a ul li a:hover aside span h2{color: #f36523;}
.rigging-box2a ul li a aside span h3{width: 100%; min-height: 60px;  font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; color: #353535; line-height: 20px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; text-transform: uppercase; letter-spacing: 1px; }
.rigging-box2a ul li a:hover aside h3{color: #f36523;  }








.rigging-box2a ul li a aside figure{ width: 60%; height: auto; float: right; display: block; }
/*.offshore-construction-box3a ul li a aside figure:after{content:''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: auto; background-color: rgba(0,0,0,0.5);}*/
.rigging-box2a ul li a aside figure img{ width: 100%;}

.bg1{padding: 0px 0px 0px 0px!important;}
.bg1 article{ width: 100%; height: 371px; background: url("../images/rigging-bg1.jpg") no-repeat center center ; background-size: cover; }
.bg2{padding: 0px 0px 0px 0px!important;}
.bg2 article{ width: 100%; height: 371px; background: url("../images/rigging-bg2.jpg") no-repeat center center ; background-size: cover;}

.wrapper690 {margin: 0 auto;max-width: 690px; width: 95%;}	
.wrapper690:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }

.rigging-box3{width: 100%; height: auto; display: block;  margin:25px 0 60px 0; padding: 0 0; }
.rigging-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.rigging-box3a{width: 100%; height: auto; float: left; display: block;  }
.rigging-box3a h2{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:24px; font-weight: bold; color: #000; line-height: 30px; padding-bottom: 30px; text-decoration: none; text-transform: uppercase; text-align: center; }
.rigging-box3a p{width: 100%; max-width: 550px; height: auto; display: table; margin: 0 auto; position: relative; font-family: 'Lato', sans-serif; font-size:18px; font-weight: 400; color: #020202; line-height: 24px; padding-bottom: 30px; text-align: center; }

.rigging-box3a aside{width: 100%; height: auto; display: table; border: 1px dashed #d2d2d2;}
.rigging-box3a aside ul{width: 100%; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0;}
.rigging-box3a aside ul li{width: 33.333%; height: auto; float: left; display: table; border-right: 1px dashed #d2d2d2; padding: 30px 1%; margin: 0; }
.rigging-box3a aside ul li:last-child{border-right: 0px dashed #d2d2d2;}
.rigging-box3a aside ul li figure{ display: table-cell; vertical-align: middle; text-align: center; margin: 0; padding: 0;}


.clear{ display: block; clear: both; line-height: 0; margin: 0; padding: 0; width: 100%; height: 0;}




@media screen and (max-width: 1000px) {
	
}

@media screen and (max-width: 800px) {
	.rigging-box2a ul li{ width: 100%;}
}
@media screen and (max-width: 600px) {
	.rigging-box3a aside ul li { width:100%; border-right: 0px dashed #d2d2d2; border-bottom: 1px dashed #d2d2d2;}
	.rigging-box3a aside ul li:last-child {  border-bottom: 0px dashed #d2d2d2;}
}
@media screen and (max-width: 550px) {
	
}