/* CSS Document */
.relative{ position:relative}
.absolute{ position:absolute;}

.xm_menu_wrap{ width:100%; height:48px; overflow:hidden}
.xm_menu_wrap .xm_menu{ margin:0 auto; width:1226px; height:35px; line-height:35px;}
.xm_menu_wrap .xm_menu ul{ width:100%; overflow:hidden; float:left}
.xm_menu_wrap .xm_menu ul li{ float:left; display:inline;margin:0px 20px; transition:all .3s linear 0s; background:rgba(101,94,138,0) none scroll 0 0 !important; filter:aplha(opacity=0);background:#655e8a}
.xm_menu_wrap .xm_menu ul li a{ position:relative; color:#666666; font-size:18px; display:block; height:100%;padding:0px 20px; }
.xm_menu_wrap .xm_menu ul li a:hover{text-decoration:none}
.xm_menu_wrap .xm_menu ul li.on{background:rgba(101,94,138,1) none scroll 0 0 !important; filter:aplha(opacity=100);background:#655e8a}
.xm_menu_wrap .xm_menu ul li.on a{ color:#FFFFFF}

.xm_ban{ width:100%; height:303px; background:url(../images/xm_ban.jpg) no-repeat scroll center 0;}

.xm_main{ margin:0 auto; width:1228px; position:relative}
.xm_sidebar{ transition:top 0.5s ease 0s;-moz-transition:top 0.5s ease 0s;-webkit-transition:top 0.5s ease 0s; width:242px; position:absolute; top:-90px; background:#FFFFFF}
.xm_content{ float:right; width:940px; position:relative}
.xm_content .nav{ width:100%; height:46px; line-height:46px; text-align:right; color:#666666}

.rizhi{ width:100%; overflow:hidden; padding:20px 0px}
.rizhi .list{ display:block; float:left; width:286px;padding-bottom:102px; /*height:386px;*/ position:relative; border:#dedede 1px solid;margin-left:10px; margin-right:15px; margin-bottom:25px; transition:0.3s}
.rizhi .list img{width:100%;}
.rizhi .list:nth-child(3n){ margin-right:0px;}

.rizhi .list .ltt{ position:absolute; width:100%; height:100px; left:0px; bottom:1px; display:table; box-sizing:border-box; padding:0px 20px; background:#FFFFFF; transition:0.2s}
.rizhi .list .ltt .txt{ display:table-cell; vertical-align:middle}
.rizhi .list .ltt .txt .t1{font-size:18px; line-height:28px;}
.rizhi .list .ltt .txt .t2{ font-size:14px; color:#ff6699; line-height:24px; padding-left:22px; background:url(../images/cao2.jpg) 0 center scroll no-repeat;}
.rizhi .list .ltt .txt .t3{ font-size:14px; color:#ff6699; line-height:24px; padding-left:22px; background:url(../images/cao3.jpg) 0 center scroll no-repeat}
.rizhi .list .ltt .txt .t4{ color:#666666; font-size:14px; line-height:22px;}

.rizhi .list .ltt .l_ico{ width:52px; height:52px; overflow:hidden; left:50%; margin-left:-26px; top:-26px; border-radius:50%; position:absolute; z-index:3; }

.rizhi .list .ltt .txt .t2,.rizhi .list .ltt .txt .t3,.rizhi .list .ltt .txt .t4{ display:none;opacity:0; filter:alpha(opacity:0)}
.rizhi .list:hover{ box-shadow:0 0 4px 3px rgba(0,0,0,0.2); color:#666666}

.rizhi .list:hover .ltt{ height:169px;}

.rizhi .list:hover .ltt .txt .t2,.rizhi .list:hover .ltt .txt .t3,.rizhi .list:hover .ltt .txt .t4{display:block;opacity:1; filter:alpha(opacity:100)}

.xm_sidebar .one{ width:242px; background:#e14897;}
.xm_sidebar .one .tab1{ display:table; width:100%; position:relative; height:90px; line-height:90px; font-size:30px; color:#FFFFFF}
.xm_sidebar .one .tab1 .table-cell{ display:table-cell; text-align:center; vertical-align:middle}
.xm_sidebar .one ul{ width:228px; padding-top:8px; overflow:hidden; background:#FFFFFF}

.xm_sidebar .one ul li{ padding-left:80px; background:url(../images/j1.png) 50px center scroll no-repeat; height:36px; line-height:36px; border-bottom:#e2e2e2 1px solid; transition:all 0s linear 0s;}
.xm_sidebar .one ul li.br{ border-right:0 none}
.xm_sidebar .one ul li a{ display:block; color:#666666; font-size:16px; text-decoration:none;}
.xm_sidebar .one ul li.on{ background:#444469 url(../images/j2.png) no-repeat scroll 50px center;transition:all 0.3s linear 0s}
.xm_sidebar .one ul li.on a{ color:#FFFFFF}

.xm_sidebar .one ul li:hover{ background:#444469 url(../images/j2.png) no-repeat scroll 50px center;transition:all 0.3s linear 0s}
.xm_sidebar .one ul li:hover a{ color:#FFFFFF}

.xm_sidebar .two{ width:290px; overflow:hidden}
.xm_sidebar .two .tt1{ font-size:18px; height:32px; line-height:32px; padding-bottom:5px;}

.adon{ position:fixed; z-index:999; top:0px; }
.adon1{ position:fixed; z-index:999; top:-50px;}



.xm_banth{position: relative; width:100%; height:303px; background:url(../images/xm_ban.jpg) no-repeat top center; margin:0 auto; cursor: pointer;}
.add-ship{ width:100%; height:100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; display:none; z-index:999}
.add-ship .diji-gb{ position: absolute; top: 10px; right:10px; width:40px; cursor: pointer; z-index: 112;}
.add-ship .videoPlay{width:640px; height:303px; padding:0;text-align:left !important; position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);}