/*-----------1----------*/
.courses_subject_carousel_cp1 .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.courses_subject_carousel_cp1 .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.courses_subject_carousel_cp1 .owl-nav .owl-prev{
	left:12px;
}
.courses_subject_carousel_cp1 .owl-nav .owl-next{
	right:48px;
}
.courses_subject_carousel_cp1 .owl-nav .owl-prev:before,
.courses_subject_carousel_cp1 .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
}
.courses_subject_carousel_cp1 .owl-nav .owl-next:before{
	content:"\f105";
}

/*Owl Carousel*/

.most_popular_courses .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.most_popular_courses .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.most_popular_courses .owl-nav .owl-prev{
	left:-5px;
}
.most_popular_courses .owl-nav .owl-next{
	right:5px;
}
.most_popular_courses .owl-nav .owl-prev:before,
.most_popular_courses .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
	top:-20px;
	left:0px;
	width:auto;
	height:auto;
	color:#787879;
	font-size:40px; font-weight:300
}
.most_popular_courses .owl-nav .owl-next:before{
	content:"\f105";
}


@media only screen and (max-width: 700px) {
.most_popular_courses .owl-nav .owl-prev{
	left:-10px;
}
}

  

/*Owl---版权-courses_subject_carousel*/
.courses_subject_carousel .owl-nav{
	position:absolute;
	top:36%;
	width:100%;
}
.courses_subject_carousel .owl-nav div{
	font-size:0px;
	position: absolute;
}
.courses_subject_carousel .owl-nav .owl-prev{
	left:15px;width:40PX;
	height:40PX;
}
.courses_subject_carousel .owl-nav .owl-next{
	right:0px;width:40PX;
	height:40PX;
}
.courses_subject_carousel .owl-nav .owl-prev:before,
.courses_subject_carousel .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute; text-align:center;	top:-30px;
	left:0px;
	width:40PX;
	height:40PX;
	color:#e60602; line-height:40PX;
	font-size:40px; font-weight:300; background:#ffffff90
}
.courses_subject_carousel .owl-nav .owl-next:before{
	content:"\f105";
	width:40PX;
	height:40PX;line-height:40PX;
}



@media only screen and (max-width: 1050px) {
.courses_subject_carousel .owl-nav .owl-prev{
	left:10px;
}
}

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

.courses_subject_carousel .owl-nav .owl-prev{
	left:5px;width:30PX;
	height:30PX;
}
.courses_subject_carousel .owl-nav .owl-next{
	right:10px;width:30PX;
	height:30PX;
}
.courses_subject_carousel .owl-nav .owl-prev:before,
.courses_subject_carousel .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute; text-align:center;	top:-30px;
	left:0px;
	width:30PX;
	height:30PX;
	color:#e60602; line-height:30PX;
	font-size:30px; font-weight:300; background:#ffffff90
}
.courses_subject_carousel .owl-nav .owl-next:before{
	content:"\f105";
	width:30PX;
	height:30PX;line-height:30PX;
}



}
@media only screen and (max-width:599px) {
.courses_subject_carousel .owl-nav .owl-prev{
	left:9px;
}

}






/*Owl testimonial_carousel*/
.testimonial_carousel .owl-nav{
	position:absolute;
	top:36%;
	width:100%;	
}
.testimonial_carousel .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.testimonial_carousel .owl-nav .owl-prev{
	left:-10px;
}
.testimonial_carousel .owl-nav .owl-next{
	right:5px;
}
.testimonial_carousel .owl-nav .owl-prev:before,
.testimonial_carousel .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
	top:-40px;
	left:0px;
	width:auto;
	height:auto;
	color:#787879;
	font-size:55px; font-weight:300
}
.testimonial_carousel .owl-nav .owl-next:before{
	content:"\f105";
}



.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent; padding:0px;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  

  
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {

    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

	
	
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
	
	
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }











 /*-----------服务推荐------------*/
 

.sy_ser_box{width:92%;padding:0px; margin:0 auto; margin-top:10px;margin-bottom:10px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;background: #f6f6f6; }
.sy_ser_box dl{margin:0; padding:0px; padding:30px 20px;text-align:center}
.sy_ser_box dl dt{ margin:0px; padding:0px}
.sy_ser_box dl dd{ margin:0px; padding:0px;  font-size: 14px; line-height: 24px; height: 120px;color: #666; overflow:hidden}
.sy_ser_box dl dt h3{ margin:0px; padding:0px; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:5px;}

.i_ser_tu1{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#2f80dc; 
background: -webkit-linear-gradient(45deg, #2f80dc, #599fef);
background: -o-linear-gradient(45deg, #2f80dc, #599fef); 
background: -moz-linear-gradient(45deg, #2f80dc, #599fef); 
background: linear-gradient(45deg, #2f80dc, #599fef); 
}
.i_ser_tu1 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu2{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#ed5d2b; 
background: -webkit-linear-gradient(45deg, #ed5d2b, #fa9470);
background: -o-linear-gradient(45deg, #ed5d2b, #fa9470); 
background: -moz-linear-gradient(45deg, #ed5d2b, #fa9470); 
background: linear-gradient(45deg, #ed5d2b, #fa9470); 
}
.i_ser_tu2 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu3{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#5730c6; 
background: -webkit-linear-gradient(45deg, #5730c6, #896dd9);
background: -o-linear-gradient(45deg, #5730c6, #896dd9); 
background: -moz-linear-gradient(45deg, #5730c6, #896dd9); 
background: linear-gradient(45deg, #5730c6, #896dd9); 
}
.i_ser_tu3 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu4{ width:80px; height:80px; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:15px;
background:#ee0637; 
background: -webkit-linear-gradient(45deg, #ee0637, #fe7070);
background: -o-linear-gradient(45deg, #ee0637, #fe7070); 
background: -moz-linear-gradient(45deg, #ee0637, #fe7070); 
background: linear-gradient(45deg, #ee0637, #fe7070); 
}
.i_ser_tu4 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu5{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#40a239; 
background: -webkit-linear-gradient(45deg, #40a239, #7ddc76);
background: -o-linear-gradient(45deg, #40a239, #7ddc76); 
background: -moz-linear-gradient(45deg, #40a239, #7ddc76); 
background: linear-gradient(45deg, #40a239, #7ddc76); 
}
.i_ser_tu5 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu6{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#ed3333; 
background: -webkit-linear-gradient(45deg, #ed3333, #f96565);
background: -o-linear-gradient(45deg, #ed3333, #f96565); 
background: -moz-linear-gradient(45deg, #ed3333, #f96565); 
background: linear-gradient(45deg, #ed3333, #f96565); 
}
.i_ser_tu6 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu7{ width:80px; height:80px; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:15px;
background:#ed5d2b; 
background: -webkit-linear-gradient(45deg, #ed5d2b, #fa9470);
background: -o-linear-gradient(45deg, #ed5d2b, #fa9470); 
background: -moz-linear-gradient(45deg, #ed5d2b, #fa9470); 
background: linear-gradient(45deg, #ed5d2b, #fa9470); 
}
.i_ser_tu7 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu8{ width:80px; height:80px; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:15px;
background:#1677dc; 
background: -webkit-linear-gradient(45deg, #1677dc, #4291ec);
background: -o-linear-gradient(45deg, #1677dc, #4291ec); 
background: -moz-linear-gradient(45deg, #1677dc, #4291ec); 
background: linear-gradient(45deg, #1677dc, #4291ec); 
}
.i_ser_tu8 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu9{ width:80px; height:80px; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:15px;
background:#ec0000; 
background: -webkit-linear-gradient(45deg, #ec0000, #fdcb69);
background: -o-linear-gradient(45deg, #ec0000, #fdcb69); 
background: -moz-linear-gradient(45deg, #ec0000, #fdcb69); 
background: linear-gradient(45deg, #ec0000, #fdcb69); 
}
.i_ser_tu9 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu10{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#1870e7; 
background: -webkit-linear-gradient(45deg, #1870e7, #4bd9ff);
background: -o-linear-gradient(45deg, #1870e7, #4bd9ff); 
background: -moz-linear-gradient(45deg, #1870e7, #4bd9ff); 
background: linear-gradient(45deg, #1870e7, #4bd9ff); 
}
.i_ser_tu10 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.i_ser_tu11{ width:80px; height:80px; border-radius:50%;text-align:center; margin:0 auto; margin-bottom:15px;
background:#15a7d3; 
background: -webkit-linear-gradient(45deg, #15a7d3, #33f6eb);
background: -o-linear-gradient(45deg, #15a7d3, #33f6eb); 
background: -moz-linear-gradient(45deg, #15a7d3, #33f6eb); 
background: linear-gradient(45deg, #15a7d3, #33f6eb); 
}
.i_ser_tu11 img{ width:50px; height:50px; vertical-align:middle; margin-top:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.sy_ser_box:hover{ margin-top:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.2);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background:#fff}
.sy_ser_box:hover  img{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
 
@media only screen and (max-width: 750px) {
.sy_ser_box dl dt h3{ margin:0px; padding:0px; font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 
.i_ser_tu1{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu1 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu2{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu2 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu3{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu3 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu4{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu4 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu5{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu5 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu6{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu6 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu7{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu7 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu8{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu8 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu9{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu9 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu10{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu10 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu11{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu11 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.i_ser_tu12{ width:60px; height:60px; border-radius:50%;margin-bottom:10px}
.i_ser_tu12 img{ width:30px; height:30px; vertical-align:middle; margin-top:15px;}

.sy_ser_box:hover{ margin-top:5px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}
 
@media only screen and (max-width: 450px) {
.sy_ser_box dl{ padding:10px 10px;}
.xx_btn_k{width:100px; margin:0 auto; }
.xx_btn{ margin-top:5px; text-align:center; color:#e60602; background:#fff; border:#e60602 1px solid; line-height:28px; height:30px; font-size:12px; border-radius:30px;}
.sy_ser_box{ max-width:240px; width:94%;box-shadow:0 0 10px 1px rgba(0,0,0,.0);}
.sy_ser_box dl dt h3{ font-size:14px;}

}
 
 
@media only screen and (max-width: 400px) {
.xx_btn_k{width:93%; margin:0 auto; }
}