/* 悬浮 */
.floatleft{
    width: .86rem;
    position: fixed;
    left: 50%;
    margin-left: -7.4rem;
    z-index: 99;
    top: 2.7rem;
}
.floatleft .fltt{
    border:.02rem solid #b9e3f9;
    /* border:.02rem solid #e9e9e9; */
    background: #fff;
}
.floatleft .flt2_1,.floatleft .flt2_2,.floatleft .flt2_3,.floatleft .flt2_4{
    display: block;
    padding:0 0.05rem;
    position: relative;
    height: .7rem;
}
.floatleft .flt2{
    width: .76rem;
    height: .7rem;
    margin:0 auto;
    /* border-bottom:.01rem solid #e9e9e9; */
    border-bottom:.01rem solid #b9e3f9;
}
.floatleft .floatlefthide1{
    width: .82rem;
    height: .71rem;
    /* background: #8a8a8a; */
    background: #1f8ceb;
    font-size: .16rem;
    color:#fff;
    padding: .12rem .2rem;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    display: none;
    position: absolute;
    left: 0;
    top: 0
}
.floatleft .flt2 mip-img{
    width: .55rem;
    margin:0 auto;
    padding-bottom: .14rem;
    padding-top: .14rem;
    cursor: pointer;
}
.floatleft .fltt a:last-child mip-img{
    border-bottom:0;
}
.floatleft .flt2_1:hover .floatlefthide1{
    display: block;
}
.floatleft .flt2_1:hover .flt2{
    display: none;
}
.floatleft .flt2_2:hover .floatlefthide1{
    display: block;
}
.floatleft .flt2_2:hover .flt2{
    display: none;
}
.floatleft .flt2_3:hover .floatlefthide1{
    display: block;
}
.floatleft .flt2_3:hover .flt2{
    display: none;
}
.floatleft .flt2_4:hover .floatlefthide1{
    display: block;
}
.floatleft .flt2_4:hover .flt2{
    display: none;
}

/*  */
.floatright{
    width: .86rem;
    position: fixed;
    left: 50%;
    margin-left: 6.6rem;
    z-index: 99;
    top: 2.7rem;
}
.floatright .fltt{
    border:.02rem solid #b9e3f9;
    /* border:.02rem solid #e9e9e9; */
    background: #fff;
}
.floatright a{
    display: block;

}
.floatright .flt2{
    padding: 0 .07rem;
    height:1.12rem;
    margin:0 auto;
    padding:.34rem 0 0;
    /* border-bottom:.01rem solid #e9e9e9; */
    border-bottom:.01rem solid #b9e3f9;
    text-align: center;
    position: relative;
}
.floatright a:hover{
    background: #1f8ceb;
}
.floatright .flt2_first:hover{
    background: #1f8ceb;
}
.floatright a:hover .flt2{
    /* border-bottom:.02rem solid #8a8a8a; */
    border-bottom:none;
}
.floatright a:hover .flt2 p{
    color: #fff;
}
.floatright .flt2 .mipic{
    width: .37rem;
    height: .35rem;
    margin:0 auto .08rem;
    cursor: pointer;
}
.floatright .flt2_first .mipic{
    /* background: url(../images/floatrht_a.jpg) no-repeat; */
    background: url(../images/frhta_03.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_second .mipic{
    /* background: url(../images/floatrht_05.jpg) no-repeat; */
    background: url(../images/frhta_07.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_third .mipic{
    /* background: url(../images/floatrht_08.jpg) no-repeat; */
    background: url(../images/frhta_10.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_forth .mipic{
    /* background: url(../images/floatrht_08.jpg) no-repeat; */
    background: url(../images/frhta_10.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_top .mipic{
    /* background: url(../images/floatrht_11.jpg) no-repeat; */
    background: url(../images/frhta_15.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2 p{
    font-size: .16rem;
    color:#1f8ceb;
    /* color:#888888; */
}
.floatright .fltt .flt2_first:hover{  background: #1f8ceb;}

.floatright .flt2_first:hover .mipic{
    /* background: url(../images/floatrht_06.jpg) no-repeat; */
    background: url(../images/frht_03.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_second:hover .mipic{
    /* background: url(../images/floatrht_b.jpg) no-repeat; */
    background: url(../images/frht_07.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_third:hover .mipic{
    /* background: url(../images/floatrht_c.jpg) no-repeat; */
    background: url(../images/frht_10.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_forth:hover .mipic{
    /* background: url(../images/floatrht_c.jpg) no-repeat; */
    background: url(../images/frht_10.png) no-repeat;
    background-size: 100% 100%;
}
.floatright .flt2_top:hover .mipic{
    /* background: url(../images/floatrht_d.jpg) no-repeat; */
    background: url(../images/frht_15.png) no-repeat;
    background-size: 100% 100%;
}

.floatright .flt2_first:hover .floatrhthide1{
    display: block;
}
.floatright .flt2_first:hover .flt2 p{color:#fff}

.floatright .floatrhthide1{
    width: .91rem;
    height: 2.44rem;
    /* background: url(../images/floatrbg.png) no-repeat; */
    background: url(../images/frhtbg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left:.9rem;
    padding-left: .06rem;
    display: none;
}
.floatright .floatrhthide1:hover{
    display: block;
}
.floatright .floatrhthide1 .hide1{
    width: .72rem;
    text-align: center;
    margin: 0 auto;
    padding-bottom: .05rem;
    border-bottom: 0.01rem solid #e9e9e9;
    cursor: pointer;
}
.floatright .floatrhthide1 .hide1 mip-img{
    width: .31rem;
    height: .29rem;
    margin: .15rem auto .06rem;
}
.floatright .floatrhthide1 .hide1 p{
    font-size: .16rem;
    /* color:#a7a7a7; */
    color:#fff;
}
.floatright .floatrhthide1 .hide1:last-child{
    border-bottom: 0;
}

.pc .banner mip-img{
    width: 100%;
}

.floatright .floatrhthide2{
    width: 1.61rem;
    height: 1.92rem;
    background: url(../images/qrbg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: .1rem;
    left:-1.6rem;
    padding-right: .08rem;
    display: none;
}
.floatright .floatrhthide2 mip-img{
    width: 1.35rem;
    height: 1.34rem;
    margin: .09rem auto;
}
.floatright .floatrhthide2 p{
    font-size: .16rem;
    color:#3b3b3b;
    text-align: center;
}
.floatright .flt2_second:hover .floatrhthide2{
    display: block;
}
.floatright .floatrhthide2:hover{
    display: block;
}


/* 
ipad
header
*/

.header .ipad .mip-carousel-indicator-wrapper {
    position: absolute;
    bottom: 0.1rem;
    margin: 0 auto;
    left: 50%;
    margin-left: -0.1rem;
}


/* 
mobile
header
*/

.header .mobile .mip-carousel-indicator-wrapper {
    position: absolute;
    bottom: 0.1rem;
    margin: 0 auto;
    left: 50%;
    margin-left: -0.1rem;
}


/* 
ipad
banner */

.banner .ipad .classbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.banner .ipad .classbox span {
    width: 25%;
    display: block;
    box-sizing: border-box;
    font-size: 0.4rem;
    line-height: 1.15rem;
    text-align: center;
    color: #fff;
    height: 1.15rem;
    background: #3c3c3d;
    border-right: 0.02rem solid #525252;
    border-bottom: 0.02rem solid #525252;
}

.banner .ipad .classbox span:nth-of-type(4n) {
    border-right: 0;
}

.banner .ipad .classbox span:nth-of-type(n+5) {
    border-bottom: 0;
}

.banner .ipad .classbox span a {
    color: #fff;
}


/* 
mobile
banner */

.banner .mobile .classbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.banner .mobile .classbox span {
    width: 25%;
    display: block;
    box-sizing: border-box;
    font-size: 0.3rem;
    line-height: 0.84rem;
    text-align: center;
    color: #fff;
    height: 0.84rem;
    background: #3c3c3d;
    border-right: 0.02rem solid #525252;
    border-bottom: 0.02rem solid #525252;
}

.banner .mobile .classbox span:nth-of-type(4n) {
    border-right: 0;
}

.banner .mobile .classbox span:nth-of-type(n+5) {
    border-bottom: 0;
}

.banner .mobile .classbox span a {
    color: #fff;
}


/* 
PC
about */

.aboutUs .pc {
    margin: 0.77rem auto 1rem;
}

.aboutUs .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #3b3b3b;
    position: relative;
}

.aboutUs .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.aboutUs .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.aboutUs .pc .abCon {
    width: 100%;
    display: flex;
}

.aboutUs .pc .abCon .ablft {
    width: 6.32rem;
}

.aboutUs .pc .abCon .ablft mip-img {
    width: 6.14rem;
    height: 5.2rem;
    margin-left: 0.18rem;
    position: relative;
}

.aboutUs .pc .abCon .ablft mip-img::after {
    content: '';
    display: block;
    width: 5rem;
    height: 5rem;
    border: 0.02rem solid #3b3b3b;
    position: absolute;
    top: 0.4rem;
    left: -0.2rem;
    z-index: -10;
}

.aboutUs .pc .abCon .abrht {
    width: 5.7rem;
    padding: 0.3rem 0;
}

.aboutUs .pc .abCon .abrht .abrhtcon {
    background: #e8e8e8;
    padding: 0.3rem 0.3rem 0.2rem;
    overflow: hidden;
}
.aboutUs .pc .abCon .abrht .abrhtcon mip-img{
    width: 3.35rem;
    margin-left: .32rem;
}
.aboutUs .pc .abCon .abrht .abrhtcon .abt1 {
    color: #4f4f4f;
    font-size: 0.32rem;
    position: relative;
    margin-bottom: 0.4rem;
}

.aboutUs .pc .abCon .abrht .abrhtcon .abt1::after {
    content: '';
    width: 0.56rem;
    height: 0.04rem;
    background: #4f4f4f;
    display: inline-block;
    position: absolute;
    bottom: -0.1rem;
    left: 0;
}

.aboutUs .pc .abCon .abrht .abrhtcon .abt2 {
    color: #4f4f4f;
    font-size: 0.16rem;
    line-height: 0.3rem;
    position: relative;
    text-indent: 0.32rem;
    margin-bottom: 0.38rem;
    max-height: 2.6rem;
    overflow: hidden;
}

.aboutUs .pc .abCon .abrht .abrhtcon .abt3 {
    width: 1.1rem;
    height: 0.3rem;
    color: #4f4f4f;
    /* display: inline-block; */
    float: right;
    text-align: center;
    font-size: 0.16rem;
    line-height: 0.3rem;
    border: 0.01rem solid #4f4f4f;
}


/* 
ipad
about */

.aboutUs .ipad {
    margin: 0.4rem auto 0;
}

.aboutUs .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #3b3b3b;
    position: relative;
}

.aboutUs .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.aboutUs .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.aboutUs .ipad .abCon .abtop {
    margin: 0 0.3rem;
    padding-bottom: 0.3rem;
}

.aboutUs .ipad .abCon .abtop mip-img {
    width: 8.38rem;
    height: 5.8rem;
    margin: 0 auto;
    position: relative;
}

.aboutUs .ipad .abCon .abtop mip-img::after {
    width: 9.55rem;
    height: 5.67rem;
    content: '';
    display: block;
    border-top: 0.02rem solid #3b3b3b;
    border-left: 0.02rem solid #3b3b3b;
    border-right: 0.02rem solid #3b3b3b;
    position: absolute;
    top: 0.4rem;
    left: -0.6rem;
    z-index: -10;
}

.aboutUs .ipad .abCon .abbot {
    background: #e8e8e8;
    width: 100%;
    padding: 0.4rem 0.5rem 0.6rem;
    overflow: hidden;
}

.aboutUs .ipad .abCon .abbot .abt1 {
    font-size: 0.43rem;
    color: #4f4f4f;
    line-height: 0.7rem;
    margin-bottom: 0.3rem;
}

.aboutUs .ipad .abCon .abbot .abt1::after {
    width: 0.75rem;
    height: 0.06rem;
    content: '';
    display: block;
    background: #4f4f4f;
}

.aboutUs .ipad .abCon .abbot .abt2 {
    font-size: 0.32rem;
    color: #707070;
    line-height: 0.5rem;
    text-indent: 0.64rem;
    margin-bottom: 0.3rem;
}

.aboutUs .ipad .abCon .abbot .abt3 {
    font-size: 0.34rem;
    color: #4f4f4f;
    line-height: 0.7rem;
    width: 2.4rem;
    height: 0.7rem;
    text-align: center;
    display: block;
    border: 0.02rem solid #656565;
    float: right;
}


/* 
mobile
about */

.aboutUs .mobile {
    margin: 0.4rem auto 0;
}

.aboutUs .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.aboutUs .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.aboutUs .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.aboutUs .mobile .abCon .abtop {
    margin: 0 0.23rem;
    padding-bottom: 0.3rem;
}

.aboutUs .mobile .abCon .abtop mip-img {
    width: 6.15rem;
    height: 4.24rem;
    margin: 0 auto;
    position: relative;
}

.aboutUs .mobile .abCon .abtop mip-img::after {
    width: 7.02rem;
    height: 4.07rem;
    content: '';
    display: block;
    border-top: 0.02rem solid #3b3b3b;
    border-left: 0.02rem solid #3b3b3b;
    border-right: 0.02rem solid #3b3b3b;
    position: absolute;
    top: 0.4rem;
    left: -0.45rem;
    z-index: -10;
}

.aboutUs .mobile .abCon .abbot {
    background: #e8e8e8;
    width: 100%;
    padding: 0.3rem 0.32rem 0.4rem;
    overflow: hidden;
}

.aboutUs .mobile .abCon .abbot .abt1 {
    font-size: 0.32rem;
    color: #4f4f4f;
    line-height: 0.6rem;
    margin-bottom: 0.3rem;
}

.aboutUs .mobile .abCon .abbot .abt1::after {
    width: 0.54rem;
    height: 0.04rem;
    content: '';
    display: block;
    background: #4f4f4f;
}

.aboutUs .mobile .abCon .abbot .abt2 {
    font-size: 0.24rem;
    color: #707070;
    line-height: 0.4rem;
    text-indent: 0.48rem;
    margin-bottom: 0.3rem;
}

.aboutUs .mobile .abCon .abbot .abt3 {
    font-size: 0.25rem;
    color: #4f4f4f;
    line-height: 0.5rem;
    width: 1.72rem;
    height: 0.5rem;
    text-align: center;
    display: block;
    border: 0.02rem solid #656565;
    float: right;
}


/* 
PC
skill */

.skill .pc {
    margin: 0 auto;
    background: #f6f6f6;
    padding: 0.3rem 0 0.4rem;
}

.skill .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #3b3b3b;
    position: relative;
}

.skill .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.skill .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.skill .pc .skCon .skClass {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.42rem;
}

.skill .pc .skCon .skClass>span {
    padding: 0 0.44rem;
    color: #565656;
    font-size: 0.18rem;
    line-height: 0.22rem;
    border-right: 0.02rem solid #565656;
}

.skill .pc .skCon .skClass>span.skAct a {
    color: #0126ab;
}

.skill .pc .skCon .skClass>span:last-child {
    border-right: 0;
}

.skill .pc .skCon .skImg {
    margin-bottom: 0.26rem;
    display: flex;
}

.skill .pc .skCon .skImg mip-img {
    width: 5.62rem;
    height: 4.2rem;
}

.skill .pc .skCon .skImg .sk1 {
    height: 4.2rem;
    flex: 1;
    background: #fff;
    padding: 1rem 0.6rem;
}

.skill .pc .skCon .skImg .sk1 p:first-child {
    font-size: 0.24rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.01rem;
    margin-bottom: 0.24rem;
}

.skill .pc .skCon .skImg .sk1 p:nth-of-type(2) {
    font-size: 0.18rem;
    color: #464646;
    letter-spacing: 0.01rem;
    margin-bottom: 0.62rem;
    line-height: 0.28rem;
}

.skill .pc .skCon .skImg .sk1 .skview,
.skill .pc .skCon .skImg .sk1 .skq {
    width: 1.25rem;
    height: 0.33rem;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    line-height: 0.33rem;
    background: #3b3b3b;
    border-radius: 0.2rem;
    display: inline-block;
    letter-spacing: 0.01rem;
    margin-right: 0.24rem;
}

.skill .pc .skCon .skImg .sk1 .skq {
    background: #a6a6a6;
}

.skill .pc .skCon .skImg .sk1 .skview a,
.skill .pc .skCon .skImg .sk1 .skq a {
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    line-height: 0.33rem;
}

.skill .pc .skCon .skCarousel {
    width: 100%;
}

.skill .pc .skCon .skCarousel .skcar {
    display: flex;
    width: 100%;
}

.skill .pc .skCon .skCarousel .skcar .caview {
    width: 3.84rem;
    height: 3.51rem;
    position: relative;
    margin-right: 0.24rem;
}

.skill .pc .skCon .skCarousel .skcar .caview .catxt {
    height: 0.64rem;
    width: 100%;
    color: #fff;
    background: #3b3b3b;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.64rem;
    font-family: '微软雅黑'
}

.skill .pc .skCon .skCarousel .skcar .caview:hover .anmu {
    display: block;
}

.skill .pc .skCon .skCarousel .skcar .caview>mip-img {
    width: 3.84rem;
    height: 2.87rem;
    max-width: auto !important;
    min-width: auto !important;
    margin: 0;
}

.skill .pc .skCon .skCarousel .skcar .caview .anmu {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 3.84rem;
    height: 2.87rem;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.96rem 0.03rem 0.54rem;
    display: none;
}

.skill .pc .skCon .skCarousel .skcar .caview .anmu p {
    font-size: 0.18rem;
    color: #fff;
    letter-spacing: 0.02rem;
    text-align: center;
    line-height: 0.3rem;
}

.skill .pc .skCon .skCarousel .skcar .caview .anmu>mip-img {
    width: 0.28rem;
    height: 0.28rem;
    min-width: 0;
    top: 1.6rem;
}

.skill .pc .skCon .skCarousel .skcar .caview:nth-of-type(3n) {
    margin-right: 0;
}

.skill .pc .skCon .skCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.38rem;
    margin-bottom: 0.3rem;
}

.skill .pc .skCon .skmore {
    text-align: center;
}

.skill .pc .skCon .skmore span {
    font-size: 0.16rem;
    color: #424242;
    width: 1.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
}


/* 
ipad
skill */

.skill .ipad {
    padding: 0.4rem 0 0.4rem;
    background: #f6f6f6;
}

.skill .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #3b3b3b;
    position: relative;
}

.skill .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.skill .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.skill .ipad .skCon {
    padding: 0 0.35rem;
}

.skill .ipad .skCon .skClass {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    /* margin-bottom: 0.42rem; */
}

.skill .ipad .skCon .skClass>span {
    width: 3.1rem;
    color: #565656;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.34rem;
    border-right: 0.02rem solid #565656;
    margin-bottom: 0.53rem;
}

.skill .ipad .skCon .skClass>span.skAct a {
    color: #0126ab;
}

.skill .ipad .skCon .skClass>span:nth-of-type(3n) {
    border-right: 0;
}

.skill .ipad .skCon .skImg {
    margin-bottom: 0.12rem;
    display: flex;
}

.skill .ipad .skCon .skImg mip-img {
    width: 5.16rem;
    height: 3.14rem;
}

.skill .ipad .skCon .skImg .sk1 {
    height: 3.14rem;
    flex: 1;
    background: #fff;
    padding: 0.4rem 0.3rem;
}

.skill .ipad .skCon .skImg .sk1 p:first-child {
    font-size: 0.32rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.01rem;
    margin-bottom: 0.4rem;
}

.skill .ipad .skCon .skImg .sk1 p:nth-of-type(2) {
    font-size: 0.27rem;
    color: #464646;
    letter-spacing: 0.01rem;
    margin-bottom: 0.7rem;
    line-height: 0.32rem;
}

.skill .ipad .skCon .skImg .sk1 .skview,
.skill .ipad .skCon .skImg .sk1 .skq {
    width: 1.65rem;
    height: 0.44rem;
    font-size: 0.27rem;
    color: #fff;
    text-align: center;
    line-height: 0.44rem;
    background: #3b3b3b;
    border-radius: 0.2rem;
    display: inline-block;
    letter-spacing: 0.01rem;
    margin-right: 0.2rem;
}

.skill .ipad .skCon .skImg .sk1 .skq {
    background: #a6a6a6;
}

.skill .ipad .skCon .skImg .sk1 .skview a,
.skill .ipad .skCon .skImg .sk1 .skq a {
    font-size: 0.27rem;
    color: #fff;
    text-align: center;
    line-height: 0.44rem;
}

.skill .ipad .skCon .skCarousel {
    width: 100%;
}

.skill .ipad .skCon .skCarousel .skcar {
    display: flex;
    width: 100%;
}

.skill .ipad .skCon .skCarousel .skcar .caview {
    width: 4.66rem;
    height: 4.23rem;
    position: relative;
    margin-right: 0.3rem;
}

.skill .ipad .skCon .skCarousel .skcar .caview .catxt {
    height: 0.77rem;
    width: 100%;
    color: #fff;
    background: #3b3b3b;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.77rem;
    font-family: '微软雅黑'
}

.skill .ipad .skCon .skCarousel .skcar .caview:hover .anmu {
    display: block;
}

.skill .ipad .skCon .skCarousel .skcar .caview>mip-img {
    width: 4.63rem;
    height: 3.46rem;
    max-width: auto !important;
    min-width: auto !important;
    margin: 0;
}

.skill .ipad .skCon .skCarousel .skcar .caview:nth-of-type(2n) {
    margin-right: 0;
}

.skill .ipad .skCon .skCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.38rem;
    margin-bottom: 0.3rem;
}

.skill .ipad .skCon .skmore {
    text-align: center;
}

.skill .ipad .skCon .skmore span {
    font-size: 0.34rem;
    color: #424242;
    width: 2.38rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
}


/* 
mobile
skill */

.skill .mobile {
    padding: 0.4rem 0 0.4rem;
    background: #f6f6f6;
}

.skill .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.skill .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.skill .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.skill .mobile .skCon {
    padding: 0 0.25rem;
}

.skill .mobile .skCon .skClass {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    /* margin-bottom: 0.42rem; */
}

.skill .mobile .skCon .skClass>span {
    width: 2.25rem;
    color: #565656;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.3rem;
    border-right: 0.02rem solid #565656;
    margin-bottom: 0.4rem;
}

.skill .mobile .skCon .skClass>span.skAct a {
    color: #0126ab;
}

.skill .mobile .skCon .skClass>span:nth-of-type(3n) {
    border-right: 0;
}

.skill .mobile .skCon .skImg {
    margin-bottom: 0.1rem;
    display: flex;
}

.skill .mobile .skCon .skImg mip-img {
    width: 3.37rem;
    height: 2.81rem;
}

.skill .mobile .skCon .skImg .sk1 {
    height: 2.81rem;
    flex: 1;
    background: #fff;
    padding: 0.5rem 0.2rem 0.3rem;
}

.skill .mobile .skCon .skImg .sk1 p:first-child {
    font-size: 0.24rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.01rem;
    margin-bottom: 0.3rem;
}

.skill .mobile .skCon .skImg .sk1 p:nth-of-type(2) {
    font-size: 0.2rem;
    color: #464646;
    letter-spacing: 0.01rem;
    margin-bottom: 0.45rem;
    line-height: 0.28rem;
}

.skill .mobile .skCon .skImg .sk1 .skview,
.skill .mobile .skCon .skImg .sk1 .skq {
    width: 1.2rem;
    height: 0.36rem;
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    line-height: 0.36rem;
    background: #3b3b3b;
    border-radius: 0.15rem;
    display: inline-block;
    margin-right: 0.2rem;
}

.skill .mobile .skCon .skImg .sk1 .skq {
    background: #a6a6a6;
}

.skill .mobile .skCon .skImg .sk1 .skview a,
.skill .mobile .skCon .skImg .sk1 .skq a {
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    line-height: 0.36rem;
}

.skill .mobile .skCon .skCarousel {
    width: 100%;
}

.skill .mobile .skCon .skCarousel .skcar {
    display: flex;
    width: 100%;
}

.skill .mobile .skCon .skCarousel .skcar .caview {
    width: 3.4rem;
    height: 3.1rem;
    position: relative;
    margin-right: 0.2rem;
}

.skill .mobile .skCon .skCarousel .skcar .caview .catxt {
    height: 0.57rem;
    width: 100%;
    color: #fff;
    background: #3b3b3b;
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.57rem;
    font-family: '微软雅黑'
}

.skill .mobile .skCon .skCarousel .skcar .caview:hover .anmu {
    display: block;
}

.skill .mobile .skCon .skCarousel .skcar .caview>mip-img {
    width: 3.4rem;
    height: 2.53rem;
    max-width: auto !important;
    min-width: auto !important;
    margin: 0;
}

.skill .mobile .skCon .skCarousel .skcar .caview:nth-of-type(2n) {
    margin-right: 0;
}

.skill .mobile .skCon .skCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.28rem;
    margin-bottom: 0.2rem;
}

.skill .mobile .skCon .skmore {
    text-align: center;
}

.skill .mobile .skCon .skmore span {
    font-size: 0.25rem;
    color: #424242;
    width: 1.73rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
}


/* 
PC
case */

.case .pc {
    margin: 0 auto;
    background: url(../images/case_bg.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 0.3rem 0 0.4rem;
}

.case .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    position: relative;
}

.case .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.case .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.case .pc .caCon {
    width: 100%;
    margin-bottom: .3rem;
}

.case .pc .caCon .caCarousel {
    /* padding: 0 0.7rem; */
}

.case .pc .caCon .caCarousel .caItem {
    display: flex;
}

.case .pc .caCon .caCarousel .caItem .caview {
    width: 3.84rem;
    height: 4.97rem;
    margin-right: 0.24rem;
    border: 0.02rem solid #ccc;
    color: #cccccc;
}

.case .pc .caCon .caCarousel .caItem .caview:nth-of-type(3n) {
    margin-right: 0;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv {
    padding: 0.21rem 0.14rem 0.2rem;
    position: relative;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv mip-img {
    width: 3.53rem;
    height: 2.49rem;
    min-width: 0;
    position: relative;
    margin: 0.05rem 0;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv mip-img>mip-i-space {
    padding-top: 0;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv .cap1 {
    /* color: #cccccc; */
    font-size: 0.2rem;
    line-height: 0.35rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv .cap2 {
    /* color: #cccccc; */
    font-size: 0.2rem;
    line-height: 0.35rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .14rem;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv .cap3 {
    /* color: #cccccc; */
    font-size: 0.15rem;
    line-height: 0.25rem;
    text-align: right;
    margin-bottom: .22rem;
}

.case .pc .caCon .caCarousel .caItem .caview .cadiv .cap4 {
    /* color: #cccccc; */
    font-size: 0.16rem;
    line-height: 0.3rem;
}

.case .pc .caCon .caCarousel .caItem .caview:hover {
    background: #686868;
    border: 0;
    color: #fff;
    border: 0.02rem solid #686868;
}

.case .pc .caCon .camore {
    text-align: center;
}

.case .pc .caCon .camore span {
    font-size: 0.16rem;
    color: #b1b1b3;
    width: 1.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    border: 0.01rem solid #aaaaac;
    display: inline-block;
    margin: 0.42rem 0 0.2rem;
}

.case .pc .caCon .caCarousel mip-carousel .mip-carousel-container {
    left: 0.7rem;
}


/* 
ipad
case */

.case .ipad {
    padding: 0.4rem 0 0.4rem;
    background: url(../images/case_ibg.jpg) no-repeat;
    background-size: 100%;
}

.case .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #fff;
    position: relative;
}

.case .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.case .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.case .ipad .caCon {
    padding: 0 0.3rem;
}

.case .ipad .caCon .caCarousel {}

.case .ipad .caCon .caCarousel .caItem {
    display: flex;
}

.case .ipad .caCon .caCarousel .caItem .caview {
    width: 4.66rem;
    height: 6rem;
    margin-right: 0.24rem;
    border: 0.02rem solid #ccc;
    color: #cccccc;
}

.case .ipad .caCon .caCarousel .caItem .caview:nth-of-type(2n) {
    margin-right: 0;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv {
    padding: 0.3rem 0.15rem 0.3rem;
    position: relative;
    margin: 0 auto;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv mip-img {
    width: 4.2rem;
    height: 3rem;
    min-width: 0;
    position: relative;
    margin: 0.15rem 0;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv mip-img>mip-i-space {
    padding-top: 0;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv .cap1 {
    /* color: #cccccc; */
    font-size: 0.36rem;
    line-height: 0.44rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv .cap2 {
    /* color: #cccccc; */
    font-size: 0.24rem;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .2rem;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv .cap3 {
    /* color: #cccccc; */
    font-size: 0.24rem;
    line-height: 0.36rem;
    text-align: right;
    margin-bottom: .3rem;
}

.case .ipad .caCon .caCarousel .caItem .caview .cadiv .cap4 {
    /* color: #cccccc; */
    font-size: 0.24rem;
    line-height: 0.36rem;
}

.case .ipad .caCon .caCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.38rem;
    margin-bottom: 0.3rem;
}

.case .ipad .caCon .camore {
    text-align: center;
}

.case .ipad .caCon .camore span {
    font-size: 0.34rem;
    color: #b1b1b3;
    width: 2.38rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    border: 0.01rem solid #aaaaac;
    display: inline-block;
}


/* 
mobile
case */

.case .mobile {
    padding: 0.4rem 0 0.4rem;
    background: url(../images/case_ibg.jpg) no-repeat;
    background-size: 100% 100%;
}

.case .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #fff;
    position: relative;
}

.case .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.case .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.case .mobile .caCon {
    padding: 0 0.24rem;
}

.case .mobile .caCon .caCarousel {}

.case .mobile .caCon .caCarousel .caItem {
    display: flex;
}

.case .mobile .caCon .caCarousel .caItem .caview {
    width: 3.4rem;
    /* height: 4.4rem; */
    margin-right: 0.22rem;
    border: 0.02rem solid #ccc;
    color: #cccccc;
}

.case .mobile .caCon .caCarousel .caItem .caview:nth-of-type(2n) {
    margin-right: 0;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv {
    padding: 0.2rem 0.12rem 0.2rem;
    position: relative;
    width: 2.7rem;
    margin: 0 auto;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv mip-img {
    width: 3.12rem;
    height: 2.2rem;
    min-width: 0;
    position: relative;
    margin: 0.15rem 0;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv mip-img>mip-i-space {
    padding-top: 0;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv .cap1 {
    /* color: #cccccc; */
    font-size: 0.22rem;
    line-height: 0.3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv .cap2 {
    /* color: #cccccc; */
    font-size: 0.2rem;
    line-height: 0.35rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .14rem;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv .cap3 {
    /* color: #cccccc; */
    font-size: 0.2rem;
    line-height: 0.25rem;
    text-align: right;
    margin-bottom: .22rem;
}

.case .mobile .caCon .caCarousel .caItem .caview .cadiv .cap4 {
    /* color: #cccccc; */
    font-size: 0.18rem;
    line-height: 0.3rem;
}

.case .mobile .caCon .caCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.28rem;
    margin-bottom: 0.2rem;
}

.case .mobile .caCon .camore {
    text-align: center;
}

.case .mobile .caCon .camore span {
    font-size: 0.25rem;
    color: #b1b1b3;
    width: 1.73rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    border: 0.01rem solid #aaaaac;
    display: inline-block;
}


/* 
PC
info */

.info .pc {
    margin: 0 auto;
    background: url(../images/info_bg.jpg) no-repeat center;
    background-size: 100%;
    padding: 0.3rem 0 0.4rem;
}

.info .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #3b3b3b;
    position: relative;
}

.info .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.info .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.info .pc .infoCon {
    width: 100%;
}

.info .pc .infoCon .infobtn {
    width: 100%;
    margin: 0 auto 0.55rem;
    text-align: center;
}

.info .pc .infoCon .infobtn .inp1,
.info .pc .infoCon .infobtn .inp2 {
    width: 1.33rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background: #3b3b3b;
    display: inline-block;
    color: #fff;
    font-size: 0.18rem;
}

.info .pc .infoCon .infobtn .inp2 {
    background: #fff;
    color: #5e5e5e;
    border: 0.01rem solid #b8b8b8;
    margin-left: 0.29rem;
}

.info .pc .infoCon .infbox {
    display: flex;
}

.info .pc .infoCon .infbox .inflft {
    display: flex;
}

.info .pc .infoCon .infbox .inflft mip-img {
    width: 3.8rem;
    height: 2.99rem;
}

.info .pc .infoCon .infbox .inflft .inflft_R {
    padding: 0.1rem 0.32rem;
    width: 4.3rem;
    margin-right: 0.6rem;
}

.info .pc .infoCon .infbox .inflft .inflft_R .inft1 {
    font-size: 0.24rem;
    color: #3b3b3b;
    line-height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .pc .infoCon .infbox .inflft .inflft_R .inft2 {
    font-size: 0.14rem;
    color: #5e5e5e;
    margin: 0.12rem 0 0.24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .pc .infoCon .infbox .inflft .inflft_R .inft3 {
    font-size: 0.14rem;
    color: #5e5e5e;
    line-height: 0.28rem;
    margin-bottom: 0.5rem;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.info .pc .infoCon .infbox .inflft .inflft_R .inft4 {
    font-size: 0.16rem;
    color: #fff;
    width: 1.26rem;
    height: 0.32rem;
    line-height: 0.32rem;
    text-align: center;
    display: inline-block;
    border-radius: 0.2rem;
    background: #a6a6a6;
}

.info .pc .infoCon .infbox .infrht {
    width: 7rem;
}

.info .pc .infoCon .infbox .infrht .inftt {
    overflow: hidden;
    margin-bottom: .3rem;
}
.info .pc .infoCon .infbox .infrht .inftt p{
    color: #3b3b3b;
    font-size: .32rem;
}
.info .pc .infoCon .infbox .infrht .inftt p a{
    float: right;
    color:#424242;
    font-size: .16rem;
    margin-top: .2rem;
}
.info .pc .infoCon .infbox .infrht .inftt p::after{
    content: '';
    display: block;
    width: 1.97rem;
    height: .03rem;
    background: url(../images/infobg.jpg) left center no-repeat;
    background-size: 100%;
}
.info .pc .infoCon .infbox .infrht ul{
    
}
.info .pc .infoCon .infbox .infrht ul li {
    padding: 0.1rem 0;
    color: #414141;
    font-size: 0.16rem;
    position: relative;
    /* list-style: disc; */
}
.info .pc .infoCon .infbox .infrht ul li::before{
    width: .05rem;
    height: .05rem;
    content: '';
    background: #000;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    top: .23rem;
    left: 0;
}

.info .pc .infoCon .infbox .infrht ul li a {
    display: flex;
    margin-left:.24rem;
}

.info .pc .infoCon .infbox .infrht ul li .inftxt {
    width: 5.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 0.3rem;
    font-size: .16rem;
    color:#414141;
}

.info .pc .infoCon .infbox .infrht ul li .infdate {
    color: #747474;
    font-size: 0.15rem;
    float: right;
    line-height: 0.3rem;
}
.info .pc .infoCon .infbox .infimg{
    width: 4.42rem;
    margin-left: .58rem;
}


/* 
ipad
info */

.info .ipad {
    margin: 0.4rem auto 0;
}

.info .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #3b3b3b;
    position: relative;
}

.info .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.info .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.info .ipad .infoCon {
    width: 100%;
}

.info .ipad .infoCon .infobtn {
    width: 100%;
    margin: 0 auto 0.6rem;
    text-align: center;
}

.info .ipad .infoCon .infobtn .inp1,
.info .ipad .infoCon .infobtn .inp2 {
    width: 2.41rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background: #3b3b3b;
    display: inline-block;
    color: #fff;
    font-size: 0.32rem;
}

.info .ipad .infoCon .infobtn .inp2 {
    background: #fff;
    color: #5e5e5e;
    border: 0.01rem solid #b8b8b8;
    margin-left: 0.5rem;
}

.info .ipad .infoCon .infbox {
    /* display: flex; */
    padding: 0 0.34rem;
}

.info .ipad .infoCon .infbox .inflft {
    display: flex;
}

.info .ipad .infoCon .infbox .inflft mip-img {
    width: 4.72rem;
    height: 3.73rem;
}

.info .ipad .infoCon .infbox .inflft .inflft_R {
    padding: 0.1rem 0 0.1rem 0.2rem;
    width: 4.84rem;
}

.info .ipad .infoCon .infbox .inflft .inflft_R .inft1 {
    font-size: 0.32rem;
    color: #3b3b3b;
    line-height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .ipad .infoCon .infbox .inflft .inflft_R .inft2 {
    font-size: 0.27rem;
    color: #5e5e5e;
    margin: 0.24rem 0 0.45rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .ipad .infoCon .infbox .inflft .inflft_R .inft3 {
    font-size: 0.24rem;
    color: #5e5e5e;
    line-height: 0.34rem;
    margin-bottom: 0.3rem;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.info .ipad .infoCon .infbox .inflft .inflft_R .inft4 {
    font-size: 0.3rem;
    color: #fff;
    width: 1.97rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    display: inline-block;
    border-radius: 0.2rem;
    background: #a6a6a6;
}

.info .ipad .infoCon .infbox .infrht {
    width: 100%;
    padding: 0.4rem 0 0.4rem 0.3rem;
}

.info .ipad .infoCon .infbox .infrht ul li {
    padding: 0.2rem 0;
    color: #414141;
    font-size: 0.32rem;
    list-style: disc;
}

.info .ipad .infoCon .infbox .infrht ul li a {
    display: flex;
}

.info .ipad .infoCon .infbox .infrht ul li .inftxt {
    width: 7.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 0.5rem;
}

.info .ipad .infoCon .infbox .infrht ul li .infdate {
    color: #747474;
    font-size: 0.27rem;
    float: right;
    line-height: 0.5rem;
}


/* 
mobile
info */

.info .mobile {
    margin: 0.4rem auto 0;
}

.info .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.info .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.info .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.info .mobile .infoCon {
    width: 100%;
}

.info .mobile .infoCon .infobtn {
    width: 100%;
    margin: 0 auto 0.4rem;
    text-align: center;
}

.info .mobile .infoCon .infobtn .inp1,
.info .mobile .infoCon .infobtn .inp2 {
    width: 1.75rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    background: #3b3b3b;
    display: inline-block;
    color: #fff;
    font-size: 0.24rem;
}

.info .mobile .infoCon .infobtn .inp2 {
    background: #fff;
    color: #5e5e5e;
    border: 0.01rem solid #b8b8b8;
    margin-left: 0.24rem;
}

.info .mobile .infoCon .infbox {
    /* display: flex; */
    padding: 0 0.28rem;
}

.info .mobile .infoCon .infbox .inflft {
    display: flex;
}

.info .mobile .infoCon .infbox .inflft mip-img {
    width: 3.45rem;
    height: 2.73rem;
}

.info .mobile .infoCon .infbox .inflft .inflft_R {
    padding: 0.05rem 0 0.05rem 0.1rem;
    width: 3.54rem;
}

.info .mobile .infoCon .infbox .inflft .inflft_R .inft1 {
    font-size: 0.24rem;
    color: #3b3b3b;
    line-height: 0.34rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .mobile .infoCon .infbox .inflft .inflft_R .inft2 {
    font-size: 0.2rem;
    color: #5e5e5e;
    margin: 0.15rem 0 0.33rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info .mobile .infoCon .infbox .inflft .inflft_R .inft3 {
    font-size: 0.18rem;
    color: #5e5e5e;
    line-height: 0.3rem;
    margin-bottom: 0.3rem;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}

.info .mobile .infoCon .infbox .inflft .inflft_R .inft4 {
    font-size: 0.22rem;
    color: #fff;
    width: 1.47rem;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: center;
    display: inline-block;
    border-radius: 0.2rem;
    background: #a6a6a6;
}

.info .mobile .infoCon .infbox .infrht {
    width: 100%;
    padding: 0.3rem 0 0.3rem 0.3rem;
}

.info .mobile .infoCon .infbox .infrht ul li {
    padding: 0.1rem 0;
    color: #414141;
    font-size: 0.24rem;
    list-style: disc;
}

.info .mobile .infoCon .infbox .infrht ul li a {
    display: flex;
}

.info .mobile .infoCon .infbox .infrht ul li .inftxt {
    width: 5.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 0.4rem;
}

.info .mobile .infoCon .infbox .infrht ul li .infdate {
    color: #747474;
    font-size: 0.2rem;
    float: right;
    line-height: 0.4rem;
}


/* 
PC
advert */

.advert {
    width: 100%;
}
.advert .pc{
    width: 100%;
    background: url(../images/adbg_02.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: .3rem;
}
.advert .pc .main{
    display: flex;
    position: relative;
}
.advert .pc .fen1{
    display: flex;
    padding: .3rem 0 .5rem;
    width: 8rem;
    justify-content: space-around;
}
.advert .pc .fen1 mip-img{
    width: 1.47rem;
    height: 1.65rem;
    display: block;
}
.advert .pc .fen2{
    width: 2.92rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.advert .pc .fen2 mip-img{
    width: 2.92rem;
    height: 3.28rem;
    display: block;
}

/* 
PC
videoC */

.videoC .pc {
    margin: 0 auto;
    background: #f6f6f6;
    padding: 0.3rem 0 0.4rem;
}

.videoC .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #3b3b3b;
    position: relative;
}

.videoC .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.videoC .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.videoC .pc .viCon {
    width: 100%;
}

.videoC .pc .viCon .viCarousel {
    /* padding: 0 0.7rem; */
}

.videoC .pc .viCon .viCarousel .viItem {
    display: flex;
}

.videoC .pc .viCon .viCarousel .viItem .viView {
    width: 3.84rem;
    height: 4.97rem;
    margin-right: 0.24rem;
    color: #3b3b3b;
}

.videoC .pc .viCon .viCarousel .viItem .viView:nth-of-type(3n) {
    margin-right: 0;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv {
    /* padding: 0.32rem 0.14rem 0.2rem; */
    position: relative;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv mip-img {
    width: 3.87rem;
    height: 2.9rem;
    min-width: 0;
    position: relative;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv mip-img>mip-i-space {
    padding-top: 0;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv .vibot {
    padding: 0.1rem 0.15rem;
    position: relative;
    border-left: 0.01rem solid #dcdcdc;
    border-bottom: 0.01rem solid #dcdcdc;
    border-right: 0.01rem solid #dcdcdc;
    background: #fff;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv .vip2 {
    color: #3b3b3b;
    font-size: 0.2rem;
    line-height: 0.26rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv .vip3 {
    color: #6e6e6e;
    font-size: 0.15rem;
    line-height: 0.2rem;
    text-align: right;
    margin-bottom: .1rem;
}

.videoC .pc .viCon .viCarousel .viItem .viView .vidiv .vip4 {
    color: #6e6e6e;
    font-size: 0.16rem;
    line-height: 0.26rem;
}
.videoC .pc .viCon .viCarousel .viItem .viView .vidiv .vip5 {
    color: #000000;
    font-size: 0.14rem;
    float: right;
}
.videoC .pc .viCon .vimore {
    text-align: center;
}

.videoC .pc .viCon .vimore span {
    font-size: 0.16rem;
    color: #424242;
    width: 1.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
    margin: 0.42rem 0 0.2rem;
}

.videoC .pc .viCon .viCarousel mip-carousel .mip-carousel-container {
    left: 0.7rem;
    z-index: 1;
}

.videoC .pc .viCon .viCarousel mip-carousel .mip-carousel-preBtn {
    background-image: url(../images/vi_arrowl.jpg);
    background-size: 0.36rem 0.6rem;
    z-index: 0;
}

.videoC .pc .viCon .viCarousel mip-carousel .mip-carousel-nextBtn {
    background-image: url(../images/vi_arrowr.jpg);
    background-size: 0.36rem 0.6rem;
    z-index: 0;
}


/* 
ipad
videoC */

.videoC .ipad {
    margin: 0 auto;
    background: #f6f6f6;
    padding: 0.3rem 0 0.4rem;
}

.videoC .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #3b3b3b;
    position: relative;
}

.videoC .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.videoC .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.videoC .ipad .viCon {
    width: 100%;
    padding: 0 0.34rem;
}

.videoC .ipad .viCon .viCarousel {
    /* padding: 0 0.7rem; */
}

.videoC .ipad .viCon .viCarousel .viItem {
    display: flex;
}

.videoC .ipad .viCon .viCarousel .viItem .viView {
    width: 4.69rem;
    height: 5.8rem;
    margin-right: 0.2rem;
    color: #3b3b3b;
}

.videoC .ipad .viCon .viCarousel .viItem .viView:nth-of-type(3n) {
    margin-right: 0;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv {
    /* padding: 0.32rem 0.14rem 0.2rem; */
    position: relative;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv mip-img {
    width: 4.69rem;
    height: 3.51rem;
    min-width: 0;
    position: relative;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv mip-img>mip-i-space {
    padding-top: 0;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv .vibot {
    padding: 0.22rem;
    position: relative;
    border-left: 0.01rem solid #dcdcdc;
    border-bottom: 0.01rem solid #dcdcdc;
    border-right: 0.01rem solid #dcdcdc;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv .vip2 {
    color: #3b3b3b;
    font-size: 0.3rem;
    line-height: 0.6rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv .vip3 {
    color: #6e6e6e;
    font-size: 0.24rem;
    line-height: 0.4rem;
}

.videoC .ipad .viCon .viCarousel .viItem .viView .vidiv .vip4 {
    color: #6e6e6e;
    font-size: 0.27rem;
    line-height: 0.4rem;
}

.videoC .ipad .viCon .viCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.38rem;
    margin-bottom: 0.3rem;
}

.videoC .ipad .viCon .vimore {
    text-align: center;
}

.videoC .ipad .viCon .vimore span {
    font-size: 0.34rem;
    color: #424242;
    width: 2.38rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
}


/* 
mobile
videoC */

.videoC .mobile {
    margin: 0 auto;
    background: #f6f6f6;
    padding: 0.3rem 0 0.4rem;
}

.info .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.videoC .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.videoC .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.videoC .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.videoC .mobile .viCon {
    width: 100%;
    padding: 0 0.24rem;
}

.videoC .mobile .viCon .viCarousel {
    /* padding: 0 0.7rem; */
}

.videoC .mobile .viCon .viCarousel .viItem {
    display: flex;
}

.videoC .mobile .viCon .viCarousel .viItem .viView {
    width: 3.41rem;
    height: 4.23rem;
    margin-right: 0.12rem;
    color: #3b3b3b;
}

.videoC .mobile .viCon .viCarousel .viItem .viView:nth-of-type(3n) {
    margin-right: 0;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv {
    /* padding: 0.32rem 0.14rem 0.2rem; */
    position: relative;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv mip-img {
    width: 3.41rem;
    height: 2.57rem;
    min-width: 0;
    position: relative;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv mip-img>mip-i-space {
    padding-top: 0;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv .vibot {
    padding: 0.12rem;
    position: relative;
    border-left: 0.01rem solid #dcdcdc;
    border-bottom: 0.01rem solid #dcdcdc;
    border-right: 0.01rem solid #dcdcdc;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv .vip2 {
    color: #3b3b3b;
    font-size: 0.22rem;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv .vip3 {
    color: #6e6e6e;
    font-size: 0.24rem;
    line-height: 0.4rem;
}

.videoC .mobile .viCon .viCarousel .viItem .viView .vidiv .vip4 {
    color: #6e6e6e;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.videoC .mobile .viCon .viCarousel .mip-carousel-indicator-wrapper {
    margin-top: 0.28rem;
    margin-bottom: 0.2rem;
}

.videoC .mobile .viCon .vimore {
    text-align: center;
}

.videoC .mobile .viCon .vimore span {
    font-size: 0.25rem;
    color: #424242;
    width: 1.73rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
}


/* 
PC
product */

.product .pc {
    margin: 0 auto;
    background: #fff;
    padding: 0.3rem 0 0.4rem;
}

.product .pc .abTitle {
    width: 100%;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.32rem;
    color: #3b3b3b;
    position: relative;
}

.product .pc .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.36rem;
}

.product .pc .abTitle mip-img {
    width: 1.96rem;
    text-align: center;
    margin: 0 auto;
}

.product .pc .prCon {
    width: 100%;
}

.product .pc .prCon .prbox {
    width: 100%;
    display: flex;
}

.product .pc .prCon .prbox .prolft {
    width: 2.84rem;
    padding: 0.2rem 0.1rem;
    background: #3b3b3b;
    margin-right: 0.24rem;
}

.product .pc .prCon .prbox .prolft .top {
    padding: 0 0.3rem 0.2rem;
    font-size: 0.24rem;
    color: #fff;
    border-bottom: 0.02rem solid #fff;
}

.product .pc .prCon .prbox .prolft .top p {
    padding-left: 0.33rem;
    background: url(../images/pro_class.png) no-repeat left center;
    background-size: 0.29rem 0.29rem;
    letter-spacing: 0.01rem;
}

.product .pc .prCon .prbox .prolft .prclass {
    padding: 0.2rem 0.3rem 0.2rem;
}

.product .pc .prCon .prbox .prolft .prclass ul li {
    padding: 0.18rem 0;
}

.product .pc .prCon .prbox .prolft .prclass ul li a {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.24rem;
    display: inline-block;
    padding-left: 0.3rem;
    background: url(../images/pro_icon.png) no-repeat left center;
    background-size: 0.17rem 0.17rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.24rem;
}

.product .pc .prCon .prbox .prorht {
    width: 8.94rem;
    display: flex;
    flex-wrap: wrap;
}
.product .pc .prCon .prbox .prorht a {
    width: 2.87rem;
    height: 2.64rem;
    display: block;
    margin-right: 0.1rem;
    margin-bottom: 0.45rem;
}
.product .pc .prCon .prbox .prorht .proItem {
    width: 2.87rem;
    height: 2.64rem;
}

.product .pc .prCon .prbox .prorht a:nth-of-type(3n) .proItem {
    margin-right: 0;
}
.product .pc .prCon .prbox .prorht a:nth-of-type(n+3) .proItem{
    margin-bottom: 0;
}

.product .pc .prCon .prbox .prorht .proItem mip-img {
    width: 2.87rem;
    height: 2.14rem;
}

.product .pc .prCon .prbox .prorht .proItem p {
    width: 2.87rem;
    height: 0.5rem;
    background: #3b3b3b;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product .pc .prCon .prmore {
    text-align: center;
}

.product .pc .prCon .prmore span {
    font-size: 0.16rem;
    color: #424242;
    width: 1.12rem;
    height: 0.34rem;
    line-height: 0.34rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
    margin: 0.42rem 0 0.2rem;
}


/* 
ipad
product
 */

.product .ipad {
    margin: 0.4rem auto 1.52rem;
}

.product .ipad .abTitle {
    width: 100%;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.6rem;
    color: #3b3b3b;
    position: relative;
}

.product .ipad .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.product .ipad .abTitle mip-img {
    width: 2.68rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.product .ipad .prCon {
    width: 100%;
}

.product .ipad .prCon .prClass {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    /* margin-bottom: 0.42rem; */
}

.product .ipad .prCon .prClass>span {
    width: 3.1rem;
    color: #565656;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.34rem;
    border-right: 0.02rem solid #565656;
    margin-bottom: 0.53rem;
}

.product .ipad .prCon .prClass>span.prAct a {
    color: #0126ab;
}

.product .ipad .prCon .prClass>span:nth-of-type(3n) {
    border-right: 0;
}

.product .ipad .prCon .prorht {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding: 0 0.32rem; */
}

.product .ipad .prCon .prorht .proItem {
    width: 3.06rem;
    height: 2.81rem;
    margin-right: 0.2rem;
    margin-bottom: 0.45rem;
}

.product .ipad .prCon .prorht a:nth-of-type(3n) .proItem {
    margin-right: 0;
}

.product .ipad .prCon .prorht .proItem mip-img {
    width: 3.06rem;
    height: 2.29rem;
}

.product .ipad .prCon .prorht .proItem p {
    width: 3.06rem;
    height: 0.5rem;
    background: #3b3b3b;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product .ipad .prCon .prmore {
    text-align: center;
}

.product .ipad .prCon .prmore span {
    font-size: 0.34rem;
    color: #424242;
    width: 2.38rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
    margin-bottom: 0.8rem;
}


/* 
mobile
product
 */

.product .mobile {
    margin: 0.4rem auto 1.11rem;
}

.product .mobile .abTitle {
    width: 100%;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.45rem;
    color: #3b3b3b;
    position: relative;
}

.product .mobile .abTitle .p_en {
    width: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.21rem;
    color: #969696;
    display: inline-block;
    margin-bottom: 0.3rem;
}

.product .mobile .abTitle mip-img {
    width: 1.98rem;
    text-align: center;
    margin: 0 auto;
    height: 0.04rem;
}

.product .mobile .prCon {
    width: 100%;
}

.product .mobile .prCon .prClass {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    /* margin-bottom: 0.42rem; */
}

.product .mobile .prCon .prClass>span {
    width: 2.25rem;
    color: #565656;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.3rem;
    border-right: 0.02rem solid #565656;
    margin-bottom: 0.4rem;
}

.product .mobile .prCon .prClass>span.prAct a {
    color: #0126ab;
}

.product .mobile .prCon .prClass>span:nth-of-type(3n) {
    border-right: 0;
}

.product .mobile .prCon .prorht {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding: 0 0.24rem; */
}

.product .mobile .prCon .prorht .proItem {
    width: 2.24rem;
    height: 2.06rem;
    margin-right: 0.15rem;
    margin-bottom: 0.34rem;
}

.product .mobile .prCon .prorht a:nth-of-type(3n) .proItem {
    margin-right: 0;
}

.product .mobile .prCon .prorht .proItem mip-img {
    width: 2.24rem;
    height: 1.69rem;
}

.product .mobile .prCon .prorht .proItem p {
    width: 2.24rem;
    height: 0.37rem;
    background: #3b3b3b;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    line-height: 0.37rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product .mobile .prCon .prmore {
    text-align: center;
}

.product .mobile .prCon .prmore span {
    font-size: 0.25rem;
    color: #424242;
    width: 1.73rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    border: 0.01rem solid #676767;
    display: inline-block;
    margin-bottom: 0.5rem;
}


/* 
PC
contact */

.contact .pc {
    margin: 0 auto;
    background: url(../images/contact_bg.jpg) no-repeat;
    background-size: 100%;
    padding: 0.48rem 0 0.52rem;
}

.contact .pc .lgo {
    width: 100%;
    text-align: center;
}

.contact .pc .lgo mip-img {
    width: 2.53rem;
    height: 1.01rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.contact .pc .cont {
    width: 100%;
    height: 4.3rem;
    background: #fff;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.4rem #000;
}

.contact .pc .cont .bodr {
    margin: 0 0.3rem 0.3rem;
    padding-top: 0.5rem;
    border-bottom: 0.04rem solid #3b3b3b;
    display: flex;
}

.contact .pc .cont .bodr .colft {
    padding-left: 0.56rem;
    display: flex;
    margin-right: 0.3rem;
    width: 7.9rem;
}
.contact .pc .cont .bodr .colft a:hover{
    text-decoration: underline;
}

.contact .pc .cont .bodr .colft .rowfirst{
    width: 2.12rem;
    padding-right: .3rem;
}
.contact .pc .cont .bodr .colft .rowfirst .p1{
    font-size: 0.16rem;
    color: #121212;
    line-height: 0.4rem;
    margin-bottom: 0.16rem;
    /* padding: 0 0.2rem; */
    position: relative;
    font-weight: bold;
    white-space: nowrap;
}
.contact .pc .cont .bodr .colft .rowfirst .p1::after{
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.04rem;
    background: #3b3b3b;
}
.contact .pc .cont .bodr .colft .rowfirst .p2{
    font-size: 0.24rem;
    color: #121212;
    line-height: 0.4rem;
    margin-bottom: 0.16rem;
    position: relative;
    font-weight: bold;
}
.contact .pc .cont .bodr .colft .rowfirst .p3{
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 0.3rem;
    margin-bottom: 0.4rem;
    position: relative;
}
.contact .pc .cont .bodr .colft .rowfirst mip-img{
    width: 1.56rem;
    cursor: pointer;
}

.contact .pc .cont .bodr .colft .row {
    /* width: 1.23rem; */
    box-sizing: border-box;
}

.contact .pc .cont .bodr .colft .row p {
    font-size: 0.18rem;
    color: #121212;
    line-height: 0.4rem;
    margin-bottom: 0.16rem;
    padding: 0 0.2rem 0 .38rem;
    position: relative;
    font-weight: bold;
    white-space: nowrap;
}

.contact .pc .cont .bodr .colft .row p::after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.04rem;
    background: #3b3b3b;
}

.contact .pc .cont .bodr .colft .row ul {
    border-right: 0.01rem solid #e9e9e9;
    /* border-left: 0.01rem solid #e9e9e9; */
    padding: 0 0.2rem 0 .38rem;
    height: 2.5rem;
}
.contact .pc .cont .bodr .colft .rowfirst + .row ul{
    border-left: 0.01rem solid #e9e9e9;
}

.contact .pc .cont .bodr .colft .row ul li {
    font-size: 0.16rem;
    color: #5e5e5e;
    line-height: 0.3rem;
    margin-bottom: 0.16rem;
}

.contact .pc .cont .bodr .colft .row ul li a {
    font-size: 0.16rem;
    color: #5e5e5e;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contact .pc .cont .bodr .corht mip-img {
    width: 4.2rem;
    height: 3.24rem;
    display: block;
}


/* 
PC
footer */

footer .pc .icp {
    width: 100%;
    height: 0.76rem;
    text-align: center;
    line-height: 0.76rem;
    background: #171717;
    border-bottom: .01rem solid #464646;
}

footer .pc .icp p {
    font-size: 0.14rem;
    color: #6e6e6e;
}
footer .pc .icp p a{
    font-size: 0.14rem;
    color: #6e6e6e;
}

footer .pc .qita{
    width: 100%;
    height: 0.66rem;
    text-align: center;
    background: #171717;
    display: flex;
    justify-content:center;
}
footer .pc .qita a{
    font-size: .14rem;
    color:#6e6e6e;
    line-height: .66rem;
    text-align: center;
    display: block;
    float: left;
    margin: 0 .1rem;
}
footer .pc .qita a:hover{
    text-decoration: underline;
}
/* 
iPad
footer */

footer .ipad .fotcon {
    display: flex;
    width: 100%;
    height: 1.52rem;
    background: #3c3c3d;
    padding: 0 0.32rem;
    box-sizing: border-box;
    justify-content: space-around;
    align-items: center;
}

footer .ipad .fotcon .f mip-img {
    width: 0.6rem;
    height: 0.64rem;
}

footer .ipad .fotcon .f1 mip-img {
    width: 1.07rem;
    height: 1.07rem;
}

footer .ipad .fotcon .f p {
    color: #fff;
    margin-top: 0.05rem;
    font-size: 0.32rem;
    text-align: center;
}


/* 
mobile
footer */

footer .mobile .fotcon {
    display: flex;
    width: 100%;
    height: 1.11rem;
    background: #3c3c3d;
    padding: 0 0.24rem;
    box-sizing: border-box;
    justify-content: space-around;
    align-items: center;
}

footer .mobile .fotcon .f mip-img {
    width: 0.46rem;
    height: 0.43rem;
}

footer .mobile .fotcon .f1 mip-img {
    width: 0.78rem;
    height: 0.78rem;
}

footer .mobile .fotcon .f p {
    color: #fff;
    margin-top: 0.05rem;
    font-size: 0.24rem;
    text-align: center;
}