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


* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
i {
  font-style: normal;
}
body {font-family:  PingFang SC, Source Han Sans CN, Microsoft YaHei, Simsun, Arial, Helvetica, sans-serif;}

.ntalk-mobile-inpage-background, .nTalk-window-eduWapAuto, .nTalk-window-wapAuto-bottom {
  zoom: 2;
}
.chat-viem-window {
  height: 100%;
}


.index_box {
  width: 3.75rem;
  height: auto;
  background: #ffffff;
  margin: 0 auto;
  overflow: hidden;
}

.nav {
    width: 3.75rem;
    height: .44rem;
    background: #0184EC;
    position: fixed;
    top: 0;
    z-index: 10000;
    margin: 0 auto;
}
.chancolor {background: rgba(0, 186, 255, 1) !important;}
.nav li {
    width: 25%;
    border-right: 1px solid #FFFFFF;
    box-sizing: border-box;
    font-size: .14rem;
    line-height: .44rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    float: left;
}
.footer_nav{
    top: auto;
    bottom: 0;
}

.banner {
    overflow: hidden;
    width: auto;
    height: auto;
    background-image: url("../img/banner_bg@2x-min.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: .4rem;
    padding-bottom: 0.075rem;
    margin-top: .44rem;
}
.title{
    width: 3.38rem;
    height: .925rem;
    font-size: .14rem;
    margin: 0 auto .27rem auto;
}
.title img{
    width: 100%;
    height: 100%;
}
.banner_line{
    width: 3.35rem;
    height: 1px;
    background: #0184EC;
    margin: 0rem auto .1rem auto;
}
.banner_b{
    width: auto;
    height: .14rem;
    padding-left: .4rem;
    margin-bottom: .4rem;
}
.banner_box{
    width: auto;
    height: .14rem;
    float: left;
}
.banner_box1{margin-right: .32rem;}
.banner_chart{
    width: .15rem;
    height: .135rem;
    font-size: 0rem;
    float: left;
    margin-right: 0.065rem;
}
.banner_chart img{
    width: 100%;
    height: 100%;
}
.banner_box p{
    line-height: .14rem;
    font-size: .14rem;
    font-weight: 400;
    color: #0184EC;
    float: left;
}
.bigbutton{
    overflow: hidden;
    width: 2.2rem;
    height: .4rem;
    background: #0184EC;
    border-radius: 0.025rem;
    
    line-height: .4rem;
    font-size: .16rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
}
.bigbutton1{margin-bottom: .2rem;}
.bigbutton2{margin-bottom: .3rem;}
.banner_info {
    width: auto;
    height: .25rem;
    background: rgba(255, 255, 255, 0.8);
    padding: .1rem;
}
.banner_info_chart{
    width: .145rem;
    height: .25rem;
    font-size: .14rem;
    float: left;
    margin-right: 0.05rem;
}
.banner_info_chart img{
    width: 100%;
    height: 100%;
}
.banner_info_word{
    line-height: .25rem;
    font-size: .14rem;
    font-weight: 600;
    color: #333333;
    text-shadow: 0.005rem 0.005rem 0.005rem #FFFFFF;
    float: left;
    margin-right: .1rem;
}
.banner_info_line{
    width: 1px;
    height: .25rem;
    background: rgba(51, 51, 51, 0.8);
    float: left;
    margin-right: .1rem;
}
.banner_infolist {
    overflow: hidden;
    width: auto;
    height: .25rem;
    float: left;
}
.banner_infolist ul li {
    line-height: .25rem;
    font-size: .12rem;
    font-weight: 300;
    color: #333333;
    text-shadow: 0.005rem 0.005rem 0.005rem #FFFFFF;
}
.banner_info_btn{
    width: .8rem;
    height: .25rem;
    background: #0184EC;
    border-radius: 0.025rem;
    
    line-height: .25rem;
    font-size: .14rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    float: right;
}

.main1 {
  overflow: hidden;
  width: auto;
  height: auto;
  padding: .3rem .195rem .4rem .195rem;
}
.main_title{
    line-height: .24rem;
    font-size: .24rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding-bottom: 0.05rem;
}
.main_title span{color: #0184EC;}
.main_subtitle{padding-bottom: .2rem;}
.main1_content{
    width: 3.36rem;
    height: 2.705rem;
    background: #fafafa;
    border-radius: 0.026rem;
    background-image: url("../img/main1_bg@2x-min.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.main1_line1{
    width: .995rem;
    height: 2.705rem;
    float: left;
    text-align: center;
}
.main1_word{
    line-height: .9016rem;
    font-size: .14rem;
    font-weight: bold;
    color: #333333;
}
.main1_line2{
    width: 1.32rem;
    height: 2.705rem;
    float: left;
    text-align: center;
}
.main1_line2 p{
    line-height: .4508rem;
    font-size: .14rem;
    font-weight: 400;
    color: #333333;
}
.main1_line3{
    width: 1.045rem;
    height: 2.605rem;
    float: left;
    text-align: center;
    padding-top: .1rem;
}
.main1_btn{
    width: .8rem;
    height: .25rem;
    background: #0184EC;
    border-radius: 0.025rem;
    
    line-height: .25rem;
    font-size: .14rem;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto .2rem auto;
}

.main2 {
    overflow: hidden;
    width: auto;
    height: auto;
    background: #FAFAFA;
    padding: .3rem 0.055rem .4rem 0.05rem;
}
.main2_subtitle{padding-bottom: .25rem;}
.main2_box{
    width: 1.215rem;
    height: auto;
    float: left;
}
.main2_chart{
    width: .5rem;
    height: .5rem;
    font-size: .16rem;
    margin: 0 auto .1rem auto;
}
.main2_chart img{
    width: 100%;
    height: 100%;
    background: #fafafa;
    border-radius: 50%;
}
.main2_word{
    line-height: .16rem;
    font-size: .16rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin-bottom: .25rem;
}
.main2_word1{margin-bottom: .3rem;}

.main3 {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: .3rem 0rem .4rem 0rem;
}
.main3_title{padding-bottom: .1rem;}
.main3_subtitle{
    line-height: .14rem;
    font-size: .14rem;
}
.calender{
    overflow: hidden;
    width: auto;
    height: auto;
    padding-bottom: .3rem;
}
.box{
	width: .65rem;
	height: .675rem;
	background: #0184EC;
    border-radius: 0.025rem;

	line-height: .675rem;
	font-size: .4rem;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	float: left;
}
.box1{
    margin-left: .985rem;
	margin-right: 0.095rem;
}
.box2{
    margin-left: 0.095rem;
	margin-right: 0.095rem;
}
.m{
	line-height: .14rem;
	font-size: .14rem;
	font-weight: bold;
	color: #333333;
	float: left;
	margin-top: .32rem;
}
.main3_bigbutton{margin-bottom: .3rem;}
.main3_btn{
    overflow: hidden;
    width: auto;
    height: auto;
    background-image: url("../img/main3_bg@2x-min.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: .2rem;
    margin-bottom: .3rem;
}
.main3_button{
    width: .725rem;
    height: .3rem;
    background: #FFFFFF;
    border-radius: 0.025rem;
    
    line-height: .3rem;
    font-size: .14rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    float: left;
}
.main3_button1,.main3_button2,.main3_button3,.main3_button4,.main3_button5,.main3_button6,.main3_button7,.main3_button8,.main3_button9,.main3_button10,.main3_button11,.main3_button12,.main3_button13,.main3_button14,.main3_button15,.main3_button16{margin-bottom: .2rem;}
.main3_button2,.main3_button3,.main3_button4,.main3_button6,.main3_button7,.main3_button8,.main3_button10,.main3_button11,.main3_button12,.main3_button14,.main3_button15,.main3_button16,.main3_button18,.main3_button19,.main3_button20{margin-left: .15rem;}

.main4 {
    overflow: hidden;
    width: auto;
    height: auto;
    background: #fafafa;
    padding: .3rem .2rem .4rem .2rem;
}
.main4_title{padding-bottom: .2rem;}
.main4_content{
    width: 3.35rem;
	height: 2.205rem;
    background: #fafafa;
    border-radius: 0.04rem;
    background-image: url("../img/main4_bg@2x-min.jpg");
    background-repeat: no-repeat;
	background-size: 100% 100%;
    text-align: center;
    margin-bottom: .3rem;
}
.main4_line1{
    width: 1.5rem;
    height: auto;
    float: left;
}
.main4_word{
    line-height: .35rem;
    font-size: .14rem;
    font-weight: bold;
    color: #FFFFFF;
}
.main4_line p{
    line-height: .46375rem;
    font-size: .13rem;
    font-weight: 400;
    color: #333333;
}
.main4_line2{
    width: .6rem;
    height: auto;
    float: left;
}
.main4_line11 p{font-weight: 300;}
.main4_line3{
    width: .68rem;
    height: auto;
    float: left;
}
.main4_line4{
    width: .57rem;
    height: auto;
    float: left;
}

.main5 {
    overflow: hidden;
    width: auto;
    height: auto;
    padding: .3rem .2rem .4rem .2rem;
}
.main5_box{
    line-height: .25rem;
    font-size: .14rem;
    font-weight: 400;
}
.main5_box p{color: #333333; float: left;}
.main5_box span{fcolor: #333333; font-weight: bold;}
.main5_box1 p{color: #F30000; float: left;}
.main5_box1 span{color: #333333!important; font-weight: bold;}
.hot{
    font-size: .14rem;
    width: .19rem;
    height: .115rem;
    float: left;
}
.hot img{
    width: 100%;
    height: 100%;
}
.new{
    width: .2rem;
    height: .1rem;
    background: #FE3820;
    border-radius: 0.05rem;

    line-height: .1rem;
    font-size: 0.08rem;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.075rem;
    float: left;
}
.main5_btn{
    width: .75rem;
    height: .25rem;
    background: #0184EC;
    border-radius: 0.025rem;

    color: #FFFFFF;
    text-align: center;
    float: right;
}
.main5_line{
    width: 2.8rem;
    height: 0rem;
    border: 1px dashed rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    float: left;
    margin-left: .2rem;
    margin-top: .125rem;
    margin-bottom: .15rem;
}

.footer{
	width: 3.75rem;
	height: .5rem;
	background: #333333;
	
	line-height: .5rem;
	font-size: .1rem;
	font-weight: 400;
	color: #FFFFFF;
    text-align: center;
    margin-bottom: .44rem;
}