/* 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}
.xm_content .zjtt{ width:100%; height:70px; line-height:70px; position:relative}

.xm_content .zjtt .name{ float:left; color:#666666; font-size:30px;}
.xm_content .zjtt .btn1{ display:block; position:absolute; right:10px; top:18px; color:#FFFFFF; width:128px; height:38px; line-height:38px; text-align:center; background:#624fc7; font-size:18px; text-decoration:none}

.xm_content .zjlist .zjcase{ position:absolute;right:2px; top:-65px;height:38px; line-height:38px;}
.xm_content .zjlist .zjcase ul{ float:left}
.xm_content .zjlist .zjcase ul li{ cursor:pointer; float:left; padding:0px 25px; background:#cccccc; border-right:#FFFFFF 1px solid; color:#333; font-size:18px;}
.xm_content .zjlist .zjcase ul li.on{ background:#444469; color:#FFFFFF}

.xm_content .zjlist{clear: left; position:relative; margin-bottom:50px;}
.grid {margin-right: -32px;}
.g-clearfix:before {
content: "";
display: table;}
.g-clearfix:after {clear: both;}
.g-clearfix:after, .g-clearfix:before {content: "";display: table;}
.xm_content .zjlist .list{ position:relative; width:289px; height:355px; border:#dedede 1px solid; color:#333333;cursor:pointer; float:left; margin-right:32px; margin-bottom:25px; transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s}
.xm_content .zjlist .list .guoqi{ position:absolute; right:5px; top:5px; z-index:3;}
.xm_content .zjlist .list .pic{ position:absolute; left:0px; top:0px; z-index:2;}
.xm_content .zjlist .list .btn{ position:absolute; width:188px; height:100px; left:50%; margin-left:-94px; top:92px;}
.xm_content .zjlist .list .btn .dd{ width:88px; height:88px; display:table; border-radius:50px; background:rgba(255,255,255,0.6);text-decoration:none; color:#333333; opacity:0; filter:alpha(opacity=0); transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s}
.xm_content .zjlist .list .btn .dd .table-cell{ display:table-cell; vertical-align:middle; text-align:center; font-size:18px; }

.xm_content .zjlist .list:hover{ transform:translateY(-5px);-o-transform:translateY(-5px);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);-moz-transform:translateY(-5px);box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);}
.xm_content .zjlist .list:hover .btn .dd{opacity:1;filter:alpha(opacity=100)}
.xm_content .zjlist .list .btn .dd.on{ background:rgba(255,72,150,0.6); color:#FFFFFF}

.xm_content .zjlist .list .txt{ position:absolute; left:0px; width:100%; top:267px; z-index:3}
.xm_content .zjlist .list .name{ height:46px; line-height:46px; text-align:center}
.xm_content .zjlist .list .name span{ font-size:24px;}
.xm_content .zjlist .list .name2{ font-size:14px;  height:30px; padding-bottom:10px;text-align:center}

.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;}