.banner-ibps,.banner-ibi,.banner-idata {height: 450px;background:url(../images/product/banner.png) no-repeat center;background-size: cover;}
.banner-ibps .w,.banner-ibi .w,.banner-idata .w {position: relative;}
.banner-ibps .inf .name {color: #fff;font-size: 40px;line-height: 60px;font-weight: bold}
.banner-ibps .inf .desc {color: #fff;font-size: 28px}
.banner-ibps .ibps-ico,.banner-ibps .idata-ico,.banner-ibi .ibi-ico {display:none;/*width: 401px;height: 345px;background: url(../images/product/ibps-ico.png) no-repeat;position: absolute;top:80px;right: 0px; -webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 6s; /*动画持续时间*/-webkit-animation-iteration-count: infinite; /*动画次数*/-webkit-animation-delay: 0s;}
@keyframes fadeIn {0% {opacity: 1;}25% {opacity: 0.5;}50% {opacity: 1;}75% {opacity: 0.5;}100% {opacity: 1;}}
.banner-idata .idata-ico {width: 401px;height: 345px;background: url(../images/product/icon-idata.png) no-repeat;}
.banner-ibi .ibi-ico {width: 401px;height: 345px;background: url(../images/product/icon-ibi.png) no-repeat;}


.ibps-more ul {margin-left: -2%;}
.ibps-more li {width: 23%;margin:20px 0 20px 2%;float: left;}
.ibps-more li>div {border: 3px solid #fff;height: 300px;padding:26px 16px 26px 26px;transition: .3s;position: relative;background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#F8FAFF), to(#FFFFFF));padding-top: 100px;}
.ibps-more li:hover>div {border-color: #1E61FF;}
.ibps-more li:hover em {transform: translateY(-5px);}
.ibps-more li .name {font-size: 24px;line-height: 90px;font-weight: 700;color: #181C26;}
.ibps-more li .desc {line-height: 32px;font-size: 14px}
.ibps-more li em {width: 50px;height: 50px;display:block;position: absolute;top: 50px;left: 26px;transition: .3s;}

.icotab {height: 100px;border-bottom: 1px solid #F2F2F2;text-align: center;}
.icotab li {display: inline-block;width: 140px;font-size: 18px;height: 100px;position: relative;margin:0 35px}
.icotab li p {height: 60px;overflow: hidden;}
.icotab li p em {display: block;line-height: 40px;}
.icotab li.on,.icotab li.on a {color:#318BFD;font-weight: bold;}
.icotab li.on::after {content: "";width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;display: block;}
.icotab.mini {height: 40px;}
.icotab.mini li {margin: 0;height: 40px;}
.icotab.mini li p {height: 40px;overflow: hidden;}
.icotab.mini li p em {display: block;line-height: 40px;}


.cpqjjs {text-align: center;line-height: 80px;}

.cptx_box {display: flex}
.cptx_box .cptx_box_hd {width: 15%;margin-right: 5%}
.cptx_box .cptx_box_hd dl dt {font-size: 24px;font-weight: bold;padding: 10px 0}
.cptx_box .cptx_box_hd dl dt::before {content: '';width:1.625rem;height:1.75rem; vertical-align: middle;margin-right: 10px; display: inline-block;background: url(data:image/png;base64,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);background-size: cover;}
.cptx_box .cptx_box_hd dl dd {font-size: 18px;padding: 15px 0;text-indent: 3rem;position: relative;}
.cptx_box .cptx_box_hd dl dd:hover:after,.cptx_box .cptx_box_hd dl dd.on:after {content: "";border-left: 3px solid #0a62c3;height: 18px;position: absolute;top:50%;margin-top: -9px;left: 2rem;}
.cptx_box .cptx_box_hd dl dd:hover,.cptx_box .cptx_box_hd dl dd.on {background: #f9f9f9;border-radius: 5px;cursor: pointer}
.cptx_box .cptx_box_hd dl dd.on {font-weight: bold;}
.cptx_box .cptx_box_bd {flex: 1;width: 80%}
.cptx_box .cptx_box_bd img {max-width: 100%}
.cptx_box .cptx_box_bd dl {display: none}
.cptx_box .cptx_box_bd dl:first-child {display: block}
.cptx_box .cptx_box_bd dl dt h3 {font-size: 40px;padding: 20px 0}
.cptx_box .cptx_box_bd dl dt .des {font-size: 16px;line-height: 2;color: #888}
.cptx_box .cptx_box_bd dl dd {padding-top: 30px}

.newslist ul li,.contact .box {display:-moz-box;display:-webkit-box;display:box}
.newslist ul li>div ,.contact .box .intro{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}



.zvideo {width: 430px;}
.zvideo video{max-width:100%;height:auto}

.tex {background-color: #F8FAFF;padding: 50px 0 140px;}
.tex .title {margin-bottom: 30px;}
.tex .hd {margin-bottom: 50px;}
.tex .cptx_box {height: 350px;padding: 60px 5% 60px 8%;}
.tex .intro {width: 480px;padding-top: 70px;}
.tex .intro h2 {font-size: 30px;height: 60px;position: relative;margin-bottom: 30px;}
.tex .intro h2::after {content: "";width: 60px;height: 3px;position: absolute;bottom: 0;left: 0;display: block;}
.tex .intro h3 {font-size: 18px;color: #000;line-height: 46px;}
.tex .intro p {font-size: 14px;line-height: 32px;}
.tex .img {width: 500px;text-align: right;}
.tex .img img {max-width: 100%;}

.fdata {padding:60px 0 10px;}
.fdata li {float: left;width: 23.333333%;height: 140px;padding:0 2% 0 8%;position: relative;}
.fdata li img {position: absolute;top:0;left:10%;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;}
.fdata li b {display: block;font-size: 18px;height: 30px;}
.fdata li p {font-size: 14px;line-height: 28px;}
.fdata li:hover img {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}


.case .hd {margin-bottom: 50px;}
.case .cptx_box {padding: 70px 5%;}
.case .intro {width: 47%;padding-left: 3%;}
.case .intro h2 {font-size: 28px;height: 60px;}
.case .intro p {font-size: 16px;line-height: 32px;}
.case .intro p a {color: #318BFD;text-decoration: underline;}
.case .intro ul {padding-left: 20px;}
.case .intro ul li {margin-bottom: 30px;font-size: 14px;line-height: 30px;position: relative;}
.case .intro ul li h4 {font-size: 16px;font-weight: bold;}
.case .intro ul li::before {content: "";width: 10px;height: 10px;position: absolute;top:10px;left:-20px;background-color: #318BFD;border-radius: 50%;display: block;overflow: hidden;}
.case .img {width: 47%;padding-right: 3%;}
.case .img img {max-width: 100%;}

/* 合作 */
.banner-hz {position: relative;overflow: hidden;}
.banner-hz .w {position: relative;z-index: 1;height: 430px;}
.banner-hz .banner-hzbg {background:  url(../images/cooperate/cooperate.png) no-repeat center;background-size:cover;}
.banner-hz .inf {width: 100%;text-align: center;}
.banner-hz .inf .desc {font-size: 28px;margin-top: 20px;line-height: 44px;margin-bottom: 10px;}
.banner-hz .inf .name,.banner-hz .inf .desc {color: #000}
.banner-hzbg{background:  url(../images/solution.png);position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-transform: scale(1);transform: scale(1);-webkit-animation-name: slideBgImage;animation-name: slideBgImage;-webkit-animation-duration: 7000ms;animation-duration: 7000ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@-webkit-keyframes ImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}
@keyframes ImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}
@-webkit-keyframes slideBgImage {
    from {-webkit-transform: scale(1);transform: scale(1);}
    to {-webkit-transform: scale(1.15);transform: scale(1.15);}
}
@keyframes slideBgImage {
    from {-webkit-transform: scale(1);transform: scale(1);}
    to {-webkit-transform: scale(1.15);transform: scale(1.15);}
}


.note {background-color: #F2F6FF;}
.note dt {font-size: 18px;font-weight: bold;line-height: 40px;}
.note p {line-height: 36px;font-size: 14px;}
.note p::before {content: "";width: 10px;height: 10px;background-color: #318BFD;border-radius: 50%;display: inline-block;overflow: hidden;margin-right: 10px;}

#certify {
    position: relative;
    width: 100%;
    margin: 72px auto 0;
    padding-bottom: 50px;
}
#certify .swiper-slide {
    width: 600px;
    background: #fff;
    position: relative;
    border-radius: 8px;
}
#certify .swiper-pagination {
    position: relative !important;
    margin-top: 30px;
    height: 10px;
}

.veritem {border-radius: 4px; color: #fff; padding: 20px 100px;height: 500px;}
.veritem h2 {line-height: 40px;font-size: 26px; text-align: center; font-weight: 700; opacity: .8; margin-bottom: 25px;}
.veritem .des {height: 330px}
.veritem .des p {font-size: 16px; line-height: 24px; margin: 5px 0; position: relative;}
.veritem .more {height: 60px;text-align: center;position: relative}
.veritem .more .zximg {display: none;position: absolute;bottom: 80px;left:0;right:0;}
.veritem .more .zximg img {width: 140px;height: 140px;border-radius: 10px;border: 16px solid #fff;}
.veritem .more:hover .zximg {display: block}
.veritem .more a.sbtn {display: block;margin:0 auto;border-radius: 3px}
.veritem .xy {font-size: 14px;text-align: center}
.veritem .xy a {color: #fff}

    /* 轮播项样式 */
#certify .swiper-container .swiper-wrapper {
    display: flex;
    align-items: center;
}


/* 案例 */
.banner-case {background: url(../images/banner/banner-case.png) no-repeat center 0;background-size:cover;}
.banner-case .w,.banner-hz .w,.banner-club .w {display: flex;justify-content: center;align-items: center;height: 450px;}
.banner-case .inf .name,.banner-hz .inf .name {font-size: 40px;line-height: 44px;font-weight: bold;text-align: center;padding-top: 0;}
.banner-case .inf .desc {font-size: 28px;margin-top: 20px;line-height: 44px;margin-bottom: 10px;}

.caselist ul.mini {height: 40px;}
.class_nav {display: flex;flex-wrap: wrap;padding: 24px 38px;border: 1px solid #f2f2f2;border-top: 0;height: 96px;}
.class_nav a {width: 14.23488%;font-size: 14px;text-align: center; line-height: 32px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.class_nav a.curr,
.class_nav a:hover {color: #3587FD;}
.case_list {padding: 50px 0;}
.case_list ul {display: flex;flex-wrap: wrap;}
.case_list *,.club_plist li {-webkit-box-sizing: border-box;box-sizing: border-box;}
.case_list ul li {top: 0;position: relative;width: 31.25%;-webkit-transition: all 0.5s;transition: all 0.5s;background-color: #fff;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: fadeInUp80;animation-name: fadeInUp80;}.case_list ul li:not(:nth-child(3n)) {margin-right: 3.08333%;}
.case_list ul li:nth-child(n + 4) {margin-top: 37px;}
.case_list ul li:hover {top: -8px;box-shadow: 0 20px 20px -20px #dedede;}
.case_list ul li:hover .name {color: #004BFF;}
.case_list ul li .img .picture_container {}
.case_list ul li .img .picture_container img {max-width: 100%;width: 100%;max-height: 100%;vertical-align: middle;}
.case_list ul li .txt_box {padding: 32px 32px 16px 32px;background-color: #F9f9f9;}
.case_list ul li .tag {padding: 0 8px;font-size: 12px;color: #121933;line-height: 20px;}
.case_list ul li .tag:not(:first-child) {margin-left: 10px;}
.case_list ul li .name {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;font-weight: bold;font-size: 16px;color: #121933;margin-top: 22px;}
.case_list ul li .time {margin-top: 24px;font-size: 12px;color: #707481;line-height: 20px;}
@-webkit-keyframes fadeInUp80 {from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp80 {from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.fadeInUp80 {-webkit-animation-name: fadeInUp80;animation-name: fadeInUp80;}

/* 社区 */
.banner-club {height: 430px;position: relative;overflow: hidden;background: url(../images/banner/banner-club.png) no-repeat center;background-size:cover;}
.banner-club .inf {width: 100%;text-align: center;}
.banner-club .inf .name {font-size: 40px;line-height: 80px;color: #fff;padding-top: 0px;font-weight: 700;}

.club_plist {padding-bottom: 2rem;}
.club_plist ul {display: flex;flex-wrap: wrap;margin:0 -1%}
.club_plist li {
	width: 23%;
    display: block;
    padding: 12px;
    margin:0 1% 32px;
    background: #FFFFFF;
    border: 1px solid rgba(229,229,229,1);
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 5px 5px 0 rgb(48 76 145 / 20%);
    transition: box-shadow .3s linear;
    position:relative;}
.club_plist li:hover {box-shadow: 0 10px 15px 0 rgb(48 76 145 / 20%);}
.club_plist li img {width: 100%;max-height:180px}
.club_plist li .tool {display: flex;justify-content: space-between;font-size: 12px;line-height: 20px;padding:20px 0;}
.club_plist li .tool span {background-color: #00CCB2;color: #fff;padding:0 5px}
.club_plist li .tool p {flex: 1;text-align: right;}
.club_plist li .tool p em {margin-left: 1rem;}
.club_plist li .n {display: flex;justify-content: space-between;}
.club_plist li .n p {flex: 1;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;width: 100%;display: -webkit-box;line-height: 30px;}
.club_plist li .n span {background-color: #2096FD;color: #fff;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;text-align: center; font-family: Arial, Helvetica, sans-serif;}
.club_faq {display: flex;flex-wrap: wrap;}
.club_faq dl {width: 240px;background-color: #F9f9f9;}
.club_faq dl dt {border-bottom: 1px solid #e8e8e8;line-height: 50px;text-indent: 1em;}
.club_faq dl dt {font-weight: bold;}
.club_faq dl dd {padding: 10px 20px;}
.club_faq .list li {position: relative;}
.club_faq .list li a {-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;height: 40px;display: block;padding-left: 10px;}
.club_faq .list li:after {width: 4px;height: 4px;border-radius: 100px;background: #ccc;position: absolute;top:50%;margin-top: -2px;left: 0px;content: "";}
.club_faq .box {flex: 1;margin-left: 2rem;background-color: #F9f9f9;}
.club_faq .box ul {padding:30px 10px;flex-wrap:wrap;display: flex;}
.club_faq .box ul li {width: 40%;margin:0 5%;}
/* 文章 */
.banner-news {background: url(../images/banner/banner-news.png) no-repeat center 0;background-size:cover;height: 430px;}
.banner-news .inf .name {font-size: 40px;padding-top: 110px;font-weight: bold}
.banner-news .inf .desc {font-size: 40px;margin-top: 0;line-height: 100px;margin-bottom: 10px;font-weight: bold}
.banner-news .inf .fbtn {padding-top: 20px;}
.banner-news .inf .sbtn {line-height: 40px;height: 40px;}

.newslist li {height: 180px;padding: 50px 0;}
.newslist li img {width: 280px;height: 180px;margin-right: 20px;}
.newslist li h2 {font-size: 22px;font-weight: bold;line-height: 46px;}
.newslist li span {border-bottom: 1px solid #eee;line-height: 44px;font-size: 14px;display: block;color: #888}
.newslist li p {line-height: 20px;font-size: 14px;padding-top: 24px;}


.view {padding-top: 100px;}
.view .hd h1 {font-size: 26px;font-weight: 400;line-height: 46px;font-weight: bold;text-align: center;}

.auor {border-top: 1px solid #E8E8E8;margin-top: 20px;text-align: center;line-height: 40px;padding-top: 10px;}
.auor span{display:inline-block;padding:0 10px}
.auor span em {color: #999;}
.vbox {background: #fff;margin-bottom: 30px;padding:24px;}

.endtext{padding:0;line-height:30px;}
.endtext img {
	max-width:782px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 782)?"782px":"auto"; 
}
);
}
#endtext {font:16px/34px Arial,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;color:#666;word-break: break-all;}
#endtext p {margin:14px 0;text-align:justify}
#endtext p img {margin: 0 auto 10px;}

#endtext iframe {max-width:100% !important;border:0;background: url(../img/loading.gif) no-repeat center;}

/*分页*/
.pages {padding:18px 0px 24px 18px;clear:both;text-align:center}
.pages a,
.pages a:visited,.pages a:hover,.pages b { border:1px solid #E1EAFF;display:inline-block;height:36px;line-heighT:36px;text-decoration:none;color:#888;margin: 0 6px;border-radius: 50%;width: 36px;font-family: arial;}
.pages a:hover,.pages b {border:1px solid #318BFD; color:#fff;background:#318BFD;}

/* 关于我们 */
/* 合作 */
.banner-about {height: 430px;position: relative;overflow: hidden;background: url(../images/about/banner.jpg) no-repeat center;background-size:cover;}
.banner-about .inf {width: 100%;text-align: center;padding-top: 145px;}
.banner-about .inf .name {font-size: 40px;line-height: 80px;color: #fff;padding-top: 0px;font-weight: bold;}

.ab_bq,.miss ul {display: flex;}
.ab_bq li {flex: 1;position: relative;text-align: center;}
.ab_bq li::after {content: '';border-left: 1px solid #e8e8e8;height: 50%;position: absolute;top:25%;left:0}
.ab_bq li:first-child::after {display: none;}
.ab_bq li p {padding-top: 1rem;line-height: 40px;}
.ab_bq li p b {display: block;font-size: 24px;font-weight: 400;color: #000;}
.aboutus .desc {line-height: 30px;padding-top: 20px;}
.aboutus .desc p{ margin-bottom: 20px;}
.miss li {flex: 1;max-width: 390px;position: relative;}
.miss li img {width: 100%;}
.miss li .inf {position: absolute;top:0;left:0;right:0;bottom: 0;padding:60px 20px 20px;color: #fff;}
.miss li .inf i {font-size: 26px;opacity: .3;}
.miss li .inf b {display: block;margin-top: 1rem;font-size: 32px;font-weight: 400;}
.miss li .inf span {display: block;font-size: 16px;opacity: 0.85;line-height: 24px;margin-top: 8px;}
.miss li:nth-child(2) {margin:0 16px}

.about-fw,.contact {background-color: #F2F6FF;}
.about-fw .study {border-color: #fff;}
.about-fw .study dl {background-color: #fff;height: 278px;}
.about-fw .study dl:hover::after {border: 3px solid #318BFD;left: 0px;top: -2px;width: 99%;height: 99%;}
.study dl:nth-child(1)::before,.study dl:nth-child(3)::before {border-left: 1px solid #fff;}
.study dl:nth-child(3),.study dl:nth-child(4) {border-bottom: 0;}
.about-fw .study dl dt em {margin-right: 10px;}
.about-fw .study dl dd p {line-height: 30px;color: #6C7988;}
.about-fw-hz {padding:50px 20px 20px;margin-top: 2rem;}
.about-fw-hz .title {padding-top: 50px;}

.zjserver dl {border-bottom: 1px solid #E7EAF1;color: #000;display: flex;background-color: #fff;}
.zjserver dl dt {width: 60px;font-size: 20px;font-weight: bold;writing-mode: vertical-lr;text-align: center;align-items: center;justify-content: center;display: flex;background-color: #f9f9f9;}
.zjserver dl dd {flex: 1;}
.zjserver dl dd ul {display: flex;}
.zjserver li {flex: 1;position: relative;transition: All 0.9s ease-in-out;border-left: 1px solid #E7EAF1;padding: 30px 2%;min-height: 150px;}
.zjserver li .n {font-weight: bold;font-size: 18px;height: 36px;color: #3D485D;}
.zjserver li .n em {margin-right: .5rem;}
.zjserver li .des {color: #6C7988;line-height: 30px;}
.zjserver li:hover::after {content: "";position: absolute;z-index: 1;border: 3px solid #318BFD;left: 0px;top: -2px;width: 99%;height: 99%;}
.zjserver dl:last-child {border-bottom: 0;}



.contact .hd {margin-bottom: 40px;}
.contact .box .intro {width: 48%;padding-left: 2%;padding-top: 40px;}
.contact .box .intro h3 {font-size: 22px;font-weight: bold;height: 50px;border-bottom: 1px solid #EEE;background: url(../images/about/dot.png) no-repeat 0 4px;text-indent: 1.5em;}
.contact .box .intro ul {padding-top: 40px;}
.contact .box .intro ul li {height: 46px;color: #181C26}
.contact .box .intro ul li i.icon {color: #B6D3FE;margin-right: 1em;}
.contact .box .img {width: 48%;padding-right: 2%;}
.contact .box .img img {width: 100%;}
.join .bd ul {padding-top: 2rem;}
.join .bd ul li {padding-bottom: 4rem;;}
.join .bd ul li .name,.join_contact .name {color: #181c26;font-size: 18px;font-weight: bold;}
.join .bd ul li .zw {color: #999;font-size: 16px;height: 60px;line-height: 60px;}
.join .bd ul li .des,.join_contact .des {color: #444;font-size: 14px;line-height: 30px;}
.join_contact .name {height: 40px;}
@media only screen and (max-width:1150px){
    
.head .navback {display: block;left:0rem;}
.navback i {display:inline-block;font-size:1.4rem}
.logo,#header .plus .txt .tel {display: none;}
.head p.title {text-align:center;display: flex;justify-content:center;align-items: center;height:4rem}

.banner-ibps,.banner-ibi,.banner-idata {height: 10rem;}
.banner-ibps .ibps-ico,.banner-ibps .idata-ico,.banner-ibi .ibi-ico {width: 30%;height: 10rem;background: url(../images/product/ibps-ico.png) no-repeat center 90%;position: absolute;top:0;right: 0px;background-size:100% auto;}
.banner-idata .idata-ico {width: 30%;height: 10rem;background: url(../images/product/icon-idata.png) no-repeat;}
.banner-ibi .ibi-ico {width: 30%;height: 10rem;}
.banner-ibps .inf {text-align:left;}
.banner-ibps .inf .name {padding-top:1.5rem;font-size: 1rem;line-height:1.6;}
.banner-ibps .inf .desc {display: none;}
.banner-ibps .inf .fbtn {width: 30%;}

.icotab {height: auto;border:0;padding:0 .5rem}
.icotab li {display: block;width: auto;font-size: 1rem;height: auto;margin:0;padding:0 .5rem}
.icotab li p {display: none;}
.icotab li p em {display: block;line-height: auto;}
.icotab li a {border:1px solid #e8e8e8;display: block;line-height:2.6rem;height:2.6rem;border-radius:2.6rem}
.icotab li.on,.icotab li.on a {color:#fff;}
.icotab li.on::after {display: none;}

.icotab li.on a {background-image: linear-gradient(to right, #02ACFF 0%, #576FFB 100%);background-image: -webkit-linear-gradient(to right, #02ACFF 0%, #576FFB 100%);background-image: -o-linear-gradient(to right, #02ACFF 0%, #576FFB 100%);background-image: -moz-linear-gradient(to right, #02ACFF 0%, #576FFB 100%);}

.icotab.mini {border-bottom: 1px solid #F2F2F2;padding: 0;}
.icotab.mini li {padding: 0;}
.icotab.mini li a {border:none;border-radius:0;line-height:1.5rem;height:3rem;}
.icotab.mini li.on a {background:none;color:#318BFD;}
.icotab.mini li.on::after {display: block;}
.icotab.mini li ,
.icotab.mini li p ,
.icotab.mini li p em {line-height: auto;height: auto;}


.cpqjjs {text-align: center;line-height: 80px;}

.fdata,.case .cptx_box {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;padding:1rem 0;}

.icotab,.newslist ul li,.contact .box {display:-moz-box;display:-webkit-box;display:box}
.icotab li,.newslist ul li>div ,.contact .box .intro{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}




.zvideo {width: 80%;}

.tex {padding: 2rem 0 3rem;}
.tex .title {margin-bottom: 2rem;}
.tex .hd {margin-bottom: 2rem;}
.tex .bd {padding:0 1rem;}
.tex .cptx_box {height: auto;padding: 1rem;position: relative;}
.tex .intro {padding: 1rem 0;position: relative;z-index: 1;width: auto;}
.tex .intro h2 {font-size: 1rem;height: 2rem;margin-bottom: 1rem;}
.tex .intro h3 {font-size: .875rem;line-height: 1.4rem;}
.tex .intro p {font-size: .75rem;line-height: 1.4rem;}
.tex .img {width: 28%;position: absolute;top:1rem;right:1rem;z-index: 0;}

.fdata {padding:0rem 1rem 1rem;}
.fdata li {float: none;width: 100%;height: auto;border:1px solid #e8e8e8;padding:1rem;position: relative;margin:1rem 0}
.fdata li img {top:1.1rem;left:1rem;width:1rem}
.fdata li b {font-size: 1rem;height: 2rem;text-indent: 1.5rem;}
.fdata li p {font-size: .875rem;line-height: 1.4rem;}

.case {padding: 0 1rem;}
.case .hd {margin-bottom: 2rem;}
.case .cptx_box {padding: 0rem 0 2rem;}
.case .intro {width: 100%;padding-left: 0%;}
.case .intro h2 {font-size: 1rem;height: 2rem;text-align:center}
.case .intro p {font-size: .875rem;line-height: 1.4rem;}
.case .intro ul {padding-left: 1rem;}
.case .intro ul li {margin-bottom: 1rem;font-size: .875rem;line-height: 1.6rem;}
.case .intro ul li h4 {font-size: 1rem;}
.case .intro ul li::before {width: .5rem;height: .5rem;top:10px;left:-1rem;}
.case .img {width: 100%;padding-right: 0%;}


/* 合作 */
.banner-hz {height:10rem;}
.banner-hz .banner-hzbg {background-size:cover;}
.banner-hz .inf {padding:0rem 1rem 0 1rem;}
.banner-hz .inf .name {font-size: 1.2rem;line-height: 2rem;}
    .banner-case,.banner-case .w,.banner-hz .w,.banner-club,.banner-club .w {height:10rem;}
    .banner-case .inf .name,.banner-club .inf .name {font-size: 1.2rem;line-height: 2rem;}
    .banner-case .inf .desc,.banner-hz .inf .desc {font-size: .875rem;margin-top: 0rem;line-height:2rem;margin-bottom: 0px;}
    .banner-club,.banner-club .inf {padding-top: 0}

    .caselist ul.mini {height: 40px;margin:0 1rem;}
    .class_nav {display: flex;flex-wrap: wrap;padding: 1rem 1.5rem;height:auto;}
    .class_nav a {width: auto;font-size: 1rem;line-height: 32px;margin-right: 1rem;}

    .case_list {padding: 2rem .5rem;}
    .case_list ul {display: flex;flex-wrap: wrap;}
    .case_list ul li {top: 0;position: relative;width: 100%;margin-bottom: 1rem;}
    .case_list ul li:not(:nth-child(3n)) {margin-right: 0%;}
    .case_list ul li:nth-child(n + 4) {margin-top: 0px;}
    .case_list ul li:hover {top: -8px;box-shadow: 0 20px 20px -20px #dedede;}
    .case_list ul li .txt_box {padding: 1rem .5rem;}
    .case_list ul li .tag {padding: 0 .4rem;font-size: .875rem;line-height: 1rem;}
    .case_list ul li .tag:not(:first-child) {margin-left: .5rem;}
    .case_list ul li .name {line-height: 24px;font-size: 1rem;margin-top: 1rem;}
    .case_list ul li .time {margin-top: 1rem;font-size: .875rem;color: #707481;line-height: 1rem;}

.note {padding: .5rem 1rem;}
.note dt {font-size: 1rem;line-height: 40px;}
.note p {line-height: 1.4rem;font-size: .875rem;margin: 0 0 .5rem;}
.note p::before {width: .3rem;height: .3rem;margin-right: .5rem;}




/* 文章 */
.banner-news {background-size:cover;height: 10rem;}

.banner-news .inf .name {font-size: 1rem;padding-top: 2rem;}
.banner-news .inf .bname {font-size: 1.4rem;padding:3px 0;}
.banner-news .inf .desc {font-size: 1rem;line-height: 2rem;margin-bottom: .5rem;}
.banner-news .inf .fbtn {padding-top: 20px;}
.banner-news .inf .sbtn {line-height: 40px;height: 40px;}

.newslist li {height: auto;padding: 1rem;border-bottom: 1px solid #eee;}
.newslist li > a {display: block;width:5rem;margin-right: 1rem;overflow:hidden}
.newslist li img {width: 100%;height: auto;margin:0}
.newslist li div {width: 80%;}
.newslist li h2 {font-size: 1rem;font-weight: bold;line-height: 160%;}
.newslist li span {line-height: 2rem;height:2rem;font-size: .75rem;display: block;color: #888;border:0;}
.newslist li p {line-height: 1.4rem;font-size: .75rem;padding-top: 0rem;}


.view {padding: 1rem .5rem 0;}
.view .hd h1 {font-size: 1.2rem;line-height: 2rem;}

.auor {margin-top: 1rem;line-height: 2rem;padding-top: .5rem;}
.auor span{display:inline-block;padding:0 .25rem;font-size: .75rem}
.vbox {margin-bottom: 1rem;padding:1rem;}


#endtext {font:1rem/2rem Arial,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;color:#666;word-break: break-all;padding:0}
#endtext > p {text-align:justify}
#endtext table{border-collapse:inherit!important;border-spacing:1!important;width:100%}
#endtext table td{font-size:.8rem;padding:.3rempx .2rem;line-height:18px;width:auto!important}
#endtext table p {font-size:.8rem!important;width:auto!important}
#endtext img{max-width:100%;height:auto;margin:0px auto !important;display:block !important;padding:3px 0px !important;}


/*分页*/
.pages {padding:1rem}
.pages a,
.pages a:visited,.pages a:hover,.pages b {height:2rem;line-heighT:2rem;width: 2rem;font-size: .875rem}

/* 关于我们 */
.banner-about {height: 10rem;background-size:cover}
.banner-about .inf {padding-top: 3rem;}
.banner-about .inf .name {font-size: 1.2rem;line-height: 2rem;}




    .ab_bq,.miss ul {display: flex;flex-wrap:wrap;}
    .ab_bq li {flex: auto;width: 100%;display: flex;padding: .5rem 0}
    .ab_bq li img {width: 4rem;margin-right: 1rem}
    .ab_bq li::after {display: none;}
    .ab_bq li p {padding-top: 0;line-height: 100%;align-items: center;justify-content: center;display: flex;}
    .ab_bq li p b {display: inline-block;font-size: 1rem;font-weight: bold}
    .ab_bq li p em {font-size: .875rem;margin-left: 1rem}
    .aboutus .desc {line-height: 2rem;padding-top: 1rem;}
    .aboutus .desc p{ margin-bottom: 1rem;}
    .miss li {flex: auto;max-width: 100%;width: 100%;padding: .5rem 0}
    .miss li img {width: 100%;}
    .miss li .inf {position: absolute;top:0;left:0;right:0;bottom: 0;padding:60px 20px 20px;color: #fff;}
    .miss li .inf i {font-size: 26px;opacity: .3;}
    .miss li .inf b {display: block;margin-top: 1rem;font-size: 32px;font-weight: 400;}
    .miss li .inf span {display: block;font-size: 16px;opacity: 0.85;line-height: 24px;margin-top: 8px;}
    .miss li:nth-child(2) {margin:0}


.aboutus {padding: 0 1rem;}
.aboutus h2 {font-size: 1rem;height: 100%;text-align:center}
.aboutus h2::after {display: none;}
.aboutus .intro .desc {line-height: 2rem;padding-top: 1rem;}
.aboutus .intro .desc p{ margin-bottom: .5rem;}
.aboutus .intro .desc img {float: none;margin: 0em 0 1rem;width:100%;max-width:640px}
.about-fw .study {padding: 0 1rem}
.about-fw .study dl {height: auto;border:0;margin-bottom: 1rem;}
.about-fw .study dl dt {font-size: 1rem}
.study dl::before,.about-fw .study dl:hover::after {display:none;}
.study dl:nth-child(1)::before,.study dl:nth-child(3)::before {border-left: 0px solid #fff;}
.study dl:nth-child(3),.study dl:nth-child(4) {border-bottom: 0;}
.about-fw .study dl dt em {margin-right: 10px;}
.about-fw .study dl dd p {line-height: 1.4rem;}


    .about-fw-hz {padding:2rem 0rem 1rem;margin-top: 2rem;}
    .about-fw-hz .title {padding-top:2rem;}

    .zjserver dl {border-bottom: 1px solid #E7EAF1;color: #000;display: flex;background-color: #fff;flex-wrap: wrap;margin:0 1rem 1rem;}
    .zjserver dl dt {width: 100%;font-size: 1.2rem;writing-mode: horizontal-tb;padding: 1rem 0}
    .zjserver dl dd {flex: 1;width: 100%}
    .zjserver dl dd ul {display: flex;flex-wrap: wrap}
    .zjserver li {flex: auto;width:100%;border-bottom: 1px solid #E7EAF1;padding: 1rem .5rem;min-height: auto;border-left: 0}
    .zjserver li .n {font-size: 1rem;height: 2rem;}
    .zjserver li .n em {margin-right: .5rem;}
    .zjserver li .des {line-height: 1.4rem;font-size: .875rem;}


    .club_plist {padding-bottom: 2rem;}
    .club_plist ul {margin:0 0}
    .club_plist li {
        width: 100%;
        padding: .5rem;
        margin:0 .5rem 1rem;
      }
    .club_plist li .tool {font-size: .875rem;line-height: 1rem;padding:1rem 0;}
    .club_plist li .n span {width: 1.5rem;height: 1.5rem;line-height: 1.5rem;}

    .club_faq {display: flex;flex-wrap: wrap;padding: 0 .5rem}
    .club_faq dl {width: 100%;}
    .club_faq dl dd {padding: 10px 0px;}
    .club_faq .list li {position: relative;}
    .club_faq .list li a {-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;height: 40px;display: block;padding-left: 10px;}
    .club_faq .list li:after {width: 4px;height: 4px;border-radius: 100px;background: #ccc;position: absolute;top:50%;margin-top: -2px;left: 0px;content: "";}
    .club_faq .box {flex: 1;margin-left: 0rem;margin-top: 1rem;padding: 0 1rem;width: 100%}
    .club_faq .box ul {padding:1rem .0rem;flex-wrap:wrap;display: flex;}
    .club_faq .box ul li {width: 100%;margin:0 0;}

.contact .hd {margin-bottom: 2rem;}
.contact .box {padding: 0 1rem;display: block;}
.contact .box .intro {width: 100%;padding-left: 0%;padding-top: 1rem;}
.contact .box .intro h3 {font-size: 1rem;font-weight: bold;height: 3rem;text-indent: 1.5em;line-height: 2rem;}
.contact .box .intro ul {padding-top: 1rem;}
.contact .box .intro ul li {height: auto;line-height: 1.4rem;font-size: .875rem;margin-bottom: .5rem;}
.contact .box .img {width: 100%;padding-right: 0%;}

.join,.loop.news {padding: 2rem 1rem;}
    .join .bd ul {padding-top: 2rem;}
    .join .bd ul li .name,.join_contact .name {font-size: 1rem;}
    .join .bd ul li .zw {font-size: .875rem;}
    .join .bd ul li .des,.join_contact .des {font-size: .75rem;line-height: 1.6rem;}


    .cptx_box {flex-wrap: nowrap}
    .cptx_box .cptx_box_hd {display: none}
    .cptx_box .cptx_box_bd {flex: 1;width: 100%;padding: 1rem;}
    .cptx_box .cptx_box_bd img {max-width: 100%}
    .cptx_box .cptx_box_bd dl {display: block!important;border: 1px solid #e8e8e8;border-radius: .5rem;margin-bottom: 1rem;padding: 1rem}
    .cptx_box .cptx_box_bd dl dt h3 {font-size: 1.2rem;padding: 1rem 0;font-weight: bold}
    .cptx_box .cptx_box_bd dl dt .des {font-size: 1rem;line-height: 1.6;}
    .cptx_box .cptx_box_bd dl dd {padding: 2rem 0}



    #certify {
        width: 100%;
        margin:2rem auto 0;
        padding:1rem 1rem 2rem;
    }
    #certify .swiper-slide {
        width: 100%;
    }


    .veritem {color: #fff; padding: 2rem 3rem;height: auto;border-radius: .5rem}
    .veritem h2 {line-height: 40px;font-size: 26px; text-align: center; font-weight: 700; opacity: .8; margin-bottom: 25px;}
    .veritem .des {height: 20rem}
    .veritem .des p {font-size: 1rem; line-height: 1.6rem; margin:0;}
    .veritem .more {height: 3rem;}
    .veritem .more .zximg {display: none;position: absolute;bottom:4rem;left:0;right:0;}
    .veritem .more .zximg img {width: 140px;height: 140px;border-radius: 10px;border: 16px solid #fff;}
    .veritem .more:hover .zximg {display: block}
    .veritem .more a.sbtn {display: block;margin:0 auto;border-radius: 3px}
    .veritem .xy {font-size: 14px;text-align: center}
    .veritem .xy a {color: #fff}

}


@media only screen and (max-width:768px) {
    
.contact .box .img div {height:10rem !important;}
}