@charset "utf-8";
body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    list-style-type: none;
    font-family: 'microsoft yahei';
    background-color: #a0a0a0;
}

* {
    box-sizing: border-box;
}

ul,
li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

img {
    border: 0px;
    vertical-align: top;
    outline-width: 0;
    padding: 0 !important;
    margin: 0 !important;
}

ul,
ol,
dl {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5em;
    margin: 10px 10px 10px 10px;
    font-size: 14px;
}

p {
    margin: 10px 10px 10px 10px;
}

a img {
    border: none;
}

a:link {
    text-decoration: none;
    color: #333;
}

:visited {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
    color: #F95600;
}

a:active {
    text-decoration: none;
    color: #ccc;
}

.container {
    width: 1150px;
    /* background-color: #FFF; */
    margin: 0 auto;
}

.index {
    width: 100%;
    height: 600px;
    border: 1px solid #FFF;
    background-color: #FFF;
    float: none;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.header {
    height: 500px;
    background-color: #313131;
    float: none;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.case {
    margin: 0 auto;
    width: 1150px;
    height: 620px;
    border: 1px solid #FFF;
    background-color: #FFF;
    float: center;
    padding-bottom: 0px;
}

.content {
    margin: 0 auto;
    width: 1150px;
    height: 100px;
    border: 1px solid #FFF;
}

.footer {
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    width: 1150px;
    height: 110px;
    line-height: 30px;
    margin-top: 22px;
    font-size: 10px;
}

.footer span{ display:block; width:100%; height:32px; line-height:32px; font-size:12px; color:#000;}
.footer span a{ font-size:14px;}

.footer a {
    color: #000000;
}

.ban {
    margin: 0 auto;
    padding: 0;
    height: auto;
    line-height: 17px;
    margin-top: 6px;
    color: #000000;
    font-size: 14px !important;
}

.fltrt {
    float: right;
    margin-right: 70px;
    margin-top: -310px
}

.fltlft {
    padding: 0 20px;
    float: left;
    margin-right: 8px;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.aboutus {
    width: 1150px;
    height: 378px;
    margin: 0 auto;
    border: 1px solid #FFF;
    background: url(../images/313.jpg) no-repeat 0px center;
}


/****/

.menu {
    margin: 0 auto;
    width: 1150px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    position: relative;
}

.menu ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.menu ul li {
    height: 30px;
    float: left;
    cursor: pointer;
}

.cateout:link {
    padding: 0 4px;
    color: #111;
    width: auto;
    float: left;
    display: block;
    height: 28px;
}

.cateout:visited {
    padding: 0 4px;
    color: #111;
    width: auto;
    float: left;
    display: block;
    height: 28px;
}

.cateout:hover {
    padding: 0 4px;
    width: auto;
    float: left;
    display: block;
    height: 28px;
    background: url(../images/hv.jpg) 5px 0px no-repeat;
    text-decoration: none;
    color: #e60012;
}

.cateout:active {
    padding: 0 4px;
    color: #111;
    width: auto;
    float: left;
    display: block;
    height: 28px;
}

.cateon:link {
    width: auto;
    float: left;
    display: block;
    height: 28px;
    padding: 0 4px;
    background: url(../images/hx.jpg) 5px 0px no-repeat;
    text-decoration: none;
    color: #e60012;
}

.cateon:visited {
    width: auto;
    float: left;
    display: block;
    height: 28px;
    padding: 0 4px;
    background: url(../images/hx.jpg) 5px 0px no-repeat;
    text-decoration: none;
    color: #e60012;
}

.cateon:hover {
    width: auto;
    float: left;
    display: block;
    height: 28px;
    padding: 0 4px;
    background: url(../images/hv.jpg) 5px 0px no-repeat;
    text-decoration: none;
    color: #e60012;
}

.cateon:active {
    width: auto;
    float: left;
    display: block;
    height: 28px;
    padding: 0 4px;
    background: url(../images/hx.jpg) 5px 0px no-repeat;
    text-decoration: none;
    color: #e60012;
}


/***子菜单***/

.m_bt1 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 0px;
    top: 20px;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 2000;
    display: none;
}

.m_bt1 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt1 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.m_bt2 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 42px;
    top: 20px;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 2000;
    display: none;
}

.m_bt2 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt2 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.m_bt3 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 88px;
    top: 20px;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 2000;
    display: none;
}

.m_bt3 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt3 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.m_bt4 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 136px;
    top: 20px;
    z-index: 40000;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
}

.m_bt4 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt4 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.m_bt5 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 225px;
    top: 20px;
    z-index: 40000;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
}

.m_bt5 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt5 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.m_bt6 {
    width: 130px;
    height: auto;
    padding-top: 12px;
    position: absolute;
    left: 278px;
    top: 20px;
    z-index: 40000;
    background: url(../images/wbg.png);
    text-indent: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none;
}

.m_bt6 a {
    display: block;
    width: 94%;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    overflow: hidden;
    color: #555;
    border-bottom: 1px solid #ccc;
}

.m_bt6 a:hover {
    color: #f95600;
    border-bottom: 1px solid #f95600;
}

.er6:hover .m_bt6 {
    display: block;
}

.er5:hover .m_bt5 {
    display: block;
}

.er4:hover .m_bt4 {
    display: block;
}

.er3:hover .m_bt3 {
    display: block;
}

.er2:hover .m_bt2 {
    display: block;
}

.er1:hover .m_bt1 {
    display: block;
}

.menu1 {
    width: 1156px;
    position: absolute;
    border-bottom: #CCC 1px solid;
    left: 0px;
    top: 426px;
    z-index: 0;
    padding: 0 0px;
}

.menu2 {
    font-family: 'icomoon';
    font-size: 52px;
    color: #D6D6D6;
    font-weight: bold;
    text-align: right;
    background-color: #fff;
    margin: -15px 0 0 0px;
    width: 1168px;
    height: 52px;
}

.menu3 {
    margin: -36px 0px 0px 0px;
    width: 1168px;
    height: 24px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #fff;
    font-family: 'icomoon';
    font-size: 24px;
    color: #8D8A8A;
    font-weight: normal;
    text-align: right;
}

.menu4 {
    margin: -10px 0;
    width: 1168px;
    height: 22px;
    font-size: 22px;
    color: #666;
    font-weight: normal;
    text-align: right;
}

.jobs {
    margin: 0 auto;
    width: 1150px;
    border: 1px solid #FFF;
    overflow: hidden
}

.jobs img {
    float: left;
    width: 400px;
    height: 500px;
}

.contact {
    width: 1150px;
    background-color: #FFF;
    border: 1px solid #fff;
    margin: 0 auto;
}

ol,
ul {
    list-style: none;
}

a:link,
a:visited,
ins {
    text-decoration: none;
}

a {
    text-decoration: none;
}

.hidefont {
    font-size: 0;
    text-indent: -9999em;
}

.clearfix {
    clear: both;
    *zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.page {
    margin: 0px auto;
    width: 1150px;
    height: 100px;
    /* border: 1px solid #FFF;*/
    float: center;
    padding-bottom: 0px;
}

ul,
li {
    list-style: none;
}

#CNRYD_nav div,
#CNRYD_nav ul,
#CNRYD_nav li,
#CNRYD_nav {
    padding: 0;
    margin: 0;
}

#CNRYD_nav {
    height: 0;
    line-height: 0;
    width: 1150px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    z-index: 9999;
}

#CNRYD_nav ul {
    list-style: none;
    width: 1150px;
    height: 60px;
    top: 36px;
    position: absolute;
    z-index: 99;
    left: 0px;
}

#CNRYD_nav .CNRYD-bg,
#CNRYD_nav .CNRYD-item,
#CNRYD_nav .CNRYD-arrow,
#CNRYD_nav ul .CNRYD-item a .CNRYD-more,
#CNRYD_nav .CNRYD-logo {
    background: url(../images/logo.png) no-repeat;
}

.footer p {
    height: 20px !important;
}

#CNRYD_nav .CNRYD-logo {
    background-position: 0 -70px;
    position: absolute;
    width: 430px;
    height: 67px;
    top: -10px;
    left: -416px;
}

.CNRYD-first a {
    text-align: right !important;
    padding-right: 16px !important;
}

#CNRYD_nav ul .CNRYD-item {
    width: 100px;
    height: 50px;
    float: left;
    background-position: -5px 0;
    position: relative;
    left: 34%;
}

#CNRYD_nav ul .CNRYD-item:hover div {
    display: block;
}

#CNRYD_nav ul .CNRYD-first {
    background-position: 0 0;
}

#CNRYD_nav ul .CNRYD-last {
    background-position: -43px 0;
}

#CNRYD_nav ul .CNRYD-bg {
    background-position: -345px 0;
}

#CNRYD_nav ul .CNRYD-item a {
    color: #444;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    line-height: 48px;
    _line-height: 50px;
    text-align: center;
    text-decoration: none;
}

#CNRYD_nav ul .CNRYD-item a:hover {
    color: #F95600;
    font-size: 16px;
}

#CNRYD_nav ul .CNRYD-current .CNRYD-bg {
    color: #ff5069;
}

#CNRYD_nav ul .CNRYD-item a .CNRYD-more {
    -webkit-text-size-adjust: none;
    font-size: 0;
    height: 0;
    width: 0;
    padding: 2px 4px;
    background-position: -24px -65px;
    position: relative;
    top: -4px;
    left: 6px;
    z-index: 99;
    _margin-top: 22px;
    _top: 0px;
    *zoom: 1;
}

#CNRYD_nav ul .CNRYD-item .zj {
    display: none;
    background-color: #FFF;
    opacity: 0.8;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: 46px;
    left: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    width: 100%;
    font-family: "微软雅黑";
}
#CNRYD_nav ul .CNRYD-item .zj .dx {
    width: 100%; position:relative;
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 45px;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}
#CNRYD_nav ul .CNRYD-item .zj .dx a{ font-size:12px; font-weight:normal;}
#CNRYD_nav ul .CNRYD-item .zj .dx:hover a{ font-size:14px; color:#f60;}
#CNRYD_nav ul .CNRYD-item .zj .dx .three{ background:rgba(255,255,255,0.8); left:99px; top:0; width:130px; position:absolute; border-radius:0 5px 5px 0; display:none;}
#CNRYD_nav ul .CNRYD-item .zj .dx:hover .three{ display:block;}
#CNRYD_nav ul .CNRYD-item .zj .dx .three dl dd{ line-height:28px; text-align:center; margin:0; padding:0;}
#CNRYD_nav ul .CNRYD-item .zj .dx .three dl dd a{ font-size:12px; color:#666 !important;}
#CNRYD_nav ul .CNRYD-item .zj .dx .three dl dd a:hover{ font-size:12px !important; color:#666 !important;}
#CNRYD_nav .CNRYD-arrow {
    display: block;
    font-size: 0;
    height: 7px;
    position: absolute;
    top: -7px;
    width: 14px;
    margin-left: -7px;
    left: 50%;
    background-position: 0 -63px;
}

#CNRYD_nav ul .CNRYD-list div {
    display: block;
}

#CNRYD_nav ul .CNRYD-item .CNRYD-list-last {
    border: none;
}



.cnryd {
    position: relative;
    width: 1150px;
    height: 382px;
    border: 0px solid #FFF;
}

.cnryd a:hover img {
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8
}

.cnryd-a-179-242 {
    position: absolute;
    width: 179px;
    height: 241px;
    left: 2px;
    top: 2px;
}

.cnryd-a-191-242 {
    position: absolute;
    width: 191px;
    height: 241px;
    left: 183px;
    top: 2px;
}

.cnryd-a-193-242 {
    position: absolute;
    width: 193px;
    height: 241px;
    left: 376px;
    top: 2px;
}

.cnryd-a-179-135 {
    position: absolute;
    width: 179px;
    height: 135px;
    left: 2px;
    bottom: 2px;
}

.cnryd-a-191-135 {
    position: absolute;
    width: 191px;
    height: 135px;
    left: 183px;
    bottom: 2px;
}

.cnryd-a-193-135 {
    position: absolute;
    width: 193px;
    height: 135px;
    left: 376px;
    bottom: 2px;
}

.cnryd-a-269-378 {
    position: absolute;
    width: 269px;
    height: 378px;
    right: 316px;
    top: 2px;
}

.cnryd-a-311-378 {
    position: absolute;
    width: 311px;
    height: 378px;
    right: 3px;
    top: 2px;
}

.cnryd-a2-179-242 {
    position: absolute;
    width: 179px;
    height: 241px;
    left: 2px;
    top: 2px;
}

.cnryd-a2-191-242 {
    position: absolute;
    width: 191px;
    height: 241px;
    left: 183px;
    top: 2px;
}

.cnryd-a2-193-242 {
    position: absolute;
    width: 193px;
    height: 241px;
    left: 376px;
    top: 2px;
}

.cnryd-a2-179-135 {
    position: absolute;
    width: 179px;
    height: 136px;
    left: 2px;
    top: 246px;
}

.cnryd-a2-191-135 {
    position: absolute;
    width: 191px;
    height: 135px;
    left: 183px;
    top: 246px;
}

.cnryd-a2-193-135 {
    position: absolute;
    width: 193px;
    height: 135px;
    left: 376px;
    top: 246px;
}

.cnryd-a2-269-378 {
    position: absolute;
    width: 269px;
    height: 378px;
    right: 316px;
    top: 2px;
}

.cnryd-a2-311-378 {
    position: absolute;
    width: 311px;
    height: 378px;
    right: 3px;
    top: 2px;
}

.cnryd-b-344-378 {
    position: absolute;
    width: 344px;
    height: 378px;
    left: 2px;
    top: 2px;
}

.cnryd-b-243-187 {
    position: absolute;
    width: 243px;
    height: 187px;
    left: 348px;
    top: 2px;
}

.cnryd-b-281-187 {
    position: absolute;
    width: 281px;
    height: 187px;
    right: 282px;
    top: 2px;
}

.cnryd-b-173-189 {
    position: absolute;
    width: 173px;
    height: 189px;
    left: 348px;
    bottom: 2px;
}

.cnryd-b-351-189 {
    position: absolute;
    width: 351px;
    height: 189px;
    right: 282px;
    bottom: 2px;
}

.cnryd-b-277-378 {
    position: absolute;
    width: 277px;
    height: 378px;
    right: 3px;
    top: 2px;
}

.cnryd-c-291-378 {
    position: absolute;
    width: 291px;
    height: 378px;
    left: 2px;
    top: 2px;
}

.cnryd-c-196-378 {
    position: absolute;
    width: 196px;
    height: 378px;
    left: 295px;
    top: 2px;
}

.cnryd-c-420-378 {
    position: absolute;
    width: 420px;
    height: 378px;
    right: 243px;
    top: 2px;
}

.cnryd-c-238-378 {
    position: absolute;
    width: 238px;
    height: 378px;
    right: 3px;
    top: 2px;
}

.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 200px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    font-size: 14px;
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top {
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}

.hd_qr {
    padding: 0px 0px 0px 12px;
}

.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}

.da-thumbs {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.da-thumbs li {
    float: left;
    margin: 0.4%;
    background: #586165;
    padding: 5px;
    position: relative;
    width: 32.4%;
}

.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
    width: 100%;
}

.da-thumbs li a {
    overflow: hidden;
}

.da-thumbs li a div {
    position: absolute;
    background: rgba(182, 61, 61, 0.76);
    width: 100%;
    height: 100%;
}

.da-thumbs li a div span {
    display: block;
    padding: 10px 0;
    margin: 11px 20px 20px 20px;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.da-thumbs li a div h5 {
    color: #FFF;
    font-size: 30px;
    margin: 3.5em 0 0 0;
    text-align: center;
}

.ui-tips {
    padding: 8px 12px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    zoom: 1;
    border: 1px solid;
    border-color: #bce8f1;
    background-color: #d9edf7;
    color: #3a87ad
}

.ui-tips-icon {
    font-size: 1.5em;
    line-height: 1em;
    color: #3a87ad;
    float: left;
    position: relative;
    top: 1px
}

.ui-tips-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48
}

.ui-tips-error .ui-tips-icon {
    color: #b94a48
}

.ui-tips-warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853
}

.ui-tips-warning .ui-tips-icon {
    color: #c09853
}

.ui-tips-warning.xb-list-tips img {
    margin: 0 2px
}

.ui-tips-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.ui-tips-success .ui-tips-icon {
    color: #468847
}

.ui-tips-bd {
    padding-left: 25px;
    padding-right: 15px;
    line-height: 20px
}

.ui-tips-close {
    position: absolute;
    right: 8px;
    top: 0;
    color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    cursor: pointer
}

.ui-tips-pop {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    z-index: 510
}

.ui-tooltip {
    position: absolute;
    z-index: 100;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: .8;
    filter: alpha(opacity=80)
}

.ie-update {
    background: #fcf8e3;
    border: 2px solid #fbeed5;
    padding: 2px;
    text-align: center;
    font-size: 14px
}

.blue {
    color: #ff9400;
    font-weight: bold;
    font-style: normal;
    font-size: 16px
}

.firsttpl {
    /* margin-top: 50px;*/
    /* background-color: #a9a9a9 */
}

.firsttpl .ui-header-search .search-query {
    bottom: 2px;
    padding-left: 195px
}

.firsttpl .ui-header-bd-delimiter {
    color: #F00;
    display: inline-block;
    margin: 14px 6px 0 6px
}

.firsttpl .ui-header-entry a:hover {
    color: #fff;
    text-decoration: none
}

.firsttpl .ui-header-bd .ui-logo-sub .item-txt {
    font-size: 17px
}

.firsttpl .ui-header-bd .ui-logo-sub {
    width: 305px
}

#direct-opacity {
    position: fixed;
    _position: absolute;
    text-align: center;
    top: 128px;
    width: 1156px;
    height: 380px;
    _height: expression(eval(document.body.offsetHeight)+"px");
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 10000;
}

#direct-wrap {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -640px;
    padding: 0 178px 0 450px;
    width: 652px;
    height: 612px;
    z-index: 10001;
}

#direct-wrap .background {
    width: 392px;
    height: 612px;
    background: url(../images/border.png) no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='../images/border.png', sizingMethod='crop');
}

#direct-wrap .hand {
    position: absolute;
    left: 615px;
    top: 170px;
    width: 67px;
    height: 109px;
    -webkit-animation: direct 3s linear infinite;
    -moz-animation: direct 3s linear infinite;
    -ms-animation: direct 3s linear infinite;
    animation: direct 3s linear infinite;
    overflow: hidden;
    background: url(../images/hand.png) no-repeat;
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='../images/hand.png', sizingMethod='crop');
}

#direct-wrap .enter-btn {
    border: 1px dashed #CACACA;
    position: absolute;
    left: 68px;
    top: 127px;
    width: 1145px;
    height: 369px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999em;
}

@-webkit-keyframes direct {
    0% {
        top: 170px;
    }
    45% {
        top: 187px;
    }
    55% {
        top: 187px;
    }
    90% {
        top: 170px;
    }
    100% {
        top: 170px;
    }
}

@-moz-keyframes direct {
    0% {
        top: 170px;
    }
    45% {
        top: 187px;
    }
    55% {
        top: 187px;
    }
    90% {
        top: 170px;
    }
    100% {
        top: 170px;
    }
}

@-ms-keyframes direct {
    0% {
        top: 170px;
    }
    45% {
        top: 187px;
    }
    55% {
        top: 187px;
    }
    90% {
        top: 170px;
    }
    100% {
        top: 170px;
    }
}

@keyframes direct {
    0% {
        top: 170px;
    }
    45% {
        top: 187px;
    }
    55% {
        top: 187px;
    }
    90% {
        top: 170px;
    }
    100% {
        top: 170px;
    }
}


/*********/

.container {
    margin: 9px auto;
}

.pagespan {
    width: 1150px;
    padding-top: 13px;
}

.wrap {
    position: relative;
    margin: 0;
}

.frame {
    height: 150px;
    line-height: 150px;
    overflow: hidden;
}

.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 50px;
}

.frame ul li {
    float: left;
    width: 227px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
    background: #FFF;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.frame ul li.active {
    color: #FFF;
    background: #FFF;
}

.scrollbar {
    display: none;
    /* margin: 20px auto 30px; */
    width: 1150px;
    height: 30px;
    background: url(../images/scrollbar.png) repeat-x left center;
    line-height: 0;
}

.scrollbar .handle {
    width: 100px;
    height: 30px;
    background: url(../images/gunbar.png) no-repeat left top;
    cursor: pointer;
}

.scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 30px;
}

.controls {
    margin: 0px 0;
    text-align: center;
}

.controls button,
.controls button {
    background: transparent;
    border: 0;
    color: #6666;
    opacity: .5;
}

.controls button:hover,
.controls button:hover {
    opacity: 1;
}

.controls button:disabled,
.controls button:disabled {
    opacity: .2;
}

.controls .prev,
.controls .next {
    width: 100px;
    height: 450px;
    position: absolute;
    z-index: 0;
    cursor: pointer;
}

.controls .prev {
    background: url(../images/prev.png) no-repeat center;
    left: 0px;
    margin-left: -78px;
}

.controls .next {
    background: url(../images/next.png) no-repeat center;
    right: 0px;
    margin-right: -78px;
}

.oneperframe {
    height: 384px;
    line-height: 100%;
}

.oneperframe ul li {
    width: 1150px;
}

.oneperframe ul li.active {
    background: #FFF;
}


/****关于我们****/

.conet {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    line-height: 24px;
    min-height: 520px;
    overflow: hidden;
    border-bottom: 1px solid #333333;
}

.nfont {
    font-size: 15px;
}


/* .gbg {
    background: url(../images/guan.jpg) bottom right no-repeat;
} */

.jbg {
    background: url(../images/job.jpg) bottom left no-repeat;
}

.zhao {
    width: 600px;
    height: auto;
    margin-left: 590px;
    overflow: hidden;
}

.sx {
    width: 100px;
    height: 25px;
    background: url(../images/s.jpg) right 18px no-repeat;
}


/*****案例一张图片模板******/

.cnryd11 {
    width: 1150px;
    height: 436px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.cnryd11 img {
    display: block;
    width: 1150px;
    height: 436px;
}

.cntxt11 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd11:hover .cntxt11 {
    display: block;
}


/*****案例二张图片模板******/

.cnryd21 {
    width: 575px;
    height: 436px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.cnryd21 img {
    display: block;
    width: 575px;
    height: 436px;
}

.cntxt21 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd21:hover .cntxt21 {
    display: block;
}

.cnryd22 {
    width: 575px;
    height: 436px;
    position: absolute;
    left: 577px;
    top: 2px;
}

.cnryd22 img {
    display: block;
    width: 575px;
    height: 436px;
}

.cntxt22 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd22:hover .cntxt22 {
    display: block;
}


/*****案例三张图片模板******/

.cnryd31 {
    width: 383px;
    height: 436px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.cnryd31 img {
    display: block;
    width: 383px;
    height: 436px;
}

.cntxt31 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd31:hover .cntxt31 {
    display: block;
}

.cnryd32 {
    width: 383px;
    height: 436px;
    position: absolute;
    left: 385px;
    top: 2px;
}

.cnryd32 img {
    display: block;
    width: 383px;
    height: 436px;
}

.cntxt32 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd32:hover .cntxt32 {
    display: block;
}

.cnryd33 {
    width: 386px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.cnryd33 img {
    display: block;
    width: 386px;
    height: 436px;
}

.cntxt33 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden; border:none;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd33:hover .cntxt33 {
    display: block;
}


/*****案例四张图片模板******/

.cnryd41 {
    width: 290px;
    height: 436px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.cnryd42 {
    width: 200px;
    height: 436px;
    position: absolute;
    left: 292px;
    top: 2px;
}

.cnryd43 {
    width: 425px;
    height: 436px;
    position: absolute;
    left: 494px;
    top: 2px;
}

.cnryd44 {
    width: 235px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.cnryd41 img {
    display: block;
    width: 290px;
    height: 436px;
}

.cnryd42 img {
    display: block;
    width: 200px;
    height: 436px;
}

.cnryd43 img {
    display: block;
    width: 425px;
    height: 436px;
}

.cnryd44 img {
    display: block;
    width: 235px;
    height: 436px;
}

.cntxt41 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt42 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt43 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt44 {
    width: 96%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    padding: 0px 2%;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd41:hover .cntxt41 {
    display: block;
}

.cnryd42:hover .cntxt42 {
    display: block;
}

.cnryd43:hover .cntxt43 {
    display: block;
}

.cnryd44:hover .cntxt44 {
    display: block;
}


/*****案例五张图片模板******/

.cnryd51 {
    width: 180px;
    height: 240px;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.cnryd52 {
    width: 180px;
    height: 194px;
    position: absolute;
    left: 0px;
    top: 244px;
}

.cnryd53 {
    width: 420px;
    height: 436px;
    position: absolute;
    left: 182px;
    top: 0px;
}

.cnryd54 {
    width: 235px;
    height: 436px;
    position: absolute;
    left: 604px;
    top: 0px;
}


/*background:#090*/

.cnryd55 {
    width: 315px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 0px
}


/*;background:#000*/

.cnryd51 img {
    display: block;
    width: 180px;
    height: 240px;
}

.cnryd52 img {
    display: block;
    width: 180px;
    height: 194px;
}

.cnryd53 img {
    display: block;
    width: 420px;
    height: 436px;
}

.cnryd54 img {
    display: block;
    width: 235px;
    height: 436px;
}

.cnryd55 img {
    display: block;
    width: 315px;
    height: 436px;
}

.cntxt51 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt52 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt53 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt54 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt55 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd51:hover .cntxt51 {
    display: block;
}

.cnryd52:hover .cntxt52 {
    display: block;
}

.cnryd53:hover .cntxt53 {
    display: block;
}

.cnryd54:hover .cntxt54 {
    display: block;
}

.cnryd55:hover .cntxt55 {
    display: block;
}


/*****案例六张图片模板******/

.cnryd61 {
    width: 368px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.cnryd62 {
    width: 320px;
    height: 436px;
    position: absolute;
    right: 370px;
    top: 2px;
}

.cnryd63 {
    width: 230px;
    height: 268px;
    position: absolute;
    right: 692px;
    top: 2px;
}

.cnryd64 {
    width: 230px;
    height: 162px;
    position: absolute;
    right: 692px;
    top: 272px;
}

.cnryd65 {
    width: 232px;
    height: 268px;
    position: absolute;
    left: 0;
    top: 2px;
}

.cnryd66 {
    width: 232px;
    height: 162px;
    position: absolute;
    left: 0;
    top: 272px;
}

.cnryd61 img {
    display: block;
    width: 368px;
    height: 436px;
}

.cnryd62 img {
    display: block;
    width: 320px;
    height: 436px;
}

.cnryd63 img {
    display: block;
    width: 230px;
    height: 268px;
}

.cnryd64 img {
    display: block;
    width: 230px;
    height: 162px;
}

.cnryd65 img {
    display: block;
    width: 232px;
    height: 268px;
}

.cnryd66 img {
    display: block;
    width: 232px;
    height: 162px;
}


/*文字标题*/

.cntxt61 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt62 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt63 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
}

.cntxt64 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt65 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt66 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}


/**移动显示**/

.cnryd61:hover .cntxt61 {
    display: block;
}

.cnryd62:hover .cntxt62 {
    display: block;
}

.cnryd63:hover .cntxt63 {
    display: block;
}

.cnryd64:hover .cntxt64 {
    display: block;
}

.cnryd65:hover .cntxt65 {
    display: block;
}

.cnryd66:hover .cntxt66 {
    display: block;
}


/*****案例七张图片模板******/

.cnryd71 {
    width: 228px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.cnryd72 {
    width: 228px;
    height: 436px;
    position: absolute;
    right: 230px;
    top: 2px;
}

.cnryd73 {
    width: 234px;
    height: 436px;
    position: absolute;
    right: 460px;
    top: 2px;
}

.cnryd74 {
    width: 228px;
    height: 268px;
    position: absolute;
    right: 696px;
    top: 2px;
}

.cnryd75 {
    width: 228px;
    height: 162px;
    position: absolute;
    right: 696px;
    top: 272px;
}

.cnryd76 {
    width: 229px;
    height: 268px;
    position: absolute;
    left: 0;
    top: 2px;
}

.cnryd77 {
    width: 229px;
    height: 162px;
    position: absolute;
    left: 0;
    top: 272px;
}

.cnryd71 img {
    display: block;
    width: 228px;
    height: 436px;
}

.cnryd72 img {
    display: block;
    width: 228px;
    height: 436px;
}

.cnryd73 img {
    display: block;
    width: 234px;
    height: 436px;
}

.cnryd74 img {
    display: block;
    width: 228px;
    height: 268px;
}

.cnryd75 img {
    display: block;
    width: 228px;
    height: 162px;
}

.cnryd76 img {
    display: block;
    width: 229px;
    height: 268px;
}

.cnryd77 img {
    display: block;
    width: 229px;
    height: 162px;
}


/*文字标题*/

.cntxt71 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt72 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt73 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
}

.cntxt74 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt75 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt76 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt77 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}


/**移动显示**/

.cnryd71:hover .cntxt71 {
    display: block;
}

.cnryd72:hover .cntxt72 {
    display: block;
}

.cnryd73:hover .cntxt73 {
    display: block;
}

.cnryd74:hover .cntxt74 {
    display: block;
}

.cnryd75:hover .cntxt75 {
    display: block;
}

.cnryd76:hover .cntxt76 {
    display: block;
}

.cnryd77:hover .cntxt77 {
    display: block;
}


/*****案例八张图片模板******/

.cnryd81 {
    width: 180px;
    height: 240px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.cnryd82 {
    width: 180px;
    height: 194px;
    position: absolute;
    left: 0px;
    top: 244px;
}

.cnryd83 {
    width: 180px;
    height: 240px;
    position: absolute;
    left: 182px;
    top: 2px;
}

.cnryd84 {
    width: 180px;
    height: 194px;
    position: absolute;
    left: 182px;
    top: 244px;
}

.cnryd85 {
    width: 180px;
    height: 240px;
    position: absolute;
    left: 364px;
    top: 2px;
}

.cnryd86 {
    width: 180px;
    height: 194px;
    position: absolute;
    left: 364px;
    top: 244px;
}

.cnryd87 {
    width: 270px;
    height: 436px;
    position: absolute;
    left: 546px;
    top: 2px;
}

.cnryd88 {
    width: 338px;
    height: 436px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.cnryd81 img {
    display: block;
    width: 180px;
    height: 240px;
}

.cnryd82 img {
    display: block;
    width: 180px;
    height: 194px;
}

.cnryd83 img {
    display: block;
    width: 180px;
    height: 240px;
}

.cnryd84 img {
    display: block;
    width: 180px;
    height: 194px;
}

.cnryd85 img {
    display: block;
    width: 180px;
    height: 240px;
}

.cnryd86 img {
    display: block;
    width: 180px;
    height: 194px;
}

.cnryd87 img {
    display: block;
    width: 270px;
    height: 436px;
}

.cnryd88 img {
    display: block;
    width: 338px;
    height: 436px;
}

.cntxt81 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt82 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt83 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt84 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt85 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt86 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt87 {
    width: 100;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cntxt88 {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    background: url(../images/cbg.png);
    font-size: 14px;
    z-index: 10;
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
}

.cnryd81:hover .cntxt81 {
    display: block;
}

.cnryd82:hover .cntxt82 {
    display: block;
}

.cnryd83:hover .cntxt83 {
    display: block;
}

.cnryd84:hover .cntxt84 {
    display: block;
}

.cnryd85:hover .cntxt85 {
    display: block;
}

.cnryd86:hover .cntxt86 {
    display: block;
}

.cnryd87:hover .cntxt87 {
    display: block;
}

.cnryd88:hover .cntxt88 {
    display: block;
}