@charset 'utf-8';
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

var,
em,
strong,
i {
    font-style: normal;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}

q:before,
q:after {
    content: '';
}

ul,
p {
    margin: 0;
    padding: 0;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    border: none;
    outline: none;
    padding: 0;
}

input,
button,
textarea,
select {
    *font-size: 100%;
}

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

.clearfix {
    *zoom: 1;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Microsoft YaHei', '微软雅黑';
}

input:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #F1F1F1;
}

button {
    cursor: pointer;
}

.main {
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
}

.section.layer {}

.main-head {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 78px;
    min-width: 1230px;
}

.main-menu {
    width: 1280px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    font-size: 0;
    display: flex;
    position: relative;
    padding-top: 39px;
}

.scrollHead .main-menu {
    background: rgba(0, 0, 0, .5);
}

.main-menu .menus {
    display: none;
}

.main-menu .nav-left {
    display: flex;
    height: 70px;
    white-space: nowrap;
    width: 100%;
    background: #FFFFFF;
    justify-content: flex-end;
    box-shadow: 0 5px 10px 0 rgba(40, 62, 96, 0.20);
}

.main-menu li {
    display: block;
    text-align: center;
    font-size: 16px;
    height: 70px;
    margin: 0 20px;
    position: relative;
    color: #fff;
    min-width: 90px;
}

.main-menu li:nth-child(2) {
    margin-left: 230px;
}

.main-menu li a {
    display: block;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    color: #585BD6;
    font-size: 14px
}

.main-menu .active:after {
    /*content:'';position: absolute;width: 100%;height: 4px;background: #ffe542;bottom: 0;left: 0;*/
}

.main-menu li.active a {
    /*    font-size: 18px;
    color: #FF4A61;
    font-weight: bold;*/
}

.main-menu li a:hover {
    font-size: 18px;
    color: #FF4A61;
    font-weight: bold;
}

.main-menu li:hover:after {
    position: absolute;
    content: '';
    width: 62px;
    height: 5px;
    background-image: linear-gradient(45deg, #FF4961 0%, #FF7D69 100%);
    bottom: 0;
    left: 50%;
    margin-left: -31px;
}

.main-menu li.active:after {
    /* position: absolute;
    content: '';
    width: 62px;
    height: 5px;
    background-image: linear-gradient(45deg, #FF4961 0%, #FF7D69 100%);
    bottom: 0;
    left: 50%;
    margin-left: -31px;*/
}

.main-menu .shouye {
    position: absolute;
    width: 70px;
    left: 8%;
}

.main-menu .shouye a {
    display: block;
    width: 70px;
    height: 50px;
}

.main-menu .shouye.active:after {
    height: 0;
}

.logo-a {
    position: absolute;
    width: 200px;
    height: 70px;
    left: 0px;
    top: 39px;
    background: url("../images/logo.png") center no-repeat;
}

.lang {
    right: 5px;
    top: 0px;
    position: absolute;
    width: 50px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color: #FFFFFF;
    padding-right: 25px;
    background: url("../images/xiala.png") center right no-repeat;
    background-size: 12px 6px;
}

.lang .yuyan {
    display: block;
    font-size: 12px;
    align-items: center;
    color: #FFFFFF;
}

.lang a {
    color: #FFFFFF;
}

.lang-select {
    display: none;
    width: 75px;
    min-height: 102px;
    background: rgba(0, 0, 0, .45);
}

.lang:hover .lang-select {
    display: block;
}

.lang-select a {
    display: block;
    line-height: 34px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.lang-select a:hover {
    color: #FF4A61;
}

.main-view {
    position: relative;
    width: 100%;
}

.main-view .layerbg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000;
    bottom: 0;
    opacity: 0.5;
    z-index: 10;
}

.section {
    position: relative;
    min-width: 1380px;
    overflow: hidden;
    margin: 0 auto;
}

.section .con {
    width: 1175px;
    margin: 0 auto;
    padding-top: 115px;
    overflow: hidden;
}

.section1 .con {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

.section1 {
    height: 556px;
}

.section2 {
    height: 1000px;
    background: #fff url("../images/bg_bg.png") center bottom no-repeat;
    background-size: 100% auto;
}

.section2 .con {
    width: 1280px;
    margin: 0 auto;
    padding-top: 104px;
    overflow: hidden;
}

.section3 .con {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 110px;
}

.section3 {
    background: url("../images/bg_api.png") center top no-repeat;
    background-size: 100% 100%;
}

.section4 {
    background: #fff
}

.section5 {
    height: 665px;
}

.topservice {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 22px;
    height: 39px;
    line-height: 39px;
}

.topservice>* {
    vertical-align: middle;
}

.topservice .welcomes {
    margin-right: 48px;
}

.topservice .phone {
    padding-left: 25px;
    background: url("../images/top-phone.png") left center no-repeat;
}

.topservice .help_email {
    padding-left: 25px;
    background: url("../images/top-email.png") left center no-repeat;
    margin-left: 28px;
}

.topservice .help_phonenumber {
    margin-right: 20px
}

.section2 .itemtopbar {
    display: flex;
    margin-left: 101px;
}

.section2 .itemtopbar .item {
    margin-right: 16.8%;
}

.section2 .itemtopbar .item:nth-child(3) {
    margin-right: 170px;
}

.section2 .itemtopbar .item:nth-child(4) {
    margin-right: 0px;
}

.section2 .itemtopbar .item .ico {
    width: 60px;
    height: 58px;
    margin-bottom: 34px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.section2 .itemtopbar .item:nth-child(1) .ico {
    background-image: url("../images/ico1.png");
}

.section2 .itemtopbar .item:nth-child(2) .ico {
    background-image: url("../images/ico2.png");
}

.section2 .itemtopbar .item:nth-child(3) .ico {
    background-image: url("../images/ico3.png");
}

.section2 .itemtopbar .item:nth-child(4) .ico {
    background-image: url("../images/ico4.png");
}

.section2 .itemtopbar .item .b {
    line-height: 25px;
    font-size: 18px;
    color: #3B3B3B;
    margin-bottom: 4px;
}

.section2 .itemtopbar .item .c {
    line-height: 20px;
    font-size: 13px;
    color: #575757;
}

.caipiaoxt {
    width: 1280px;
    margin: 105px auto 67px;
}

.caipiaoxt .m_left {
    float: left;
    width: 478px;
    height: 450px;
    padding: 67px 61px 76px 61px;
    background: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(40, 62, 96, 0.20);
    border-radius: 30px;
}

.m_left h1 {
    line-height: 45px;
    font-size: 32px;
    color: #3B3B3B;
    font-weight: bold;
    margin-bottom: 58px;
}

.m_left p {
    text-indent: 2em;
    font-size: 14px;
    color: #3B3B3B;
    line-height: 30px;
}

.m_left .leftspan {
    display: block;
    font-size: 14px;
    color: #3B3B3B;
    margin-top: 20px;
    font-weight: bold;
    padding-left: 30px;
    position: relative;
}

.m_left .leftspan:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-image: linear-gradient(45deg, #FF4961 0%, #FF7D69 100%);
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.caipiaoxt .m_right {
    float: right;
    width: 650px;
    height: 464px;
    margin-top: 170px;
}

.apid {
    display: flex;
    text-align: center;
    align-items: center;
}

.api_left {
    display: inline-block;
    width: 985px;
    height: 984px;
    background: url("../images/api.png") center no-repeat;
    margin-left: 74px;
}

.apid .m_left {
    display: inline-block;
    text-align: left;
    width: 408px;
    padding: 71px 69px 76px 84px;
    background: #FFFFFF;
    box-shadow: 0 5px 10px 0 rgba(40, 62, 96, 0.20);
    border-radius: 30px;
}

.apid .m_left i {
    font-size: 14px;
    color: #3B3B3B;
    display: block;
    padding-left: 30px;
    margin-top: 13px;
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap
}

.str_wrap.str_active {
    background: none
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit
}

.str_wrap img {
    max-width: none !important
}

.lotgameicolist {
    width: 1920px;
    height: 200px;
    margin-top: 99px;
    margin-bottom: 120px;
}

.lotgameicolist .item {
    display: inline-block;
}

.lotgameicolist .item>div {
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    margin: 0 10px;
}

.lotgameicolist .item .b {
    opacity: 0.2;
    transform: scaleY(-1);
}

.poster-main {
    position: relative;
    left: 50%;
}

.poster-main a,
.poster-main img {
    display: block;
    width: 100%;
    height: 100%;
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
}

.section .tit {
    text-align: center;
}

.section .tit h1 {
    color: #3B3B3B;
    font-weight: bold;
    font-size: 32px;
}

.section .tit h4 {
    font-size: 18px;
    color: #3B3B3B;
    margin-top: 0.4rem;
    color: #555
}

.banner .slideShow_fade,
.banner .slideShow_fade>* {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.banner .slideShow_fade img {
    width: 100%;
}

.banner {
    position: relative;
    left: 50%;
    width: 1920px;
    height: 556px;
    margin-left: -960px;
}

.bannertop2.banner {
    width: 650px;
    height: 464px;
    margin-left: 0;
    left: 0;
}

.banner .buttons {
    position: absolute;
    width: auto;
    font-size: 0;
    height: 8px;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%);
    z-index: 9;
}

.banner .buttons a {
    box-sizing: border-box;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    opacity: .5;
    border-radius: 100%;
}

.banner .buttons a.blue {
    width: 10px;
    height: 10px;
    opacity: 1;
}

.totop {
    position: fixed;
    right: 50px;
    bottom: 120px;
    width: 84px;
    height: 84px;
    background: url("../images/totop.png") center no-repeat;
    font-size: 12px;
    color: white;
    text-align: center;
    line-height: 115px;
}

#view5 {
    background: #fff;
    height: 660px;
}

.service_steps {
    display: flex;
    margin: 100px 0 0 0;
}

.service_steps li {
    width: 25%;
    color: #3b3b3b;
    position: relative;
}

.service_steps li:not(.last):after {
    content: '';
    position: absolute;
    right: 0;
    top: 36px;
    height: 40px;
    width: 23px;
    background: url(../images/icon_service_arrow.png) no-repeat center center;
}

.service_steps li>div[class*="img_"] {
    height: 115px;
    width: 115px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.service_steps li>.img_gengxinweihu {
    background-image: url(../images/img_gengxinweihu.png)
}

.service_steps li>.img_querenfangan {
    background-image: url(../images/img_querenfangan.png)
}

.service_steps li>.img_apijieru {
    background-image: url(../images/img_apijieru.png)
}

.service_steps li>.img_zixunchanpin {
    background-image: url(../images/img_zixunchanpin.png)
}

.service_steps li>.img_gengxinweihu1 {
    background-image: url(../images/img_apijieru1.png)
}

.service_steps li .title {
    font-size: 18px;
    font-weight: 700;
    margin: 25px 0;
}

.service_steps li .sub {
    font-size: 14px;
}

#view6 {
    background: url(../images/bg_coop1.png) no-repeat center center;
    background-size: cover;
}

.section .coop_list {
    padding: 66px 0 0 0;
}

.coop_list ul {
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.coop_list li {
    width: 16.66%;
    height: 120px;
    margin: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coop_list a {
    background: url(../images/logo_ob.png) no-repeat center center;
    background-size: contain;
}

.coop_list .ob {
    height: 60px;
    width: 119px;
    background-image: url(../images/logo_ob.png);
}

.coop_list .mg {
    height: 55px;
    width: 55px;
    background-image: url(../images/logo_mg.png);
}

.coop_list .shaba {
    height: 54px;
    width: 134px;
    background-image: url(../images/logo_shaba.png);
}

.coop_list .bbin {
    height: 121px;
    width: 121px;
    background-image: url(../images/logo_bbin.png);
}

.coop_list .ag {
    height: 89px;
    width: 89px;
    background-image: url(../images/logo_ag.png);
}

.coop_list .pt {
    height: 85px;
    width: 85px;
    background-image: url(../images/logo_pt.png);
}

.coop_list .ky {
    height: 67px;
    width: 85px;
    background-image: url(../images/logo_ky.png);
}

.coop_list .mega {
    height: 63px;
    width: 163px;
    background-image: url(../images/logo_mega.png);
}

.coop_list .hc {
    height: 43px;
    width: 79px;
    background-image: url(../images/logo_hc.png);
}

.coop_list .douji {
    height: 81px;
    width: 81px;
    background-image: url(../images/logo_douji.png);
}

.coop_list .og {
    width: 89px;
    height: 89px;
    background-image: url(../images/logo_og.png);
}

.coop_list .gd {
    height: 47px;
    width: 121px;
    background-image: url(../images/logo_gd.png);
}

#view7 {
    background: url(../images/bg_coop2.png) no-repeat center center;
    height: 735px;
}

#view7 .con {
    padding-top: 181px;
}

.contact_us {
    width: 960px;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 50px;
    display: flex;
}

.contact_us .pane {
    width: 50%;
    box-sizing: border-box;
    padding: 0 40px 0 72px;
}

.contact_us .pane h4 {
    font-size: 16px;
    font-weight: 700;
    color: #464646;
    margin: 0 0 36px 0;
}

.contact_form {
    padding: 0 0 0 10px;
}

.contact_form li {
    font-size: 14px;
    color: #3b3b3b;
    display: flex;
    align-items: center;
    padding: 0 0 16px 0;
}

.contact_form li>label {
    width: 5em;
    flex: 0 0 auto;
    line-height: 40px;
}

.contact_form li>input {
    height: 40px;
    flex: 1 1 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 18px;
}

.contact_form li>input:focus {
    border-color: #9b9b9b;
}

.contact_form .btn_send {
    height: 42px;
    width: 200px;
    line-height: 42px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: .5em;
    background-image: linear-gradient(45deg, #FF4961 0%, #FF7D69 100%);
    border-radius: 4px;
}

.contact_list li {
    height: 50px;
    box-shadow: 0 0 8px 0 rgba(61, 101, 164, 0.20);
    background: #fff;
    border-radius: 4px;
    line-height: 50px;
    margin: 0 44px 12px 1em;
    display: flex;
    color: #3b3b3b;
    font-size: 14px;
}

.contact_list i[class*="icon_"] {
    height: 50px;
    width: 50px;
    background: url(../images/icon_phone.png) no-repeat center center;
}

.contact_list i.icon_email {
    background-image: url(../images/icon_email.png);
}

.contact_list i.icon_skype {
    background-image: url(../images/icon_skype.png);
}

.contact_list i.icon_qq {
    background-image: url(../images/icon_qq.png);
}

.contact_us~.mtip {
    color: #585858;
    font-size: 12px;
    text-align: center;
}

.foot_tip {
    background: #4b4c62;
    height: 67px;
    text-align: center;
    line-height: 64px;
    color: #888;
    font-size: 12px;
}

.mobile.main-head {
    height: 1.3rem;
    line-height: 1.3rem;
    width: 100%;
    min-width: 100%;
}

.mobile .main-menu {
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    padding-top: 0;
    background: rgba(0, 0, 0, .8);
}

.mobile .menus {
    display: block;
    float: left;
    color: #fff;
    font-size: 0.36rem;
    padding: 0 0.4rem;
}

.mobile .topservice {
    left: 1.8rem;
    height: 1.3rem;
    line-height: 0.65rem;
    display: none
}

.mobile .topservice .phone {
    padding-left: 0.6rem;
    line-height: 0.4rem;
}

.mobile .topservice .help_phonenumber {
    margin-right: 0.25rem;
    line-height: 0.4rem;
}

.mobile .topservice .help_email {
    margin-right: 0;
    display: block;
    height: 0.65rem;
    line-height: 0.65rem;
    margin-left: 0;
}

.mobile .lang {
    height: 1.3rem;
    line-height: 1.3rem;
    right: 0.4rem;
    padding-right: 0.5rem;
}

.mobile .banner .buttons {
    bottom: 0.4rem
}

.mobile .nav-left {
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 1.3rem;
    z-index: 1000;
    background-color: #fff;
    border-top: 1px solid #ddd;
    display: none;
    height: auto;
    width: 100%;
}

.mobile .main-menu li {
    display: block;
    text-align: left;
    font-size: 0.35rem;
    height: 1.1rem;
    width: 94%;
    margin: 0 3%;
    position: relative;
    color: #303030;
    line-height: 1.1rem;
    border-bottom: 1px solid #ddd;
}

.mobile .main-menu li.active:after,
.mobile .main-menu li:hover:after {
    width: 0;
    height: 0;
}

.mobile .main-menu li:last-child {
    border: 0;
}

.mobile .main-menu li a {
    color: #333;
}

.mobile .main-menu li.current a {
    color: #333;
}

.mobile .main-menu .current:after {
    display: none;
}

.mobile.main-view {
    padding-top: 1.3rem;
    height: auto;
    overflow-x: hidden;
}

.banner .buttons a {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.main-head.mobile .logo-a {
    width: 68px;
    height: 1.3rem;
    top: 0;
    left: 50%;
    margin-left: -34px;
    background: url("../images/gglogo.png") center no-repeat;
    background-size: auto 1.1rem;
}

.main-head.mobile .mobile-logo {
    position: absolute;
    width: 68px;
    height: 1.3rem;
    background: url("../images/gg.png") center no-repeat;
    top: 0;
    left: 50%;
    margin-left: -34px;
    background-size: auto 1.1rem;
}

.mobile.main-view {
    padding-top: 1.3rem;
    height: auto;
    overflow-x: hidden;
}

.mobile .section {
    min-width: 100%;
}

.mobile .con {
    padding-top: 1.3rem;
    width: 100%;
}

.mobile .section1 .con {
    padding: 0
}

.mobile .section1 {
    height: auto;
}

.mobile .section2 {
    height: auto;
    background-size: 100% auto;
    background-position: center bottom;
}

.mobile .section3 {
    height: auto;
    background-size: 100% auto;
    background-position: center bottom;
    background-color: #fff;
}

.mobile .section4 {
    height: auto;
}

.mobile .section5 {
    height: auto;
}

.mobile .banner {
    width: 100%;
    height: 4rem;
    left: 0;
    margin-left: 0;
}

.mobile .section1 .banner {
    height: 2.9rem;
}

.mobile .section2 .con,
.mobile .section3 .con {
    padding-top: 0.5rem
}

.mobile .itemtopbar {
    margin-left: 0;
}

.mobile .itemtopbar .item {
    margin-right: 0;
    width: 25%;
}

.mobile .itemtopbar .item:nth-child(3) {
    margin-right: 0;
}

.mobile .itemtopbar .item .ico {
    width: 100%;
    background-position: center bottom;
    margin: 0 auto 0.25rem;
}

.mobile .itemtopbar .item .b {
    font-size: 0.42rem;
    text-align: center;
}

.mobile .itemtopbar .item .c {
    font-size: 0.24rem;
    text-align: center;
}

.mobile .caipiaoxt {
    width: 96%;
    padding: 0 2%;
    margin: 0.25rem auto auto;
}

.mobile .caipiaoxt .m_left {
    float: none;
    width: 90%;
    padding: 0.4rem 5%;
    border-radius: 0.3rem;
}

.mobile .m_left h1 {
    font-size: 0.65rem;
    margin-bottom: 0.15rem;
    line-height: 1rem;
}

.mobile .m_left p {
    font-size: 0.25rem;
    line-height: 0.75rem;
}

.mobile .m_left .leftspan {
    margin-top: 0.25rem;
    padding-left: 0.65rem;
}

.mobile .caipiaoxt .m_right {
    float: none;
    width: 100%;
    height: auto;
    margin: 0.5rem auto;
    border-radius: 0.3rem;
}

.mobile .bannertop2 {
    height: 6.5rem;
}

.mobile .apid {
    display: block;
    width: 96%;
    padding: 0 2%;
    padding-top: 0.2rem;
}

.mobile .api_left {
    float: none;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    background-size: 100% 100%;
    display: none;
}

.mobile .apid .m_left {
    float: none;
    width: 90%;
    padding: 0.4rem 5%;
    margin-bottom: 0.5rem;
    border-radius: 0.3rem;
}

.mobile .m_left i {
    font-size: 0.25rem;
    margin-top: 0.1rem;
    padding-left: 0.65rem;
}

.mobile .totop {
    display: none;
    width: 1.5rem;
    height: 0.7rem;
    line-height: 0.3rem;
    padding-top: 1rem;
    font-size: 0.2rem;
    background-size: 100% 100%;
    right: 0.2rem;
    bottom: 80px;
    word-break: break-all;
}

.mobile .section.section4 .con1 {
    padding-top: 30px;
    position: relative;
    overflow: visible;
}

.mobile .lotgameicolist {
    height: 3rem;
    margin-top: .8rem;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

.mobile .lotgameicolist .item>div {
    width: 1.5rem;
    margin: 0 .2rem;
    height: 1.5rem;
}

.mobile .section.section4 .con1 .tex2 {
    width: 100%;
    position: static;
    margin-left: 0;
}

.mobile .section.section4 .tit.tit1 h4 {
    font-size: .4rem;
    color: #3B3B3B;
    margin-top: .3rem;
    margin-bottom: 0
}

.mobile .section.section4 .con1 .tex {
    text-align: center;
    overflow: hidden;
}

.mobile .section.section4 .con1 .tex .cel {
    text-align: center;
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: .8rem;
}

.mobile .section.section4 .con1 .tex.tex1 {
    margin-bottom: 0;
    overflow: hidden;
}

.mobile .section.section4 .con1 .tex .cel .img {
    width: 100%;
    height: 4rem;
}

.mobile .section.section4 .con1 .tex .cel h6 {
    font-size: .45rem;
    color: #3B3B3B;
    font-weight: bold;
    line-height: .6rem;
    margin-bottom: .3rem;
}

.mobile .section.section4 .con1 .tex .cel .teh {
    font-size: .3rem;
    color: #3B3B3B;
}

.mobile .section4 .geuh2 .tit h1 {
    padding-top: 1.5rem;
    margin-bottom: .3rem;
}

.mobile .section .tit h1 {
    color: #3B3B3B;
    font-weight: bold;
    font-size: .6rem;
}

.mobile .section4 .geuh2 .tit h4 {
    font-size: .4rem;
    color: #3B3B3B;
    margin-top: .3rem;
    margin-bottom: 1.5rem;
}

.mobile .poster-main {
    padding-bottom: 1rem;
}

.mobile .section4 .geuh {
    font-size: 0;
    height: auto;
    background: white;
}

.mobile .section4 .geuh .tit h1 {
    padding-top: 1.5rem;
    margin-bottom: .3rem;
}

.mobile .section4 .geuh .tit h4 {
    font-size: .4rem;
    color: #3B3B3B;
    margin-top: .3rem;
    margin-bottom: .5rem;
}

.mobile .section4 .geuh2 {
    font-size: 0;
    height: auto;
    background: url("../images/bght.png");
}

.mobile .tit3yh {
    text-align: center;
    margin-bottom: 1rem;
}

.mobile .tit3yh .nt {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0 10px;
}

.mobile .tit3yh .nt .img {
    width: 100%;
    height: 26px;
    margin-bottom: 20px;
}

.mobile .tit3yh .nt .h6 {
    font-size: 14px;
    color: #3B3B3B;
}

.mobile #view5 {
    height: auto;
}

.mobile .service_steps {
    margin: 0.32rem 0;
    flex-wrap: wrap;
}

.mobile .service_steps>li {
    width: 25%;
    margin: 0.12rem 0;
}

.mobile .service_steps>li div[class*="img_"] {
    width: 80px;
    height: 50px;
    background-size: 50%
}

.mobile .service_steps>li:nth-child(2) div[class*="img_"] {
    width: 80px;
    height: 50px;
    background-size: 40%
}

.mobile .service_steps>li:last-child div[class*="img_"] {
    width: 80px;
    height: 50px;
    background-size: contain
}

.mobile .service_steps>li .sub {
    font-size: 0.24rem
}

.mobile .service_steps>li::after {
    content: none;
}

.mobile .service_steps li .title {
    font-size: 0.4rem;
    font-weight: normal;
    margin: 0.3em 0;
}

.mobile .section .coop_list {
    padding: 0;
    height: 100%;
}

.mobile .coop_list ul {
    width: auto;
    height: 100%;
}

.mobile .coop_list li {
    width: 25%;
    height: 0;
    padding: 12.5% 1.5em;
    box-sizing: border-box;
}

.mobile #view7 {
    height: auto;
    background-size: cover;
}

.mobile #view7 .con {
    padding-top: 1.3rem;
}

.mobile .contact_us {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    margin: 1.2rem 0 0 0;
}

.mobile .contact_us .pane {
    width: 100%;
}

.mobile .contact_us .pane {
    padding: 0 0.64rem;
}

.mobile .contact_list li {
    margin: 0 0 0.32rem 1em;
}

.mobile .contact_us .pane h4 {
    margin: 1em 0 2em 0;
}

.mobile .contact_us~.mtip {
    padding: 0.32rem 1rem;
}

.animated.fadeInDown {
    animation: fadeInDown 1s;
}

.animated.fadeInUp {
    animation: fadeInUp 1s;
}

.animated.pop {
    animation: pop 3s;
}

.animated.shake {
    animation: shake 1s;
}

.animated.fadeIn {
    animation: fadeIn 1s;
}

.animated.fadeInLeft {
    animation: fadeInLeft 1s;
}

.animated.fadeInRight {
    animation: fadeInRight 1s;
}

.animated.time1-3 {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.animated.time1-6 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.animated.time1-9 {
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

.animated.time1-12 {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes pop {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes shake {
    0% {
        transform: rotate(5deg);
    }
    25% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0);
    }
}

.cqssc_gold {
    background: url("../images/cqssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.hljssc_gold {
    background: url("../images/hljssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.tjssc_gold {
    background: url("../images/tjssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.xjssc_gold {
    background: url("../images/xjssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.bjssc_gold {
    background: url("../images/bjssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.xgssc_gold {
    background: url("../images/xgssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.sfssc_gold {
    background: url("../images/sfssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.sd11x5_gold {
    background: url("../images/sd11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jx11x5_gold {
    background: url("../images/jx11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.gd11x5_gold {
    background: url("../images/gd11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.bjk8_gold {
    background: url("../images/bjk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.pk10_gold {
    background: url("../images/bjpk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jsk3_gold {
    background: url("../images/jsk3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ahk3_gold {
    background: url("../images/ahk3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ffk3_gold {
    background: url("../images/ffk3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.fucai_gold {
    background: url("../images/b3d_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.tcp3_gold {
    background: url("../images/tcp3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.bj28_gold {
    background: url("../images/bj28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jnd28_gold {
    background: url("../images/jnd28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.six_gold {
    background: url("../images/six_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jssix_gold {
    background: url("../images/jssix_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.shk3_gold {
    background: url("../images/shk3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.sh11x5_gold {
    background: url("../images/sh11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ah11x5_gold {
    background: url("../images/ah11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.js11x5_gold {
    background: url("../images/js11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ff11x5_gold {
    background: url("../images/ff11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jndxbk8_gold {
    background: url("../images/jndk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.metk8_gold {
    background: url("../images/metk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.bgk8_gold {
    background: url("../images/bgk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jndxb28_gold {
    background: url("../images/jndxb28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.met28_gold {
    background: url("../images/met28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.bg28_gold {
    background: url("../images/bg28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m1pk10_gold {
    background: url("../images/m1pk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jsft_gold {
    background: url("../images/jsft_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.slovkk8_gold {
    background: url("../images/slovkk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.tokyok8_gold {
    background: url("../images/tokyok8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.slvak28_gold {
    background: url("../images/slvak28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.tokyok28_gold {
    background: url("../images/tokyok28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m1hk_gold {
    background: url("../images/m1hk_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m1js_gold {
    background: url("../images/m1js_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.s30canada_gold {
    background: url("../images/s30canada_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.s30js_gold {
    background: url("../images/s30js_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m1s30tokyo_gold {
    background: url("../images/m1s30tokyo_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m5cwkeno_gold {
    background: url("../images/m5cwkeno_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m5tw_gold {
    background: url("../images/m5tw_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m5slovak_gold {
    background: url("../images/m5slovak_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.long_gold {
    background: url("../images/long_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.quick_gold {
    background: url("../images/quick_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.cqxync_gold {
    background: url("../images/cqxync_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.gdk10_gold {
    background: url("../images/gdk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.tjk10_gold {
    background: url("../images/tjk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.hnk10_gold {
    background: url("../images/hnk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.sxk10_gold {
    background: url("../images/sxk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlotto_gold {
    background: url("../images/gg.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottohcm_gold {
    background: url("../images/ynlottohcm_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottott_gold {
    background: url("../images/ynlottott_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottojod_gold {
    background: url("../images/ynlottojod_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottofa_gold {
    background: url("../images/ynlottofa_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottosb_gold {
    background: url("../images/ynlottosb_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottohn_gold {
    background: url("../images/gg.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottobz_gold {
    background: url("../images/ynlottobz_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottotd_gold {
    background: url("../images/ynlottotd_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottobl_gold {
    background: url("../images/ynlottobl_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottogn_gold {
    background: url("../images/ynlottogn_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottodl_gold {
    background: url("../images/ynlottodl_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottotn_gold {
    background: url("../images/ynlottotn_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottosz_gold {
    background: url("../images/ynlottosz_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoq_gold {
    background: url("../images/ynlottoq_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoxg_gold {
    background: url("../images/ynlottoxg_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoqh_gold {
    background: url("../images/ynlottoqh_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoxn_gold {
    background: url("../images/ynlottoxn_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoaj_gold {
    background: url("../images/ynlottoaj_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottops_gold {
    background: url("../images/ynlottops_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottopd_gold {
    background: url("../images/ynlottopd_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottogp_gold {
    background: url("../images/ynlottogp_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoyl_gold {
    background: url("../images/ynlottoyl_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottopy_gold {
    background: url("../images/ynlottopy_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottocr_gold {
    background: url("../images/ynlottocr_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottojl_gold {
    background: url("../images/ynlottojl_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottons_gold {
    background: url("../images/ynlottons_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottola_gold {
    background: url("../images/ynlottola_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottohj_gold {
    background: url("../images/ynlottohj_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottogy_gold {
    background: url("../images/ynlottogy_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottoqj_gold {
    background: url("../images/ynlottoqj_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottojj_gold {
    background: url("../images/ynlottojj_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottodle_gold {
    background: url("../images/ynlottodle_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ynlottodks_gold {
    background: url("../images/ynlottodks_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.nyssc_gold {
    background: url("../images/nyssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jsssc_gold {
    background: url("../images/jsssc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ms11x5_gold {
    background: url("../images/ms11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.txffc_gold {
    background: url("../images/txffc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.qqffc_gold {
    background: url("../images/qqffc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.nyffc_gold {
    background: url("../images/nyffc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ny2fc_gold {
    background: url("../images/ny2fc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ny75mc_gold {
    background: url("../images/ny75mc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ys45mc_gold {
    background: url("../images/ys45mc_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m3six_gold {
    background: url("../images/m3six_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m10six_gold {
    background: url("../images/m10six_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.js1k3_gold {
    background: url("../images/js1k3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m3k3_gold {
    background: url("../images/m3k3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m5k3_gold {
    background: url("../images/m5k3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.m10k3_gold {
    background: url("../images/m10k3_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.txpk10_gold {
    background: url("../images/txpk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.yspk10_gold {
    background: url("../images/yspk10_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.jsk8_gold {
    background: url("../images/jsk8_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.js28_gold {
    background: url("../images/js28_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.ln11x5_gold {
    background: url("../images/ln11x5_gold.png") center center no-repeat;
    background-size: 100% 100%;
}

.section4 .tit1 {
    margin-bottom: 1rem
}

.section.section4 .con1 {
    padding-top: 30px;
    position: relative;
    overflow: visible;
}

.section.section4 .con1 .tex2 {
    width: 1920px;
    position: absolute;
    left: 50%;
    bottom: -340px;
    margin-left: -960px;
}

.section.section4 .tit.tit1 h4 {
    margin-top: 24px;
    margin-bottom: 90px;
}

.section.section4 .con1 .tex {
    text-align: center;
}

.section.section4 .con1 .tex .cel {
    text-align: center;
    width: 334px;
    display: inline-block;
    vertical-align: top;
}

.section.section4 .con1 .tex.tex1 {
    margin-bottom: 473px;
}

.section.section4 .con1 .tex .cel .img {
    width: 334px;
    height: 156px;
}

.section.section4 .con1 .tex .cel h6 {
    font-size: 18px;
    color: #3B3B3B;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 25px;
}

.section.section4 .con1 .tex .cel1 .img {
    background: url("../images/txp01.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel2 .img {
    background: url("../images/txp02.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel3 .img {
    background: url("../images/txp03.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel4 .img {
    background: url("../images/txp04.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel5 .img {
    background: url("../images/txp05.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel6 .img {
    background: url("../images/txp06.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel7 .img {
    background: url("../images/txp07.png") no-repeat center center;
}

.section.section4 .con1 .tex .cel .teh {
    font-size: 14px;
    color: #3B3B3B;
}

.section4 .geuh2 .tit h1 {
    padding-top: 115px;
    margin-bottom: 24px;
}

.section4 .geuh2 .tit h4 {
    font-size: 18px;
    color: #3B3B3B;
    margin-top: 24px;
    margin-bottom: 90px;
}

.section4 .geuh {
    font-size: 0;
    /*height: 630px;*/
    background: white;
}

.section4 .geuh .tit h1 {
    padding-top: 115px;
    margin-bottom: 24px;
}

.section4 .geuh2 {
    font-size: 0;
    height: 792px;
    background: url("../images/bght.png");
}

.tit3yh {
    text-align: center;
    margin-bottom: 150px;
}

.tit3yh .nt {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0 10px;
    vertical-align: top;
}

.tit3yh .nt .img {
    width: 100%;
    height: 26px;
    margin-bottom: 20px;
}

.tit3yh .nt .h6 {
    font-size: 14px;
    color: #3B3B3B;
}

.tit3yh .nt1 .img {
    background: url("../images/po01.png") no-repeat center center;
}

.tit3yh .nt2 .img {
    background: url("../images/po02.png") no-repeat center center;
}

.tit3yh .nt3 .img {
    background: url("../images/po03.png") no-repeat center center;
}

.tit3yh .nt4 .img {
    background: url("../images/po04.png") no-repeat center center;
}

.tit3yh .nt5 .img {
    background: url("../images/po05.png") no-repeat center center;
}

.tit3yh .nt6 .img {
    background: url("../images/po06.png") no-repeat center center;
}

.tit3yh .nt7 .img {
    background: url("../images/po07.png") no-repeat center center;
}

.tit3yh .nt8 .img {
    background: url("../images/po08.png") no-repeat center center;
}

.tit3yh .nt9 .img {
    background: url("../images/po09.png") no-repeat center center;
}

.tit3yh .nt10 .img {
    background: url("../images/po10.png") no-repeat center center;
}

.section4 .geuh2 .poster-main {
    padding: 0 20px
}

.business .box {
    position: relative;
    margin-top: -65px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.business .box .caption {
    width: 100%;
    text-align: center;
    -moz-opacity: 0;
    margin-top: 50px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.business.active .box .caption {
    -moz-opacity: 1;
    opacity: 1;
}

.business .box .caption span {
    font-size: 40px;
    letter-spacing: 5px;
    color: #3b3b3b;
}

.business .box .caption p {
    font-size: 22px;
    letter-spacing: 1px;
    color: #585c79;
}

.business .box ul.items {
    margin: 0 auto;
    margin-top: 20px;
    text-align: center
}

.business .box ul.items li {
    width: 266px;
    height: 380px;
    background: url("../images/bg01.jpg") no-repeat 0px 510px;
    overflow: hidden;
    display: inline-block;
}

.business .box ul.items li i {
    width: 78px;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 78px;
    height: 78px;
}

.business .box ul.items li.one i {
    background: url("../images/cooperation01.png") no-repeat center;
}

.business .box ul.items li.two i {
    background: url("../images/cooperation02.png") no-repeat center;
}

.business .box ul.items li.three i {
    background: url("../images/cooperation03.png") no-repeat center;
}

.business .box ul.items li.four i {
    background: url("../images/cooperation04.png") no-repeat center;
}

.business .box ul.items li u {
    display: block;
    position: absolute;
    width: 140px;
    height: 140px;
    margin-left: 65px;
    margin-top: 45px;
    background: url("../images/cooperationbg02.png");
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
    clip: rect(0px, 156px, -10px, 78px);
}

.business.active .box ul.items li u.cl {
    clip: rect(0px, 156px, 156px, 78px);
}

.business .box ul.items li u.cr {
    clip: rect(156px, 78px, 156px, 0px);
}

.business.active .box ul.items li u.cr {
    clip: rect(0px, 78px, 156px, 0px);
}

.business .box ul.items li strong {
    display: block;
    margin-top: 35px;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    color: #3b3b3b;
}

.business .box ul.items li .items-div {
    text-align: center;
    color: #3b3b3b;
    font-size: 12px;
    line-height: 26px;
    height: 104px;
    overflow: hidden;
}

.business .box ul.items li em {
    display: block;
    font-size: 14px;
    color: #3b3b3b;
    font-style: normal;
    text-align: center;
    margin-top: 8px;
}

.business .box ul.items li span {
    display: block;
    width: 34px;
    height: 4px;
    background: #b5b6c3;
    margin: 25px auto 30px auto;
}

.business .box ul.items li p {
    position: relative;
    top: 200px;
    color: White;
    font-family: Arial, "宋体";
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.business .box ul.items li:hover {
    background-position: 0px 0px;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
    border-radius: 6px;
    box-shadow: 0 0 5px #09F;
    background: rgba(255, 255, 255, .3);
}

.business .box ul.items li:hover i {
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}

.business .box ul.items li:hover u.cl {
    background: url("../images/cooperationbg01.png");
}

.business .box ul.items li:hover u.cr {
    background: url("../images/cooperationbg01.png");
}

.business .box ul.items li:hover strong {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.business .box ul.items li:hover p {
    top: 30px;
    color: #09F;
    -webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.li_box {
    width: 1260px;
    margin: 30px auto;
}

.li_box li {
    display: block;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 8px #CCC;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
}

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

.li_box li i {
    float: left;
    width: 108px;
    margin: 0 20px;
}

.li_box li:nth-child(2n) i {
    float: right;
}

.li_box li dd {
    margin: 0
}

.li_box li dd b {
    font-size: 22px;
    margin-bottom: 8px;
    display: block;
    font-weight: normal
}

.li_box li dd p {
    font-size: 14px;
    line-height: 24px;
    color: #555
}

.marketing {
    background: url(../images/wallpaper6.jpg) center;
    background-size: cover;
}

.marketing .box {
    position: relative;
}

.marketing .box .caption {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    z-index: 10;
}

.marketing.active .box .caption {
    -moz-opacity: 1;
    opacity: 1;
}

.marketing .box .caption h3 {
    display: block;
    font-size: 32px;
    color: #fff;
    letter-spacing: 5px;
}

.marketing .box .caption span {
    font-size: 18px;
    letter-spacing: 1px;
    color: #585c79;
}

.marketing .box .caption p {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 20px;
}

.marketing .box ul.items {
    margin: 0 auto;
    margin-top: 1rem;
    position: relative;
    z-index: 10;
    overflow: hidden;
    width: 1030px !important;
}

.marketing.active .box ul.items {
    -moz-opacity: 1;
    opacity: 1;
}

.marketing .box ul.items li {
    width: 420px;
    height: 90px;
    margin: 0 20px 15px 20px;
    overflow: hidden;
    float: left;
    position: relative;
    padding: 10px 25px 10px 25px;
}

.marketing .box ul.items li img {
    display: block;
    float: left;
    width: 90px;
    margin-right: 20px;
}

.marketing .box ul.items li .marke-box {
    padding-top: 0.2rem;
    display: block;
    float: left;
    width: 300px;
    color: #fff;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.marketing .box ul.items li .marke-box h4 {
    height: 80px;
    line-height: 30px;
    font-size: 16px;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.marketing .box ul.items .four .marke-box h5 {
    line-height: 30px;
    font-size: 16px;
}

.marketing .box ul.items li .marke-box a {
    display: block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: rgba(255, 255, 255, .5);
    margin-top: 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.marketing .box ul.items li u {
    display: block;
    position: absolute;
    left: 31px;
    width: 78px;
    height: 78px;
    background: url("../images/bg03.png") no-repeat;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.marketing .box ul.items li u.cl {
    clip: rect(0px, 128px, -10px, 64px);
}

.marketing .box ul.items li:hover u.cl {
    clip: rect(0px, 128px, 128px, 64px);
}

.marketing .box ul.items li u.cr {
    clip: rect(128px, 64px, 128px, 0px);
}

.marketing .box ul.items li:hover u.cr {
    clip: rect(0px, 64px, 128px, 0px);
}

.marketing .shade {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
    background: White;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.bigbox .tit h1 {
    color: #fff !important;
    margin-top: 1rem
}

.bigbox .tit h4 {
    color: #fff !important;
}

.caipiaoxt .m_left i {
    line-height: 24px;
    margin-left: 30px
}

.mobile .caipiaoxt .m_left {
    margin-bottom: 0.5rem
}

@media screen and (max-width:999px) {
    .li_box {
        width: 90%
    }
    .li_box li {
        text-align: center
    }
    .li_box li i {
        float: none;
    }
    .li_box li:nth-child(2n) i {
        float: none;
    }
    .marketing .box ul.items li {
        width: 90%;
        float: none;
        margin: 10px 0
    }
}

.footer {
    height: 120px;
    background-color: #141821;
    color: #DDDDDD;
}

.footer .site-information {
    margin: 0 auto;
    position: relative;
    height: 111px;
    border-top: 1px solid rgba(221, 221, 221, 0.2);
}

.footer .links {
    position: absolute;
    left: 50%;
    top: 25px;
    display: flex;
    align-items: center;
    transform: translateX(-50%);
    font-size: 12px;
}

.footer .links a {
    color: #AAA;
    text-decoration: underline;
    margin: 0 12px;
}

.footer .info {
    color: rgba(219, 219, 219, 0.5);
    font-size: 12px;
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%;
}

.footer .info a {
    color: rgba(219, 219, 219, 0.5);
    font-size: 12px;
    text-decoration: underline;
}