@charset "utf-8";

/* CSS Document */



* {

    margin: 0px;

    padding: 0px;

}



ul {

    list-style-type: none;

}



li {

    list-style: none;

}

.sub {
    width: 105px;
    height: 32px;
    background: #f29400;
    border: none;
    text-align: center;
    line-height: 32px;
    color: #fff
}

img {

    border: 0px;

}



input {

    outline: none;

}



:hover {

    transition: 0.5s all
}



a {

    text-decoration: none;

    color: #222222;

}



a:hover {

    color: #cf0c1d;

}



.cmain {

    color: #2c94f6;

}



.bmain {

    background: #2c94f6;

}



.left {

    float: left;

}



.right {

    float: right;

}



.truncate {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mid {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



body {

    font-family: "微软雅黑";

    font-size: 15px;

    color: #353535;

    line-height: 32px;

    background: #eeeeee;

    margin: 0
}



/* CSS Header */

.header {

    width: 100%;

    height: auto;

    margin: 0 auto;
    overflow: hidden;

    position: relative;

    z-index: 999
}

.header .topbar {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #b2b2b2;
    font-size: 14px;
    background: #3e3e3e;
    overflow: hidden;
}

.header .topbar a {
    color: #b2b2b2;padding-right:8px
}

.header .topbar a:hover {
    color: #fff;
}

.header .topbox {
    width: 1200px;
    height: 98px;
    margin: 0 auto
}

.header .topbox .toplogo {
    float: left;
    padding-top: 26px
}

.header .topbox .toptel {
    width: 584px;
    float: right;
    padding-top: 32px
}

.header .topbox .toptel li {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    float: left;
    padding-left: 15px;
}

.header .topbox .toptel li big {
    font-size: 12px;
    color: #ff6600;
    font-family: Arial
}

.banner {
    width: 1920px;
    height: 300px;
    color: #fff;
    background: url(../images/banner.jpg) center no-repeat #f5f5f5;
    left: 50%;
    margin-left: -960px;
    position: relative;
}

.banner .bn01 {
    position: absolute;
    left: 410px;
    top: 50px;
    font-size: 23px;
}

.banner .bn02 {
    position: absolute;
    left: 410px;
    top: 100px;
    font-size: 44px;
    font-weight: bold;
}

.banner .bn03 {
    position: absolute;
    left: 1000px;
    top: 10px;
}

.banner .bn04 {
    width: 600px;
    position: absolute;
    left: 410px;
    top: 160px;
}

.banner .bn04 li {
    width: 150px;
    float: left;
    line-height: 38px;
    height: 38px;
    font-size: 17px;
    color: #ffff00;
}

#menu {
    width: 100%;
    height: 62px;
}

#menu ul {
    width: 1200px;
    height: 62px;
    background: url(../images/menuline.png) left center no-repeat;
    margin: 0 auto
}

#menu ul li {
    width: 120px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    background: url(../images/menuline.png) right center no-repeat;
    float: left;
    position: relative;
}

#menu ul li a {
    font-size: 16px
}

#menu ul li.hot a {
    color: #2b60ee
}

#menu ul li span {
    width: 23px;
    height: 14px;
    background: url(../images/hot.png) center no-repeat;
    position: absolute;
    left: 83px;
    top: 6px;
}

#menu ul li a:hover {
    color: #2b60ee;
    font-weight: bold;
}

/* CSS Footer */

.footer {

    width: 100%;

    height: 237px;

    background: url(../images/footer.jpg) center no-repeat #2b64ef;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    position: relative;

    z-index: 9
}



.footer a {

    color: #fff
}



.footer a:hover {

    color: #ff0
}



.footer .mid {

    padding-top: 30px;
    position: relative;

}

.footer .mid .ftapi {
    width: 90px;
    height: 90px;
    position: absolute;
    right: 0;
    top: 30px;
}

.footer span {
    font-size: 16px;
    color: #ffff00;
    padding-top: 5px;
    display: block;
}

.ftmenu {
    width: 1200px;
    padding-top: 25px;
    margin: 0 auto;
}

.ftmenu a {
    padding: 0 14px;
    font-size: 16px;
}



/* CSS Main */

#wrap {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

    z-index: 99
}



#main {

    width: 1200px;

    height: auto;padding: 20px 0;

    position: relative;
    overflow: hidden;

    margin: 0 auto;

}

.index01 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.intitle {
    width: 1200px;
    height: 80px;
    line-height: 44px;
    color: #666666;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.intitle big {
    font-size: 32px;
    color: #131313;
    font-weight: bold;
    display: block;
}

.intitle .more {
    right: 0;
    top: 30px;
    font-size: 14px;
    position: absolute;
}

.slist {
    width: 1220px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
    overflow: hidden;
}

.slist li {
    width: 285px;
    height: 330px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin: 10px;
    float: left;
    position: relative;
    overflow: hidden;
}

.slist li .title {
    width: 100%;
    height: 100px;
    text-align: center;
    background: #24cce2;
    color: #fff
}
.slist li .title big {
    font-size: 26px;
    line-height:100px;
    font-weight: bold;
    display: block;
}
/*.slist li .title big {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    padding-top: 18px;
    display: block;
}*/

.slist li .desc {
    width: 210px;
    padding-top: 20px;
    margin: 0 auto
}

.slist li .link {
    position: absolute;
    left: 37px;
    bottom: 43px;
}

.slist li .link a {
    color: #666666;
}

.slist li .link a:last-child {
    color: #2b72f1
}

.slist li:nth-child(2) .title {
    background: #5f6de9
}

.slist li:nth-child(3) .title {
    background: #fb5352
}

.slist li:nth-child(4) .title {
    background: #fd8c47
}

.slist li:nth-child(5) .title {
    background: #935eda
}

.slist li:nth-child(6) .title {
    background: #ed5db4
}

.slist li:nth-child(7) .title {
    background: #eb724c
}

.slist li:nth-child(8) .title {
    background: #ffa42f
}

/*in  list*/
.inslist {
    width: 1220px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
    overflow: hidden;
}

.inslist li {
    width: 285px;
    height: 330px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin: 10px;
    float: left;
    position: relative;
    overflow: hidden;
}

.inslist li .title {
    width: 100%;
    height: 100px;
    text-align: center;
    background: #24cce2;
    color: #fff
}
.inslist li .title big {
    font-size: 26px;
    line-height:100px;
    font-weight: bold;
    display: block;
}
/*.inslist li .title big {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    padding-top: 18px;
    display: block;
}*/

.inslist li .desc {
    width: 210px;
    padding-top: 20px;
    margin: 0 auto
}

.inslist li .link {
    position: absolute;
    left: 37px;
    bottom: 43px;
}

.inslist li .link a {
    color: #666666;
}

.inslist li .link a:last-child {
    color: #2b72f1
}

.inslist li:nth-child(2) .title {
    background: #5f6de9
}

.inslist li:nth-child(3) .title {
    background: #fb5352
}

.inslist li:nth-child(4) .title {
    background: #fd8c47
}

.inslist li:nth-child(5) .title {
    background: #935eda
}

.inslist li:nth-child(6) .title {
    background: #ed5db4
}

.inslist li:nth-child(7) .title {
    background: #eb724c
}

.inslist li:nth-child(8) .title {
    background: #ffa42f
}
.lslist{width:860px;height: auto;overflow: hidden;}

.lslist li{width:400px;

    height:212px;

    background:#e3e3e3;

    position: relative;

    margin-bottom:30px;

    margin-right:30px;

    float: left;

    overflow: hidden;}

.lslist li img {

    width: 153px;

    height: 212px;

    background: #000;

    float: left;

}



.lslist li .intxt {

    width:200px;

    height:190px;
    overflow: hidden;

    font-size:14px;

    color: #666666;

    line-height:27px;

    padding-left:25px;

    float: left;

}

.lslist li .intxt span{font-size:18px;color: #333333;display: block;line-height:45px;padding-top:10px;}



.index02 {
    width: 100%;
    height: 395px;
    background: #fff;
}

.index02 .ctitle {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.index02 .ctitle span {
    font-size: 24px;
    color: #131313;
    font-weight: bold;
}

.index02 .ctitle .more {
    right: 0;
    top: 0;
    position: absolute;
    color: #666666;
    font-size: 14px;
}
.index02 .ctitle .more:hover{color:#2b67ef}
.index02 .left {
    width: 330px;
}

.index02 .inmid {
    width: 448px;
    float: left;
    padding-left: 46px;
}

.index02 .right {
    width: 333px;
}

.intro {
    line-height: 33px;
    color: #666666;
    font-size: 14px;
    text-indent: 2em;
    padding-top: 15px
}

.com {
    display: block;
    padding-top: 20px;
}

.nlist {
    padding-top: 15px;
}

.nlist li {
    height: 44px;
    ;
    line-height: 44px;
    font-size: 14px;
    padding: 0 23px;
    overflow: hidden;
    border-radius: 22px;
}

.nlist li a {
    color: #666666
}

.nlist li:hover {
    background: #e9e9e9
}

.nlist li b {
    padding-right: 10px
}

.videobox {
    width: 327px;
    height: 246px;
    background: url(../images/video.jpg) center no-repeat #ddd;
    margin-top: 20px;
    overflow: hidden;
}

.index03 {
    width: 100%;
    height: auto;
    overflow: hidden;

}

.ptitle {
    width: 100%;
    height:70px;
    font-size: 19px;
    border-top:5px #2c94f6 solid;
    color: #333
}

.ptitle span {
    height: 54px;
    line-height: 54px;
    font-size: 25px;
    padding-left: 20px;
    top: 10px;
    position: relative;
}

.inlx {
    width: 210px;
    margin: 0 auto
}

.inlx .p01 {
    padding-left: 47px;
    height: 46px;
    line-height: 26px;
    font-size: 15px;
    color: #666666;
    font-weight: bold;
    background: url(../images/i-tel.png) left center no-repeat;
}

.inlx .p01 span {
    font-size: 20px;
    color: #005fb5
}

.inlx .p02 {
    line-height: 26px;
    font-size: 20px;
    color: #005fb5;
    padding-top: 15px;
    font-weight: bold;
    padding-left: 47px;
}



.tpbox {
    padding: 20px;
    height: auto;
    padding-top: 14px;
    overflow: hidden;
}

.tpbox li {
    width: 100%;
    height: 45px;
    background: #f5f5f5;
    line-height: 45px;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden;
}

.tpbox li a {
    padding-left: 40px;
    color: #1d1d1d;
    display: block;
}

.tpbox li a:hover {
    background: #eb724c;
    color: #fff
}

.tpbox li span {
    right: 30px;
    top: 0;
    opacity: 0.5;
    position: absolute;
}

/* CSS Left */

#left {
    width: 277px;
    ;
    height: auto;
    background: #fff;
    float: left;
    margin-bottom: 40px;
    overflow: hidden;
}

#left .cont {
    width: 100%;
    height: auto;
    background: #2b79f2;
    padding-bottom: 40px
}

#left .cont p {
    width: 240px;
    height: auto;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    padding: 20px 0 20px 0;
    margin: 0 auto
}

#left .cont p a {
    color: #fff
}

#left .cont p a:hover {
    color: #ff0;
    text-decoration: underline;
}

#left .cont .btn {
    width: 134px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    color: #fff;
    border: 1px #fff dashed;
    border-radius: 17px;
    display: block;
    text-align: center;
    margin: 0 auto
}

#left .cont .btn:hover {
    border: 1px #ffa42f solid;
    background: #ffa42f;
    color: #fff
}



.newslist li {
    padding: 20px 0 20px 0;
    width: 100%;
    height: 107px;
    border-bottom: 1px dashed #d8d8d8;
    overflow: hidden
}

.newslist li .imgbox {
    width: 140px;
    height: 105px;
    border: 1px #dddddd solid;
    display: inline;
    float: left
}

.newslist li .imgbox img {
    width: 140px;
    height: 105px;
}

.newslist li .text {
    display: inline;
    float: left;
    line-height: 22px;
    width: 680px;
    height: 105px;
}

.newslist li .text .tit {
    width: 100%;
    height: 30px;
}

.newslist li .text .tit a {
    color: #000;
    font-size: 16px
}

.newslist li .text .tit a:hover {
    color: #2c94f6;
    margin-left: 10px
}

.newslist li .text .desc {
    width: 100%;
    height: 48px;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    word-break: break-all;
    word-wrap: break-word
}

.newslist li .text .desc a {
    font-size: 14px;
    color: #999
}

.newslist li .text .count {
    width: 100%;
    height: 22px;
    padding-top: 5px;
    overflow: hidden
}

.newslist li .text .count span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #999;
    padding-left: 20px;
    background-image: url("../images/newslist.gif");
    background-repeat: no-repeat
}

.newslist li .text .count .hits {
    background-position: 0 -150px
}

.newslist li .text .count .update {
    background-position: 0 -168px
}

.newslist li .timebox {
    text-align: center;
    display: inline;
    float: right;
    width: 100px;
    height: 105px;
    background: #F3F3F3;
    border-radius: 6px;
}

.newslist li .timebox .day {
    color: #666;
    font-family: Georgia, serif, verdana;
    font-size: 46px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    width: 100%;
    overflow: hidden
}

.newslist li .timebox .year {
    font-size: 14px;
    color: #999
}



/*right*/
.po{ width: 100%; height: 50px; background: #2c94f6; }
.pom{ width: 1200px; height: 50px; line-height: 50px; color: #fff; margin: 0 auto; text-align: right; }
.pom a{color: #fff;}
.pom a:hover{color: #ff0;}
.pom span{background: url(../images/home.png) left center no-repeat;padding-left: 21px;}
#right {
    width: 885px;
    height: auto;
    min-height: 1102px;
    padding-bottom: 50px;
    background: #fff;
    float: right;
    overflow: hidden;
}

#right_title {
    width: 1200px;
    height: 72px;
    line-height: 72px;
    margin: 0 auto;
}

#title_right {
    padding-left: 30px;
    background: url(../images/home.png) left center no-repeat;
}

#title_left {
    width: 830px;
    height: 48px;
    font-size: 16px;
    color: #a8a8a8;
    margin: 0 auto;
    border-bottom: 2px #f1f1f1 solid;
}

#title_left span {
    color: #222222;
    font-size: 25px;
    line-height: 30px;
    margin-top: 20px;
    border-left: 5px #2c94f6 solid;
    padding-left: 15px;
    display: block;
}

#right_content {
    width: 830px;
    height: auto;
    padding-top: 20px;
    margin: 0 auto;
}

#right_bottom {
    width: 100%;
    height: 23px;
}

#indexNews {
    width: 830px;
    height: auto;
    min-height: 300px;
    padding-top: 10px;
    margin: 0 auto;
    overflow: hidden;
}

#indexNews li {
    width: 100%;
    height: 124px;
    border-bottom: 1px #dbdbdb dashed;
    padding: 18px 0;
}

#indexNews li img {
    width: 173px;
    height: 124px;
    float: left;
    display: block;
}

#indexNews li .txt {
    width: 710px;
    height: 124px;
    line-height: 23px;
    color: #777777;
    font-size: 14px;
    float: right;
}

#indexNews li .txt span {
    font-size: 16px;
    line-height: 42px;
    color: #000;
    font-weight: bold;
    display: block;
    transition: 0.4s all
}

#indexNews li .txt span:hover {
    margin-left: 5px;
    color: #00a3ff
}



#page {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 30px auto;
    clear: both;
}

#page a {
    min-width: 26px;
    height: 26px;
    background: #bababa;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

#page a:hover {
    background: #005fb5;
}

#page .current {
    min-width: 26px;
    height: 26px;
    color: #fff;
    background: #005fb5;
    display: inline-block;
}

#page_num {
    height: 22px;
    font-size: 14px;
    background: #eeeeee;
    display: none;
}

#newTitle {
    width: 100%;
    line-height: 60px;
    font-weight: normal;
    color: #222222;
    font-size: 22px;
    font-family: "微软雅黑";
    text-align: center;
    margin: 0 auto;
}

#productTitle {
    width: 100%;
    height: 60px;
    color: #1f2c5c;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

#newsInfo {
    width: 100%;
    height: 40px;
    color: #a9aaa9;
    font-size: 12px;
    border-bottom: 1px #d5d3d3 dashed;
    text-align: center;
    margin: 0 auto 20px;
}

.newsinfoleft {
    padding-left: 30px;
}

#infoImage {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

#infoImage img {
    max-width: 500px;
}



#newsContent {
    width: 100%;
    height: auto;
    min-height: 300px;
    overflow: hidden;
    padding-top: 15px;
    line-height: 34px;
    font-size: 15px;
    color: #1d1d1d;
    position: relative;
    margin: 0 auto;
}

#newsContent a {
    color: #1d1d1d;
}

#newsContent a:hover {
    color: #1462be;
}

.pbox02 img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 10px 0
}

.pbox02 strong {
    color: #00a3ff
}

#picUL0 {
    width: 100%;
    margin: 0 auto;
}

#picUL0 li {
    width: 228px;
    height: 210px;
    margin: 0 15px 25px 10px;
    border: 1px #f2f2f2 solid;
    padding: 10px 10px;
    text-align: center;
    float: left;
}

#picUL0 li:hover {
    background: #f4f4f4;
}

#picUL0 li .pic_01 {
    width: 228px;
    height: 173px;
    overflow: hidden;
}

#picUL0 li .pic_01 img {
    width: 228px;
    height: 173px;
    vertical-align: middle;
    transition: 0.5s all;
    background: #fff;
}

#picUL0 li:hover img {
    transform: scale(1.08);
}

#picUL0 li .pic_02 {
    width: 228px;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    color: #707070
}



#picUL {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#picUL li {
    width: 228px;
    height: 315px;
    margin: 0 15px 25px 10px;
    border: 1px #c8c8c8 solid;
    padding: 14px 14px;
    float: left;
}

#picUL li:hover {
    background: #f4f4f4;
    border: 1px #1f2c5c solid;
}

#picUL li .pic_01 {
    width: 228px;
    height: 173px;
    overflow: hidden;
}

#picUL li .pic_01 img {
    width: 228px;
    height: 173px;
    vertical-align: middle;
    transition: 0.5s all;
    background: #fff;
}

#picUL li:hover img {
    transform: scale(1.08);
}

#picUL li .pic_01 span {
    height: 100%;
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

#picUL li .pic_02 {
    width: 228px;
    height: 108px;
    font-size: 14px;
    line-height: 21px;
    color: #707070
}

#picUL li .pic_02 a {
    color: #1a1b1d;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    padding-top: 16px;
    display: block;
}

.btnbox3 {
    width: 228px;
    height: 32px;
    margin: 0 auto;
    font-size: 14px;
    position: absolute;
}

.btnbox3 .btn1 {
    width: 94px;
    height: 28px;
    color: #6c6c6c;
    line-height: 28px;
    text-align: center;
    border: 2px #6c6c6c solid;
    float: left;
}

.btnbox3 .btn1:hover {
    border: 2px #de2c31 solid;
    background: #de2c31;
    color: #fff
}

.btnbox3 .btn2 {
    width: 94px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border: 2px #1f2c5c solid;
    background: #1f2c5c;
    color: #fff;
    float: left;
    margin-left: 18px;
}

.btnbox3 .btn2:hover {
    background: #de2c31;
    border: 2px #de2c31 solid;
    color: #fff
}

.G_tips {

    color: #666;

    width: 486px;

    border: 1px solid #dedede;

    padding: 7px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

}



/*******加入*******/

.jobbox {
    width: 850px;
    height: auto;
    margin: 0 auto
}

.jobbox li {
    width: 850px;
    height: auto;
    line-height: 27px;
    font-size: 14px;
    color: #646060;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #efefef solid;
    position: relative;
}

.jobbox li span {
    line-height: 40px;
    font-size: 18px;
    color: #1f2c5c;
    font-weight: bold;
    display: block;
}

.jobbox li .more {
    color: #1f2c5c;
    line-height: 40px;
    display: block;
}

.jobbox li .more:hover {
    color: #de2c31;
}



.recruitcon {
    width: 895px;
    height: 173px;
}

.recruitpic {
    width: 132px;
    height: 153px;
    float: left;
}

.recruitconc {
    width: 470px;
    height: 143px;
    padding-left: 50px;
    padding-top: 5px;
    float: left;
}

.recruitconc li {
    width: 372px;
    height: 35px;
    line-height: 35px;
    color: #444444;
}

.apply {
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #1f2c5c;
    color: #fff;
    font-size: 14px;
    margin-top: 50px;
    margin-right: 100px;
    float: right;
}

.apply:hover {
    background: #de2c31;
    transition: 0.5s all;
}

.xxsmys {
    width: 895px;
    height: 36px;
    line-height: 36px;
    border-bottom: 2px #1f2c5c solid;
}

.xxsmwz {
    width: 100px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    text-align: center;
    display: block;
    background-color: #1f2c5c;
}



/*订单*/

.formys {
    width: 860px;
    height: auto;
    color: #555555;
    margin: 0 auto
}

.formmcys {
    width: 90px;
    float: left;
}

.cpmcys {
    width: 400px;
    height: 34px;
    border: 1px solid #d2d4d6;
    font-family: "微软雅黑";
    color: #555555;
    background: #f9f9f9;
    font-size: 14px;
}

.formbz {
    float: left;
}

.G_InputText {
    width: 400px;
    height: 30px;
    border: 1px solid #d2d4d6;
    background: #f9f9f9;
}

.G_textarea {
    width: 400px;
    height: 100px;
    border: 1px solid #dedede;
    background: #f9f9f9;
}

.G_ul {
    width: 100%;
    padding: 40px 0
}

.G_botton {



    width: 55px;



    height: 30px;



    line-height: 30px;



    border: 0;



    background: url(button.gif) no-repeat;



    cursor: pointer;



}



.borderLi {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.G_tips {







    width: 486px;



    margin: 10px auto 0 auto;



    border: 1px solid #dedede;



    padding: 7px;



    border-radius: 5px;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



}





.cpfwnr {
    width: 230px;
    height: 100%;
    overflow: hidden;
}

.cpfwnr dt {
    width: 213px;
    height: 33px;
    display: block;
    padding: 0 0 0 17px;
    background: url(allbg.gif) no-repeat;
    background-position: 0 -137px;
    line-height: 33px;
    font-size: 12px;
    color: #0976b2;
}

.cpfwnr dd {
    width: 190px;
    margin: 0 auto;
    line-height: 2
}

.cpfwnr dt a {
    width: 213px;
    height: 33px;
    display: block;
    padding: 0 0 0 17px;
    background: url(a1.jpg) no-repeat;
    line-height: 33px;
    font-size: 12px;
    color: #0976b2;
}

.cpfwnr dt:hover {
    background: url(allbg.gif) no-repeat;
    background-position: 0 -102px;
    color: #fff;
}

.cpfwnr dd a {
    width: 190px;
    height: 25px;
    line-height: 25px;
    margin: 3px 0 0 0;
    color: #333;
    font-size: 12px;
}

.cpfwnr dd a:hover {
    color: #ff6c00;
}