@charset "utf-8";
/* CSS Document */

/*top banner*/
.dt_bn{ height:367px; background:url(../../../images/youlun/youlun_dt/banner1.jpg) no-repeat center top; width:656px; padding:40px 505px 0 39px; margin-bottom:33px}
.dt_bn img{ background:none}
.yl_name{ font:48px/54px "微软雅黑"; float:left; border-top:2px dashed #006ab6;border-bottom:2px dashed #006ab6; margin:30px 0 2px 0; padding-bottom:5px}
.yl_Ename{ display:block; font:italic 30px/34px "微软雅黑"; color:#197ec2; height:34px}
.yl_infos{ display:block; height:55px;font:14px/44px "微软雅黑";}
.yl_wds{ color:#197ec2;word-break:break-all; height:100px; overflow:hidden}
/*tab*/
.yl_tabs{ height:90px; clear:both;background:url(../../../images/youlun/youlun_dt/tabbg.png) repeat-x center bottom; width:1200px }
.yl_tabs li{ height:80px; width:296px; float:left; margin-right:5px}
.yl_tabs li.tb_cy{ margin-right:0}
.yl_tabs li a,.yl_tabs li span{height:80px; width:296px; display:block;}
.yl_tabs li.tb_cp a,.yl_tabs li.tb_cp span{ background:url(../../../images/youlun/youlun_dt/yltab1.png) no-repeat;}
.yl_tabs li.tb_cf a,.yl_tabs li.tb_cf span{ background:url(../../../images/youlun/youlun_dt/yltab2.png) no-repeat;}
.yl_tabs li.tb_yl a,.yl_tabs li.tb_yl span{ background:url(../../../images/youlun/youlun_dt/yltab3.png) no-repeat;}
.yl_tabs li.tb_cy a,.yl_tabs li.tb_cy span{ background:url(../../../images/youlun/youlun_dt/yltab4.png) no-repeat;}
.yl_tabs li.tb_cp a.on{ background:url(../../../images/youlun/youlun_dt/yltabon1.png) no-repeat;}
.yl_tabs li.tb_cf a.on{ background:url(../../../images/youlun/youlun_dt/yltabon2.png) no-repeat;}
.yl_tabs li.tb_yl a.on{ background:url(../../../images/youlun/youlun_dt/yltabon3.png) no-repeat;}
.yl_tabs li.tb_cy a.on{ background:url(../../../images/youlun/youlun_dt/yltabon4.png) no-repeat;}


/*产品*/
.yl_items{ padding:30px 0}
.cp_main{ height:350px; width:958px; float:left; overflow:hidden }
.cp_main ul{ width:4000px;}
.cp_main li{height:350px; width:958px; float:left; }
.cp_main .yc_img{ float:left;}
.yc_info{ float:left;height:290px; width:398px; padding:30px; background-color:#FFF}
.yc_info .bq_om{ float:left; height:35px;font:20px/35px "微软雅黑"; background-color:#0182d8; color:#FFF; text-align:center; margin-right:5px; border-radius:3px;
-moz-border-radius:3px;}
.yc_info .yc_name{ height:105px; overflow:hidden}
.yc_info .yc_name a{font:24px/35px "微软雅黑"; color:#444}
.yc_info .yc_data{ font: italic 18px/40px "微软雅黑";display:block; color:#F60; height:40px; overflow:hidden}
.yc_info .yc_price{ padding:35px 0 0 0; height:95px; clear:both}
.yc_info p{ float:left; padding-top:50px}
.yc_info p i{font:24px/55px "微软雅黑"; color:#cc0000}
.yc_info p span{font:44px/55px Arial; color:#cc0000}
.yc_info p b{font: normal 14px/55px "宋体"; color:#024677}
.yc_info .yc_bott{ float:right; height:95px; width:95px;background:url(../../../images/youlun/youlun_dt/yl_bt.png) no-repeat;}
.yc_info .yc_bott:hover{background:url(../../../images/youlun/youlun_dt/yl_bt_h.png) no-repeat;}

a.arr_lf{background:url(../../../images/youlun/youlun_dt/ylarr2.png) no-repeat;float:left;  width:70px; height:135px;margin:100px 42px 0 9px}
a.arr_rt{background:url(../../../images/youlun/youlun_dt/ylarr2.png) no-repeat -88px 0;float:left;  width:70px; height:135px;margin:100px 9px 0 42px}
a.arr_lf:hover{ background-position:-348px 0;}
a.arr_rt:hover{ background-position:-437px 0;}
.yl_cp_li{ text-align:center; padding-top:20px;}
.yl_cp_li a{ display:inline-block; border:1px solid #027aca; padding:8px; color:#024e8a;font:18px/18px "微软雅黑"; margin-left:5px}
.yl_cp_li a:hover{ border:1px solid #fdd001;color:#fff; text-decoration:none}
.yl_cp_li a.on{ border:1px solid #2597e2;color:#fff; background-color:#2597e2}


/*舱房*/
.cf_lf{ width:314px; float:left; padding-top:4px}
.cf_lf li{ height:68px; width:294px;}
.cf_lf li a{ display:block;height:66px; width:294px; background-color:#e8e6e6;font:30px/66px "微软雅黑"; color:#0059a1; text-align:center}
.cf_lf li a:hover{background-color:#4ea7e3; text-decoration:none}
.cf_lf li.on a{ background:#fdd001 url(../../../images/youlun/youlun_dt/arr1.png) no-repeat right 0; color:#000; position:relative; margin-right:-5px; padding-right:25px;}
.cf_rt{ width:886px; float:left}
.cf_rt_cap{background: url(../../../images/youlun/youlun_dt/yc_cap.png) no-repeat; height:10px; line-height:0; font-size:0;}
.cf_rt_foo{background: url(../../../images/youlun/youlun_dt/yc_foo.png) no-repeat; height:10px; line-height:0; font-size:0;}
.cf_rt_con{background: url(../../../images/youlun/youlun_dt/yc_con.png) ; padding:41px 35px 1px 35px; color:#fff}
.cf_rt_con li{ border-bottom:1px dashed #0886db; padding-bottom:35px;margin-bottom:35px; height:210px; clear:both}
.cf_img{ float:left}
.cf_info{ width:478px; float:left; padding-left:30px}
.cf_info span{font:30px/60px "微软雅黑";}
.cf_info .cf_intro{font:16px/21px "微软雅黑"; margin-bottom:10px; height:63px; overflow:hidden}
.ac1,.ac2,.ac3,.ac4,.ac5{white-space: nowrap; height:33px; width:120px; float:left; padding-left:34px; float:left;font:14px/33px "微软雅黑";background: url(../../../images/youlun/youlun_dt/ylicon.png) no-repeat 1px 5px;overflow:hidden;text-overflow:ellipsis; }
.ac2{ background-position:1px -28px;}
.ac3{ background-position:1px -61px;}
.ac4{ background-position:1px -94px;}
.ac5{ background-position:1px -127px;width:220px;}
/*娱乐&餐厅*/
.yl_yl{ width:1200px; overflow:hidden}
.yl_yl ul{width:1236px;_width:1226px;}
.yl_yl li{ width:380px; float:left; background-color:#FFF; margin-right:32px;}
.yl_yl li .yls_name{font:24px/50px "微软雅黑"; color:#006ab6; display:block; padding:0 20px}
.yl_yl li .yls_name span{ font-size:18px}
.yl_yl li .yls_intro{padding:0 20px 20px 20px;font:14px/20px "微软雅黑"; color:#666;word-break:break-all;}
.vhd_list,.vhd_c{ position:relative}
/*其他油轮公司推荐*/
.youlunlist{ padding-top:55px; height:320px; position:relative; background-color:#e8e6e6;}
.youlunlistcont{ margin-left:-600px; width:1200px; position:absolute; left:50%;}
.youlunlistcont .prev2,.youlunlistcont .next2{ position:absolute; top:40px; display:inline-block; width:67px; height:134px; display:none;}
.youlunlistcont .prev2{ left:0; background:url(../../../images/youlun/youlun_cp/prev2.jpg) no-repeat center;}
.youlunlistcont .next2{ right:0; background:url(../../../images/youlun/youlun_cp/next2.jpg) no-repeat center;}
.youlunlistcont .prev2:hover{ left:0; background:url(../../../images/youlun/youlun_cp/prev.jpg) no-repeat center;}
.youlunlistcont .next2:hover{ right:0; background:url(../../../images/youlun/youlun_cp/next.jpg) no-repeat center;}
.img-list { position:relative; width:899px;margin-left:160px; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { float:left; width:300px; height:290px; text-align:center; background:url(../../../images/youlun/youlun_cp/line.jpg) no-repeat right center; position:relative;}
.img-list li a{ display:inline-block;}
.logoimg{ margin:0 72px; width:156px; height:156px; position:relative;}
.logoshadow,.reallogo{ margin-left:-78px; position:absolute; width:156px; height:156px; left:50%;  background:none;}
.logoshadow{ z-index:20; _display:none;}
.reallogo{ z-index:9;}
.conpanyname a{ margin-top:12px; padding:2px 0 3px 0; display:inline-block; font-size:26px; color:#0182d8; border-top:1px dashed #0182d8; border-bottom:1px dashed #0182d8; line-height:30px}
.img-list li .branch a{ display:inline;}
.branch{ margin:10px 20px 0; vertical-align:bottom; font:14px/20px "微软雅黑"; color:#333}

.title{ padding-top:20px; width:1200px; height:111px; margin:0 auto; line-height:36px;}
.name_cn{ font-size:36px; color:#fff;}.name_cn img{ display:inline-block}
.name_en{ font-size:18px; color:#006ab6; line-height:24px}
.name_en span{ display:inline-block; border-bottom:2px dashed #006ab6;}
.text-center{ text-align:center;}


/*20160919新增油轮3D入口*/
.dt_bn{ position:relative;}
.dt_bn .cruise-3d{ position:absolute; right:250px; top:160px; display:inline-block; width:80px; height:80px; background:url(../../../images/youlun/youlun_dt/cruise-3d.png); border-radius:100%; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.5)}