﻿/*- - - - - - - - -样式属无双网络index.html - - - - - - - -*/


/*页头*/

#header {
    height: 140px;
    position: relative;
    min-width: 1280px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    z-index: 3500;
}

#header .center {
    width: 1280px;
}


/*顶部*/

#top {
    width: 100%;
    line-height: 32px;
    margin: 0 auto;
    background: #c7c5c6 url(../images/line_x.jpg) repeat-x left top;
}


/*欢迎*/

#welcome {
    float: left;
    width: 660px;
    height: 32px;
    overflow: hidden;
}

#welcome strong {
    font-weight: normal;
    color: #0248c4;
}

#welcome time {
    color: #0248c4;
}


/*快捷链接*/

#quicklink {
    float: right;
    width: 580px;
    height: 32px;
}

#quicklink ul {
    float: right;
    margin-right: -8px;
}

#quicklink ul li {
    float: left;
    color: #333333;
}

#quicklink ul li [class^='icon'] {
    margin-right: 3px;
}

#quicklink ul li a {
    color: #6f7f8e;
    padding-right: 12px;
    padding-left: 6px;
    text-decoration: none;
    display: inline-block;
}

#quicklink ul li:hover a {
    color: #0248c4;
}

.icon_function {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url(../images/icon_function.png) no-repeat left top;
    display: inline-block;
}

.icon_function.icon_function1x1 {
    background-position: 0 0;
}

.icon_function.icon_function2x1 {
    background-position: -25px 0;
}

.icon_function.icon_function3x1 {
    background-position: -50px 0;
}

.icon_function.icon_function4x1 {
    background-position: -75px 0;
}

#quicklink li:hover .icon_function.icon_function1x1 {
    background-position: 0 -25px;
}

#quicklink li:hover .icon_function.icon_function2x1 {
    background-position: -25px -25px;
}

#quicklink li:hover .icon_function.icon_function3x1 {
    background-position: -50px -25px;
}

#quicklink li:hover .icon_function.icon_function4x1 {
    background-position: -75px -25px;
}


/*网站标志*/

#logo {
    float: left;
    width: 417px;
    height: 57px;
    margin-top: 30px;
}

#logo img {
    width: 100%;
    height: 100%;
}


/*菜单*/

#menu {
    float: right;
    width: 808px;
    margin-top: 38px;
}

#menu ul {
    float: right;
    margin-right: -16px;
}

#menu ul li {
    float: left;
    margin-left: 10px;
}

#menu ul li a {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #0a5acd;
    padding-right: 16px;
    padding-left: 16px;
    text-decoration: none;
    border-radius: 30px;
    display: block;
}

#menu ul li:hover a {
    color: #fff;
    background-color: #0248c4;
}

#menu ul li.change a {
    color: #fff;
    background-color: #0248c4;
}


/*广告*/

#banner {
    height: 650px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 1280px;
    margin: 0 auto -120px auto;
    background: #fff;
}

#banner ._text {
    width: 583px;
    text-align: left;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -540px;
    z-index: 3366;
}

#banner ._text ._more {
    width: 187px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-top: 43px;
    margin-left: 66px;
    background-color: #0248c4;
    border-radius: 6px;
    display: block;
}

#banner ._text ._more:hover {
    background-color: #488afd;
    text-decoration: none;
}

#banner ._text h3 {
    margin-bottom: 17px;
    margin-left: -8px;
}

#banner ._text p {
    line-height: 28px;
    font-size: 16px;
}

#banner ._text p strong {
    font-size: 25px;
}


/*图片轮播样式*/

#banner .conbox {
    width: 9999em;
    height: 600px;
    position: absolute;
    overflow: hidden;
    left: 0;
}

#banner .conbox .Slide_ {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    left: 0;
    background-repeat: no-repeat!important;
}

#banner .conbox .Slide_ img.mainpic {
    height: 100%;
    margin: 0 auto;
    display: block;
}

#banner .switcher {
    height: 12px;
    text-align: center;
    position: absolute;
    min-width: 156px;
    bottom: 139px;
    left: 50%;
    margin-left: -78px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: url(../images/baibg.png) repeat left top;
    border: 1px solid #cdc2be;
    border-radius: 15px;
    z-index: 3099;
}

#banner .switcher a {
    width: 12px;
    height: 12px;
    line-height: 0px;
    text-align: center;
    overflow: hidden;
    font-size: 0px;
    font-family: arial;
    color: #323232;
    margin-right: 2px;
    margin-left: 3px;
    background-color: #434343;
    opacity: 1;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
}

#banner .switcher a.cur,
#banner .switcher a:hover {
    width: 28px;
    color: #fff;
    background-color: #0347c4;
}

#banner .banner_mask {
    height: 200px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(../images/banner_mask.png) repeat-x left top;
    z-index: 100;
}


/*热点区域*/

#hot {
    width: 1240px;
    position: relative;
    margin: 0 auto 30px auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background: url(../images/hot_bg.png) no-repeat center top;
    z-index: 3000;
}


/*新开游戏*/

#openGame {
    float: left;
    width: 260px;
    overflow: hidden;
    margin: 0 auto;
}

#openGame .opengamebox {
    width: 258px;
    min-height: 564px;
    border: 1px solid #e0e0e0;
}


/*推荐*/

#Recommend {
    float: right;
    width: 955px;
    overflow: hidden;
    position: relative;
}

#Recommend .gamepage {
    position: absolute;
    bottom: 26px;
    margin: 0;
    left: 50%;
    margin-left: -52px;
}

#Recommend .gamesBox {
    min-height: 546px;
    padding-top: 18px;
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
}


/*活动*/

#Activity {
    width: 1240px;
    margin: 0 auto 44px auto;
}

#Activity .ActivityBox {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
}


/*新游戏*/

#newGame {
    width: 1237px;
    min-height: 320px;
    margin: 0 auto 44px auto;
}


/*保障*/

#ensure {
    width: 1240px;
    margin: 0 auto 45px auto;
    margin-bottom: 48px;
    border: 1px solid #e0e0e0;
}


/*页尾*/

#footer {
    min-width: 1280px;
    margin: 0 auto;
    background-color: #f2f2f2;
    border-top: 1px solid #cccccc;
}

#footer .center {
    padding-top: 35px;
}


/*网站地图*/

#websiteMap {
    float: left;
    width: 708px;
    height: 160px;
}

#websiteMap dl {
    float: left;
    width: 288px;
    height: 130px;
    border-right: 1px solid #e0e0e0;
}

#websiteMap dl:nth-last-of-type(1) {
    width: 364px;
    padding-left: 51px;
}

#websiteMap dl:nth-last-of-type(1) dd a {
    width: 105px;
}

#websiteMap dl dt {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin-bottom: 8px;
}

#websiteMap dl dd a {
    float: left;
    width: 92px;
    line-height: 27px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease-in;
}

#websiteMap dl dd a:hover {
    color: #0248c4;
    transform: translatex(5px);
}


/*联系我们*/

#contact {
    float: right;
    width: 482px;
    height: 160px;
}

#contact h5 {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

#contact p {
    font-size: 14px;
}

#contact ._qq {
    width: 92px;
    height: 22px;
    margin-top: 12px;
    display: block;
}

#contact ._qq img {
    width: 92px;
    height: 22px;
    display: block;
}


/*版权*/

#copyright {
    width: 1280px;
    line-height: 30px;
    text-align: center;
    clear: both;
    color: #666666;
    margin: 0 auto;
    padding-bottom: 28px;
}

#copyright p .icon_badge {
    width: 18px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

#copyright p .icon_badge img {
    width: 100%;
    height: 100%;
    display: block;
}

#copyright .beian {
    height: 45px;
    margin-bottom: 12px;
}

#copyright .beian img {
    height: 100%;
}


/*浮动条*/

#Floatingbar {
    width: 165px;
    height: 477px;
    position: fixed;
    overflow: hidden;
    right: 8px;
    background-color: #ffffff;
    border: 1px solid #a6a6a6;
    border-radius: 20px;
    z-index: 10000;
    top: 50%;
    margin-top: -238px;
}

#Floatingbar h5 {
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    background-color: #0248c4;
}

#Floatingbar .qqlist {
    margin-bottom: 35px;
}

#Floatingbar ._btn_backtop {
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    display: block;
}

#Floatingbar ._btn_backtop:hover {
    color: #0248c4;
}

#Floatingbar .RQcode {
    line-height: 25px;
    text-align: center;
    margin-bottom: 13px;
    margin-top: -20px;
}

#Floatingbar .RQcode ._pic {
    width: 112px;
    height: 112px;
    margin: 0 auto auto;
}

#Floatingbar .RQcode ._pic img {
    width: 100%;
    height: 100%;
    display: block;
}


/*栏目标题*/

.PartTitle {
    line-height: 35px;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 22px;
}

.PartTitle ._line {
    width: 4px;
    height: 22px;
    margin-right: 5px;
    vertical-align: middle;
    background-color: #0248c4;
    display: inline-block;
}


/*游戏表格样式*/

.gametableStyle {
    *float: left;
    width: 100%;
}

.gametableStyle li {
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    *float: left;
    width: 100%;
}

.gametableStyle li a {
    color: #0248c4;
}

.gametableStyle li a:hover {
    text-decoration: underline;
}

.gametableStyle li span {
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    color: #444444;
    border-right: 1px solid #c7c5c6;
    border-bottom: 1px solid #c7c5c6;
}

.gametableStyle li span i {
    float: left;
    width: 84px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    margin-top: 9px;
    margin-left: 14px;
    background: url(../images/text_bg.png) no-repeat left top;
}

.gametableStyle li span em {
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    margin-right: 2px;
    margin-left: 2px;
    background-color: #d2d0d1;
    border-radius: 6px;
    display: inline-block;
}

.gametableStyle li span a {
    text-decoration: none;
    display: block;
}

.gametableStyle li span ._color_blue {
    background-color: #0248c4;
}

.gametableStyle li span ._color_pink {
    background-color: #fd03bf;
}

.gametableStyle li span:nth-of-type(1) {
    width: 9.00%;
    border-left: 1px solid #dddddd;
}

.gametableStyle li span:nth-of-type(2) {
    width: 18.23%;
}

.gametableStyle li span:nth-of-type(3) {
    width: 5.80%;
}

.gametableStyle li span:nth-of-type(4) {
    width: 48.80%;
}

.gametableStyle li span:nth-of-type(5) {
    width: 8.54%;
}

.gametableStyle li span:nth-of-type(6) {
    width: 9.03%;
    color: #0248c4;
}

.gametableStyle li:nth-of-type(1) span {
    background-color: #f2f2f2;
}

.gametableStyle li:nth-of-type(1) span:nth-last-of-type(1) {
    color: #444444;
}

.gametableStyle li._color_LightBlue {
    background-color: #c2f2ff;
}

.gametableStyle li._color_LightBlue:hover {
    background-color: #dcf7ff;
}

.gametableStyle li._color_LightBlue span {
    border-color: #99d7ec;
}

.gametableStyle li._color_yellow {
    background-color: #fffbdd;
}

.gametableStyle li._color_yellow:hover {
    background-color: #fffcea!important;
}

.gametableStyle li._color_yellow:nth-child(2n) {
    background-color: #fef9d1;
}

.gametableStyle li._color_yellow span {
    border-color: #ffe999;
}


/*项目*/

.items {
    float: left;
    width: 19.12%;
    position: relative;
    padding-top: 20px;
    padding-right: 2.94%;
    padding-bottom: 24px;
    padding-left: 2.94%;
}

.items:hover {
    background: #0248c4;
    color: #fff;
}

.items:hover ._line {
    display: none;
}

.items:hover dd {
    color: inherit;
}

.items:hover ._btn_go {
    background: #fff;
}

.items ._line {
    width: 0px;
    height: 124px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -62px;
    border-right: 1px solid #e0e0e0;
}

.items dl dt {
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
}

.items dl dt span {
    width: 34px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    margin-left: 6px;
    vertical-align: middle;
    background-color: #ff2e2f;
    border-radius: 4px;
    display: inline-block;
}

.items dl dd {
    height: 3.96em;
    line-height: 1.26;
    overflow: hidden;
    font-size: 13px;
    color: #8e8e8e;
    margin-bottom: 8px;
}

.items ._btn_go {
    width: 72px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #0248c4;
    margin: 0 auto;
    text-decoration: none;
    border: 1px solid #0248c4;
    border-radius: 6px;
    display: block;
}

.items ._btn_go:hover {
    color: #ffffff;
    background-color: #0248c4;
}


/*游戏列表*/

.gamelist {}

.gamelist li {
    height: 50px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #e0e0e0;
    margin-right: 10px;
    margin-left: 10px;
}

.gamelist li:hover {
    background-color: #f2f2f2;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.gamelist li a {
    display: block;
    text-decoration: none;
}

.gamelist li:nth-last-of-type(1) {
    border: 0;
}

.gamelist .photo {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 5px;
}

.gamelist .photo img {
    width: 100%;
    height: 100%;
    display: block;
}

.gamelist strong {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.gamelist em {
    color: #fc436c;
    margin-right: 19px;
}

.gamelist time {
    color: #a1a1a1;
}


/*二维码列表*/

.RQcodeList {
    float: right;
    height: 130px;
    border-left: 1px solid #e0e0e0;
}

.RQcodeList li {
    float: left;
    width: 128px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    padding-top: 6px;
}

.RQcodeList li .photo {
    width: 95px;
    height: 95px;
    margin: 0 auto;
    background: #fff;
    display: block;
}

.RQcodeList li .photo img {
    width: 100%;
    height: 100%;
    display: block;
}


/*QQ列表*/

.qqlist li {
    text-align: center;
    font-size: 14px;
}

.qqlist li a {
    line-height: 26px;
    color: #000000;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-decoration: none;
    border-bottom: 1px solid #a6a6a6;
    display: block;
}

.qqlist li a .icon_qq {
    width: 45px;
    height: 52px;
    margin: 0 auto;
    display: block;
}


/*游戏*/

.games {
    float: left;
    width: 310px;
    height: 135px;
    position: relative;
    margin-bottom: 22px;
    margin-left: 6px;
    background: #000000;
    box-shadow: 0 4px 0px rgba(223, 233, 233, 0.4);
}

.games:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}

.games:hover ._text h5 {
    color: #0248c4;
}

.games a {}

.games .photo {
    width: 310px;
    height: 135px;
    overflow: hidden;
}

.games .photo img {
    width: 100%;
    height: 100%;
    display: block;
}

.games ._text {
    width: 158px;
    position: absolute;
    top: 8px;
    left: 20px;
}

.games ._text h5 {
    line-height: 40px;
    font-size: 18px;
    font-weight: normal;
    color: #444444;
    border-bottom: 1px solid #e0e0e0;
}

.games ._text p {
    line-height: 26px;
    color: #9a9a9a;
    margin-bottom: 19px;
}

.games ._text .btn_go {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #0248c4;
    text-decoration: none;
    border-radius: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.4s ease-out;
}

.games a:hover .btn_go {
    background-color: #1669fd;
    padding-left: 20px;
    padding-right: 20px;
}

.games .btn-lb {
    width: 118px;
    position: absolute;
    top: 94px;
    left: 108px;
}

.games .btn-lb .btn-to {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #0248c4;
    text-decoration: none;
    border-radius: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.4s ease-out;
}

.games a:hover .btn-to {
    background-color: #1669fd;
    padding-left: 20px;
    padding-right: 20px;
}

.games .btn-gg {
    width: 118px;
    position: absolute;
    top: 11px;
    left: 108px;
}

.games .btn-gg .btn-tg {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    background-color: #c7c5c6;
    text-decoration: none;
    border-radius: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.4s ease-out;
}

.games a:hover .btn-tg {
    background-color: #c7c5c6;
    padding-left: 20px;
    padding-right: 20px;
}


/*游戏翻页*/

.gamepage {
    width: 104px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    margin: 17px auto 26px auto;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.gamepage .btn_gameprev,
.gamepage .btn_gamenext {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    background: url(../images/icon_arrow.png) no-repeat left top;
    text-decoration: none;
}

.gamepage .btn_gameprev:hover,
.gamepage .btn_gamenext:hover {
    background-color: #e0ddde;
}

.gamepage .btn_gameprev {
    background-position: left top;
    border-right: 1px solid #c7c5c6;
}

.gamepage .btn_gamenext {
    background-position: right top;
    border-left: 1px solid #c7c5c6;
}

.gamepage input {
    float: left;
    width: 42px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border: 0;
}


/*活动*/

.Activity {
    float: left;
    width: 262px;
    height: 166px;
    position: relative;
    margin-left: 6px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
    background: #fff;
}

.Activity:hover {
    background-color: #0248c4;
}

.Activity:hover h5 {
    color: #fff;
}

.Activity:hover p {
    color: #fff;
}

.Activity:hover ._btn_blue {
    background: #fff;
    color: #0248c4;
}

.Activity:hover ._btn_blue:hover {
    background-color: #2f79fd;
    color: #fff;
}

.Activity ._photo {
    width: 150px;
    height: 92px;
    position: absolute;
    right: 9px;
    bottom: 2px;
}

.Activity ._photo img {
    width: 100%;
    height: 100%;
    display: block;
}

.Activity h5 {
    height: 32px;
    line-height: 2.29;
    overflow: hidden;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Activity p {
    height: 3.75em;
    line-height: 1.25;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    color: #878787;
    margin-bottom: 34px;
}

.Activity ._btn_blue {
    width: 72px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #0248c4;
    text-decoration: none;
    border-radius: 30px;
    display: inline-block;
}

.Activity ._btn_blue:hover {
    background-color: #1669fd;
}


/*选项卡*/

.Tab {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.Tab li {
    float: left;
    width: 50%;
}

.Tab li:nth-last-of-type(1) a {
    border-right: none;
}

.Tab li a {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #3c3c3c;
    text-decoration: none;
    border-right: 1px solid #e1dfe0;
    display: block;
}

.Tab li.change a {
    border-top: 2px solid #0248c4;
}


/*选项卡2*/

.Tab2 {
    float: left;
    width: 100%;
    color: #a6a6a6;
    background-color: #333333;
    border-bottom: 3px solid #0248c4;
}

.Tab2 li {
    float: left;
    width: 210px;
}

.Tab2 li.change a {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-color: #0248c4;
}

.Tab2 li a {
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    color: inherit;
    text-decoration: none;
    display: block;
}

.Tab2 li a:hover {
    color: #ffffff;
}


/*- - - - - - - - -样式属无双网络info.html - - - - - - - -*/


/*搜索*/

#Search {
    min-width: 1280px;
    margin: 0 auto;
    padding-top: 42px;
    padding-bottom: 42px;
    background-color: #0248c4;
}

#Search .Searchform {
    width: 609px;
    height: 46px;
    position: relative;
    margin: 0 auto;
}

#Search .Searchform ._line {
    width: 0px;
    height: 15px;
    position: absolute;
    top: 16px;
    right: 122px;
    border-right: 1px solid #a6a6a6;
}

#Search .Searchform .text {
    float: left;
    width: 485px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    padding-left: 20px;
    background-color: #ffffff;
    border: none;
    border-radius: 40px 0 0 40px;
}

#Search .Searchform .btn_send {
    float: left;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #0248c4;
    padding-right: 22px;
    padding-left: 22px;
    background: #ffffff url(../images/icon_search.png) no-repeat left top;
    border: none;
    border-radius: 0 40px 40px 0;
}

#Search .Searchform .btn_send:hover {}


/**/

#about_us {
    width: 1240px;
    position: relative;
    min-height: 560px;
    margin: 0 auto 0px auto;
    padding-top: 48px;
    padding-bottom: 48px;
}

#about_us h3 {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
}

#about_us .companyPIc {
    float: right;
    width: 606px;
    height: 475px;
    margin-left: 30px;
}

#about_us .companyPIc img {
    width: 100%;
    height: 100%;
}

#about_us ._decorate {
    width: 150px;
    height: 150px;
    position: fixed;
    overflow: hidden;
    top: 25%;
    left: 50%;
    /* margin-top: 220px; */
    margin-left: 600px;
}

#about_us ._decorate img {
    width: 100%;
    height: 100%;
}


/*问题*/

#Problem {
    margin: 0 auto;
    padding-top: 13px;
    padding-bottom: 26px;
}


/**/

#hotDocs {
    margin: 0 auto 0px auto;
    padding-top: 19px;
    padding-bottom: 18px;
}

#hotDocs ._box {
    float: left;
    width: 562px;
}

#hotDocs ._box:nth-of-type(2n) {
    float: right;
}

#hotDocs ._box .SubTitle {
    border-bottom: 1px solid #e0e0e0;
}


/*联系我们*/

#contact_us {
    margin: 0 auto;
    padding-top: 48px;
    background-color: #f9f9f9;
}


/*副标题*/

.SubTitle {
    line-height: 48px;
    font-size: 20px;
    margin-bottom: 20px;
}


/*主标题*/

.MainTitle {
    height: 129px;
    line-height: 129px;
    text-align: center;
    font-size: 33px;
    margin-top: 24px;
}


/* - - - - - - - - - 文字列表类  - - - - - - - - -*/


/*文档列表*/

.DocList {}

.DocList li {
    overflow: hidden;
    margin-bottom: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    height: 32px;
}

.DocList.row2 {
    float: left;
}

.DocList.row2 li {
    width: 50%;
    float: left;
}

.DocList li a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    transition: all 0.2s ease-in;
}

.DocList li a:hover {
    color: #0248c4;
    transform: translatex(5px);
}

.DocList li a span {
    margin-right: 10px;
}


/*列表*/

.list {
    text-align: center;
}

.list li {
    display: inline;
}

.list li a {
    width: 148px;
    line-height: 30px;
    font-size: 16px;
    color: #555555;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    display: inline-block;
}

.list li a:hover {
    color: #0248c4;
}

.list li a [class^='icon'] {
    margin: 0 auto 4px auto;
    display: block;
}

.icon_problem {
    width: 76px;
    height: 60px;
    background: url(../images/icon_problem.png) no-repeat left top;
    display: inline-block;
}

.icon_problem.icon_problem1x1 {
    background-position: 0 0;
}

.icon_problem.icon_problem2x1 {
    background-position: -76px 0;
}

.icon_problem.icon_problem3x1 {
    background-position: -152px 0;
}

.icon_problem.icon_problem4x1 {
    background-position: -228px 0;
}

.icon_problem.icon_problem5x1 {
    background-position: -304px 0;
}

.icon_problem.icon_problem6x1 {
    background-position: -380px 0;
}

.icon_problem.icon_problem7x1 {
    background-position: -456px 0;
}


/*段落文字样式*/

.contents {
    text-align: justify;
    overflow: hidden;
    font-size: 16px;
    text-justify: inter-ideograph;
}

.contents img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.contents p {
    line-height: 28px;
    text-indent: 2em;
    color: #555555;
    margin-bottom: 28px;
}


/*主题*/

.theme {
    float: left;
    width: 394px;
    height: 216px;
    margin-right: 28px;
    margin-bottom: 28px;
    padding-top: 20px;
    background-color: #ffffff;
}

.theme:hover {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}

.theme:nth-of-type(3n) {
    margin-right: 0px;
}

.theme dl {
    text-align: center;
    margin-bottom: 58px;
}

.theme dl dt {
    line-height: 38px;
    font-size: 16px;
    color: #fc9a37;
    margin-bottom: 35px;
}

.theme dl dt [class^='icon'] {
    margin-right: 7px;
}

.theme dl dd {
    line-height: 25px;
    font-size: 14px;
    color: #666666;
}

.theme ._btn {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    background-color: #65a5fc;
    text-decoration: none;
    border-radius: 40px;
    display: block;
}

.theme ._btn:hover {
    background-color: #0a5acd;
}

.icon_lianxi {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    background: url(../images/icon_lianxi.png) no-repeat left top;
    display: inline-block;
}

.icon_lianxi.icon_lianxi1x1 {
    background-position: 0 0;
}

.icon_lianxi.icon_lianxi2x1 {
    background-position: -21px 0;
}

.icon_lianxi.icon_lianxi3x1 {
    background-position: -42px 0;
}