@charset "utf-8";
body,
html {
    -webkit-touch-callout: none;
}

body,
h1,
h2,
h3,
h4,
h5,
dl,
dd,
dt,
p,
ul,
li,
ol {
    margin: 0;
    padding: 0;
}

input,
select,
form,
textarea,
button {
    border: none;
    margin: 0;
    outline: none;
    padding: 0;
    appearance: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

img {
    border: none;
    flex-shrink:0;
	max-width: 100%;
}

a {
    text-decoration: none;
    color: #333;
}

body {
    font: normal .24rem/100% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

li {
    list-style-type: none;
}

body,
html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #fff;
}
.content_all{max-width:750px;margin:0px auto}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    position: relative;
}

.line {
    height: 1px;
    background: #e1e1e1;
    clear: both;
    display: block;
    overflow: hidden;
    position: relative;
    margin: .12rem 0;
}

* {
    box-sizing: border-box;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 56.25px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 58.59375px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 62.5px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 64.6875px;
    }
}

@media screen and (min-width: 440px) {
    html {
        font-size: 68.75px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 75px;
    }
}

@media screen and (min-width: 520px) {
    html {
        font-size: 81.25px;
    }
}

@media screen and (min-width: 560px) {
    html {
        font-size: 87.5px;
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: 93.75px;
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 100px;
    }
}

@media screen and (min-width: 680px) {
    html {
        font-size: 106.25px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 112.5px;
    }
}

@media screen and (min-width: 760px) {
    html {
        font-size: 118.75px;
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 125px;
    }
}

@media screen and (min-width: 960px) {
    html {
        font-size: 150px;
    }
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wrap {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}


/*头尾区域*/


/* background-color: rgba(0,0,0,0.4); */
.headerbg{
    height: 1.54rem;
    padding: 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}
.header {
    height: 0.85rem;
    padding: 0 .13rem;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.head_menu {
    display: flex;
    align-items: center;
}

a.logo1,
a.logo2 {
    height: 100%;
    display: block;
    margin-left: .25rem;
}

a.logo1 img,
.topPhone img {
    width: 100%;
}

.head_logo {
    width: 3rem;
}

.topPhone {
    width: 2.2rem;
}


/* a.logo1 img,
a.logo2 img,
.head_menu a img,
.head_menu span img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
} */

.head_menu {
    display: flex;
}

.head_menu a {
    display: block;
    height: 100%;
}

.head_menu a.phone img {
    width: 0.32rem;
}

.head_menu .menu img {
    width: 0.35rem;
}

.head_menu a.phone {
    margin-right: 0.3rem;
}

.topNav {
    width:100%;margin-top: .85rem;
}

.topNav .swiper-slide {
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    background: #086db7;
}

.topNav .swiper-slide a {
    color: #fff;
}

.index_play .swiper-slide {
    width: 100%;
}

.index_play .swiper-slide a,
.index_play .swiper-slide a img {
    display: block;
    width: 100%;
}

.swip_dot .swiper-pagination-bullet {
    position: relative;
    background: #fff;  
    
}
.dotline .swip_dot .swiper-pagination-bullet{ border-radius: .2rem;height: 5px;  }
.dotline .swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 18px;}

.swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    
}

.index_play .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.index_play .swiper-pagination.swip_dot {
    bottom: 0.2rem;
}

.enterDiv1 a {
    width: 48%;
    display: block;
}

.enterDiv1 a img {
    width: 100%;
}

.newDiv .txt {
    width: 30%;
    height: 0.8rem;
    background: url(../img/txtq.jpg) no-repeat center;
    background-size: 53%;
    border-right: #ccc 1px solid;
}

.newScroll {
    width: 69%;
    height: .8rem;
    overflow: hidden;
}

.newScroll .swiper-slide a {
    font-size: .24rem;
    line-height: 180%;
    padding-left: .3rem;
}

.moreBtn {
    width: 2.8rem;
    height: .6rem;
    background: #d73e23;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    line-height: .6rem;
    display: block;
    margin: .4rem auto .1rem;
    border-radius: .3rem;
}

.navItem {
    padding-bottom: .35rem;
}

.navItem a {
    display: block;
    width: 25%;
    text-align: center;
    margin-top: .35rem;
    font-size: .22rem;
}

.navItem a img {
    display: block;
    width: .8rem;
    height: .8rem;
    margin: 0 auto .15rem;
}

.navItem .a1 i {
    background-position: 0 0;
    background-size: 380%;
}

.navItem .a2 i {
    background-position: -45px 0;
    background-size: 380%;
}

.navItem .a3 i {
    background-position: -271px 0;
    background-size: 380%;
}

.navItem .a4 i {
    background-position: 0 -49px;
    background-size: 380%;
}

.navItem .a5 i {
    background-position: -45px -49px;
    background-size: 380%;
}

.navItem .a6 i {
    background-position: -271px -49px;
    background-size: 380%;
}

.navItem .a7 i {
    background-position: 0 -102px;
    background-size: 380%;
}

.navItem .a8 i {
    background-position: -46px -102px;
    background-size: 380%;
}

.advBan {
    width: 100%;
}

.advBan img {
    display: block;
    width: 100%;
}

.color_d73e23 {
    color: #d73e23;
}

.statuDiv h2 {
    font-size: .36rem;
    text-align: center;
    /* font-weight: bold; */
    line-height: 180%;
}

.statutitle {
    display: block;
    height: .65rem;
    background: #1880cc;
    margin-top: .4rem;
    color: #fff;
    text-align: center;
}

.statutitle span {
    line-height: .65rem;
    border-right: #5ab1f0 1px solid;
    height: .65rem;
}

.statulist {
    height: 2.6rem;
}

.statulist .swiper-slide span {
    height: .65rem;
    line-height: .65rem;
    border-bottom: #e5e4e4 1px solid;
    float: left;font-size: .2rem;
}

.statulist .swiper-slide a {
    width: 74%;
    height: .4rem;
    line-height: .4rem;
    border: #1880cc 1px solid;
    border-radius: .05rem;
    color: #1880cc;
    margin: .12rem auto 0;
}

.statulist1 {
    margin-top: .5rem;
    width: 100%;
}

.statulist1 .swiper-slide img {
    width: 100%;
}

.zxBtn {
    width: 3.2rem;
    height: .6rem;
    display: block;
    margin: .4rem auto .1rem;
    text-align: center;
    background: #d73e23;
    color: #fff;
    line-height: .6rem;
    border-radius: .3rem;
}

.width1 {
    width: 19%;
}

.width2 {
    width: 39%;
}

.width3 {
    width: 19%;
}

.width4 {
    width: 23%;
}

.ico {
    display: block;
    margin: .12rem auto 0;
    width: .3rem;
}

.icon {
    background: url(../img/icon.png);
}

.enterlist li {
    width: 48%;
    margin-top: .4rem;
    border-radius: .1rem;
    /* border: #ccc 1px solid; */
}

.enterlist li>a,
.enterlist li>a img {
    width: 100%;
    display: block;
}

.enterlist li p {
    /* margin: .1rem auto; */
    margin-top: .2rem;
}

.enterlist li div {
    margin-top: .1rem;
    padding: .05rem .2rem 0;
    justify-content: center;
}

.enterlist li div a,
.majorDiv dl dd div a {
    display: block;
    width: 1.15rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    border-radius: .06rem;
    font-size: .18rem;
}
.enterlist li div a{width:1.5rem;}
/* .majorDiv dl dd div {
    justify-content: space-around;
} */

.majorDiv dl dd div a {
    margin-top: .13rem;
    width: 1.3rem;
}

.majorType {
    align-items: center;
    /* margin-top: .3rem; */
}

.majorType a {
    width: 1.1rem;
    height: .5rem;
    background: linear-gradient(#47b4f9, #2299f5);
    display: block;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    font-size: .24rem;
    border-radius: .08rem;
}

.majorType span {
    display: block;
    font-size: .3rem;
    position: relative;
    padding-left: .3rem;
    line-height: 150%
}

.majorType span::after {
    content: '';
    width: .05rem;
    height: 100%;
    background: #3faff8;
    position: absolute;
    left: 0;
    top: 0;
}
.majorType p{display: block;position: relative;color:#f00;font-weight:bold;}

.majorType1 span{color:#f00;}
.majorType1 span::after {background: #f00;}
.majorType2 span{color:#3faff8;}
.majorType2 span::after {background: #3faff8;}
.majorType3 span{color:#339900;}
.majorType3 span::after {background: #339900;}
.majorType4 span{color:#ff9900;}
.majorType4 span::after {background: #ff9900;}


.enterlist li div a.a1{display: none;}
.enterlist li div a.a1,
.majorDiv dl dd div a.a1 {
    background: linear-gradient(#47b4f9, #2299f5);
}

.enterlist li div a.a2,
.majorDiv dl dd div a.a2 {
    background: linear-gradient(#f87959, #f34d25);
}
.majorDiv:nth-child(1) .majorType{ margin-top: .3rem;}
.majorDiv dl {
    margin-top: .4rem;
}

.majorDiv dl dt {
    width: 44%;
    border-radius: .06rem;
    overflow: hidden;
}

.majorDiv dl dt a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.majorDiv dl dt a .icon {
    background-position: -449px 0;
    width: .6rem;
    height: .3rem;
    display: block;
    position: absolute;
    left: .15rem;
    top: .15rem;
    background-size: 713%;
}

.majorDiv dl dt img {
    width: 100%;
    border-radius: .08rem;
}

.majorDiv dl dd {
    width: 50%;
}

.majorDiv dl dd h3 {
    font-size: .26rem;
    line-height: 150%;
}

.majorDiv dl dd p {
    line-height: 150%;
    font-size: .16rem;
}

.techslide {
    margin-top: .4rem;
    /* display: flex; */
    border: #ccc 1px solid;
}


/* .techslide img {
    width: 50%;
    display: block;
    float: left;
}

.techslide .txt {
    float: left;
    width: 50%;
    padding: 7% 2% 5%;
    color: #fff;
}

.techslide .txt span {
    font-size: .3rem;
    line-height: 180%;
    padding-bottom: .07rem;
    position: relative;
}

.techslide .txt span::after {
    content: '';
    width: .2rem;
    height: .02rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.techslide .txt p.price {
    margin-top: .2rem;
    color: #ffcc00;
    font-weight: bold;
}

.techslide .txt p.name {
    font-size: .24rem;
    margin-top: .15rem;
}

.techslide .txt p.intro {
    color: #999;
    font-size: .22rem;
    line-height: 150%;
    margin-top: .3rem;
} */

.techlist .swip_dot {
    position: static;
    margin-top: .3rem;
}

.techlist .swip_dot .swiper-pagination-bullet {
    background: #999;
    opacity: 0.8;

}

.techlist .swip_dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #067cd6;
}

.bg_086db7 {
    background: #086db7;
}

.newstitle a {
    display: block;
    padding-bottom: .15rem;
    font-size: .28rem;
}

.newstitle {
    padding: 0 .4rem;
}

.newstitle a.on {
    color: #086db7;
    border-bottom: #086db7 1px solid;
}

.newsCont {
    margin-top: .5rem;
}

.contLeft,
.aboutRight {
    width: 67%;
}

.newsCont a {
    position: relative;
}

.newsCont a span {
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    bottom: 0;
    left: 0;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .12rem;
    color: #fff;
    text-align: center;
    display: none;
}
.contLeft{width: 65%;}
.contRight{ width: 32%;}
.contLeft a{ width: 100%; height: 3.5rem; overflow: hidden;}
.contRight a{width: 100%;height: 1.6rem;overflow: hidden;}
/* .contLeft img{width: 100%;} */
.contRight img{height: 100%;}
.contLeft img,
.contRight img,
.aboutLeft img,
.aboutRight img {
    width: 100%;
    display: block;
 
}

/* .contRight {
    width: 30%;
} */

.aboutLeft {
    width: 30%;
}

.queslist li {
    width: 48%;
    margin-top: .5rem;
}

.queslist li img {
    display: block;
    width: 100%;
}

.queslist li h4 {
    font-size: .26rem;
    line-height: 150%;
}

.hotlist a {
    width: 47%;
    height: .6rem;
    background: #e6e7e7;
    text-align: center;
    line-height: .6rem;
    margin-top: .35rem;
}

.fromContent {
    width: 85%;
    margin: 0 auto;
}

.fromContent img {
    width: 75%;
    display: block;
    margin: .3rem auto 0;
}

.inputTxt {
    border: #cccccc 1px solid;
    height: .65rem;
    margin-top: .35rem;
    display: flex;
    border-radius: .08rem;
    overflow: hidden;
}

.inputTxt span {
    padding: 0 3%;
    display: block;
    font-size: .24rem;
    height: .65rem;
    line-height: .65rem;
    width: 30%;
}

.inputTxt input {
    width: 85%;
}

.inputTxt select {
    width: 85%;
    appearance: none;
    -webkit-appearance: none;
    background: url(../img/ico.png) no-repeat center right .2rem;
    background-size: 8%;
}

.submitBtn {
    width: 100%;
    height: .65rem;
    background: #d73e23;
    font-size: .28rem;
    color: #fff;
    line-height: .65rem;
    margin: .5rem auto 0;
    border-radius: .08rem;
    appearance: none;
    -webkit-appearance: none;
}

.fshare {
    text-align: center;
}

.fshare a {
    display: inline-block;
    margin: 0 .25rem;
}

.fshare a img {
    display: block;
    width: .8rem;
    height: .8rem;
}

.fshare a span {
    display: block;
    margin-top: .15rem;
    font-size: .2rem;
}

.fshare .wx_a i {
    background-position: -320px -129px;
}

.newsdetail h1 {
    font-size: .3rem;
    text-align: center;
    line-height: 150%;
}

.detailTime {
    margin: .2rem auto;
    display: flex;
    justify-content: center;
}

.detailTime span {
    margin: 0 .2rem;
    display: flex;
    align-items: center;
}

.detailTime span i {
    height: .3rem;
    display: inline-block;
    background: url(../img/icon1.png) no-repeat;
    vertical-align: middle;
}

.detailTime span.time i {
    background-position: -150px -25px;
    width: .3rem;
}

.detailTime span.num i {
    background-position: -150px -44px;
    width: .45rem;
}

.detailIntro p {
    line-height: 180%;
    font-size: .22rem;
    margin-bottom: .3rem;
}

.detailIntro img {
    display: block;
    max-width: 100%;
    margin-bottom: .3rem;
}

.detailPage a {
    border: #ccc 1px solid;
    padding: .2rem .15rem;
    margin-bottom: .3rem;
}

.right_div {
    position: fixed;
    top: .8rem;
    /* -webkit-box-shadow: rgba(0, 0, 0, 0.3) 6px -3px 10px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 6px -3px 10px inset;
    overflow-x: hidden; */
    z-index: 500;
    /* overflow-y: auto; */
    /* right: -61%;
    width: 60.1%; */
    background-color: rgba(23, 116, 203, 0.95);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    width: 33%;
    background: rgba(0, 0, 0, 0.8);
    padding: .2rem 0;
    display: none;
}

.right_div.right_open {
    display: block;
    /* transform: translateX(-100%);
    -webkit-transform: translateX(-100%); */
}

.nav .nav_li {
    display: none;
}

.nav li {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.nav li.act>a {
    background: transparent;
    color: #fff;
}

.nav li>a {
    position: relative;
    color: #fff;
    line-height: .6rem;
    height: .6rem;
    display: block;
    padding-left: .55rem;
    /*text-align: center; */
    font-size: .22rem;
}

.nav li>a img {
    width: 0.1rem;
    opacity: 0.6;
    margin-right: 0.1rem;
}

.nav_li a {
    display: block;
    padding-left: 0.55rem;
    color: #a0e6d9;
    font-size: 0.28rem;
    line-height: .88rem;
}

.nav_li a img {
    width: 6px;
    margin-right: 0.3rem;
}

li.n_tp img {
    width: 70px;
    width: 50px;
    margin-left: 0.2rem;
}

li.n_tp i {
    transition: all 0.3s;
    transform: translateY(-50%);
    top: 50%;
    display: block;
    background: url(../img/close.png) no-repeat;
    background-size: 90%;
    position: absolute;
    right: 0.2rem;
    width: 18px;
    height: 18px;
}

.right_div .nav .n_tp {
    height: .88rem;
    /* box-shadow: 3px 0 5px rgba(1,97,180,0.6) inset;
        -moz-box-shadow:3px 0 5px rgba(1,97,180,0.6) inset; */
}

.nav li.act span.more span {
    background: #fff;
}

span.more span {
    background: #999;
    position: absolute;
}

span.more {
    width: .4rem;
    height: .4rem;
    position: absolute;
    display: block;
    background: url(../img/ico3.png) no-repeat center;
    background-size: 40%;
    right: .2rem;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.footer {
    /* background: #2a2e35; */
    padding: .5rem 0 0;
}

.footer .txt {
    line-height: 180%;
    color: #999;
    font-size: .24rem;
    padding: .1rem .3rem;
    margin-top: .2rem;
    text-align: center;
}

.tableClass table {
    border: #78b2cb 1px solid;
    width: 100%;
    border-collapse: collapse;
}

.tableClass th {
    background: #2e3e60;
    height: .7rem;
    color: #fff;
    font-size: .24rem;
    border: #78b2cb 1px solid;
}

.tableClass td {
    font-size: .2rem;
    height: .7rem;
    text-align: center;
    border: #78b2cb 1px solid;
}

.bg_efefef {
    background: #efefef;
}

.sxCenter h3 {
    line-height: 150%;
    font-size: .24rem;
}

.ImgBox img,
.Imgbox1>div img {
    width: 100%;
    display: block;
}

.Imgbox1>div {
    width: 48%;
}

.zxNow {
    width: 3rem;
    height: .68rem;
    background: #d73e23;
    color: #fff;
    font-size: .26rem;
    display: block;
    line-height: .68rem;
    text-align: center;
    margin: .5rem auto 0;
    border-radius: .34rem;
}

.swip_dot1.swiper-pagination {
    position: static;
    margin-top: .2rem;
}

.staulist li {
    margin-bottom: .4rem;
}
.staulist li:last-child{ margin-bottom: 0;}
.staulist li .Img{ width: 30%;}

.staulist li .Img1 {
    width: 100%;
    height: 100%;
}

.staulist li .txt {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: #ccc 1px dashed;
    padding-bottom: .05rem;
}

.staulist li .txt div span i {
    width: .3rem;
    height: .3rem;
    display: inline-block;
    margin-right: .1rem;
    vertical-align: middle;
}

.staulist li .txt .time {
    margin-right: .4rem;
}

.staulist li .txt .time i {
    background: url(../img/tIco1.png) no-repeat;
    background-size: 100%;
}

.staulist li .txt .num i {
    background: url(../img/tIco2.png) no-repeat;
    background-size: 100%;
}

.staulist li .txt .p1 {
    line-height: 150%;
}

.staulist li .txt>div {
    position: relative;
}

.staulist li .txt>div::after {
    content: '';
    width: .3rem;
    height: .3rem;
    background: url(../img/tIco3.png) no-repeat;
    background-size: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.apply .title {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.apply h1 {
    line-height: 150%;
    font-size: .26rem;
    text-align: center;
    font-weight: bold;
    margin-top: .3rem;
}

.applyDiv {
    height: 2.5rem;
    margin-top: .5rem;
    text-align: center;
    padding-top: .3rem;
}

.applyDiv i {
    display: block;
    width: .7rem;
    height: .7rem;
    margin: 0 auto;
}

.applyDiv p {
    color: #fff;
    font-size: .36rem;
    line-height: 180%;
}

.applyDiv a {
    display: block;
    width: 1.7rem;
    height: .5rem;
    margin: 0 auto;
    border-radius: .06rem;
    color: #fff;
    line-height: .5rem;
    font-size: .24rem;
}

.applyDiv.bg2 p,
.applyDiv.bg3 p {
    font-size: .28rem;
}

.fromContent .name {
    margin-bottom: .5rem;
    width: 90%;
}

.black_bg {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 520;
    width: 100%;
    height: 100%;
    display: none;
}

.PopDiv {
    background: #fff;
    width: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    padding: .4rem 0 .2rem;
    border-radius: .08rem;
    display: none;
    z-index: 521;
}

.PopDiv p {
    margin-top: .2rem;
    text-align: center;
}

.PopDiv img {
    width: 2rem;
    display: block;
    margin: 0 auto;
}

.bg1 a {
    background: #0068b5;
}

.bg2 a {
    background: #d73e23;
    margin-top: .15rem;
}

.bg3 a {
    background: #30c483;
    margin-top: .15rem;
}

.bg1 i {
    background: url(../img/cIco1.png) no-repeat center;
    background-size: 80%;
}

.bg2 i {
    background: url(../img/cIco2.png) no-repeat center;
    background-size: 75%;
}

.bg3 i {
    background: url(../img/cIco3.png) no-repeat center;
    background-size: 80%;
}

.bg1 {
    background: url(../img/contactBg1.jpg) no-repeat;
    background-size: cover;
}

.bg2 {
    background: url(../img/contactBg2.jpg) no-repeat;
    background-size: cover;
}

.bg3 {
    background: url(../img/contactBg3.jpg) no-repeat;
    background-size: cover;
}

.bigImg {
    width: 100%;
    padding: 0 10%;
    /* background: #fff; */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 521;
}

.bigImg img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
}

.bigImg .prev,
.bigImg .next {
    background: url(../img/icon1.png);
    position: absolute;
    width: 25px;
    height: 50px;
    top: 1.4rem;
    z-index: 10;
}

.bigImg .prev {
    background-position: -27px -52px;
    left: 2%;
}

.bigImg .next {
    background-position: -76px -52px;
    right: 2%;
}

.bigImg .swiper-pagination {
    bottom: 50px;
    color: #fff;
    width: 45px;
    height: 26px;
    line-height: 26px;
    background-color: rgba(0, 0, 0, 0.5);
    left: 50%;
    margin-left: -22.5px;
}

.backToTop {
    width: .7rem;
    height: .7rem;
    position: fixed;
    right: .15rem;
    bottom: 1.36rem;
    z-index: 300;
    display: none;
}

.backToTop img {
    width: 100%;
}

.marginTop88 {
    margin-top: .88rem;
}

.insideBan,
.insideBan img {
    display: block;
    width: 100%;
}

.aboutDiv .title {
    width: 80%;
}

.aboutDiv p {
    margin-top: .3rem;
    line-height: 180%;
}

.aboutDiv img {
    width: 100%;
}

.modelTitle {
    padding-bottom: .2rem;
    border-bottom: #ccc 1px solid;
}

.modelTitle span {
    font-size: .28rem;color:#086db7;
}

.videoBox video {
    width: 100%;
}

.classDetail h3 {
    font-size: .3rem;
    color: #0068b5;
    padding-left: .2rem;
    position: relative;
    line-height: 150%;
}

.classDetail h3::after {
    content: '';
    width: .04rem;
    height: .3rem;
    background: #0068b5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.classDetail li {
    margin-bottom: .4rem;
}

.classDetail li p {
    line-height: 180%;
    font-size: .22rem;
    margin-top: .2rem;
}

.starlist li {
    border: #ccc 1px solid;

    margin-bottom: .2rem;
}

/* .starlist li img
.techslide img
 {
    width: 45%;
    float: left;
} */
.techslide img,.starlist li img{width: 100%; display: block;}
.starlist li div,
.techslide div {
    padding: 3%;
    width: 55%;float: left;
}

.starlist li div span,
.techslide div span {
    color: #333;
    font-size: .32rem;
    font-weight: bold;
    margin-top: .2rem;
}

.starlist li div .p1,
.techslide div .p1 {
    color: #999;
    font-size: .24rem;
    margin-top: .3rem;
}

.starlist li div .p1 i,
.techslide div .p1 i {
    font-style: normal;
    color: #ff0000;
    font-size: .28rem;
    font-weight: bold;
    margin-right: .1rem;
}

.starlist li div .p2,
.techslide div .p2 {
    font-size: .24rem;
    margin-top: .2rem;
}

.starlist li div .p3,
.techslide div .p3 {
    color: #999;
    line-height: 130%;
    margin-top: .2rem;
}

.navmenu {
    height: .88rem;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    line-height: .88rem;
    background-color: #fff;
}

.navmenu a {
    color: #999;
    font-size: .28rem;
    display: block;
    text-align: center;
}

.navmenu .on a {
    color: #1b65dd;
    border-bottom: #1b65dd .01rem solid;
}

.paddDiv {
    padding: .3rem .2rem;
}

.pageBox,
.page {
    width: 100%;
    text-align: center;
}

.page {
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    font-size: 0;
}
.page li{ display: inline-block;}

.page a {
    width: auto;
    padding: 0 .15rem;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    font-size: 15px;
    color: #333;
    text-align: center;
    background: #efefef;
    margin: 0 2px;
}

.page a.end_page {
    border-right: none;
}

.pageBox {
    text-align: center;
    margin-top: .3rem;
    margin-bottom: .5rem;
}

.page a.on,
.page a:hover {
    background-color: #333;
    color: #fff;
}

.color_0068b5 {
    color: #0068b5;
}

.flex-view {
    display: flex;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.font40 {
    font-size: .3rem;
}

.line_height {
    line-height: 150%;
}

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

.padd-type1 {
    padding: .3rem .15rem;
}

.color_999 {
    color: #999;
}

.font20 {
    font-size: .22rem;
}

.font26 {
    font-size: .26rem;
}

.font24 {
    font-size: .24rem;
}

.padd-top-40 {
    padding-top: .4rem;
}

.padd-bottom-40 {
    padding-bottom: .4rem;
}

.gap {
    height: .15rem;
    background-color: #efeded;
}

.color_333 {
    color: #333;
}

.font36 {
    font-size: .26rem;
}

.line-height150 {
    line-height: 150%;
}

.font28 {
    font-size: .26rem;
}

.font24 {
    font-size: .24rem;
}

.font22 {
    font-size: .22rem;
}

.hide {
    display: none;
}

._block {
    display: block;
}

.ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.margin-top20 {
    margin-top: .2rem;
}

.margin-top30 {
    margin-top: .3rem;
}

.margin-top40 {
    margin-top: .4rem;
}

.margin-top10 {
    margin-top: .1rem;
}

.margin-bottom10 {
    margin-bottom: .1rem;
}

.margin-top85 {
    /*margin-top: .85rem;*/
    margin-top: 1.54rem;
}

.translateY_center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.translate_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}