@charset "utf-8";
/*end*/
/* body{overflow-x:hidden;overflow-y:hidden;} */


@font-face {
    font-family: 'Montserrat-M';
    src: url('../fonts/Montserrat-Medium.otf')
  }

@font-face {
font-family: 'Montserrat-R';
src: url('../fonts/Montserrat-Regular.otf')
} 

@font-face {
  font-family: 'Montserrat-S';
  src: url('../fonts/Montserrat-SemiBold.otf')
  } 

.blk-main{width:70rem; margin:0 auto;}
em,i{font-style:normal;}





/***********************shipin********************/
.mcmc{padding:1.75rem 0 5rem;}
.mcmc .blk-xs{width:10rem;}
.mcmc .blk-xs .fdh-01-tit{height:4.3rem; line-height:4.3rem;padding-left:2rem;background:url(../images/mc-ico.png) no-repeat left;background-size:1.2rem 1.6rem;font-size: 1.2rem;color:#1a1a1a;}
.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one{height: 3.3rem; margin-bottom: 0.5rem;}
.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3{height:3.3rem;background:#f5f5f5;border-left:0.15rem solid #999999;}
.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3 a{display: block; line-height: 3.3rem; font-size: 0.9rem;color:#333333; margin:0 1rem 0 1.85rem;font-weight:normal;}
.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3:hover,.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3.sidenavcur{border-left:0.15rem solid #c0192a;}
.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3:hover a,.mcmc .blk-xs .fdh-01-nav .fdh-01-nav-one h3.sidenavcur a{color:#c0192a; font-weight: bold;background:url(../images/mc-dbx.png) no-repeat right;background-size:0.35rem 0.5rem;}

.mcmc .blk-sm{width:56rem; margin-top: 4.25rem;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl{background:#f5f5f5; margin-bottom: 2.5rem;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt{width:32rem; height:18rem; line-height: 0; overflow: hidden;float:left; position: relative;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt span{display: block;width:100%; line-height: 0; overflow: hidden; transition: .5s;position:relative;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt span:before{width:100%;height:100%;background:rgba(0,0,0,.2);content:""; position:absolute;left:0;bottom:0;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt img{width:100%;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt strong{display: block;position: absolute;left:50%; top:50%;transform: translate(-50%,-50%);z-index:200;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt strong i{display: block;width:2.2rem; line-height: 0; overflow: hidden;margin:0 auto;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt strong em{display:block; line-height:1.2rem;font-size:0.75rem; color:#FFF;font-weight:normal;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  overflow: hidden
}

.mcmc .blk-sm .cplb-1n-ts-01-list dl dd{float:left;width:24rem;float:left;padding:3.1rem 0 0 3.45rem; box-sizing: border-box;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4{height:2.25rem; margin-bottom: 0.7rem;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 em{display: block; line-height: 2.25rem;float:left;max-width:14rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 em a{font-size: 1.5rem;color:#1a1a1a; font-weight: normal;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 span{display: block;padding:0 15px; height:1.6rem; line-height: 1.6rem;text-align: center;background:#c0192a;float:right;font-size: 0.8rem;color:#ffffff;font-weight: normal;border-top-left-radius: 20px;border-bottom-left-radius: 20px;width:100%;        margin-top: 5px;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 span i{display: inline-block;width:0.05rem; height:0.6rem;background:rgba(255,255,255,.3);margin:0.5rem 0.35rem 0;}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd .cplb-1n-ts-01-list-desc{line-height: 1.55rem;font-size: 0.8rem;color:#4c4c4c;padding-right:4rem;}
.banner{position:relative;overflow:hidden;margin-top:0rem;}
.banner img {display: block;width: 100%;}
.banner:before{width:100%;height:9rem;background:url(../images/sea-yy.png) no-repeat center;background-size:100% 100%;content:"";position: absolute;left:0;bottom:0;}
.p101-fdh-2{display:none}
@media screen and (max-width: 768px) and (min-width: 320px){
.p101-curmbs-1,.mbx{display:none;}	
.banner img {display: block;width: 100%;}
.mcmc .blk-xs{
    display:none;
}
.mcmc .blk-sm {
    width:95%;
	margin:0px auto;
    margin-top: 2.25rem;
}


 .p101-fdh-2 {
        position: relative;
        padding: 0 4%;
        height: 5rem;
        background: #c0192a;
	 display:block;
    }
    
    #topNav {
        height: 5rem;
        overflow: hidden;
        position: relative;
    }
    
    #topNav .swiper-slide {
        width: auto;
        text-align: center;
    }
    
    #topNav .swiper-slide:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 1.25rem;
        background: rgba(255, 255, 255, 0.3);
        right: -1.45rem;
        top: 50%;
        margin-top: -0.625rem;
        z-index: 1;
    }
    
    #topNav .swiper-slide:last-of-type:after {
        display: none;
    }
    
    #topNav .swiper-slide span {
        transition: all .3s ease;
        color: #fff;
        font-size: 1.5rem;
        display: block;
        height: 5rem;
        line-height: 5rem;
        position: relative;
		font-weight:lighter
    }
	
	
	
	#topNav .swiper-slide span.flhover{
        font-weight: bolder;
    }
	#topNav .swiper-slide span.flhover:after{
    position: absolute;
    top: 37px;
    left: 25px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
	}
    
    #topNav .active span {
        font-weight: bold;
    }
    
    #topNav .active span:after {
        content: "";
        position: absolute;
        left:0;
        top:3.55rem;
       width:100%;
       height:0.55rem;
       background:url(../images/mc-dbx1.png) no-repeat center;
       background-size:0.8rem 0.55rem;
    }
    .top-jt .top-next{width:8.15rem;height:5rem;background:url(../images/mc-yy.png) no-repeat center;background-size:100% 100%; position:absolute;right:0;top:0;z-index:200;}
  
	.fr {
     float: none
}
	.mcmc .blk-sm .cplb-1n-ts-01-list dl dt {
    width: 100%;
    height: 18rem;
    line-height: 0;
    overflow: hidden;
    float: none;
    position: relative;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dt strong em {
    display: block;
    line-height:30px;
    font-size:14px;
    color: #FFF;
    font-weight: normal;
}
	.mcmc .blk-sm .cplb-1n-ts-01-list dl dd {
    width: 100%;
    float: none;
    padding: 3.1rem 0 0 3.45rem;
    box-sizing: border-box;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 {
    height: 30px;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 em {
    display: block;
    line-height: 2.25rem;
    float: left;
    max-width: 14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 em a {
    font-size:20px;
    color: #1a1a1a;
    font-weight: normal;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd h4 span {
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #c0192a;
    float: right;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
	width:100%;
	margin-top:5px;
}
.mcmc .blk-sm .cplb-1n-ts-01-list dl dd .cplb-1n-ts-01-list-desc {
	margin-top:10px;
    line-height:20px;
    font-size: 14px;
    color: #4c4c4c;
    padding-right: 4rem;
	padding-bottom:20px;
}

	
}