@charset "utf-8";

*{margin:0;padding:0; }   
body,html {width: 100%; height: 100%; background: #fff; color: #444; font-family:Microsoft Yahei, HELVETICANEUELTPRO-THEX, Arial,;-webkit-font-smoothing: antialiased; padding: 0; margin: 0;  border: 0; }
ul li{list-style:none;padding: 0; margin: 0;}
a{ text-decoration:none;padding: 0; margin: 0;}
img{border:none;padding: 0; margin: 0;}
.fontpc{
    font-family: "Microsoft Yahei, SimSun";
}
.fontpclight{
    font-family: "Microsoft Yahei, SimSun"; font-weight:300;
}
.fontpcbold{
    font-family:"Microsoft Yahei";font-weight:500;
}
.fontmy{
    font-family:"Microsoft Yahei";
	}
.clearfix:after {
   content:""; 
   display: block; 
   clear:both; 
}
.clearfix {zoom: 1;}
.header{height:110px;width:100%;z-index: 999; position: fixed;  background:#fff;   top: 0; 
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s; }

.sticky {
	position: fixed;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 10px 0px #ccc;
	-moz-box-shadow: 0px 3px 10px 0px  #ccc;
	box-shadow: 0px 3px 10px 0px  #ccc;
	z-index: 999;
	left:0;
	top:0;
	height:60px;
 }
 #inpage .header{ background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px #efefef;
    -moz-box-shadow: 0px 2px 3px 0px #efefef;
    box-shadow: 0px 2px 3px 0px #efefef;}
.header .navigation-bar{width:1190px; margin:0 auto; }

.header .navigation-bar .logo{ margin-top:25px; margin-right:157px; float:left; width:187px;}
.header .navigation-bar .nav-menu{display:inline-block; width:680px; float:left;  margin-top:23px; position:relative; vertical-align: top;}
.header .navigation-bar .nav-menu > ul > li { display: inline-block; margin-right: 50px;line-height:50px;}
.header .navigation-bar .nav-menu > ul > li > a{ font-size:16px; color:#666; display:inline-block; line-height:50px;}
.header .navigation-bar .nav-menu > ul > li.current > a{ color:#d20709;}
.header .navigation-bar .nav-menu > ul > li.current > a:after{ content:""; width:100%;height:4px; display:block; background-color:#d20709; border-radius:4px;}
.header .navigation-bar .nav-menu > ul > li.drop-down:hover >a:after{ content:""; background-color:#fff;}
.header .navigation-bar .nav-menu > ul > li > a:hover{ color:#d20709}

.nav-menu .drop-down{position:relative;}
.nav-menu .drop-down ul { display: block; margin-top:15px; position: absolute;left: -30px; top: 70%; z-index: 99; opacity: 0; visibility: hidden; padding:0; background: #fff; border-top: 4px solid #d20709; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.nav-menu .drop-down:hover > ul {opacity: 1; top: 70%; visibility: visible;}  
.nav-menu .drop-down ul li {min-width: 113px; line-height:44px; position: relative; text-align:center; border-bottom:1px solid #ededed;  }
.nav-menu .drop-down ul li:last-child{border-bottom:none; }  
.nav-menu .drop-down ul a { min-width: 113px; padding:2px 20px ; font-size: 14px; font-weight: 500; text-transform: none; color: #103453; }  
.nav-menu .drop-down ul a:hover, 
.nav-menu .drop-down ul .active > a, 
.nav-menu .drop-down ul li:hover > a {color:#d20709; }  
.frightbut{float:right; margin-top:34px; }

.sticky .navigation-bar .logo {
    margin-top: 12px;
    margin-right: 157px;
    float: left;
    width: 187px;
}
.sticky .navigation-bar .nav-menu{margin-top:0px;}

.sticky .frightbut{margin-top:12px;}
.chuxin_header, .chuxinbox_nav{display:none;}

.fleft{float:left; }
.fright{float:right; }

.nav-menu .drop-down ul.menuarea{ /*width:630px;margin-left: -80px; padding-left:30px;*/ height:190px; overflow:hidden;}
.nav-menu .drop-down ul.menuarea>li{    
    margin-left: 10px;
    margin-right: 10px;
    min-width: 113px;
   }
/*黄色按钮通用样式*/
.but a{ width:112px; display:inline-block; height:35px; background:#fcca00; border-radius:35px; text-align:center; line-height:35px; color:#000;font-size:16px; transition:all ease 0.5s;}
.but a:hover{ -webkit-box-shadow: 0px 3px 10px 0px #999;
	-moz-box-shadow: 0px 3px 10px 0px  #999;
	box-shadow: 0px 3px 10px 0px  #999;}
.banner-aad { position:relative; margin-top:110px;}
.blankposition{display:block; width:100%;}
.contbox{ width:100%; background:#fff; position:relative; z-index:99; }
.banner-aad .swiper-container {
      width: 100%;
      min-width:1190px;
      margin-left: auto;
      margin-right: auto;
	 
    }
.banner-aad .swiper-container .swiper-slide {
	
      text-align: center;
      font-size: 18px;
      background: #fff;
	    background-size: cover;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .banner-aad .swiper-button-prev, .banner-aad.swiper-button-next{ display:none;}
    .banner-aad .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	 width:47px;
	 height:3px;
	 background: #ccc;
	 border-radius:0;
	     opacity:1;
		     margin: 0 5px;
	 }
     .banner-aad .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
	background: #cc0000;
	}
    .banner-aad .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px;
}
.slider-content{    
    width: 920px;
    margin: 0 auto;
    text-align: left;
	color:#fff;
	
}
.slide-entitle{
	font-size:48px;
	text-transform:uppercase;
}
.slide-title{
	font-size:72px;
}
.slide-des{
	font-size:32px;
	letter-spacing:13px;
}
.fouricons{
	padding-top:75px;
	padding-bottom:100px;
	margin:0 auto;
	width:1035px;
	}
/*通用首页title*/
.h2title{
	 text-align:center;
	 font-family:"Pingfang-heavy", Microsoft Yahei;
   }
.h2title .largefont{
    font-size:36px;
	color:#080403;
	margin-left:15px;
	padding-right:15px;
}
.h2title .largefont:before{ 
    width:30px;
	margin-right:15px;
	display:inline-block;
	height:30px;
	content: '';
	background:url(../images/titleleft.png) no-repeat 100%;
}
.h2title .largefont:after{
	width:30px;
	margin-left:15px;
	display:inline-block;
	height:30px;
	content: '';
	background:url(../images/titleright.png) no-repeat 100%;
}

.h2title .smallfont{
	font-family:Microsoft Yahei;
	font-size:16px;
	color:#666666;
	margin-top:8px;
	}
.h2title .smallfont:before{
    content: '';
	width:34px;
	height:1px;
	background:#666666;
	display:inline-block;
	margin-right:10px;
	vertical-align:middle;
 }
.h2title .smallfont:after{
   content: '';
	width:34px;
	height:1px;
	background:#666666;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
 }

.fouricons ul{
    margin-top:50px;
}
.fouricons ul li{
    display:inline-block;
	margin-right:220px;
}
.fouricons ul li a{
   color:#333;
   font-size:18px;
   text-align:center;
}
.fouricons ul li:last-child{
	margin-right:0px;
}
.fouricons ul li a{
	display:block;
	text-align:center;
}
.fouricons ul li a > i{
	display:block;
	text-align:center;
	margin-bottom:10px;
	height:80px;
	}
.fouricons ul li:nth-child(1) a > i{
	width:92px;
	background:url(../images/main-01.svg) no-repeat 100%;
}
.fouricons ul li:nth-child(2) a > i{
	width:105px;
	background:url(../images/main-02.svg) no-repeat 100%;
}
.fouricons ul li:nth-child(3) a > i{
	width:76px;
	background:url(../images/main-03.svg) no-repeat 100%;
}
.fouricons ul li:nth-child(4) a > i{
	width:85px;
	background:url(../images/main-04.svg) no-repeat 100%;
}

.contbox-bg{ width:100%; background:#fff url(../images/conbg.jpg) no-repeat top center; position:relative; z-index:99;  padding-top:110px;}
.schools{min-width:1190px;}
.tabwrap{
   width:1190px;
   margin:0 auto;
   margin-top:73px; 
}
.tabwrap ul{text-align:center; margin-bottom:74px;}
.tabwrap ul li{
	display:inline-block;
	padding:0 30px;
	margin:0 10px;
	line-height:36px;
	font-size:20px;
	 -webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s; 
	border-radius:18px;
	
}
.tabwrap ul li:hover{ cursor:pointer;background:rgba(255,255,255,0.3);}
.tabwrap ul li.active{
	background:#d20709;
	border-radius:18px;
	color:#fff;
}
.tabwrap .box1{display:none;}
.tabwrap .box1:first-child{display: block;}
.tabheight{height: 36px;    overflow: hidden;}
.leftschool{
	 display:inline-block;
	 width:820px;
	 float:left;

}
.leftschool .item{
	border:1px solid #e4e4e4;
	border-radius:8px;
	width:248px;
	height:315px;
	overflow:hidden;
	background:#fff;
	margin-right:30px;
	display:inline-block;
	margin-bottom:30px;
	box-shadow: 2px 8px 10px 1px #c9c9c9;
	 -webkit-transition: all 0.8s ease-out 0s;
	-moz-transition: all 0.8s ease-out 0s;
	-ms-transition: all 0.8s ease-out 0s;
	-o-transition: all 0.8s ease-out 0s;
	transition: all 0.8s ease-out 0s; 
}
.leftschool dl dd:nth-child(3n+3) { margin-right:0px; }
.leftschool .item .item-img{overflow:hidden; height:165px;}
.leftschool .item .item-img img{width:100%;transition: all 1s;}
.leftschool .item .item-img:hover>img {
        transform: scale(1.1);
    transition: ease-out all 1s;}

.leftschool .item .item-content{padding:20px;}
.leftschool .item .item-content .item-title{font-size:18px; color:#333;}
.leftschool .item .item-content .item-des{font-size:14px; color:#666; line-height:24px;}
.leftschool .item .item-button{ width:112px; margin: 0 auto;}
.leftschool .item:hover{
	border:1px solid #fcac00;
	background:#fcca00;
	}
	.leftschool .item .item-button > .but a{-webkit-transition: all 0.8s ease-out 0s;
	-moz-transition: all 0.8s ease-out 0s;
	-ms-transition: all 0.8s ease-out 0s;
	-o-transition: all 0.8s ease-out 0s;
	transition: all 0.8s ease-out 0s; }
.leftschool .item:hover .item-button > .but a{ background:#fff;}
.rightkoubei{
	 display:inline-block;
	 width:330px;
	 float:right;
	 background:#fff;
	 height:665px;
	 border:1px solid #e4e4e4;
	 border-radius:8px;
	 box-shadow: 2px 13px 20px 1px #c9c9c9;

}
.koubeibox{ padding:35px;}
.koubeibox dd{ overflow:hidden;}
.koubeibox .koubeititle{
	text-align:center;
	font-size:30px;
	color:#333;
	margin-bottom:20px;
	}
.koubeibox .koubeititle:before{
    content: '';
	width:50px;
	height:2px;
	background:#fcca00;
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
 }
.koubeibox .koubeititle:after{
   content: '';
	width:50px;
	height:2px;
	background:#fcca00;
	display:inline-block;
	margin-left:20px;
	vertical-align:middle;
 }
.koubeibox > dd{
	width:100%;
	height:42px;
	display:block;
	background:#f3f3f3;
	margin-bottom:13px;
	text-align:left;
	line-height:42px;
	border-radius:21px;
	color:#333;
	font-size:18px;
	}
.koubeibox > dd > span{
	margin-left:40px;
	margin-right:15px;
	display:inline-block;
	}
 .koubeibox > dd:nth-child(2), .koubeibox > dd:nth-child(3),.koubeibox > dd:nth-child(4){background:#fef4cc;}
 .koubeibox > dd a{ color:#333;}
.morebutton{ width:140px; margin:0 auto;text-align:center; padding-top:30px; padding-bottom:100px;}

.morebutton a {
	display:block;
	width:138px;
	height:38px;
	border:1px solid #ccc;
	line-height:38px;
	border-radius:19px;
	font-size:18px;
	color:#999;
	-webkit-transition: all 0.8s ease-out 0s;
	-moz-transition: all 0.8s ease-out 0s;
	-ms-transition: all 0.8s ease-out 0s;
	-o-transition: all 0.8s ease-out 0s;
	transition: all 0.8s ease-out 0s; 
	
}
.morebutton a:hover{ background:#fcca00; color:#333;border:1px solid #fcca00;}

.case{
   width:1190px;
   margin:0 auto;
}
.caselist{
   margin-top:70px;
}
.caselist .case-item{ width:366px; display:inline-block; margin-right:40px; margin-bottom:40px;}
.caselist .case-item:nth-child(3n+3) { margin-right:0px; } 
.case-img{ width:366px; height:247px; overflow:hidden;}
.case-img img{width:100%;transition: all 1s;height: 100%; object-fit: cover;} 
.caselist .case-item a:hover .case-img img{  transform: scale(1.1);  transition: ease-out all 1s;}
.case-content{ border:1px solid #eeeeee;padding:15px 23px;}
.case-name{ color:#666666; font-size:16px;}
.caselist .case-item .case-name{    height: 48px;
    overflow: hidden;}
.case-click{margin-top:10px; color:#999; line-height:15px;}
.case-click .see{float:left;}
.case-click .see:before{ width:23px; height:14px; display:inline-block; background:url(../images/see.svg) no-repeat 100%; content:""; margin-right:8px;}
.case-click .time{float:right;}
.case-click .time:before{ width:15px; height:15px; display:inline-block; background:url(../images/time.svg) no-repeat 100%; content:""; margin-right:8px;}


.license{ width:1190px; margin:0 auto; padding-bottom:100px;}
.licensebox{height: 430px; position:relative; overflow: hidden; }
.licensebox .swiper-license-container{
      width: 100%;
	  padding: 0 15px;
	  height: 430px; 
      margin-left: auto;
      margin-right: auto;
	  background:#fff;
	  
    }
 .licensebox .swiper-license-container .swiper-slide {
      text-align: center;
      font-size: 16px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  flex-wrap:wrap;
	  
	  }
	 .licensebox .swiper-license-container .swiper-slide >p{ line-height:24px; margin-top:-70px; display:block;}
	.licensebox .swiper-license-container .swiper-slide img{display:block;
	  -webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s; 
width:100%;
    }
	
	.licensebox .swiper-license-container .swiper-slide:hover img{box-shadow: 2px 13px 10px 0px #c9c9c9;}
	
 .licensebox .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; background:#ccc;opacity: 1;}
 .licensebox .swiper-button-prev,  .licensebox .swiper-button-next{ display:none;}
 .licensebox .swiper-pagination-bullet-active{background:#d20709;} 
  
.mcounter {position:relative; height:240px; background:#f5f5f5; margin: 0 auto; }
.mcounter .containers{ width:1190px; margin:0 auto;padding-top:68px;}
.mcounter ul.content_list {width: 100%; height: auto;}
.mcounter ul.content_list li{float: left; width:25%;}
.mcounter ul.content_list li div{ border-right: 1px solid #e9e9e9 }
.mcounter ul.content_list li:last-child div { border-right:0; }
.mcounter ul.content_list li p { color: #999; text-align: center; font-size: 16px; }
.mcounter ul.content_list li p.number .animateNum { margin-top: 15px; color: #333; text-align: center; font-size: 48px; font-weight:500;}
.mcounter ul.content_list li p.number .unit {position: relative; top: 11px; left: 5px; color: #333;  vertical-align: 40px;  font-size: 18px;}
.mcounter ul.content_list li p.title {margin-bottom: 10px;}
 
.knowbox{width:1190px; margin:0 auto; padding-top:100px;}
.knowbox .case-img{ width:366px; height:229px; overflow:hidden;}
.knowbox .case-img img{width:100%;transition: all 1s;} 

.bilibili{ width:1190px; margin:0 auto; background:url(../images/bilibili.jpg) no-repeat top center; height:405px; border-radius:8px; position:relative; padding-bottom:30px;}
#scrollBox{ width:480px; height:140px;line-height:20px;overflow:hidden; position:absolute; top:155px; left:103px;}
#scrollBox ul li>p{ font-size:16px; color:#000; line-height:24px; text-indent:32px; padding-bottom:16px;}

/*第二个选项卡*/
.pdb50{padding-bottom:50px;}
.process-bg{ width:100%; background:#fff url(../images/yellowbg.png) no-repeat top center; position:relative; z-index:99;  padding-top:60px;}
.process{ width:1190px; margin:0 auto; }
.process #tab1 #tab11>li{ margin-left:50px;    display:inline-block; }
.process #tab1 #tab11>li>.tabicon i{  
    border: 4px solid  #ffe172;
    display:inline-block;    
    text-align: center;
    width: 102px;
	height:102px;
	border-radius:61px;
	overflow:hidden;
	    background: #fff;
}
.process #tab1 #tab11>li>.tabicon i span{width: 102px; display:block; height:102px;transition:all ease-out 0.2s;}
.process #tab1 #tab11>li>.tabicon i:hover span{ transform:scale(1.2); }
.process #tab1 #tab11>li:nth-child(1)>.tabicon i span.s-icon{ background:#fff  url(../images/z-01.svg) no-repeat center center;  }
.process #tab1 #tab11>li:nth-child(2)>.tabicon i span.s-icon{ background:#fff  url(../images/z-02.svg) no-repeat center center; }
.process #tab1 #tab11>li:nth-child(3)>.tabicon i span.s-icon{ background:#fff  url(../images/z-03.svg) no-repeat center center; }
.process #tab1 #tab11>li:nth-child(4)>.tabicon i span.s-icon{ background:#fff  url(../images/z-04.svg) no-repeat center center; }
.process #tab1 #tab11>li:nth-child(5)>.tabicon i span.s-icon{ background:#fff  url(../images/z-05.svg) no-repeat center center; }

.process #tab1 #tab11>li.active .tag1 i span.s-icon{ background:#fff url(../images/z-01a.svg) no-repeat center center;}
.process #tab1 #tab11>li.active .tag2 i span.s-icon{ background:#fff url(../images/z-02a.svg) no-repeat center center;}
.process #tab1 #tab11>li.active .tag3 i span.s-icon{ background:#fff url(../images/z-03a.svg) no-repeat center center;}
.process #tab1 #tab11>li.active .tag4 i span.s-icon{ background:#fff url(../images/z-04a.svg) no-repeat center center; }
.process #tab1 #tab11>li.active .tag5 i span.s-icon{ background:#fff url(../images/z-05a.svg) no-repeat center center; }


.process #tab1 #tab11>li .tabicon:after{
	content:""; 
    background:url(../images/jt.svg) no-repeat center center; 
	width:29px; 
	height:29px; 
    display:inline-block;     
    vertical-align: top;
    margin-top: 45px;
    margin-left:50px;}
.process #tab1 #tab11>li:last-child .tabicon:after{background:none;display:none; width:0px;}
.process #tab1 #tab11 > li > p{ display:block; width:110px; text-align:center; font-size:20px; color:#333;font-family:Microsoft Yahei;  margin-top: 5px;} 
.process .box11{margin-top:100px; }
.process .box11 #tab2-1, 
.process .box11 #tab2-2, 
.process .box11 #tab2-3, 
.process .box11 #tab2-4,
.process .box11 #tab2-5, 
.process .box11 #tab2-1{
    width:235px;
	float:left; 
}
.process .box11 .box21, 
.process .box11 .box22, 
.process .box11 .box23, 
.process .box11 .box24,
.process .box11 .box25{
    width:810px;
	float:right;
	border: 3px solid #fde890;
	vertical-align:top;
	padding:30px 40px;
	min-height:175px;

}

.process .box11, 
.process .box21, 
.process .box22, 
.process .box23,
.process .box24, 
.process .box25{
    width:100%;
    display:none; /*让box都隐藏*/
} 

.process .box11 #tab2-1>li,
.process .box11 #tab2-2>li,
.process .box11 #tab2-3>li,
.process .box11 #tab2-4>li,
.process .box11 #tab2-5>li{
	border:1px solid #e5e5e5;
	margin-bottom:18px;
	line-height:66px;
	padding-left:25px;
    transition: ease-out all 0.3s;
	font-family:Microsoft Yahei;
	font-size:20px;
	}
.process .box11 li a{color:#444;}
.process .box11 #tab2-5>li	
.process .box11 #tab2-1>li.active,.process .box11 #tab2-1>li:hover,
.process .box11 #tab2-2>li.active,.process .box11 #tab2-2>li:hover,
.process .box11 #tab2-3>li.active,.process .box11 #tab2-3>li:hover,
.process .box11 #tab2-4>li.active,.process .box11 #tab2-4>li:hover,
.process .box11 #tab2-5>li.active,.process .box11 #tab2-5>li:hover{	
    background: -webkit-linear-gradient(left, #febb24, #1edf17, #ffd300);
    background: -o-linear-gradient(left,#febb24, #febb24, #ffd300);
    background: -moz-linear-gradient(left,#febb24, #febb24, #ffd300);
    background: -ms-linear-gradient(left,#febb24, #febb24, #ffd300);
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#febb24,endColorStr=#ffd300);
	background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#febb24), to(#ffd300));
	transition: ease-out all 0.8s;
	border:1px solid #fff;
}
.jtt {
    display: inline-block;
    margin-top: 30px;
    width: 36px;
    height:9px;
    margin-left: 10px;
    background: url(../images/jtt.svg) no-repeat top right;
    transition: ease-out all 0.3s;
}
.process .box11 #tab2-1>li.active .jtt,.process .box11 #tab2-1>li:hover .jtt,
.process .box11 #tab2-2>li.active .jtt,.process .box11 #tab2-2>li:hover .jtt,
.process .box11 #tab2-3>li.active .jtt,.process .box11 #tab2-3>li:hover .jtt,
.process .box11 #tab2-4>li.active .jtt,.process .box11 #tab2-4>li:hover .jtt,
.process .box11 #tab2-5>li.active .jtt,.process .box11 #tab2-5>li:hover .jtt {
   display: inline-block;
    margin-top: 30px;
    width: 36px;
    height:9px;
    margin-left: 10px;
    background: url(../images/jtt.svg) no-repeat top left;
    transition: ease-out all 0.3s;
} 
.tabcontent{ font-size:18px; color:#333; line-height:30px;}
.redfont{ color:#ff0000;}
.zhanji{ padding-top:100px; width:1190px; margin:0 auto;}
.students{ height:720px;}
.studenttab ul{float:left; width:735px;padding-left:8px;}
.studenttab ul > li{float:left; width:223px; height:280px; display:block;border:1px solid #f0f0f0; border-radius:6px; margin:0 28px 30px 0;}
.studenttab ul > li .simg>img{ width:100%;}
.studenttab ul > li.active{box-shadow: 2px 8px 10px 1px #c9c9c9;}
.studenttab ul > li:nth-child(3n+3){ margin-right:0;}
.boxst{ display:none; width:423px; border:1px solid #f0f0f0; border-radius:6px; float:right; overflow:hidden; position:relative; height:592px;}
.simg{width:90px; height:90px; border-radius:45px; background:#eee; overflow:hidden; text-align:center; margin:0 auto; margin-top:30px;}
.sname{ text-align:center; font-size:18px; width:100%; line-height:36px; color:#333;}
.sdetail{font-size:14px; color:#666; line-height:24px; margin-top:5px; margin-left:30px;}
.greyfont{color:#333;}
.swiper-pagination-bullet-active{ background:#d20709;}
.swiper-student-box{ height:680px;}
.studentimg img{ width:100%;}
.studentimg .des{ position:absolute; bottom:0; height:48px; left:0; width:100%; background:rgba(0,0,0,0.7); display:block; z-index:10;}

.studentimg .des .tit{ background:url(../images/studengimgbg.svg) no-repeat left top; line-height:48px; padding-left:25px; font-size:18px; color:#333;}
.studentimg .des .stadd{ color:#fff;font-size:18px; padding-left:43px;}

.stellerbg{ width:100%; background:url(../images/stellerbg.png) no-repeat top center; padding-top:144px; height:604px;}
.stellboxbg{ width:1190px; margin: 0 auto;  height:573px; display:block; position:relative;}
.stellbox{padding-top:0px; padding-left:435px;  color:#000;}
.font48{ font-size:48px; color:#080403;}
.boldline{ width:585px; height:3px; background:#000; display:block; margin-top:30px; margin-bottom:30px;}
.font24{font-size:24px; color:#333;}
.font42{font-size:42px; color:#000; line-height:60px;}
.font18{font-size:18px; color:#333; line-height:30px;}
.yellowjt{ position:absolute; width:112px; height:65px; top:256px; right:0px;}
.yellowjt img{width:100%; }

.hezuobox{ width:1190px; margin:0 auto; padding-top:100px; padding-bottom:50px;}
.swiper-hezuo-box{ height:160px; margin-top:30px;}
.hezuolist li{ display:inline-block; width:188px; height:78px; border:1px solid #f7f7f7; margin-right:50px;}
.hezuolist li:hover{border:1px solid #fec11a;}
.hezuolist li:last-child{ margin-right:0;}
.linkbox{width:1190px; margin:0 auto; padding-bottom:100px;}
.linkbox .linklarge li{ display:inline-block; margin-right:35px; font-size:18px; color:#444;  line-height:42px; }
.linkbox .linklarge li a{color:#444; }
.linkbox .linksmall{ width:800px;}
.linkbox .linksmall li{ display:inline-block; margin-right:50px; font-size:16px; line-height:28px; }
.linkbox .linksmall li a{color:#999; }

.bottombox{ width:100%; background:#333; display:block; }
.bottomcontact{ width:1190px; margin:0 auto; padding-top:90px; padding-bottom:100px;}
.bottomlist li{margin-right:75px; display:inline-block; font-size:14px; color:#999; vertical-align:top;}
.bottomlist li .botitle{ font-size:16px; color:#ccc; margin-bottom:20px;}
.bottomlist li> p{ line-height:24px;}
.bottomlist li> p a{ color:#999;}
.bottomlist li> p a:hover{ text-decoration:underline;}
.bottomlist li:nth-child(1){ width:145px;}
.bottomlist li:nth-child(2){ width:75px;}
.bottomlist li:nth-child(3){ width:405px;}
.bottomlist li:nth-child(4){ width:230x;}

.bticon span{ width:41px; height:41px; border-radius:41px; background:#525252; display:inline-block; text-align:center; vertical-align:bottom; margin-right:15px; }
.bticon span img{margin-top:10px; }
.copyright{ width:1190px; padding-bottom:30px; margin:0 auto; font-size:14px; color:#666; text-align:center;}
.copyright span{ display:inline-block; line-height:75px; margin-right:10px;}
.copyright span a{ color:#666;}
.copyright span.ga:before{ content:""; width:18px; height:20px;vertical-align: middle;
    padding-right: 10px; display:inline-block; background:url(../images/ga.png) no-repeat;}
.copyright span.ty:before{ content:""; width:42px; height:28px;vertical-align: middle;
    padding-right: 10px; display:inline-block; background:url(../images/ty.png) no-repeat;}
.rightwx{position:fixed; right:15px; top:300px; z-index:999; width:118px; border:1px solid #ededed; background:#fff;}
.rightwx:before{ content:""; width:120px; background:#fcca00; height:11px; display:block; border-top-left-radius:6px; border-top-right-radius:6px; margin-top:-11px; margin-left:-1px;}
.rightwx:after{ content:""; width:120px; background:#fcca00; height:11px; display:block; border-bottom-left-radius:6px; border-bottom-right-radius:6px; margin-bottom:-11px; margin-left:-1px;}
.wxbox{ font-size:14px; color:#333;}
.wxbox .zxlt,.wxbox .zxwx,.wxbox .zxqq{height:95px; border-bottom:1px solid #ededed; width:100%; text-align:center; display:block;}
.wxbox .zxlt a,.wxbox .zxwx a,.wxbox .zxqq a{ color:#333;}
.wxbox .zxlt:hover,.wxbox .zxwx:hover{ cursor:pointer;}

.imgs{ width:74px; height:66px; display:block; margin: 0 auto; margin-top:20px; }
.imgs img{width:100%;}
.wxbox .zxqq .imgs a > img,.wxbox .zxlt a > .imgs > img{ width:auto;}
.tel{ text-align:center;margin-bottom:10px; margin-top:13px;}
.tel .telimg:before{ background:url(../images/tel.png) no-repeat; content:""; display: inline-block;  height: 19px; width: 19px; vertical-align: middle; }
.wxbox .zxwx{ position:relative;}
.wxbox .zxwx .showwxcode{ display:none;position: absolute;
    left: -158px;
    top: -26px;
    width: 150px;
    box-shadow: 2px;
    box-shadow: 3px 4px 8px 1px #e1e1e1;}
.wxbox .zxwx .showwxcode img{ width:100%;}

.wxbox .zxwx:hover .showwxcode{ display:block;}
.inbox{
   width:1190px;
   margin:0 auto;
   margin-top:158px;
}
.leftbox{ width:810px;}
.borderbox{
    border:1px solid #f1f1f1;
	border-radius:6px;
	padding:40px 30px 30px 30px;
}
.sr-only{font-size:14px; margin-right:17px;}
.form-control-plaintext{ width:300px; padding:0 16px; height:43px; border:1px solid #e0e0e0; border-radius:5px; margin-right:15px;}
::-webkit-input-placeholder { 
  color: 666666;
  font-family:Microsoft Yahei;
}
:-ms-input-placeholder { 
  color: 666666;
  font-family:Microsoft Yahei;
}
::placeholder {
  color: 666666;
  font-family:Microsoft Yahei;
}
input:focus {
    outline: 0;
    border-color:#d20709; 
}

.btn-primary{ width:125px; height:45px; background:#d51719;border:none; border-radius:5px; color:#fff; font-size:20px; font-family:Pingfang-Medium; }
.btn-primary:hover{cursor:pointer; background:#b11214;}
.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;margin-bottom:15px;}
.form-check{ font-size:14px; color:#666; vertical-align:middle;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
width:100%;
    /*align-items: center;*/line-height:46px;}

.sr-tit{width: 33px;
    display: inline-block;}
.rigarea {
    width: 630px;
    display: inline-block;
    vertical-align: top;
	overflow:hidden;
}
.form-check-label{margin-left:6px;}
.form-check-input{ width:18px; height:18px;margin-left:15px; vertical-align: middle;}
input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
}
.form-check input[type=checkbox]:checked{
   background: url("../images/checkbox.png")no-repeat center;
}
.schoolslist{ margin-top:34px;}
.schoolslist>li{border:1px solid #f1f1f1; margin-bottom:30px; border-radius:6px; padding:30px 34px; display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
}
.schoolslist>li .nos{
	width:30px;
	height:30px;
	background:#666666;
	color:#fff;
	border-radius:3px;
	text-align:center; 
	line-height:30px;
	margin-right:20px;
  }
.schoolslist>li .firstcolor,.schoolslist>li:first-child .nos{background:#fcca00;}{background:#fcca00;}
.schoolslist>li .scimg{ width:245px; height:170px; border-radius:5px; overflow:hidden; margin-right:25px;}
.schoolslist>li .scimg img{ width:100%;height: 100%;  object-fit: cover;}
.schoolslist>li .sctitle{ width:230px;}
.schoolslist>li .sctitle .xuexiao{height: 1.5rem;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.schoolslist>li .sctitle .scname{ font-size:24px; color:#333; line-height:38px;width:240px;}
.schoolslist>li .sctitle .miaoshu{ font-size:14px; color:#999; line-height:28px;}
.scfont{ font-size:14px; color:#666; line-height:22px;}
.diqu:before{ content:""; background:url(../images/address.svg) no-repeat left center; padding-right:28px;}
.xuexiao:before{ content:""; background:url(../images/school.svg) no-repeat left center; padding-right:30px;background-size: 52%;  margin-left: -2px;}
.xuefei:before{ content:""; background:url(../images/money.svg) no-repeat left center; padding-right:28px;background-size: 36%;}
.scbutton{ margin-left:30px;}
.scbutton a{display:block;color:#333; width:140px; height:40px; line-height:40px;text-align:center; border-radius:21px; margin-top:8px; margin-bottom:8px;  }

.zxun a{background:#fcca00; border:1px solid #fcca00;}
.shenqing a{background:#fde99a; border:1px solid #fdd87f;}

.schoolslist>li:hover{background:#f8f8f8; cursor:pointer; box-shadow:3px 4px 8px 1px #e1e1e1;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.schoolslist>li:hover .nos{
	background:#fcca00;
}

/*school list more*/
.schoolslist>.news-more{ text-align:center; border-radius:8px; border:1px solid #f1f1f1; padding:20px 0; margin:10px 0}
.schoolslist>.news-more:hover{box-shadow: 3px 4px 8px 1px #e1e1e1; background:#f8f8f8;cursor: pointer;a}
.schoolslist>.news-more a{ color:#565656}

.fixedwz{width:336px; display:block; height:800px;}
.rightbox{ width:336px; float:right;margin-bottom: 30px; }
.rightbox ul{ padding:20px 23px;border:1px solid #f1f1f1;border-radius:6px;}
.rightbox ul li{ margin-top:20px; margin-bottom:20px;vertical-align: middle;}
.rightbox ul li.duanqi:before{ content:""; background:url(../images/duanqi.svg) no-repeat center center; margin-top:10px; width:78px; height:78px; border:1px solid #e0e0e0; border-radius:39px; display:inline-block; }
.neirong{margin-left:15px; width: 185px; display: inline-block; vertical-align: top;}
.nr-title{ font-size:22px; color:#333;  height: 28px;}
.nr-title:after{ content:""; width:86px; height:9px; background:#fcca00; display:block; margin-top:-14px;    margin-left: 2px;}
.nr-des{ font-size:14px; color:#666;}
.rightbox ul li.changqi:before{ content:""; background:url(../images/kecheng.svg) no-repeat center center;}
.rightbox ul li.tiyan:before{ content:""; background:url(../images/tiyan.svg) no-repeat center center;}


.erweima{ background:url(../images/ercodebg.png) no-repeat top center;width:338px; height:145px; display:block; margin-top:36px;display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.erweima .erweimaimg{margin-left:24px;}
.erweima .erweimacon{margin-left:30px; font-size:22px; color:#000;}

.pagination{ width:1190px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center}
.pagination li{ color:#666; display:inline-block; padding-left:15px; padding-right:15px; line-height:40px; margin-left:3px; margin-right:3px; border:1px solid #f2f2f2;}
.pagination li a{color:#666;}
.pagination li.active{ background:#fcca00;}
.pagination li.active a{color:#000;}

.leftgallery{ width:622px; height:490px; position:relative;}
.leftgallery .swiper-gallery-container {
      width: 100%;
    
      margin-left: auto;
      margin-right: auto;
    }

.leftgallery .swiper-gallery-container .swiper-slide {
      background-size: cover;
      background-position: center;
    }

.leftgallery .gallery-top {
      height: 80%;
      width: 100%;
    }
.leftgallery .gallery-thumbs {
      height: 87px;
      box-sizing: border-box;
      padding: 10px 0;
	  width: 568px;
    }

.leftgallery .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.5;
	  background-size:100% 100%;
    }

.leftgallery .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.leftgallery .swiper-button-next,.leftgallery .swiper-button-prev{
	width:23px;
	top: 32px;
    height: 68px;
	font-size:0;
}
.leftgallery .swiper-button-prev{
	background:#fcca00 url(../images/left.svg) no-repeat center center; 
	left: 0px;
    top: 423px;
}
.leftgallery .swiper-button-next{
	background:#fcca00 url(../images/right.svg) no-repeat center center; 
	right: 0px;
    top: 423px;
}
.leftgallery .swiper-button-next:after, .leftgallery .swiper-button-prev:after{font-size:0;}
.leftgallery .swiper-pagination-bullet{ width:10px; height:10px;}
.leftgallery .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;background: #fff;
    opacity: .4;}
.leftgallery .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#d20709;opacity: 1;}

.insticky {
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px #efefef;
    -moz-box-shadow: 0px 2px 3px 0px #efefef;
    box-shadow: 0px 2px 3px 0px #efefef;
    z-index: 999;
    left: 0;
	border-bottom:1px solid #dedede;
    top: 0;
}
.rightdetail{width:540px; vertical-align:top;}
.rightdetail .schoolname{ color:#666; font-size:16px;}
.rightdetail .schoolname>span{  padding-right:20px;font-size:32px; color:#000;}
.rightdetail .keybox ul{margin-top:20px;}
.rightdetail .keybox ul li{ display:inline-block; width:80px; height:29px; border:1px solid #c5c5c5; background:#f6f6f6;color:#666666; border-radius:15px; line-height:29px; text-align:center; margin-right:20px;}
.rightdetail .keybox ul li a{color:#666666;}
.rightdetail .keybox ul li:hover{  border:1px solid #fcb200; background:#fcca00; color:#000; cursor:pointer;}
.rightdetail .keybox ul li a:hover{color:#000;}
.line-detail{ width:100%; border-bottom:1px solid #e5e5e5; margin-top:18px; margin-bottom:18px;}

.keyfonts{line-height:30px; font-size:14px; color:#666;}
.keyfonts>span{ color:#000; font-size:16px; margin-right:10px;}
.minge{color:#000; font-size:16px; line-height:19px;}
.minge:after{content:""; background:url(../images/tanhao.png) no-repeat center center; width:19px; height:19px; display:inline-block; margin-left:6px; vertical-align: top;}
.mingedetail{ line-height:30px; color:#666; font-size:14px;}
.school-price{font-size:16px; color:#666;}
.school-price>span{ font-size:48px; color:#d20709;}
.school-tag{ background:url(../images/school-tag.png) no-repeat; width:534px;height:133px;    margin-top: 14px;}
.school-tag-content{padding:25px;}
.school-tag-left{ width:343px; color:#b14f00; font-size:14px;}
.school-tag-left>h3{font-size:18px; color:#793b00;}
.school-tag-content .psc{ margin-top:28px;}

.grey-bg{width:100%; height:190px; background:#f9f9f9; margin-top:70px; margin-bottom:65px;}
.inbox-bg{width:1190px; margin:0 auto;
padding-top:50px; 
     display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

.school-icon{width:350px; margin-left:68px;}
.school-icon:first-child{ margin-left:0;}
.school-icon dt{ width:95px; height:95px; display:block; float:left; text-align:center; font-size:18px; color:#000; margin-right:10px;}
.school-icon dd{ float:left; width:110px; margin-right:10px;line-height:40px; font-size:14px; color:#666;}
.school-icon dd:before{ background:url(../images/cha.svg) no-repeat center left; content:""; width:21px; height:18px; display:inline-block;vertical-align:middle;}
.school-icon dd.dui:before{ background:url(../images/duihao.svg) no-repeat center left; content:""; width:21px; height:18px; display:inline-block;vertical-align:middle;}
.school-box{ border:1px solid #e8e8e8; border-radius:8px; background:#ffffff; display:block; margin-bottom:35px;}
.sc-title{padding-left:20px;height:70px; background:#f6f6f6; display:block; line-height:70px; color:#080403; font-size:24px; border-bottom:1px solid #e8e8e8;}
.sc-title:before{ width:7px; margin-right:10px;height:20px; background:url(../images/ytitle.png) no-repeat left center;content:""; display:inline-block; vertical-align:middle;}
.mrg-top{margin-top:0px;}
.school-box .school-kg{ padding:130px 90px 60px 90px;}
.schoolvideo{ position:relative; width:904px; height:552px; margin:0 auto;  
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-align:center;}
.schoolvideo .videoicon{ position:absolute; left:calc(50% - 65px); width:130px; height:130px; border-radius:65px; background:rgba(0,0,0,0.4) url(../images/bofang.svg) no-repeat center center;}
.videotitle{ font-size:24px; color:#000; text-align:center; line-height:70px;}
.schoolvideo iframe{width:904px; height:552px;}

.shujubg{ background:url(../images/shujubg.jpg) no-repeat top center; height:575px; width:100%; display:block; margin-top:220px; }
.shujubox{ width:1190px;margin:0 auto; position:relative; 	}
.shujubox-neirong{top:-130px; 
	background:#fff; 
	padding-top:90px;
	height:466px;
	width:100%;
	position:absolute;
	border-radius:8px;
	display:block;
    -webkit-box-shadow: 1px 2px 4px 2px #0a09091c6;
    -moz-box-shadow: 1px 2px 4px 2px #0a09091c;
       box-shadow: 1px 2px 4px 2px #0a09091c;
}
.circles{ margin:0 auto; margin-top:50px; text-align:center; }
.circleChart { display:inline-block; margin-left:70px; margin-right:70px;}
.circlename{display:block; color:#080403; font-size:20px;width:1060px; margin:0 auto;margin-top:20px;}
.circlename>span{ display: inline-block;  width: 350px;  text-align: center;}
.shujubox-mobile{ display:none;}
.mrg{ margin-top:70px; margin-bottom:60px;}
.school-content-kg{ padding:50px 40px;}
.school-content-kg>p{ font-size:16px; color:#080403; line-height:30px; text-indent:32px;}

.school-small-video{ position:relative; width:900px; height:526px; margin:0 auto;  
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-align:center;}
.videoicon{ position:absolute; left:calc(50% - 65px); width:130px; height:130px; border-radius:65px; background:rgba(0,0,0,0.4) url(../images/bofang.svg) no-repeat center center;}
.school-small-video iframe{width:900px; height:526px;}
.kecheng-content>h4{ font-size:20px; color:#000; line-height:50px;}
.kecheng-content>div{ color:#666; line-height:30px; font-size:16px;}
.susheimg{ margin-bottom:45px;}
.sushe-first{ float:left; width:550px; height:392px;display:block; overflow:hidden;}
.sushelist li{ float:left;margin-left:33px; margin-bottom:30px; width:286px; height:181px; display:block; overflow:hidden;}
.sushe-first>img, .sushelist li>img {
    width: 100%;

    transition: all 1s;
}
.sushe-first:hover>img,.sushelist li:hover>img {
    transform: scale(1.1);
    transition: ease-out all 1s;
}
.sushe-table{ width:890px; margin:0 auto;}
.sushe-table tr td{ line-height:60px; height:60px; text-align:center; font-size:16px; color:#333;}

.bluebg{ width:100%; height:216px; background:url(../images/bluebg.png) no-repeat top center; margin-bottom:50px;}
.blue-box{ width:1190px; margin:0 auto;}
.blueft-part{ float:left; color:#0a137f; font-size:30px; padding-top:60px;}
.white-button{ width:190px; height:50px; background:#fff; border-radius:25px; float:right; margin-top:80px; text-align:center; line-height:50px; -webkit-box-shadow: 1px 2px 4px 2px #0a09091c6;
    -moz-box-shadow: 1px 2px 4px 2px #0a09091c;
       box-shadow: 1px 2px 4px 2px #0a09091c;}
.white-button a{ color:#000; font-size:24px;}
.white-button:hover{ cursor:pointer;}
.zhengshu{ width:1190px; margin:0 auto;    height: 350px; margin-bottom:50px;}
.swiper-zhengshu-box {height: 350px;}
.zhengshulist li{ display:inline-block; margin-left:32px; margin-right:32px;}
.zhengshulist li:first-child{ margin-left:0px; }
.zhengshulist li:last-child{ margin-right:0px; }
.zhengshulist li img{ border:1px solid #595959; border-radius:30px; transition:all linear 0.2s; width:180px;/* height:280px;*/}
.zhengshulist li:hover img{ border:1px solid #fcca00; border-radius:30px;-webkit-box-shadow: 1px 2px 4px 2px #eee;
    -moz-box-shadow: 1px 2px 4px 2px #eee;
       box-shadow: 1px 2px 4px 2px #eee;}
.swiper-zhengshu-box .swiper-pagination-bullets .swiper-pagination-bullet-active { background:#d20709;}
.school-address{ width:1190px; margin:0 auto; margin-bottom:100px;}
.left-address-img{ width:502px;}
.right-address-content{ width:590px; margin-top:170px;}
.schooladd{ margin-bottom:20px;}
.schooladd>h5:before{ background:url(../images/schooldizhi.svg) no-repeat left center; content:""; padding-left:25px;}
.schooladd>h5{ font-size:18px; color:#333;}
.schoolditie>h5:before{ background:url(../images/ditie.svg) no-repeat left center;content:""; padding-left:25px;}
.schoolditie>h5{ font-size:18px; color:#333;}
.schoolxiangxi{ margin-left:25px;}
.ditiexiangxi{ margin-left:25px;}

.top-banner{ width:100%; height:551px; background:url(../images/servicebg.jpg) no-repeat top center; margin-top:110px;}
.top-banner .inbanner-font{ text-align:center; color:#fff; vertical-align:middle; padding-top:180px; }
.top-banner .inbanner-font h2{ font-size:48px; line-height:70px;}
.dingzhi-box{ width:900px; margin:0 auto; margin-top:70px;}
.dingzhi-box .service-font > p{ font-size:16px; color:#444; line-height:24px;}
.our-service-box{ width:1190px; margin:0 auto;margin-top:70px; height:600px; padding-bottom: 60px;}

.our-service-box .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
#services .our-service-box .swiper-slide {
	 background: none;
	 box-shadow:none;
}
.our-service-box .swiper-slide-active, .our-service-box .swiper-slide-duplicate-active{transform: scale(1);}

.our-service-box .ourwrapper{ border:1px solid; border-radius:8px; overflow:hidden;}
.our-service-box .ourwrapper .ourtitle{height:50px; line-height:50px; color:#fff;}
.our-service-box .ourwrapper .our-content-box{padding:30px 40px 20px 40px; text-align:left;}
.our-service-box .ourwrapper .our-content-box dt{ margin-bottom:10px;color:#000; font-size:16px; font-weight:500;}
.our-service-box .ourwrapper .our-content-box dd{color:#444; font-size:14px; line-height:20px;}
.our-service-box .ourwrapper .our-content-box .ournandu:before{ content:""; background:url(../images/nandu.svg) no-repeat left center; padding-right:31px; height:24px;display: inline-block; vertical-align: middle;}
.our-service-box .ourwrapper .our-content-box .ourfeiyong:before{ content:""; background:url(../images/feiyong.svg) no-repeat left center; padding-right:31px;height:24px;    display: inline-block; vertical-align: middle;}
.our-service-box .ourwrapper .our-content-box .ourmoshi:before{ content:""; background:url(../images/moshi.svg) no-repeat left center; padding-right:31px;height:24px;    display: inline-block; vertical-align: middle;}
.our-service-box .ourwrapper .our-content-box .ourqita:before{ content:""; background:url(../images/qita.svg) no-repeat left center; padding-right:31px;height:24px;    display: inline-block; vertical-align: middle;}

.our-service-box .ourwrapper .our-content-box dl{ margin-bottom:20px;}
.our-service-box .orpink{ border:1px solid #ffb391; border-radius:8px; background:#fff4ef;}
.our-service-box .orpink .ourtitle{ background:#ff9363; }
.our-service-box .orange{ border:1px solid #f9b508; border-radius:8px; background:#fffbf1;}
.our-service-box .orange .ourtitle{ background:#f6a200; }
.our-service-box .orblue{ border:1px solid #7ca4ff; border-radius:8px; background:#ffffff;}
.our-service-box .orblue .ourtitle{ background:#7ca4ff; }

.our-service-box .swiper-slide-active, .our-service-box .swiper-slide-duplicate-active .ourwrapper{-webkit-box-shadow: 1px 2px 4px 2px #0a09091c6;
    -moz-box-shadow: 1px 2px 4px 2px #eee;    box-shadow: 1px 2px 4px 2px #eee; border-radius:8px; }
.dingzhi-content{ margin-top:50px;}
.left-num-list{ width:490px;}
.left-num-list li{ margin-bottom:25px;}
.left-num-list li .num-title{ height:33px; border:2px solid #febf1e; border-radius:17px; display:inline-block; width:250px; position:relative;}
.left-num-list li .num-title .nums{ width:37px; height:37px; border-radius:19px; background:#febf1e; position:absolute; left: -3px;
    top: -2px;    text-align: center;    line-height: 37px; color:#080403; font-size:20px; font-style:italic;}
.left-num-list li .num-title .num-name{ position: absolute; left: 45px;  top: 5px; width: 80px;}
.left-num-list li .num-title .num-detail{position: absolute; left: 100px; text-align:center; line-height:37px; background:#febf1e;width:180px; height:37px; top:-2px; border-radius:19px; color:#080403;}
.left-num-list li:nth-child(3) .num-detail{width:210px;}
.left-num-list li .num-content{ font-size:14px; color:#444;margin-top:10px; line-height:24px; margin-left:15px;}

.right-fuwu{width:373px; border:2px solid #fcca00; background:#fffbf1; border-radius:6px; text-align:center;padding-top:83px; padding-bottom:65px;}
.font-red{ color:#ff3737;}
.font30{ font-size:30px;}
.fuwu-renshu{ font-size:18px; color:#080403; margin-top:70px; margin-bottom:40px;}
.xingdong{ font-size:14px; color:#666; margin-bottom:50px; }
.qianzheng{ background:url(../images/qianzheng.png) no-repeat top center; height:746px; width:100%; margin-bottom:150px; margin-top:60px;}
.qianzheng .qianzhengbox{ width:935px; margin:0 auto; padding-top:70px;}

.tabfuwu #tabqz{ width:270px; float:left;}
.tabfuwu #tabqz li{ position:relative; width:233px; display:block; height:55px; line-height:55px; text-align:center; font-size:18px; color:#080403;
background:-moz-linear-gradient(left,#f4dda4,#f5e896);
background:-ms-linear-gradient(left,#f4dda4,#f5e896);
background:-o-linear-gradient(left,#f4dda4,#f5e896);
background:-webkit-linear-gradient(left,#f4dda4,#f5e896);
margin-bottom:13px;
}
.tabfuwu #tabqz li:hover{ cursor:pointer;}
.tabfuwu #tabqz li.active{ 
background:-moz-linear-gradient(left,#febb24,#ffd300);
background:-ms-linear-gradient(left,#febb24,#ffd300);
background:-o-linear-gradient(left,#febb24,#ffd300);
background:-webkit-linear-gradient(left,#febb24,#ffd300);
}
.tabfuwu #tabqz li .tabjt{ display:none; width:10px; height:10px; background:url(../images/tabjt.png) no-repeat center center; position:absolute;right: -46px;    top: 22px;}
.tabfuwu #tabqz li.active  .tabjt { display:block;}
.tabfuwu .boxqz {display:none; border:3px solid #fcca00; width:650px; float:right; min-height:388px; background:rgba(255,255,255,0.5)}
.tabfuwu .boxqz .tabcontent{padding:40px; font-size:16px; color:#444; line-height:24px;}

.zhiyuan-box{ width:1070px; margin:0 auto; margin-top:50px;}
.zhiyuan-list li{ display:inline-block; width:450px; margin-left:40px; margin-right:40px; margin-bottom:20px; vertical-align:middle; height:41px; font-size:16px; color:#333; }
.zhiyuan-list li span{ width:37px; display:inline-block; vertical-align:middle; height:37px; border-radius:19px; border:2px solid #fcca00; background:#fffbf1; line-height:37px; text-align:center; margin-right:10px;color:#ffb119; font-size:24px;}

.zhiyuan-list li p{ display:inline-block;width:380px;  vertical-align: middle;}
.koubei-box{ width:1190px; margin:0 auto;margin-top:80px; height:880px;}
.koubei-box .swiper-koubei-container{ height:680px;}
.koubei-box .swiper-koubei-container .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.chengnuo-box{ width:1180px; margin:0 auto;}
.chengnuo-icons{margin-bottom:100px; margin-top:80px;}
.chengnuo-icons li{ width:270px; margin-left:10px; margin-right:10px; display:inline-block; text-align:center; vertical-align: top;}
.chengnuo-icons li>h5{ font-size:18px; color:#333; line-height:45px;}
.chengnuo-icons li>p{font-size:14px; line-height:24px; color:#333;width: 80%;  margin: 0 auto;}
.chengnuo-icons li i{display: block;  text-align: center;  height: 85px; margin:0 auto;}
.chengnuo-icons li:nth-child(1) i{  width: 85px;  background: url(../images/main-04.svg) no-repeat 100%;}
.chengnuo-icons li:nth-child(2) i{width: 92px;   background: url(../images/main-01.svg) no-repeat 100%;}
.chengnuo-icons li:nth-child(3) i{width: 72px;  height: 92px;  background: url(../images/cailiao.svg) no-repeat 100%; background-size:cover;}
.chengnuo-icons li:nth-child(4) i{width: 85px;   background: url(../images/goutong.svg) no-repeat 100%;}

.shoukuan-box{  width:1190px; margin:0 auto; margin-top:100px; margin-bottom:100px;}
.shoukuan-box .shoukuan-list li{width:280px; margin-right:18px; display:inline-block; background:#f5f5f5; height:512px; vertical-align:top; text-align:center;}
.shoukuan-box .shoukuan-list li:last-child{ margin-right:0;}
.shoukuan-box .shoukuan-list li .shoukuan-main{ width:235px; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.shoukuan-box .shoukuan-list li .shoukuan-main .bankname{ font-size:24px; color:#080403; line-height:28px;}
.shoukuan-box .shoukuan-list li .shoukuan-main .bankname-eng{font-size:14px; color:#666; font-style:italic;line-height:28px; }
.shoukuan-box .shoukuan-list li .shoukuan-main .bankercode{ margin-top:20px; border-radius:8px; overflow:hidden; width:235px; height:233px; }
.shoukuan-box .shoukuan-list li .shoukuan-main .banklogo{margin-top:20px; margin-bottom:10px;}
.shoukuan-box .shoukuan-list li .shoukuan-main .bankno{ font-size:12px; color:#666; text-align:left; line-height:24px;}
.shoukuan-box .shoukuan-list li .shoukuan-main .bankno span{ font-size:14px; color:#333; display:inline-block; width:75px;}

.zixunbg{ width:100%; height:550px; background:url(../images/zixunbg.jpg) no-repeat top center; margin-top:110px;}
.zixuninbox{ width: 1190px; margin: 0 auto;   margin-top: 90px;}
.boxzixun1{ display:none;}
.boxzixun2{display:none;}
.zixuninbox .tabwrap .boxzixun1 li{padding:0;margin:0;margin-bottom: 40px; margin-right:40px;}
.zixuninbox .tabwrap .boxzixun1 li:nth-child(3n+3){ margin-right:0px;}
.zixuninbox .tabwrap .boxzixun1 li.case-item .case-content .case-name{ text-align:left;color: #666666;line-height: 24px;  font-size: 16px;}
.zixuninbox .tabwrap .boxzixun1 li.case-item .case-content .case-click{font-size:17px;}
.zixuninbox .tabwrap .boxzixun1 ul{ margin-bottom:0px;}

.zixuninbox .tabwrap .boxzixun2 li{padding:0;margin:0;margin-bottom: 40px; margin-right:40px;}
.zixuninbox .tabwrap .boxzixun2 li:nth-child(3n+3){ margin-right:0px;}
.zixuninbox .tabwrap .boxzixun2 li.case-item .case-content .case-name{ text-align:left;color: #666666;line-height: 24px;  font-size: 16px;}
.zixuninbox .tabwrap .boxzixun2 li.case-item .case-content .case-click{font-size:17px;}
.zixuninbox .tabwrap .boxzixun2 ul{ margin-bottom:0px;}

.subnavs{ width:100%; height:62px; border-bottom:1px solid #eee; margin-top:110px;}
.subbox{ width:1190px; margin:0 auto; line-height:62px; font-size:14px; color:#666;}
.subbox:before{ background:url(../images/home.png) no-repeat left center; content:""; width:20px; display:inline-block; height: 13px;}
.subbox a{color:#666;}
.subcurrent{ color:#fcc400; font-weight:500;}

#video-detail{ background:#fafafa;}
.mrgtop110{ margin-top:110px; }
.videodetail-box{ margin:0 auto; width:1190px;margin-bottom:100px;  }
.videodetail-box .leftvd{ width:904px; float:left;}
.vdtitle{ margin-top:20px; margin-bottom:20px; font-size:24px; color:#000;}
.vdcontent{font-size:14px; color:#999;line-height: 24px;}
.rightvd{width:240px; float:right;}
.vd-title{height:70px; display:block; line-height:70px; color:#080403; font-size:24px;margin-top: -60px;}
.vd-title:before{ width:7px; margin-right:10px;height:20px; background:url(../images/ytitle.png) no-repeat left center;content:""; display:inline-block; vertical-align:middle;}

.linkvdlist{   margin-top:20px;}
.linkvdlist .linkvd-item{ width:240px; display:inline-block; margin-bottom:40px;border: 1px solid #eaeaea;   background: #fff;}
.linkvd-img{ width:240px; height:162px; overflow:hidden;}
.linkvd-img img{width:100%;transition: all 1s;} 
.linkvdlist .linkvd-item a:hover .linkvd-img img{  transform: scale(1.1);  transition: ease-out all 1s;}
.linkvdlist .linkvd-item .case-name{ font-size:14px; color:#666; padding-left:10px;padding-right:10px; }
.linkvdlist .linkvd-item .case-click{ padding:10px; padding-top:0px; font-size:14px;}
.linkvdlist .linkvd-item .case-click .see:before{ vertical-align:middle;}
.linkvdlist .linkvd-item .case-click .time:before{vertical-align:middle; width:16px;}

.news-detail-title{ margin-top:0px; height:auto; padding-bottom:35px; background:#fafafa;}
.toptitle{ width:900px; margin:0 auto;}
.toptitle >h2{ font-size:42px; color:#000; padding-top:35px;}
.newsdetail{margin-top:20px; color:#999; line-height:15px; font-size:14px;}
.newsdetail .see{display:inline-block;}
.newsdetail .see:before{ width:23px; height:14px; display:inline-block; background:url(../images/see.svg) no-repeat 100%; content:""; margin-right:8px; vertical-align:middle;}
.newsdetail .time{display:inline-block; margin-left:20px;}
.newsdetail .time:before{ width:15px; height:15px; display:inline-block; background:url(../images/time.svg) no-repeat 100%; content:""; margin-right:8px;vertical-align:middle;}

.newsdetail-box{ width:900px; margin:0 auto; margin-top:30px; line-height:30px;}
.newsdetail-box iframe{width: 904px;height: 552px;}
.newsdetail-box .vd-title{margin-top: 70px;}
.newsdetail-box .linkvdlist .linkvd-item{ width:280px; display:inline-block; margin-bottom:40px;border: 1px solid #eaeaea;margin-right:14px;   background: #fff; vertical-align: top;}
.newsdetail-box .linkvd-img{ width:280px; height:176px; overflow:hidden;}
.newsdetail-box .linkvdlist .linkvd-item .case-name{ line-height:24px; height: 48px; overflow: hidden;}
.ab-banner{ background:url(../images/aboutbg.jpg) no-repeat top center;}
.ab-banner .inbanner-font{ margin:0 auto; width:700px; text-align:left;}
.ab-banner .inbanner-font h2{ color:#080403;}

.about-box{ width:1190px; margin:0 auto; margin-top:70px;}
.leftabout{ width:445px; float:left; vertical-align:middle; line-height:24px; font-size:16px; color:#444;    padding-top: 60px; text-align:justify; text-justify:inter-ideograph; line-height:28px;}

.about-img-list{width:1190px; margin:0 auto; margin-top:100px; margin-bottom:40px; }
.about-img-list li{ display:inline-block; margin-right:25px; margin-bottom:25px; width:580px; height:385px; overflow:hidden;}
.about-img-list li:nth-child(2n+2){margin-right:0px;}

.about-img-list{width:1190px; margin:0 auto; margin-top:100px; margin-bottom:40px; }
.about-img-list li{ display:inline-block; margin-right:25px; margin-bottom:25px; width:580px; height:385px; overflow:hidden;}
.about-img-list li img{ width:100%;    transition: all 1s;}
.about-img-list li:nth-child(2n+2){margin-right:0px;}
.about-img-list li:hover>img{ transform: scale(1.1);  transition: ease-out all 1s;}

.about-four-list{ width:1030px; margin:0 auto; }
.about-four-list li{
	padding:20px 30px;
	vertical-align:top;
		width:432px; height:82px; display:block; 
		margin-right:36px; 
		background:url(../images/abfourbg.png) no-repeat left center; 
		display:inline-block;
		margin-bottom:36px; 
		text-align:center;

}
.about-four-list li:nth-child(2n+2){margin-right:0px;}
.about-four-list li>h4{ display:block; font-size:24px; color:#080403;}
.about-four-list li>p{ display:block; font-size:18px; color:#080403;}
.aboutmap-font{ text-align:center; line-height:28px;}

.licheng-box{ width:100%; border-top:1px solid #d3d3d3; margin-top:70px;}
.tablicheng{ width:1390px; margin:0 auto;}
.tablicheng .boxlc{ padding:50px 0px; display:none; height:250px;} 
.tablicheng #tablc { text-align:center; width:1032px; margin:0 auto;    margin-top: -40px;}
.tablicheng #tablc li{ display:inline-block; width:120px;}
.tablicheng #tablc li:hover{ cursor:pointer;}
.tablicheng #tablc li span{ width:16px; height:16px; border-radius:12px; background:#d51719; display:block; margin:0 auto;margin-top:6px; border:4px solid #d3d3d3;}
.tablicheng #tablc li.active span{ border-color:#ffde00;}
.tablicheng .boxlc h2{ font-size:36px; height:60px; color:#d51719;}
.tablicheng .boxlc{ font-size:20px; line-height:36px;}
.tablicheng .boxlc span{ display:inline-block; width:50px;}
.lc-font-2017{ margin-left:240px;}
.lc-font-2018{ margin-left:370px;}
.lc-font-2019{ margin-left:500px;}
.lc-font-2020{ margin-left:620px;}
.lc-font-2021{ margin-left:750px;}
.lc-font-2022{ margin-left:870px;}
.lc-font-2023{ margin-left:1000px;}
.lc-font-2024{ margin-left:1050px;}

.line666{ font-size:16px; color:#666; line-height:36px;}
.circle-icon{ width:1094px; margin:0 auto; margin-bottom:90px;}
.circle-icon li{ float:left; width:120px; height:120px; border-radius:62px; border:1px solid #f1f1f1;  text-align:center; line-height:120px;display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  margin-right:40px;
	  }
.circle-icon li:last-child{ margin-right:0;}
.contact-banner{ background:url(../images/map.png) no-repeat top center;}
.contact-dw-box{ margin:0 auto; width:930px; position:relative;}
.contact-dw-box .dwpot{ position:absolute; top: 265px; left: 240px; width:32px; height:48px; background:url(../images/red-map.png) no-repeat; display:block;}
@keyframes openwidth{
    0%{ transform: scale(0,1); opacity: 0;}   
    100%{ transform: scale(1,1); opacity: 1;}       
}
@-webkit-keyframes openwidth{
    0%{ transform: scale(0,0); opacity: 0;}   
    100%{ transform: scale(1,1); opacity: 1;}   
}
@-o-keyframes openwidth{
    0%{ transform: scale(0,0); opacity: 0;}   
    100%{ transform: scale(1,1); opacity: 1;}    
}
@-ms-keyframes openwidth{
    0%{ transform: scale(0,0); opacity: 0;}   
    100%{ transform: scale(1,1); opacity: 1;} 
}
@-moz-keyframes openwidth{
    0%{ transform: scale(0,0); opacity: 0;}   
    100%{ transform: scale(1,1); opacity: 1;}  
}
.contact-dw-box .companyname{ width:385px; height:108px; transition: all 1s; background:url(../images/mapnamebg.png) no-repeat; position:absolute; left: 246px;top: 195px;display:block; }
.contact-dw-box .companyname h2{ font-size:30px; color:#000; padding: 20px 0px 0px 68px;}
.contact-dw-box .companyname .gztime{ font-size:12px; color:#666; padding-left:50px}
.hugefont{ font-size:42px; color:#333; font-family:Microsoft Yahei;}
.content-three{margin-bottom:150px;}
.content-three ul li{ width:320px; display:inline-block; margin-left:30px; margin-right:30px; vertical-align:top; text-align:center;}
.content-three ul li .contacticon{ width:95px; height:95px; display:block; margin:0 auto;}
.content-three ul li .lianxi{ background:url(../images/email.svg) no-repeat center center;}
.content-three ul li .mianfei{ background:url(../images/zixun.svg) no-repeat center center;}
.content-three ul li .xianxia{ background:url(../images/xianxia.svg) no-repeat center center;}
.content-three ul li>p{ font-size:16px; color:#333; font-family:Microsoft Yahei; line-height:50px;}
.content-three ul li .contact-title{ color:#333; font-size:24px;}
.content-three ul li .email{color:#0090ff; font-size:24px;line-height:60px;}
.content-three ul li .telephone{ font-size:36px;color:#000000;line-height:60px;}
.content-three ul li .contactadd{ font-size:14px;color:#333; line-height:60px;}

.rel-school-box{ width:1190px; margin:0 auto; text-align:center;margin-bottom:100px;}
.rel-school-box .rel-schools li{ display:inline-block; width:350px; margin:0 20px;}
.rel-school-box .rel-schools li .rel-img{width:350px; height:242px; overflow:hidden;border-radius:8px; }
.rel-school-box .rel-schools li .rel-img img{width:100%;transition:all ease 1s; height: 100%;   object-fit: cover;}
.rel-school-box .rel-schools li:hover .rel-img img{ transform:scale(1.1)}
.rel-school-box .rel-schools li a>p{font-size:16px; color:#444; line-height:42px;}
.mobile-bottom, .mobilewx{ display:none;}
.zhizhao1{display: inline-block;  width: 300px;    transition: all 1s;}
.zhizhao2{display: inline-block; vertical-align:top; margin-top:30px;  width: 407px;    transition: all 1s;}
.zhizhao1:hover, .zhizhao2:hover{    transform: scale(1.1);  transition: ease-out all 1s;}
.ab-banner-mobile{ display:none;}
.pcmap{ display:block;}
.mobilemap,.mobileshow{ display:none;}
.mobileselect, .mobile-table{ display:none;}

/*地图容器*/
#map_container1{width:502px; height:498px; overflow:hidden;}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0s ease-out;
    -o-transition: -o-transform 0s ease-out;
    transition: transform 0s ease-out;
    -webkit-transform: translate(0,-55%);
    -ms-transform: translate(0,-55%);
    -o-transform: translate(0,-55%);
    transform: translate(0,-55%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-header .close {
    margin-top: 2px;
}
.closebtn{ background:url(../images/close.png) no-repeat top center; display: block;  width: 25px;  height: 25px;  background-size: 100%;}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
.modal-header { padding: 15px;}
.modal-body {  position: relative;  padding:0; width:500px; margin:0 auto;padding: 20px 0;}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.shenqingschool{ margin-left:10px;}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
	
    background-color: #000;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal {
    position: fixed;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
	width: 600px;
    margin: 0 auto;
}
.form-control{height:40px; border-radius:4px; outline:0; border:1px solid #ccc; padding:4px 6px; transition:all .3s;box-sizing:border-box;    width: 225px;}
.form-control:focus{border-color: #fcca00;box-shadow: inset 0 1px 1px rgba(0,0,0,.01), 0 0 8px rgba(252,202,0,.2);}
.form-control{margin:13px 10px;}
.form-horizontal #name {
    background: url(../images/form-name.svg) no-repeat 5px center;
    background-size: 8%;
    padding-left: 30px;
}
.form-horizontal #tel {
    background: url(../images/form-tel.svg) no-repeat 5px center;
    background-size: 8%;
    padding-left: 30px;
}
.form-horizontal #xueli {
    background: url(../images/form-xueli.svg) no-repeat 5px center;
    background-size: 8%;
    padding-left: 30px;
}
.form-horizontal #weixinno {
    background: url(../images/form-weixin.svg) no-repeat 5px center;
    background-size: 8%;
    padding-left: 30px;
}

.fade.in {
    opacity: 1;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop.in {
    filter: alpha(opacity=60);
    opacity: .6;
}
.quedingbtn{ margin-top:20px; text-align:center;}
.quedingbtn .btn-primary {
    width: 225px;
    height: 45px;
    background: #fcca00;
    border: none;
    border-radius: 30px;
    color: #000;
    font-size: 20px;
    font-family: Pingfang-Medium;
	margin:0 auto;
	 margin-bottom:40px;
}

.topbar{ height:3.2rem; background:#f7f7f7; width:100%; line-height:3.2rem;overflow:hidden; }
.topbar a{ font-size:1.2rem; background:url(../images/backjt.svg) no-repeat left center; margin-left: 1rem;
    padding-left: 1.4rem;    background-size: 35%; color:#333;}
.msq-box{width: 92%;    margin: 0 auto; margin-top:2rem; overflow:hidden;}
.msq-box .form-control{height:2.5rem; border-radius:0px; outline:0; border:none; border-bottom:1px solid #ccc; padding:4px 0px; transition:all .3s;box-sizing:border-box;width: calc(100% - 4rem);font-size:1rem;}
.msq-box .msq-school span{ width: 5rem; display:inline-block; float:left;font-size: 1rem; margin-top: 1.4rem;     text-align: left;}
.msq-box .msq-school .form-control{height:2.5rem; border-radius:0px; border:none; border-bottom:1px solid #ccc;  padding:4px 6px; transition:all .3s;box-sizing:border-box; width: calc(100% - 6rem);display:inline-block; float:left; color:#d61718; font-size:1.3rem;}

.msq-box .msq-name{width:100%; background:url(../images/form-name.svg) no-repeat left center; padding-left:3rem;}
.msq-box .msq-tel{width:100%; background:url(../images/form-tel.svg) no-repeat left center; padding-left:3rem;}
.msq-box .msq-xueli{width:100%; background:url(../images/form-xueli.svg) no-repeat left center; padding-left:3rem;}
.msq-box .msq-weixin{width:100%; background:url(../images/form-weixin.svg) no-repeat left center; padding-left:3rem;}

.msq-box .form-control:focus{border-color: #fcca00;box-shadow:none;}
.msq-box .form-control{margin:1rem 0px;}
.msq-box input::-webkit-input-placeholder {
        color: #999;
      }
.msq-box input::-moz-input-placeholder {
        color: #999;
      }
.msq-box input::-ms-input-placeholder {
        color: #999;
      }
	  
.msq-box .quedingbtn .btn-primary{ width:70%; font-size:1.2rem;}
.msq-box .quedingbtn {    margin-top: 3rem;}
.tcweixin > span{ position:relative;}
.tcweixin > span .wxcodeimg{  width: 100px;   height: 100px;    position: absolute;   left: -30px;   top: 40px;   background: none;display:none;}
.tcweixin > span .wxcodeimg>img{ width:100%}
.tcweixin > span:hover .wxcodeimg{ display:block;}

.schoolslist>li .scbutton .zxun{ position:relative;}
.schoolslist>li .scbutton .zxun .showwxcode{display: none;  width: 100px;
    height: 100px;
    position: absolute;
       left: 20px;
    top: -110px;
    background: none;webkit-box-shadow: 0px 2px 5px 0px #ccc;
    -moz-box-shadow: 0px 2px 5px 0px #ccc;
    box-shadow: 0px 2px 5px 0px #ccc;
}
.schoolslist>li .scbutton .zxun .showwxcode img{ width:100%;}
.schoolslist>li .scbutton .zxun:hover .showwxcode{display: block;}
.mobile-show{display:none;}
.cs_pop{display:none;}
.swiper-aad-box .swiper-button-next{display:none;}
.backpart{background:url(../images/quan.png) no-repeat top center; width:681px; height:648px; margin:0 auto; margin-top:100px; position:relative;}
@keyframes movecl-1
{
from {top:166px;  left:256px;}
to {top:232px; left:294px; }
}
@keyframes movecl-2
{
from {top:230px; left:382px;}
to {top:172px;  left:418px; }
}
@keyframes movecl-3
{
from {top:309px; left:496px;}
to {top:309px;  left:431px; }
}
@keyframes movecl-4
{
from {top:386px; left:383px;}
to {top: 448px; left: 420px; }
}
@keyframes movecl-5
{
from {top: 456px;    left: 253px;}
to {top: 386px;    left: 293px; }
}
@keyframes movecl-6
{
from {top:309px; left:250px;}
to {top:309px;  left:173px; }
}
.movecs{ width:14px;height:14px;
	border-radius:80px;

    position:absolute;
    background:#ffe161;}
#move-1{
   
    animation:movecl-1 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
#move-2{
   
    animation:movecl-2 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
#move-3{
   
    animation:movecl-3 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
#move-4{
   
    animation:movecl-4 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
#move-5{
   
    animation:movecl-5 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
#move-6{
   
    animation:movecl-6 /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无线播放*/
        alternate/*往返动画*/;
}
.showMore_mobile{ color:#007aff}
.yyzz{display:none;}
.copyright span.ty{position:relative;}
.copyright .ty:hover .yyzz{position:absolute; display:block;top: -270px; left: -190px;}
/* ipad pro */

@media screen and (max-width:1024px){

.subnavs {
    width: 100%;
    height: 2rem;
    border-bottom: none;
    margin-top: 3.2rem;
}
.subbox {
    width: 92%;
    margin: 0 auto;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #666;
}
#map_container1{
  width:100%;
height:250px;
}
.mobilewx{ 
    position: fixed;
    bottom: 0;
    left: 0;
	display:block;
    width: 100%;
	padding-bottom:0.5rem;
    height: 54px;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 -3px 5px 0 rgb(55 52 52 / 5%);}
.mobilewx .footer-nav_list {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	
}
.mobilewx .footer-nav_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
	flex-wrap: wrap;
}
.mobilewx .footer-nav_item span {
    display:block;
    width: 75px;
    height: 30px;

	
}
.mobilewx .footer-nav_item p{    
    display: block;
    font-size: 0.8rem;
    color: #666;
    line-height: 0.8rem;
    margin-top: -8px;
	width:100%;
	text-align:center;
}
.mobilewx .footer-nav_item.nav-item--1 span {
    background: url(../images/bottom-home.svg) no-repeat center center;
	background-size:30%;
}
#home .mobilewx .footer-nav_item.nav-item--1 span {
	 background: url(../images/bottom-home-on.svg) no-repeat center center;
	 background-size:30%;
}

.mobilewx .footer-nav_item.nav-item--2 span {
    background: url(../images/bottom-ku.svg) no-repeat center center;
	background-size:40%;
}
#schools .mobilewx .footer-nav_item.nav-item--2 span {
    background: url(../images/bottom-ku-on.svg) no-repeat center center;
	background-size:40%;
}
.mobilewx .footer-nav_item.nav-item--3 span {
	width:44px;
    height: 44px;
	border-radius:46px;
	margin-top:-28px;
	border:8px solid #fff;
	box-shadow: 0 -3px 5px 0 rgb(55 52 52 / 5%);
    background:#ffcf06 url(../images/bottom-mianfe.svg) no-repeat center center;
	background-size:50%;
}
.mobilewx .footer-nav_item.nav-item--4 span {
    background: url(../images/bottom-liuxue.svg) no-repeat center center;
	background-size:35%;
}
#services .mobilewx .footer-nav_item.nav-item--4 span {
    background: url(../images/bottom-liuxue-on.svg) no-repeat center center;
	background-size:35%;
}
.mobilewx .footer-nav_item.nav-item--5 span {
    background: url(../images/bottom-contact.svg) no-repeat center center;
	background-size:30%;
}
#contact .mobilewx .footer-nav_item.nav-item--5 span {
    background: url(../images/bottom-contact-on.svg) no-repeat center center;
	background-size:30%;
}
#home .mobilewx .footer-nav_item.nav-item--1 p,
#schools .mobilewx .footer-nav_item.nav-item--2 p,
#services .mobilewx .footer-nav_item.nav-item--4 p,
#contact .mobilewx .footer-nav_item.nav-item--5 p{ color:#050507;}

	
.chuxin_mservices {
    position: fixed;
    left: 0;
    bottom: 4rem;
    z-index: 99;
}
.tms_btn {
    display: block;
    margin-bottom: 10px;
    width: 90px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-left: none;
    color: #161616!important;
    font-size: 12px;
    box-shadow: 0 8px 15px -8px rgb(0 0 0 / 24%);
    border-radius: 2px;
}
.tms_icon {
    width: 19px;
    height: 19px;
	    box-sizing: border-box;
    vertical-align: middle;
    border: 0;
}
.cs_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.cs_pop.active {
    display: block;
    overflow: visible;
}

.cs_pop_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    transition:transform .5s;
    transform: translateY(100%);
}
.cs_pop_box.active {
    transform: translateY(0);
}
.cs_infor_item{
	width: 50%;
    margin: 0 auto;
	}
.cs_infor_item img{ width:80%;}
.cs_pop_weixin{ font-size:0.9rem; color:#333; line-height:2.5rem;}
.cs_pop_desc{ font-size:0.8rem; color:#999; margin-bottom:2rem}
.cs_pop_header {
    width: 100%;
    height: 36px;
    position: relative;
    background: #ffcf06;
    text-align: center;
}
.cs_pop_close {
    position: absolute;
    right: 20px;
    top: 8px;
    color: #000;
    font-size: 12px;
	padding-left: 1rem;
	background: url(../images/lowjt.svg) no-repeat left center;
    background-size: 35%;

}
.close_pop_icon {
    position: relative;
    top: 7px;
    color: #000;
    
}
.tshe-modal-mask {
    opacity: 0;
    filter: alpha(opacity = 0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    transition: opacity .45s ease;
    -moz-transition: opacity .45s ease;
    -webkit-transition: opacity .45s ease;
    -o-transition: opacity .45s ease;
}

	.mobile-show{display:block;}
	html,body{overfow:hidden;overfow-y:auto;}

.fixwx{ width:90%; margin:0 auto;}
.fixwx .wxicon{ width: 8%;float: left;background:url(../images/mobilewx.svg) no-repeat left center; width:3rem; height:3rem; display:inline-block; background-size:contain;}
.fixwx .wxcopy {
    display: block;
    width: 90%;
	border-radius:3rem;
    height: 3rem;
    background: #ffcf06;
    vertical-align: top;
    float: right;
	text-align:center;
	font-size:0.8rem;
	line-height:1.4rem
}
.fixwx .wxcopy p{font-size:1rem;}
.mobile-bottom{ background:#333; width:100%; padding:2rem 0;}
.mobile-bottom .mobile-botbox{ width:90%; margin:0 auto;color:#e7e7e7;}
.conytitle{ font-size:1.5rem; line-height:3rem;  }
.conyname{ font-size:1.2rem; line-height:2rem; margin-bottom:0.5rem; }
.cony{font-size:0.9rem; line-height:2rem; color:#ccc; font-weight:300; }
.conytel:before{ content:""; background:url(../images/mobile-tel.svg) no-repeat left center; padding-left:1.5rem;background-size:contain; }
.conyemail:before{ content:""; width:0.5rem; background:url(../images/mobile-email.svg) no-repeat left center; padding-left:1.5rem;background-size: 80%;}
.conyaddress:before{ content:""; background:url(../images/mobile-add.svg) no-repeat left center; padding-left:1.5rem;background-size:contain; }
.conytime:before{ content:""; background:url(../images/mobile-time.svg) no-repeat left center; padding-left:1.5rem;background-size:contain; }
.conycopy, .conycopy a{ color:#666; line-height:1.5rem; margin-top:0.5rem;}
.bottombox{display:none;}
.mobile-bottom{ display:block;}
.header{display:none;}
.chuxin_header, .chuxinbox_nav{display:block;}
.chuxin_header{height:3.2rem;overflow:hidden;background:#fff;position:fixed;z-index:101;width:100%; top: 0;
   /*webkit-box-shadow: 0px 2px 5px 0px #ccc;
    -moz-box-shadow: 0px 2px 5px 0px #ccc;
    box-shadow: 0px 2px 5px 0px #ccc;*/}
.chuxin_logo{padding:10px;float:left;height:3.2rem; width:8.8rem}
.chuxin_logo img{margin:auto;}
.chuxin_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.chuxin_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.chuxin_nav span:nth-of-type(1){top:0px}
.chuxin_nav span:nth-of-type(2){top:10px}
.chuxin_nav span:nth-of-type(3){top:20px}
.chuxin_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.chuxin_nav_se span:nth-of-type(2){width:0}
.chuxin_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.chuxinbox_nav{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 0px);font-size:1rem;line-height:3rem;top:-100%;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; }
.nav_show{top:3.2rem;}
.chuxinbox_nav ul li{border-top: 1px #ddd solid; padding-left: 1.2rem;position: relative;line-height: 3.5rem;font-size: 1rem;}

.chuxinbox_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.chuxinbox_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.chuxinbox_nav ul li.chuxinbox_nav_cur>a{color:#d20709}
.chuxinbox_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.chuxinbox_nav ul li i svg{transition:all ease 0.35s}
.chuxinbox_nav ul li .chuxinbox_nav_i_se svg{transform:rotate(90deg)}

.chuxinbox_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.chuxinbox_nav ul li ul{display:none}
.chuxinbox_nav ul li a{color:#666;width:100%; display:block;}
.chuxinbox_nav ul li ul li a{color:#103453;display:block;text-align:center;}
.chuxinbox_nav ul li i svg{width:20px;height:20px;fill:#000000;}
.chuxinbox_nav ul li .chuxinbox_nav_i_se svg{fill:#000000;}
.chuxinbox_nav ul li ul li>ul{margin-left:10px}

.banner-aad{margin-top:3.2rem;}
.banner-aad .swiper-container{ min-width:100%;}
.banner-aad .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1rem;}
.banner-aad .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:1.5rem; height:2px;}
.slide-title{ font-size:2.8rem;line-height: 3rem;}
.slide-des {
    font-size: 1.5rem;
	line-height:2rem;
    letter-spacing: 0.4rem;
}
.slide-entitle {
    font-size: 2rem;
    text-transform: uppercase;
}
.slider-content{ width:80%;}
.fouricons {
    padding-top:1.3rem;
    padding-bottom:1.5rem;
    margin: 0 auto;
    width: 96%;
}
.fouricons .h2title{ display:none;}
.fouricons ul{margin-top:0rem;}
.fouricons ul li {
   display: inline-block;
    margin-right: 1.5%;
    width:22.5%;
}
.fouricons ul li a{    font-size: 1rem;}
.fouricons ul li a > i{
	display:block;
	text-align:center;
	margin-bottom:10px;
	height:5rem;
	}
.fouricons ul li:nth-child(1) a > i{
	width:80%;
	 margin: 0 auto;
	background:url(../images/main-01.svg) no-repeat center 100%;
}
.fouricons ul li:nth-child(2) a > i{
	width:80%;    margin: 0 auto;
	background:url(../images/main-02.svg) no-repeat center 100%;
}
.fouricons ul li:nth-child(3) a > i{
	width:80%;    margin: 0 auto;
	background:url(../images/main-03.svg) no-repeat center 100%;
}
.fouricons ul li:nth-child(4) a > i{
	width:80%;    margin: 0 auto;
	background:url(../images/main-04.svg) no-repeat center 100%;
}

.contbox-bg{ background:#fff;padding-top: 2rem;}
.schools{min-width:100%;}
.tabheight{ height:2.5rem;}
.tabwrap {
    width: 92%;
    margin: 0 auto;
    margin-top: 2rem;    margin-bottom: 2rem;}	
.tabwrap ul{ margin-bottom: 2rem;}
.tabwrap ul li {
    display: inline-block;
    padding: 0 1.4rem;
    margin: 0 0.8rem;
    line-height: 2.2rem;
    font-size: 1.2rem;
    border:1px solid #fc8e00;
    border-radius: 1.5rem;
	background:#fff3c3;
	color:#fc8e00;
	margin-bottom: 1rem;
}
.tabwrap ul li.active {
    background: #fc8e00;
   border-radius: 1.5rem;
    color: #fff;
}
.leftschool {
    display: inline-block;
    width: 100%;
	margin:0 auto;
    float: none;
}
.leftschool .item {
    border: none;
    border-radius:0;
    width: 46.5%;
    height:auto;
    overflow: hidden;
    background: #fff;
    margin-right: 5%;
    display: inline-block;
    margin-bottom: 1.2rem;
    box-shadow: none;
    vertical-align: top;
}

.leftschool .item:hover{border: none; background: none;}
.leftschool .item .item-img {
    overflow: hidden;
    height: 8rem;
   border-radius: 8px;
}
.leftschool .item .item-img img {
    width: 100%;
    transition: all 1s;
	 border-radius: 8px;
height: 100%;
    object-fit: cover;
}
.leftschool .item .item-content .item-title {
    font-size: 1.5rem;
    color: #333;
}
.leftschool .item .item-content .item-des {
    font-size: 1rem;
    color: #666;
    line-height: 24px;
}
.leftschool .item .item-content {
    padding: 0.5rem;
}
.leftschool dl dd:nth-child(3n+3){margin-right:5%}
.leftschool dl dd:nth-child(2n+2){margin-right:0;}


.license {
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
    padding-bottom: 2rem;
}

.licensebox{ height:40rem; }
.licensebox .swiper-licensemobile-container{
      width: 120%;
	  overflow:hidden;
      height: 100%;
	  margin-left:-10%;

    }
	
.licensebox .swiper-licensemobile-container{
      width: 120%;
	  overflow:hidden;
      height: 100%;
	  margin-left:-10%;

    }
.licensebox .swiper-licensemobile-container .swiper-wrapper{
	margin-top: 2rem;
    margin-bottom: 3rem;
}
.licensebox .swiper-licensemobile-container .swiper-slide {
      text-align: center;
      font-size: 14px;
      background: #fff;
     height:2rem;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  flex-wrap:wrap;
    }

.licensebox .swiper-licensemobile-container .swiper-slide-active,.licensebox .swiper-licensemobile-container .swiper-slide-duplicate-active{
      transform: scale(1);
	}
.licensebox .swiper-licensemobile-container .swiper-slide>p{ line-height:2rem;}
.licensebox .swiper-licensemobile-container .swiper-slide img{ width:100%; display:block;}


.case {
    width: 90%;
    margin: 0 auto;
	margin-bottom: 3rem;
}
.case .caselist .case-item {
    width: 100%;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 1rem;
}
.case .case-img {
    width: 30%;
    overflow: hidden;
    float: right;
    height: 5rem;
}
.case .case-img img{ border-radius:6px;}
.case .case-content {
    border: none;
    padding: 0;
    float: left;
    width: 60%;
}
.mcounter {
    position: relative;
    height: auto;
    background: #f5f5f5;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
	 width: 100%;
}
.mcounter .containers {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.mcounter ul.content_list li {
    width: 50%;
}
.knowbox {
    width: 90%;
    margin: 0 auto;
    padding-top:3rem;
}
.knowbox .caselist .case-item {
    width: 47%;
    display: inline-block;
    margin-right: 5%;
    margin-bottom: 2rem;
vertical-align: top;
}
.knowbox .caselist .case-item .case-img {
    width: 100%;
    height: 10rem;
    overflow: hidden;
	float:none;
}
.knowbox .case-content {
    border:none;
    padding: 1rem 0;
}
.knowbox .case-click .time {
    display:none;
}
.knowbox .caselist .case-item:nth-child(3n+3){ margin-right:5%;}
.knowbox .caselist .case-item:nth-child(2n+2){ margin-right:0;}

.bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/bilibili.jpg) no-repeat top center;
	background-size:100%;
    height: 20rem;
    border-radius: 8px;
    position: relative;
    padding-bottom: 30px;
}
#scrollBox {
    width: 42%;
    height: 32%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 36%;
    left: 8%;
}
#scrollBox ul li>p{
	
	font-size: 1rem;
    color: #000;
    line-height: 1.5rem;
    text-indent: 1rem;
    padding-bottom: 1rem;
	}
.process-bg {
    width: 100%;
    padding-top: 2rem;
	padding-bottom: 2rem;
	overflow:hidden;
}
.process {
    width: 95%;
    margin-left: 8%;
}
.process #tab1 #tab11>li {
    margin-left: 0rem;
    display: inline-block;
    width: 19%;
}
.process #tab1 #tab11>li>.tabicon i {
    border: 4px solid #ffe172;
    display: inline-block;
    text-align: center;
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
    overflow: hidden;
}
.process #tab1 #tab11>li .tabicon:after {
    content: "";
    background: url(../images/whitejt.svg) no-repeat center center;
    width: 29px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20%;
    margin-left: 1.2rem;
}
.process #tab1 #tab11 > li > p {

    width: 50%;
    font-size: 1rem;

}
.process #tab1 #tab11>li>.tabicon i span {
    width: 5rem;
    display: block;
    height: 5rem;
    transition: none;
}
.process #tab1 #tab11>li.active .tag1 i span.s-icon {
    background: #fff url(../images/z-01a.svg) no-repeat center center;
}

.process #tab1 #tab11>li>.tabicon i:hover span {
    transform: scale(1);
}
.mcounter ul.content_list li p {
    font-size: 1rem;
}
.zhanji {
    padding-top: 2rem;
    width: 100%;
    margin: 0 auto;
	
}
.students{padding: 1rem; margin-bottom:2rem}

.students, .swiper-student-box-mobile {
    height: 42rem;
   
}

.studenttab{
    border: 1px solid #f0f0f0;
    height: 99%;
    width:88%;margin: 0 auto;
}
.swiper-student-box-mobile .swiper-button-next{
right:-15px;
outline:none;
}
.swiper-student-box-mobile .swiper-button-prev{
left:0px;outline:none;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:1.5rem; color:#ffcf06;}
.studenttab ul {
    float: left;
    width: 45%;
    padding-left: 1%;
}
.studenttab ul > li {
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    border-radius: 0;
    margin: 0;
	margin-bottom:30rem
}

.studenttab ul > li.active {
    box-shadow: none;
}
.leftzhanji{
	display: inline-block;
    width: 48%;
	overflow:hidden;
	 padding-left: 1%;
}
.leftzhanji p{height: 20px;overflow: hidden;}
.rightzhanji{
	display: inline-block;
    width: 48%;
	position:relative;
    
	 overflow:hidden;
}
.sdetail {
    font-size: 1rem;
    color: #666;
    line-height: 2rem;
    margin-top: 5px;
    margin-left: 25%;
}
.simg {

    margin-top: 5rem;
}
.leftzhanji .simg img{ width:100%;}
.boxst {
    display: none;
    width: 50%;
    border: 0;
    border-radius: 0px;
    float: right;
    overflow: hidden;
    position: relative;
       height: 98%;
    margin-top: 1%;
}
.stellerbg {
    width: 100%;
    background: #f0f0f0;
    padding-top: 0rem;
    height:auto;
}
.stellboxbg {
    width: 86%;
    padding: 4rem 0;
    height:auto;
}


.stellbox {  padding-left: 0;   }

.hezuobox {
    width: 90%;
    margin: 0 auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.hezuolist li{ width:28%; margin-left:2%; margin-right:2%;margin-bottom:2rem; height:auto;}
.swiper-hezuo-box {
    height: 10rem;
    margin-top: 1rem;
}
.hezuolist li img{ width:100%; }
.hezuolist li:nth-child(3n+3) {
    margin-right: 0;
}




.process .dsnone, .rightwx, .leftschool .item .item-button, .rightkoubei, .morebutton, .linkbox, .copyright span, .ab-banner{display:none;}
.copyright span.ga{ display:block;}
.copyright {  width: 100%;   padding-bottom: 1.5rem;  font-size: 0.8rem;}
.copyright span.ga {
    line-height: 3rem;
    margin-right: 0;
    margin-bottom: 2.5rem;
}
.top-banner{ margin-top:3.2rem;}
.ab-banner .inbanner-font {
    margin: 0 auto;
    width: 80%;
    text-align: left;
	   
}
.top-banner .inbanner-font{ padding-top: 18%;text-align: left;margin: 0 auto;
    width: 66%;}
.top-banner .inbanner-font h2 {
    font-size: 1rem;
    line-height: 1rem;
}
.ab-banner-mobile .inbanner-font h2 {
    color: #080403;
	font-size:2.5rem;
	line-height:3rem;
}
.ab-banner-mobile{ background:url(../images/ab-banner-mobile.jpg) no-repeat top center;background-size: 100%;}

.about-box{width: 90%; margin-top: 2rem;}
.pdb50 { padding-bottom: 2rem;}
.leftabout{width: 100%; float:none;padding-top: 0;    font-size: 1rem; line-height:1.8rem;}
.abouimg{float: none; margin: 0 auto; width: 90%;  margin-top: 2rem;    margin-bottom: 2rem;}
.about-img-list{  width: 90%; margin: 0 auto;}
.about-img-list li{    margin-right: 1.8%;  margin-bottom: 0.8rem; height:auto;  width: 48%;}
.about-four-list{ width:90%; margin: 0 auto; overflow:hidden;}
.about-four-list li{ padding:3% 6%; width: 88%; border-radius:6px; background-size:cover;}
.about-four-list li>h4 { font-size: 1.5rem;  line-height: 2.5rem;}
.about-four-list li>p {font-size: 1.2rem; color: #080403;}
.about-four-list li{ height:auto;text-align: center; margin-bottom: 1.5rem;}
.ab-banner-mobile{ display:block;}
.aboutmap-font {
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.9rem;
}
.aboutmap-font img{ width:100%;}
.pcmap{ display:none;}
.mobilemap{ display:block;}

.tablicheng .boxlc {
    font-size: 1rem;
    line-height: 1.8rem;
}
.tablicheng .boxlc {
    padding: 5% 15%;
    display: none;
    height: auto;
}
.lc-font-2017, .lc-font-2018, .lc-font-2019, .lc-font-2020, .lc-font-2021, .lc-font-2022, .lc-font-2023, .lc-font-2024 { margin-left: 0; }
.tablicheng { width: 90%; margin: 0 auto;}
.tablicheng #tablc {
    text-align: center;
    width: 100%;
}
.tablicheng .boxlc h2 {
    font-size: 2rem;
    height: 3rem;
}
.tablicheng #tablc li {
    display: inline-block;
    width: 16%;
}
.line666 {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5em;
    margin-top: 1rem;
}
.circle-icon {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.circle-icon ul{ text-align:center;}
.circle-icon li {
    float: none;
    width: 4rem;
    display: inline-block;
    height: 4rem;
    border-radius: 4rem;
	line-height:4rem;
	margin-bottom:1rem;
	margin-left:1rem;
	margin-right:1rem;
}
.circle-icon li img{width: 90%;vertical-align: middle;	}
.jzg{ margin-top:2rem; margin-bottom:2rem;}

.inbox {
    width: 100%;
    margin: 0 auto;
    margin-top: 3.2rem;
}
.rightbox {  display:none;}
.sr-only{ display:none;}
.borderbox{ border:none;padding:0px;}	
.leftbox { width: 100%;}
.form-inline{ display:block; border-top:1px solid #efefef; padding:1rem;}
.form-group{display:inline-block;width: 68%;}
.form-control-plaintext {
    width: 85%;
    padding: 0 0.8rem;
	height:2.48rem;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-right: 0;
	
}
.btn-primary {
    width: 30%;
    height:2.5rem;
    font-size: 1rem;
	background:#fec614;
	color:#000;
    font-family: Pingfang-Medium;
}
.btn-primary:hover{background:#fec610;}

.selectbox{ width:100%;  height: 2rem; z-index:2;  background:#fff; }
.select_nav{ line-height:2rem; color:#d3d3d3; width:90%; margin:0 auto;}
.select_nav span{ display:inline-block; width:32%; text-align:left; color:#333;height: 2rem; font-size:1rem;}
.select_nav span:after{ content:""; display:inline-block; width:0.8rem; height:1rem; background:url(../images/jtxia.svg) center center no-repeat #fff; background-size:100%; vertical-align:middle; margin-left:0.5rem; }
.select_nav span:first-child{ text-align:left;}
.select_nav span:nth-child(2){ text-align:center; }
.select_nav span:last-child{ text-align:right; }
.select_nav .select_this{ color:#be0000; }
.select_nav .select_this:after{transform: rotate(180deg);}
.select_down_bg{ width:100%; background:#fff;z-index: 998;  position: relative;}
.select_down{ display:none; background:#fff;border-top: 1px solid #fafafa;padding-top: 1rem;padding-bottom: 1.5rem;}
.select_far{ width:100%; background:#fff; overflow:hidden;}
.second-down{width: 96%;    margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: flex-start;align-content: space-between;
  overflow:hidden;}
.second-down dt{ display:block; width:100%;  margin-bottom: 0.5rem;}
.second-down dt a{color: #000;  font-weight: 600;  font-size: 1rem;padding: 0 1rem; display: block;}

.second-down dd{  margin-right:0.5rem; line-height:1.8rem;background: #f5f8ff;  margin-bottom: 0.5rem;margin-top: 0.5rem;}
.second-down dd a{ color:#333; font-size:0.8rem;  padding: 0 1rem; display: block; }

.second-down dd a.checked{background: #fec614;}
.select_far li{ width:30%; margin-left:1%; margin-right:1%; display:inline-block; height:2rem; line-height:2rem; background:#f5f8ff; text-align:center; border-radius:2rem; margin-bottom:1rem;}
.select_far a{ display:block; height:2rem; line-height:2rem; clear:both; color:#414449; font-size:0.8rem;}
.select_far a:active,.select_far .far_this{ background:#fec614; line-height:2rem;border-radius:2rem;}

.showMore_mobile{ text-align:center; font-size:12px; line-height:35px; display:block;}

.select_bg{ display:none; width:100%; height:100%; position:fixed; z-index:1; background:rgba(0,0,0,0.6);}
 .mobileselect{display:block;	}
 .form-check{ display:none;}
 .schoolslist {
    margin-top: 1rem;
    width: 100%;
overflow:hidden;

}
.schoolslist>li{
	border:0;
	border-bottom:solid #efefef 0.5rem;
	padding:1rem;
}
.schoolslist>li .scimg{width:42%; height:auto; margin-right:4%;height: 8rem;}
.schoolslist>li .sctitle { width:53%;}
.schoolslist>li .sctitle .scname {font-size: 1rem;color: #333; font-weight: 500; line-height: 2rem; border-bottom:1px solid #efefef; margin-bottom:0.5rem;width:100%;}
.schoolslist>li .sctitle .miaoshu{ display:none;}
.schoolslist>li .scimg a img{ width:100%; border-radius:6px;    height: 100%;  object-fit: cover;}
.scbutton {  display: none;}

.schoolslist>li:hover{ box-shadow:none;}
.schoolslist>li .nos{ display:none;}
.pagination{ width:100%;}
.scfont {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5rem;
}
.diqu:before {
    background: url(../images/addresscor.svg) no-repeat left center;
    padding-right: 1rem;
	width:0.6rem;
	height:0.6rem;
	background-size: 70%;
}
.xuexiao:before {
    background: url(../images/schoolcor.svg) no-repeat left center;
    padding-right: 1.1rem;
	width:0.6rem;
	height:0.6rem;
	background-size: 83%;
}
.xuefei>span{font-size:1.2rem;  color: #d20709; font-weight:500;}
.xuefei:before {
       background: url(../images/moneycor.svg) no-repeat left center;
    padding-right: 1rem;
	width:0.6rem;
	height:0.6rem;
	background-size: 70%;
}
.pagination li a {
    font-size: 1rem;
}


.pagination li {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    line-height: 2rem;
}

.leftgallery{ width:100%;}
.leftgallery .gallery-thumbs{ display:none;}
.leftgallery .swiper-button-next, .leftgallery .swiper-button-prev{ display:none;}
.rightdetail{     width: 100%; background: #fff; border-top-left-radius: 8px;  border-top-right-radius: 8px; margin-top: -6px;z-index: 90;
    position: relative;}
.leftgallery .gallery-top{ height:100%;}
.rightdetail .schoolname {
	padding-top:2rem;
    font-size: 1rem;
    margin: 0 auto;
    width: 92%;
}
.school-tag-content {
    padding: 1.2rem;
    padding-bottom: 3rem;
}
.key-detail, .keybox, .school-price, .school-box{width: 92%;    margin: 0 auto;}
 .school-box{margin-bottom:3rem;}
.keybox a{ color:#ff7e00}
.key-detail .fleft{ width:50%;}
.key-detail .fright{ width:49%;}
.mingedetail {
    line-height: 1.5rem;
    color: #666;
    font-size: 0.8rem;
}
.minge {
    color: #000;
    font-size: 0.9rem;
    line-height: 1.5rem;
}
.minge:after {
    content: "";
    background: url(../images/tanhao.png) no-repeat center center;
    width: 1rem;
    height: 1.5rem;
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    background-size: 100%;
}
.school-price {
    font-size: 0.8rem;
    color: #666;
}

.rightdetail .keybox ul li{
    width: auto;
    height: 1.5rem;
    border: 1px solid #ff7e00;
    background: #fff3c3;
    color: #ff7e00;
    border-radius: 15px;
    line-height: 1.5rem;
    text-align: center;
    margin-right:0.8rem;
	font-size:0.8rem;
	padding:0 0.8rem;
	}
.rightdetail .keybox a{ color:#ff7e00}
.school-tag {
    background: url(../images/school-tag.png) no-repeat;
    width: 92%;
    height: auto;
    margin: 0 auto;
    margin-top: 14px;
    background-size: cover;
    border-radius: 6px;
	margin-bottom: 2rem;
}
.rightdetail .schoolname>span { padding-right: 1.5rem; font-size:1.5rem;}
.keyfonts {line-height: 1.5rem; font-size: 0.8rem;}
.keyfonts>span { font-size: 0.9rem; margin-right: 0.5rem;}
.school-price>span { font-size: 2rem;}
.grey-bg {
    width: 100%;
    height: auto;
    margin-top: 2rem;
    padding-bottom: 1rem;
}
.grey-bg .inbox-bg{ width:92%; margin:0 auto;}
.school-icon dt {
    width: 8%; height:auto;
	font-size: 0.8rem;
	    margin-left: 9%;
}
.school-icon dt img{
    width: 100%;
}
.mobileshow{ display:block;}
.school-icon dd {
    float: left;
    width: 31%;
    margin-right:0.5rem;
    line-height:2rem;
	margin-left:8%;
    font-size: 0.8rem;
    color: #666;
}
.school-box img{ width:100%}
.school-box .school-kg {
    padding: 1rem;
}
.schoolvideo{ width:100%; height:auto;}
.schoolvideo iframe{ width:100%; height:auto;}
.school-icon {
    width: 100%;margin:0;margin-bottom: 2rem;
}
.schoolvideo .videoicon{ width:2rem; height:2rem;    left: calc(50% - 1rem);background: rgba(0,0,0,0.4) url(../images/bofang.svg) no-repeat 60% 50%; background-size:40%;}
.videotitle {
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    line-height: 4rem;
}
.sc-title {
    padding-left: 1.2rem;
    height:2.8rem;
    background: #f6f6f6;
    display: block;
    line-height: 3rem;
    color: #080403;
    font-size: 1.2rem;
    border-bottom: 1px solid #e8e8e8;
}


.shujubg{display:none; }
.shujubox-mobile{display:block; width:100%;  position: relative;padding-bottom: 3rem;}
.shujubox-neirong{
	top:1rem; 
	background:#fff; 
	padding-top:0.5rem;
	height:auto;
	width:100%;
	position:relative;
	border-radius:8px;
	display:block;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
       box-shadow: none;
}
.circles{ margin:0 auto; margin-top:3rem; text-align:center; }
.mobile-circle{ display:inline-block; margin-left:1%; margin-right:1%; width:30%}
.circlename{display:block; color:#080403; font-size:0.81rem;width:100%; margin:0 auto;margin-top:20px;}
.circlename>span{ display: inline-block;  width: 30%;  text-align: center;    margin-left: 1%;margin-right: 1%;}
.mobile-hidden{ display:none;}
.kecheng-content>div { color: #666; line-height: 1.5rem; font-size: 0.8rem;}
.kecheng-content>h4 { font-size: 1rem; color: #000; line-height: 2.5rem;}
.school-content-kg { padding: 1.5rem;}
.sushe-first{ display:none;}
.sushelist{width: 92%;   margin: 0 auto;}
.sushelist li {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    width: 48%;
    height: auto;
    display: block;
    overflow: hidden;
}
.mrg { margin-top: 2rem; margin-bottom: 2rem;}
.sushe-table { width: 92%; margin-bottom: 3rem;}
.mobile-table{ display:block; padding: 1.5rem;}
.mobile-table img{ width: 100%;}
.sushe-table tr td {
    line-height:1.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: #333;
}
.bluebg {
    width: 100%;
    background: url(../images/bluebg-mobile.png) no-repeat top center;
    padding-bottom: 6rem;
	background-size:100%
}
.blue-box {
    width: 90%;
    margin: 0 auto;
}
.blueft-part {
    float: none;
    color: #0a137f;
    font-size: 1.5rem;
    padding-top: 3rem;
    line-height: 2.5rem;
}
.bluebg .blue-box .white-button{ 
    float:none;
    width: 12rem;
    height: 3rem;
    background: #fff;
    border-radius: 25px;
    margin-top: 2rem;
    text-align: center;
    line-height: 3rem;
    -webkit-box-shadow: 1px 2px 4px 2px #0a09091c6;
    -moz-box-shadow: 1px 2px 4px 2px #0a09091c;
    box-shadow: 1px 2px 4px 2px #0a09091c;
}
.bluebg .blue-box .white-button a{ font-size:1.35rem;}
.zhengshu{ width:90%;}
.zhengshulist li {
    display: inline-block;
    margin-left: 3%;
    width: 26%;
	margin-bottom: 8rem;
    text-align: center;
    margin-right: 3%;
}


.zhengshulist li img {
    border: 1px solid #595959;
    border-radius: 0.5rem;
    transition: all linear 0.2s;
	width:90%;
}
.zhengshulist li:first-child {
    margin-left: 3%;
}
.school-address{ width:100%;margin-bottom: 3rem;}
.left-address-img {  width: 100%;float:none;}
.left-address-img img{ width:100%;}
.right-address-content {
    width: 92%;
	float:none;
    margin: 0 auto;
    margin-top: 1rem;
}
.schoolditie>h5, .schooladd>h5 { font-size: 1rem;}
.ditiexiangxi, .schoolxiangxi {  margin-left: 1.5rem; font-size:0.8rem;}
.mobilelinkschool .schoolslist>li {border:none;}
.zhengshulist li:hover img {
    border: 1px solid #fcca00;
    border-radius: 8px;
    -webkit-box-shadow: 1px 2px 4px 2px #eee;
    -moz-box-shadow: 1px 2px 4px 2px #eee;
    box-shadow: 1px 2px 4px 2px #eee;
}
.school-tag-content .psc {
    margin-top: 1.5rem;
    width: 23%;
	display:none;
}
.school-tag-left {
    width: 100%;
    color: #b14f00;
    font-size: 0.8rem;
}
.school-tag-content .but a {
    width: 90%;
    display: inline-block;
    height: 1.8rem;
    background: #fcca00;
    border-radius: 35px;
    text-align: center;
    line-height: 1.8rem;
    color: #000;
    font-size: 0.8rem;
    transition: all ease 0.5s;
}
.school-content-kg>p {
    font-size: 0.8rem;
    color: #080403;
    line-height: 1.5rem;
    text-indent: 1.6rem;
}

.maps-mob{ width:100%;margin-top: 3.2rem;}
.maps-mob img{ width:100%;}
.hugefont { font-size: 1.4rem; }
.content-three ul li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
	margin-bottom:3rem;
}
.content-three ul li .contact-title {  font-size: 1.2rem;}
 .content-three ul li>p {
    font-size: 1rem;
    line-height: 3rem;
}
.content-three ul li .email {
    font-size: 1.2rem;
    line-height: 2rem;
}
.content-three ul li .telephone {
    font-size: 2rem;
    line-height: 2rem;
}
.content-three ul li .contactadd {
    font-size: 0.8rem;
    line-height: 1rem;
}
.content-three {
    margin-bottom: 2rem;
}
.service-mobile{ margin-top:3.2rem; width:100%;}
.service-mobile img{ width:100%;}
.zixuninbox {
    width: 96%;
    margin: 0 auto;
    margin-top: 3rem;
}

.zixuninbox .tabwrap ul li.active {
    background: #d20709;
    color: #fff;
}
.zixuninbox .tabwrap ul li {
    border: none;
    background: none;
    color: #444;
}
.caselist {  margin-top: 2.5rem;}
.zixuninbox .tabwrap .boxzixun1 li {
    padding: 0;
    margin: 0;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 46.5%;
	margin-bottom: 2rem;    
	float: left;
}

.zixuninbox .tabwrap .boxzixun1 li:nth-child(3n+3){ margin-right:1.5%;}
.zixuninbox .tabwrap .boxzixun1 li .case-img {  width: 100%; height:12rem;}
.zixuninbox .tabwrap .boxzixun1 li  .case-content{ border:0; padding:0.5rem 0;}

.zixuninbox .tabwrap .boxzixun1 li .case-click .time{ display:none;} 
.zixuninbox .tabwrap .boxzixun1 li.case-item .case-content .case-name { line-height: 1.5rem;  font-size: 0.9rem; height:3rem; overflow:hidden;}
.zixuninbox .tabwrap .boxzixun2 li{width: 100%;  display: inline-block;  margin-right: 0px;  margin-bottom: 1rem; }
.zixuninbox .tabwrap .boxzixun2 li .case-img{width: 20%; height: auto; overflow: hidden;  float: right;}
.zixuninbox .tabwrap .boxzixun2 li .case-img img{border-radius: 6px;}
.zixuninbox .tabwrap .boxzixun2 li .case-content{border: none;  padding: 0;  float: left;  width: 75%;}
.zixuninbox .tabwrap .boxzixun2 li.case-item .case-content .case-click{  font-size: 0.8rem;  line-height: 1rem;}
.zixuninbox .tabwrap .boxzixun2 li.case-item .case-content .case-name { font-size: 0.8rem;  line-height: 1rem;}

.zixuninbox .tabwrap .boxzixun2 li.active {  background: #fff;    color: #fff;
}
.news-detail-title{ 
    margin-top: 0.5rem;
    height: auto;
    width: 100%;
    padding-bottom: 0;
}
.toptitle { width:92%; margin: 0 auto; padding: 1.5rem  0;}
.toptitle >h2 { font-size: 1.3rem; color: #000; padding-top: 0;line-height:1.8rem;}
.newsdetail .see:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: url(../images/see.svg) no-repeat 100%;
    content: "";
    margin-right: 2px;
    vertical-align: middle;
    background-size: 100%;
}
.newsdetail .time:before {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: url(../images/time.svg) no-repeat 100%;
    content: "";
    margin-right: 3px;
    vertical-align: middle;
	 background-size: 100%;
}
.newsdetail {
    margin-top: 1rem;
    color: #999;
    line-height: 1rem;
    font-size:0.8rem;
}
.newsdetail-box{width: 92%;margin-top: 2rem; line-height: 1.5rem; font-size:0.8rem;display:block;overflow:hidden;}
.newsdetail-box img{ width:100%;}
.newsdetail-box .vd-title {
    margin-top: 2rem;
}
.newsdetail-box iframe{width: 100%;height: auto;}
.vd-title {
    height: 2rem;
    display: block;
    line-height: 2rem;
    color: #080403;
    font-size: 1.2rem;
    margin-top: -60px;
}
.newsdetail-box .linkvdlist .linkvd-item {
    width: 45%;
    display: inline-block;
    margin-bottom: 2rem;
    border: 0;
    margin-right: 2%;
    margin-left: 2%;
    background: #fff;
vertical-align: top;
}
.newsdetail-box .linkvd-img {
    width: 100%;
    height: 8rem;
    overflow: hidden;
}
.newsdetail-box .linkvd-img img{ width:100%; height:100%; object-fit: cover;}
.newsdetail-box .linkvd-content{margin-top: 0.5rem;}
.newsdetail-box .linkvdlist .linkvd-item .case-name {
    line-height: 1rem;
    font-size: 0.8rem;
    color: #666;
    padding-left: 0;
	height:2rem;    overflow: hidden;
    padding-right: 0.5rem;
}
.newsdetail-box .linkvdlist .linkvd-item .case-click{padding:0;}
.newsdetail-box .linkvdlist .linkvd-item .case-click .time{ display:none;}
.newsdetail-box .linkvdlist .linkvd-item .case-click .see {font-size: 0.8rem;}
.newsdetail-box .linkvdlist .linkvd-item .case-click .see:before{width:1rem; height:1rem;    background-size: 100%;}

.videodetail-box {
    margin: 0 auto;
    width: 92%;
    margin-bottom: 3rem;
    margin-top: 3.2rem;
}
.schoolvideo img{ width:100%;}
#video-detail{ background:#fff;}
.videodetail-box .leftvd {
    width: 100%;
    float: none;
}
.vdtitle {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    color: #000;
}
.vdcontent {
    font-size: 0.8rem;
    color: #999;
    line-height: 1.5rem;
}
.rightvd {
    width: 100%;
    float: none;
}
.videodetail-box .rightvd .vd-title{ margin-top:1rem;}
.linkvdlist .linkvd-item {
    width: 47%;
    display: inline-block;
    margin-bottom: 3rem;
    border: 0;
    background: #fff;
	margin-left:1%;
	margin-right:1%;
}
.videodetail-box .rightvd .linkvdlist .linkvd-item .linkvd-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.videodetail-box .rightvd .linkvdlist .linkvd-item .case-name {
    font-size: 0.8rem;
    color: #666;
    padding: 0px;
    
}

.videodetail-box .rightvd .linkvdlist .linkvd-item .case-click .time{ display:none;}
.videodetail-box .rightvd .linkvdlist .linkvd-item .case-click  {
    padding: 0;
    padding-top: 0px;
    font-size: 0.8rem;
}
.school-small-video {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.school-small-video iframe{ width:100%; height:auto;}
.videoicon {
    position: absolute;
    left: calc(50% - 1rem);
    width:2rem;
    top: 49%;
    height: 2rem;
    border-radius: 2rem;
    background: rgba(0,0,0,0.4) url(../images/bofang.svg) no-repeat 60% center;
    background-size: 50%;
}
.mobile-height{ background:url(../images/servicebg-mobile.jpg) no-repeat top center; background-size:100%;}

.mobile-height .inbanner-font{ display:none;}
.dingzhi-box .service-font > p{ font-size:1rem;line-height: 1.8rem;}
.our-service-box{width:92%;}
.our-service-box-mobile { height:auto;}
.our-service-box-mobile .ourtitle{ text-align:center}
.our-service-box-mobile  .orange {
    margin-bottom: 2rem;
}
.dingzhi-box {
    width: 92%;
    margin: 0 auto;
    margin-top: 3rem;
}
.dingzhi-content {
    margin-top: 3rem;
}
.left-num-list {
    width: 92%;
	float:none;
	margin:0 auto;
}
.left-num-list li {
    margin-bottom: 1.5rem;
}
.right-fuwu {
    width: 92%;
    padding-top:3rem;
    margin: 0 auto;
    float: none;
    padding-bottom: 2rem;
}
.right-fuwu .font30 {
    font-size: 1.5rem;
}
.right-fuwu .fuwu-renshu {
    font-size: 1.1rem;
    color: #080403;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.qianzheng {
    background: none;
    height: auto;
    width: 92%;
	margin:0 auto;
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.qianzheng .qianzhengbox {
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem;
}
.qianzheng .qianzhengbox .service-font p{ font-size:1rem; line-height:1.5rem;}
.mobileqianzheng { margin-top:1rem;}
.mobileqianzheng ul li{ display:block; line-height:3rem; 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#febb24',endColorStr='#ffd300',gradientType='1');
 background: -moz-linear-gradient(left, #febb24, #ffd300);
 background: -o-linear-gradient(left,#febb24, #ffd300);
 background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#febb24), to(#ffd300));
 text-align:center;
 margin-bottom:0.5rem;
 border-radius:6px;
 font-size:1rem;
 font-weight:500;
 color:#080403;
 margin-top: 0.5rem;
}
.mobileqianzheng ul span{
	content:"";
	background:url(../images/qzjt.png) no-repeat center center;
	display:block;
	height:1rem;
	width:1rem;
	margin:0 auto;
	background-size:100%;
	
}
.zhiyuan-box{ width:92%}
.zhiyuan-list li p {  width: 85%;}
.zhiyuan-list li {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem;
    vertical-align: middle;
    height: auto;
    font-size: 1rem;
    color: #333;
}
.zhiyuan-list li span {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    border: 2px solid #fcca00;
    background: #fffbf1;
    line-height: 1.2rem;
    text-align: center;
    margin-right: 0.5rem;
    color: #ffb119;
    font-size:1rem;
}
.koubei-box{ width:80%; margin-top:3rem;}
.mobile-koubei .swiper-koubei-container{ height:100%;}
.mobile-koubei .swiper-wrapper .swiper-slide{ height:95%}
.mobile-koubei .swiper-wrapper .swiper-slide img{ width:100%;}
.mobile-koubei .swiper-container-horizontal>.swiper-pagination-bullets, .mobile-koubei .swiper-pagination-custom, .mobile-koubei .swiper-pagination-fraction{ bottom:2rem;}
.chengnuo-box{ width:92%; margin-top:5rem;}
.chengnuo-icons li {
    width: 45%;
    margin-left: 2%;
    margin-right: 2%;
	    margin-bottom: 2rem;
}
.chengnuo-icons {
    margin-bottom: 3rem;
    margin-top: 2rem;
}
.chengnuo-icons li>p{ font-size:0.8rem; line-height:1.5rem;}




}



@media screen and (max-width:900px){
	.about-four-list li>h4 {
    font-size: 1.2rem;
    line-height: 2.2rem;
}
.about-four-list li>p {
    font-size: 1rem; 
}
.students, .swiper-student-box-mobile { height: 36rem;}
	.stellboxbg {
		 padding-bottom: 11rem 
	}
	.yellowjt {
    position: absolute;
    width: 6rem;
    height: 6rem;
    bottom: 3rem;
	top: auto;
    left: 0px;
	background:url(../images/yellowjt2.svg) no-repeat left center;
	background-size:contain;
}
.yellowjt a{ display:block;  width: 6rem; height: 6rem;}
.yellowjt img{ display:none;}
.abouimg{ width:100%;    margin-top: 2rem;}
.zhizhao1:hover, .zhizhao2:hover{transform: scale(1);}
.zhizhao1{width:70%; margin:0 auto; display:block;}
.zhizhao2 {width:90%; margin:0 auto;display:block;}
.zhizhao1 img, .zhizhao2 img{ width:100%;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.swiper-student-box-mobile .swiper-button-next, .swiper-student-box-mobile .swiper-button-prev{ display:block;}
.licensebox {
    height: 35rem;
}
}

@media screen and (max-width:768px){
	
.swiper-hezuo-box {  height:8rem; }
.font48 { font-size: 2rem;  }
.font42 { font-size: 2rem;line-height:3rem;  }
.font18 {
    font-size: 1rem;
    color: #333;
    line-height: 1.8rem;
}
.font24 {  font-size: 1rem;}
.stellboxbg { padding-bottom: 9rem }
.yellowjt {

    width: 4.5rem;
    height: 4.5rem;
}
.yellowjt a{
    display:block;
    width: 4.5rem;
    height: 4.5rem;
}
.boldline {
    width: 100%;
    height: 1px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
	
.students, .swiper-student-box-mobile{    height: 32rem;}
.slide-title{ font-size:2.2rem;line-height: 2.5rem;}
.slide-des {
    font-size: 1.2rem;
	line-height:1.5rem;
    letter-spacing: 0.4rem;
}
.slide-entitle {
    font-size: 1.6rem;
    text-transform: uppercase;
}
	.fouricons ul li a > i{
	display:block;
	text-align:center;
	margin-bottom:10px;
	height:3rem;
	}
	.fouricons ul li a{    font-size: 0.8rem;}
	.fouricons ul li:nth-child(1) a > i{
	width:68%;
	 margin: 0 auto;
	background:url(../images/main-01.svg) no-repeat center 100%;
}
	.fouricons ul li:nth-child(2) a > i{
	width:76%;    margin: 0 auto;
	background:url(../images/main-02.svg) no-repeat center 100%;
    }
    .fouricons ul li:nth-child(3) a > i{
	width:60%;    margin: 0 auto;
	background:url(../images/main-03.svg) no-repeat center 100%;
    }
    .fouricons ul li:nth-child(4) a > i{
	width:60%;    margin: 0 auto;
	background:url(../images/main-04.svg) no-repeat center 100%;
   }
   .contbox-bg {
    padding-top: 1rem;
}
.case-click{ font-size:0.8rem; line-height:1rem;}
.case-name{ font-size:0.8rem;line-height:1rem;}
.caselist .case-item .case-name{ height:2rem; overflow:hidden;}
.case-click .see:before {
    width: 1.1rem;
    height: 0.8rem;
    background-size: 100%;
    margin-right:5px;
}
.case-click .time:before {
    width: 0.8rem;
    height:0.8rem;
    display: inline-block;
    background: url(../images/time.svg) no-repeat;
	background-size:cover;
    content: "";
    margin-right:5px;
}
   .h2title .largefont {
    font-size: 1.3rem;
    color: #080403;
    margin-left: 15px;
    padding-right: 15px;
}
   .h2title .largefont:before {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/titleleft.png) no-repeat;
	background-size:100%;
}

.h2title .largefont:after {
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/titleright.png) no-repeat ;
	background-size:100%;
}
 .h2title .smallfont{
	 font-size:0.8rem;
}  
.h2title .smallfont:before {
    width: 1.5rem;  
}
.h2title .smallfont:after {
    width: 1.5rem;  
}
   .tabwrap ul li{
    padding: 0 0.9rem;
     margin: 0 0.4rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
    margin-bottom: 1rem;
   }
   .leftschool .item .item-content {
    padding: 0.3rem;
}
   .leftschool .item .item-content .item-title{font-size:1rem;}
   .leftschool .item .item-content .item-des{font-size:0.8rem;}
   .licensebox .swiper-license-container {height: 17rem;}
   
	.bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/750bilibili.jpg) no-repeat top center;
	background-size:100%;
    height:31rem;
    border-radius: 8px;
    position: relative;
    margin-bottom: 3rem;
}
#scrollBox {
    width: 45%;
    height: 50%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    left: 8%;
}
#scrollBox ul li>p{
	
	font-size: 0.8rem;
    color: #000;
    line-height: 1.2rem;
    text-indent: 0.8rem;
    padding-bottom: 0.8rem;
	}
	
.process {
    width: 95%;
    margin-left: 8%;
}
.process #tab1 #tab11>li {
    margin-left: 0rem;
    display: inline-block;
    width: 19%;
}
.process #tab1 #tab11>li>.tabicon i {
    border: 4px solid #ffe172;
    display: inline-block;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    overflow: hidden;
	    background: #fff;
}
.process #tab1 #tab11>li .tabicon:after {
    content: "";
    background: url(../images/whitejt.svg) no-repeat center center;
    width: 1rem;
    height: 1rem;
	background-size:contain;
    display: inline-block;
    vertical-align: top;
    margin-top: 20%;
    margin-left: 1.2rem;
}
.process #tab1 #tab11 > li > p {
    text-align:left;
    width: 100%;
    font-size: 0.8rem;

}
.process #tab1 #tab11>li>.tabicon i span {
    width: 3rem;
    display: block;
    height: 3rem;
    transition: all ease-out 0.2s;
}
.process #tab1 #tab11>li:nth-child(1)>.tabicon i span.s-icon {
	background-size: 50%;
}
.process #tab1 #tab11>li:nth-child(2)>.tabicon i span.s-icon {
	background-size: 50%;
}
 .process #tab1 #tab11>li:nth-child(3)>.tabicon i span.s-icon {
	background-size: 50%;
}  
	
	 .process #tab1 #tab11>li:nth-child(4)>.tabicon i span.s-icon {
	background-size: 40%;
} 
 .process #tab1 #tab11>li:nth-child(5)>.tabicon i span.s-icon {
	background-size: 65%;
} 
.mcounter ul.content_list li p.number .animateNum{
	    font-size: 2rem;
}
.mcounter ul.content_list li p {
    font-size: 0.8rem;
}
.mcounter ul.content_list li p.number .unit{
    font-size: 0.8rem;
}
.knowbox .caselist .case-item {
    width: 46%;
    display: inline-block;
    margin-right: 5%;
    margin-bottom: 1rem;
}
.zhengshu{ height:18rem;}
.swiper-zhengshu-box{height:18rem;}

.about-img-list li{ overflow:initial!important;}
.sushelist li{ overflow:initial!important;}
.licensebox {
    height: 31rem;
}

}

@media screen and (max-width:700px){

.students, .swiper-student-box-mobile {   height: 28rem;}
.sdetail { margin-left: 18%;font-size: 0.8rem;    line-height: 1.4rem;}
  .bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/750bilibili.jpg) no-repeat top center;
	background-size:100%;
    height:24rem;
    border-radius: 8px;
    position: relative;
   margin-bottom: 3rem;
}
#scrollBox {
    width: 45%;
    height: 50%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    left: 8%;
}
.school-icon dt {
    width:10%; height:auto;
	font-size: 0.8rem;
}
.school-icon dt img{
    width: 100%;
}
.school-icon dd{ width:29%; margin-left:5%; margin-right:0;}
	
}
@media screen and (max-width:600px){
	.fixwx .wxcopy {
    
    width: 80%;
	}
.students, .swiper-student-box-mobile {   height: 24rem;}
.simg { margin-top: 2rem;}
.sdetail {  margin-left: 10%;}
.studentimg .des {height: 2.5rem;}
.studentimg .des .tit {
    line-height: 2.5rem;
    height: 2.5rem;
    background-size: contain;
    padding-left: 0.8rem;
    font-size: 1rem;
}
.studentimg .des .stadd {
    font-size: 1rem;
    padding-left: 2rem;
}
.circle-icon li{
	float: none;
    width: 3rem;
    display: inline-block;
    height: 3rem;
    border-radius: 3rem;
    line-height: 3rem;
    margin-bottom: 1rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
}
.zhengshu{ height:15rem;}
.swiper-zhengshu-box{height:15rem;}

.about-img-list li{ overflow:initial!important;}
.sushelist li{ overflow:initial!important;}
.licensebox {
    height: 28rem;
}
}
@media screen and (max-width:523px){
.zixuninbox .tabwrap .boxzixun1 li .case-img{    height:8rem;}
.zhengshu{ height:12.5rem;}
.swiper-zhengshu-box{height:12.5rem;}
.tablicheng .boxlc h2 {
    font-size: 1.3rem;
    height: 2rem;
}
.tablicheng .boxlc span {
    display: inline-block;
    width: 2rem;
}
.tablicheng #tablc li {
    display: inline-block;
    width: 11%;
	font-size: 0.8rem;
}
.tablicheng #tablc li span {
    width: 0.6rem;
    height: 0.6rem;
	    border: 2px solid #d3d3d3;
		    margin-top: 0.7rem;
}
.tablicheng .boxlc {
    font-size: 0.8rem;
    line-height: 1.4rem;
}
.tablicheng .boxlc {
    padding: 5% 7%;
}
	.about-four-list li>h4 {
    font-size: 1rem;
    line-height: 2.2rem;
}
	.about-four-list li>p {
    font-size:0.8rem;
    color: #080403;
}
	.ab-banner-mobile .inbanner-font h2 {
    color: #080403;
	font-size:1.5rem;
	line-height:2rem;
}
.conytitle{ font-size: 1.2rem;  line-height: 2.5rem;}	
.conyname {  font-size: 1rem;}
.cony {  font-size: 0.8rem; line-height:1.5rem;}
.cony a{    color: #ccc;}
.conytel:before{ content:""; background:url(../images/mobile-tel.svg) no-repeat left center; padding-left:1rem;background-size:70%; }
.conyemail:before{ content:""; width:0.5rem; background:url(../images/mobile-email.svg) no-repeat left center; padding-left:1rem;background-size:74%;}
.conyaddress:before{ content:""; background:url(../images/mobile-add.svg) no-repeat left center; padding-left:1rem;background-size:70%; }
.conytime:before{ content:""; background:url(../images/mobile-time.svg) no-repeat left center; padding-left:1rem;background-size:70%; }
.swiper-hezuo-box { height:8rem; }
.font42 { font-size: 1.3rem; line-height: 2rem;}
.yellowjt {
    width: 3.8rem;
    height: 3.8rem;
}
.yellowjt a{
	display:block;
    width: 3.8rem;
    height: 3.8rem;
}
.font18 {
    font-size: 0.85rem;
    line-height: 1.4rem;
}
.students, .swiper-student-box-mobile { height: 21rem;}
.simg { margin-top: 2rem;}
.sdetail { margin-left: 4%; font-size: 0.7rem;}
.studentimg .des {height: 2.2rem;}
.studentimg .des .tit {
    line-height: 2.2rem;
	height: 2.2rem;
    background-size: contain;
    padding-left: 0.8rem;
    font-size: 0.8rem;
}
.studentimg .des .stadd {
    font-size: 0.8rem;
    padding-left: 1.5rem;
}
.slide-title{ font-size:1.5rem;line-height: 2rem;}
.slide-des {
    font-size: 0.8rem;
	line-height:1.1rem;
    letter-spacing: 0.2rem;
}
.slide-entitle {
    font-size: 1.1rem;
    text-transform: uppercase;
}
.licensebox .swiper-license-container {height: 13rem;}
.licensebox .swiper-license-container .swiper-slide .lisencelist li{    margin-top: 2rem;}
 .bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/750bilibili.jpg) no-repeat top center;
	background-size:100%;
    height:20rem;
    border-radius: 8px;
    position: relative;
   margin-bottom: 3rem;
}
#scrollBox {
    width: 45%;
    height: 50%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    left: 8%;
}
.process-bg {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.process {
    width: 96%;
    margin-left: 5%;
}
.process #tab1 #tab11>li {
    margin-left: 0rem;
    display: inline-block;
    width: 19%;
}
.process #tab1 #tab11>li>.tabicon i {
    border: 3px solid #ffe172;
    display: inline-block;
    text-align: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 2.5rem;
    overflow: hidden;
	    background: #fff;
}
.process #tab1 #tab11>li .tabicon:after {
    content: "";
    background: url(../images/whitejt.svg) no-repeat center center;
    width:0.8rem;
    height: 0.8rem;
	background-size:contain;
    display: inline-block;
    vertical-align: top;
    margin-top: 20%;
    margin-left: 0.8rem;
}
.process #tab1 #tab11 > li > p {
   text-align:left;
    width: 100%;
    font-size: 0.7rem;

}
.process #tab1 #tab11>li>.tabicon i span {
    width: 2.5rem;
    display: block;
    height: 2.5rem;
    transition: all ease-out 0.2s;
}

.blueft-part {
    font-size: 1.2rem;
    padding-top: 3rem;
    line-height: 2rem;
}
.bluebg {
    width: 100%;
    background: url(../images/bluebg-mobile.png) no-repeat top center;
    padding-bottom: 0;
    background-size: 100%;
}
.bluebg .blue-box .white-button a {
    font-size: 1.2rem;
}
.bluebg .blue-box .white-button {
    float: none;
    width: 10rem;
    height: 2.3rem;
    background: #fff;
    border-radius: 25px;
    margin-top: 2rem;
    text-align: center;
    line-height: 2.3rem;
    -webkit-box-shadow: 1px 2px 4px 2px #0a09091c6;
    -moz-box-shadow: 1px 2px 4px 2px #0a09091c;
    box-shadow: 1px 2px 4px 2px #0a09091c;
}
.tabwrap ul li{
    padding: 0 0.4rem;
     margin: 0 0.4rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
	margin-bottom: 1rem;
   }
   
 
.school-icon dt {
    width: 14%; height:auto;
	font-size: 0.8rem;
}
.school-icon dt img{
    width: 100%;
}
.school-icon dd{ width:28%; margin-left:2%; margin-right:0;}
.chengnuo-icons li:nth-child(1) i{ width:4rem;}
.chengnuo-icons li:nth-child(2) i{ width:5rem;}
.chengnuo-icons li:nth-child(3) i{ width:3.5rem;background-size: 100%; height:4rem;}
.chengnuo-icons li:nth-child(4) i{ width:3.5rem;background-size: 100%;}
.chengnuo-icons li i{ height:4rem;}

.about-img-list li{ overflow:initial!important;}
.sushelist li{ overflow:initial!important;}
.licensebox {
    height: 21rem;
}
}

@media screen and (max-width:414px){
.newsdetail-box .linkvd-img{ height:7rem; }
.knowbox .caselist .case-item .case-img{height: 8rem;}
.zhiyuan-list li { font-size:0.8rem;}
.students, .swiper-student-box-mobile{   height: 15rem;}
.simg { margin-top: 2rem;
    width: 60px;
    height: 60px;
    border-radius: 60px;}
.simg img{ width:100%;}
.sname{ font-size:1rem;}
.studenttab ul { width: 47%;}
.sdetail {  margin-left: 0%;    font-size: 0.8rem;line-height: 1.3rem;}
.studentimg .des {height: 1.8rem;}
.studentimg .des .tit {
    line-height: 1.8rem;
	height: 1.8rem;
    background-size: contain;
    padding-left: 0.2rem;
    font-size: 0.8rem;
}
.studentimg .des .stadd {
    font-size: 0.8rem;
    padding-left: 1rem;
}
	.bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/750bilibili.jpg) no-repeat top center;
	background-size:100%;
    height:18rem;
    border-radius: 8px;
    position: relative;
   margin-bottom: 3rem;
}
.case-name {
    height: 2rem;
    overflow: hidden;
}
#scrollBox {
    width: 45%;
    height: 50%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    left: 8%;
}
.licensebox .swiper-license-container .swiper-slide .lisencelist li {
    width: 25%;
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 5rem;
    margin-top: 2rem;
}
.process {
    margin-left: 7%;
}
.process #tab1 #tab11>li {
    margin-left: 0rem;
    display: inline-block;
    width: 18%;
}
.process #tab1 #tab11>li>.tabicon i {
    border: 3px solid #ffe172;
    display: inline-block;
    text-align: center;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    background: #fff;
}
.process #tab1 #tab11>li .tabicon:after {
    content: "";
    background: url(../images/whitejt.svg) no-repeat center center;
    width: 0.8rem;
    height: 0.8rem;
	background-size:contain;
    display: inline-block;
    vertical-align: top;
    margin-top: 20%;
    margin-left: 0.3rem;
}
.process #tab1 #tab11>li>.tabicon i span {
    width: 2rem;
    display: block;
    height: 2rem;
    transition: all ease-out 0.2s;
}
.zhengshu{ height:11rem;}
.swiper-zhengshu-box{height:11rem;}

.school-icon dt {
    width: 15%; height:auto;
	font-size: 0.8rem;
}
.school-icon dt img{
    width: 100%;
}
.school-icon dd{ width:30%; margin-left:2%; margin-right:0;}

.QcodeImg{text-align: center;}

.about-img-list li{ overflow:initial!important;}
.sushelist li{ overflow:initial!important;}
.licensebox {
    height: 19rem;
}
}
/* ipad pro */
@media screen and (max-width:375px){
	.keyfonts>span {
    font-size: 0.9rem;
    margin-right: 0.5rem;
}
.minge {
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mingedetail {
    line-height: 1.2rem;
    color: #666;
    font-size:0.8rem;
}
.zhengshu{ height:10rem;}
.blueft-part {
    font-size: 1rem;
    padding-top: 2rem;
    line-height: 1.5rem;
}
.bluebg .blue-box .white-button {
    width: 8rem;
    height: 2rem;
    margin-top: 1.2rem;
    line-height: 2rem;
}
.bluebg .blue-box .white-button a { font-size: 1rem;}
.bluebg { height: 10rem;}
.swiper-zhengshu-box{height:10rem;}
.font48 {  font-size: 1.8rem;}
.font42 {  font-size: 1.2rem;  line-height: 2rem;}
.font18 {
    font-size: 0.8rem;
    color: #333;
    line-height: 1.5rem;
}
.boldline {  margin-top: 1rem;  margin-bottom: 1rem;}
.yellowjt {   width: 3.5rem;   height: 3.5rem;}
.yellowjt a{ display:block;   width: 3.5rem;   height: 3.5rem;}
.slide-title{ font-size:1.5rem;line-height: 1.5rem;}
.slide-des {
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

.slide-entitle {
    font-size: 1rem;
    text-transform: uppercase;
}

.bilibili {
    width: 100%;
    margin: 0 auto;
    background: url(../images/750bilibili.jpg) no-repeat top center;
	background-size:100%;
    height:16rem;
    border-radius: 8px;
    position: relative;
   margin-bottom: 3rem;
}
#scrollBox {
    width: 45%;
    height: 50%;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    left: 8%;
}	
.schoolslist>li .sctitle .scname {
    line-height: 1.5rem;
    margin-bottom: 0.3rem;
}
.scfont {
    line-height: 1.2rem;
}
.xuefei>span{ font-size:1rem;}
.pagination li a { font-size: 0.8rem;}
.videotitle{ font-size:1rem;line-height: 1.5rem;}
.sushe-table tr td {
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.8rem;
    color: #333;
    height: 3rem;
}
.school-tag-content .psc {
    margin-top: 1.5rem;
    width: 28%;
    display: none;
}

.school-icon dt {
    width: 12%; height:auto;
	font-size: 0.8rem;
}
.school-icon dt img{
    width: 100%;
}
.school-icon dd{ width:35%; margin-left:2%; margin-right:0;}
.licensebox {
    height: 18.5rem;
}
}