﻿@charset "utf-8";

/*兼容*/
html{
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*取消超链接点击颜色块*/
}
body {
	-webkit-overflow-scrolling:touch; 
	overflow-scrolling: touch;
	background-clip: padding-box;
  background-color: #fff;
}
/*去掉ios默认submit样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
element {
  -webkit-touch-callout:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-transform:translate3d(0,0,0)
  transform: translate3d(0,0,0);
  border-width:thin;
}
/*去掉默认number的上下按钮样式*/
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
  -webkit-text-size-adjust:100%;
  font-weight: normal;
}
/*兼容*/
*{
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 
fieldset,img { 
    border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-weight: normal; 
    font-style: normal; 
} 
ol,ul { 
    list-style: none; 
} 
caption,th { 
    text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-weight: normal; 
    font-size: 100%; 
} 
q:before,q:after { 
    content:""; 
} 
abbr,acronym { 
    border: 0; 
} 
a{
    text-decoration: none !important;
}
a:hover{ color:#fff; }
.clear{
	clear:both;
	}

::selection {background:red; color:#fff;} 

#diandi{
	min-height: 20px;
}


/*模块总样式*/
.thumbnail{
	background-color: transparent;
}
.header-text h3{
	font-size: 0.36rem;
	font-weight: 500;
	text-align: center;
}
.header-text .hr{
	height: 2px;
	width: 50px;
	margin: 15px auto;
}
.header-text p{
	text-align: center;
	font-size: 20px;
	margin-bottom: 60px;
}

.but-me {
	width: 182px;
	height: 42px;
	color: white;
	font-size: 16px;
	cursor: pointer;
	line-height: 42px;
	border-radius: 6px;
	text-decoration: none;
	background-color: #1e8bf1;
	text-align: center;
   

	display: inline-block;
}
.but-me:hover,.but-me:focus,.but-me:before {
	background: #1880e2;
	text-decoration: none;
	color: white;
}
/*模块总样式*/
/*nav-start*/

/*导航栏颜色*/
nav .container{
	padding-right: 0;
	width:1440px;
}
nav.navbar {
	background-color: #383838;
	border: none;
}
/*导航栏手机端时logo*/
nav.navbar div.navbar-header a{
	padding: 10px;
}
nav.navbar div.navbar-header span.icon-bar span{
	width: 2px;
	height: 2px;
	background-color: white;
	display: block;
	margin-left: -4px;
	border-radius: 1px;
}
/*导航栏*/
nav.navbar ul{
	width: 1440px;
	display: block;
	margin: 0 auto;
	background-color: #383838;
}
nav.navbar ul.navbar-nav li{
	padding: 0;
}
/*导航栏logo*/
nav.navbar div.navbar-collapse{
	background-color: #383838;
}
nav.navbar div.navbar-collapse ul.nav li a img{
	/*margin-top: -20px;*/
}
/*导航栏按钮*/
nav.navbar div.navbar-collapse li a{
	color: white;
	line-height: 80px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
}
/*导航栏按钮*/
nav.navbar div.navbar-collapse li:hover a,nav.navbar div.navbar-collapse li a:before,nav.navbar div.navbar-collapse li a:focus{
	background-color: transparent;
	color:#1e8bf1;
}
nav.navbar div.navbar-collapse li.active a{
	background-color: transparent;
	color: #1e8bf1;
}
nav .weixin,nav .koukou{
	position: relative;
	background:transparent;
}
nav.navbar div.navbar-collapse .koukou a{
	padding-left:0;
}
nav.navbar div.navbar-collapse .koukou a,nav.navbar div.navbar-collapse .weixin a{
	/*margin-top:10px;*/

	background-color: transparent;
   
}
nav.navbar div.navbar-collapse .koukou a .hideimg,nav.navbar div.navbar-collapse .weixin a .hideimg{
 position: absolute;
 top:26px;
 opacity: 0;
 transition: all 0.3s;
 background:transparent;
}
nav.navbar div.navbar-collapse .koukou:hover a .showimg,nav.navbar div.navbar-collapse .weixin:hover a .showimg{
	opacity: 0;
	 background:transparent;

}
nav.navbar div.navbar-collapse .koukou:hover a .hideimg,nav.navbar div.navbar-collapse .weixin:hover a .hideimg{
	opacity: 1;
	 background:transparent;
}
nav.navbar div.navbar-collapse .weixin a{
/*padding:15px 0 15px 25px;*/
}
nav.navbar div.navbar-collapse .weixin{
	position: relative;
}
nav.navbar div.navbar-collapse .weixin .timg{
	position: absolute; 
	top:60px;
	display: none;
}

nav.navbar div.navbar-collapse .weixin:hover .timg{
	display: block;
}

nav.navbar div.navbar-collapse .enroll a{	
	background:#1e8bf1; 
	padding:0 22px;
	height:34px;
	line-height: 34px;
    padding-top:0;
	margin-top:22px;
	color:#fff;
	border-radius:6px;
	font-size:16px;
}
nav.navbar div.navbar-collapse .enroll:hover a{
	background: #1880e2;
	color:#fff;
}
/*nav-end*/

/*banner*/
#banner-page{
	width:100%;
	position: relative;
	height:6.1rem;
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
}
#banner-page img{ width:100%; }
#banner-page .content{
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#banner-page .content .txt{ 
  text-align: center;
  color: #fff;
  position:relative;
  overflow: hidden;
  padding:0.6rem 0 0.5rem;
}
#banner-page .content .txt h4{
	font-size:0.46rem;
}
#banner-page .content .txt p{
	font-size:0.24rem;
	margin:0.25rem 0 0.35rem;
}
/*banner底部小标题*/
.small-biao{
	position: absolute;
	bottom:0;
	width:100%;
    padding:0.2rem 0 0.1rem;
	background:rgba(30,139,241,0.8);
}
.small-biao .list{
    height:0.8rem;
	display: flex;
	text-align: center;
	color:#fff;
}
.small-biao .list div{ width:33.3%; }
.small-biao .list div h4{
	font-size:0.3rem;
	font-weight: bold;
	margin:0 0;
}
.small-biao .list div h5{
	font-size:0.2rem;
}
.small-biao .list div:nth-child(2){
 position: relative;
	
}
.small-biao .list div:nth-child(2):after{
 position: absolute;
 width:1px;
 height:0.7rem;
 background:#fff;
 right:0;
 top:0.08rem;
 content: '';	
}
.small-biao .list div:nth-child(2):before{
 position: absolute;
 width:1px;
 height:0.7rem;
 background:#fff;
 left:0;
 top:0.08rem;
 content: '';	
}
/*course-start*/
.course{
	padding:40px 0;
}
.course .row{
   /* background: url(../images/coursebg.jpg) no-repeat right bottom;*/
}
.course .header-text h3{
    margin:0;
	text-align:left;
}
.course .header-text p{
	text-align:left;
	margin-bottom:30px;
}
.course .video{
	background: url(../images/video.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	padding:0.85rem 0 1.2rem;
	position: relative;
}
.course .player{
	margin:0 auto;
	width:1.22rem;
	height:1.22rem;
	border-radius:255px;
	background: rgba(255,255,255,0.6);
	line-height: 1.22rem;
	text-align: center;
}
.course .desk{
	position: absolute;
	bottom:0;
	height:30px;
	line-height: 30px;
	width:100%;
	color:#fff;
	background: rgba(30,139,241,0.3);
}
.course .cont p{
	line-height: 0.26rem;
}
.course .container div.caption h4 {
	color: #333;
}
.course .container div.caption p {
	height: 60px;
	color: #444;
}
.course .but-me{
	margin-top:0.3rem;
}
/*course-end*/
/*shuju*/
.shuju .container{
	text-align:center;
}
.shuju .header-text h3{
 margin-top:0.45rem;	
}
.header-text p{
	margin-top:.2rem;
}
.shuju .timg{ position: relative; }
.shuju .caption h4{
	font-weight: 700;
	font-size:0.2rem; 
}
.shuju .item{
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(66,66,66,.1);
    margin: 0 1.53%;
    padding: .2rem;
}
.shuju .but-me{
	margin:0.5rem 0;
}
.shuju .bot {
    border-top: 1px dashed #e5e5e5;
    padding: 20px 0;
    font-size: 0;
    box-sizing: border-box;
}
.shuju .bot li {
    font-size: 14px;
    color: #666666;
    width: 33.3%;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    box-sizing: border-box;
}
.shuju .btns {
    padding: 15px 0;
    background: #f1faff;
    text-align: center;
    box-sizing: border-box;
}
.shuju .lk {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #198df9;
    width: 90px;
    line-height: 28px;
    border: 1px solid #198df9;
    border-radius: 14px;
    text-align: center;
    margin: 0 10px;
}
/*syllabus*/
.syllabus{
	background: url("../images/sallbg.jpg") no-repeat center center ;
	background-size: cover;
	text-align:center;
	padding-bottom:0.3rem;
	overflow:hidden;
}
.syllabus .header-text{
	margin:0.6rem 0 0.4rem;
}
.syllabus .table img{
	width:92%;
	box-shadow: 0 0 20px rgba(30,139,241,0.3);
}

/*original-start*/
.clear{
	clear: both;
}
.original{
	text-align:center;
}
.original .header-text  {
	margin:0.7rem 0 0.32rem;
	
}
.original .header-text h4{

}
.original .header-text p {
	margin-bottom:0;
}
.original .container .caption h4{
  font-weight:0;
}
.original .container .caption p{
	color:#656565;
}
.original .but-me{
	margin:0.4rem 0 0.66rem;
}

.line{
	width:100%;
	height:2px;
	background:rgba(30,139,241,0.3);
}
/*team-start*/
.team.container-fluid{
	padding-left: 0;
	padding-right: 0;
}
.team .header-text{
	margin:0.66rem 0 0.35rem;
}
.team .header-text h3{
	
}
.team .header-text p{
	margin-bottom:0;
}
.team .left{
	box-shadow: 0 0 10px rgba(30,139,241,0.3);
	width:7.3rem;
	height:4.2rem;
	float:left;
}
.team .left .zuo{
	float:left;
}
.team .left .txt{
	margin-left:0.26rem;
	width:3.3rem;
	float:left;
}
.team .left .txt h5{
	font-size:24px;
	margin-top:55px;
}
.team .left .txt p{
line-height:24px;	
	
}
.team .left .txt .p2{
	font-size:14px;
	margin-top:20px;
}
.team .left .but-me{
  margin-top:0.1rem;
}
.team .right{
	float:left;
	width:4.02rem;
	padding-left:0.1rem;
}
.team .right .list{
	display: flex;
    flex-wrap:wrap;
    justify-content:space-around; 
    margin-left:0;
}
.team .right ul li img{
	width:100%;
}
.team .right .timg{
	position: relative;
	margin-bottom:0.3rem;
}
.team .right .desk{
	position: absolute;
	height:0.42rem;
	width:100%;
	line-height: 0.42rem;
	bottom:0;
	left:0;
	text-align: center;
	background:rgba(255,255,255,0.5);
}
/*perform*/
.perform{
	text-align: center;
	padding-bottom:0.72rem;

}
.perform .item{
    box-shadow: 0 0 16px rgba(66,66,66,.1);
    margin:1.51%;
}

.perform .list{
	padding:0.20rem;
}
.perform .list:hover{
	background: #bbdcfb;
}

.perform .timg{
	margin:0 auto;
	width:0.86rem;
	height:0.86rem;
	border-radius: 255px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.perform .timg img{
	width:46%;
}

.perform .list .caption{
	margin-top:0.2rem;
}
.perform .list .caption h4{
	color:#2b2b2b;
	font-size: 0.22rem;
}
.perform .list .caption p{
	line-height: 24px;
}
.perform a.but-me{
}

/*广告*/
.adver{
	background: url(../images/advetbg.jpg) no-repeat center center;
	background-size: cover;
	text-align:center;
	padding:60px 0 60px;
}

.adver h4{
	font-size:32px;
	color:#fff;
	font-weight:500;
}
.adver h5{
	font-size:18px;
	color:#fff;
	margin:20px 0 25px;
}
.adver a{
	border:1px solid #fff;
	display: inline-block;
	width:180px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:18px;
	border-radius:6px;
}
/*design*/
.design .header-text h3{
	color: #333;
	margin-top: 60px;
}
.design .header-text p{
	color: #444;
}
.design .successbg{
	width: 992px;
	height: 402px;
	background: url("../images/successbg.png") no-repeat 0 0;
	background-size: 100% 100% ;
	background-position: center center;
	margin: 0 auto;
	position: relative;
}
.design .list { 
	padding-bottom:44px;
}
.design .list ul li{ 
	width:50%; 
	float:left;  
	height:302px;
}
.design .list ul li img{
  width:100%; 
   height:302px;
}
.design .list ul li .caption{ 
	padding:32px 36px 0; 
	color:#2b2b2b;
	 }
.design .list ul li .caption h3{ 
	font-size:28px; 
	 }
.design .list ul li .caption h4{ 
	font-size:18px; 
	padding:6px 0;
	 position:relative;
	}
.design .list ul li .caption h4:before{ 
	position:absolute; 
	content:''; 
	width:22px; 
	height:2px; 
	background:#2b2b2b; 
	bottom:-10px; 
}
.design .list ul li .caption h5{ 
	padding:20px 0 4px 0; 
	font-size:14px; 
}
.design .list ul li .caption p{ 
	font-size:14px; 
	color:#656565; 
	line-height:22px; 
	color:#656565; 
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
}
/*student*/
.student{
	background: url(../images/studentbg.jpg) no-repeat center center;
	background-size: cover;
	text-align:center;
	padding-bottom:0.6rem;
	overflow:hidden;
}
.student .header-text{
	margin:0.6rem 0 0.32rem;
}
.student .header-text p{
	margin-bottom:0;
}
.student .list{
	margin-bottom:0.26rem;
	box-shadow: 0px 3px 10px 1px rgba(223, 238, 247, 0.96);
	padding: .3rem 0;
}
.student .list .cont{
	display: flex;
	align-items: center;
	padding: .25rem 0 0 .25rem;
}
.student .list .cont .timg img{
	border-radius:255px;
}
.student .list .cont .txt h4{
	font-size:0.22rem;
	margin:0;
}
.student .list .cont .txt h5{
	text-align: left;
	margin:0;
	font-size:0.2rem;
	color:#2b2b2b;
	font-weight: bold;
}
.student .list .discript{  
   line-height:0.2rem;
   position: relative;
   text-align: left;
}
.student .list .discript p{
	letter-spacing: 2px;
	margin:0;
	padding: .25rem;
}

/*question-start*/
.question{ 
	text-align: center; 
	padding-bottom:0.5rem;
}
.question .container-fluid{
	padding-left: 0;
	padding-right: 0;
}
.question .header-text{
	background-color: #fff;
	padding: 15px 0;
	margin:0.6rem 0 0.3rem;

}
.question .header-text h3{

}
.question .header-text p{

	margin-bottom: 10px;
}
.question .list{
	margin-bottom:0.3rem;
}
.question .list .biaoti{
	background:#1e8bf1;
	color:#fff;
	line-height: 0.3rem;
	display: flex;
	align-items: center;
	font-size:0.2rem;


}
.question .list .biaoti h4{
  font-size:0.26rem;
  padding: 0 0.1rem;
}
.question .list .biaoti p{
	margin:0;
	padding:0 0.06rem;
}
.question .list .txt{
	background: #ebebeb;
	padding:0.17rem 0 0;
	display: flex;
	font-size:0.12rem;
	/*line-height: 0.25rem;*/
	height:.6rem;

}
.question .list .txt h5{
	font-size:0.26rem;
	font-weight:bold;
	margin:0;
	padding:0 0.1rem;

}

.question .list .txt .caption{
	font-size:14px;
	text-align: left;
	line-height: 0.24rem;
	padding-right:0.1rem;
}
.question .list .txt .caption strong{
	color:#1e8bf1;
}
/*countdown*/

.countdown{
	background: url(../images/countbg.jpg) no-repeat center center;
	background-size: cover;
}
.countdown h4{
	text-align:center;
	color:#fff;
	font-size:0.36rem;
	font-weight: bold;
	padding-top:0.6rem;
}
.countdown .box{ 
	text-align: center;  
	padding:0 0 20px;
}
.countdown .content{
	width:100%; 
	padding:20px 0; 
	font-size:0.3rem;
	color:#fff;
	 }
.countdown input[type='text']{ 
	width:60px;
	height:60px;
	margin: 0 5px; 
	vertical-align: middle; 
	background: transparent; 
	font-size:0.5rem; 
	font-weight: bold;  
	text-align: center; 
	border-radius:8px; 
	border:none;
	position: relative;
    top: -5px;
}
.countdown .anniu{ 
	width:180px; 
	display:inline-block; 
	font-size:16px;  
	text-align: center;  
	height:40px; 
	line-height:40px; 
	color:#fff; 
	border:1px solid #fff;
	border-radius:6px;  
}
.header-text{padding-top: 60px;}
.footer{ width:100%; background-color: #2b3344; padding-bottom:30px;  overflow:hidden; background-size: cover;color: #CCC;}
.footer-con{ margin-top:50px; position:relative;}
.footer-con .list h5{ font-size:16px; line-height:0; padding:7px 0 12px 0 ;color:#ccc;}
.footer-con .list a:hover{ color:#1e8bf1;}
.footer-con .list a{font-size:12px; color:#ccc; display:block; padding-top:17px;margin-left: .2rem;}
.footer-con .list-one{ width:50%; float:left; }
.footer-con .list-one .left{ float:left;}
.footer-con .list-one .right{ float:right; margin-left:16px;}
.footer-con .list-two{ float:left; margin-left:76px;}
.footer-con .list-three{ float:left; margin-left:40px; }
.footer-con .list-four{ float:left; margin-left:60px; width:156px; }
.footer-con .list-four p{ text-align:center; padding-top:12px;  font-size:14px;color: #ccc;}
.footer-con .list-five{  position:absolute; right:0px; top:84px;}
.footer-con .list-five{ background:url(../images/img7.png) no-repeat; width:525px; height:213px; }
.footer-con .list-five .cont{ padding:50px 0 0 26px; color:#fff; position:relative; color:#fff; font-size:14px; }
.footer-con .list-five .cont h5{ font-size:24px;  height:70px; line-height:70px; position:relative; }
.footer-con .list-five .cont h5:before{ position:absolute; content:''; width:24px; height:3px; background:#fff; bottom:0; left:0;}
.footer-con .list-five .cont .p1{ font-size:14px; padding:10px 0 0 0; }
.footer-con .list-five .cont .p2{ padding:4px 0;  font-size:14px;} 
.footer-con .list-five .cont .bttn{ display:block; position:absolute; right:86px; padding:10px 25px; background:#24ca67; color:#fff; border-radius:6px; bottom:0px;}
.footer .biaodan{ float:left; width:520px; }
.footer form .input1{ float:left; margin-left:40px; }
.footer form .input1 .inputtext{margin-bottom: 18px; width:230px; height:36px; background:#e2e3e3; border:none; outline:none; padding-left:16px;}
.footer form .inputbtn{ width:123px; margin-left:40px; height:40px;  background:#1e8bf1; color:#fff; border:none; border-radius:6px; font-size:16px;}
.footer form .textarea{  float:left;  }
.footer form .textarea textarea{ resize: none; border:none; background:#dad8d8; width:230px; padding:10px 10px 10px; height:90px; margin-left:20px;}
.footer .copyright{margin-top: .5rem;text-align: center;}

@media(max-width:1199px){
	.hideli{ opacity: 0; }
    .original .timg img{
    	width:100%;
    }
    .team .right{
    	width:100%;
    	margin-top:0.3rem;
    }
    .team .right .timg{ width:25%; } 
    .student .list .discript p{
    	overflow : hidden;
        text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
    }
    .design .list ul li{
    	height:2.35rem;
    }

    .design .list ul li img{
    	height:2.35rem;
    }
    .design .list ul li .caption h3{
    	display: none;
    }
    .design .list ul li .caption h4:before{
    	display: none;
    }
   .design .list ul li .caption h5,.design .list ul li .caption p{
   	display: none;
   }

    .question .list .biaoti{
    	height:auto;
    }
    .question .list .biaoti p{
    	font-size:18px;
    }
    .question .list .txt{
    	height:auto;
    	padding:0.2rem 0;
    }
	.footer{ }
	.footer .list-one{ display:none;  }
	.footer .list-four{ display: none; }
	.footer-con{  }
	.footer-con .list-three{ width:40%;  }
	.footer-con .biaodan{ width:50%; }
	.footer form .input1{ float:none; margin-left:0px; width:100%; }
	.footer form .input1 .inputtext{ width:90%; margin-bottom:8px;}
	.footer form .textarea{ width:100%; }
	.footer form .textarea textarea{ width:90%; margin-left:0px;}
	.footer form .inputbtn{ margin-left:0; margin-top:10px; margin:0 auto;}
}

/* 小屏幕（平板，小于等于768px） */
@media (max-width: 768px) {
	/*导航*/
	nav.navbar ul{
		width: auto;
		display: block;
		margin: 0 auto;
	}
	nav.navbar div.navbar-collapse li a{
		color: white;
		line-height: 30px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}
	/*模块总样式*/
	.header-text h3 {
		font-weight: 600;
		text-align: center;
		font-size: 0.38rem;
	}

	.header-text p{
		font-size: 15px;
		text-align: center;
		margin-bottom: .15rem;
		padding: 0 0.6rem;
	}
	.container-fluid .row .thumbnail {
		border: none;
		margin-bottom: 0;
	}
	.but-me {
		width: 100%;
	}
#banner-page .content .txt{
	padding:0.3rem;
	width:auto;
}
#banner-page .content .txt h4{
	font-size:0.45rem;
}
#banner-page .content .txt p{
    font-size:0.3rem;
	margin:0.1rem 0;
}
.header-text{padding-top: 20px;}
.course{
	background:none;
}
.course .header-text h3{text-align:center}
.course .cont p{
	line-height:0.48rem;
}
.course .video{
	margin-top: 0.3rem;
}
.course .player img{ width:30%;}
.shuju .item{width:100%}
.shuju .col-lg-3{
	padding:0 8px;
	margin-bottom:0.16rem;
}
.shuju .caption h4{
	font-size:0.3rem;
	margin:0.06rem 0;
}
.shuju .caption p{	
    padding: 0 .2rem;
}
.syllabus .table img{
	width:100%;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.original .col-lg-3{ 
	padding:0 8px;
    margin-bottom:0.16rem;
  }
.original .timg img{
	width:100%;
}
.team .left{
	position: relative;
	width:100%;
	height:auto;
}
.team .left .zuo{
	float:none;
}
.team .left .zuo img{
	width:100%;
}
.team .left .txt{
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom:0;
	width:100%;
	margin-left:0;
	padding:0.2rem;
	color:#fff;
}
.team .left .txt .p2{
	font-size:0.24rem;
	margin-top:0.1rem;
}
.team .left .txt p{
	line-height:22px;
}
.team .left .txt h5{
	margin-top:0;
	font-size:0.36rem;
}
.team .right{
	width:100%;
}
.team .right .timg{
	width:48%;
	margin-top:0.3rem;
	margin-bottom:0;
}
.team .right .timg img{
	width:100%;
}
.perform .list{
	width:100%;
	padding:0.2rem 0;
}
.perform .item{
    width:48%;
    margin: 1%;
    height: 3.5rem;
}
.perform .list .caption h4 {
   font-size: 0.35rem;
}
.perform .list .caption p{
	font-size:0.26rem;
}

.adver{
	padding:0.6rem 0;
}
.adver h4{
	font-size:0.48rem;
}
.adver h5{
	font-size:0.3rem;
}
.adver a{
	font-size:0.28rem;
}
.design .list{
	text-align:center;

}
.design .list ul li img{
	height:100%;
}
.design .list ul li .caption{
	padding:0.3rem 0;

}
.design .list ul li .caption h3{ 
	font-size:0.3rem;
	margin:0; 
}
.design .list ul li .caption h4{
	font-size:0.24rem;
	padding:0;
}
.design .list ul li .caption h4:before{
	display: none;
}
.student .list .cont{
    padding: .1rem;
}
.student .list .cont .txt {
    margin-left: 0.15rem;
}
.student .list .cont .txt h4 {
    font-size: 0.32rem;
    text-align: center;
}
.student .col-lg-4{
	padding:0 8px;
}
.student .list .discript p{
	font-size:0.24rem;
	letter-spacing: 0;
	line-height: 0.35rem;
}
.question .item{
	width:100%;
}
.question .header-text{margin:0}
.question .col-lg-6{
	padding:0 8px;
}

.question .list .biaoti{
	height:auto;
}
.question .list .biaoti p{
	font-size:0.26rem;
}
.question .list .txt{
	height:auto;
	padding:0.2rem 0;
}

.question .list .txt .caption{
	font-size:0.24rem;
	line-height: 0.36rem;
}
.countdown input[type='text']{
	width:0.6rem;
	height:0.6rem;
}

.footer-con{ margin-top:0; }
.footer-con .list-three{ width:100%; margin-left:0.35rem; margin-top:30px;}
.footer-con .biaodan{ width:100%; }
.footer form .input1 .inputtext{ width:100%; margin-bottom:8px;}
.footer form .textarea textarea{ width:100%; margin-left:0px;}
.footer form p{ text-align: center; }
.footer form .inputbtn{ margin:10px auto 0; display: inline-block; }
}
@media(max-width:375px){
.design .list ul li .caption{
	padding:0 0;

   }

}

@media (min-width: 769px) {
	#shouye{
		margin-left:300px;
	}

}

@media (max-width: 1440px){
	#shouye{
		margin-left:100px;
	}
	
}

.tan{
 position:fixed;
  width:4rem;
  height:2.58rem;
  top:0;
  top:50%;
  margin-top:-2rem;
  left:50%;
  margin-left:-1.79rem;	
 display:none;
}
.pop{
   width:4rem;
  height:2.58rem;
  background:url(../images/pop.jpg) no-repeat center center;
 background-size:cover; 
  
}

.tan  .close{
    z-index:4;
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:20px;
	
	
}

/*侧边栏*/
@media (max-width: 767px) {
    .hc-sidebar{
		display:none;
	}
}
.hc-sidebar{
    position: fixed;
    z-index: 99;
    top: 200px;
    right: 20px;
    cursor: pointer;
    transition: all .3s ease;
}
.hc-sidebar ul {
    background: #264cb1;
    width: 75px;
    height: auto;
    border: 1px solid #ebebeb;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.hc-sidebar ul li {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background-color: #264cb1;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    padding-top: 13px;
    position: relative;
}
.hc-sidebar ul li:hover{
	background-color: #fff;
}

.hc-sidebar ul li a {
    text-decoration: none;
    color: #135684;
    display: block;
    width: 100%;
    height: 100%;
}
.hc-sidebar i {
    width: 27px;
    height: 28px;
    margin: 0 auto;
    display: block;
    vertical-align: middle;
}
.ic-kc {
    width: 27px;
    height: 22px;
    background: url(../images/kc.png) no-repeat center;
    margin: 0 auto;
}
.hc-sidebar ul li:hover .ic-kc{
	background: url(../images/kc-2.png) no-repeat center;
}
.ic-gh {
    width: 20px;
    height: 22px;
    background: url(../images/gh.png) no-repeat center;
    margin: 0 auto;
}
.hc-sidebar ul li:hover .ic-gh{
	background: url(../images/gh-2.png) no-repeat center;
}
.ic-st {
    width: 20px;
    height: 22px;
    background: url(../images/st.png) no-repeat center;
    margin: 0 auto;
}
.hc-sidebar ul li:hover .ic-st{
	background: url(../images/st-2.png) no-repeat center;
}
.ic-tel {
    width: 24px;
    height: 28px;
    background: url(../images/tel.png) no-repeat center;
    margin: 0 auto;
}
.hc-sidebar ul li:hover .ic-tel{
	background: url(../images/tel-2.png) no-repeat center;
}
.ic-wx {
    width: 20px;
    height: 22px;
    background: url(../images/wx.png) no-repeat center;
    margin: 0 auto;
}
.hc-sidebar ul li:hover .ic-wx{
	background: url(../images/wx-1.png) no-repeat center;
}
.hc-sidebar h3 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
}
.hc-sidebar ul li:hover h3{
	color: #264cb1;
}
.zx-phone {
    width: 170px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    /*background: -webkit-linear-gradient(#F02FC2, #6094EA); 
    background: -o-linear-gradient(#F02FC2, #6094EA); 
    background: -moz-linear-gradient(#F02FC2, #6094EA); 
    background: linear-gradient(#F02FC2, #6094EA);*/
    background-color: #fff;
    color: #000;
    border: 1px solid #ebebeb;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.hc-sidebar ul li:hover .zx-phone{
	opacity: 1;
}

.hc-sidebar ul li:hover .zx-wechat{
	opacity: 1;
}

.zx-wechat {
    width: 170px;
    border: 1px solid #ebebeb;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.zx-wechat p {
    width: 170px;
    height: 74px;
    text-align: center;
    /*background: -webkit-linear-gradient(#F02FC2, #6094EA); 
    background: -o-linear-gradient(#F02FC2, #6094EA); 
    background: -moz-linear-gradient(#F02FC2, #6094EA); 
    background: linear-gradient(#F02FC2, #6094EA);*/
    background-color:#fff;
    color: #000;
    font-size: 16px;
    line-height: 21px;
    padding: 16px 0;
    margin: 0;
    box-sizing: border-box;
}
.zx-wechat img {
    width: 170px;
    height: 170px;
    display: block;
    background-color: #000;
}

/*fudong*/
.fudong{
	width:100%;
	position:fixed;
	bottom:0;
	
	z-index:5;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	
}
.fudong ul li{
	width:50%;
	float:left;
	
	background:#fff;
	text-align:center;
	left:0;
	height:50px;
	line-height:50px;
	font-size:16px;
	
}
.fudong ul li a{
	display:inline-block;
	width:100%;
	height:50px;
}
.fudong ul li a{
	color:#333;
}


.fudong ul li:nth-child(1){
	
	background:#028fcc;
}
.fudong ul li:nth-child(1) a{
	color:#fff;
}