body{background:#001540  url("images/bg01.png")  no-repeat;background-size: 100% 100%}
.warp{width: 1200px;margin: 0 auto;}
@media screen and (max-width: 1000px) {
    .warp{width: 95%;margin: 0 auto;}
}
/*header*/
.logo{margin-top: 7%}
.tite{margin-top: 12%}
.txt{background: url("images/bg02.png") no-repeat ;background-size:100% 100%;padding: 6.5% 7% 8% 8%;margin-top: 13%}
.txt p{color: #fff;font-size: 20px;text-indent: 2.45rem;margin-top: 2%;line-height:32px; text-align: justify;}

/*出海纳智*/
.title02{width: 493px;margin:  3% auto }
.chnz-video-content{width: 100%;background: url("images/bg03.png") no-repeat center ;overflow: hidden;padding: 50px 0}
/*播放器样式*/
iframe{min-height: 430px;}
.video_player{background: #0e6dea; width:756px;float: left}
.video_list_area{width:430px;float: right}
ul.video_list{ overflow-y: scroll;height: 430px;}
ul.video_list::-webkit-scrollbar {
    width: 6px;height: 10px;
background: #0045b6;border-radius: 10px;overflow: hidden;
}

ul.video_list::-webkit-scrollbar-thumb {
    background: #27ebff;
    border-radius: 10px;height: 20px!important;
}
ul.video_list li{width: 100%;overflow: hidden;margin-bottom:18px;position: relative;}
ul.video_list li .img-box{float: left ;background: #1395f1;border: 5px solid #1395f1;overflow: hidden;width: 154px;height: 84px;}
ul.video_list li .on .img-box{border: 5px solid #27ebff;}
ul.video_list li p{font-size: 16px;color: #fff;line-height: 24px;float: right;margin-left: 2%;width: 234px;margin-right: 5px;}
ul.video_list li.last{margin-bottom: 0;}
ul.video_list li span{display: block;width: 10%;position: absolute;z-index: 10;left: 5px;bottom: 5px;}



ul.video_list li.last{margin-right:0;}
ul.video_list li a:hover,ul.video_list li a.on{color: #fff;}
/*蓝海竞渡*/
.lhjd-list{ }
.lhjd-list ul{overflow: hidden;margin-top: 5%}
.lhjd-list ul li{float: left;width: 23%;position: relative;margin-right: 2%;margin-bottom: 4%}
.lhjd-list ul li.last{margin-right: 0;}
.lhjd-list ul li h3,.lhjd-list ul li p{font-size: 18px;color: #fff;line-height: 30px;}
.lhjd-list ul li p{font-size: 14px;line-height: 20px;margin-top: 3px;}
.lhjd-list ul li h3{font-family:cu;margin-top: 3.5%}
.lhjd-list ul li span{display: block;position: absolute;z-index: 10;left: 40%;top: 18%;width: 20%}
.lhjd-list ul li span img,.htsj li span img{width: 100%}
/*海途商鉴*/
.htsj{overflow: hidden;background: url("images/bg04.png") no-repeat center top;}
.htsj ul{padding: 5% 0}
.htsj ul li{float: left;width: 31%;position: relative;margin-right: 2%;margin-bottom: 4%}
.htsj ul li h3{font-family:cu;margin-top: 3.5%;font-size: 18px;color: #fff;line-height: 30px;}
.htsj li span{display: block;position: absolute;z-index: 10;left: 40%;top: 20%;width: 20%}
@media screen and (max-width: 1000px) {

    iframe{min-height: 415px;}
    .chnz-video-content{padding-top: 9%}
    .htsj li span,.lhjd-list ul li span{width: 25%;left: 35%;}
    ul.video_list li p{fwidth: 41%;}
    ul.video_list{ overflow-y: scroll;height: 417px;}
    .video_player{background: #0e6dea; width:60%;float: left}
    .video_list_area{width:39%;float: right}
    ul.video_list li .img-box{width: 40%;height: auto;}
    ul.video_list li p{width: 50%;}
}