body {
    background: #ffffff;
    font-family:"微软雅黑";
    padding-top: 30px;
	overflow:auto
  }
   .clear{ clear:both}
   .next div{
	width:50%;
	float:left;
}
.next{
	overflow:hidden;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{
	display:block !important;
}
  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: '微软雅黑', sans-serif;
    font-weight: bold;
    line-height: inherit;
  }

  h1 {
    color: #252525;
    font-size: 3em;
    line-height: normal;
  }

  h2 {
    color: #353535;
    font-size: 2em;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 1.5em;
    margin-bottom: 0;
  }

  h3,
  h3 a {
    color: #454545;
  }

  p {
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
  }

  .hide{
	  display:none
  }
  .red{ color:#cc0000}
  
/*img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
img:hover {
   transform: scale(1.2, 1.2);
}*/

  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

  html{
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: #252525;
    text-decoration: none !important;
  }

  a,
  input, button,
  .form-control {
  }

  a:hover, a:active, a:focus {
    color: #000;
    outline: none;
  }

  
   
   /***toooooooooooooooooooooooooop****/
   
   .collapse .top{ float:right; color:#cc0000; font-size:12px}
   .navbar-nav{
	   float:right;
	   clear:both
	}
   .navbar-collapse{ float:right}

  .section-title h2 {
    font-size: 26px;
    color: #000;
    clear: both;
	margin-bottom:60px;

  }
  
  .section-title h2 i{
	  font-size:16px;
	  color:#a1a1a1;
	  font-weight:500;
	  margin-left:5px;
  }


  .overlay {
    background: rgba(20,20,20,0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .entry-form {
    background: #252020;
    border-radius: 100%;
    text-align: center;
    padding: 6em;
    width: 450px;
    height: 450px;
  }

  .entry-form h2 {
    color: #ffffff;
    margin: 0;
  }

  .entry-form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    margin: 10px 0;
  }
  .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

  .entry-form .submit-btn {
    background: #ffffff;
    border-radius: 50px;
    border: 0;
    color: #252020;
    width: 50%;
    height: 50px;
    margin: 30px auto;
    margin-bottom: 10px;
  }

  .entry-form .submit-btn:hover {
    background: #3f51b5;
    color: #ffffff;
  }

  section {
    position: relative;
    padding: 30px 0;
  }

  #google-map iframe {
    border: 0;
    width: 100%;
    height: 390px;
  }



  /*---------------------------------------
     BUTTONS               
  -----------------------------------------*/

  .section-btn {
    background: transparent;
    border-radius: 50px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: inherit;
    font-weight: normal;
    padding: 15px 30px;
    transition: 0.5s;
  }

  .section-btn:hover {
    background: #ffffff;
    border-color: transparent;
  }



  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }

  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }

  /*---------------------------------------
      MENU              
  -----------------------------------------*/

  .custom-navbar {
    background: #ffffff;
    border-bottom: 0;
    padding: 12px 0;
    margin-bottom: 0;
    padding: 0;
	padding-top:10px;
  }

  .custom-navbar .navbar-brand {
	width:257px;
	height:68px;
	margin-top:10px;
  }

  .custom-navbar .navbar-nav.navbar-nav-first {
    margin-left: 8em;
  }

  .custom-navbar .navbar-nav.navbar-right li a {
    padding-right: 12px;
    padding-left: 12px;
	font-size:14px;
  }

  .custom-navbar .navbar-nav.navbar-right li a .fa {
    background: #29ca8e;
    border-radius: 100%;
    color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
  }

  .custom-navbar .nav li a {
    line-height:60px;
    color: #999999;
    padding:0 14px;
  }

  .custom-navbar .navbar-nav > li > a:hover,
  .custom-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
  }

  .custom-navbar .navbar-nav .active{
     color:#cc0000;
	 border-bottom:#cc0000 2px solid
  }

  .custom-navbar .nav li a:hover {
    color: #cc0000;
  }

  .custom-navbar .nav li.active > a {
    color: #cc0000;
  }

  .custom-navbar .navbar-toggle {
    border: none;
    padding-top: 20px;
  }

  .custom-navbar .navbar-toggle {
    background-color: transparent;
  }

  .custom-navbar .navbar-toggle .icon-bar {
    background: #252525;
    border-color: transparent;
  }



  /*---------------------------------------
      HOME  & SLIDER            
  -----------------------------------------*/

  #home {
    padding: 0;
  }

  #home h1 {
    color: #ffffff;
  }

  #home h3 {
    color: #f9f9f9;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 5px 0 40px 0;
  }

  @media (min-width: 768px) {
    .home-slider .col-md-6 {
      padding-left: 0;
    }
  }

  .home-slider .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    background-color: rgba(20,20,20,0.2);
    height: 100%;
    color: #fff;
    cursor: e-resize;
  }

  .home-slider .item {
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    height: 650px;
  }
  
  .caption h3 a { color: #FFF; }
  .caption h3 a:hover { color: #FF3; }

  .home-slider .item-first {
    background-image: url(../images/mzb_06.png);
	background-position: center;
  }

  .home-slider .item-second {
    background-image: url(../images/mzb_06.png);
	background-position: center;
  }

  .home-slider .item-third {
    background-image: url(../images/mzb_06.png);
	background-position: center;
  }
  .midbanner{ width:100%; height:300px; background:url(../images/index_12.jpg) no-repeat center top; overflow:hidden}
  .intitle{ width:100%; text-align:center}
  .intitle h3{ padding:0 20px; font-size:24px; color:#cc0000; border-bottom:#cc0000 1px solid; display:inline-block; height:50px; line-height:50px;}
  .intitle i{ font-size:14px; color:#CCC; display:block; text-align:center; margin-top:10px;}
  
  .brand{
     margin-top:30px;
   }
  .brand .left-border{
      width:766px;
	  height:506px;
	  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	  overflow:hidden
   }
  .brand .right-border{
      width:582px;
	  height:353px;
	  background:#fff;
      filter:alpha(opacity:90);
	  opacity:0.9; 
	  -moz-opacity:0.9;
	  -khtml-opacity: 0.98;
	  margin-top:80px;
	  padding:40px;
	  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	  margin-left:50px;

   }
  .brand .right-border .cntt{
      font-size:24px;
	  color:#000;
	  clear:both;
	  height:50px; line-height:50px;
   }
  .brand .right-border .cntt i{
      font-size:14px;
	  color:#999999
   }
   
  .brand .name{
      font-size:12px;
	  color:#000
   }
   
  .brand .right-border .right-border-info{
      filter:alpha(opacity:100);
	  opacity:1; 
	  -moz-opacity:1;
	  -khtml-opacity: 1;
	  clear:both;
   }
  .brand .right-border p{
	  margin-top:20px;
	  line-height:32px;
	  color:#a9a9a9
   }
  .brand .right-border .more{
	  margin-top:10px;
	  color:#a9a9a9;
	  width:106px; 
	  height:33px;
	  line-height:33px; 
	  text-align:center;
	  background:#cc0000;
	  color:#fff;
	  display:block;
	  
   }

  .team{
     margin-top:0px;
   }

  .team h2{
	 font-size:26px;
	 color:#000;
	 padding-left:15px;
	 margin-bottom:50px;
   }
  .team h2 i{
	  font-size:16px;
	  color:#a1a1a1;
	  font-weight:500
   }
  .teamlist li{
	  width:282px;
	  height:520px;
	  float:left;
	  list-style:none;
	  margin:0 7px;
	  padding:0px 8px;
	  padding-top:18px;
   }
  .teamlist li:hover{
	  background:#fff5d6;
   }
  .teamlist li:hover .img{
	  border:#ffcc33 2px solid;
   }
  .teamlist li:nth-child(4){
	  float:right;
	  margin:0px;
   }
   .teamlist li .img{
      width:263px;
	  height:320px;
	  border:#eeeeee 2px solid;
   }

   .teamlist li .img img{
      width:227px;
	  height:327px;
	  margin:20px;
   }
   .teamlist li .txt{
	  height:60px;
	  line-height:60px;
	  font-size:16px;
	  margin-top:30px;
	  text-align:center;
	  font-weight:bold

   }
   .teamlist li .txt:nth-child(1),.teamlist li .txt:nth-child(3) {
	  margin-top:0px;
   }
   .teamlist li .txt span{
	  font-size:12px;
	  margin:0 5px;
	  color:#666666
   }
   .teamlist li p{
	  font-size:12px;
	  color:#999999;
	  line-height:30px;
   }


  .gssl{
	 height:645px;
	 padding:0px;
	 margin-top:20px;

   }
  .gssl .mid{
	 width:1000px;
	 margin:0 auto;
	 margin-top:50px;
	 overflow:hidden

   }
  .gssl .mid .left-border{
	width:606px; float:left;
	overflow:hidden

   }
  .gssl .mid .right-border{
	 float:left; margin-left:50px; 

   }
   .gsslnav{
	   margin:10px 0;
	   overflow:hidden
   }
   .gsslnav li{
	   width:21%; margin:2%; float:left; text-align:center; height:55px; line-height:55px; border:#ccc 1px solid;
	   list-style:none;
	   font-size:18px;
   }
   .gsslnav .active{
	   border:cc0000 1px solid; background:#cc0000;
	   color:#fff
   }
   .gssl .right-border-info .num{
	   font-size:36px;
	   color:#cc0000;
	   font-weight:bold
   }
   .gssl .right-border-info h3{ font-size:30px;}
   .gssl .right-border-info p{
	   font-size:16px;
	   color:#666;
	   margin:20px 0px;
	   line-height:30px;
   }
   .gssl .right-border-info .more{
	   width:106px;
	   height:34px;
	   line-height:34px;
	   text-align:center;
	   background:#cc0000;
	   color:#fff;
	   display:block
   }
   
   
 
.grid {
	position: relative;
	list-style: none;
	text-align: center;
	margin-top:30px;
}
  
   /* Common style */
.grid figure {
	position: relative;
	
	overflow: hidden;
	
	text-align: center;
	cursor: pointer;
}
.newListanli{
	float: left;
	margin: 5px;
	width: 430px;
}
.newListanli div{
	white-space:normal;
	overflow:hidden;
	padding:15px 0;
}
.grid figure img {
	position: relative;
	display: block;
	height:320px;
	width: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption:hover{
	background:#cc0000;
	opacity: 0.8;
	color:#cc0000
}


.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.preview {
	text-align: center;
    padding: 5px;
    margin-top: -140px;
    position: absolute;
    width: 100%;
		}
		.preview a {
		  display: inline-block;
		  margin: 5px;
		  border:2px solid #fff;
		}
		.preview img {
		  display: block;
		  width: 200px;
		  height: auto;
		  transition: none;
		}
		.preview img:hover {
		  transform: none;
		}
		
	

.ylxm .con{ overflow:hidden; margin-top:20px; margin-bottom:50px;}
.ylxm .con li:first-child {width:537px; height:380px; background:#efefef; border-radius:20px; list-style:none; float:left; margin-left:0px;}
.ylxm .con li {width:380px; height:380px; background:#efefef; border-radius:20px; list-style:none; float:left; margin:0px; margin-left:15px; position:relative}
.ylxm .con li:hover{background:url(../images/index_09.jpg) center top no-repeat; opactity:0.3}
.ylxm .con li:hover .title h3,.ylxm .con li:hover title .num,.ylxm .con li:hover .txt{ color:#fff !important}
.ylxm .con li .title { position:relative; z-index:22}
.ylxm .con li .title h3{ float:left; color:#5a5a5a}
.ylxm .con li .title{ height:100px; line-height:100px; border-bottom:#cfcfcf 1px dashed; margin-top:10px; font-size:16px; margin-left:20px; margin-right:20px; overflow:hidden}
.ylxm .con li .title .num{ float:right; font-size:64px; font-weight:bold; font-style:oblique; color:#e3e3e3}
.ylxm .con li .txt{line-height:28px; font-size:14px; margin:20px; position:relative; z-index:22;text-align:left;}


.ylxm .con li .moban{
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
	transition: all 0.35s ease;
	z-index:1;
	filter:alpha(opacity:0); 
	opacity:0;  
	-moz-opacity:0;
	-khtml-opacity:0;
	background:#cc0000;
	border-radius:20px;


}

.ylxm .con li:hover .moban{
   -webkit-transform: translate(0,0px);
    transform: translate(0, 0px);
	filter:alpha(opacity:0.8); 
	opacity:0.8;  
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
		border-radius:20px;


}

.lxwm{ margin-top:30px;}
.lxwm .con{ border:#ddd 1px solid; overflow:hidden; padding:0 10px; line-height:30px;}
.lxwm .con img{ margin:10px 0}


.jjfa_list li{ float:left; width:266px; margin-right:22px; margin-bottom:25px; list-style:none; border:#f3f1f2 1px solid; overflow:hidden}
.jjfa_list li:nth-child(4n+0){ float:right;margin-right:0px;}
.jjfa_list li .img{width:100%; text-align:center; height:186px; overflow:hidden}
.jjfa_list li .img img{width:100%; text-align:center}
.jjfa_list li .txt{ text-align:center; height:50px; line-height:50px; background:#f3f1ed}
.jjfa_list li .txt a{ font-size:14px;}
.jjfa_list li:hover{border:#cc0000 1px solid}
.jjfa_list li:hover .txt{ background:#cc0000;}
.jjfa_list li:hover .txt a{ color:#fff}


figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top:10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla p {
	text-transform: none;
	opacity: 0;
	color:#fff;
	font-size:16px;
	height:60px;
	line-height:30px;
	margin-top:80px;
	
}


figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after{
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


   
  /*---------------------------------------
      FEATURE              

  -----------------------------------------*/
  #feature .cntt{
      font-size:26px;
	  color:#000;
	  clear:both;
	  margin-bottom:80px;
	  margin-top:50px;
   }
  #feature .cntt i{
      font-size:16px;
	  color:#999999
   }

  #feature .row{
      width:300px; 
      float:left;
   }
  #feature .row li {
	width:300px;
	height:118px;
	margin-bottom:30px;
	background:#fff;
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	overflow:hidden;
	list-style:none;
  }
  #feature .row li:hover{
	width:300px;
	height:118px;
	background:#ffcc33;
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	width:100%
  }
  #feature .row li:hover span, #feature .row li:hover h3{
	color:#fff;
  }

  #feature .row li span {
    width: 60px;
	height:118px;
    line-height: 118px;
	font-size:72px;
	font-weight:bold;
	float:left;
	margin-right:50px;
	margin-left:30px;
	color:#f1f1f1
  }

  #feature .row li h3 {
	  font-size:16px;
	  font-weight:500;
	  margin-top:40px;
  }
  #feature .row li h3 em{
	  font-size:14px;
	  font-style:normal;
  }

  #feature .fp{
	  width:843px;
	  height:406px;
	  float:right;
	  overflow:hidden
  }
  #feature .fp img{
	 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  #feature .fp img:hover{
	 transform: scale(1.2, 1.2); 
  }
 

  /*---------------------------------------
      ABOUT              
  -----------------------------------------*/

  #about figure {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
  }

  #about figure span {
    float: left;
    margin-left: -15px;
    padding: 15px 20px;
    position: relative;
    top: 20px;
  }

  #about figure span i {
    background: #29ca8e;
    border-radius: 50px;
    color: #ffffff;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  
  .bodyimg{ margin-top:30px;}
  .bodyimg img:nth-child(2){ float:right}
  /*---------------------------------------
      TEAM              
  -----------------------------------------*/

  .team-thumb {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    text-align: left;
  }

  .team-info {
    padding: 20px 30px;
  }

  .team-image img {
    width: 100%;
  }

  .team-thumb .social-icon {
    border-top: 1px solid #f0f0f0;
    padding: 4px 20px 0 20px;
  }

  .team-thumb .social-icon li a {
    background: #ffffff;
    color: #252020;
  }

  .team-info h3 {
    margin: 0;
  }


  /*---------------------------------------
      COURSES             
  -----------------------------------------*/

  #courses .section-title {
    text-align: center;
  }

  #courses .owl-item {
    height: 100px;
    padding: 20px 0;
  }

  #courses .item {
     padding-left:10px;
  }

  #courses .owl-theme .owl-nav {
    margin-top: 30px;
  }

  #courses .owl-theme .owl-nav [class*=owl-] {
    border-radius: 2px;
    font-size: 24px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
	font-weight:bold;
  }

  .courses-thumb {
    position: relative;
	overflow:hidden;
	width:198px;
	height:198px;
  }

  .courses-top {
    position: relative;
  }

  .courses-image {
    float:left; 
  }

  /*.courses-thumb .txt{
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
	transition: all 0.35s ease;
	z-index:1;
	filter:alpha(opacity:0); 
	opacity:0;  
	-moz-opacity:0;
	-khtml-opacity:0;
	background:#cc0000;
	padding-top: 60px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
	line-height:33px;
  }*/
   .courses-thumb .txt{

	width:100%;

	z-index:1;
    text-align: center;
    color: #101010;
    font-size: 16px;
	line-height:33px;
  }


.courses-thumb:hover .txt{
   -webkit-transform: translate(0,0px);
    transform: translate(0, 0px);
	filter:alpha(opacity:0.8); 
	opacity:0.8;  
	-moz-opacity:0.8;
	-khtml-opacity:0.8;


}

  
  .courses-thumb .txt span{
	  font-size:10px;
  }
  
  .courses-date {
    background: linear-gradient(rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.6));
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 25px;
  }

  .courses-date span,
  .courses-author span {
    font-size: 14px;
    font-weight: bold;
  }

  .courses-date span {
    color: #ffffff;
    display: inline-block;
    margin-right: 10px;
  }

  .courses-detail {
    padding: 25px 25px 15px 25px;
  }

  .courses-detail h3 {
    margin: 0 0 2px 0;
  }

  .courses-info {
    border-top: 1px solid #f0f0f0;
    position: relative;
    clear: both;
    padding: 15px 25px;
  }

  .courses-author,
  .courses-author span {
    display: inline-block;
    vertical-align: middle;
  }

  .courses-author img {
    display: inline-block !important;
    border-radius: 50px;
    width: 50px !important;
    height: 50px;
    margin-right: 10px;
  }

  .courses-price {
    float: right;
    margin-top: 10px;
  }

  .courses-price span {
    background: #29ca8e;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    padding: 5px 10px;
  }

  .courses-price.free span {
    background: #3f51b5;
  }

  #courses .owl-theme .owl-nav{
	margin-top: -70px;
    position: relative;
	width: 1300px;
    margin-left: -50px;
  }
  .owl-prev{
	  float:left
  }
  .owl-next{
	  float:right
  }
  #courses{ background:#eee; height:100px; padding:0px;}

  /*---------------------------------------
     NEWS              
  -----------------------------------------*/

  .news-thumb {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .news-thumb .news-image {
    float: left;
    width: 40%;
    margin-right: 30px;
  }

  .news-info h3 {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .news-date span {
    color: #909090;
    font-weight: bold;
  }



  /*---------------------------------------
      TESTIMONIAL             
  -----------------------------------------*/

  #testimonial {
	 padding-top:0px;
  }
  #testimonial hr {
    margin:0;
  }
  #testimonial .col-md-4 ,#testimonial .col-sm-4 {
    padding:0;
  }
  #testimonial .item .img{
	  margin:15px;
	  overflow:hidden;
	  margin-bottom:0px;
  }
  #testimonial .item {
    background: #ffffff;
	border:#e5e5e5 1px solid;
	overflow:hidden;
    text-align:center;
	margin:0 10px;
	padding-bottom:20px;
  }
  #testimonial .item:hover{
	margin:0 10px;
	color:#333;
	border:#cc0000 1px solid
  }
  #testimonial .item:hover .tst-date,#testimonial .item:hover h4{
	color:#cc0000
  }



  #testimonial .item  p {
    font-size: 14px;
    line-height: 26px;
	margin:20px;
	text-align:left
  }

  .tst-rating {
    margin-bottom: 15px;
  }

  .tst-rating .fa {
    color: #3f51b5;
  }

  .tst-author {
    vertical-align: middle;
    padding:0 15px;
    text-align: left;
	margin-top:30px;
	margin-left:0;
  }

  .tst-image img {
    border-radius: 50px;
    width: 60px !important;
    height: 60px;
    margin-right: 15px;
  }

  .tst-author h4 {
    margin: 0;
	font-size:18px;
	line-height:34px;
	color:#333333
  }

  .tst-author span {
    color: #808080;
    font-size: 14px;
  }

  .tst-date{
	font-size:24px;
	height:34px;
	color:#999999;
	text-align:left;
	margin:20px
  }

  .tst-date span{
	font-size:12px;
  }



  /*---------------------------------------
      CONTACT             
  -----------------------------------------*/

  #contact {
    background: #3f51b5;
  }

  #contact h2 {
    color: #ffffff;
  }

  #contact .section-title {
    padding-bottom: 20px;
  }

  #contact h2 > small,
  #contact p,
  #contact a {
    color: #f9f9f9;
  }

  #contact-form {
    padding: 1em 0;
  }

  #contact-form .col-md-12,
  #contact-form .col-md-4 {
    padding-left: 0;
  }

  #contact-form .form-control {
    border: 0;
    border-radius: 5px;
    box-shadow: none;
    margin: 10px 0;
  }

  #contact-form input {
    height: 50px;
  }

  #contact-form input[type='submit'] {
    border-radius: 50px;
    border: 1px solid transparent;
  }

  #contact-form input[type='submit']:hover {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
  }
  

  /*---------------------------------------
     ABOUT              
  -----------------------------------------*/
#banner{ margin-top:30px; padding-bottom:0px;}
#banner div {
    height: 396px;
    position: relative;
}
#banner .mob {
    height: 0px;
    position: relative;
}
.ct{ display:none}

.content {
    width: 1360px;
    margin: 0 auto;
	position:relative
}

#plheader {
   width:236px; height:85px; background:#cc0001; text-align:center; overflow:hidden; margin-bottom:5px;
}
#plheader .title{
   color:#fff; font-size:24px; margin-top:15px; height:25px; line-height:25px;
}
#plheader .subtitle{
   color:#fff; font-size:14px; 
}


#category { margin-left:0; padding:0px; padding-bottom:35px; float: right; text-align:left; margin-top: -75px; position:relative}


#category li { float:none; display:block; height:auto; line-height:62px; height:62px; border-top:2px solid #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:#f7f7f7; margin-bottom:3px; text-align:center; font-size:16px}


#category a { border:0px; background:none; color:#999999; font-size:16px; position:relative; padding:0;display:block; width:100%; font-weight:bold}
#category a:hover { color:#cc0000}

#category a::before {
    content: '';
    position: absolute;
    width: 236px;
    height: 2px;
    background: transparent;
    margin-top: 0px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
}


#category a.active { color:#cc0000}
.wrapper{ margin-top:10px; width:1130px; float:left; padding-bottom:30px;}
.wrapper .title{ font-size:24px; color:#333; text-align:center; margin-bottom:15px;}
.wrapper .title h3{  padding:5px 10px; border-bottom:#cc0000 1px solid; display:inline-block; margin:0 auto; font-size:24px; color:#cc0000}
.wrapper .title2{  font-size:16px; color:#999999; height:25px; line-height:25px; text-align:center}
.wrapper .title1{ font-size:24px; color:#333; height:52px;  background:url(../images/yewu_03.jpg); text-align:center}
.wrapper i{ font-size:12px; color:#333;}
.wrapper .info{ font-size:14px; color:#5a5a5a; height:60px; line-height:60px; text-align:center; background:#dedede; width:100%; margin:10px 0}
.wrapper .body{ line-height:30px; color:#333; margin-top:30px;}
.wrapper H3{ font-size:14px}
.wrapper .body .img{ width:100%; text-align:center; overflow:hidden}
.jdt{ overflow:hidden; margin:10px 50px}
.jdt .img{ width:800px !important; height:470px; overflow:hidden; float:left}
.jdt .img img{ width:800px; height:470px;}
.jdt .list{ width:149px; height:auto; overflow:hidden; float:left; margin-left:30px;}
.jdt .list li{ width:149px; height:auto; margin-bottom:9px; list-style:none; overflow:hidden}
.jdt .list li img{ width:149px; height:87px;}

.qita{ overflow:hidden; margin-top:50px;}
.qita .title{ border-bottom:2px solid #e5e5e5; overflow:hidden; height:50px; line-height:50px; width:1070px;}
.qita .title h3{ border-left:2px solid #cc0000; font-size:18px; color:#cc0000; border-bottom:none; float:left; height:25px; line-height:25px; padding:0 15px; margin-top:10px;}
.qita .title .more{font-size:12px; color:#cc0000; float:right; margin-right:5px;}
.qita .newListanli{
	
	width:205px;
}
.qita .newListanli div{
	padding:5px 0;
}
.qita .grid figure  img{width:100%;height:150px; }
.qita figure.effect-layla p{ margin-top:20px; font-size:9px; overflow:hidden}

.wrapper .next{ height:80px; line-height:80px; border:#ddd 1px dashed; width:100%;padding:0 15px;}


.xiangg{ overflow:hidden; margin-top:50px; margin-bottom:50px;}
.xiangg .news_xg{ width:47%; float:left}
.xiangg .news_xg .tt{ border-bottom:2px solid #e5e5e5; overflow:hidden; height:50px; line-height:50px; width:100%}
.xiangg .news_xg .tt h3{ border-left:2px solid #cc0000; font-size:18px; color:#cc0000; border-bottom:none; float:left; height:25px; line-height:25px; padding:0 15px; margin-top:10px;}
.xiangg .news_xg .tt .more{font-size:12px; color:#cc0000; float:right; margin-right:5px;}
.xiangg .news_xg .newsxg_con{ margin-top:15px; overflow:hidden; margin-left:5px;}
.xiangg .news_xg .newsxg_con li{ list-style:none; height:35px; line-height:35px;}
.xiangg .news_xg .newsxg_con li a{ color:#000000}
.xiangg .news_xg .newsxg_con li a:hover{ color:#cc0000}
.xiangg .news_xg:last-child{float:right}

.aboutcon{ margin:50px 0; overflow:hidden}
.aboutcon .one{ width:565px; float:left}
.aboutcon .two{ width:565px; float:right}
.aboutcon .two .img{ margin-top:0px;}
.aboutcon .num{ float:left; width:115px; font-size:64px; color:#cc0000; overflow:hidden; text-align:center; font-weight:bold}
.aboutcon .txt{ float:left; margin-left:10px; width:440px; overflow:hidden}
.aboutcon .txt .tt{ margin-top:20px; font-size:24px; color:#333; margin-bottom:20px;}
.aboutcon .txt .tt span{ font-size:16px}
.aboutcon .txt p{ font-size:14px; line-height:30px;}
.aboutcon .img{ width:100%; overflow:hidden; }

  /*---------------------------------------
     JISU              
  -----------------------------------------*/

.js_list{
	margin-top:30px;
}
.js_list li{
	  border:1px solid #eeeeee;
	  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	  height:222px;
	  list-style:none;
	  margin-bottom:36px;
}
.js_list li .num{
	  height:100%;
	  width:100px; line-height:222px; color:#fff; font-size:60px; float:left; background:#ffcc33; text-align:center
}
.js_list li .tx{
	  height:100%;
	  width:219px; float:left
}
.js_list li .txt{
	 float:left;
	 margin-left:10px;
	 width:500px;
}
.js_list li .txt .tt{
	 font-size:18px;
	 color:#333; margin-top:10px;
	 font-weight:bold
}
.js_list li .txt .tt span{
	 font-size:14px;
	 color:#999
}
.js_list li .txt .con{
	 font-size:12px;
	 color:#333;
	 line-height:30px;
	 margin-top:10px;
}



.news_list{
	margin-top:30px;
}
.news_list li{
	  border:1px solid #eeeeee;
	  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	  height:180px;
	  list-style:none;
	  margin-bottom:36px;
}
.news_list li:hover{
	  border:1px solid #cc0000;
}
.news_list li .tx{
	  height:100%;
	  width:240px; float:left;
	  overflow:hidden
}

.news_list li .tx img{
	width:100%;
	height:180px;
}


.news_list li .txt{
	 float:left;
	 margin-left:20px;
	 width:940px;
	 transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news_list li .txt:hover{
	  transform: translateX(1.08, 1.08); margin-left:20px; color:#cc0000
}
.news_list li:hover .txt .tt{
	  color:#cc0000
}
.news_list li .txt .tt{
	 font-size:20px;
	 color:#333; margin-top:10px;
	 font-weight:bold;
	 background:url(../images/news_03.jpg) bottom left no-repeat ;
	 height:70px;
}
.news_list li .txt .tt i{
	 font-size:14px;
	 color:#999;
	 display:block;
	 font-weight:500;
	 margin-top:10px;
}
.news_list li .txt .con{
	 font-size:14px;
	 color:#333;
	 line-height:30px;
	 margin-top:10px;
}
.page_nav li {
	display:inline-block;
    border: #ccc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    margin: 2px;
    color: #ccc;
    padding-top: 2px;
    text-decoration: none;
    padding: 3px 10px;
    cursor: pointer;
}
.page_nav span.current {
    border: #d61718 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 2px;
    margin: 2px;
    color: #fff;
    padding-top: 2px;
    background-color: #d61718;
    padding: 5px 10px;
    cursor: pointer;
}
.page_nav select{
	border:none;
}
.page_nav span.nolink {
    border: #ccc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    margin: 2px;
    color: #999;
    padding-top: 2px;
    padding: 5px 10px;
    cursor: pointer;
}
.news_list li .more{
	 width:80px;
	 height:180px;
	 background:url(../images/news_12.jpg) no-repeat center;
	 float:right
}
.news_list li:hover .more{
	 	 background:url(../images/news_07.jpg) no-repeat center;
}



.hezuolist{
	margin-top:30px;
}
.hezuolist li{
	  border:1px solid #eeeeee;
	  height:100px;
	  list-style:none;
	  margin-bottom:20px;
	  width:290px;
	  float:left; margin-right:20px;
}
.hezuolist li:nth-child(3),.hezuolist li:nth-child(6) {
	  margin-right:0px;
   }
.hezuolist li:hover{
	  border:1px solid #ffd65c;
	  background:#ffd65c;
}
.hezuolist li .img{
	  height:100%;
	  width:64px; 
	  float:left;
	  overflow:hidden;
	  margin-top:20px;
	  margin-left:10px;
}

.hezuolist li .img img{
	      transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.hezuolist li .img:hover img{
	      transform: scale(1.08, 1.08);
}

.hezuolist li .txt{
	  float:left;
	  margin-left:5px;
	  font-size:11px;
	  line-height:20px;
	  margin-top:30px;
	  width:200px;
	  overflow:hidden
	
}
.hezuolist li .txt span{
      font-size:10px;
	  display:block	
}

.zcns li{ width:100%; height:78px; border-bottom:#eeeeee dashed 1px; overflow:hidden; list-style:none;color:#666666}
.zcns li:hover{ border-bottom:#eeeeee dashed 1px;color:#ffcc33; background:#eeeeee}
.zcns li .zleft{ float:left; margin-top:10px; font-size:16px; line-height:30px; margin-left:10px; font-weight:bold}
.zcns li .zleft span{font-size:12px; display:block; font-weight:500}

.zcns li .zright{ float:right; margin-top:10px; font-size:16px; text-align:right;line-height:30px; margin-right:10px;font-weight:bold}
.zcns li .zright span{font-size:12px; display:block; color:#b5b5b5; font-weight:500}


.ditu{
	  height:400px;
	  width:100%; 
	  overflow:hidden;
	  text-align:center;
	  margin:30px 0

}



.mp{
	  height:69px;
	  width:553px; 
	  overflow:hidden;
	  margin-left:40px;
	  margin-top:50px;
	  clear:both

}

.mp img{
	      transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.mp:hover img{
	      transform: scale(1.08, 1.08);
}

.lxfs{
	  margin-left:40px;
	  margin-top:30px;
	  font-weight:bold;
	  overflow:hidden;
	  margin-bottom:20px;


}
.lxfs .one{
	 width:40%;
	 height:73px;
	 float:left

}
.lxfs .one:nth-child(3){
	 width:20%;
	 height:73px;
	 float:left

}

.lxfs .one .img{
	 width:41px;
	 height:42px;
	 float:left;
	 margin-top:5px;

}
.lxfs .one .txt{
	  font-size:20px;
	  color:#333333;
	  line-height:25px;
	  margin-left:10px;
	  float:left;

}
.lxfs .one .txt span{
	  font-size:12px;
	  color:#8d8d8d;
	  display:block

}

  /*---------------------------------------
     FOOTER              
  -----------------------------------------*/

  footer {
    background: #333333;
    padding: 60px 0;
	text-align:center;
	color:#ccc;
	font-size:12px;
	margin-bottom:-10px;
	line-height:30px;
	padding-bottom:0px;
  }
   footer .one{ float:left; width:450px;}
   footer .one li{ list-style:none;}
   footer .one li h2{ width:70px; text-align:center; float:left; font-size:14px; font-weight:bold; display:block; overflow:hidden; margin:0px; padding:0px;}
   footer .one li h2 a{ color:#cc0000}
   footer .one li dl{ float:left; margin:0px; margin-left:10px; width:350px;}
   footer .one li dl dt{ float:left; margin:0 10px;height:30px; line-height:30px;}
   footer .one li dl dt a{ color:#ccc}

   footer .two{ float:left; width:500px; margin-left:50px;}
   footer .two li{ float:left; width:50%; list-style:none; line-height:30px; text-align:left}
   footer .tre li{ float:right;}

   footer .copyright{ width:100%; height:38px; line-height:38px; color:#fff; background:#000; text-align:center; margin-top:50px;}
  .newsletter-form .form-control {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #303030;
    height: 50px;
    margin: 5px 0;
  }

  .newsletter-form input[type="submit"] {
    background: transparent;
    border: 1px solid #f9f9f9;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    margin-top: 20px;
    outline: none;
    width: 50%;
  }

  .newsletter-form input[type="submit"]:hover {
    background: #29ca8e;
    border-color: transparent;
  }

  .newsletter-form .form-group span {
    color: #909090;
    display: block;
    font-size: 12px;
    margin-top: 20px;
  }



  /*---------------------------------------
     SOCIAL ICON              
  -----------------------------------------*/

  .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
  }

  .social-icon li a {
    border-radius: 100px;
    color: #29ca8e;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    transition: all 0.4s ease-in-out;
    position: relative;
    margin: 5px 5px 5px 0;
  }

  .social-icon li a:hover {
    background: #29ca8e;
    color: #ffffff;
  }



  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/
.mobile_pp,.mobile_link{
	display:none;
}
.mobileP{
	display:block;
}
.mobileS{
		display:none;
	}
  @media screen and (max-width: 1170px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
      margin-left: inherit;
    }
  }

  @media only screen and (max-width: 992px) {
	 .mobile_pp,.mobile_link{
		display:block;
	}
	.mobileP{
		display:none;
	}
	.mobileS{
		display:block;
	}
	.mobile_link {
		position:fixed;
		bottom:0;
		width:100%;
		height:50px;
		z-index:100;
		padding:5px 0;
		background:red;
	}
	.mobile_link a{
		float:left;
		width:25%;
		text-align:center;
		color:#fff;
		line-height:40px;
		border-right:1px solid #fff;
	}
	.mobile_link a:last-child{
		border-right:1px solid #fff;
	}
	.shang_box {
		width: 100%;
		padding: 10px;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 20%;
		display: none;
	}
	.shang_boxnr {
		background: #fff;
		border-radius: 6px;
		position: relative;
	}
	.shang_boxnr h3 {
		font-size: 18px;
		color: #666;
		line-height: 26px;
		padding: 10px 20px;
		padding-right: 50px;
	}
	.shang_boxnr a.shang_close {
		height: 50px;
		width: 50px;
		line-height: 50px;
		position: absolute;
		right: 0;
		top: 0;
		color: #ccc;
		font-size: 16px;
		text-align: center;
	}
	.weixin {
		background: #dcdcdc;
		padding: 20px;
		font-size: 30px;
		color: #666;
	}
	.shang_boxnr a.shang_que {
		color: #333;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 0 20px;
		border-radius: 3px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
		display: inline-block;
		float: right;
		margin: 15px 20px;
	}
    section,
    footer {
      padding: 0px 0;
    }

    .home-slider .item {
      background-position: center center;
    }

    .feature-thumb,
    .about-info,
    .team-thumb,
    .footer-info {
      margin-bottom: 50px;
    }

    .contact-image {
      margin-top: 50px;
    }
   
   .brand .left-border {
    width: 100%;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	background-size:100%;
	height:auto
   }
   .brand{
	   margin-top: 0px;
	 }
   .brand .left-border img{
    width: 100%;
   }
   
   .brand .right-border {
    width: 100%;
    height: auto;
    margin-top:20px;
    padding: 40px;
	margin-left:0px;
}

 .team h2 {
    margin-bottom: 0px;
   }
	
.teamlist li {
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
    margin: 0 7px;
    padding: 0px 8px;
    padding-top: 18px;
	border-bottom:#ddd 1px solid
}


.teamlist li .img {
    width: 100%;
    border: #eeeeee 2px solid;
	height:auto
}

.teamlist li .img img {
    width: 90%;
    margin: 5%;
	height:auto;
}

.teamlist li .txt {
    margin-top: 0px;
}

   .teamlist li .img:nth-child(1),.teamlist li .img:nth-child(3) {
	  margin-bottom:30px;
   }

.yewu{ height:auto; background:#fff}
  .yewu .left-border{
      width:100%;
	  height:auto;
   }

  .yewu .left-border img{
      width:100%;
	  height:auto;
   }

.yewu .right-border
{
	margin-top:20px;
	height:auto;
	width:100%;
	padding:15px;
	margin-left:0px;
	
	}
.yewu .col-md-6{
	  padding:0 15px;   
   }	
.brand .col-md-6{
	  padding:0px;   
   }	
#feature .row {
    width: 100%;
    float: left;
	margin:0px;
	padding-left:0px;
}
#feature .row li{ width:100%}
#feature .cntt {
    font-size: 26px;
    color: #000;
    clear: both;
    margin-bottom: 30px;
    margin-top: 10px;
}	
#feature .cntt i {
    font-size: 15px;
    color: #999999;
}
#feature .fp{ width:100%; height:auto}
#feature .fp img{ width:100%; height:auto}

.section-title h2{ margin-bottom:20px;}

#courses .owl-theme .owl-nav {
    margin-top: -70px;
    position: relative;
    width: 100%;
	margin-left:0px;
}
#courses .item {
    padding-left: 10px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 50px;
}

#banner div{ height:180px !important; background-position:left}
#category{ width:100%; margin-top:-130px;}
#plheader{ margin:0 auto; width:100%; background:none; color:#fff; margin-bottom:50px;}
#plheader .title{ color:#fff; font-size:16px}
#plheader .subtitle{ font-size:32px; color:#fff}
.content{ width:100%; padding:0 15px;}
.wrapper{ width:100%; display:block}
.body{ padding:0 15px;}
.bodyimg img{ width:100%; display:block}
.wrapper .title1{ background:none; padding:10px 0; height:80px; border-bottom:#ddd 1px solid}
.js_list li { height:auto}
.js_list li .num{ width:60px; height:60px; line-height:60px; font-size:24px; position:relative; z-index:99999}
.js_list li .tx{ width:100%; margin-top:-60px;}
.js_list li .tx img{ width:100%;}
.js_list li .txt{ width:100%; background:#fff; margin:0 auto; padding:20px;      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); margin-left:0px;
	  margin-bottom:20px;
	  
}
.news_list li{ margin-bottom:20px; height:auto; overflow:hidden}
.news_list li .tx{ width:100%}
.news_list li .tx img{ width:100%}
.news_list li .txt{ width:100%; background:#fff; margin-left:0px; padding:10px;}
.news_list li .more{ display:none}
.hezuolist li{ width:100%}
.hezuolist li .txt{ margin-left:20px;}
.zcns li{ height:auto}
.ditu{ width:100%; height:auto}
.ditu img{ width:100%;}
.mp{ width:100%; height:auto; margin-left:0px;}
.mp img{ width:100%;}
.lxfs{ display:none; height:0px; width:0px; overflow:hidden}
.ct{ width:100%;
	 padding:10px;
	 border-top:#ddd 1px solid; margin-top:20px; display:block}
.ct h3{ height:30px; line-height:30px; font-size:16px}
.ct p img {
    width: 24px;
    margin-right: 8px;
}
.ct p {
    font-size: 13px;
	margin-bottom:10px;
}
.mob{ background:#000; width:100%; height:100%;      filter:alpha(opacity:30);
	  opacity:0.3; 
	  -moz-opacity:0.3;
	  -khtml-opacity: 0.3;
	  position:relative;
	  margin-top:-180px;
}
.preview{ display:none}
.ylxm .container .con li{ width:100% !important; margin:0px; margin-bottom:20px;float:none;height:auto;}
.gssl .mid .left-border{ width:100%}
.gssl .mid .left-border img{ width:100%}
.gssl .mid{ width:100%}
.gssl .mid .right-border{ margin-left:20px; overflow:hidden}
.gssl{ height:auto; overflow:hidden}
.gssl .right-border-info .num{ height:40px; line-height:40px; float:left}
.grid figure{ width:100%; height:auto}
.gsslnav li{ width:48%; margin:1%}
#testimonial .item{ margin:10px; width:auto}
footer{ margin-top:20px; padding-top:30px;}
footer .one,footer .two,footer .tre{ width:100%; margin:10px 0; text-align:left}
footer .two,footer .tre{ margin-left:10px ;}
footer .two li{ width:100%; margin:10px 0;}
footer .one li dl{ margin-left:0px;}
footer .copyright{ height:auto; line-height:28px; padding:10px 0}
.slider{ height:200px !important;}
.slider__item{ background-size:600px !important; background-position: center}
.ylxm li{ font-size:12px !important}
.ylxm_con{ margin:10px !important;}
.courses-thumb{ width:100% !important; height:100% !important}
.ptxm_con{ width:100% !important}
.intitle h3{ font-size:18px}
.intitle i{ font-size:9px}
.pinglun{ width:100% !important}
.pinglun li{ width:100% !important}
.pinglun li .img{ float:left !important; width:20% !important}
.pinglun li .txt{ float:right !important; width:70% !important}
.ptxm_con .img{margin-top:30px !important;}
.ptxm_con .img img{ width:100%;}
.owl-carousel .owl-item img{ width:100%}
.ptxm_con .owl-theme .owl-nav{ width:100% !important;}
.courses-image{ width:100%}
.ylxm_con .bj img,.ylxm_con .img img{width:100%}
#category{ float:none !important}
.lxwm img{ width:100%}
.jjfa_list li{ width:94%; margin:3%; height:auto}
.jjfa_list li .img{ width:100%;  height:auto}
.jjfa_list li:nth-child(4n+0){ margin:3%}
.jdt{ margin:0px;}
.jdt .img{ width:100% !important; height:auto}
.jdt .img img{ width:100% !important; height:auto}
.wrapper .info{ height:auto; line-height:30px; padding:10px 0}
.jdt .list{ width:100%; margin:0px; margin-top:10px;}
.jdt .list li{ width:18%; margin:1%; float:left; overflow:hidden}
.jdt .list li img{ width:100%; height:auto}
.qita .grid figure{ width:100%; height:100%}
.news_list li .txt .tt{ font-size:14px}
.wrapper .body .img img{ width:100%;}
.wrapper .next{ height:auto; line-height:30px; border:none}
.wrapper .next a{ width:100% !important; height:30px; line-height:30px; text-align:left}
.xiangg .news_xg{ width:100%}
.xiangg .news_xg .newsxg_con li{ font-size:12px}
.aboutcon .one,.aboutcon .two{ width:100%}
.aboutcon .two .img{ margin-top:50px !important}
.midbanner{ height:70px; background-size:100%}
.slider-container .slider {
	width:100%;
}
#home,#banner{
	margin-top:60px;
}
#footer .two,#footer .tre,.copyright{
	display:none;
}
#category li{
	float:left;
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
}
#category li:nth-child(2n){
	margin-right:0;
}
#category a{
	font-size:12px;
}
#category{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
#plheader{
	margin-bottom: 70px;
    margin-top: -130px;
}
#plheader p{
	line-height:normal;
}
footer .one li dl{
	width:100%;
}
body{
	overflow-x:hidden;
}
.wrapper .next{
	padding:0;
}
.next div{
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
}
.wrapper .next a{
	width:auto !important;
	line-height:normal;
	padding:0;
}
.main_body{
	padding:0;
}

  }
.nav li .n_navList a{
	display:block;
	text-align:center;
	line-height:36px;
}
.nav li:hover .n_navList{
	display:block;
}
.n_navList{
	position:absolute;
	display:none;
	top:60px;
	left:-50px;
	width:200px;
	background:#fff;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.nav li{
	position:relative;
}

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-navbar .nav li a {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  

  @media only screen and (max-width: 767px) {
	.grid figure img{
		width:100%;
		height:auto;
	}
	.newListanli{
		float:none;
		width:100%;
		margin:0;
	}
    h1 {
      font-size: 2.5em;
    }

    h1,h2,h3 {
      line-height: normal;
    }

    .custom-navbar {
      background: #ffffff;
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
      text-align: center;
	  margin-top:0px;
    }

    .custom-navbar .navbar-brand,
    .custom-navbar .nav li a {
      line-height: normal;
    }

    .custom-navbar .nav li a {
      padding: 10px;
    }

    .custom-navbar .navbar-brand,
    .top-nav-collapse .navbar-brand {
      color: #252525;
      font-weight: 600;
	  width:70%;
	  margin-top:0;
    }
	.navbar-brand img{ width:100%}

    .custom-navbar .nav li a,
    .top-nav-collapse .nav li a {
      color: #575757;
    }

    .custom-navbar .navbar-nav.navbar-right li {
      display: inline-block;
    }

    .footer-info {
      margin-right: 0;
    }

    .footer-info.newsletter-form {
      margin-bottom: 0;
    }

    .entry-form {
      display: block;
      margin: 0 auto;
    }
	#footer { line-height:20px;}
	#footer span{display: block; margin:5px 0; }
	    .home-slider .item {
      background-position: center center;
	  height:300px;
    }

  }


  @media only screen and (max-width: 580px) {
    h2 {
      font-size: 1.8em;
    }
    .contact-image {
      margin-top: 0;
    }
  }

  @media only screen and (max-width: 480px) {
    h1 {
      font-size: 2em;
    }

    #home h3 {
      font-size: 14px;
    }

    .entry-form {
      border-radius: 0;
      padding: 2em;
      max-width: 100%;
      max-height: 100%;
      width: inherit;
      height: inherit;
    }
  }
  
  
  
  
  
  /*************************************************/
   .ylxm{
	   overflow:hidden
	}
   .ylxm li{
	   text-align:center;
	   width:31%; margin:1%; float:left;height:55px; line-height:55px; border:#ccc 1px solid;
	   list-style:none;
	   font-size:18px; 
   }
   .ylxm  .active{
	   border:cc0000 1px solid; background:#cc0000;
	   color:#fff
   }
   
.ylxm_con{
	margin:40px;
}
.ylxm_con h3{
	color:#cc0000;
	font-size:14px;
	font-weight:bold
}
.ylxm_con p{
	line-height:30px;
	color:#5a5a5a;
	font-size:12px
}
.ylxm_con .img{
	margin:10px;
	height:auto;
	overflow:hidden
}
.ylxm_con .bj{
	  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	  overflow:hidden
}

.ptxm_con{ width:1260px; margin:0 auto;margin-top:50px; }
.ptxm_con .owl-theme .owl-nav {
    width: 1360px;
    margin-left: -50px;
    margin-top: -150px;
    margin-bottom: 150px;
}
.owl-theme .owl-nav [class*=owl-]{
   font-size:80px;
   background:none;
   margin-top:-30px;
}
.ptxm_con .img{ margin:50px 0; overflow:hidden; }
.pinglun{ width:1140px; margin:0 auto; margin-top:60px; padding-bottom:30px; overflow:hidden}
.pinglun li{ width:260px;list-style:none; float:left; margin-right:20px; margin-bottom:30px;}
.pinglun li .img{ width:80px; height:70px; float:left; overflow:hidden}
.pinglun li .txt{ margin-left:5px; float:right; width:170px;}
.pinglun li .txt p{ line-height:22px; font-size:14px; color:#333333;}
.pinglun li .txt span{ color:#999999; font-size:12px;}
dt{font-weight:normal}
.page_nav{clear:both;}
@media(max-width:992px){
	#testimonial .img img{
		width:100%;
	}
	.content img{
		max-width:100%;
		height:auto !important;
	}
	.qita .newListanli{
		width:50%;
		float:left;
		padding:5px;
	}
}
.mobileshow{
		display:block;
	}
	.pcshow{
		display:none;
	}
@media(min-width:992px){
	#testimonial .img img{
		width:100%;
		height:245px;
	}
	#testimonial .item p{
		height:52px;
		overflow:hidden;
	}
	.pcshow{
		display:block;
	}
	.mobileshow{
		display:none;
	}
	
	
}
@media(max-width:992px){
	.owl-theme .owl-nav .owl-prev{
		position:absolute;
		left:0;
		margin-top:-80px;
	}
	.owl-theme .owl-nav .owl-next{
		position:absolute;
		right:0;
		margin-top:-80px;
	}
}