@charset "utf-8";
@font-face {
	font-family: "AGENCYR";
	src: url(../fonts/AGENCYR.TTF);
}
@font-face {
	font-family: "SourceHanSansCN_Medium";
	src: url(../fonts/SourceHanSansCN-Medium.OTF);
}
@font-face {
	font-family: "SourceHanSansCN_Light";
	src: url(../fonts/SourceHanSansCN-Light.ttf);
}
@font-face {
	font-family: "SourceHanSansCN_Bold";
	src: url(../fonts/SourceHanSansCN-Bold.ttf);
}
@font-face {
	font-family: "SourceHanSansCN_Regular";
	src: url(../fonts/SourceHanSansCN-Regular.ttf);
}
*{
	font-family: "SourceHanSansCN_Light";
}
html{
    scroll-behavior: smooth;
}
/* 视屏 */
#publicity-video {
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

#publicity-video video {
    display: block;
}

.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 1001;
    /* background: rgba(0, 0, 0, 0.8); */
}

.msg-box {
    width: 100%;
    height: 40%;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
    width: 30px;
    height: 30px;
    background: url("../images/btn-close-modal.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.msg-box .close-box:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fd::after {
    content: " ";
    display: block;
    clear: both;
}
.fd {
    zoom: 1;
}
.template{
    min-height: 91vh;
    padding-top: 70px;
    background: #000;
    position: relative;
}
.warp{
    width: 100%;
    padding: 0 15px;
}

/* nav */
.nav-ict{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 999;
    padding: 15px 0;
}
/*.nav.nav1{
    background: #000 !important;
}*/
.nav-ict .lef{
    float: left;
}
.nav-ict .lef .logo img {
    width: 40px;
}
.nav-ict .rig{
    float: right;
}
.nav-ict .rig .from{
    float: left;
    width: 180px;
    height: 32px;
    border-radius: 40px;
    background: #131313;
    margin-top: 4px;
    padding-right: 40px;
    padding-left: 15px;
    position: relative;
}
.nav-ict .rig .from input{
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #545454;
    font-family: "SourceHanSansCN_Light";
}
.nav-ict .rig .from button{
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/img1.png);
    background-size: 16px;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}
.nav-ict .rig .div{
    float: left;
    width: 26px;
    margin-top: 7px;
    margin-left: 10px;
}
.nav-ict .rig .div .i{
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    margin: 4px 0;
}
.nav-ict .rq{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000;
    display: none;
}
.nav-ict .rq .esc{
    width: 26px;
    height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
}
.nav-ict .rq .esc .i{
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(134deg);
}
.nav-ict .rq .esc .i:last-child{
    transform: translate(-50%,-50%) rotate(44deg);
}
.nav-ict .rq .lef{
    width: 50%;
    height: 100%;
    float: left;
    padding: 40px 0;
    position: relative;
}
.nav-ict .rq .lef .top{
    width: 100%;
	position: relative;
}
.nav-ict .rq .lef .top .div{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: #393939;
    margin: 0 auto;
}
.nav-ict .rq .lef .top .div img {
    /* max-width: 90%; */
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.nav-ict .rq .lef .vip {
    width: 24px;
    height: 24px;
	padding: 5px;
    border-radius: 24px;
    background: #FFF;
	position: absolute;
	top: 40px;
	right: 65px;
}
.nav-ict .rq .lef .vip img {
    width: 24px;
    height: 24px;
}
.nav-ict .rq .lef .top p{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}
.nav-ict .rq .lef .bot{
    width: 100%;
    padding-top: 30px;
}
.nav-ict .rq .lef .bot .div{
    width: 100%;
    margin: 20px 0;
}
.nav-ict .rq .lef .bot .div .a{
    font-size: 16px;
    color: #cccccc;
    display: block;
    line-height: 34px;
    text-align: center;
}
.nav-ict .rq .lef .bot .div.on .a{
    background: #cd9b32;
}
.two{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
}
.nav-ict .rq .lef .bot .div.on .two{
    display: block;
}
.two .rig{
    width: 100%;
    height: 50%;
    padding: 0 15px;
    padding-top: 40px;
    
    background-size: cover;
    background-position: center;
}
.two .rig .a1{
    font-size: 18px;
    color: #e7b323;
}
.two .rig .a1 i{
    width: 8px;
    height: 16px;
    background-image: url(../images/img2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-bottom: -1px;
    margin-left: 5px;
}
.two .rig .div1{
    width: 100%;
    padding-top: 15px;
}
.two .rig .div1 a{
    font-size: 14px;
    color: #cccccc;
    line-height: 26px;
    display: block;
    margin-bottom: 10px;
}


.language{
    width: 100%;
    position: absolute;
    bottom: 8%;
    left: 0;
    text-align: center;
    padding-bottom: 30px;
}
.language a{
    font-size: 18px;
    color: #cccccc;
    font-family: "SourceHanSansCN_Medium";
    padding: 0 10px;
    display: inline-block;
    position: relative;
}
.language a.on{
    color: #e7b323;
}
.language a::before{
    content: '';
    width: 2px;
    height: 15px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    opacity: 0.3;
}
.language a:last-child::before{
    display: none;
}



/* foot */
.foot{
    width: 100%;
    /* position: absolute;
    bottom: 0;
    left: 0; */
    background: #111111;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.foot .div{
    width: 25%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.foot .div::before{
    content: '';
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background: #dbaa3c;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.foot .div.on::before{
    opacity: 1;
}
.foot .div img{
    display: block;
    width: 24px;
    margin: 0 auto;
}
.foot .div p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-family: "SourceHanSansCN_Regular";
    padding-top: 6px;
}


/* 首页 */
.banner{
    width: 100%;
    position: relative;
}
.banner .bj{
    width: 100%;
    vertical-align: middle;
}
.banner .rq{
    width: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 15px;
}
.banner .p1{
    font-size: 16px;
    color: #fff;
    font-family: "SourceHanSansCN_Medium";
}
.banner .p1 span{
    font-size: 20px;
    font-family: "SourceHanSansCN_Medium";
}
.banner .p2{
    font-size: 14px;
    color: #ffffff;
    opacity: 0.5;
    margin-top: 6px;
}
.banner .swiper-slide{
    position: relative;
    overflow: hidden;
}
.banner .swiper-container{
    padding-bottom: 30px;
}
.banner .swiper-pagination{
    bottom: 0;
}
.banner .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-image: url(../images/img4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    background-image: url(../images/img3.png);
}

/* sy_con1 */
.sy_con1{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
    overflow-x: auto;
    white-space: nowrap;
}
.sy_con1::-webkit-scrollbar {
    height: 1px;
    opacity: 0;
}

.sy_con1::-webkit-scrollbar-thumb {
    border-radius: 50px;
}
.sy_con1 .div{
    display: inline-block;
    margin-right: 10px;
    padding-left: 15px;
}
.sy_con1 .div .p1{
    font-size: 14px;
    color: #cccccc;
}
.sy_con1 .div .p1 span{
    font-size: 40px;
    background-image: -webkit-linear-gradient(-45deg,#e6c36d,#ca9830);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
    color: #e7b323;
    position: relative;
    font-family: "AGENCYR";
    margin-right: 2px;
}
.sy_con1 .div .p1 span.than:after {
    content: '+';
    display: block;
    font-size: 30px;
    background-image: -webkit-linear-gradient(-45deg,#e6c36d,#ca9830);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
    color: #e7b323;
    line-height: 1em;
    position: absolute;
    top: -8px;
    left: 100%;
    margin-left: 5px;
}
.sy_con1 .div .p2{  
    font-size: 14px;
    color: #cccccc;
}

/* sy_con2 */
.sy_con2{
    width: 100%;
}
.bt{
    font-size: 24px;
    text-align: center;
    color: #ffffff;
}
.sy_con2 .top{
    width: 100%;
    padding-top: 22px;
    padding-bottom: 15px;
}
.sy_con2 .top .div{
    width: 100%;
}
.sy_con2 .top .div .ig{
    width: 36px;
    height: 32px;
    margin: 0 auto;
    position: relative;
}
.sy_con2 .top .div .ig img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sy_con2 .top .div .ig .ig2{
    opacity: 0;
}
.sy_con2 .top .swiper-slide-thumb-active .div .ig2{
    opacity: 1;
}
.sy_con2 .top .swiper-slide-thumb-active .div .ig1{
    opacity: 0;
}
.sy_con2 .top .div p{
    font-size: 14px;
    color: #cccccc;
    text-align: center;
    margin-top: 5px;
}
.sy_con2 .top .swiper-slide-thumb-active .div p{
    color: #e7b323;
    font-family: "SourceHanSansCN_Medium";
}
.sy_con2 .bot{
    width: 100%;
}
.sy_con2 .bot .div{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #111111;
}
.sy_con2 .bot .div img{
    width: 100%;
}
.sy_con2 .bot .div1{
    width: 100%;
    padding: 15px 10px;
}
.sy_con2 .bot .div1 .p1{
    font-size: 17px;
    color: #ffffff;
}
.sy_con2 .bot .div1 .p2{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 3px;
}
.sy_con2 .bot .div2{
    width: 100%;
    margin-top: 15px;
}
.sy_con2 .bot .div2 span{
    font-size: 14px;
    color: #e7b323;
    line-height: 30px;
    padding: 0 12px;
    border: 1px solid #e7b323;
    border-radius: 5px;
    display: inline-block;
    margin-right: 2px;
}
.sy_con2 .bot .div2 span:last-child{
    margin-right: 0;
}


/* sy_con3 */
.sy_con3{
    width: 100%;
    padding: 40px 0;
}
.sy_con3 .div img{
    height: 20px;
}
.sy_con3 .div{
    display: inline-block;
}
.sy_con3 .swiper-slide{
    width: auto;
}
.sy_con3 .swiper-container{
    padding: 0 15px;
}


/* sy_con4 */
.sy_con4{
    width: 100%;
}
.sy_con4 .div{
    width: 100%;
    position: relative;
}
.sy_con4 .swiper-container{
    padding-left: 15px;
}
.sy_con4 .div img{
    width: 100%;
    vertical-align: middle;
}
.sy_con4 .div1{
    width: 100%;
    padding: 0 15px;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.sy_con4 .div1 p{
    font-size: 16px;
    color: #fff;
    font-family: "SourceHanSansCN_Bold";
}

/* sy_con5 */
.sy_con5{
    width: 100%;
    padding-top: 40px;
}
.sy_con5 .top{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center;
}
.sy_con5 .top span{
    font-size: 18px;
    color: #cccccc;
    margin: 0 10px;
    position: relative;
    padding-bottom: 10px;
}
.sy_con5 .top span.on{
    color: #deac3d;
    font-family: "SourceHanSansCN_Medium";
}
.sy_con5 .top span::before{
    content: '';
    width: 40%;
    height: 3px;
    border-radius: 3px;
    background: #deac3d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.sy_con5 .top span.on::before{
    opacity: 1;
}
.sy_con5 .bot{
    width: 100%;
}
.sy_con5 .bot .rq{
    width: 100%;
    display: none;
}
.sy_con5 .bot .rq.on{
    display: block;
}
.sy_con5 .rq1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sy_con5 .rq1 .div{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
}
.sy_con5 .rq1 .div:nth-child(2n){
    margin-right: 0;
}
.sy_con5 .rq1 .div1{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sy_con5 .rq1 .div1 img{
    width: 100%;
    vertical-align: middle;
}
.sy_con5 .rq1 .div1::before{
    content: '';
    width: 40px;
    height: 40px;
    background-image: url(../images/img5.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sy_con5 .rq1 .div .p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.4;
    margin-top: 7px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sy_con5 .rq .a{
    width: 100%;
    display: block;
    font-size: 18px;color: #e7b323;
    line-height: 40px;
    border-radius: 15px;
    border: 1px solid #e7b323;
    text-align: center;
}
.sy_con5 .rq2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.sy_con5 .rq2 .div{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
    background: #232323;
    padding: 20px 10px;
    border-radius: 5px;
    position: relative;
}
.sy_con5 .rq2 .div:nth-child(2n){
    margin-right: 0;
}
.sy_con5 .rq2 .div .p1{
    font-size: 16px;
    color: #fff;
    line-height: 1.5;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.sy_con5 .rq2 .div .p2{
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
}
.sy_con5 .rq2 .div::before{
    content: '';
    width: 20px;
    height: 17px;
    background-image: url(../images/img6.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    bottom: 20px;
}
.sy_con5 .rq2.rq3 .div::before{
    display: none;
}


/* sy_con6 */
.sy_con6{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.sy_con6 .top{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center;
}
.sy_con6 .top span{
    font-size: 18px;
    color: #cccccc;
    margin: 0 10px;
    position: relative;
    padding-bottom: 10px;
}
.sy_con6 .top span.on{
    color: #deac3d;
    font-family: "SourceHanSansCN_Medium";
}
.sy_con6 .top span::before{
    content: '';
    width: 40%;
    height: 3px;
    border-radius: 3px;
    background: #deac3d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.sy_con5 .top span.on::before{
    opacity: 1;
}
.sy_con6 .bot{
    width: 100%;
}
.sy_con6 .bot .rq{
    width: 100%;
    display: none;
}
.sy_con6 .bot .rq.on{
    display: block;
}
.sy_con6 .bot .rq1{
    width: 100%;
    margin-bottom: 20px;
}
.sy_con6 .bot .rq1 a{
    display: flex;
    align-items: center;
}
.sy_con6 .bot .lef{
    width: 35%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.sy_con6 .bot .lef p{
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 10px 0 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #ff1600;
}
.sy_con6 .bot .lef img{
    width: 100%;
    vertical-align: middle;
}
.sy_con6 .bot .rig{
    width: 65%;
    padding-left: 10px;
}
.sy_con6 .bot .rig .p1{
    font-size: 13px;
    color: #999999;
}
.sy_con6 .bot .rig .p2{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.4;
    margin-top: 6px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.anniu{
    width: 100%;
    display: block;
    font-size: 18px;color: #e7b323;
    line-height: 40px;
    border-radius: 15px;
    border: 1px solid #e7b323;
    text-align: center;
    background: transparent;
}



/* 我们的方案 */

/* ny_banner */
.ny_banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ny_banner .bj{
    width: 100%;
    vertical-align: middle;
}
.ny_banner .rq1{
    width: 100%;
    position: relative;
}
.ny_banner .rq{
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.ny_banner .rq .p1{
    font-family: "SourceHanSansCN_Regular";
    font-size: 24px;
    color: #fff;
}
.ny_banner .rq .p2{
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    margin-top: 6px;
}


/* solu_con1 */
.solu_con1{
    width: 100%;
    padding-top: 40px;
}
.solu_con1 .rq{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solu_con1 .div{
    width: 48%;
    background: #111111;
    border-radius: 10px;
    margin-bottom: 20px;
}
.solu_con1 .div .top{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.solu_con1 .div .top img{
    width: 100%;
}
.solu_con1 .div .bot{
    width: 100%;
    padding: 15px 10px;
}
.solu_con1 .div .bot .p1{
    font-size: 16px;
    color: #fff;
}
.solu_con1 .div .bot .p2{
    font-size: 14px;
    color: #e7b323;
    margin-top: 5px;
}
.solu_con1 .div .bot .p2 i{
    width: 6px;
    height: 10px;
    background-image: url(../images/img11.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 3px;
}

/* solu_con2 */
.solu_con2{
    width: 100%;
    padding: 40px 0;
}
.solu_con2 .rq{
    width: 100%;
    margin-top: 20px;
}
.from{
    width: 100%;
}
.from .val{
    width: 100%;
    position: relative;
    z-index: 99;
}
.from .val .text{
    background: #3e3e3e;
    padding: 0 15px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
    background-image: url(../images/img12.png);
    background-size: 16px 8px;
    background-repeat: no-repeat;
    background-position: 95% center;
}
.from .val .option{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:20px 20px 10px 10px;
    background: #2b2b2b;
    padding-top: 50px;
    padding-bottom: 10px;
    z-index: -1;
    display: none;
}
.from .val .option .p{
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    padding: 0 15px;
    position: relative;
}
.from .val .option .p a{
    font-size: 14px;
    color: #fff;
    display: block;
}
.from .val .option .p::before{
    content: '';
    width: 7px;
    height: 12px;
    background-image: url(../images/img13.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.solu_con2 .rq1{
    width: 100%;
    padding-top: 20px;
}
.solu_con2 .rq1 .swiper-container{
    padding-left: 15px;
}
.solu_con2 .rq1 .div{
    width: 100%;
    background: #111111;
    border-radius: 10px;
}
.solu_con2 .rq1 .top{
    width: 100%;
    position: relative;
}
.solu_con2 .rq1 .top img{
    width: 100%;
}
.solu_con2 .rq1 .bot{
    width: 100%;
    padding: 15px 10px;
}
.solu_con2 .rq1 .bot .p1{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.solu_con2 .rq1 .bot .ig{
    margin-top: 15px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px;
}
.solu_con2 .rq1 .bot .ig.file{
    background-image: url(../images/img27.png);
}
.solu_con2 .rq1 .bot .ig.play{
    background-image: url(../images/img26.png);
}



/* 行业解决方案详情 */
.ny_banner2{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ny_banner2 .bj{
    width: 100%;
    vertical-align: middle;
}
.ny_banner2 .rq{
    width: 100%;
    position: relative;
}
.ny_banner2 .rq1{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0 20px;
}
.ny_banner2 .rq .div{
    width: 100%;
    padding-left: 50px;
    position: relative;
}
.ny_banner2 .p1{
    font-family: "SourceHanSansCN_Regular";
    font-size: 24px;
    color: #fff;
}
.ny_banner2 .p2{
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    margin-top: 6px;
}
.ny_banner2 .i{
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/img14.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* solu_dat1 */
.solu_dat1{
    width: 100%;
    padding-top: 20px;
}
.solu_dat1 .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
}

/* solu_dat2 */
.solu_dat2{
    width: 100%;
    padding-top: 40px;
}
.solu_dat2 .rq{
    width: 100%;
    padding: 0 15px;
    background: #0e0e0e;
    border-radius: 0 0 10px 10px;
}
.solu_dat2 .top{
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}
.solu_dat2 .pic{
    width: 100%;
    position: relative;
}
.solu_dat2 .pic img{
    width: 100%;
    height: auto !important;
}
.solu_dat2 .pic p{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 26px;
    color: #fff;
}
.solu_dat2 .top .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
    padding-top: 20px;
}
.solu_dat2 .bot{
    width: 100%;
    padding: 25px 0;
}
.solu_dat2 .rq1{
    width: 100%;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.solu_dat2 .rq1 .div{
    width: 49%;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #1a1a1a;
}
.solu_dat2 .rq1 .div1{
    width: 100%;
    position: relative;
}
.solu_dat2 .rq1 .div1 img{
    width: 100%;
}
.solu_dat2 .rq1 .div2{
    padding: 10px;
    font-size: 14px;
    color: #cccccc;
}


/* 产品解决方案 */
.pro_con1{
    width: 100%;
    padding-top: 20px;
}
.from2{
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background: #222222;
    margin-top: 4px;
    padding-right: 40px;
    padding-left: 15px;
    position: relative;
}
.from2 input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #cccccc;
}
.from2 button {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/img1.png);
    background-size: 16px;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
}
.pro_con1 .rq{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro_con1 .rq .div{
    width: 49%;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.pro_con1 .rq .div img{
    width: 100%;
}

/* pro_con2 */
.pro_con2{
    width: 100%;
    padding-top: 40px;
}
.pro_con2 .rq{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_con2 .rq .div{
    width: 49%;
    margin-bottom: 2%;
    background: #131313;
    border-radius: 10px;
    overflow: hidden;
}
.pro_con2 .div .top{
    width: 100%;
}
.pro_con2 .div .top img{
    width: 100%;
}
.pro_con2 .div .bot{
    width: 100%;
    padding: 10px;
}
.pro_con2 .div .bot .p1{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.5;
    display: block;
    height: 42px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pro_con2 .div .bot .div1{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pro_con2 .div .bot .div1 .a1{
    font-size: 11px;
    color: #e3aa1a;
    line-height: 24px;
    padding: 0 8px;
    border: 1px solid #e3aa1a;
    border-radius: 10px;
}
.pro_con2 .div .bot .div1 .a2{
    font-size: 11px;
    color: #fff;
    border-radius: 24px;
    line-height: 24px;
    padding: 0 8px;
    background-image: linear-gradient(90deg,#f3c24b,#ca9830);
}

.solu_con2 .rq1 .bot .p2{
    font-size: 13px;
    color: #e7b323;
    margin-top: 10px;
}
.solu_con2 .rq1 .bot .p2 i{
    width: 6px;
    height: 10px;
    background-image: url(../images/img11.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}


/* 产品类别详情 */
.pro_cate_con1{
    padding-top: 25px;
    padding-bottom: 30px;
}
.pro_cate_con1 .top{
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 20px;
}
.pro_cate_con1 .top p{
    color: #fff;
    font-size: 20px;
    font-family: "SourceHanSansCN_Regular";
    text-align: center;
}
.pro_cate_con1 .bot{
    width: 100%;
    padding-top: 30px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.pro_cate_con1 .bot img{
    width: 100%;
    height: auto !important;
}

.pro_cate_con2{
    width: 100%;
    padding-bottom: 40px;
}
.pro_cate_con2 .rq{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_cate_con2 .rq .div{
    width: 49%;
    margin-bottom: 2%;
    background: #131313;
    border-radius: 10px;
    overflow: hidden;
}
.pro_cate_con2 .rq .div .top{
    width: 100%;
}
.pro_cate_con2 .rq .div .top img{
    width: 100%;
    vertical-align: middle;
}
.pro_cate_con2 .rq .bot{
    width: 100%;
    padding: 10px;
}
.pro_cate_con2 .rq .bot .p1{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5;
    height: 48px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pro_cate_con2 .rq .bot .p2{
    font-size: 13px;
    color: #e7b323;
    margin-top: 10px;
}
.pro_cate_con2 .rq .bot .p2 i{
    width: 6px;
    height: 10px;
    background-image: url(../images/img11.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}
.loadingicon2 {
    width: 200px;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
}
.loadingicon2 .more{
      margin-left: 30px;
      font-size: 14px;
      color: #999999;
      font-family: "SourceHanSansCN_Regular";
}
/* CIRCLE DOT LOADER */
.circle-loader2 {
    position: relative;
    width: 10px;
    height: 10px;
}
.circle-loader2 div {
    height: 5px;
    width: 5px;
    background-color: #999;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: 0.8s opaque ease-in-out infinite both;
    animation: 0.8s opaque ease-in-out infinite both;
}
.circle-loader2 > div:nth-child(1) {
    top: -15px;
    left: 0;
}
.circle-loader2 > div:nth-child(2) {
    top: -11px;
    left: 11px;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.circle-loader2 > div:nth-child(3) {
    top: 0;
    left: 16px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.circle-loader2 > div:nth-child(4) {
    top: 13px;
    left: 12px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.circle-loader2 > div:nth-child(5) {
    top: 17px;
    left: 0;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.circle-loader2 > div:nth-child(6) {
    top: 11px;
    left: -10px;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.circle-loader2 > div:nth-child(7) {
    top: 0;
    left: -14px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.circle-loader2 > div:nth-child(8) {
    top: -10px;
    left: -10px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
@keyframes opaque {
    0% {
      opacity: 0.1;
      transform: scale(2);
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
}
    40% {
      opacity: 1;
      transform: scale(1);
    }
    80% {
      opacity: 0.1;
    }
    100% {
      opacity: 0.1;
    }
}



/* 产品解决方案详情 */
.pro_dat1{
    width: 100%;
    padding-top: 25px;
    padding-bottom: 30px;
}
.pro_dat1 .rq{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.pro_dat1 .rq a{
    font-size: 16px;
    color: #cccccc;
    position: relative;
    padding-bottom: 5px;
}
.pro_dat1 .rq a.on{
    color: #e3aa1a;
    font-family: "SourceHanSansCN_Medium";
}
.pro_dat1 .rq a::before{
    content: '';
    width: 12px;
    height: 3px;
    border-radius: 3px;
    background: #e3aa1a;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.pro_dat1 .rq a.on::before{
    opacity: 1;
}

.pro_dat2{
    width: 100%;
    padding-bottom: 40px;
}
.pro_dat2 .text{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
}

/* pro_dat3 */
.pro_dat3{
    width: 100%;
    padding: 40px 0;
    background: #111111;
}
.pro_dat3 .rq{
    width: 100%;
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
}
.pro_dat3 .rq a{
    font-size: 14px;
    color: #e3aa1a;
    display: block;
}

/* pro_dat4 */
.pro_dat4{
    width: 100%;
    padding-top: 40px;
}
.pro_dat4 .rq{
    width: 100%;
    padding-top: 15px;
}
.pro_dat4 .rq .div{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pro_dat4 .rq .div img{
    width: 100%;
    vertical-align: middle;
}
.pro_dat4 .swiper-container{
    padding-left: 15px;
}
.pro_dat4 .rq .div1{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 10px;
}
.pro_dat4 .rq .div1 .i{
    width: 36px;
    height: 36px;
    background-image: url(../images/img14.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.pro_dat4 .rq .div1 p{
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

/* pro_dat5 */
.pro_dat5{
    width: 100%;
    padding-top: 40px;
}
.pro_dat5 .rq{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 20px;
}
.pro_dat5 .div{
    width: 100%;
    margin-bottom: 10px;
    background: #131313;
    border-radius: 10px;
}
.pro_dat5 .div a{
    display: block;
    width: 100%;
    padding: 15px;
    padding-right: 70px;
    position: relative;
}
.pro_dat5 .div a::before{
    content: '';
    width: 40px;
    height: 40px;
    background-image: url(../images/img15.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.pro_dat5 .div .p1{
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
}
.pro_dat5 .div .p2{
    font-size: 13px;
    color: #999999;
    margin-top: 10px;
}


/* 版本型号 */
.pro_cate_con2.model .rq{
    padding-top: 0;
}
/* 立刻体验 */
.cl_ty{
    width: 70px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px 0 0 30px;
    background: #e4aa19;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 999;
}
.cl_ty a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

/* 版本型号详情 */
.model_dat1{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}
.model_dat1 .top{
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    text-align: center;
}
.model_dat1 .top p{
    font-size:24px;
    color: #ffffff;
    line-height: 1.4;
}
.model_dat1 .bot{
    width: 100%;
    padding-top: 20px;
}
.model_dat1 .bot .p1{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.model_dat1 .bot .p2{
    font-size: 16px;
    color: #e3aa1a;
    padding-top: 20px;
}
.model_dat1 .bot .div{
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.model_dat1 .bot .div:last-child{
    border-bottom: none;
}
.model_dat1 .bot .div1{
    width: 100%;
    margin-bottom: 15px;
}
.model_dat1 .bot .lef{
    width: 60%;
    float: left;
    padding-right: 10px;
}
.model_dat1 .bot .lef .ul{
    margin-top: 15px;
}
.model_dat1 .bot .rig{
    width: 40%;
    float: right;
}
.model_dat1 .bot .rig img{
    width: 100%;
    vertical-align: middle;
}


/* 品牌案例详情 */
.brand_con1{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}
.brand_con1 .top{
    width: 100%;
}
.brand_con1 .top img{
    width: 100%;
    vertical-align: middle;
}
.brand_con1 .bot{
    width: 100%;
    margin-top: 12px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.brand_con1 .bot .p1{
    font-size: 24px;
    color: #ffffff;
}
.brand_con1 .bot .div{
    width: 100%;
    margin-top: 10px;
}
.brand_con1 .bot .div p{
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 6px;
}
.brand_con1 .bot .div p img{
    width: 16px;
    margin-right: 5px;
    margin-bottom: 1px;
}
.brand_con1 .text{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}

.brand_con2{
    width: 100%;
    padding-bottom: 40px;
}
.brand_con2 img{
    width: 100%;
    vertical-align: middle;
}


/* 我们的服务 */
.ser_con1{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}
.ser_con1 .div{
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.ser_con1 .div img{
    width: 100%;
    vertical-align: middle;
}
.ser_con1 .rq{
    width: 72%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0 15px;
}
.ser_con1 .rq .p1{
    font-size: 24px;
    color: #ffffff;
    font-family: "SourceHanSansCN_Regular";
}
.ser_con1 .rq .p2{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.5;
    margin-top: 5px;
}
.ser_con1 .rq span{
    display: inline-block;
    font-size: 14px;
    color: #e7b323;
    line-height: 31px;
    width: 84px;
    text-align: center;
    border: 1px solid #e7b323;
    border-radius: 5px;
    margin-top: 15px;
}


/* 咨询服务 */
.pro_dat1.con_ser1 .rq{
    justify-content: space-around;
}
.con_ser2{
    width: 100%;
}
.con_ser2 .from3 .option{
    overflow: hidden;
}
.con_ser2 .from3 .rq{
    width: 100%;
    display: flex;
}
.con_ser2 .from3 .option .lef{
    width: 60%;
    position: relative;
}
.con_ser2 .from3 .val .option .p{
    position: static;
    padding: 0 0px;
}
.con_ser2 .from3 .val .option .p .p1{
    padding: 0 8px;
    position: relative;
}
.con_ser2 .from3 .val .option .p.on .p1{
    color: #e3aa1a;
}
/* .from .val .option .p::before{
    display: none;
} */
.con_ser2 .from3 .val .option .p .p1::before {
    content: '';
    width: 7px;
    height: 12px;
    background-image: url(../images/img13.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.con_ser2 .from3 .val .option .p.on .p1::before{
    background-image: url(../images/img11.png);
}
.con_ser2 .from3 .option .rig {
    width: 68%;
    height: 200%;
    position: absolute;
    left: 100%;
    top: -50px;
    background: #1b1b1b;
    padding-top: 50px;
    display: none;
}
.con_ser2 .from3 .val .option .p .rig p{
    padding: 0 8px;
}
.con_ser2 .from3 .val .option .p .rig p::before{
    display: none;
}
.con_ser2 .rq{
    width: 100%;
    padding-top: 30px;
}
.con_ser2 .rq .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
    padding-top: 15px;
    padding-bottom: 20px;
}
.con_ser2 .rq .div{
    width: 100%;
    padding-bottom: 30px;
}
.con_ser2 .rq .div img{
    width: 100%;
    vertical-align: middle;
}
.con_ser2 .rq .div p{
    font-size: 14px;
    color: #cccccc;
    margin-top: 15px;
    text-align: center;
}


/* 咨询服务详情 */
.con_ser_dat1{
    width: 100%;
}
.con_ser_dat1 .text{
    width: 100%;
    padding-top: 10px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.con_ser_dat1 .ig{
    width: 100%;
    margin: 20px 0;
    border-radius: 10px;
}
.con_ser_dat1 .ig img{
    width: 100%;
    vertical-align: middle;
}

/* con_ser_dat2 */
.con_ser_dat2{
    width: 100%;
    padding-top: 40px;
}
.con_ser_dat2 .div{
    width: 100%;
    background: #131313;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 15px;
    padding-left: 80px;
    position: relative;
}
.con_ser_dat2 .div:last-child{
    margin-bottom: 0;
}
.con_ser_dat2 .div .p1{
    font-size: 16px;
    color: #ffffff;
}
.con_ser_dat2 .div .p2{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
    margin-top: 5px;
}
.con_ser_dat2 .div img{
    width: 46px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

/* con_ser_dat3 */
.con_ser_dat3{
    width: 100%;
    padding-top: 40px;
}
.con_ser_dat3 .rq{
    width: 100%;
    padding-top: 15px;
}
.con_ser_dat3 .rq .top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.con_ser_dat3 .rq .div{
    width: 49%;
    margin-bottom: 2%;
    border-radius: 10px;
    background: #131313;
    padding: 15px 10px;
    padding-right: 30px;
    position: relative;
}
.con_ser_dat3 .rq .div .p1{
    font-size: 16px;
    color: #ffffff;
}
.con_ser_dat3 .rq .div .p2{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 5px;
}
.con_ser_dat3 .rq .div .i{
    font-size: 70px;
    color: #fff;
    font-family: "AGENCYR";
    opacity: 0.1;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.con_ser_dat3 .rq .ig{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    border-radius: 10px;
    overflow: hidden;
}
.con_ser_dat3 .rq .ig img{
    width: 100%;
}

/* con_ser_dat4 */
.con_ser_dat4{
    width: 100%;
    padding: 40px 0;
}
.con_ser_dat4 .rq{
    width: 100%;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con_ser_dat4 .rq .div{
    width: 49%;
    margin-bottom: 2%;
    background: #131313;
    border-radius: 10px;
    height: 74px;
    position: relative;
}
.con_ser_dat4 .rq .div img{
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* 弹框 */
.from_tk{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 999;
    display: none;
}
.from_tk .rq{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/img19.png);
    background-size: cover;
    background-position: center top;
    padding: 20px;
    padding-top: 5%;
}
.from_tk .p{
    font-size: 22px;
    color: #fff;
    font-family: "SourceHanSansCN_Regular";
    text-align: center;
}
.from_tk .div{
    width: 100%;
    padding-top: 14%;
}
.from_tk .div input{
    width: 100%;
    height: 36px;
    background: #fff;
    font-size: 14px;
    color: #555555;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0 15px;
    margin-bottom: 10px;
}
.from_tk .div .sele{
    width: 100%;
    height: 36px;
    background: #fff;
    font-size: 14px;
    color: #555555;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.from_tk .div1{
    margin-bottom: 10px;
    position: relative;
}
.from_tk .div1 input{
    margin-bottom: 0;
}
.from_tk button{
    width: 100%;
    font-size: 14px;
    color: #fff;
    height: 44px;
    background-image: linear-gradient(90deg,#f3c33d,#e1a715);
    border-radius: 10px;
}
.from_tk .div1 button{
    width: 88px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.from_tk textarea{
    width: 100%;
    height: 100px;
    background: #fff;
    font-size: 14px;
    color: #555555;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.from_tk .esc{
    width: 26px;
    height: 26px;
    background-image: url(../images/img20.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}


/* 客户服务 */
.cus_ser{
    width: 100%;
    padding-bottom: 40px;
}
.cus_ser .rq{
    padding-top: 30px;
}
.cus_ser .rq1{
    width: 100%;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cus_ser .rq1 .div{
    width: 49%;
    margin-bottom: 2%;
    border-radius: 10px;
    background: #181818;
    padding: 15px 10px;
}
.cus_ser .rq1 .div img{
    width: 46px;
    display: block;
    margin: 0 auto;
}
.cus_ser .rq1 .div p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

/* 客户服务培训 */
.train{
    width: 100%;
    padding-bottom: 40px;
}
.train .rq{
    padding-top: 30px;
    position: relative;
    z-index: 1;
}
.train .rq .div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}
.train .rq .div .from{
    width: 49%;
}
.train .from{
    position: relative;
    z-index: 2;
}
.train .rq .div .from .val .option .p::before{
    display: none;
}
.train .rq .div .from .text{
    padding-left: 35px;
}
.train .rq .div .cx .text::after{
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(../images/img21.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.train .rq .div .kc .text::after{
    content: '';
    width: 14px;
    height: 13px;
    background-image: url(../images/img22.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.train_con1{
    width: 100%;
    background: #111111;
    padding: 30px 0;
}
.train_con1 .p1{
    font-size: 16px;
    color: #ffffff;
}
.train_con1 .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
    margin-top: 10px;
    margin-bottom: 20px;
}
.train_con1 .anniu i{
    width: 16px;
    height: 17px;
    background-image: url(../images/img23.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}

/* train_con2 */
.train_con2{
    width: 100%;
    padding: 40px 0;
}
.train_con2 .rq{
    padding-bottom: 20px;
}
.train_con2 .div{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #111111;
}
.train_con2 .div a{
    display: block;
    padding: 15px;
    padding-right: 38%;
    position: relative;
}
.train_con2 .div .p1{
    font-size: 16px;
    color: #ffffff;
}
.train_con2 .div .p2{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 5px;
}
.train_con2 .div span{
    font-size: 14px;
    color: #e3aa1a;
    line-height: 30px;
    padding: 0 16px;
    border: 1px solid #e3aa1a;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}


/* 客户服务流程.shtml */
.tech_ser{
    width: 100%;
    padding-bottom: 40px;
}
.tech_ser .rq{
    width: 100%;
    padding-top: 20px;
}
.tech_ser .text{
    width: 100%;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
}
.tech_ser .bot{
    width: 100%;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tech_ser .bot .div{
    width: 49%;
    margin-bottom: 2%;
    border-radius: 10px;
    background: #181818;
    padding: 15px 10px;
    padding-right: 12%;
    position: relative;
    display: flex;
    align-items: center;
}
.tech_ser .bot .div .i{
    font-family: "AGENCYR";
    font-size: 60px;
    color: #ffffff;
    opacity: 0.06;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.tech_ser .bot .div1{
    width: 100%;
}
.tech_ser .bot .div1 .p1{
    font-size: 18px;
    color: #fff;
}
.tech_ser .bot .div1 .p2{
    font-size: 14px;
    color: #cccccc;
    margin-top: 3px;
}


/* 我们的服务 */
.case_con1{
    width: 100%;
    padding: 40px 0;
}
.case_con1 .rq{
    width: 100%;
    padding-top: 20px;
}
.case_con1 .rq .div{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.case_con1 .rq .div .from{
    width: 49%;
}
.case_con1 .from{
    position: relative;
    z-index: 2;
}
.case_con1 .rq .div .from .val .option .p::before{
    display: none;
}
.case_con1 .rq .div .from .text{
    padding-left: 35px;
}
.case_con1 .rq .div .cx .text::after{
    content: '';
    width: 14px;
    height: 16px;
    background-image: url(../images/img24.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.case_con1 .rq .div .kc .text::after{
    content: '';
    width: 14px;
    height: 16px;
    background-image: url(../images/img25.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.case_con1 .from2{
    background: #3e3e3e;
    margin-top: 8px;
    padding-left: 40px;
    padding-right: 15px;
}
.case_con1 .from2 input{
    color: #fff;
}
.case_con1 .from2 input:-moz-placeholder {  
    color: #d4d4d4; 
  }  
  .case_con1 .from2 input:-ms-input-placeholder { 
    color: #d4d4d4;  
}  
.case_con1 .from2 input::-webkit-input-placeholder { 
    color: #d4d4d4;  
}
.case_con1 .from2 button{
    left: 0;
}
.case_con1 .div1{
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}
.case_con1 .div1 button{
    font-size: 14px;
    color: #999999;
    width: 48%;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 10px;
    background: transparent;
}
.case_con1 .div1 button:first-child{
    color: #e7b323;
    border: 1px solid #e7b323;
}
.case_con1 .p1{
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
}

/* case_con2 */
.case_con2{
    width: 100%;
}
.case_con2 .rq{
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.2);
    padding: 40px 0;
}
.case_con2 .rq1{
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case_con2 .rq1 .div{
    width: 49%;
    margin-bottom: 2%;
    border-radius: 10px;
    overflow: hidden;
    background: #131313;
}
.case_con2 .rq1 .div .top{
    width: 100%;
}
.case_con2 .rq1 .div .top img{
    width: 100%;
    vertical-align: middle;
}
.case_con2 .rq1 .div .bot{
    width: 100%;
    padding: 15px 10px;
}
.case_con2 .rq1 .div .bot .p1{
    font-size: 14px;
    color: #eeeeee;
    line-height: 1.5;
    height: 42px;


    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;  
}
.case_con2 .rq1 .div .bot .i{
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px;
}
.case_con2 .rq1 .div .bot .i.file{
    background-image: url(../images/img27.png);
}
.case_con2 .rq1 .div .bot .i.play{
    background-image: url(../images/img26.png);
}


/* 客户案例详情 */
.case_dat1{
    width: 100%;
}
.case_dat1 .top{
    width: 100%;
    padding: 30px 0;
}
.case_dat1 .top .div{
    width: 100%;
    border-radius: 10px;
    background: #131313;
    margin-bottom: 10px;
    padding: 15px 10px;
}
.case_dat1 .top .div .p1{
    font-size: 16px;
    color: #ffffff;
}
.case_dat1 .top .div .p1 img{
    width: 18px;
    margin-right: 8px;
    margin-bottom: 2px;
}
.case_dat1 .top .div .p2{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 10px;
}
.case_dat1 .bot{
    width: 100%;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.case_dat2.con_ser_dat4 .rq{
    padding-top: 0;
}

.case_dat3{
    width: 100%;
    padding-bottom: 40px;
}
.case_dat3 .rq{
    width: 100%;
    padding-top: 20px;
}
.case_dat3 .rq .div{
    width: 100%;
}
.case_dat3 .rq .div input{
    width: 49%;
    height: 38px;
    border-radius: 38px;
    background: #424242;
    font-size: 14px;
    color: #cccccc;
    margin-bottom: 10px;
    margin-right: 2%;
    float: left;
    padding: 0 15px;
}
.case_dat3 .rq .div input:nth-child(2n){
    margin-right: 0;
}
.case_dat3 .rq textarea{
    width: 100%;
    height: 140px;
    background: #424242;
    font-size: 14px;
    color: #cccccc;
    border-radius: 10px;
    display: block;
    border: none;
    padding: 10px 15px;
}
.case_dat3 .rq .p1{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.case_dat3 .rq .p1 span{
    color: #e7b323;
}


/* 公司介绍 */
.abo_con1{
    width: 100%;
}
.abo_con1 .text{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 15px;
}
.abo_con1 .top{
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.abo_con1 .top .div{
    width: 33%;
    margin: 10px 0;
}
.abo_con1 .top .div .p1{
    font-size: 14px;
    color: #cccccc;
}
.abo_con1 .top .div .p1 span{
    font-size: 40px;
    background-image: -webkit-linear-gradient(-45deg,#e6c36d,#ca9830);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
    color: #e7b323;
    position: relative;
    font-family: "AGENCYR";
    margin-right: 2px;
}
.abo_con1 .top .div .p1 span.than:after {
    content: '+';
    display: block;
    font-size: 30px;
    background-image: -webkit-linear-gradient(-45deg,#e6c36d,#ca9830);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
    color: #e7b323;
    line-height: 1em;
    position: absolute;
    top: -8px;
    left: 100%;
    margin-left: 5px;
}
.abo_con1 .top .div .p2{  
    font-size: 14px;
    color: #cccccc;
}
.abo_con1 .bot{
    width: 100%;
}
.abo_con1 .bot .div{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding: 20px;
    margin-bottom: 10px;
}
.abo_con1 .bot .div .p1{
    font-size: 18px;
    color: #e7b323;
}
.abo_con1 .bot .div .p2{
    font-size: 14px;
    color: #cccccc;
    margin-top: 5px;
}

/* abo_con2 */
.abo_con2{
    width: 100%;
    padding: 40px 0;
}
.abo_con2 .rq{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 10px;
    position: relative;
}
.abo_con2 .rq::before{
    content: '';
    width: 1px;
    height: 100%;
    background: #e7b323;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.abo_con2 .div{
    width: 50%;
    float: right;
    position: relative;
    padding-left: 20px;
    margin-left: 1px;
}
.abo_con2 .div:nth-child(2n){
    float: left;
    text-align: right;
    padding-left: 0;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 1px;
}
.abo_con2 .div::before{
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e7b323;
    position: absolute;
    left: -2.5px;
    top: 8px;
}
.abo_con2 .div:nth-child(2n)::before{
    left: auto;
    right: -2.5px;
}
.abo_con2 .div .p1{
    font-size: 20px;
    color: #e7b323;
    font-family: "AGENCYR";
}
.abo_con2 .div .p2{
    font-size: 14px;
    color: #bbbbbb;
    line-height: 1.5;
    margin-top: 3px;
}

/* 技术团队 */
.abo1_con1{
    width: 100%;
    padding-bottom: 40px;
}
.abo1_con1 .swiper-container{
    padding-left: 15px;
}
.abo1_con1 .rq{
    width: 100%;
    padding-top: 15px;
}
.abo1_con1 .rq .div{
    width: 100%;
    background: #111111;
    border-radius: 10px;
}
.abo1_con1 .rq .top{
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 20px 15px;
    display: flex;
    align-items: center;
}
.abo1_con1 .rq .top .rig{
    padding-left: 15px;
}
.abo1_con1 .rq .top img{
    width: 80px;
}
.abo1_con1 .rq .top .p1{
    font-size: 18px;
    color: #ffffff;
}
.abo1_con1 .rq .top .p2{
    font-size: 14px;
    color: #cccccc;
}
.abo1_con1 .rq .bot{
    width: 100%;
    padding: 15px;
}
.abo1_con1 .rq .bot .p1{
    font-size: 14px;
    color: #cccccc;
}
.abo1_con1 .rq .bot .text{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
    margin-top: 5px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;  
}
.abo1_con1 .rq .bot .p2{
    font-size: 14px;
    color: #e7b323;
    margin-top: 20px;
}
.abo1_con1 .rq .bot .p2 i{
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url(../images/img11.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.abo1_con1_tk{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 999;
    display: none;
}
.abo1_con1_tk .rq{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    background: #fff url(../images/img28.png) no-repeat center top;
}
.abo1_con1_tk .rq .div{
    width: 100%;
}
.abo1_con1_tk .rq .top{
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 15px;
    display: flex;
    align-items: center;
}
.abo1_con1_tk .rq .top .rig{
    padding-left: 15px;
}
.abo1_con1_tk .rq .top img{
    width: 80px;
}
.abo1_con1_tk .rq .top .p1{
    font-size: 18px;
    color: #000;
}
.abo1_con1_tk .rq .top .p2{
    font-size: 14px;
    color: #000;
}
.abo1_con1_tk .rq .bot{
    width: 100%;
    padding: 15px;
}
.abo1_con1_tk .rq .bot .p1{
    font-size: 14px;
    color: #000;
}
.abo1_con1_tk .rq .bot .text{
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    margin-top: 5px;

    max-height: 212px;
    overflow-y: auto;
}
.abo1_con1_tk .esc{
    width: 20px;
    height: 20px;
    background-image: url(../images/img20.png);
    background-size: contain;
    background-repeat: no-repeat;
    
    position: absolute;
    top: -24px;
    right: 0;
}
.abo1_con1_tk .rq .bot .p2{
    display: none;
}

/* abo1_con2 */
.abo1_con2{
    width: 100%;
    padding-bottom: 40px;
}
.abo1_con2 .text{
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #cccccc;
}
.abo1_con2 .rq{
    width: 100%;
    padding-top: 15px;
}
.abo1_con2 .rq .top{
    width: 100%;
    position: relative;
}
.abo1_con2 .rq .top::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}
.abo1_con2 .rq img{
    width: 100%;
    display: block;
}
.abo1_con2 .rq p{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    opacity: 0;
    transition: all .5s;
}
.abo1_con2 .rq .swiper-slide-active .top::before{
    background: rgba(0,0,0,0);
}
.abo1_con2 .rq .swiper-slide-active p{
    opacity: 1;
}
.abo1_con2 .rq1{
    padding-top: 20px;
}


/* 认证申请 */
.template_top{
    padding-top: 0;
}
.ny_banner3 .rq{
    top: 66%;
}

.authe_con1{
    width: 100%;
}
.authe_con1 .rq{
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.authe_con1 .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
}
.authe_con1 .p1{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "SourceHanSansCN_Regular";
}
.authe_con1 .text li{
    padding-left: 12px;
    position: relative;
}
.authe_con1 .text li::before{
    content: '';
    width: 4px;
    height: 4px;
    background: #e7bc4d;
    position: absolute;
    left: 0;
    top: 7px;
}
.authe_con1 .p2{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 10px;
}
.authe_con1 .rq1{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.authe_con1 .rq1 .div{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #0c0c0c;
    margin-top: 20px;
}
.authe_con1 .rq1 .top{
    width: 100%;
    background: #1f1f1f;
    padding: 15px;
}
.authe_con1 .rq1 .top .p3{
    font-size: 16px;
    color: #fff;
}
.authe_con1 .rq1 .top .p4{
    font-size: 14px;
    color: #cccccc;
    margin-top: 3px;
}
.authe_con1 .rq1 .bot{
    width: 100%;
    padding: 15px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.authe_con1 .rq1 .bot .div1{
    width: 100%;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}
.authe_con1 .rq1 .bot .lef{
    width: 55%;
}
.authe_con1 .rq1 .bot .rig{
    width: 45%;
    text-align: right;
}
.authe_con1 .rq1 .bot .rig .p3{
    color: #e3aa1a;
    font-size: 18px;
    font-family: "SourceHanSansCN_Regular";
}
.authe_con1 .rq2{
    width: 100%;
    padding-bottom: 40px;
}


/* 联系我们 */
.con_con1{
    width: 100%;
    padding-bottom: 40px;
}
.con_con1 .rq{
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 15px;
}
.con_con1 .rq .div{
    width: 100%;
    padding-left: 40px;
    position: relative;
    margin-bottom: 15px;
}
.con_con1 .rq .div .p1{
    font-size: 18px;
    color: #ffffff;
}
.con_con1 .rq .div .p2{
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin-top: 5px;
}
.con_con1 .rq .div .ig{
    width: 28px;
    position: absolute;
    left: 0;
    top: 2px;
}
.con_con1 .rq .a{
    font-size: 14px;
    color: #e3aa1a;
    display: block;
    margin-left: 40px;
    line-height: 34px;
    width: 100px;
    text-align: center;
    border: 1px solid #e3aa1a;
    border-radius: 10px;
}

/* con_con2 */
.con_con2{
    width: 100%;
    padding-bottom: 40px;
}
.con_con2 .rq{
    width: 100%;
    padding-top: 15px;
}
.con_con2 .div{
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    padding-right: 20%;
    position: relative;
    background: #111111;
    border-radius: 10px;
}
.con_con2 .div .p1{
    font-size: 18px;
    color: #e3aa1a;
}
.con_con2 .div .text{
    font-size: 14px;
    line-height: 1.5;
    color: #cccccc;
    margin-top: 6px;
}
.con_con2 .div img{
    max-height: 95%;
    position: absolute;
    bottom: -16px;
    right: 20px;
}


/* 加入ICT */
.jio_con1{
    width: 100%;
    padding-bottom: 40px;
}
.jio_con1 .div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.jio_con1 .div .from{
    width: 49%;
}
.jio_con1 .from2{
    background: #3e3e3e;
}
.jio_con1 .rq{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
}
.jio_con1 .rq .div1{
    background: #111111;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 15px;
}
.jio_con1 .rq .div1 .top{
    width: 100%;
}
.jio_con1 .rq .div1 .top .p1{
    font-size: 18px;
    color: #e3aa1a;
    position: relative;
    padding-right: 20px;
}
.jio_con1 .rq .div1 .top .p1 i{
    width: 16px;
    height: 10px;
    background-image: url(../images/img29.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.jio_con1 .rq .div1.on .top .p1 i{
    transform: translateY(-50%) rotate(180deg);
}
.jio_con1 .rq .div1 .top .p2{
    font-size: 14px;
    color: #cccccc;
    margin-top: 3px;
}
.jio_con1 .rq .div1 .top .p3{
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    margin-top: 10px;
}
.jio_con1 .rq .div1.on .top .p3{
    display: none;
}
.jio_con1 .rq .div1 .bot{
    width: 100%;
    padding: 10px 0;
    display: none;
}
.jio_con1 .rq .div1 .bot .text{
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}
.jio_con1 .rq .div1 .bot .text .p4{
    font-size: 16px;
    margin-bottom: 3px;
}
.jio_con1 .rq .div1 .bot .a{
    font-size: 14px;
    width: 90px;
    line-height: 34px;
    text-align: center;
    color: #e3aa1a;
    border: 1px solid #e3aa1a;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
}


/* jio_con1 */
.jio_con2{
    width: 100%;
    padding-bottom: 40px;
}
.jio_con2 .rq{
    width: 100%;
    padding-top: 15px;
}
.jio_con2 .rq .div{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.jio_con2 .rq .div::before{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}
.jio_con2 .rq .swiper-slide-active .div::before{
    background: rgba(0,0,0,0);
}
.jio_con2 .rq .div img{
    width: 100%;
}


/* jio_con3 */
.jio_con3{
    width: 100%;
    padding-bottom: 40px;
}
.jio_con3 .rq{
    width: 100%;
}
.jio_con3 .rq .div{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #111111;
    padding: 20px 15px;
    display: flex;
    align-items: center;
}
.jio_con3 .rq .div .p1{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 5px;
}
.jio_con3 .swiper-container{
    padding-left: 15px;
}
.jio_con3 .rq .div .p2{
    font-size: 15px;
    color: #e3aa1a;
}
.jio_con3 .rq .div .p3{
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}

.jio_con3 .swiper-slide{
    height: auto;
    margin-top: 10px !important;
}



/* ICT活动 */
.news_con1{
    width: 100%;
    padding-bottom: 40px;
}
.news_con1 .rq{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news_con1 .rq .div{
    width: 49%;
    margin-bottom: 2%;
    border-radius: 10px;
    overflow: hidden;
    background: #131313;
}
.news_con1 .rq .top{
    width: 100%;
    position: relative;
}
.news_con1 .rq .top img{
    width: 100%;
    vertical-align: middle;
}
.news_con1 .rq .top p{
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 10px 0 5px 0;
    background-image: -webkit-linear-gradient(right,#555555,#333333);
}
.news_con1 .rq .bot{
    width: 100%;
    padding: 15px 10px;
}
.news_con1 .rq .bot .p1{
    font-size: 13px;
    color: #cccccc;
}
.news_con1 .rq .bot .p2{
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
    margin-top: 5px;
}
.news_con1 .rq .bot .p3{
    font-size: 13px;
    color: #666666;
    margin-top: 5px;
}
.news_con1 .rq .bot button{
    font-size: 14px;
    color: #e3aa1a;
    padding: 0 20px;
    line-height: 30px;
    border: 1px solid #e3aa1a;
    border-radius: 5px;
    margin-top: 10px;
    background-color: transparent;
}
.news_con1 .rq .bot .button{
	display: inline-block;
    font-size: 14px;
    color: #e3aa1a;
    padding: 0 20px;
    line-height: 30px;
	height: 32px;
    border: 1px solid #e3aa1a;
    border-radius: 5px;
    margin-top: 10px;
    background-color: transparent;
}
/* ICT活动详情 */
.news_date1{
    width: 100%;
    padding: 30px 0;
}
.news_date1 .bt{
    text-align: left;
}
.news_date1 .rq{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.6;
}

.news_date2{
    width: 100%;
}
.news_date2 .bt{
    text-align: left;
}
.news_date2 .rq{
    width: 100%;
    padding-top: 30px;
    background: #111111;
}
.news_date2 .text{
    width: 100%;
    padding: 20px 0;
    padding-bottom: 30px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.news_date2 .rq1{
    padding: 40px 0;
    display: flex;
    justify-content: space-around;
}
.news_date2 .rq1 a{
    font-size: 16px;
    color: #cccccc;
}


/* 新闻资讯 */
.news2_con1.sy_con6{
    padding-top: 0;
}
.news2_con1.sy_con6 .bot{
    padding-bottom: 30px;
}

/* 新闻资讯详情 */
.news2_date1{
    width: 100%;
    padding-top: 80px;
}
.news2_date1 .top{
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 20px;
}
.news2_date1 .text{
    width: 100%;
    padding-top: 20px;
    font-size: 14px;
    color: #cccccc;
    line-height: 1.5;
}
.news2_date1 .rq1{
    padding: 40px 0;
    display: flex;
    justify-content: space-around;
}
.news2_date1 .rq1 a{
    font-size: 16px;
    color: #cccccc;
}
.news2_date1 .bt{
    text-align: left;
}
.news2_date1 .div1{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #777777;
    margin-top: 10px;
}


/* 电子月刊 */
.news3_con1.news_con1 .rq{
    padding-top: 0;
}
.news3_con1.news_con1 .rq .bot .p2{
    margin-top: 0;
}
.news_con1 .rq .bot .p4{
    font-size: 14px;
    color: #cccccc;
    margin-top: 10px;
}
.news_con1 .rq .bot .p4 i{
    display: inline-block;
    width: 16px;
    height: 12px;
    background-image: url(../images/img30.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -1px;
    margin-right: 5px;
}



/* 账号登录 */
.Sign_in{
    padding: 30px 15px;
}
.Sign_in_con1{
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
    border-radius: 10px;
}
.Sign_in_con1 .pro_dat1 .rq a{
    color: #333;
}
.Sign_in_con1 .pro_dat1 .rq a.on{
    color: #e3aa1a;
}
.Sign_in_con1 .top{
    width: 100%;
}
.Sign_in_con1 .top .div input {
    width: 100%;
    height: 36px;
    background: #fff;
    font-size: 14px;
    color: #555555;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 0 15px;
    margin-bottom: 10px;
}
.Sign_in_con1 .div1 {
    margin-bottom: 10px;
    position: relative;
}
.Sign_in_con1 .top .div1 input {
    margin-bottom: 0;
}
.Sign_in_con1 .div1 button {
    width: 88px;
    height: 100%;
    background-color: #23b8ff;
    border-radius: 0 10px 10px 0;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.Sign_in_con1 .div2{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;
    line-height: 24px;
    padding-left: 20px;
    position: relative;
}
.Sign_in_con1 .div2 input{
    width: 13px;
    height: 13px;
    border: 1px solid #999;
    -webkit-appearance: auto;
    appearance: auto;
    -moz-appearance: auto;
    position: absolute;
    left: 0;
    top: 2px;
}
.Sign_in_con1 .div2 a{
    color: #23b8ff;
}
.Sign_in_con1 .but{
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    background-image: linear-gradient(90deg,#e7b323,#b58612);
}
.Sign_in_con1 .div3{
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.Sign_in_con1 .div3 .lef{
    font-size: 14px;
    color: #333;
}
.Sign_in_con1 .div3 .lef a{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/img31.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -7px;
    margin-left: 5px;
}
.Sign_in_con1 .div3 .lef a.qq{
    background-image: url(../images/img32.png);
}
.Sign_in_con1 .div3 .rig a{
    font-size: 14px;
    color: #23b8ff;
}
.Sign_in_con1 .div .select{
    width: 100%;
    height: 36px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #555555;
}


/* 微信弹框 */
.wx_tk{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 999;
    display: none;
}
.wx_tk .rq{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../images/img19.png);
    background-size: cover;
    background-position: center top;
    padding: 20px;
    padding-top: 5%;
}
.wx_tk .esc {
    width: 26px;
    height: 26px;
    background-image: url(../images/img20.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}
.wx_tk .p {
    font-size: 22px;
    color: #fff;
    font-family: "SourceHanSansCN_Regular";
    text-align: center;
}
.wx_tk .div {
    width: 100%;
    padding-top: 8%;
    text-align: center;
}
.wx_tk .div .p1{
    font-size: 14px;
    color: #333;
    font-family: "SourceHanSansCN_Regular";
}
.wx_tk .div .p1 i{
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(../images/h_wx.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -6px;
    margin-right: 5px;
}
.wx_tk .div .p2{
    font-size: 20px;
    color: #000;
    font-family: "SourceHanSansCN_Bold";
    margin: 15px 0;
}
.wx_tk .div img{
    width: 60%;
    display: block;
    margin: 0 auto;
}
#pages {
	width: 100%;
	font-size: 0;
	padding: 25px 0;
	line-height: normal;
	text-align: center;
	cursor: pointer;
}
#pages a {
	display: inline-block;
	min-width: 38px;
	height: 44px;
	color: #999;
	font-size: 16px;
	line-height: 44px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 3px;
}
#pages a.a1 {
	display: inline-block;
	min-width: 38px;
	height: 44px;
	color: #999;
	font-size: 16px;
	line-height: 44px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: 1px solid #DDD;
	background-color: #FFF;
	border-radius: 3px;
}
#pages a:hover {
	display: inline-block;
	min-width: 40px;
	height: 46px;
	line-height: 46px;
	color: #FFF;
	border: none;
	background-color: #E7B323;
	background-image: -webkit-linear-gradient(left,#E7B323,#B58612);
	background-image: linear-gradient(90deg,#E7B323,#B58612);
}
#pages span {
	display: inline-block;
	min-width: 38px;
	height: 44px;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	line-height: 44px;
	vertical-align: top;
	padding: 0 8px;
	margin: 2px 0.41493776%;
	border: none;
	border-radius: 3px;
	background-color: #E7B323;
	background-image: -webkit-linear-gradient(left,#E7B323,#B58612);
	background-image: linear-gradient(90deg,#E7B323,#B58612);
}
.promotion-paytype {
	display: block;
	width: 100%;
	text-align: center;
}
.promotion-paytype li {
	width: 43%;
	margin: 0 3%;
	display: inline-block;
	text-align: center;
}
.promotion-paytype li a {
	width: 100%;
	display: block;
	color: #222;
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	position: relative;
	background: #FFFFFF;
	border-radius: 10px;
	border: 3px solid #DDD;
	box-sizing: border-box;
}
.promotion-paytype li i {
	display: block;
	width: 64px;
	margin: 0 auto;
	text-align: center;
}
.promotion-paytype li a h2 {
	color: #383838;
	font-size: 16px;
	font-weight: normal;
}
.promotion-paytype li a p {
	color: #FF0000;
	font-size: 21px;
	font-weight: bold;
}
.promotion-paytype li.active a:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url(../images/pay/xuanze.png) no-repeat right bottom;
	background-size: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.promotion-paytype li.active a {
	border: 3px solid #E21323;
	box-sizing: border-box;
}