@charset "utf-8";
.banner {
    width: 100%;
    height: auto;
}

.banner img {
    width: 100%;
}

.now_localtion p {
    width: 100%;
    text-align: right;
    color: #666666;
    font-size: 16px;
    padding-top: 20px;
}

.introduce {
    padding: 60px 0;
}

.introduce h1 {
    margin: 0;
}

.introduce h1:after {
    content: '';
    width: 60px;
    height: 4px;
    background: #d71718;
    display: block;
    margin: 40px 0;
}

.introduce p {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}

.introduce p i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("icon-1.png") center no-repeat;
    background-size: 100%;
    vertical-align: -webkit-baseline-middle;
    margin: 0 5px 0 -5px;
}

.m-part2 {
    width: 100%;
    height: 90px;
    background: #f2f2f2;
}

.m-part2 p {
    width: 45%;
    display: inline-block;
    color: #666666;
    line-height: 90px;
    font-size: 18px;
    margin-right: 3%;
    float: left;
}

.m-part2 p img {
    display: inline-block;
    width: auto;
    height: 30px;
    vertical-align: middle;
    margin-right: 3%;
}

.m-part2 p b {
    font-weight: 400;
    color: #000;
}

.m-part3, .m-part4 {
    overflow: hidden;
    padding-top: 77px;
}

/* .m-part3 h2, .m-part4 h2 {
    color: #000;
    font-size: 36px;
    font-weight: 400;
    margin: 0;
} */

.m-part3 ul {
    display: block;
    width: 100%;
    /* margin-top: 30px; */
    overflow: hidden;
}



#page-ship .m-part3 ul>li:nth-child(2n){
    margin-right:0;
}

.m-part3 ul li img {
    width: 100%;
    height: 100%;
}

.m-part3 ul li div.mark {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("engineering-bg.png") bottom no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
}

.m-part3 ul li div p {
    position: absolute;
    bottom: 34px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}
#page-ship .m-part4 ul>li:nth-child(3n){
    margin-right:0;
}
#page-ship .m-part4{
    background:inherit;
}
#page-ship .m-part4 ul{
    margin-top:30px;
}
.m-part4 {
    background: #f2f2f2;
    margin-bottom: 80px;
    position: relative;
}

.m-part4 div.map {
    width: 100%;
    height: auto;
    margin-top: 60px;
    position: relative;
}

.map .tag {
    position: absolute;
    top: 0;
    left: 0;
}

.tag .db {
    position: absolute;
    top: 147px;
    left: 293px;
}

.tag i {
    height: 2px;
    width: 100px;
    background: #666;

}
.tag .db i {
    position: absolute;
    top: 50%;
    right: -100px;
}
.tag .db i:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    background: #666;
    top: -15px;
    right: -15px;
}

.tag p {
    color: #666666;
    font-size: 18px;
    font-weight: 400;

}



#page-trade .m-part3 ul li div p{bottom:23px;}



/* 动力工具 鼠标悬浮 文字效果 */
#page-ship .imgBoxScale_word{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom:0;
}
#page-ship .imgBoxScale:hover .imgBoxScale_word{
	/* -webkit-transform: translateY(-98px);
	transform: translateY(-98px);
	position: absolute; */
	z-index: 2;
}
#page-ship .imgBoxScale_desc{
	opacity: 0;
    transition: all .5s;
    padding: 10px 10px 0;
    font-size: 16px;
    color: #f3f3f3;
    height:53px;
}
#page-ship .imgBoxScale:hover .imgBoxScale_desc{
	opacity: 1;
}
#page-ship .m-part3 li{
    width:680px;
    height:360px;
    float:left;
    /* margin-top:40px; */
}
#page-ship .m-part3 ul>li:nth-child(2n-1){
    margin-right:40px;
}
#page-ship .m-part3 li p{
    /* bottom: -48px; */
position: static;
}

#page-ship .middle{
    width:1400px;
    margin-top:0;
}
#page-ship .m-part4{
    height:auto;
}
#page-ship .m-part4 .tab-m{
    margin-top:0;
}
#page-ship .m-part4 .two{
    overflow:hidden;
    display:block;
    margin-top:0;
}
#page-ship .m-part4 .two>li{
    float:left;
}