@charset "utf-8";
body{ background: #fff; }
#content{ max-width: none; margin-top: 0; margin-bottom: 0; }
.rowgroup{ padding: 30px 0; }
.row{ margin-bottom: 30px; }
.row.last{ margin-bottom: 0; }
.column-4{ float: left; width: 379px; margin-right: 21px; }
.column-6{ float: left; width: 590px; margin-right: 20px; }
.column-4.last,
.column-6.last{ margin-right: 0; }

/* 图片切换 */
.slidebox,
.slidebox .bd .pic img{ width: 100%; height: auto; }

/* 图标特效 */
.effecticon li a,
.effecticon li a:before{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.effecticon li a:hover:before{
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg);
}

/* banner */
.pagebanner{ display: none; }
.banner{ position: relative; height: 540px; }
.banner .bd li{ background-size: auto 100% !important; }
.banner .bd li a{ height: 540px !important; }
.banner .bd .con{ display: none; }
.banner .hd{ position: absolute; left: 0; width: 100%; bottom: 40px; text-align: center; font-size: 0; line-height: 1; }
.banner .hd li{ display: inline-block; vertical-align: top; width: 24px; height: 7px; margin: 0 5px; background: #fff; overflow: hidden; line-height: 999px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.banner .hd li.on{ opacity: 1; filter: alpha(opacity=100); }

/* 快捷导航 */
#quickmenu{ margin: 0 -10px; }
#quickmenu li{ position: relative; float: left; width: 283px; margin: 0 10px; border: 1px solid #e8e8e7; border-radius: 3px; background: url(/uploads/image/cmbimg/icons-quick.png) no-repeat right top;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
#quickmenu li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-transform: translatey(-8px);
    transform: translatey(-8px);
}
#quickmenu li a{ display: block; position: relative; z-index: 1; height: 67px; padding: 20px 26px 0; font-weight: bold; font-size: 16px; text-decoration: none; }
#quickmenu li .en{ position: absolute; font-size: 14px; color: #999; left: 26px; top: 45px; }
#quickmenu .li2{ background-position: right -112px; }
#quickmenu .li3{ background-position: right -223px; }
#quickmenu .li4{ background-position: right -335px; }

#news .defaultbox>.bd{ height: 418px; }
#news .nodeinfo .pic{ margin-bottom: 12px; }
#news .nodeinfo .pic img{ display: block; width: 100%; height: 190px; }
#news .nodeinfo .intro{ text-indent: 2em; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 8px; border-bottom: 1px dotted #ccc; padding-bottom: 9px; }

/* 交易及市场日历 */
#grouper{ background: #eee url(/uploads/image/cmbimg/bg-calendar.jpg) no-repeat center bottom; height: 393px; padding: 76px 0 72px; }
#grouper .sitewidth{ height: 100%; }
#grouper .calendarbox{ position: absolute; left: 20px; bottom: 0; width: 410px; padding-left: 40px; padding-right: 40px; }
#grouper .calendarbox>.hd h3{ font-size: 18px; line-height: 42px; height: 42px; }
#grouper .calendarbox>.hd .toolbar{ margin: 0; }
#grouper .calendarbox>.bd{ min-height: 248px; }
#grouper .tablecalendar td{ padding-top: 5px; padding-bottom: 5px; font-size: 16px; }
#grouper .tablecalendar th{ padding-top: 9px; padding-bottom: 9px; }

#grouper .eventbox{ display: none; position: fixed; z-index: 2; left: 0; top: 50%; right: 0; margin: auto; width: 800px; height: auto;  border-radius: 4px; padding-top: 0; border: none; overflow: hidden;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
#grouper .eventbox>.hd{ line-height: 80px; height: 80px; }
#grouper .eventbox>.hd .logo{ float: left; margin: 18px 20px 0 0; }
#grouper .eventbox>.hd .logo img{ display: block; height: 44px; max-width: 300px; }
#grouper .eventbox>.hd .closebtn{ margin: 20px 0 0; }

#grouper .telephone{ float: right; width: 500px; height: 121px;; margin: 140px 20px 0 0; background: #d74348; background: rgba(215, 67, 72, .9); text-align: center; border-radius: 500px 0 0 500px; }
#grouper .telephone img{ margin-top: 33px; }


/* 图标菜单 */
.menuiconlist{ position: relative; margin: 0 -0.83%; }
.menuiconlist li{ float: left; width: 23.34%; margin: 1.66% 0.83% 0; }
.menuiconlist li a{ display: block; height: 274px; background: #eeeeee; font-size: 20px; font-weight: bold; text-align: center; overflow: hidden; text-decoration: none; }
.menuiconlist li a:before{ display: block; content: ''; width: 100px; height: 100px; margin: 68px auto 16px; background: #fff  no-repeat 0 0; border: 3px solid #e3e3e3; border-radius: 50%; }
.menuiconlist .li2 a:before{ background-position: -100px 0; }
.menuiconlist .li3 a:before{ background-position: -200px 0; }
.menuiconlist .li4 a:before{ background-position: -300px 0; }
.menuiconlist li a:hover:before{ border-color: #ffd1d3; }
    .menuiconlist li a:hover{ background: #d74348; color: #fff;
    transform: translatey(-8px);
    -webkit-transform: translatey(-8px);
}

/* 文字菜单 */
.menutxtlist{ position: relative; margin: 0 -0.83%; }
.menutxtlist li{ position: relative; float: left; width: 23.34%; margin: 0.83%; background: #f8e6e6; border-radius: 4px; }
.menutxtlist li a{ position: relative; display: block; height: 54px; line-height: 54px; padding: 0 12px; font-size: 18px; text-align: center; overflow: hidden; text-decoration: none; color: #664a4b; }
.menutxtlist li:before{ position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: #d74348; visibility: hidden; opacity: 0; border-radius: 4px;
    -webkit-transform: rotatex(90deg);
    transform: rotatex(90deg);
}
.menutxtlist li a,
.menutxtlist li:before{
    -webkit-transition: all ease .8s;
    transition: all ease .8s;
}
.menutxtlist li:hover:before{ visibility: visible; opacity: 1;
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

.menutxtlist li a:hover{ color: #fff; }

/*--
颜色代码
#b01f24 深色标题m
#ddd 淡色边框
--*/