/*全局样式重置*/
html{overflow-y:scroll; max-width:640px; margin: 0 auto;}
body,input,textarea,select{font-size:.08rem; height:100%; font-family:Microsoft Yahei,"Arial","Hiragino Sans GB",sans-serif}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form{margin:0px; padding:0px;font-weight: normal;}
a,img{border:none;vertical-align:middle;}
a,button,input{text-decoration: none;-webkit-tap-highlight-color:rgba(255,0,0,0); color:#000; display: block; font-size:1em}
li{ list-style:none;}
input, select {vertical-align:middle;list-style: none}
input{-webkit-appearance:none;}
table { border-collapse:collapse; } 
:focus { outline:0; }
em{font-style: normal;}
body{background-color: #fff}

/*--Expand Css--*/
.section{width:100%;display:inline-block;}
.secbox{margin:0 4%;}
.lin-img{width:100%;}.lin-img img{width:100%;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.tites{font-size:20px;color: #3C3C3C;font-weight: bold;text-align: center;position: relative;}
.section .sub{font-size: 13px;color: #636363;text-align: center;padding-top: 8px;}
.section .tit_em{width:35px;height:4px;background:url(../image/wap_in.png) no-repeat center;display: block;margin:8px auto 0px;}

/*-----头部-----*/
header{
	padding: 8px 0px 6px 0px;
}
header img{width:100%;}
.menu-on{
	width:28px;
	height:28px;
	margin-top:20px;
}

.menu-close{
  width: 5%;
  margin: 15px 20px 0px 0px;
}
.menu-clos img{width:100%;}
/*菜单*/
.menu-show{
	width:100%;
	height:100%;
	max-width:640px;
	background-color:#030B1A;
	position: fixed;
	top:0;
	z-index: 9999;
	display: none;
}

.subNavBox{
	width:100%;
  margin-top:10px;
	display: inline-block;
}
.subNav{
	width:91%;
	line-height: 40px;
	font-size:15px;
  color: #fff;
	margin:0px auto;
}
.currentDd{
  background:url(../image/subNav.png)no-repeat right center;
}
.currentDt{
  background:url(../image/subNav_02.png)no-repeat right center;
}
.subNav a{
   font-size:15px;
   color: #fff;
}
.navContent{
	width:100%;
	background-color: #121a2a;
	padding:10px 0px;
	display: none
}
.navContent li{
	line-height: 35px;
	margin:0px 20px;
}
.navContent li a{font-size:15px;color: #fff}
.footer{margin-bottom: 56px}
.footer p{
    background-color: #001A2E;
    padding: 10px;
    font-size: 25px;
    color: #929090;
    text-align: center;
}
.footers{
  max-width: 640px;
  width: 100%;
  background-color: #DE003B;
  padding:6px 0px;
  position: fixed;
  bottom:0px;
  z-index: 2
}
.footers li{
  width:33.33%;
  text-align: center;
  float:left;
}
.footers li img{height:24px;}
.footers li p{
  font-size:13px;
  color: #fff;
  padding-top:3px;
}
@media screen and (min-width:360px) and (max-width:667px){ 
  .menu-on{margin-top:7px;}
}

/*弹出申请试听*/
.jlbg{max-width:640px;width:100%;height:100px;top:0px;position:absolute;filter: Alpha(opacity=80);opacity:0.8; background:#3C3C3C; display:none;z-index:9998;margin:0 auto;}
.popbox{
  max-width:600px;
  width:85%;
  padding-bottom: 30px;
  position: fixed;
  left:34%;
  top:22%;
  background-color: #fff;
  border-radius: 5px;
  z-index: 9999;
  display: none
}
@media screen and (min-width:360px) and (max-width:667px){ 
   .popbox{left:7.5%;}
}
.pupc{
  width:100%;
  float:left;
  position: relative;
}
.pupc img{width:30px;position: absolute;right:8px;top:-35px;}
.pc_tc img{width:100%;}

.popbox .info2{
  width:88%;
  margin: 20px auto 0px;
  position: relative;
}
.popbox .info2 p{
  margin-bottom: 15px;
}
.popbox .info2 p input{
  width:97%;
  height:38px;
  line-height: 38px;
  padding-left:3%;
  font-size:16px;
  font-family: '微软雅黑';
  border-radius: 50px;
  border:1px solid #ddd;
}

.popbox .info2 .btn{
  width:80%;
  height:40px;
  line-height: 40px;
  text-align: center;
  font-size:16px;
  color: #fff;
  background: linear-gradient(90deg,rgba(222,0,59,1) 0%,rgba(232,49,50,1) 51%,rgba(242,96,41,1) 100%);
  border:none;
  font-family: '微软雅黑';
  border-radius: 50px;
  position: absolute;
  left:10%;
  bottom:-65px;
}
.popbox .text{
  width:100%;
  font-size:13px;
  color: #666;
  text-align: center;
  padding-top:5px;
  display: inline-block;
}
.popbox .text span{
  color: #961F23
}


.banner{width:100%;float:left;}
.banner img{width:100%;}
.banner .swiper-pagination-bullet{width:5px;height:5px;background: #fff;border-radius: 50px;}
.banner .swiper-pagination-bullet-active{background-color: #fff}


.section .swiper-pagination{width:100%;text-align: center;position: relative;margin-top:8px;}
.section .swiper-pagination-bullet{width:5px;height:5px;margin-right:5px;}
.section .swiper-pagination-bullet-active{background-color: #003764}


/*------内容------*/
.topic{
  max-width: 640px;
  height:44px;
  line-height: 44px;
  background-color: #065A9E;
  text-align: center;
  position: relative;
}
.topic .go_back{
  content: "";
  width: 10px;
  height: 10px;
  background: #065A9E;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(405deg);
  position: absolute;
  left:10px;
  top:18px;

}
.topic p{
  font-size:18px;
  color: #fff;
}

.guarant{
  padding-top:20px;
}

.guarant ul li{
  width:100%;
  padding-bottom: 10px;
  display: inline-block;
}
.guarant ul li .row1{
  width:14%;
  margin-right:3%;
  float:left;
}
.guarant ul li .row1 img{width: 100%}
.guarant ul li .row2{
  width:83%;
  padding-top: 5px;
  float:left;
}
.guarant ul li .row2 p{
  font-size:16px;
  color: #003764;
  font-weight:bold;
  padding-bottom: 5px;
}
.guarant ul li .row2 span{
  font-size:13px;
  color: #636363;
}

.trade{
  width:100%;
  padding:20px 0px 15px 0px;
  background: url(../image/jigou10.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}
.trade p{
  line-height: 30px;
  font-size:17px;
  color: #fff;
}
.trade p span{
  font-weight: bold;
}

.join{
  padding:20px 0px;
}
.join .w-img{
  text-align: center;
}
.join .w-img img{width:72%;}

.info{
  width:80%;
  margin:15px auto 0px;
}
.info p{
  width:100%;
  display: inline-block;
  margin-bottom: 10px;
}
.info p input {
  width:95%;
  height:37px;
  line-height: 37px;
  border-radius: 50px;
  border:1px solid #ddd;
  background-color: #fff;
  padding-left:5%;
  font-size:15px;
  color: #666;
}

.info p select{
  width:100%;
  height:37px;
  line-height: 37px;
  border-radius: 50px;
  border:1px solid #cfcfcf;
  background:none;
  padding-left:2%;
  font-size:15px;
  color: #666;
}

.info .btn{
  width:100%;
  height:40px;
  line-height: 40px;
  text-align: center;
  background:linear-gradient(90deg,rgba(222,0,59,1) 0%,rgba(232,49,50,1) 51%,rgba(242,96,41,1) 100%);
  border-radius:36px;
  border:none;
  font-size:16px;
  color: #fff;
  margin-top:10px;
  -webkit-appearance: none
}
.info .text{
  font-size:12px;
  color: #909399;
  padding-top:8px;
  text-align: center;
}
.info .text span{
  color: #9c1b20;
  font-weight: bold;
}

.server{padding: 20px 0px;}
.server .tites{font-size:24px;}
.server .sub{color: #DB2251;font-size:15px;}

.teacher{padding:20px 0px;}
.teach_box{
  width:100%;
  height:32px;
  line-height: 32px;
  font-size:16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background:url(../image/ter_01.png) no-repeat center;
  margin:20px 0px 6px 0px;
  display: inline-block;
}
.teaches img{width:100%;}
.teacher .more{
  width:148px;
  height:32px;
  line-height: 32px;
  text-align: center;
  font-size:12px;
  color: #fff;
  background:linear-gradient(96deg,rgba(222,0,59,1) 0%,rgba(242,96,41,1) 100%);
  border-radius:16px;
  margin:8px auto 30px;
}
.teacher .lin-img img{padding-bottom: 15px}

.case{
  padding:20px 0px;
}
.case .tites{color: #003764}
.case ul li{
  width:100%;
  margin-top:15px;
  display: inline-block;
}
.case ul li video{
  width:100%;
  margin-bottom: 6px;
}
.case ul li span{
  font-size:15px;
  color: #003764;
  font-weight: bold;
}
.case ul li .text{
  width:100%;
  border-left: 2px solid #065A9E;
  margin-top:8px;
  display: inline-block;
}
.case ul li .text p{
  line-height: 20px;
  font-size:13px;
  color: #003764;
  padding-left:6px;
}
.fa{
  padding: 0 3px;
  margin-right: 10px;
}








