﻿@charset "utf-8";
/* CSS Document */

html{ overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ul li, pre, form, fieldset, input, textarea, p, blockquote, th, td, a{ margin:0; padding:0; overflow:hidden;} 
div,table{ margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:0;}
address, caption, cite, code, dfn, em, th, var{ font-style:normal; font-weight:normal;}
ul{ list-style:none;}
input{ vertical-align:middle;}
caption{ text-align:left;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:bold;}
q:before, q:after{ content:'';}
abbr, acronym{ border:0;}
/**** clear ****/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1;} /* IE6 */
*:first-child+html .clearfix{ zoom:1;} /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
a:active {outline: none;star:expression_r(this.onFocus=this.blur());}
a.empty:hover{ text-decoration:none;}
img{ display:inline-block;}
/*a:hover,a.selceted{ color:#e20000;}*/
/*public start*/
.font_arial{ font-family:Arial, Helvetica, sans-serif;}
.font_heiti{ font-family:"黑体";}
.font-italic{ font-style:italic;}
.bold{ font-weight:bold;}
.float_l{ float:left;}
.float_r{ float:right;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.twofont{ text-indent:2em;}
.italic{ font-style:italic;}
/*public end*/

body{ background:url(../../../images/youlun/youlun_cp/bodybg.jpg) no-repeat center top #0182d8; font-family:"微软雅黑"; line-height:normal;}
.topBox{ background:rgba(255, 255, 255, 0.5); border-top:0; border-bottom:2px solid #2066b2; }
.banner{ padding:72px 120px 0 120px; width:960px; height:335px; background:url(../../../images/youlun/youlun_cp/bannerbg.jpg) no-repeat center top; font-size:14px; color:#010930; line-height:18px;}
.contentBox{ padding-bottom:0;}
.navBox{ margin-bottom:0;}
.title{ padding-top:20px; width:1200px; height:111px;}
.name_cn{ font-size:36px; color:#fff;}
.name_en{ font-size:18px; color:#006ab6;}
.name_en span{ display:inline-block; border-bottom:2px dashed #006ab6;}

/*产品列表*/
.productlsit{ padding-top:50px;}
.productlsit.one{ background-color:#e8e6e6;}
.productlsit.two{ background-color:#dad8d4;}
.productinfo{ padding:0 18px; width:1174px;}
.info_l{ margin:0 120px 0 0; padding-left:155px; width:303px; height:303px; position:relative;}
.shadow{ z-index:10; background:none; position:absolute; width:303px; height:303px;}
.shadow img{ background:none;}
/*.productlsit.one .shadow{ background:url(../../../images/youlun/youlun_cp/shadow.png) no-repeat center top;}
.productlsit.two .shadow{ background:url(../../../images/youlun/youlun_cp/shadow2.png) no-repeat center top;}*/
.real{ z-index:9; position:absolute;}
.info_r{ width:580px;}
.num1{ font-size:30px; color:#fbc200;}
.shipname{ margin-top:10px; font-size:28px; height:42px;}
.shipname a{ display:inline-block;}
.productlsit.type1 .shipname a{ border-top:2px dashed #006ab6; border-bottom:2px dashed #006ab6;}
.productlsit.type2 .shipname a{ border-top:2px dashed #1f9eac; border-bottom:2px dashed #1f9eac;}
.productlsit.type3 .shipname a{ border-top:2px dashed #7554a8; border-bottom:2px dashed #7554a8;}
.shipname_en{ font-size:60px;}
.productlsit.type1 .shipname_en a{ color:#006ab6;}
.productlsit.type2 .shipname_en a{ color:#1f9eac;}
.productlsit.type3 .shipname_en a{ color:#7554a8;}
.seemore:hover{ color:#666;}
.shipdata{ color:#333; font-size:14px;}
.shipsimpelinfo{ font-size:14px; line-height:20px; height:80px;}
.recomend{ width:926px;}
.recomend a{ color:#444;}
.recomendtitle{ margin-bottom:20px; font-size:24px;}
.productlsit.type1 .recomendtitle{ color:#006ab6;}
.productlsit.type2 .recomendtitle{ color:#1f9eac;}
.productlsit.type3 .recomendtitle{ color:#7554a8;}
.linelist li{ margin-bottom:30px;}
.num2{ display:inline-block; font-size:24px; width:85px; height:25px; line-height:25px; color:#fff;}
.productlsit.type1 .num2{ background:url(../../../images/youlun/youlun_cp/numbg1.png) no-repeat center;}
.productlsit.type2 .num2{ background:url(../../../images/youlun/youlun_cp/numbg2.png) no-repeat center;}
.productlsit.type3 .num2{ background:url(../../../images/youlun/youlun_cp/numbg3.png) no-repeat center;}
.linename{ font-size:18px; line-height:30px; height:60px;}
.switch{ width:38px; height:60px;}
.switch a{ display:inline-block; width:38px; height:38px;}
.productlsit.type1 .switch a{ background:url(../../../images/youlun/youlun_cp/plus1.png) no-repeat center;}
.productlsit.type2 .switch a{ background:url(../../../images/youlun/youlun_cp/plus2.png) no-repeat center;}
.productlsit.type3 .switch a{ background:url(../../../images/youlun/youlun_cp/plus3.png) no-repeat center;}
.productlsit.type1 .switch a.yes{ background:url(../../../images/youlun/youlun_cp/minus1.png) no-repeat center;}
.productlsit.type2 .switch a.yes{ background:url(../../../images/youlun/youlun_cp/minus2.png) no-repeat center;}
.productlsit.type3 .switch a.yes{ background:url(../../../images/youlun/youlun_cp/minus3.png) no-repeat center;}
.price1{ padding-top:20px; width:200px; height:40px; background:url(../../../images/youlun/youlun_cp/line.jpg) no-repeat 35px top;}
.price1 .symbol{ font-size:16px; color:#cc0000;}
.price1 .pricenum{ font-size:30px; color:#cc0000;}
.price1 .start{ font-size:16px; color:#024677;}
.linecont{ padding:55px 52px 0 38px; width:844px; height:241px; display:none;}
.productlsit.type1 .linecont{ background:url(../../../images/youlun/youlun_cp/linebg1.png) no-repeat center top;}
.productlsit.type2 .linecont{ background:url(../../../images/youlun/youlun_cp/linebg2.png) no-repeat center top;}
.productlsit.type3 .linecont{ background:url(../../../images/youlun/youlun_cp/linebg3.png) no-repeat center top;}
.nametext{ height:60px;}
.lineimg img{ margin-right:25px; border:6px solid #fff;}
.nametext a{ font-size:18px; line-height:30px;}
.nametext2{ width:670px; height:60px;}
.nametext2 a:hover{ color:#ff6600;}
.highlight{ font-size:18px; color:#ff6600; height:30px; line-height:30px;}
.begaintime{ font-size:18px;}
.begaintime .time{ color:#006ab6;}
.price2{ padding-top:0; width:auto; height:auto;}
.price2 .symbol{ font-size:24px;}
.price2 .pricenum{ font-size:44px;}
.price2 .start{ font-size:24px;}
.buy{ display:inline-block; width:95px; height:95px; background:url(../../../images/youlun/youlun_cp/buybg1.jpg) no-repeat center top;}
.buy:hover{ text-decoration:none; background:url(../../../images/youlun/youlun_cp/buybg2.jpg) no-repeat center top;}

/*其他油轮公司推荐*/
.youlunlist{ padding-top:55px; height:280px; 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; height:250px; margin-left:160px; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { float:left; width:300px; height:250px; 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 93px; width:114px; height:114px; position:relative;}
.logoshadow,.reallogo{ margin-left:-57px; position:absolute; width:114px; height:114px; 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:#2b7a44; border-top:1px dashed #2b7a44; border-bottom:1px dashed #2b7a44;}
.img-list li .branch a{ display:inline;}
.branch{ margin:10px 60px 0 60px; line-height:24px; vertical-align:bottom; font-size:14px;}

/*底部背景设定*/
.foot{ padding-top:20px; height:293px; background:url(../../../images/youlun/youlun_cp/footbg.jpg) no-repeat center top;}

.header_fixed_height,.header_panel,.headerBox,.headerCity{ overflow:visible;}

/*.floatnav{ margin-left:610px; width:38px; height:300px; position:absolute; left:50%; z-index:1001; text-align:right; overflow:visible;}
.question{ width:38px; height:141px; position:absolute; top:0; z-index:1002;}
.questionlist{ margin:27px 0 0 -300px; width:300px; height:141px; background-color:#fff; position:absolute; z-index:1001;}*/
