@charset "utf-8";

@media screen and (min-width: 1440px) {
}

@media screen and (max-width: 1440px) {
}

.hot-da {
    margin-top: 30px;
}

.mb80 {
    margin-bottom: 80px;
}


/*套餐新增样式*/

.hot-fl-p-ys {
    background: linear-gradient(-45deg, #4198ff, #525aff) !important;
    background: -webkit-linear-gradient(-45deg, #4198ff, #525aff) !important;
    background: -o-linear-gradient(-45deg, #4198ff, #525aff) !important;
    background: -moz-linear-gradient(-45deg, #4198ff, #525aff) !important;
    background: -ms-linear-gradient(-45deg, #4198ff, #525aff) !important;
}

.hot-fl-span-ys span:nth-child(1) {
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.hot-fl-span-ys span:nth-child(1) {
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    font-size: 38px;
    font-weight: bold;
}

.hot-fl-span-ys span:nth-child(2) {
    font-size: 18px;
    font-weight: normal;
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.hot-li-h5-ys1 {
    text-shadow: 0px 5px 5px #fe740d;
    background: linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -webkit-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -o-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -moz-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -ms-linear-gradient(-75deg, #ffe88f, #ff9104);
}

.hot-li-h5-ys2 {
    text-shadow: 0px 5px 5px #533eff;
    background: linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -webkit-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -o-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -moz-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -ms-linear-gradient(-75deg, #b3a1ff, #775fff);
}

.hot-li-h5-ys3 {
    text-shadow: 0px 5px 5px #ff3741;
    background: linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -webkit-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -o-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -moz-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -ms-linear-gradient(-75deg, #ff91c7, #ff5253);
}


.hot-a-ys1 {
    background: linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -webkit-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -o-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -moz-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -ms-linear-gradient(-75deg, #ffe78e, #ff9307);

    border: none !important;
    margin-left: 85px !important;
}

.hot-a-ys1:hover {
    box-shadow: 0px 0px 10px 5px #f3e3a7;
}

.hot-a-ys2:hover {
    box-shadow: 0px 0px 10px 5px #cec4f7;
}

.hot-a-ys3:hover {
    box-shadow: 0px 0px 10px 5px #fbb5d5;
}

.hot-a-ys2 {
    background: linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -webkit-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -o-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -moz-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -ms-linear-gradient(-75deg, #b4a2ff, #775fff);

    border: none !important;
    margin-left: 85px !important;
}

.hot-a-ys3 {
    background: linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -webkit-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -o-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -moz-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -ms-linear-gradient(-75deg, #ff8fc3, #ff5557);

    border: none !important;
    margin-left: 85px !important;
}


.lj400-bg {
    background: url(http://qg.uincall400.com/images/lj/lj400.png) center no-repeat;
    height: 400px;
}

.lj400-bg-1 {
    background: url(http://qg.uincall400.com/images/1010dh/1010banner.png) center no-repeat;
    height: 350px;
}

.lj400-bg-hj {
    background: url(../images/call/banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-dxk {
    background: url(../images/card/banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-ping {
    background: url(../images/ping/img1.png) center no-repeat;
    height: 360px;
}

.lj400-bg-aboutus {
    background: url(../images/about-us/banner.png) center no-repeat;
    height: 360px;
    margin-top: -24px;
}

.lj400-bg-yxtk {
    background: url(../images/yxtk/banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-tsgn {
    background: url(../images/tsgn/banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-jjfa {
    background: url(../images/jjfa/banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-me {
    background: url(http://qg.uincall400.com/images/dhhy/meetin-banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-mess {
    background: url(http://qg.uincall400.com/images/yyydx/meess-banner.png) center no-repeat;
    height: 360px;
}

.lj400-bg-2 {
    background: url(http://qg.uincall400.com/images/banner/about-ba.png) center no-repeat;
    height: 350px;
}

.border-none {
    border-top: none !important;
}

.lj-bg a:hover {
    color: #fff;
}


.fullSlide .bd ul li {
    /*height: 400px;
    width: 100%;*/
    /*cursor: pointer;*/
    height: 400px;
}

.fullSlide .bd.bdwid {
    height: 360px;
}


.hei400 {
    height: 400px !important;
}

ul.hei400 li {
    background-size: cover !important;
    height: 400px !important;
}

ul.hei344 li {
    background-size: cover !important;
    height: 350px !important;
}

.hei344 {
    height: 350px !important;
}

* {
    zoom: 1
}

.fullSlide1 {
    position: relative;
    /*background:#000;*/
    margin: 0 auto;
}

.fullSlide1 .bd1 {
    position: relative;
    z-index: 0;
}

.fullSlide1 .bd1 .tempWrap {
    width: 1200px !important;
}

.fullSlide1 .bd1 li img {
    width: 100%;
    vertical-align: top;
}

.fullSlide1 .hd1 {
    position: relative;
    z-index: 1;
    margin-top: 256px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.fullSlide1 .hd1 ul {
    text-align: center;
    padding-top: 5px;
}

.fullSlide1 .hd1 ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 34px;
    height: 2px;
    margin: 5px;
    background: url(../images/tg_flash_p.png) -52px 0;
    overflow: hidden;
    font-size: 0;
}

.fullSlide1 .hd1 ul .on {
    background-position: 0 0;
}

.fullSlide1 .prev,
.fullSlide1 .next {
    z-index: 1;
    display: block;
    width: 42px;
    height: 70px;
    position: relative;
    margin: -12.5% 0 0 0%;
    float: left;
    background: url(../images/arrow.png) 0 0 no-repeat;
    filter: alpha(opacity=80);
    opacity: 0.8
}

.fullSlide1 .next {
    background-position: right 0;
    float: right;
    margin-right: 0%
}

.fullSlide1 .prev:hover,
.fullSlide1 .next:hover {
    filter: alpha(opacity=60);
    opacity: 0.6
}

.fullSlide .arrow {
    display: none;
}

.fullSlide:hover .arrow {
    display: block;
}


/*轮播图*/

* {
    zoom: 1
}

.fullSlide {
    position: relative;
    background: transparent;
    margin: 0 auto;
}

.fullSlide .bd {
    position: relative;
    z-index: 0;
    background: transparent !important;
}

.fullSlide .bd li img {
    width: 100%;
    vertical-align: top;
}


@media screen and (max-width: 1600px) {
    .fullSlide .hd {
        position: relative;
        z-index: 1;
        bottom: 44px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
}

@media screen and (min-width: 1600px) {
    .fullSlide .hd {
        position: relative;
        z-index: 1;
        bottom: 10px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
}


.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 34px;
    height: 2px;
    margin: 5px;
    background: url(../images/tg_flash_p.png) -52px 0;
    overflow: hidden;
    font-size: 0;
}

.fullSlide .hd ul .on {
    background-position: 0 0;
}

.fullSlide .prev,
.fullSlide .next {
    z-index: 1;
    display: block;
    width: 42px;
    height: 70px;
    position: relative;
    margin: -20% 0 0 3%;
    float: left;
    background: url(../images/arrow.png) 0 0 no-repeat;
    filter: alpha(opacity=80);
    opacity: 0.8
}

.fullSlide .next {
    background-position: right 0;
    float: right;
    margin-right: 3%
}

.fullSlide .prev:hover,
.fullSlide .next:hover {
    filter: alpha(opacity=60);
    opacity: 0.6
}

.fullSlide .arrow {
    display: none;
}

.fullSlide:hover .arrow {
    display: block;
}

.mt215 {
    margin-top: 215px;
}

.h3 {
    color: #111111;
    font-size: 30px;
    text-align: center;
    /*margin-top: 80px;*/
}

.pr {
    position: relative;
}

h3.pr img {
    position: absolute;
    top: -40px;
    right: 0px;
    left: 200px;
    bottom: 0px;
    margin: auto;
}

.p {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.p span {
    color: #666;
    font-size: 14px;
}

.mt-35 {
    margin-top: -35px;
}


/*开通流程*/

.open {
    margin-top: 40px;
}

.open ul li {
    float: left;
    width: 385px;
    height: 215px;
    background-color: #f5f7fa;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.open ul li:hover {
    box-shadow: 10px 10px 10px 0px #eae9e9;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.open ul li .open-one a {
    /*transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;*/
}

.open ul li:hover .open-one a {
    color: #fff;
    border: none;
    background: linear-gradient(-45deg, #4198ff, #525aff);
    background: -webkit-linear-gradient(-45deg, #4198ff, #525aff);
    background: -o-linear-gradient(-45deg, #4198ff, #525aff);
    background: -moz-linear-gradient(-45deg, #4198ff, #525aff);
    background: -ms-linear-gradient(-45deg, #4198ff, #525aff);
}

.open ul li:nth-child(2) {
    margin: 0px 22px;
}

.open-one h4 {
    height: 50px;
    line-height: 50px;
    background: linear-gradient(top, #4198ff, #525aff);
    background: -webkit-linear-gradient(top, #4198ff, #525aff);
    background: -o-linear-gradient(top, #4198ff, #525aff);
    background: -moz-linear-gradient(top, #4198ff, #525aff);
    background: -ms-linear-gradient(top, #4198ff, #525aff);
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}

.open-one p {
    color: #111111;
    font-size: 14px;
    padding: 0px 22px;
}

.open-p {
    height: 110px;
}

.open-p p:first-child {
    padding-top: 20px;
}

.open-one a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #e1251b;
    font-size: 14px;
    border: 1px solid #e1251b;
    border-radius: 14.5px;
    margin-left: 25px;
}


/*热销套餐*/

.hot {
    margin-top: 50px;
}

.hot li.hot-li {
    float: left;
    width: 285px;
    height: 455px;
    border: 1px solid #e5e5e5;
    position: relative;
    box-sizing: border-box;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.hot li.hot-li:hover {
    box-shadow: 8px 8px 10px 0px #e8e7e7;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.hot li.hot-li:hover h3 a {
    font-weight: bold;
}

.hot-a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.hot li.hot-li:hover .hot-a {
    background-color: #fff;
    color: #fff;
}

.hot li.hot-li:nth-child(2) {
    /*margin: 0px 20px;*/
}

.hot li.hot-li.hot-li-one:nth-child(2) {
    margin: 0px 21px;
}

.hot li.hot-li:nth-child(3) {
    margin: 0px 20px 0px 0px;
}

.hot li.hot-li.hot-li-one:nth-child(3) {
    margin: 0px 0px 0px 0px;
}

.hot li.hot-li h5 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    /*padding-left: 15px;*/
    text-align: center;
    /*margin: 15px 0px;*/
    height: 66px;
    line-height: 66px;
}

.h5-1 {
    text-shadow: 0px 5px 5px #fe740d;
    background: linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -webkit-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -o-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -moz-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -ms-linear-gradient(-75deg, #ffe88f, #ff9104);
}

.h5-2 {
    text-shadow: 0px 5px 5px #533eff;
    background: linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -webkit-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -o-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -moz-linear-gradient(-75deg, #b3a1ff, #775fff);
    background: -ms-linear-gradient(-75deg, #b3a1ff, #775fff);
}

.h5-3 {
    text-shadow: 0px 5px 5px #ff3741;
    background: linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -webkit-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -o-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -moz-linear-gradient(-75deg, #ff91c7, #ff5253);
    background: -ms-linear-gradient(-75deg, #ff91c7, #ff5253);
}

.h5-4 {
    text-shadow: 0px 5px 5px #0d40ff;
    background: linear-gradient(-75deg, #75a8ff, #035aff);
    background: -webkit-linear-gradient(-75deg, #75a8ff, #035aff);
    background: -o-linear-gradient(-75deg, #75a8ff, #035aff);
    background: -moz-linear-gradient(-75deg, #75a8ff, #035aff);
    background: -ms-linear-gradient(-75deg, #75a8ff, #035aff);
}


.hot li.hot-li h3 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    margin: 10px 0px;
}

.hot li.hot-li h3 a {
    display: inline-block;
    width: 53px;
    height: 18px;
    line-height: 18px;
    /*background: linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -webkit-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -o-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -moz-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -ms-linear-gradient(-45deg,#ff8900,#ff5b00);
    */
    font-size: 14px;
    color: #e1251b;
    border-radius: 8.5px;
    text-align: center;
    float: right;
    margin-top: 3px;
    margin-right: 15px;
}

.hot-p p {
    color: #111111;
    font-size: 14px;
}

.hot-p {
    padding: 0px 0px 15px 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.hr-ys {
    height: 1px;
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 0px 15px;
    width: 255px;
}

.hot-ul {
    margin-bottom: 10px;
}

.hot-ul li {
    float: left;
    margin: 2px 16px;
    color: #111111;
    font-size: 14px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

.hot-ul li:hover {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    cursor: pointer;
    /*font-weight: bold;*/
}

.hot-cz {
    position: absolute;
    top: -8px;
    right: 15px;
    width: 50px;
    height: 55px;
    line-height: 36px;
    background: linear-gradient(top, #ffd46f, #ffa624);
    background: -webkit-linear-gradient(top, #ffd46f, #ffa624);
    background: -o-linear-gradient(top, #ffd46f, #ffa624);
    background: -moz-linear-gradient(top, #ffd46f, #ffa624);
    background: -ms-linear-gradient(top, #ffd46f, #ffa624);
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}

.hot-cz:after {
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 12px solid #fff;
}

.hot-cz-f {
    background: linear-gradient(top, #5d97ff, #1b6aff) !important;
    background: -webkit-linear-gradient(top, #5d97ff, #1b6aff) !important;
    background: -o-linear-gradient(top, #5d97ff, #1b6aff) !important;
    background: -moz-linear-gradient(top, #5d97ff, #1b6aff) !important;
    background: -ms-linear-gradient(top, #5d97ff, #1b6aff) !important;
}

.hot-cz-t {
    background: linear-gradient(top, #ff86b3, #ff5e68) !important;
    background: -webkit-linear-gradient(top, #ff86b3, #ff5e68) !important;
    background: -o-linear-gradient(top, #ff86b3, #ff5e68) !important;
    background: -moz-linear-gradient(top, #ff86b3, #ff5e68) !important;
    background: -ms-linear-gradient(top, #ff86b3, #ff5e68) !important;
}

.hot-cz-tw {
    background: linear-gradient(top, #aa96ff, #7f67ff) !important;
    background: -webkit-linear-gradient(top, #aa96ff, #7f67ff) !important;
    background: -o-linear-gradient(top, #aa96ff, #7f67ff) !important;
    background: -moz-linear-gradient(top, #aa96ff, #7f67ff) !important;
    background: -ms-linear-gradient(top, #aa96ff, #7f67ff) !important;
}

.hot-bg {
    height: 150px;
    border-top: 1px solid #e5e5e5;
    margin: 0px 10px;
    /*background: linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -webkit-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -o-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -moz-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -ms-linear-gradient(-45deg,#ff8900,#ff5b00);
*/
}

.hot-span span:nth-child(1),
.hot-span span:nth-child(2) {
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.hot-span span:nth-child(1) {
    color: #ffffff;
    font-size: 38px;
    font-weight: bold;
    padding-top: 36px;
    display: inline-block;
    margin-left: 15px;
    height: 30px;
}

.hot-span span:nth-child(2) {
    color: #ffffff;
    font-size: 18px;
}

.hot-span span:nth-child(3) {
    color: #111111;
    font-size: 14px;
    display: inline-block;
    margin-left: 35px;
}

.hot-a {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 24.5px;
    text-align: center;
    border: 1px solid #ffffff;
    margin-top: 15px;
    margin-left: 50px;
}


.hot-a-1 {
    background: linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -webkit-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -o-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -moz-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -ms-linear-gradient(-75deg, #ffe78e, #ff9307);
}

.hot-a-2 {
    background: linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -webkit-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -o-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -moz-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -ms-linear-gradient(-75deg, #b4a2ff, #775fff);
}

.hot-a-3 {
    background: linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -webkit-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -o-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -moz-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -ms-linear-gradient(-75deg, #ff8fc3, #ff5557);
}

.hot-a-4 {
    background: linear-gradient(-75deg, #70a5ff, #065cff);
    background: -webkit-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -o-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -moz-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -ms-linear-gradient(-75deg, #70a5ff, #065cff);
}

.ktlc-x-ul li {
    float: left;
}

.ktlc-x-ul li:nth-child(2) {
    margin: 0 7px;
}

.ktlc-x-ul li:nth-child(3) {
    margin-right: 6px;
}

.ktli-jt {
    padding-top: 7px;
    padding-left: 7px;
    width: 300px;
    height: 94px;
    background: url(http://qg.uincall400.com/images/ktlc-jt.png) no-repeat;
}

.ktli-jt-la {
    padding-top: 7px;
    padding-left: 7px;
}

.ktli-jt div,
.ktli-jt-la div {
    width: 240px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    border-radius: 14.5px;
    background: linear-gradient(-45deg, #525aff, #4198ff);
    background: -webkit-linear-gradient(-45deg, #525aff, #4198ff);
    background: -o-linear-gradient(-45deg, #525aff, #4198ff);
    background: -moz-linear-gradient(-45deg, #525aff, #4198ff);
    background: -ms-linear-gradient(-45deg, #525aff, #4198ff);
}

.ktli-jt div span,
.ktli-jt-la div span {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.ktlc-x-ul li p {
    font-size: 14px;
    color: #111111;
    padding-left: 7px;
}

.ktli-jt-la {
    width: 252px;
    height: 90px;
    /*border: 1px dashed #5355ff;*/
    background: url(http://qg.uincall400.com/images/ktlc-jt-1.png) no-repeat;
}


.ml15 {
    margin-left: 15px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.pb11 {
    padding-bottom: 29px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.hot-fl {
    width: 386px;
    height: 460px;
    background-color: #f5f7fa;
}

.hot-fl h3 {
    color: #101010;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

.hot-fl h5 {
    color: #111111;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.hot-fl-p {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    width: 350px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 0 18px;
    margin-top: 30px;
    background: linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -webkit-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -o-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -moz-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -ms-linear-gradient(-45deg, #ff8900, #ff5b00);
}

.hot-fl-p span {
    color: #ffffff;
    font-size: 44px;
    font-weight: bold;
    vertical-align: bottom;
}

.hot-fl-span {
    color: #111111;
    font-size: 18px;
    margin: 30px 50px;
    font-weight: bold;
}

.hot-fl-span span {
    color: #ff5500;
    font-size: 38px;
    font-weight: bold;
}

.hot-fl-span i {
    color: #111111;
    font-size: 14px;
    font-style: normal;
    margin-left: 19px;
}

.hot-fl-ul li {
    color: #111111;
    font-size: 14px;
    float: left;
    margin-left: 27px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}


.hot-fl-ul li:hover {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    cursor: pointer;
    /*font-weight: bold;*/
}

.hot-fr {
    height: 458px;
    border: 1px solid #e5e5e5;
    border-left: none;
    width: 813px;
    position: relative;
}

.hot-fr h5 {
    color: #e1251b;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0px 30px 30px;
}

.hot-fr-p {
    color: #111111;
    font-size: 14px;
    margin-left: 30px;
    font-weight: bold;
}

.hot-fr-p span {
    color: #e1251b;
    font-size: 20px;
}

.hot-fr-b {
    color: #111111;
    font-size: 16px;
    margin-left: 30px;
    font-weight: bold;
}

.hot-fr-fw {
    color: #111111;
    font-size: 14px;
    margin-left: 30px;
}

.hot-fr-a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    /*border: 1px solid #fff;*/
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 14.5px;
    background: linear-gradient(top, #515cff, #4198ff);
    background: -webkit-linear-gradient(top, #515cff, #4198ff);
    background: -o-linear-gradient(top, #515cff, #4198ff);
    background: -moz-linear-gradient(top, #515cff, #4198ff);
    background: -ms-linear-gradient(top, #515cff, #4198ff);
    position: absolute;
    bottom: 50px;
    right: 30px;
}

.hot-fr-a:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 5px #c6e6fb;
}


/*品牌优势*/

.brand {
    margin-top: 40px;
}

.brand li {
    float: left;
    width: 386px;
    background-color: #f6f9fb;
    padding-bottom: 25px;
}

.brand li:nth-child(2) {
    margin: 0px 21px;
}

.brand-ti {
    text-align: center;
}

.brand-ti h5 {
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    /*margin-top: 30px;*/
    background: linear-gradient(top, #5259ff, #4199ff);
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
}

.brand-a:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 5px #c6e6fb;
}

.brand-a {
    display: inline-block;
    width: 178px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 17.5px;
    color: #fff;
    font-size: 16px;
    margin-left: 110px;
    font-weight: bold;
    background: linear-gradient(top, #515cff, #4198ff);
    background: -webkit-linear-gradient(top, #515cff, #4198ff);
    background: -o-linear-gradient(top, #515cff, #4198ff);
    background: -moz-linear-gradient(top, #515cff, #4198ff);
    background: -ms-linear-gradient(top, #515cff, #4198ff);
}

.brand-ti h5:before {
    position: absolute;
    top: 30px;
    left: 100px;
    margin-left: -10px;
    content: " ";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #fff;
}

.brand-ti h5:after {
    position: absolute;
    top: 30px;
    right: 90px;
    margin-left: -10px;
    content: " ";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #fff;
}

.brand-con p {
    color: #666666;
    font-size: 14px;
    line-height: 27px;
    /*padding: 0px 14px;*/
}

.brand-con {
    margin-top: 20px;
    height: 160px;
    padding: 0px 20px;
}

.brand-con p span {
    color: #e1251b;
    font-size: 25px;
    vertical-align: top;
    padding-right: 5px;
}


/*合作伙伴*/

.partners {
    margin-top: 40px;
}

.partners ul li {
    float: left;
    position: relative;
}

.partners ul li img.img-blo {
    display: block;
}

.partners ul li img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.partners ul li img.img-none {
    display: none;
}

.partners ul li:hover img.img-blo {
    display: none;
}

.partners ul li:hover img.img-none {
    display: block;
}

.partners ul li img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.partners ul li:nth-child(even) {
    margin: 0px 32px;
}


/*轮播图*/

.banner img {
    width: 100%;
}

.call-xg {
}

.call-xgp {
    text-align: center;
    margin-top: -255px;
}

.call-xgp p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 50px;
}

.call-xgp p span {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

.call-xgp p:last-child {
    margin-top: 20px;
}

.call-xgp p a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 14.5px;
    border: 1px solid #fff;
}

.call-xgp p a:hover {
    background-color: #fff;
    color: #ff5500;
}


/*导航栏*/

.header {
    /*height: 100px !important;*/
    /*min-height: 100px !important;*/
}

.head-logo {
    height: 100px;
    line-height: 100px;
}

.head-logo img {
    vertical-align: middle;
}

.head-logo div:nth-child(2) {
    height: 100px;
    box-sizing: border-box;
    padding-top: 18px;
    padding-left: 20px;
}

.head-logo p:first-child {
    color: #0c3f6e;
    font-size: 16px;
}

.head-logo p:last-child {
    font-family: helvetica;
    background: -webkit-linear-gradient(top, #70a5ff, #065cff);
    background: -moz-linear-gradient(top, #70a5ff, #065cff);
    background: -ms-linear-gradient(top, #70a5ff, #065cff);
    background: -o-linear-gradient(top, #70a5ff, #065cff);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    background: linear-gradient(top, #70a5ff, #065cff);
    background-clip: text;
    text-fill-color: transparent;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    FILTER: progid: DXImageTransform . Microsoft . Gradient(startColorStr = #70a5ff, endColorStr = #065cff);
}

.head-nav .head-nav-ul li.nav-li {
    float: left;
    height: 100px;
    line-height: 100px;
    position: relative;
    width: 13%;
    text-align: center;
}

.head-nav .head-nav-ul li.nav-li a {
    display: inline-block;
    color: #101010;
    font-size: 16px;
    font-weight: bold;
    height: 72px;
    line-height: 100px;
    margin: 0px 17px;
    position: relative;
    z-index: 99;
}

.head-nav .head-nav-ul li.nav-li a span {
    position: absolute;
    bottom: 12px;
    left: 36px;
    display: inline-block;
    width: 53px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(-45deg, #70a5ff, #065cff);
    background: -webkit-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -o-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -moz-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -ms-linear-gradient(-45deg, #70a5ff, #065cff);
    border-radius: 14.5px;
}

.head-nav .head-nav-ul li.nav-li:hover a span {
    background: linear-gradient(-45deg, #fff, #fff);
    background: -webkit-linear-gradient(-45deg, #fff, #fff);
    background: -o-linear-gradient(-45deg, #fff, #fff);
    background: -moz-linear-gradient(-45deg, #fff, #fff);
    background: -ms-linear-gradient(-45deg, #fff, #fff);
    color: #065cff;
}

.head-nav .head-nav-ul li.nav-li a i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #1e1e1e;
    border-bottom: 2px solid #1e1e1e;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    top: -4px;
    margin-left: 5px;
}

.head-nav .head-nav-ul li.nav-li a img {
    position: absolute;
    bottom: 12px;
    left: 36px;
}

.head-nav .head-nav-ul li.nav-li.active a i {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.head-nav .head-nav-ul li.nav-li.active a {

}

.head-nav .head-nav-ul li.nav-li:hover .nav-ul {
    display: block;
}

.nav-ul-div {
    position: relative;
    width: 127%;
    height: 62px;
    overflow: hidden;
}


.nav-ul-div1 {
    position: relative;
    width: 143%;
    height: 300px;
    overflow: hidden;
    left: -24px;
}

.head-nav ul li.nav-li .nav-ul {
    position: absolute;
    top: -65px;
    left: -12px;
    display: block;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.head-nav .head-nav-ul li.nav-li .nav-ul.nav-ul1 {
    position: absolute;
    top: -304px;
    left: -47px;
    display: block;
    transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
}

.head-nav .head-nav-ul li.nav-li:hover .nav-ul {
    top: 0px;
}

.head-nav .head-nav-ul li.nav-li:hover .nav-ul.nav-ul1 {
    top: 0px;
}

.head-nav ul li.nav-li .nav-ul li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin-top: 0px;
}

.head-nav .head-nav-ul li.nav-li .nav-ul li a.nav-a {
    width: 161px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    padding: 0px 0px;
    position: relative;
    background-color: #77252c;
}

.head-nav ul li.nav-li .nav-ul li a.nav-a:hover {
    border-bottom: none;
    color: #009aff;
}

.head-nav.head-nav-ul li.nav-li .nav-ul li a.nav-a.nav-acp {
    /* width: 145px; */
}


.show-bg {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 0px;
    background: linear-gradient(-45deg, #70a5ff, #065cff);
    background: -webkit-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -o-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -moz-linear-gradient(-45deg, #70a5ff, #065cff);
    background: -ms-linear-gradient(-45deg, #70a5ff, #065cff);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.show-bg1 {
    width: 100%;
}

.show-bg2 {
    width: 100%;
}

.show-bg3 {
    width: 100%;
}

.show-bg4 {
    width: 100%;
}

.show-bg5 {
    width: 100%;
}

.show-bg6 {
    width: 100%;
}

.show-bg7 {
    width: 100%;
}

.show-bg b {
    opacity: 0;
}

.head-nav .head-nav-ul li.nav-li:hover .show-bg {
    height: 100px;
}

.head-nav .head-nav-ul li.nav-li a i,
.head-nav .head-nav-ul li.nav-li a span {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.head-nav .head-nav-ul li.nav-li:hover a i {
    border-right: 2px solid #009aff;
    border-bottom: 2px solid #009aff;
}

.head-nav .head-nav-ul li.nav-li.active a span {
    background: linear-gradient(-45deg, #fff, #fff);
    background: -webkit-linear-gradient(-45deg, #fff, #fff);
    background: -o-linear-gradient(-45deg, #fff, #fff);
    background: -moz-linear-gradient(-45deg, #fff, #fff);
    background: -ms-linear-gradient(-45deg, #fff, #fff);
    color: #065cff;
}

.head-nav .head-nav-ul li.nav-li:hover > a {
    color: #009aff;
    border-bottom: 2px solid #009aff;
}


/*联系我们*/

.contact {
    margin-top: 40px;
    position: relative;
    margin-bottom: -1px;
}

.img100 {
    width: 100%;
}

.contact img {
    /*width: 100%;*/
    margin-bottom: -6px;
}

.contactul {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}

.contact ul li {
    position: absolute;
    width: 45px;
    height: 76px;
    cursor: pointer;
}

.contact ul li img {
    display: none;
}

.contact ul li.active img {
    display: block;
}


/*.in-contact{
    width: 40px;
    height: 40px;
}*/

.contact ul li:nth-child(1) {
    top: -257px;
    right: 367px;
}

.contact ul li:nth-child(2) {
    top: -210px;
    right: 339px;
}

.contact ul li:nth-child(3) {
    top: -180px;
    right: 299px;
}

.contact ul li:nth-child(4) {
    top: -230px;
    right: 416px;
}

.contact ul li:nth-child(5) {
    top: -288px;
    left: 360px;
}


/*套餐*/

.tc ul li {
    float: left;
}


/*今日特价*/

.w920 {
    width: 920px;
    height: 295px;
}

.today-p {
    margin-top: 50px;
    padding-left: 20px;
    margin-bottom: 30px;
}

.today-p i {
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url(http://qg.uincall400.com/images/hot.png) 0px 0px no-repeat;
    vertical-align: top;
}

.today-p span {
    padding-left: 10px;
}

.today-p span:nth-child(2) {
    color: #101010;
    font-size: 20px;
    font-weight: bold;
}

.today-p span:nth-child(3) {
    color: #101010;
    font-size: 18px;
}

.today-a {
    width: 260px;
    height: 297px;
    background: url(http://qg.uincall400.com/images/t-bg.png) no-repeat;
    position: relative;
}

.today-a a {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50px;
    width: 161px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 14.5px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.today-a a:hover {
    background-color: #fff;
    color: #ff5500;
}

.today-a-x {
    width: 247px;
    height: 292px;
    background: url(http://qg.uincall400.com/images/t-bg-x.png) no-repeat;
    position: relative;
}

.today-a-x a {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 50px;
    width: 161px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 14.5px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.today-a-x a:hover {
    background-color: #fff;
    color: #ff5500;
}


/*表单提交*/

.bd {
    height: 110px;
    /*line-height: 110px;*/
    background-color: #77252c;
    /*background: linear-gradient(top,#ffa600,#ff6100);
    background: -webkit-linear-gradient(top,#ffa600,#ff6100);
    background: -o-linear-gradient(top,#ffa600,#ff6100);
    background: -moz-linear-gradient(top,#ffa600,#ff6100);
    background: -ms-linear-gradient(top,#ffa600,#ff6100);*/
}

.w1200 .bd .bd-input, .w1200 .bd .bd-a {
    line-height: 110px;
}

.bd-a a {
    width: 123px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 16.5px;
    color: #fff;
    font-size: 14px;
    margin-left: 30px;
}

.bd-a a:hover {
    background-color: #fff;
    color: #e1251b;
}

.bd-input {
    margin-left: 10px;
    position: relative;
}

.bd-input .bd-name {
    position: absolute;
    top: 45px;
    left: 10px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/bd.png) 0px 0px no-repeat;
}

.bd-input .bd-call {
    position: absolute;
    top: 45px;
    left: 10px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/bd.png) 0px -35px no-repeat;
}

.bd-input .bd-yzm {
    position: absolute;
    top: 45px;
    left: 10px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/bd.png) 0px -73px no-repeat;
}

.bd-input input {
    width: 215px;
    height: 34px;
    border: none;
    padding-left: 45px;
    box-sizing: border-box;
}

.yzm {
    width: 180px !important;
}

.yzm-tp {
    vertical-align: middle;
    margin-left: -4px;
    margin-top: -2px;
}

.ant-wz {
    color: #ffffff;
    font-size: 18px;
    display: inline-block;
    margin-top: 35px;
}

.ant-wz i {
    color: #ffffff;
    font-size: 24px;
    font-style: normal;
}

.bd-text {
    margin-left: 20px;
    margin-right: 10px;
}

.bd-text img {
    vertical-align: middle;
    margin-top: -53px;
}

.bd-text p:first-child {
    color: #ffffff;
    font-size: 26px;
    margin-top: 20px;
}

.bd-text p:first-child span {
    color: #ffffff;
    font-size: 32px;
}

.bd-text p:last-child {
    color: #ffffff;
    font-size: 37px;
    margin-top: 15px;
    font-weight: bold;
}

.sp {
    color: #e1251b;
    font-size: 14px;
}

.hot-li-one {
    width: 386px !important;
}


/*选项卡*/

.tab-z {
    margin-top: 30px;
}

.tab-zli ul li {
    width: 199.671px !important;
}

.tab-zli ul li a {
    width: 199.671px !important;
}

.tab-div-z ul li {
    margin-left: 13px !important;
    width: 155px !important;
}

.tab ul li {
    /* float: left; */
    /* width: 299.5px; */
    height: 50px;
    /* background-color: #f5f7fa; */
    /* border-bottom: 1px solid #e5e5e5; */
    position: relative;
    text-align: center;
}

.tab ul li.active {
    /* background-color: #fff; */
    /* border-bottom: none; */
    /* position: relative; */
    /* border-top: 1px solid #E1251B; */
}

.tab ul li i {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -54px;
    transform: translate(-25px, 0px);
    -moz-transform: translate(-25px, 0px);
    -webkit-transform: translate(-25px, 0px);
    -o-transform: translate(-25px, 0px);
    -ms-transform: translate(-25px, 0px);
}

.tab ul li.active i {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -75px;
    content: "";
    display: inline-block;
    width: 155px;
    height: 1px;
    background-color: #E1251B;
    transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    transform: translate(0px, -8px);
    -moz-transform: translate(0px, -8px);
    -webkit-transform: translate(0px, -8px);
    -o-transform: translate(0px, -8px);
    -ms-transform: translate(0px, -8px);
}

.lx-tab ul li i {
    width: 35px !important;
    margin-left: -17px !important;
    transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
}

.tab ul li.active a {
    /* color: #E1251B; */
    /*border-bottom: 1px solid #0099ff;*/
}

.tab ul li a {
    color: #333;
    font-size: 17px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    /* width: 299.5px; */
    text-align: left;
    position: relative;
    /*border-right: 1px solid #e5e5e5;*/
}

.tab ul li a span {
    /* display: inline-block;
    width: 30px;
    height: 48px; */
    /* background: url(../images/tab-x.png) no-repeat; */
    /* vertical-align: middle; */
}

.tab ul li a span.sp-x1 {
    background-position: -10px -6px;
}

.tab ul li a span.sp-x2 {
    background-position: -65px -6px;
}

.tab ul li a span.sp-x3 {
    background-position: -120px -6px;
}

.tab ul li a span.sp-x4 {
    background-position: -175px -6px;
}


.tab ul li.active a span.sp-x1 {
    background-position: -10px -56px;
}

.tab ul li.active a span.sp-x2 {
    background-position: -65px -56px;
}

.tab ul li.active a span.sp-x3 {
    background-position: -120px -56px;
}

.tab ul li.active a span.sp-x4 {
    background-position: -175px -56px;
}

.tab ul li a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0px;
    /* height: 35px;
    width: 1px; */
    background-color: #e5e5e5;
}

.tab ul li:last-child a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0px;
    height: 0px;
    width: 0px;
    background-color: #e5e5e5;
}

.tab ul {
    /* border-left: 1px solid #e5e5e5; */
    /* border-right: 1px solid #e5e5e5; */
    padding: 15px 0px;
}


.tab-div {
    padding-bottom: 45px;
    /* padding-top: 20px; */
    margin-top: -10px;
}

.tab-div ul li {
    /* float: left; */
    /* width: 175px; */
    height: 46px;
    line-height: 46px;
    position: relative;
    text-align: center;
    /* margin-left: 23px; */
    /* margin-top: 24px; */
    cursor: pointer;
    text-align: left;
}

.tab-div ul li:hover section:nth-child(2) {
    display: block;
}

.tab-div ul li section:nth-child(1) {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: 1px dashed #e5e5e5;
    border-radius: 4px;
    text-align: center;
    color: #101010;
    font-size: 18px;
}

.tab-div ul li:hover section:nth-child(2) a {
    color: #fff !important;
}

.tab-div ul li section:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 157px;
    height: 37px;
    line-height: 37px;
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: bold;
    /*box-shadow: 0px 0px 10px 5px #ec1d64;*/
    background: linear-gradient(top, #e1251b, #F91362);
    background: -webkit-linear-gradient(top, #e1251b, #F91362);
    background: -o-linear-gradient(top, #e1251b, #F91362);
    background: -moz-linear-gradient(top, #e1251b, #F91362);
    background: -ms-linear-gradient(top, #e1251b, #F91362);
    display: none;
}

.tab-con {
    border: 1px solid #e5e5e5;
    background-color: #fff;
}


/*产品页面*/

.pro-kt {
    margin: 45px 95px;
}

.pro-kt ul li {
    float: left;
    width: 335px;
    height: 70px;
    position: relative;
    padding-left: 70px;
    box-sizing: border-box;
}

.pro-kt ul li:hover h5 {
    color: #e1251b;
    font-weight: bold;
}

.pro-kt ul li:nth-child(1):after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 70px;
    width: 1px;
    background-color: #e5e5e5;
}

.pro-kt ul li:nth-child(2):after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 70px;
    width: 1px;
    background-color: #e5e5e5;
}

.pro-kt ul li h5 {
    color: #111111;
    font-size: 18px;
    font-weight: bold;
}

.pro-kt ul li p {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}

.call-cp {
    margin-top: 40px;
}

.call-cp ul li {
    float: left;
    width: 148px;
    height: 235px;
    background-color: #f5f7fa;
    border-right: 1px solid #ffffff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    overflow: hidden;
    border: 1px solid #fff;
}

.call-cp ul li,
.call-cp ul li .cp-img,
.call-cp ul li .cp-text p,
.call-cp ul li .cp-text a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.call-cp ul li:hover {
    background-color: #fff;
    border: 1px solid #e1251b;
}

.call-cp ul li:hover .cp-img {
    transform: translate(0px, -38px);
    -moz-transform: translate(0px, -38px);
    -webkit-transform: translate(0px, -38px);
    -o-transform: translate(0px, -38px);
}

.call-cp ul li:hover .cp-text p {
    transform: translate(0px, -108px);
    -moz-transform: translate(0px, -108px);
    -webkit-transform: translate(0px, -108px);
    -o-transform: translate(0px, -108px);
}

.call-cp ul li:hover .cp-text a {
    transform: translate(0px, -85px);
    -moz-transform: translate(0px, -85px);
    -webkit-transform: translate(0px, -85px);
    -o-transform: translate(0px, -85px);
}

.call-cp ul li .cp-text a {
    margin-left: 6px;
}

.call-cp ul li .cp-text a:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 10px #c7e6fb;
}

.call-cp ul li:last-child {
}

.bgtc-x {
    /*background-color: #f5f7fa;*/
    height: 380px;
    padding-top: 80px;
}

.cp-a:hover {
    color: #fff;
}

.cp-img {
    height: 60px;
    text-align: center;
    margin-top: 60px;
}

.cp-img h5 {
    color: #101010;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.hei60 {
    height: 60px;
}

.cp-text p {
    color: #666666;
    font-size: 14px;
    padding: 0px 5px;
    text-align: justify;
}

.cp-text {
    text-align: center;
    margin-top: 110px;
}

.cp-a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 14.5px;
    background: linear-gradient(-70deg, #5258ff, #419aff);
    background: -webkit-linear-gradient(-70deg, #5258ff, #419aff);
    background: -o-linear-gradient(-70deg, #5258ff, #419aff);
    background: -moz-linear-gradient(-70deg, #5258ff, #419aff);
    background: -ms-linear-gradient(-70deg, #5258ff, #419aff);
}

.call-pt {
    height: 310px;
    background: url(http://qg.uincall400.com/images/call/call.png) 100px 155px no-repeat;
    position: relative;
}

.call-pt ul li {
    /*float: left;*/
    width: 215px;
    height: 135px;
    text-align: center;
    position: absolute;
    overflow: hidden;
}

.call-pt ul li:hover h5 {
    display: none;
}

.call-pt ul li .pt-p,
.call-pt ul li h5 {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.call-pt ul li:hover .pt-p {
    transform: translate(0px, -20px);
    -moz-transform: translate(0px, -20px);
    -webkit-transform: translate(0px, -20px);
    -o-transform: translate(0px, -20px);
}

.call-pt ul li:nth-child(1) {
    top: 20px;
    left: 0px;
}

.call-pt ul li:nth-child(2) {
    top: 195px;
    left: 140px;
}

.call-pt ul li:nth-child(3) {
    top: 20px;
    left: 283px;
}

.call-pt ul li:nth-child(4) {
    top: 195px;
    left: 427px;
}

.call-pt ul li:nth-child(5) {
    top: 20px;
    right: 418px;
}

.call-pt ul li:nth-child(6) {
    top: 195px;
    right: 275px;
}

.call-pt ul li:nth-child(7) {
    top: 20px;
    right: 138px;
}

.call-pt ul li:nth-child(8) {
    top: 195px;
    right: 0px;
}

.pt-img h5 {
    color: #111111;
    font-size: 18px;
}

.pt-p {
    margin-top: 25px;
    transform: translate(0px, 25px);
    -moz-transform: translate(0px, 25px);
    -webkit-transform: translate(0px, 25px);
    -o-transform: translate(0px, 25px);
}

.pt-p p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
}

.call-xg img {
    width: 100%;
}


/*底部栏样式*/

.foot-first {
    height: 150px;
    background: -webkit-linear-gradient(160deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(160deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(160deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(160deg, #ff8f00, #ff5400);
    background: linear-gradient(160deg, #ff8f00, #ff5400);
}

.foot-left h2 {
    margin: 16px 0px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.foot-left p {
    color: #fff;
    font-size: 14px;
}

.foot-right p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.foot-right img {
    margin-top: 16px;
}

.foot-two {
    height: 145px;
    background-color: #000;
    border-top: 1px solid #fff;
}

.foot-two-l h4 {
    margin: 16px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.foot-two-l p {
    color: #9e9e9e;
    font-size: 14px;
}

.foot-two-r {
    margin: 16px 0px;
}

.foot-two-r p {
    color: #9e9e9e;
    font-size: 14px;
}

.foot-img {
    text-align: right;
}

.foot-two-r p:nth-child(2) {
    text-align: right;
    margin-bottom: 10px;
}

.foot-two-r p:nth-child(2):before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    padding: 0 3px;
    background: url(http://qg.uincall400.com/images/rz1.png) -0px 0px no-repeat;
}


/*产品*/

.product1 {
    width: 100%;
    height: 450px;
    background: url(http://qg.uincall400.com/images/pro1-bg.png) center no-repeat;
    position: relative;
}

.product2 {
    width: 100%;
    height: 450px;
    background: url(http://qg.uincall400.com/images/pro.png) center no-repeat;
    position: relative;
}

.product3 {
    width: 100%;
    height: 450px;
    background: url(http://qg.uincall400.com/images/pro2-bg.png) center no-repeat;
    position: relative;
}

.bg-title {
    width: 1200px;
    margin: 85px auto;
}

.bg-title h5 {
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
}

.bg-title p {
    color: #ffffff;
    font-size: 14px;
    margin: 30px 0px;
}

.bg-title a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 14.5px;
    background: linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-70deg, #ff8f00, #ff5400);
}

.bg-title a:hover {
    background: linear-gradient(-70deg, #ffb14d, #ff884d);
    background: -webkit-linear-gradient(-70deg, #ffb14d, #ff884d);
    background: -o-linear-gradient(-70deg, #ffb14d, #ff884d);
    background: -moz-linear-gradient(-70deg, #ffb14d, #ff884d);
    background: -ms-linear-gradient(-70deg, #ffb14d, #ff884d);
    color: #fff;
}

.nav {
    padding: 37px 0px;
}

.nav ul li {
    float: left;
    /*height: 100px;
    line-height: 100px;*/
    padding: 0px 20px;
}

.nav ul li a {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    /*height: 100px;
    line-height: 100px;*/
    /*padding: 0px 20px;*/
    padding-bottom: 8px;
}

.nav ul li a.active {
    color: #ff5500;
    font-size: 18px;
    border-bottom: 1px solid #ff5500;
    font-weight: bold;
}

.nav ul li:hover a {
    color: #ff5500;
    border-bottom: 1px solid #ff5500;
}


/*.head-logo p:first-child{
    color: #ffffff!important;
    font-size: 16px;
}*/

.bg-wid {
    width: 545px;
}

.m-bg {
    height: 911px;
    /*background-color: #f5f7fa;*/
}

.m-fw {
    position: relative;
    top: -85px;
}

.m-fw-fr {
    width: 728px;
    margin-top: 65px;
}

.m-fw-fr ul li {
    float: left;
    width: 364px;
    height: 136px;
    background: linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-70deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-70deg, #ff8f00, #ff5400);
}

.h5-18 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.p-14 {
    color: #ffffff;
    font-size: 14px;
}

.fw-fl {
    width: 67%;
    height: 136px;
    padding: 20px 10px;
    box-sizing: border-box;
}

.fw-fr {
    width: 33%;
    text-align: center;
    line-height: 150px;
    height: 136px;
}

.m-gn {
    position: relative;
    top: 60px;
}

.m-gnjs ul li {
    float: left;
    width: 194px;
    height: 194px;
    background-color: #fff;
    margin-top: 6px !important;
    overflow: hidden;
}

.m-gnjs ul li .gn-p,
.m-gnjs ul li .gn-img section:first-child,
.m-gnjs ul li .gn-img section:last-child {
    transition: all 0.85s ease;
    -moz-transition: all 0.85s ease;
    -webkit-transition: all 0.85s ease;
    -o-transition: all 0.85s ease;
}

.m-gnjs ul li:hover .gn-p {
    transform: translate(0px, -150px);
    -moz-transform: translate(0px, -150px);
    -webkit-transform: translate(0px, -150px);
    -o-transform: translate(0px, -150px);
}

.m-gnjs ul li:hover .gn-img section:first-child {
    transform: translate(-60px, -60px) scale(0.5, 0.5);
    -moz-transform: translate(-60px, -60px) scale(0.5, 0.5);
    -webkit-transform: translate(-60px, -60px) scale(0.5, 0.5);
    -o-transform: translate(-60px, -60px) scale(0.5, 0.5);
    /*transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);*/
}

.m-gnjs ul li:hover .gn-img section:last-child {
    transform: translate(20px, -110px);
    -moz-transform: translate(20px, -110px);
    -webkit-transform: translate(20px, -110px);
    -o-transform: translate(20px, -110px);
}


.m-gnjs ul li:nth-child(2) {
    margin: 0px 6px;
}

.m-gnjs ul li:nth-child(4) {
    margin: 0px 6px;
}

.m-gnjs ul li:nth-child(5) {
    margin-right: 6px;
}

.m-gnjs ul li:nth-child(8) {
    margin: 0px 6px;
}

.m-gnjs ul li:nth-child(10) {
    margin: 0px 6px;
}

.m-gnjs ul li:nth-child(11) {
    margin-right: 6px;
}

.gn-img {
    text-align: center;
    padding: 48px 0px;
}

.gn-img section:first-child {
    height: 80px;
    line-height: 80px;
}

.gn-img section:first-child img {
    vertical-align: middle;
}

.gn-img h5 {
    color: #111111;
    font-size: 18px;
}

.gn-p p {
    color: #666666;
    font-size: 14px;
    padding: 0px 10px;
    text-align: justify;
}


.bg-orange {
    width: 100%;
    height: 370px;
    background-color: #77252c;
    /*background: linear-gradient(top,#ff8d00,#ff6200);
    background: -webkit-linear-gradient(top,#ff8d00,#ff6200);
    background: -o-linear-gradient(top,#ff8d00,#ff6200);
    background: -moz-linear-gradient(top,#ff8d00,#ff6200);
    background: -ms-linear-gradient(top,#ff8d00,#ff6200);*/
}

.yycj {
    height: 310px;
    background: url(http://qg.uincall400.com/images/call-bg.png) 100px 170px no-repeat;
    position: relative;
}

.yycj ul li {
    /*float: left;*/
    width: 215px;
    height: 125px;
    position: absolute;
    text-align: center;
}


.yycj ul li div.corr {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 115px;
    height: 72px;
    /*动画元素transform-style*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;


    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -ms-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    /*动画元素背后设置为hidden*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}

.yycj ul li div.oppo-p {
    position: absolute;
    top: 87px;
    left: 38px;
}

.yycj ul li div.oppo {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 115px;
    height: 72px;
    /*动画元素transform-style*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;


    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -ms-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    /*动画元素背后设置为hidden*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
}


/*.yycj ul li:nth-child(1):hover div.oppo{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform:  rotateY(0deg);
    transform:  rotateY(0deg);
}

.yycj ul li:nth-child(1):hover div.corr{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform:  rotateY(0deg);
    transform:  rotateY(0deg);
}*/

.yycj ul li.active div.oppo {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.yycj ul li.active div.corr {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}


.yycj-div {
    padding-top: 30px;
}

.yycj ul li:nth-child(1) {
    top: 200px;
    left: 5px;
}

.yycj ul li:nth-child(2) {
    top: 50px;
    left: 170px;
}

.yycj ul li:nth-child(3) {
    top: 200px;
    left: 335px;
}

.yycj ul li:nth-child(4) {
    top: 200px;
    right: -10px;
}

.yycj ul li:nth-child(5) {
    top: 50px;
    right: 160px;
}

.yycj ul li:nth-child(6) {
    top: 200px;
    right: 320px;
}

.yycj ul li h5 {
    color: #ffffff;
    font-size: 14px;
}

.h3-yy {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.p-yy {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.cp-tab {
    margin-top: 50px;
}

.cp-tab ul {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.cp-tab ul li {
    float: left;
    padding: 0px 10px;
    margin: 0px 36px;
}

.cp-tab ul li a {
    color: #101010;
    font-size: 18px;
}

.cp-tab ul li.active a {
    color: #e1251b;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1251b;
}

.hei500 {
    height: 500px;
}

.mt-50 {
    margin-top: -50px;
}

.sp-or {
    color: #e1251b;
}

.sec-fl {
    width: 50%;
}

.cp-con {
    padding-top: 30px;
}

.sec-fr {
    width: 50%;
    position: relative;
}

.sec-fr h5 {
    color: #111111;
    font-size: 18px;
    margin-top: 50px;
}

.sec-pp {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    padding-right: 95px;
}

.sec-p {
    margin-top: 30px;
}

.sec-p p {
    color: #666666;
    font-size: 14px;
}

.lj-a {
    position: absolute;
    bottom: -80px;
    right: 30px;
}

.hot-fr-a1 {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 14.5px;
    background: linear-gradient(-45deg, #e1251b, #F91362);
    background: -webkit-linear-gradient(-45deg, #e1251b, #F91362);
    background: -o-linear-gradient(-45deg, #e1251b, #F91362);
    background: -moz-linear-gradient(-45deg, #e1251b, #F91362);
    background: -ms-linear-gradient(-45deg, #e1251b, #F91362);
}

.hot-fr-a1:hover {
    color: #fff;
    box-shadow: 0px 3px 3px 0px #e1251b;
}

.m-zc ul li {
    float: left;
    width: 300px;
    height: 470px;
}

.zc-div {
    height: 250px;
    text-align: center;
    line-height: 250px;
}

.zc-div img {
    vertical-align: middle;
    position: relative;
    top: -30px;
    left: 0px;
    z-index: 99;
}

.zc-text {
    text-align: center;
}

.zc-text h5 {
    color: #111111;
    font-size: 18px;
    text-align: center;
}

.zc-text p {
    height: 100px;
    color: #666666;
    font-size: 14px;
    text-align: justify;
    padding: 20px;
}

.m-zc {
    margin-bottom: 50px;
}

.ms-a {
    width: 200px;
    height: 224px;
    background: url(http://qg.uincall400.com/images/ms.png) no-repeat;
    position: relative;
}

.lj-border {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 14.5px;
    position: absolute;
    bottom: 15px;
    left: 46px;
}

.lj-border:hover {
    background-color: #fff;
    color: #ff5500;
}

.div-table {
    width: 1200px;
    height: 224px;
}

.div-table table {
    border-collapse: collapse;
}

.div-table tr th {
    width: 170px;
    height: 50px;
    text-align: center;
    background-color: #f5f7fa;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-bottom: none;
    color: #101010;
    font-size: 18px;
}

.div-table tr td {
    width: 148px;
    height: 57px;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #101010;
    font-size: 18px;
}

.div-table tr td span,
.div-table tr td p {
    font-size: 18px;
}

.div-table tbody tr:nth-child(1) td {
    border-top: none;
}

.pd2510 {
    padding: 25px 10px;
}

.ca-yz {
    margin-top: 50px;
}

.ca-yz ul li {
    float: left;
    width: 234px;
    height: 248px;
    text-align: center;
    background-color: #ffffff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.ca-yz ul li:hover {
    box-shadow: 8px 8px 10px 0px #e0e1e4;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.ca-yz ul li:nth-child(even) {
    margin: 0px 7px;
}

.yz-p h5 {
    color: #111111;
    font-size: 18px;
}

.yz-p p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
    padding: 12px;
}

.yz-img {
    height: 120px;
    line-height: 120px;
}

.yz-img img {
    vertical-align: middle;
}

.m-bg766 {
    height: 766px !important;
}


.tc-one caption,
.tc-two caption {
    height: 52px;
    line-height: 52px;
    color: #ffffff;
    font-size: 18px;
    padding-left: 25px;
    background-color: #e1251b;
    /*background: linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -webkit-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -o-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -moz-linear-gradient(-45deg,#ff8900,#ff5b00);
    background: -ms-linear-gradient(-45deg,#ff8900,#ff5b00);*/
}

.tc-one {
    width: 590px;
    height: 292px;
    margin-left: 140px;
}

.tc-two {
    width: 333px;
    height: 292px;
    margin-left: 30px;
}

.tc-one table,
.tc-two table {
    border-collapse: collapse;
}

.tc-one tr th:nth-child(1),
.tc-one tr td:nth-child(1) {
    width: 120px;
}

.tc-one tr th,
.tc-two tr th {
    width: 155px;
    height: 50px;
    text-align: center;
    color: #e1251b;
    font-size: 18px;
    border: 1px solid #e5e5e5;
}

.tc-one tr td {
    width: 155px;
    height: 46px;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #101010;
    font-size: 18px;
}

.tc-two tr td {
    width: 155px;
    height: 62px;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #101010;
    font-size: 18px;
}

.yy-bg {
    height: 295px;
    background-color: #77252c;
    /*background: linear-gradient(top,#ff8900,#ff5b00);
    background: -webkit-linear-gradient(top,#ff8900,#ff5b00);
    background: -o-linear-gradient(top,#ff8900,#ff5b00);
    background: -moz-linear-gradient(top,#ff8900,#ff5b00);
    background: -ms-linear-gradient(top,#ff8900,#ff5b00);*/
}

.tab-bg {
    width: 1200px;
    height: 170px;
    background-color: #fff;
}

.w200 {
    width: 198px;
}

.tab-div1 {
    padding: 0px !important;
}

.tab-div1 ul li {
    margin-top: 15px !important;
}

.tab-con1 {
    border: none !important;
}

.yy-p p:first-child {
    font-size: 20px;
    color: #fff;
    padding-top: 30px;
}

.yy-p p:last-child {
    font-size: 14px;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 15px;
}

.tab-one ul li {
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 18px;
    color: #101010;
}

.tab-one ul li i.i1 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) 0px 0px no-repeat;
    vertical-align: middle;
    padding-right: 23px;
}

.tab-one ul li i.i2 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) 0px -85px no-repeat;
    vertical-align: middle;
    padding-right: 10px;
}

.tab-one ul li a {
    display: inline-block;
    width: 198px;
    font-weight: bold;
    /*text-align: right;*/
}

.tab-one ul li.active a {
    font-size: 18px;
    color: #e1251b;
}

.tab-one ul li.active a span {
    padding-bottom: 5px;
    border-bottom: 1px solid #e1251b;
}

.tab-one ul li.active a i.i1 {
    background: url(http://qg.uincall400.com/images/yy-1.png) -85px 0px no-repeat;
}

.tab-one ul li.active a i.i2 {
    background: url(http://qg.uincall400.com/images/yy-1.png) -85px -82px no-repeat;
}

.tab-one ul li a i.i1 {
    background: url(http://qg.uincall400.com/images/yy-1.png) 0px 0px no-repeat;
}

.tab-one ul li a i.i2 {
    background: url(http://qg.uincall400.com/images/yy-1.png) 0px -82px no-repeat;
}

.m-cp {
    margin-top: 40px;
    position: relative;
}

.m-cp ul li {
    width: 234px;
    height: 234px;
    float: left;
    background-color: #fff;
    position: relative;
    margin: 40px 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.m-cp ul li:hover {
    box-shadow: 8px 8px 10px 0px #e0e1e4;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}


.m-cp ul li:nth-child(2) {
    margin: 40px 8px;
}

.m-cp ul li:nth-child(4) {
    margin: 40px 7px;
}

.m-cp ul li:nth-child(7) {
    margin: 40px 8px;
}

.m-cp ul li:nth-child(9) {
    margin: 40px 7px;
}

.mcp-top {
    position: absolute;
    top: -8px;
    left: 15px;
    width: 50px;
    height: 55px;
    line-height: 36px;
    background: linear-gradient(top, #e1251b, #f91362);
    background: -webkit-linear-gradient(top, #e1251b, #f91362);
    background: -o-linear-gradient(top, #e1251b, #f91362);
    background: -moz-linear-gradient(top, #e1251b, #f91362);
    background: -ms-linear-gradient(top, #e1251b, #f91362);
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}

.mcp-top:after {
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 12px solid #fff;
}

.mcp-con h3 {
    text-align: right;
    color: #666666;
    font-size: 18px;
    margin-top: 15px;
}

.mcp-con h3 span.sp {
    font-size: 18px;
    color: #ff5500;
}

.mcp-con h5 {
    color: #010101;
    font-size: 18px;
    text-align: center;
    margin: 45px 0px;
}

.mcp-con h5 span {
    color: #010101;
    font-size: 38px;
    font-weight: bold;
}

.mcp-a {
    display: inline-block;
    width: 161px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 14.5px;
    color: #e1251b;
    font-size: 14px;
    margin: 0px 36px;
    /*background: linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -webkit-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -o-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -moz-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -ms-linear-gradient(-45deg,#ff8f00,#ff5400);*/
}

.mt0 {
    margin-top: 0px !important;
}

.mcp-a:hover {
    color: #e1251b;
    /*background: linear-gradient(-45deg,#ffb14d,#ff884d);
    background: -webkit-linear-gradient(-45deg,#ffb14d,#ff884d);
    background: -o-linear-gradient(-45deg,#ffb14d,#ff884d);
    background: -moz-linear-gradient(-45deg,#ffb14d,#ff884d);
    background: -ms-linear-gradient(-45deg,#ffb14d,#ff884d);*/
}

.mcp-h5 span {
    font-weight: normal !important;
    font-size: 25px !important;
}

.mcp-h5 {
    margin-top: 63px !important;
}

.mcp-h6,
.mcp-h6h {
    color: #e1251b;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
}

.mcp-h6 {
    top: -10px;
    left: 0px;
}

.mcp-h6h {
    bottom: 300px;
    left: 0px;
}

.wid1088 {
    height: 1100px !important;
}

.cpys-bg {
    height: 220px;
    background-color: #77252c;
    /*background: linear-gradient(top,#ff8e00,#ff6200);
    background: -webkit-linear-gradient(top,#ff8e00,#ff6200);
    background: -o-linear-gradient(top,#ff8e00,#ff6200);
    background: -moz-linear-gradient(top,#ff8e00,#ff6200);
    background: -ms-linear-gradient(top,#ff8e00,#ff6200);*/
}

.pr {
    position: relative;
}

.cpys {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 52px;
    height: 52px;
    background-color: #fff !important;
    color: #e1251b;
    font-size: 14px;
    text-align: center;
}

.hei420 {
    height: 421px !important;
}

.tab-two ul li {
    width: 252px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    color: #101010;
}


.tab-two ul li a {
    display: inline-block;
    width: 252px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f5f7fa;
}

.tab-two ul li a span {
    display: inline-block;
    width: 90px;
    text-align: left;
    margin-left: 25px;
}

.tab-two ul li.active a {
    font-size: 18px;
    color: #ffffff;
    background-color: #e1251b;
    /*background: linear-gradient(top,#ff8e00,#ff6200);
    background: -webkit-linear-gradient(top,#ff8e00,#ff6200);
    background: -o-linear-gradient(top,#ff8e00,#ff6200);
    background: -moz-linear-gradient(top,#ff8e00,#ff6200);
    background: -ms-linear-gradient(top,#ff8e00,#ff6200);*/
}

.tab-two ul li.active a i.i1 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -5px no-repeat;
}

.tab-two ul li.active a i.i2 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -75px no-repeat;
}

.tab-two ul li.active a i.i3 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -145px no-repeat;
}

.tab-two ul li.active a i.i4 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -215px no-repeat;
}

.tab-two ul li.active a i.i5 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -285px no-repeat;
}

.tab-two ul li.active a i.i6 {
    background: url(http://qg.uincall400.com/images/yy.png) -115px -355px no-repeat;
}

.tab-two ul li i.i1 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -5px no-repeat;
    vertical-align: middle;
}

.tab-two ul li i.i2 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -75px no-repeat;
    vertical-align: middle;
}

.tab-two ul li i.i3 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -145px no-repeat;
    vertical-align: middle;
}

.tab-two ul li i.i4 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -215px no-repeat;
    vertical-align: middle;
}

.tab-two ul li i.i5 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -285px no-repeat;
    vertical-align: middle;
}

.tab-two ul li i.i6 {
    display: inline-block;
    width: 42px;
    height: 48px;
    background: url(http://qg.uincall400.com/images/yy.png) -5px -355px no-repeat;
    vertical-align: middle;
}

.w948 {
    width: 948px;
    height: 420px;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-left: none;
}

.hei245 {
    height: 245px;
    border-bottom: 1px solid #e5e5e5;
}

.yycj-h3 {
    font-size: 20px;
    color: #e1251b;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}

.yycj-h5 {
    font-size: 18px;
    color: #111111;
    margin-top: 10px;
    margin-left: 20px;
}

.yycj-p {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    padding: 0px 20px;
}

.yycj-a {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 14.5px;
    background: linear-gradient(-45deg, #e1251b, #f91263);
    background: -webkit-linear-gradient(-45deg, #e1251b, #f91263);
    background: -o-linear-gradient(-45deg, #e1251b, #f91263);
    background: -moz-linear-gradient(-45deg, #e1251b, #f91263);
    background: -ms-linear-gradient(-45deg, #e1251b, #f91263);
}

.yycj-a:hover {
    color: #fff;
    /*box-shadow: 0px 0px 10px 10px #bce2fb;*/
}

.yycj-one,
.yycj-two {
    position: relative;
}

.yycj-one .yycj-a {
    position: absolute;
    bottom: 35px;
    right: 20px;
}

.yycj-two .yycj-a {
    position: absolute;
    bottom: -35px;
    right: 20px;
}

.help {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.help-left ul {
    border: 1px solid #e5e5e5;
}

.help-left ul li {
    width: 150px;
    height: 50px;
    text-align: center;
}

.help-left ul li a {
    display: inline-block;
    width: 125px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #e5e5e5;
    color: #111111;
    font-size: 18px;
}

.help-left ul li.active {
    background: linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-45deg, #ff8f00, #ff5400);
}

.help-left ul li.active a {
    color: #fff;
}

.help-left ul li:hover {
    background-color: #f5f7fa;
}

.help-right {
    width: 960px;
}

.help-h3 {
    color: #111111;
    font-size: 18px;
    font-weight: bold;
}

.help-h3 span {
    color: #111111;
    font-size: 24px;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: top;
}

.right-con ul.right-ul li:first-child {
    padding-top: 0px;
}

.right-con ul.right-ul li {
    padding-top: 50px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.hli-con {
    color: #111111;
    font-size: 14px;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.div-h6 {
    color: #666666;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 30px;
    /*margin-bottom: 20px;*/
}

.w900 {
    width: 850px;
}

.fenye {
    margin: 50px 0px 100px 0px;
}

.fenye ul li {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    margin-left: 10px;
}

.fenye ul li a {
    color: #111111;
    font-size: 18px;
}

.fenye ul li.active {
    width: 42px;
    height: 42px;
    border: none;
    background: linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-45deg, #ff8f00, #ff5400);
}

.fenye ul li.active a {
    color: #fff;
}

.fenye ul li.prev {
    width: 100px;
}

.fenye ul li.next {
    width: 100px;
}

.ab-top ul li {
    float: left;
    margin: 10px 84px;
}

.ab-top ul li a {
    font-size: 18px;
    color: #101010;
}

.ab-top ul li.active a {
    color: #E1251B;
    padding-bottom: 10px;
    border-bottom: 1px solid #E1251B;
}

.ab-jj ul li {
    float: left;
    width: 370px;
    height: 450px;
    text-align: center;
    box-shadow: 4px 6px 10px 0px #ebeff4;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: #fff;
}

.ab-jj ul li:hover {
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.ab-jj ul li:nth-child(2) {
    margin: 0px 45px;
}

.jj-a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-radius: 14.5px;
    background: linear-gradient(-45deg, #515cff, #4198ff);
    background: -webkit-linear-gradient(-45deg, #515cff, #4198ff);
    background: -o-linear-gradient(-45deg, #515cff, #4198ff);
    background: -moz-linear-gradient(-45deg, #515cff, #4198ff);
    background: -ms-linear-gradient(-45deg, #515cff, #4198ff);
}

.jj-a:hover {
    color: #fff;
    /*box-shadow: 0px 0px 10px 10px #515cff;*/
}

.jj-hei {
    height: 250px;
    line-height: 200px;
}

.jj-hei img {
    vertical-align: middle;
    position: relative;
    top: -30px;
    left: 36px;
    z-index: 99;
}

.box1.box2::after {
    bottom: -70px;
    left: 80px;
}

.box1.box3::after {
    bottom: -70px;
    left: 60px;
    /*border-radius: 0px!important;
    transform: rotate(45deg);*/
}

.jj-con {
    margin: 0px 50px;
}

.jj-con h5 {
    font-size: 18px;
    color: #111111;
}

.jj-con p {
    font-size: 14px;
    color: #666666;
    margin: 20px 0px 30px 0px;
}

.ab-zc ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.ab-zc ul li:last-child {
    border-bottom: none;
}

.ab-zc ul li:hover h5 {
    color: #e1251b;
}

.ab-zc ul li img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-radius: 50%;
}


/*.ab-zc ul li:hover img{
    box-shadow: 0px 0px 10px 10px #ffdcc8;
}*/

.zc-img {
    width: 140px;
    text-align: center;
}

.zc-con {
    width: 960px;
    margin-top: 20px;
}

.zc-con h5 {
    font-size: 18px;
    color: #111111;
}

.zc-con p {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}

.ab-zc ul li .radius {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #909090;
    position: relative;
}

.ab-zc ul li .sanjiao {
    width: 8px;
    height: 8px;
    border-right: 2px solid #1c1c1c;
    border-bottom: 2px solid #1c1c1c;
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(-45deg);
}

.ab-zc ul li:hover .radius {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(-45deg, #E1251B, #F91362);
    background: -webkit-linear-gradient(-45deg, #E1251B, #F91362);
    background: -o-linear-gradient(-45deg, #E1251B, #F91362);
    background: -moz-linear-gradient(-45deg, #E1251B, #F91362);
    background: -ms-linear-gradient(-45deg, #E1251B, #F91362);
    position: relative;
    border: none;
    animation: zy 0.5s linear infinite;
    -moz-animation: zy 0.5s linear infinite;
    -webkit-animation: zy 0.5s linear infinite;
    -o-animation: zy 0.5s linear infinite;
    text-align: 5px 5px 10px 0px #c6e6fb;
}

.ab-zc ul li:hover .sanjiao {
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(-45deg);
}

.ab-gs {
    margin-top: -80px;
    height: 650px;
    background-color: #f5f7fa;
}


@-webkit-keyframes zy {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(5px, 0px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    75% {
        transform: translate(-5px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes zy {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(5px, 0px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    75% {
        transform: translate(-5px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@-o-keyframes zy {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(5px, 0px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    75% {
        transform: translate(-5px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes zy {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(5px, 0px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    75% {
        transform: translate(-5px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}


/*.radius{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(-45deg,#ffc800,#ff6300);
    background: -webkit-linear-gradient(-45deg,#ffc800,#ff6300);
    background: -o-linear-gradient(-45deg,#ffc800,#ff6300);
    background: -moz-linear-gradient(-45deg,#ffc800,#ff6300);
    background: -ms-linear-gradient(-45deg,#ffc800,#ff6300);
    position: relative;
}
.sanjiao{
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(-45deg);
}*/

.about-bg {
    width: 100%;
    height: 690px;
    background: url(http://qg.uincall400.com/images/gsjj/about1.png) no-repeat;
}

.ab-qw {
    margin-top: 70px;
}

.ab-qw ul li {
    float: left;
    width: 240px;
    cursor: pointer;
}

.ab-qw ul li img {
    width: 100%;
}

.lx-tab ul li {
    /* width: calc(100% / 5)!important; */
}

.lx-tab ul li a {
    width: 100% !important;
}

.lx-left h5 {
    font-size: 18px;
    color: #101010;
    font-weight: bold;
}

.lx-left p {
    font-size: 16px;
    color: #666666;
}

.lx-left p span {
    font-size: 16px;
    color: #101010;
}

.one-ts ul li:nth-child(odd) {
    margin-right: 50px;
}

.one-ts ul li {
    float: left;
    width: 575px;
    height: 226px;
    text-align: center;
    /*margin: 10px 24px;*/
    margin-top: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #e7f0f6;
}

.ts-hei {
    height: 200px;
    line-height: 200px;
    width: 200px;
}

.tsys-x730 {
    height: 750px !important;
}

.ts-hei img {
    vertical-align: middle;
    position: relative;
    top: -35px;
    left: -33px;
    z-index: 99;
}

.box1-1 {
    background: url(http://qg.uincall400.com/images/ts1.png) no-repeat;
}

.box1 img {
    position: relative;
    z-index: 99;
}


/*.box-l{
    width: 390px!important;
    height: 460px!important;
}*/

.box1 {
    width: 100px;
    height: 100px;
    /*background-color: red;*/
    position: relative;
    top: 35px;
    left: 75px;
    /*transform: translateY(0px);
    transition: transform 1s ease;*/
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.box1::after {
    content: "";
    display: black;
    position: absolute;
    bottom: -30px;
    left: 2px;
    width: 35%;
    height: 8px;
    border-radius: 50%;
    background-color: #ffe2bd;
    box-shadow: 0px 0px 15px 20px #ffe4c1;
    /*transform: translateY(0px);
    transition: transform 1s ease;*/
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.box2::after {
    width: 60% !important;
    background-color: #ffe6c6;
    box-shadow: 0px 0px 15px 20px #ffe7c8;
}

.one-ts ul li:hover .box1 {
    /*transform: translateY(-20px);
    transition: transform 1s ease;*/
    transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.one-ts ul li:hover .box1:after {
    /*transform: translateY(20px) scale(0.75);
    transition: transform 1s ease;*/
    transform: translateY(20px) scale(0.75);
    -moz-transform: translateY(20px) scale(0.75);
    -webkit-transform: translateY(20px) scale(0.75);
    -o-transform: translateY(20px) scale(0.75);
    -ms-transform: translateY(20px) scale(0.75);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.txtx1 {
    top: 13px !important;
    left: -5px !important;
}

.txtx1::after {
    left: 50px !important;
}


.txtx .box1 {
    /*transform: translateY(-20px);
    transition: transform 1s ease;*/
    transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.txtx .box1:after {
    /*transform: translateY(20px) scale(0.75);
    transition: transform 1s ease;*/
    transform: translateY(20px) scale(0.75);
    -moz-transform: translateY(20px) scale(0.75);
    -webkit-transform: translateY(20px) scale(0.75);
    -o-transform: translateY(20px) scale(0.75);
    -ms-transform: translateY(20px) scale(0.75);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}


.ab-jj ul li:hover .box1 {
    /*transform: translateY(-20px);
    transition: transform 1s ease;*/
    transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.ab-jj ul li:hover .box1:after {
    /*transform: translateY(20px) scale(0.75);
    transition: transform 1s ease;*/
    transform: translateY(20px) scale(0.75);
    -moz-transform: translateY(20px) scale(0.75);
    -webkit-transform: translateY(20px) scale(0.75);
    -o-transform: translateY(20px) scale(0.75);
    -ms-transform: translateY(20px) scale(0.75);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}


.m-zc ul li:hover .box1 {
    /*transform: translateY(-20px);
    transition: transform 1s ease;*/
    transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}

.m-zc ul li:hover .box1:after {
    /*transform: translateY(20px) scale(0.75);
    transition: transform 1s ease;*/
    transform: translateY(20px) scale(0.75);
    -moz-transform: translateY(20px) scale(0.75);
    -webkit-transform: translateY(20px) scale(0.75);
    -o-transform: translateY(20px) scale(0.75);
    -ms-transform: translateY(20px) scale(0.75);

    transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
}


.ts-p h5 {
    font-size: 18px;
    color: #111111;
}

.ts-p p {
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}

.ts-p {
    /*margin: 0px 25px;*/
    width: 375px;
    text-align: left;
    margin-top: 70px;
}


.one-a {
    width: 318px;
    height: 361px;
    background: url(http://qg.uincall400.com/images/one-bg.png) no-repeat;
    text-align: center;
}

.one-a a {
    display: inline-block;
    width: 215px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #fff;
    border-radius: 14.5px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-left: 10px;
}

.one-a a:hover {
    background-color: #fff;
    color: #ff5500;
}

.yzm1 {
    width: 144px !important;
}

.pt120 {
    padding-top: 120px;
}

.top127 {
    top: 127px !important;
    left: 60px !important;
}

.top6 {
    top: 6px !important;
    left: 60px !important;
}

.top6 {
    top: 6px !important;
    left: 60px !important;
}

.mt-4 {
    margin-top: -2px !important;
}

.w872 {
    width: 872px;
}

.jx-div ul li {
    margin-left: 24px !important;
}

.jx-p h5 {
    color: #ff5500;
    font-size: 20px;
    font-weight: bold;
}

.jx-p {
    margin-top: 15px;
    margin-left: 15px;
}

.jx-p p {
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}

.jx-div {
    /*border-top: 2px solid #ff7200;*/
    box-shadow: 0px 0px 10px 0px #e7f0f6;
}

.one-kh ul li {
    float: left;
    width: 285px;
    height: 368px;
    background-color: #f5f7fa;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


/*.one-kh ul li:hover{
    box-shadow: 8px 8px 10px 0px #e8e7e7;
    transform: translate(0px,-2px);
    -moz-transform: translate(0px,-2px);
    -webkit-transform: translate(0px,-2px);
    -o-transform: translate(0px,-2px);
}*/


/*.one-kh ul li:hover .kh-a{
    background: linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -webkit-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -o-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -moz-linear-gradient(-45deg,#ff8f00,#ff5400);
    background: -ms-linear-gradient(-45deg,#ff8f00,#ff5400);
    color: #fff;
    border: none;
}*/

.one-kh ul li img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.one-kh {
    padding-bottom: 60px;
}

.one-kh ul li:hover img {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.one-kh ul li:nth-child(2) {
    margin: 0 20px;
}

.one-kh ul li:nth-child(3) {
    margin-right: 20px;
}

.khzc {
    padding-top: 40px;
    height: 120px;
    margin: 0px 20px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.khzc .floatLeft p {
}

.khzc h5 {
    color: #101010;
    font-size: 20px;
    font-weight: bold;
}

.khzc p {
    color: #111111;
    font-size: 14px;
}

.khzc-p {
    height: 140px;
    margin: 15px 18px;
}

.khzc-p span {
    color: #e1251b;
    font-size: 14px;
}

.khzc-p p {
    color: #111111;
    font-size: 14px;
    line-height: 27px;
}

.kh-a:hover {
    color: #fff;
    box-shadow: 0px 5px 5px 0px #f3817b;
}

.kh-a {
    display: inline-block;
    width: 178px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 17.5px;
    color: #fff;
    font-size: 16px;
    margin-left: 65px;
    font-weight: bold;
    background: linear-gradient(top, #e1251b, #F91362);
    background: -webkit-linear-gradient(top, #e1251b, #F91362);
    background: -o-linear-gradient(top, #e1251b, #F91362);
    background: -moz-linear-gradient(top, #e1251b, #F91362);
    background: -ms-linear-gradient(top, #e1251b, #F91362);
}

.one-bl ul li {
    float: left;
    width: 150px;
    height: 150px;
    text-align: center;
    /*line-height: 150px;*/
    border-radius: 4px;
    border: 1px dashed #e1251b;
    position: relative;
    margin: 0px 74px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.one-bl ul li img.blimg {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.one-bl ul li:hover img.blimg {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.one-bl ul li h5 {
    color: #111111;
    font-size: 18px;
    width: 190px;
    margin-left: -18px;
    margin-top: 15px;
}

.one-bl ul li h5 span {
    color: #111111;
    font-size: 14px;
}

.one-bl ul li h5 span i {
    color: #ff5500;
    font-size: 14px;
    font-style: normal;
}

.bl-img {
    height: 150px;
    line-height: 150px;
}

.bl-img img {
    vertical-align: middle;
}

.bl-jt {
    position: absolute;
    top: 65px;
    right: -115px;
}

.one-there {
    background-color: #f5f7fa;
    height: 220px;
}

.there ul li {
    float: left;
    text-align: center;
}

.there ul li h6 {
    color: #111111;
    font-size: 18px;
}

.there ul li:nth-child(even) {
    margin: 0px 6px;
}

.there-h5 {
    color: #111111;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 0px;
}


.four-top {
    position: relative;
}

.four-top ul {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -250px;
}

.four-top ul li {
    float: left;
}

.four-two ul {
    margin: 110px 0px 80px 0px;
}

.four-two ul li {
    float: left;
    width: 200px;
    height: 130px;
    text-align: center;
    margin: 0px 50px;
}

.four-two ul li h5 {
    color: #111111;
    font-size: 18px;
}

.four-two ul li p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
    margin-top: 20px;
}

.four-sydb ul li {
    float: left;
}

.four-sydb ul li:nth-child(2) {
    margin: 0px 10px;
}

.four-xq {
    background-color: #f5f7fa;
    height: 690px;
    margin-top: 70px;
}

.four-ul {
    margin-top: 150px;
    border-top: 1px solid #e5e5e5;
    position: relative;
}

.four-ul ul li {
    text-align: center;
}

.four-ul ul li.active img {
    box-shadow: 0px 0px 10px 10px #c6e6fb;
    border-radius: 50%;
}

.four-ul ul li h5 {
    color: #101010;
    font-size: 18px;
    padding-bottom: 20px;
}

.four-ul ul li:nth-child(1) {
    position: absolute;
    top: -75px;
    left: 130px;
}

.four-ul ul li:nth-child(2) {
    position: absolute;
    top: -75px;
    left: 425px;
}

.four-ul ul li:nth-child(3) {
    position: absolute;
    top: -75px;
    right: 425px;
}

.four-ul ul li:nth-child(4) {
    position: absolute;
    top: -75px;
    right: 130px;
}

.four-dt {
    text-align: center;
}

.four-dt p {
    color: #111111;
    font-size: 14px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.hxgn {
    position: relative;
    padding-top: 60px;
    margin-bottom: 160px;
    height: 220px;
    background: url(http://qg.uincall400.com/images/hxgn.png) no-repeat center bottom;
    background-size: auto 73px;
}

.hxgn ul li {
    position: absolute;
}

.hxgn ul li .shadow {
    position: absolute;
}

.hxgn ul li:nth-child(1) {
    top: 65px;
    left: 135px;
}

.hxgn ul li .shadow {
    top: 65px;
    left: -15px;
}

.hxgn ul li:nth-child(2) {
    top: 220px;
    left: 335px;
}

.hxgn ul li:nth-child(3) {
    top: 65px;
    left: 525px;
}

.hxgn ul li:nth-child(4) {
    top: 220px;
    left: 730px;
}

.hxgn ul li:nth-child(5) {
    top: 65px;
    left: 930px;
}

.hxgn-tab ul li {
    float: left;
    color: #101010;
    font-size: 18px;
    margin: 0px 58px;
    cursor: pointer;
}

.hxgn-tab ul li.on {
    color: #e1251b;
    position: relative;
}

.hxgn-tab ul li.on:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 44px;
    left: 50%;
    margin-left: -54px;
    width: 108px;
    height: 1px;
    background-color: #e1251b;
}

.hxgn-tab ul {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.hxgn-div {
    /*width: 645px;*/
    width: 1200px;
    margin: 0 auto;
}

.hxgn-div ul {
    margin-top: 20px;
}

.hxgn-div ul li:nth-child(1) {
    margin-left: 350px;
}

.hxgn-div1 ul li:nth-child(1) {
    margin-left: 200px !important;
}

.hxgn-div ul li {
    float: left;
    color: #111111;
    font-size: 14px;
    margin: 30px;
}

.hxgn-div ul li img {
    vertical-align: middle;
    padding-right: 10px;
}

.hxgn-div1 {
    width: 900px;
    margin: 0 auto;
}

.hzhb {
    margin: 70px 0px;
}

.hzhb ul li {
    float: left;
    width: 171px;
    text-align: center;
}

.hzhb ul li img {
    vertical-align: middle;
}

.zs-title {
    width: 292px;
    height: 60px;
    line-height: 60px;
    background-color: #f5f7fa;
    position: relative;
    cursor: pointer;
}

.zs-title1 {
    background: linear-gradient(top, #ff8900, #ff5b00);
    background: -webkit-linear-gradient(top, #ff8900, #ff5b00);
    background: -o-linear-gradient(top, #ff8900, #ff5b00);
    background: -moz-linear-gradient(top, #ff8900, #ff5b00);
    background: -ms-linear-gradient(top, #ff8900, #ff5b00);
    position: relative;
    cursor: pointer;
}

.zs-title1 .icon1 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) 18px 12px no-repeat;
}

.zs-title1 .icon2 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) 18px -68px no-repeat;
}

.zs-title1 .icon3 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) 18px -148px no-repeat;
}

.zs-title1 .icon4 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) 18px -228px no-repeat;
}

.zs-title1 .icon5 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) 18px -308px no-repeat;
}

.zs-title1 .icon6 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -58px 12px no-repeat;
}

.zs-title1 .icon7 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -58px -68px no-repeat;
}

.zs-title1 .icon8 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -58px -148px no-repeat;
}

.zs-title1 .icon9 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -58px -228px no-repeat;
}

.zs-title1 .icon10 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -58px -308px no-repeat;
}

.zs-title1 .icon11 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -138px 12px no-repeat;
}

.zs-title1 .icon12 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -138px -68px no-repeat;
}

.zs-title1 .icon13 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -138px -148px no-repeat;
}

.zs-title1 .icon14 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -138px -228px no-repeat;
}

.zs-title1 .icon15 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -218px 12px no-repeat;
}

.zs-title1 .icon16 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -218px -68px no-repeat;
}

.zs-title1 .icon17 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -218px -148PX no-repeat;
}

.zs-title1 .icon18 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs2.png) -218px -228PX no-repeat;
}

.zs-title1 .text-title {
    color: #fff;
    margin-top: 18px;
}

.zs-title1 .zs-a {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    /*transform: rotate(45deg);*/
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 25px;
    right: 20px;
    width: 10px;
    height: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.text-title {
    font-size: 18px;
    color: #101010;
    margin-left: 15px;
}

.zs-a {
    width: 10px;
    height: 10px;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
    position: absolute;
    top: 25px;
    right: 20px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.icon1 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) 18px 12px no-repeat;
}

.icon2 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) 18px -68px no-repeat;
}

.icon3 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) 18px -148px no-repeat;
}

.icon4 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) 18px -228px no-repeat;
}

.icon5 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) 18px -308px no-repeat;
}

.icon6 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -58px 12px no-repeat;
}

.icon7 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -58px -68px no-repeat;
}

.icon8 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -58px -148px no-repeat;
}

.icon9 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -58px -228px no-repeat;
}

.icon10 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -58px -308px no-repeat;
}

.icon11 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -138px 12px no-repeat;
}

.icon12 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -138px -68px no-repeat;
}

.icon13 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -138px -148px no-repeat;
}

.icon14 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -138px -228px no-repeat;
}

.icon15 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -218px 12px no-repeat;
}

.icon16 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -218px -68px no-repeat;
}

.icon17 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -218px -148PX no-repeat;
}

.icon18 {
    width: 60px;
    height: 60px;
    background: url(http://qg.uincall400.com/images/lj-zs1.png) -218px -228PX no-repeat;
}

.zs-con {
    width: 292px;
    height: 160px;
    background-color: #f5f7fa;
    text-align: center;
    display: none;
}

.zs-con p {
    text-align: justify;
    font-size: 14px;
    color: #111111;
    padding: 20px;
    height: 60px;
}

.zs-lja {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 14.5px;
    background: linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -webkit-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -o-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -moz-linear-gradient(-45deg, #ff8900, #ff5b00);
    background: -ms-linear-gradient(-45deg, #ff8900, #ff5b00);
    margin-left: 145px;
}

.zs-lja:hover {

    color: #fff;
    box-shadow: 0px 0px 10px 10px #ffdccb;
}

.zs ul li {
    float: left;
    width: 292px;
}

.zs ul li:nth-child(2) {
    margin: 0px 11px;
}

.zs ul li:nth-child(3) {
    margin-right: 10px;
}

.xq-div {
    text-align: center;
    position: relative;
}

.xq-a {
    display: inline-block;
    width: 193px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ff5500;
    font-size: 14px;
    border-radius: 14.5px;
    border: 1px solid #ff5500;
}

.xq-a:hover {
    color: #fff;
    background: linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-45deg, #ff8f00, #ff5400);
}

.xq-p {
    /*  */
}

.xq-p p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
    width: 225px;
}

.xq-p p.one1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -15px -5px no-repeat;
}

.xq-p:hover p.one1 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -15px -65px no-repeat;
}

.xq-p p.one2 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -85px -5px no-repeat;
}

.xq-p:hover p.one2 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -85px -65px no-repeat;
}

.xq-p p.one3 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -160px -5px no-repeat;
}

.xq-p:hover p.one3 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -160px -65px no-repeat;
}

.xq-p p.one4 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -230px -5px no-repeat;
}

.xq-p:hover p.one4 {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(http://qg.uincall400.com/images/lj/sydb.png) -230px -65px no-repeat;
}

.xq-one {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 300px;
}

.xq-two {
    position: absolute;
    bottom: 100px;
    left: 0px;
    width: 300px;
}

.xq-three {
    position: absolute;
    top: 100px;
    right: 0px;
    width: 300px;
}

.xq-four {
    position: absolute;
    bottom: 100px;
    right: 0px;
    width: 300px;
}

.ab-zy {
    position: relative;
}

.ab-zy ul li {
    position: absolute;
}

.ab-zy ul li:nth-child(1) {
    top: 35px;
    left: -18px;
}

.ab-zy ul li:nth-child(2) {
    top: 306px;
    left: 70px;
}

.ab-zy ul li:nth-child(3) {
    top: 230px;
    right: 306px;
}

.ab-zy ul li:nth-child(4) {
    top: 80px;
    right: 0px;
}

.hei300 {
    height: 300px;
}

.lx-left {
    width: 500px;
    /* margin-top: 30px; */
    /* margin-left: 50px; */
}

.lx-left h5 {
    margin-bottom: 20px;
}

.lx-left p {
    margin-bottom: 5px;
}

.lx-right {
    /* margin-right: 20px; */
    margin-top: 10px;
}

.p-bs {
    color: #fff !important;
}

.hot-ul1 {
    margin-bottom: 20px !important;
}

.tc ul li:hover {
    animation: zy 0.1s linear infinite;
    -moz-animation: zy 0.1s linear infinite;
    -webkit-animation: zy 0.1s linear infinite;
    -o-animation: zy 0.1s linear infinite;
    -ms-animation: zy 0.1s linear infinite;
}

.side {
    position: absolute;
    top: 590px;
    right: 20px;
}

.side-top {
    position: relative;
}

.zxzx {
    width: 80px;
    height: 80px;
    line-height: 127px;
    text-align: center;
    position: absolute;
    top: 11px;
    right: 17px;
    color: #fff;
    font-size: 14px;
}

.dhzx {
    width: 80px;
    height: 80px;
    line-height: 127px;
    text-align: center;
    position: absolute;
    top: 93px;
    right: 17px;
    color: #fff;
    font-size: 14px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.dhzx p {
    margin-top: 50px;
}

.dhzx:hover .dhzx-bg {
    display: block;
    /*transform: translate(-20px,0px);
    -moz-transform: translate(-20px,-0px);
    -webkit-transform: translate(-20px,-0px);
    -o-transform: translate(-20px,-0px);*/
}

.dhzx-bg {
    position: absolute;
    top: 25px;
    left: -171px;
    width: 168px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    background: linear-gradient(top, #5060ff, #4294ff);
    background: -webkit-linear-gradient(top, #5060ff, #4294ff);
    background: -o-linear-gradient(top, #5060ff, #4294ff);
    background: -moz-linear-gradient(top, #5060ff, #4294ff);
    background: -ms-linear-gradient(top, #5060ff, #4294ff);
    display: none;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.fhdb {
    width: 80px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    bottom: -12px;
    right: 17px;
    color: #fff;
    font-size: 14px;
    background-color: #333;
    border-radius: 4px;
    cursor: pointer;
}

.fhdb:hover {
    background-color: #666;
}


.wxzx {
    width: 80px;
    height: 80px;
    line-height: 127px;
    text-align: center;
    position: absolute;
    top: 175px;
    right: 17px;
    color: #fff;
    font-size: 14px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.wxzx p {
    margin-top: 50px;
}

.wxzx:hover p,
.dhzx:hover p {
    font-weight: bold;
}

.zxzx:hover {
    font-weight: bold;
    cursor: pointer;
}

.wxzx:hover .wxzx-img {
    display: block;
    /*transform: translate(-20px,0px);
    -moz-transform: translate(-20px,-0px);
    -webkit-transform: translate(-20px,-0px);
    -o-transform: translate(-20px,-0px);*/
}

.wxzx-img {
    position: absolute;
    top: -15px;
    left: -156px;
    display: none;
}

.lj400-1 {
    position: relative;
}

.lj400 img {
    width: 100%;
}

.lj400 {
    /*border-top: 1px solid #ff5500;*/
}

.top-3 {
    top: 90px !important;
}

.lj-bg {
    position: absolute;
    top: -335px;
    left: 0px;
    width: 570px;
}

.ts-bg {
    position: absolute;
    top: -335px;
    left: 0px;
    width: 570px;
}

.ts-bg a {
    display: inline-block;
    width: 210px;
    height: 44px;
    background: #FFFADB;
    box-shadow: 2px 3px 4px 0px rgba(100, 43, 43, 0.5);
    border-radius: 5px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #D42020;
    line-height: 44px;
    text-align: center;
    position: relative;
    left: 203px;
    top: 185px;
}

.ts-bg a:hover {
    background-color: #fff;
    color: #E1251B;
}

.lj-bg.lj-bg-1 {
    top: -300px;
    left: 0px;
    margin-left: 0px;
    text-align: justify;
    width: 500px;
}

.top-1 {
    top: 80px !important;
}

.top-2 {
    top: 75px !important;
}

.lj-bg {
    position: absolute;
    top: -230px;
    left: 50%;
    width: 815px;
    margin-left: -407px;
    text-align: center;
}

.lj-bg h5 {
    color: #ffffff;
    font-size: 34px;
}

.lj-bg p {
    color: #ffffff;
    font-size: 14px;
    margin: 30px 0px;
}

.lj-bg a {
    display: inline-block;
    width: 210px;
    height: 44px;
    background: #FFFADB;
    box-shadow: 2px 3px 4px 0px rgba(100, 43, 43, 0.5);
    border-radius: 5px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #D42020;
    line-height: 44px;
    text-align: center;
    position: relative;
    left: 162px;
    top: 263px;
}

.lj-bg a:hover {
    background-color: #fff;
    color: #E1251B;
}

.hdiv-con {
    display: none;
}

.right-con ul.right-ul li.active .help-h3,
.right-con ul.right-ul li.active .help-h3 span {
    color: #E1251B;
}

.right-con ul.right-ul li .floatRight img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.right-con ul.right-ul li.active .floatRight img {
    transform: rotate(90deg);
}

.right-con ul.right-ul li.active .hdiv-con {
    display: block;
}

.img1 {
    display: block;
    position: relative;
/ / width: 800 px;
/ / height: 450 px;
/ / margin: 0 auto;
}


.img1:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 83px;
    top: 0;
    left: -20px;
    overflow: hidden;

    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);

    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
}

.img_div1:hover .img1:before {
    left: 100%;
    transition: left 1s ease 0s;
}


.img_div1 {
    position: relative;
    width: 175px;
    height: 80px;
}

.img_div1:before,
.img_div1:after {
    position: absolute;
    display: block;
    content: "";
    -webkit-transition: all 0.1s;
}

.img_div1:before {
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 0.3s;
}

.img_div1:after {
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    -webkit-transition-delay: 0.1s;
}

.img_div1 i:before,
.img_div1 i:after {
    position: absolute;
    display: block;
    content: "";
    -webkit-transition: all 0.1s;
}

.img_div1 i:before {
    left: -2px;
    bottom: -1px;
    height: 0;
    width: 0;
    -webkit-transition-delay: 0s;
}

.img_div1 i:after {
    right: -2px;
    top: -1px;
    height: 0;
    width: 0;
    -webkit-transition-delay: 0.2s;
}

.img_div1:hover:after,
.img_div1:hover:before {
    width: 175px;
}

.img_div1:hover i:after,
.img_div1:hover i:before {
    height: 81px;
}

.img_div1:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.img_div1:hover:after {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0s;
}

.img_div1:hover i:after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0s;
}

.img_div1:hover i:before {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0s;
}


.picScroll-left {
    overflow: hidden;
    position: relative;
    height: 600px;
}

.picScroll-left .hd {
    height: 30px;
    padding: 0 10px;
    position: absolute;
    bottom: 55px;
    left: 430px;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
    display: block;
    width: 5px;
    height: 9px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/arrow.png") 0 0 no-repeat;
}

.picScroll-left .hd .next {
    background-position: 0 -50px;
}

.picScroll-left .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: 11px;
    cursor: pointer;
    background-color: #e1251b;
    border: 1px solid #e1251b;
    border-radius: 50%;
}

.picScroll-left .hd ul li.on {
    background-color: #fff;
    color: #e1251b;
    border: 1px solid #e1251b;
}

.picScroll-left .bd2 {
    padding: 10px;
}

.picScroll-left .bd2 ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd2 ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 390px !important;
}

.picScroll-left .bd2 ul li .pic {
    text-align: center;
}

.picScroll-left .bd2 ul li .pic img {
    width: 120px;
    height: 90px;
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
}

.picScroll-left .bd2 ul li .pic a:hover img {
    border-color: #999;
}

.picScroll-left .bd2 ul li .title1 {
    line-height: 24px;
}


.me-con ul li {
    float: left;
    width: 298px;
    height: 170px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.me-div h5 {
    height: 50px;
    background-color: #f5f7fa;
    text-align: center;
    line-height: 50px;
}

.me-div h5 span {
    color: #101010;
    font-size: 20px;
    font-weight: bold;
}

.me-div h5 s {
    color: #666;
    font-size: 18px;
}

.me-div p {
    margin: 20px 0px;
}

.me-div p span:first-child {
    color: #ff8e00;
    font-size: 42px;
    font-weight: bold;
}

.me-div p span:last-child {
    color: #101010;
    font-size: 18px;
}

.me-div a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(-45deg, #e1251b, #F91362);
    background: -webkit-linear-gradient(-45deg, #e1251b, #F91362);
    background: -o-linear-gradient(-45deg, #e1251b, #F91362);
    background: -moz-linear-gradient(-45deg, #e1251b, #F91362);
    background: -ms-linear-gradient(-45deg, #e1251b, #F91362);
    color: #ffffff;
    font-size: 14px;
    border-radius: 14.5px;
    box-shadow: 0px 0px 10px 5px #f9b9b5;
}

.me-div a:hvoer {
    background: linear-gradient(-45deg, #ffb14d, #ff884d);
    background: -webkit-linear-gradient(-45deg, #ffb14d, #ff884d);
    background: -o-linear-gradient(-45deg, #ffb14d, #ff884d);
    background: -moz-linear-gradient(-45deg, #ffb14d, #ff884d);
    background: -ms-linear-gradient(-45deg, #ffb14d, #ff884d);
    color: #fff;
}

.me-div1 {
    position: relative;
}

.me-div1 img {
    width: 100%;
}

.me-div1 a {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #ffffff;
    font-size: 14px;
    border-radius: 14.5px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -54px;
}

.me-div1 a:hover {
    background-color: #fff;
    color: #ff5500;
}


@keyframes warn {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

@-webkit-keyframes "warn" {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}


@keyframes warn2 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

.container-1 {
    position: relative;
}

.dot {
    width: 485px;
    height: 457px;
    margin: 30px auto;
    /*z-index: 2;*/
    position: relative;
}

.pulse {
    position: absolute;
    width: 485px;
    height: 457px;
    left: 357px;
    top: 25px;
    border: 1px solid #ffbcc8c7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*z-index: 1;*/
    opacity: 0;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 30px 30px #ffbcc8c7;
    background-color: #ffbcc8c7;
}

.pulse1 {
    position: absolute;
    width: 450px;
    height: 450px;
    left: 366px;
    top: 30px;
    border: 1px solid #ffbcc8c7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*z-index: 1;*/
    opacity: 0;
    -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 30px 30px #ffbcc8c7;
    background-color: #ffbcc8c7;
}


.pulse2 {
    position: absolute;
    width: 285px;
    height: 285px;
    left: 450px;
    top: 110px;
    border: 1px solid #ffbcc8c7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*z-index: 1;*/
    opacity: 0;
    -webkit-animation: warn2 2s ease-out;
    -moz-animation: warn2 2s ease-out;
    animation: warn2 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 30px 30px #ffbcc8c7;
    background-color: #ffbcc8c7;
}


.container-2 {
    position: relative;
    width: 40px;
    height: 40px;
}

.dot-1 {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 285px;
    top: -45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    /*border: 2px solid red;*/
    border-radius: 50%;
    background: linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -webkit-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -o-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -moz-linear-gradient(-45deg, #ff8f00, #ff5400);
    background: -ms-linear-gradient(-45deg, #ff8f00, #ff5400);
    z-index: 2;
}

.pulse-1 {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 277px;
    top: -53px;
    border: 1px solid #f9bb15;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #f9bb15;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.dot-1dw {
    left: 308px !important;
    top: -45px !important;
}

.dot-2dw {
    left: 160px !important;
    top: -45px !important;
}

.dot-3dw {
    left: 120px !important;
    top: -45px !important;
}

.pulse-1dw {
    left: 300px !important;
    top: -53px !important;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

.pulse-2dw {
    left: 152px !important;
    top: -53px !important;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s;
}

.pulse-3dw {
    left: 112px !important;
    top: -53px !important;
    -webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s;
}


.demo {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99
}

.demo-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    /*filter:Alpha(opacity=50);*/
    background-color: rgba(0, 0, 0, 0.4);
    /*实现透明背景*/
    display: none;
}

.demo-txt {
    position: fixed;
    z-index: 1;
    color: #000;
    /*background: white;*/
    background-size: 100%;
    width: 434px;
    height: 592px;
    margin: auto;
    padding: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    padding: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.demo-txt1 {
    background: url(http://qg.uincall400.com/images/zz1-1.png) center no-repeat;
}

.demo-txt2 {
    background: url(http://qg.uincall400.com/images/zz2-2.png) center no-repeat;
}

.demo-txt3 {
    background: url(http://qg.uincall400.com/images/zz3-3.png) center no-repeat;
}

.demo-txt4 {
    background: url(http://qg.uincall400.com/images/zz4-4.png) center no-repeat;
}

.demo-txt5 {
    background: url(http://qg.uincall400.com/images/zz5-5.png) center no-repeat;
}

#btna {
    float: right;
    background-color: transparent;
    border: none;
    position: absolute;
    right: -30px;
    color: #fff;
    font-size: 36px;
}


.ios {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

.ios ul {
    margin: 15px 320px;
}

.ios ul li {
    float: left;
    margin-left: 50px;
    width: 74px;
    height: 105px;
    line-height: 105px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: relative;
}

.ios ul li:nth-child(1) img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.ios ul li:hover img {
    transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}

.ios ul li a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 14.5px;
    border: 1px solid #fff;
}

.ios ul li img {
    width: auto !important;
}

.andwx {
    position: absolute;
    top: -80px;
    right: -40px;
    display: none;
}

.ioswx {
    position: absolute;
    top: -80px;
    right: -40px;
    display: none;
}

.ios ul li.iosli:hover .ioswx {
    display: block;
}

.ios ul li.andwxli:hover .andwx {
    display: block;
}

.hide1 {
    display: none !important;
}


.cpyslb {
    height: 220px;
    background: url(http://qg.uincall400.com/images/cpyslbbg1.png) center no-repeat;
    background-size: 100%;
    position: relative;
}

.cpyslb ul li {
    float: left;
    height: 190px;
    text-align: center;
    margin: 0px 21px;
}


/*.cpyslb ul li:nth-child(2){
    margin-left: 28px;
}
.cpyslb ul li:nth-child(3){
    margin-left: 30px;
}
.cpyslb ul li:nth-child(4){
    margin-left: 34px;
}
.cpyslb ul li:nth-child(5){
    margin-left: 38px;
}
.cpyslb ul li:nth-child(6){
    margin-left: 42px;
}*/

.top-p1 {
    margin-top: 0px !important;
}

.yqd {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    /*box-shadow: 2px 4px 10px 3px #ec6a00;*/
    margin: 25px 0px;
}

.bottom-p {
    width: 257px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    position: relative;
    margin-top: 40px;
}

.bottom-p:after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

.bottom-p.bottom-pa:after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
}

.bottom-pa {
    margin-top: 0px;
}

.top-p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 257px;
    margin-top: 50px;
}

.arrow-11 {
    position: relative;
}

.prev1 {
    width: 52px;
    height: 220px;
    background-color: #e47200;
    /*background: linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -webkit-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -o-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -moz-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -ms-linear-gradient(left,#ff8f0e,#ff9a2a);*/
    opacity: 0.3;
    position: absolute;
    top: -220px;
    left: 0px;
}

.nest1 {
    width: 52px;
    height: 220px;
    background-color: #e47200;
    /*background: linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -webkit-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -o-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -moz-linear-gradient(left,#ff8f0e,#ff9a2a);
    background: -ms-linear-gradient(left,#ff8f0e,#ff9a2a);*/
    opacity: 0.3;
    position: absolute;
    top: -220px;
    right: 0px;
}


/*旋转特效*/

.m-fw-fl {
    animation: xz 15s infinite alternate;
    -webkit-animation: xz 15s infinite alternate;
    /*animation-direction:alternate;
    -webkit-animation-direction:alternate;*/
}


@keyframes xz {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}


@-webkit-keyframes xz {
    from {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
    }
}


/*@-moz-keyframes xz
{
    from {background: red;}
    to {background: yellow;}
}

@-o-keyframes xz
{
    from {background: red;}
    to {background: yellow;}
}*/


/*新加样式*/

.hxgn-x ul li {
    float: left;
    width: 240px;
    text-align: center;
    margin: 50px 0px;
}

.foot-x {
    background-color: #678cff;
}

.foot-x-div1 {
    text-align: center;
    border-bottom: 1px solid #313131;
    padding: 80px 0px;
}

.foot-x-div1 p {
    color: #fff;
    font-size: 26px;
}

.foot-x-div1 a {
    display: inline-block;
    width: 178px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    background: linear-gradient(top, #525aff, #4198ff);
    background: -webkit-linear-gradient(top, #525aff, #4198ff);
    background: -o-linear-gradient(top, #525aff, #4198ff);
    background: -moz-linear-gradient(top, #525aff, #4198ff);
    background: -ms-linear-gradient(top, #525aff, #4198ff);
}

.foot-x-div1 a:hover {
    color: #fff;
    /*box-shadow: 0px 0px 10px 5px #999;*/
}

.foot-x-dl dl {
    float: left;
}

.foot-x-dl dl:nth-child(2) {
    margin: 0px 150px;
}

.foot-x-dl dl:nth-child(4) {
    margin: 0px 180px 0px 100px;
}

.foot-x-dl dl:nth-child(5) {
    text-align: center;
    color: #999;
    margin: 70px 0px;
    font-size: 16px;
}

.foot-x-dl dl dt {
    color: #999999;
    font-size: 18px;
    margin: 40px 0px;
}

.foot-x-dl dl dt span {
    padding-bottom: 15px;
    border-bottom: 1px solid #999999;
}

.foot-x-dl dl dd a {
    color: #999999;
    font-size: 14px;
}

.foot-x-dl dl dd {
    color: #999999;
    font-size: 14px;
    margin-top: 5px;
}

.foot-x-bottom {
    text-align: center;
    padding: 50px 0px;
}

.foot-x-bottom span {
    color: #999;
    font-size: 14px;
}

.foot-x-bottom span:nth-child(2) {
    margin: 0px 20px;
}

.foot-x-bottom span:nth-child(2):before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    padding: 0 3px;
    background: url(http://qg.uincall400.com/images/rz1.png) -0px 0px no-repeat;
}

.foot-x-bottom img {
    vertical-align: middle;
}

.lj-top-x ul li {
    width: 300px;
    float: left;
    margin: 60px 0px 0px 0px;
}

.lj-top-x ul li div:nth-child(1) {
    width: 90px;
}

.lj-top-x ul li div:nth-child(1) img {
    width: 100%;
}

.lj-top-x-1 ul li div:nth-child(1) img {
    width: 46px !important;
    margin-top: 15px;
    margin-left: 30px;
}

.lj-top-x ul li div:nth-child(2) {
    width: 210px;
    padding: 0px 14px;
    box-sizing: border-box;
}

.lj-top-x ul li div:nth-child(2) h5 {
    color: #111111;
    font-size: 18px;
}

.lj-top-x ul li div:nth-child(2) p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
    margin-top: 12px;
}

.dtgn-x ul li {
    width: 292px;
    height: 425px;
    float: left;
    background-color: #f6f9fb;
}

.dtgn-x ul li:nth-child(2) {
    margin: 0px 10px;
}

.dtgn-x ul li:nth-child(3) {
    margin-right: 12px;
}

.dtgn-x-img {
    border-bottom: 1px solid #dae0e4;
    margin: 0px 10px;
    height: 100px;
    line-height: 100px;
}

.dtgn-x-img img {
    vertical-align: middle;
}

.dtgn-x-img span {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
}

.dtgn-x-p {
    padding: 0px 10px;
    height: 228px;
}

.dtgn-x-p p {
    color: #666666;
    font-size: 14px;
    padding: 0px 10px;
}

.dtgn-x-p p:nth-child(1) {
    padding: 20px 10px 10px 10px;
}

.dtgn-x-p p span {
    color: #e1251b;
    font-size: 24px;
    vertical-align: -2px;
    margin-right: 5px;
}

.dtgn-x {
    margin-top: 50px;
}

.dtgn-x ul li a {
    display: inline-block;
    width: 178px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 17.5px;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 57px;
    /*margin-left: 80px;*/
    background: linear-gradient(top, #E1251B, #F91362);
    background: -webkit-linear-gradient(top, #E1251B, #F91362);
    background: -o-linear-gradient(top, #E1251B, #F91362);
    background: -moz-linear-gradient(top, #E1251B, #F91362);
    background: -ms-linear-gradient(top, #E1251B, #F91362);
}

.dtgn-x ul li a:hover {
    box-shadow: 0px 5px 3px 0px #f9cbdb;
}

.help-x {
    margin: 50px 0px 200px 0px;
}

.khzz-x {
    background-color: #77252c;
}

.khzz-x h3.h3 {
    margin-top: 0px;
    padding: 80px 0px 0px 0px;
    color: #fff;
}

.jxhm-x {
    width: 1200px;
    height: 120px;
    background: url(http://qg.uincall400.com/images/1010dh/jxhm-x.png) center no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.jxhm-x p {
    font-size: 18px;
    color: #fff;
}

.jxhm-x p:nth-child(1) {
    padding-top: 30px;
}

.jxhm-x p:nth-child(2) {
    padding-top: 5px;
}

.jxhm-x p span {
    font-size: 18px;
    color: #FFDF78;
}

.cpys-x {
    background-color: #3f4f7c;
}

.cpys-x-div ul li {
    float: left;
    background-color: #465886;
}

.cpys-x-div {
    padding: 10px 0px 80px 0px;
}

.cpys-x-div ul li:nth-child(1) {
    width: 290px;
    height: 375px;
}

.cpys-x-div ul li:nth-child(2) {
    width: 360px;
    height: 375px;
    margin: 0px 37px;
}

.cpys-x-div ul li:nth-child(3) {
    width: 475px;
    height: 375px;
}

.cpys-x-div ul li div:nth-child(1) {
    border-bottom: 1px solid #3f4f7c;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    color: #bddfff;
}

.cpys-x-div ul li div:nth-child(2) {
    padding: 30px 20px 20px 20px;
}

.cpys-x-div ul li div:nth-child(2) p {
    font-size: 16px;
    color: #bddfff;
    margin-top: 10px;
}

.cpys-x-div ul li div.cpys-x-div2 p {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.cpys-x-div ul li div.cpys-x-div2 p span {
    margin-right: 5px;
    color: #fff;
}

.cpys-x-div ul li div.cpys-x-div3 p {
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
}

.cpys-x-div ul li div.cpys-x-div3 h6 {
    font-size: 16px;
    color: #bddfff;
    margin-bottom: 5px;
    margin-top: 5px;
}

.cpys-x-div ul li div.cpys-x-div3 h6 span {
    color: #bddfff;
    margin-right: 5px;
}

.cpys-x-h3 h3 {
    padding: 50px 0px;
    color: #fff !important;
}

.rxtc-x dl {
    float: left;
}

.rxtc-x dl dt {
    width: 240px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.x-tc1 {
    background: linear-gradient(-75deg, #f6f9fb, #f6f9fb);
    background: -webkit-linear-gradient(-75deg, #f6f9fb, #f6f9fb);
    background: -o-linear-gradient(-75deg, #f6f9fb, #f6f9fb);
    background: -moz-linear-gradient(-75deg, #f6f9fb, #f6f9fb);
    background: -ms-linear-gradient(-75deg, #f6f9fb, #f6f9fb);
    color: #666 !important;
}

.x-tc3 {
    background: linear-gradient(-75deg, #b19fff, #7760ff);
    background: -webkit-linear-gradient(-75deg, #b19fff, #7760ff);
    background: -o-linear-gradient(-75deg, #b19fff, #7760ff);
    background: -moz-linear-gradient(-75deg, #b19fff, #7760ff);
    background: -ms-linear-gradient(-75deg, #b19fff, #7760ff);
}

.x-tc2 {
    background: linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -webkit-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -o-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -moz-linear-gradient(-75deg, #ffe88f, #ff9104);
    background: -ms-linear-gradient(-75deg, #ffe88f, #ff9104);
}

.x-tc4 {
    background: linear-gradient(-75deg, #ff8ec2, #ff575c);
    background: -webkit-linear-gradient(-75deg, #ff8ec2, #ff575c);
    background: -o-linear-gradient(-75deg, #ff8ec2, #ff575c);
    background: -moz-linear-gradient(-75deg, #ff8ec2, #ff575c);
    background: -ms-linear-gradient(-75deg, #ff8ec2, #ff575c);
}

.x-tc5 {
    background: linear-gradient(-75deg, #6fa4ff, #085dff);
    background: -webkit-linear-gradient(-75deg, #6fa4ff, #085dff);
    background: -o-linear-gradient(-75deg, #6fa4ff, #085dff);
    background: -moz-linear-gradient(-75deg, #6fa4ff, #085dff);
    background: -ms-linear-gradient(-75deg, #6fa4ff, #085dff);
}


/*.dd-x{
    height: 90px;
}*/

.rxtc-x dl:nth-child(1) dd {
    border-left: 1px solid #e5e5e5;
}

.rxtc-x dl:nth-child(2) dd {
    border-left: 1px solid #ff8f00;
    /*border-bottom: 1px solid #ff8f00;*/
}

.rxtc-x dl:nth-child(2) dd:nth-child(7) {
    border-bottom: 1px solid #ff8f00;
}

.rxtc-x dl:nth-child(3) dd {
    border-left: 1px solid #755dff;
    /*border-bottom: 1px solid #ff8f00;*/
}

.rxtc-x dl:nth-child(3) dd:nth-child(7) {
    border-bottom: 1px solid #755dff;
}

.rxtc-x dl:nth-child(4) dd {
    border-left: 1px solid #ff5455;
    /*border-bottom: 1px solid #ff8f00;*/
}

.rxtc-x dl:nth-child(4) dd:nth-child(7) {
    border-bottom: 1px solid #ff5455;
}


.rxtc-x dl:nth-child(5) dd {
    border-left: 1px solid #025aff;
    border-right: 1px solid #025aff;
    /*border-bottom: 1px solid #ff8f00;*/
}

.rxtc-x dl:nth-child(5) dd:nth-child(7) {
    border-bottom: 1px solid #025aff;
}

.rxtc-x dl dd a {
    display: inline-block;
    width: 161px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 14.5px;
    text-align: center;
    border: 1px solid #ffffff;
    margin-top: 20px;
    margin-left: 45px;
}

.dd-a-1 {
    background: linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -webkit-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -o-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -moz-linear-gradient(-75deg, #ffe78e, #ff9307);
    background: -ms-linear-gradient(-75deg, #ffe78e, #ff9307);
}

.dd-a-2 {
    background: linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -webkit-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -o-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -moz-linear-gradient(-75deg, #b4a2ff, #775fff);
    background: -ms-linear-gradient(-75deg, #b4a2ff, #775fff);
}

.dd-a-3 {
    background: linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -webkit-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -o-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -moz-linear-gradient(-75deg, #ff8fc3, #ff5557);
    background: -ms-linear-gradient(-75deg, #ff8fc3, #ff5557);
}

.dd-a-4 {
    background: linear-gradient(-75deg, #70a5ff, #065cff);
    background: -webkit-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -o-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -moz-linear-gradient(-75deg, #70a5ff, #065cff);
    background: -ms-linear-gradient(-75deg, #70a5ff, #065cff);
}


.rxtc-x dl dd {
    font-size: 14px;
    color: #666;
}

.dd-ps {
    text-align: center;
    line-height: 180px;
    font-size: 18px;
    color: #e1251b !important;
    font-weight: bold;
}

.rxtc-x dl dd ul {
    width: 238px;
    padding: 10px 0px;
}

.dd-180-1 {
    height: 180px !important;
    line-height: 180px !important;
}

.dd-180 {
    height: 180px !important;
    line-height: 24px !important;
    border-bottom: 1px solid #025aff !important;
}

.dd-180 a {
    margin-left: 10px !important;
}

.dd-tc p {
    font-size: 40px;
    color: #333;
    position: relative;
    line-height: 90px;
}

.dd-tc p i {
    font-style: normal;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: -8px;
    left: 28px;
}

.dd-div {
    width: 65px;
    border-right: 1px solid #e5e5e5;
    height: 182px;
}

.dd-div1 {
    width: 172px;
}

.dd-div1 p {
    width: 172px;
    border-bottom: 1px solid #e5e5e5;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #111 !important;
    font-weight: bold;
}

.dd-div p {
    margin-top: 45px;
    font-size: 18px;
    color: #e1251b;
}

.dd-180-2 {
    height: 182px !important;
}

.dd-text {
    font-size: 18px;
    color: #111 !important;
    font-weight: bold;
}

.dd-tc p span {
    font-size: 18px;
    color: #666;
}

.dd-182 {
    height: 182px !important;
    text-align: center;
}

.dd-182 p:nth-child(1) {
    font-size: 20px;
    color: #226fff;
    font-weight: bold;
    padding-top: 60px;
}

.dd-182 p:nth-child(2) {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.rxtc-x dl dd ul li {
    font-size: 14px;
    color: #111;
    float: left;
    margin-left: 18px;
    margin-top: 10px;
}

.rxtc-x dl dd:nth-child(2) {
    height: 90px;
    line-height: 90px;
    text-align: center;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.rxtc-x dl dd img {
    vertical-align: middle;
}

.rxtc-x dl dd:nth-child(3) {
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.rxtc-x dl dd:nth-child(4) {
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.rxtc-x dl dd:nth-child(5) {
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.rxtc-x dl dd:nth-child(6) {
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.rxtc-x dl dd:nth-child(7) {
    height: 180px;
    /*border-left: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
}

.tsys-x {
    background-color: #f6f9fb;
    height: 650px;
}

.tsys-x h3.h3 {
    margin-top: 0px;
    padding: 80px 0px 0px 0px;
}


/*底部固定栏*/

.four-fix {
    height: 80px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    /* z-index: 250; */
}

.four-fix-bg {
    background-image: url(http://qg.uincall400.com/images/four-fix-bg.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.four-bd {
    width: 1200px;
    margin: 0 auto;
    background-color: transparent !important;
    height: 80px !important;
    line-height: 80px !important;
}

.mt-35 {
    margin-top: -35px;
}

.four-bd-name input {
    width: 168px !important;
}

.four-bd-tele input {
    width: 185px !important;
}

.four-bd-yzm input {
    width: 100px !important;
}

.four-bd-name i,
.four-bd-tele i,
.four-bd-yzm i {
    top: 30px !important;
}


.four-bd-a a {
    width: 140px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    color: red;
    font-size: 16px;
    margin-left: 25px;
    border: none;
    border-radius: 0px;
    background-color: #fbdc3f;
    font-weight: bold;
}

.four-bd-a a:hover {
    background-color: #e7ca3a;
    color: red;
}

.four-bd-yzm img {
    vertical-align: middle;
    margin-left: 2px !important;
    margin-top: -2px;
    width: 70px;
    height: 34px;
}

/*.mt80 {
    margin-bottom: 80px;
}*/


/* 新增套餐页样式 */
.jy-may {
    margin-top: 40px !important;
}

.jy-may ul {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.jy-may ul li {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 285px;
    height: 160px;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(242, 244, 245, 1),
            rgba(242, 244, 245, 1));
    background-blend-mode: normal,
    normal;
}

.jy-may ul li div:nth-child(1) {
    margin: 0px 15px;
}

.jy-may ul li div:nth-child(2) {
    flex: 1;
}

.jy-may ul li h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.jy-may ul li p {
    color: #ffffff;
    font-size: 14px;
    margin-top: 15px;
}

.hei94-may {
    height: 94px;
}

.problem-may {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.problem-may-two ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.problem-may-two ul li {
    width: 357px;
    height: 110px;
    /* line-height: 110px; */
    background-color: rgba(246, 249, 251, 1);
    color: #111111;
    font-size: 18px;
    /* text-align: center; */
    position: relative;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}

.problem-may-two ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -6px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 15px solid #f6f9fb;
}


.problem-may-two ul li:hover {
    box-shadow: 1px 3px 10px 0px #cdd8ff;
    z-index: 999;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.problem-may-two ul li:hover:after {
    content: '';
    box-shadow: 3px -3px 5px 0px #cdd8ff;
    transform: rotate(221deg);
    position: absolute;
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -6px;
    border-top: 13px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #f6f9fb;
}

.problem-may-two {
    flex: 1;
    margin-left: 50px;
}

.problem-may-two ul li:nth-child(3), .problem-may-two ul li:nth-child(4) {
    margin: 45px 0px;
}

.problem-may-two ul li img {
    vertical-align: middle;
    padding-left: 10px;
}

.problem-may-two ul li div {
    border-bottom: 1px solid #3da8ff;
    width: 252px;
    position: relative;
    margin-top: 35px;
    margin-left: 40px;
    padding-bottom: 10px;
}

.problem-may-two ul li:nth-child(1) div {
    width: 235px;
}

.problem-may-two ul li:nth-child(1) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li:nth-child(2) div {
    width: 270px;
}

.problem-may-two ul li:nth-child(2) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li:nth-child(3) div {
    width: 235px;
}

.problem-may-two ul li:nth-child(3) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li:nth-child(4) div {
    width: 252px;
}

.problem-may-two ul li:nth-child(4) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li:nth-child(5) div {
    width: 225px;
}

.problem-may-two ul li:nth-child(5) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li:nth-child(6) div {
    width: 170px;
}

.problem-may-two ul li:nth-child(6) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-may-two ul li div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.variety-may > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.variety-may > ul > li:first-child {
    padding: 0px !important;
    border: none;
}

.variety-may > ul > li.variety-li {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.variety-may > ul > li.variety-li:hover {
    box-shadow: 5px 5px 5px 0px #e8e7e7;
    transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
}

.variety-may > ul > li {
    width: 386px;
    height: 420px;
    box-sizing: border-box;
    padding: 0 25px;
    margin-top: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(229, 229, 229, 1);
}

.variety-may > ul > li h3 {
    width: 386px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    margin-left: -26px;
    color: #ffffff;
    font-size: 24px;
    text-shadow: 0px 5px 5px #2042f4;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1));
    background-blend-mode: normal,
    normal;
    position: relative;
}

.variety-may > ul > li h3::after {
    position: absolute;
    top: 50%;
    left: 70px;
    content: "";
    display: inline-block;
    width: 59px;
    height: 1px;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
}

.variety-may > ul > li h3::before {
    position: absolute;
    top: 50%;
    right: 70px;
    content: "";
    display: inline-block;
    width: 59px;
    height: 1px;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
}

.variety-may-one {
    margin-top: 20px;
    margin-left: 15px;
}

.variety-may-one span:nth-child(1) {
    /* background: linear-gradient(to top, #409bff 20%, #5259ff 80%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 38px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold; */
    font-family: MicrosoftYaHei-Bold;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    font-size: 38px;
    font-weight: bold;
}

.variety-may-one span:nth-child(2) {
    font-size: 18px;
    font-weight: normal;
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.variety-may-one a i {
    font-style: normal;
}

.variety-may-one a {
    vertical-align: top;
    margin-left: 30px;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #5259ff;
    border-radius: 10px;
    /* background-image: ;
    background-blend-mode: ;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg,
        rgba(61, 168, 255, 1) 0%,
        rgba(74, 121, 255, 1) 51%,
        rgba(86, 73, 255, 1) 100%);
    border-image-slice: 1; */
    font-size: 14px;
    font-weight: normal;
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.variety-may > ul > li h5 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    margin: 10px 0px;
}

.variety-may-two {
    padding-left: 15px;
    margin-bottom: 10px;
}

.variety-may-two p {
    color: #111111;
    font-size: 14px;
}

.variety-may-two p span {
    color: #ff5e68;
    font-size: 14px;
}

.variety-may-three {
    width: 336px;
    height: 115px;
    background-color: rgba(246, 249, 251, 1);
}

.variety-may-three h6 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
    padding: 10px 0px 10px 15px;
    /* margin: 10px 0px; */
}

.variety-may-three h6 a {
    display: inline-block;
    float: right;
    margin-right: 15px;
    width: 54px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1));
    background-blend-mode: normal,
    normal;
    border-radius: 13px 13px 13px 13px;
}

.variety-may-three ul li {
    float: left;
    margin: 2px 9px;
    color: #111111;
    font-size: 14px;
}

.variety-may > ul > li > a {
    display: inline-block;
    width: 335px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1));
    background-blend-mode: normal,
    normal;
    color: #ffffff;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    margin-top: 25px;
}

.ipport-may {
    display: flex;
    justify-content: space-between;
}

.ipport-may-tab ul li.active::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    display: inline-block;
    width: 121px;
    height: 2px;
    margin-left: -60px;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(0, 153, 255, 1),
            rgba(0, 153, 255, 1));
    background-blend-mode: normal,
    normal;
}

.ipport-may-tab ul li.active {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    font-family: helvetica;
    /*text-align:center;*/
    background: -webkit-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -moz-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -ms-linear-gradient(top, #5259ff, #4199ff);
    /* 背景色渐变 */
    background: -o-linear-gradient(top, #5259ff, #4199ff);
    -webkit-background-clip: text;
    /* 规定背景的划分区域 */
    -moz-background-clip: text;
    /* 规定背景的划分区域 */
    -ms-background-clip: text;
    /* 规定背景的划分区域 */
    -o-background-clip: text;
    /* 规定背景的划分区域 */
    -webkit-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -moz-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -ms-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
    -o-text-fill-color: transparent;
    /* 防止字体颜色覆盖 */
}

.ipport-may-tab ul li {
    float: left;
    color: #101010;
    font-size: 18px;
    text-align: center;
    width: 25%;
    padding-bottom: 10px;
}

.ipport-may-con {
    width: 794px;
    height: 250px;
    border: solid 1px rgba(229, 229, 229, 1);
}

.ipport-may-con ul {
    margin-top: 20px;
}

.ipport-may-con ul li {
    float: left;
    width: 175px;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center;
    margin-left: 23px;
    margin-top: 24px;
    cursor: pointer;
}

.ipport-may-con ul li:hover section:nth-child(2) {
    display: block;
}

.ipport-may-con ul li section:nth-child(1) {
    width: 156px;
    height: 36px;
    line-height: 36px;
    border: 1px dashed #e5e5e5;
    border-radius: 4px;
    text-align: center;
    color: #101010;
    font-size: 18px;
}

.ipport-may-con ul li:hover section:nth-child(2) a {
    color: #fff !important;
}

.ipport-may-con ul li section:nth-child(2) {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 157px;
    height: 37px;
    line-height: 37px;
    border-radius: 4px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0px 0px 10px 5px #bce2fb;
    background: linear-gradient(top, #5256ff, #419aff);
    background: -webkit-linear-gradient(top, #5256ff, #419aff);
    background: -o-linear-gradient(top, #5256ff, #419aff);
    background: -moz-linear-gradient(top, #5256ff, #419aff);
    background: -ms-linear-gradient(top, #5256ff, #419aff);
    display: none;
}

.ipport-may {
    margin-top: 40px !important;
}

.ipport-may-cx {
    width: 794px;
    height: 110px;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(0, 153, 255, 1),
            rgba(0, 153, 255, 1));
    background-blend-mode: normal,
    normal;
    margin-top: 30px;
}

.ipport-may-cx-txt {
    float: left;
}

.ipport-may-cx-input {
    float: left;
}

.ipport-may-cx-input div:nth-child(1) {
    margin-top: 15px;
}

.ipport-may-cx-input div:nth-child(2) {
    margin-top: 15px;
}

.ipport-may-cx-input input {
    width: 33px;
    height: 34px;
    border: none;
    box-sizing: border-box;
    padding-left: 12px;
    margin: 0px 5px;
}

.ipport-may-cx-input span {
    display: inline-block;
    width: 14px;
    height: 1px;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    top: -5px;
}

.ipport-may-cx-txt {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    padding: 15px 0px;
    margin: 10px 0px;
    width: 114px;
    text-align: center;
    border-right: 1px dashed #fff;
}

.ipport-may-cx-input {
    margin: 0px 85px;
}

.ipport-may-cx-input a {
    display: inline-block;
    width: 122px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 16px 16px 16px 16px;
    border: solid 1px rgba(255, 255, 255, 1);
    color: #ffffff;
    font-size: 14px;
    margin: 0px 60px;
}

.mt40-may {
    margin-top: 40px;
}

.hzhb-may {
    margin-top: -10px;
}


/*侧边栏*/

.four-slide {
    position: fixed;
    top: 108px;
    left: 50px;
    cursor: pointer;
    z-index: 250;
}

.four-slide-bg {
    height: 317px;
    width: 166px;
    background: url(http://qg.uincall400.com/images/four-slide.png) -6px 2px no-repeat;
}

.four-slide-p p.four-slide-sp {
    color: #ff5858;
    font-size: 20px;
    font-weight: bold;
}

.four-slide-p p span.four-slide-sp {
    color: #fffa66;
    font-size: 20px;
    font-weight: bold;
    /*text-shadow: 5px 5px 5px #3e91ad;*/
}

.four-slide-p p {
    color: #00569b;
    font-size: 16px;
    margin-top: 4px;
}

.four-slide-p p.four-slide-text {
    color: #ff6363;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-top: 130px;
    padding-right: 15px;
}

.four-slide-lj {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: linear-gradient(top, #53f9ff, #047eff);
    background: -webkit-linear-gradient(top, #53f9ff, #047eff);
    background: -o-linear-gradient(top, #53f9ff, #047eff);
    background: -moz-linear-gradient(top, #53f9ff, #047eff);
    background: -ms-linear-gradient(top, #53f9ff, #047eff);
    cursor: pointer;
}

.four-slide-p {
    padding: 0px 7px;
}

.qgd-may i {
    font-size: 14px;
    color: #ff5c65;
    font-weight: bold;
    font-style: normal;
}

.qgd-may-span {
    font-size: 14px;
    color: #ff5c65;
    font-weight: bold;
}

.sfm-may {
    color: #ec5a46;
    font-size: 14px;
    font-weight: bold;
}

.djs-may {
    box-sizing: border-box;
    padding-left: 30px;
    display: flex;
    align-items: center;
    width: 366px;
    margin: 0 auto;
    margin-top: 20px;
    height: 32px;
    background-image: linear-gradient(0deg,
    rgba(255, 82, 82, 1) 0%,
    rgba(255, 114, 141, 1) 51%,
    rgba(255, 145, 199, 1) 100%),
    linear-gradient(
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1));
    background-blend-mode: normal,
    normal;
    border-radius: 16px 16px 16px 16px;
}

.djs-may > p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.qgd-may {
    width: 89px;
    height: 20px;
    padding-left: 6px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    margin: 0px 5px;
}


.dia-may {
    width: 460px;
    height: 262px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(82, 87, 255, 1);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    display: none;
}

.dia-may > h3 {
    width: 460px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
    box-sizing: border-box;
    padding-left: 20px;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(0, 153, 255, 1),
            rgba(0, 153, 255, 1));
    background-blend-mode: normal,
    normal;
}

.dia-may > h3 > img {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.dia-may-con {
    box-sizing: border-box;
    padding: 0px 20px;
}

.dia-may-con > h5 {
    color: #222222;
    font-size: 16px;
    margin: 5px 0px;
}

.dia-may-con > p {
    color: #222222;
    font-size: 16px;
}

.dia-may-input {
    box-sizing: border-box;
    /* padding: 0px 20px; */
    margin-top: 50px;
}

.dia-may-input span {
    color: #222222;
    font-size: 16px;
}

.dia-may-input input {
    width: 195px;
    height: 34px;
    background-color: rgba(246, 249, 251, 1);
    border: none;
    box-sizing: border-box;
    padding-left: 15px;
    margin: 0px 15px;
}

.dia-may-input a:hover {
    color: #ffffff;
}

.dia-may-input a {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    width: 122px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-image: linear-gradient(0deg,
    rgba(61, 168, 255, 1) 0%,
    rgba(74, 121, 255, 1) 51%,
    rgba(86, 73, 255, 1) 100%),
    linear-gradient(
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1));
    background-blend-mode: normal,
    normal;
    border-radius: 16px 16px 16px 16px;
}

.random {
    font-style: normal;
}

.ipport-may-con.show {
    display: block;
}

.ipport-may-con {
    display: none;
}


/* 新增移动云坐席 */
.lj400-bg-june {
    background: url(http://qg.uincall400.com/images/yzx/mcloudbanner.png) center no-repeat;
    height: 350px;
}

.june-one {
    background-color: #f6f9fb;
    height: 625px;
}

.june-free ul {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 50px;
}

.june-free ul li {
    width: 25%;
    display: flex;
    justify-content: space-between;
}

.june-free ul li h5 {
    color: #111111;
    font-size: 18px;
    margin-top: 15px;
}

.june-free ul li p {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}

.june-cp ul {
    display: flex;
    justify-content: space-between;
    margin-top: 110px;
}

.june-cp ul li {
    width: 588px;
    height: 190px;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
}

.june-cp ul li div {
    margin-left: 265px;
}

.june-cp ul li img {
    position: absolute;
    top: -65px;
    left: 0px;
}

.june-cp ul li h5 {
    font-size: 20px;
    background-image: -webkit-linear-gradient(top, #e1251b, #F91362, #f0c0d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-top: 34px;
}

.june-cp ul li p {
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
}

.june-cp ul li a {
    color: #e1251b;
    font-size: 14px;
    float: right;
    margin-top: 40px;
    margin-right: 50px;
}

.june-phone {
    height: 670px;
    background-color: #77252c;
}

.june-phone > h3 {
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    box-sizing: border-box;
    padding-top: 80px;
}

.june-stand > h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 5px;
}

.june-stand > p {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.june-stand ul {
    display: flex;
    height: 123px;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.june-stand ul li {
    width: 176px;
    height: 83px;
    border: solid 1px rgba(229, 229, 229, 1);
    margin-left: 20px;
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
}

.june-stand ul li div {
    flex: 1;
    text-align: center;
    padding-top: 20px;
}

.june-stand ul li div h6 {
    color: #ff5500;
    font-size: 18px;
}

.june-stand ul li div p {
    color: #666666;
    font-size: 14px;
}

.june-stand ul li > a {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    height: 83px;
    background-image: linear-gradient(0deg, #f59ab9 0%, #f91362 51%, #e1251b 100%),
    linear-gradient(
            rgba(246, 249, 251, 1),
            rgba(246, 249, 251, 1));
    /*background-image: linear-gradient(0deg,
        rgba(61, 168, 255, 1) 0%,
        rgba(74, 121, 255, 1) 51%,
        rgba(86, 73, 255, 1) 100%),
    linear-gradient(
        rgba(246, 249, 251, 1),
        rgba(246, 249, 251, 1));*/
    background-blend-mode: normal,
    normal;
    box-sizing: border-box;
    padding-left: 12px;
    line-height: 16px;
    padding-top: 10px;
}

.june-advan ul {
    display: flex;
    margin-top: 50px;
}

.june-advan ul li {
    width: 16.6%;
    background-color: #f6f9fb;
    border: 1px solid #fff;
    height: 374px;
    text-align: center;
}

.june-advan ul li div {
    height: 120px;
    line-height: 120px;
}

.june-advan ul li div img {
    vertical-align: middle;
}

.june-advan ul li h5 {
    color: #101010;
    font-size: 18px;
}

.june-advan ul li p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
    height: 160px;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 0px 20px;
}

.june-advan ul li a {
    color: #e1251b;
    font-size: 14px;
}


.june-function ul {
    width: 1005px;
    height: 253px;
    background: url(http://qg.uincall400.com/images/call/call.png) center no-repeat;
    margin: 60px auto;
    position: relative;
}

.june-function ul li {
    position: absolute;
    text-align: center;
}

.june-function ul li:nth-child(1) {
    top: -10px;
    left: -30px;
}

.june-function ul li:nth-child(2) {
    top: -10px;
    left: 255px;
}

.june-function ul li:nth-child(3) {
    top: -10px;
    left: 536px;
}

.june-function ul li:nth-child(4) {
    top: -10px;
    right: 112px;
}

.june-function ul li:nth-child(5) {
    bottom: -10px;
    left: 112px;
}

.june-function ul li:nth-child(6) {
    bottom: -10px;
    left: 396px;
}

.june-function ul li:nth-child(7) {
    bottom: -10px;
    right: 252px;
}

.june-function ul li:nth-child(8) {
    bottom: -10px;
    right: -40px;
}


.problem-june {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.problem-june-two ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -20px;
}

.problem-june-two ul li:nth-child(odd) {
    width: 460px;
}

.problem-june-two ul li:nth-child(even) {
    width: 370px;
}

.problem-june-two ul li {
    width: 357px;
    height: 110px;
    /* line-height: 110px; */
    background-color: rgba(246, 249, 251, 1);
    color: #111111;
    font-size: 18px;
    /* text-align: center; */
    position: relative;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}

.problem-june-two ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -6px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 15px solid #f6f9fb;
}


/* .problem-june-two ul li:hover{
	box-shadow: 1px 3px 10px 0px #cdd8ff;
	z-index: 999;
  transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  -webkit-transform: translate(0px, -2px);
  -o-transform: translate(0px, -2px);
}
.problem-june-two ul li:hover:after{
  content: '';
	box-shadow: 3px -3px 5px 0px #cdd8ff;
	transform: rotate(221deg);
	position: absolute;
	position: absolute;
  	top: 50%;
  	left: -9px;
  	margin-top: -6px;
  	border-top: 13px solid transparent;
  	border-bottom: 10px solid transparent;
  	border-right: 20px solid #f6f9fb;
} */
.problem-june-two {
    flex: 1;
    margin-left: 50px;
}

.problem-june-two ul li:nth-child(3), .problem-june-two ul li:nth-child(4) {
    margin: 45px 0px;
}

.problem-june-two ul li img {
    vertical-align: middle;
    padding-left: 10px;
}

.problem-june-two ul li div {
    border-bottom: 1px solid rgb(255, 79, 66);
    width: 252px;
    position: relative;
    margin-top: 35px;
    margin-left: 40px;
    padding-bottom: 10px;
}

.problem-june-two ul li:nth-child(1) div {
    width: 310px;
}

.problem-june-two ul li:nth-child(1) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li:nth-child(2) div {
    width: 300px;
}

.problem-june-two ul li:nth-child(2) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li:nth-child(3) div {
    width: 270px;
}

.problem-june-two ul li:nth-child(3) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li:nth-child(4) div {
    width: 200px;
}

.problem-june-two ul li:nth-child(4) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li:nth-child(5) div {
    width: 375px;
}

.problem-june-two ul li:nth-child(5) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li:nth-child(6) div {
    width: 300px;
}

.problem-june-two ul li:nth-child(6) div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.problem-june-two ul li div img {
    position: absolute;
    top: -15px;
    right: -20px;
}

.june-adt {
    width: 1200px;
    height: 154px;
    background: url(http://qg.uincall400.com/images/yzx/june-adt.png) center no-repeat;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.june-adt div:nth-child(1) {
    margin-left: 60px;
}

.june-adt div:nth-child(2) {
    margin-right: 100px;
    text-align: center;
}

.june-adt div:nth-child(1) h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
}

.june-adt div:nth-child(1) h5 span {
    color: #ffffff;
    font-size: 16px;
    margin-left: 20px;
}

.june-adt div:nth-child(1) p:nth-child(2) {
    margin-top: 20px;
}

.june-adt div:nth-child(1) p {
    color: #ffffff;
    font-size: 16px;
}

.june-adt div:nth-child(2) img {
    margin-top: 18px;
}

.june-adt div:nth-child(2) p {
    color: #ffffff;
    font-size: 16px;
}

.june-cus ul {
    display: flex;
    margin-bottom: 70px;
    margin-top: 40px;
}

.june-cus ul li {
    width: 16.66%;
    height: 84px;
    line-height: 84px;
}

.june-cus ul li img {
    vertical-align: middle;
}


/*导航栏*/
.head-nav ul li.nav-li.index {
    width: 12%;
}

/*.head-nav ul li.nav-li.index+li{
    width: 14%;
}*/
.head-nav ul li.nav-li.aboutus + li {
    width: 15%;
}

.head-nav ul li.nav-li.rxtc400 {
    width: 18%;
}