@charset "utf-8";
/* CSS Document */

 /* 列表页导航样式 */
.navbar-wapper{ position: relative; background:#3989ed; top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:117px; margin-top:10px; padding-top:6px; }
.navbar-brand img{ width:410px; height:60px; }
@media (max-width:320px){
	.navbar-brand img{width:240px; height:35px}
}
@media (min-width: 320px) and (max-width:375px){
	.navbar-brand img{width:240px; height:35px}
}
@media (min-width: 375px) and (max-width:414px){
	.navbar-brand img{width:240px; height:35px}
}
@media (min-width: 414px) and (max-width:768px){
	.navbar-brand img{width:240px; height:35px}
}
@media (min-width: 768px) and (max-width:1200px){
	.navbar-brand img{width:307px; height:45px}
}


.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar { position: relative; min-height: 50px;margin-bottom: 0;padding-top:0.8%; padding-bottom:0.8%;border: 1px solid transparent;}
.fl{ display:inline-block; float:left;}
.nav > li > a{ padding:20px 30px 10px 30px; text-align:center; }
.nav > li > a.active{ color:#01519a; }

@media (min-width: 768px) and (max-width:1200px){
	.navbar-nav > li > a{ line-height:40px; padding:30px 15px 10px 15px; }
}
@media (max-width: 768px){
	.navbar-nav > li > a{ line-height:20px; }
	.navbar-inverse .navbar-nav > li > a { color: #fff; font-size:16px; padding:3px 0; margin:0 15px; border-bottom:1px solid #333;}
}
@media (min-width: 768px) and (max-width:1200px){
	.navbar-brand{ width:100px; padding:25px 0 0 30px;}
}
 
 @media (max-width: 768px){
	.carousel-inner{height:350px;}	
	.img-responsive,
	.thumbnail > img,
	.thumbnail a > img,
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
     display: block;
	 max-width: 100%;
	 height:350px;
	 width:100vw;
	}
	.navbar-wapper{ top:0; left:0; right:0; z-index:20;  } 
	.navbar-brand{ width:150px; padding:5px 0 0 15px; margin-top:0; }
	.navbar-inverse { background:rgba(0,0,0,0.8); }
	.navbar{ padding-bottom:0; }
	.navbar-nav{ margin-bottom:0; }

}
@media (max-width: 320px){
	.carousel-inner{height:320px;}	
	.img-responsive,
	.thumbnail > img,
	.thumbnail a > img,
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	  display: block;
	  max-width: 100%; 
	}  
}

@media (max-width: 768px){
	.banner-sub{ min-height:350px; }
} 
 /* 列表页导航样式 end */

.h2_title{ font-size:30px; color:#1a1a1a; margin-bottom:10px; text-align:center;   }
.h6_title{ font-size:12px; color:#545454; text-align:center;  }
 
/*产品列表*/
.product{ padding:50px 0 70px 0;}
@media (min-width: 1230px){
	.product{ min-height:670px; }	
}
.product_con{ padding-bottom:30px; }
.product_col{ margin-top:30px; }
.product_col_img img{ width:100%; }
.product_col_txt{ background:#fff; color:#202020; font-size:22px; padding:0 10px; line-height:70px;  text-align:center; height:70px; overflow:hidden;  }
.product_col_txt:hover{ color:#01519a; }
.product_col_price{ background:#e9e9e9; color:#202020; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0 10px; line-height:50px;  text-align:center; height:50px; overflow:hidden; }
.product_col_price span{ font-size:24px; color:#ff3636;   }
 
@media (min-width: 1230px){
	.product_col_img{ height:250px; overflow:hidden; }
	.product_col_img img{ min-height:250px; }	 
}
@media (min-width: 992px) and (max-width:1230px){
	.product_col_img{ height:193px; overflow:hidden; }
	.product_col_img img{ min-height:193px; }	
}
@media (min-width: 768px) and (max-width:992px){
	.product_col_img{ height:145px; overflow:hidden; }
	.product_col_img img{ min-height:145px; }
}
@media (min-width: 414px) and (max-width:768px){
	.product_col_img{ height:280px; overflow:hidden; }
	.product_col_img img{ min-height:280px; }
}
@media (min-width: 375px) and (max-width:414px){ 
	.product_col_img{ height:253px; overflow:hidden; }
	.product_col_img img{ min-height:253px; }
}
@media (min-width: 320px) and (max-width:375px){
	.product_col_img{ height:227px; overflow:hidden; }
	.product_col_img img{ min-height:227px; }
}
@media (max-width: 320px){
	.product_col_img{ height:190px; overflow:hidden; }
	.product_col_img img{ min-height:190px; }
}

@media (max-width: 768px){
	.product{ padding:20px 0 40px 0;}
	.product_con{ padding-bottom:10px; }
	.product_col{ margin-top:20px; }
	.product_col_txt{font-size:20px;line-height:50px;height:50px; overflow:hidden;  }
}

/*产品详情*/
.detail_con{ padding:30px; border:1px solid #eee; margin:30px 0 70px 0;} 
@media (min-width: 1230px){
    .detail_con{ min-height:570px; } 	
}
.detail_con_top{ border-bottom:1px solid #eee; padding-bottom:30px; overflow:hidden; }
.detail_con_bottom{ padding-top:10px; }
.detail_con_bottom h3{ font-size:24px; color:#202020;   margin-bottom:15px;}
.detail_con_bottom p{ color:#494949; line-height:1.8; }
.pro_img{ float:left; width:380px; height:250px; overflow:hidden;  margin-right:30px; }
.pro_img img{ width:100%; min-height:250px;}
.pro_text{  overflow:hidden; position:relative;  height:250px;   }
.pro_text h1{ color:#202020; font-size:30px; margin-top:10px; height:30px; line-height:30px; overflow:hidden; }
.pro_text h2{ font-size:14px; color:#494949; line-height:22px; height:44px; overflow:hidden;   }
.pro_text .pro_price{color:#202020; font-size:22px; font-family:Arial, Helvetica, sans-serif; position:absolute; bottom:30px;   }
.pro_text .pro_price span{ color:#ff3636; font-size:32px;  }
@media (max-width: 1230px){
	.pro_text h1{ font-size:24px; line-height:26px; height:52px;  overflow:hidden; }
	.pro_text h2{ font-size:14px; color:#494949; line-height:22px; height:88px; overflow:hidden;   }
	.pro_text .pro_price{ bottom:10px;   }
}
@media (max-width: 768px){
	.detail_con_top{ padding-bottom:10px; }
	.detail_con{ padding:20px;  margin:30px 0 40px 0;} 
	.pro_text{  height: auto;   }
	.pro_text .pro_price{ position:relative;  }
	.pro_text h1{ font-size:24px; line-height:26px; height:auto;  overflow:hidden;  margin-top:15px; }
	.pro_text h2{ font-size:14px; color:#494949; line-height:22px; height:auto;  overflow:hidden; margin-top:10px; }
}
@media (min-width: 414px) and (max-width:768px){
	.pro_img{  width:100%; float:none;  height:280px; overflow:hidden; }
	.pro_img img{ min-height:280px; }
}
@media (min-width: 375px) and (max-width:414px){ 
	.pro_img{ width:100%; float:none; height:253px; overflow:hidden; }
	.pro_img img{ min-height:253px; }
}
@media (min-width: 320px) and (max-width:375px){
	.pro_img{ width:100%; float:none; height:227px; overflow:hidden; }
	.pro_img img{ min-height:227px; }
}
@media (max-width: 320px){
	.pro_img{ width:100%; float:none;  height:190px; overflow:hidden; }
	.pro_img img{ min-height:190px; }
}

/*竞赛列表*/
.comp{ padding:50px 0 70px 0;}
@media (min-width: 1230px){
	.comp{ min-height:670px; } 
} 
.comp_col{ margin-top:30px; }
.comp_col_img{ position:relative; }
.comp_col_img img{ width:100%; }
.comp_col_txt{ background:#fff; color:#202020; font-size:22px; padding:0 10px; margin:20px 0; line-height:30px;  text-align:center; height:30px; overflow:hidden;  }
.comp_col_txt:hover{ color:#01519a; }
.date_div{ position:absolute; left:0; top:0; background:#01519a; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center;   }
   .date_div{ width:80px; height:80px; }
.date_div span{ display:block; }
.span_day{ font-size:30px; line-height:35px; margin-top:10px;   }
.span_month{ font-size:18px; }

@media (min-width: 1230px){
	.comp_col_img{ height:380px; overflow:hidden; }
	.comp_col_img img{ min-height:380px; }	 
} 
@media (min-width: 992px) and (max-width:1230px){
	.comp_col_img{ height:293px; overflow:hidden; }
	.comp_col_img img{ min-height:293px; }	 	
}
@media (min-width: 768px) and (max-width:992px){
	.comp_col_img{ height:220px; overflow:hidden; }
	.comp_col_img img{ min-height:220px; }	 
}
@media (min-width: 414px) and (max-width:768px){
	.comp_col_img{ height:384px; overflow:hidden; }
	.comp_col_img img{ min-height:384px; }
}
@media (min-width: 375px) and (max-width:414px){ 
	.comp_col_img{ height:384px; overflow:hidden; }
	.comp_col_img img{ min-height:384px; }
}
@media (min-width: 320px) and (max-width:375px){
	.comp_col_img{ height:345px; overflow:hidden; }
	.comp_col_img img{ min-height:345px; }	
}
@media (max-width: 320px){
	.comp_col_img{ height:290px; overflow:hidden; }
	.comp_col_img img{ min-height:290px; }	
}
@media (max-width: 768px){
	.comp{ padding:20px 0 30px 0;}
	.comp_col{ margin-top:20px; }
}

/*竞赛详情 及新闻详情 */
.back_link{ font-size:12px; color:#4e515c; font-family:"宋体"; width:100%; line-height:50px; display:block; }
.back_link a{ font-size:12px; color:#4e515c; font-family:"宋体";  width:100%;  display:block; filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80; }
.back_link a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }
.detail_comp{ padding:30px 100px; border:1px solid #eee; margin-bottom:70px; } 
.detail_comp_con{ overflow:hidden; line-height:30px;  }
@media (min-width: 1230px){
    .detail_comp{ min-height:550px; } 	
}
.detail_comp_con h1{ text-align:center; color:#202020; font-size:30px;   }
.detail_comp_con .comp_infor{ text-align:center; color:#7c7e84; font-size:12px; margin-bottom:20px;    }
.detail_comp_con .comp_infor span{ margin-right:30px; }
.detail_comp_con .comp_infor span:nth-of-type(3){ margin-right:0; } 
.detail_comp_con p{ line-height:30px; margin:10px 0; color:#494949;  }
.detail_comp_con img{ width:100%; height:auto; max-width:1000px; margin:10px auto; text-align:center; }
@media (max-width: 1230px){
	.detail_comp{ padding:30px;  margin-bottom:30px; } 
}
@media (max-width: 768px){
	.detail_comp{ padding:20px;  margin-bottom:30px; } 
	.detail_comp_con h1{ text-align: left; font-size:24px; margin-top:10px;   }
	.detail_comp_con .comp_infor{ text-align:left;  margin-bottom:10px;  }
	.detail_comp_con .comp_infor span{ margin-right:10px;  display:inline-block; }
}

/*课程列表*/
.course{ padding:50px 0 70px 0;}
.course_con{ padding-bottom:20px; }
.course_col{ margin-top:30px; }
.course_col_img img{ width:100%; }
.course_col_txt{ background:#fff; color:#202020; font-size:22px; padding:0 10px; line-height:70px;  text-align:center; height:70px; overflow:hidden;  }
.course_col_txt:hover{ color:#01519a; }
.btn_sign{ width:100%; height:50px; border:0; outline:0; font-size:16px;   color:#202020; background:#e9e9e9; line-height:50px;  }
.btn_sign:hover{ filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;  }

@media (min-width: 1230px){
	.course_col_img{ height:250px; overflow:hidden; }
	.course_col_img img{ min-height:250px; }	 
}
@media (min-width: 992px) and (max-width:1230px){
	.course_col_img{ height:193px; overflow:hidden; }
	.course_col_img img{ min-height:193px; }	
}
@media (min-width: 768px) and (max-width:992px){
	.course_col_img{ height:145px; overflow:hidden; }
	.course_col_img img{ min-height:145px; }
}
@media (min-width: 414px) and (max-width:768px){
	.course_col_img{ height:280px; overflow:hidden; }
	.course_col_img img{ min-height:280px; }
}
@media (min-width: 375px) and (max-width:414px){ 
	.course_col_img{ height:253px; overflow:hidden; }
	.course_col_img img{ min-height:253px; }
}
@media (min-width: 320px) and (max-width:375px){
	.course_col_img{ height:227px; overflow:hidden; }
	.course_col_img img{ min-height:227px; }
}
@media (max-width: 320px){
	.course_col_img{ height:190px; overflow:hidden; }
	.course_col_img img{ min-height:190px; }
}

@media (max-width: 768px){
	.course{ padding:20px 0 40px 0;}
	.course_col{ margin-top:20px; }
	.course_col_txt{  line-height:50px;  height:50px; overflow:hidden;  }
}

/*课程详情*/
 
.btn_nowsign{  position:absolute; bottom:30px; width:120px; height:35px; padding:0; font-size:18px;  background:#3989ed; border:0; outline:0; color:#fff; }
@media (max-width: 1230px){
	.btn_nowsign{bottom:10px;  } 
}
@media (max-width: 768px){
	.btn_nowsign{ position:relative; margin-top:15px;   }
}

/*新闻列表*/
.news{ padding:50px 0 70px 0;}
@media (min-width: 1230px){
	.news{ min-height:670px; }
} 
.news_con{ margin-top:0; margin-bottom:20px;  }
.news_col{ }
.news_col_top{ padding:30px 0; border-bottom:1px solid #e5e5e5; }
.news_col_img{ position:relative; width:160px; float:left; margin-right:20px; }
.news_col_img img{ width:100%; }
.news_col_txt{ color:#202020; height:160px; overflow:hidden; position:relative;   }
.news_col_txt .title{ font-size:24px; color:#2d313d; margin:0; line-height:30px; height:30px; margin-bottom:5px; overflow:hidden; }
.news_col_txt .title a{ color:#2d313d;}
.news_col_txt .title a:active{ color:#01519a;  }

.news_col_txt .infor{ font-size:12px; color:#4e515c;  line-height:20px; height:40px; margin-bottom:10px; overflow:hidden;  filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;  }
.news_col_txt .date{ font-size:12px; color:#7c7e84; font-family:Arial, Helvetica, sans-serif; margin-top:5px; margin-bottom:5px;    }
  .btn_more{ position:absolute; bottom:0; width:120px; height:30px; border-radius:15px; display:block; padding:0; border:0; outline:0; background:#3989ed; font-size:14px; color:#fff;  }
  .btn_more:hover{ background:#01519a; }
 
.news_col_img{ height:160px; overflow:hidden; }
.news_col_img img{ min-height:160px; } 

@media (max-width: 768px){
	.news{ padding:20px 0 40px 0;}
	.news_col_top{ padding:20px 0; }
	.news_col_img{  width:120px;margin-right:10px; }
	.news_col_img{ height:120px; overflow:hidden;  }
    .news_col_img img{ min-height:120px; } 
	.news_col_txt{ height:120px; }
	.news_col_txt .title{ font-size:20px;line-height:25px; height:50px; margin-bottom:5px; overflow:hidden; }
}

/*名师团队*/
.teacher{ padding:50px 0 70px 0;}
@media (min-width: 1230px){
	.teacher{ min-height:670px; }
} 
.teacher_con{ margin-top:30px; }
.teacher_col{ margin-bottom:30px; }
.teacher_col_img{ position:relative; background:#fff; }
.teacher_col_img img{ width:100%; }
.teacher_col_txt{ color:#202020; height:90px; overflow:hidden;  }
.teacher_col_txt:hover{ color:#01519a; }
.teacher_col_txt .title{ font-size:14px; color:#232323;line-height:20px; height:20px; margin-bottom:10px; text-align:center; overflow:hidden; }
.teacher_col_txt .title span{ font-size:18px; color:#232323; font-style:italic;  }
.teacher_col_txt .infor{ font-size:12px; color:#4a4a4a;  line-height:20px; height:40px; overflow:hidden; padding:0 30px; text-align:center; }

@media (min-width: 1230px){	
	.teacher_col_img{ height:205px; overflow:hidden; }
	.teacher_col_img img{ min-height:205px; } 
} 
@media (min-width: 992px) and (max-width:1230px){
	.teacher_col_img{ height:163px; overflow:hidden; }
	.teacher_col_img img{ min-height:163px; } 	
}
@media (min-width: 768px) and (max-width:992px){
	.teacher_col_img{ height:123px; overflow:hidden; }
	.teacher_col_img img{ min-height:123px; } 	 
}
@media (min-width: 414px) and (max-width:768px){
	.teacher_col_img{ height:180px; overflow:hidden; }
	.teacher_col_img img{ min-height: 180px; }
}
@media (min-width: 375px) and (max-width:414px){ 
	.teacher_col_img{ height:130px; overflow:hidden; }
	.teacher_col_img img{ min-height: 130px; } 
}
@media (min-width: 320px) and (max-width:375px){
	.teacher_col_img{ height:116px; overflow:hidden; }
	.teacher_col_img img{ min-height: 116px; } 
}
@media (max-width: 320px){
	.teacher_col_img{ height:96px; overflow:hidden; }
	.teacher_col_img img{ min-height: 96px; } 
}

@media (max-width: 768px){
	.teacher{ padding:20px 0 40px 0;}
	.teacher_con{ margin-top:20px; }
	.teacher_col{ margin-bottom:20px; }
	
}

#newTab{ overflow:hidden; margin-top:35px; }
#newTab .controlBtn{ font-size:22px; width:100%; overflow:hidden; margin:0 auto; clear:both; }
#newTab .controlBtn a{ float:left; margin-right:70px;padding-bottom:20px; color:#3c3c3c; display:block; line-height:30px; height:50px;  
    filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90; text-align:center;cursor:pointer; }
#newTab .controlBtn a.focusOpen { color:#3c3c3c;  border-bottom:1px solid #87898b; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }
.pro_cont{ display:block; overflow:hidden;}
.pro_cont_item{ }

@media (max-width: 768px){
   #newTab .controlBtn{ font-size:18px; } 
   #newTab .controlBtn a{ margin-right:20px; padding-bottom:10px;  height:40px;    } 
}

/*关于我们*/
.about{ padding:50px 0 70px 0;}
.about_con{ margin-top:30px; }
.about_img{ overflow:hidden; }
.about_img img{ width:100%; min-height:235px; }
.about_text{ line-height:26px; padding-top:10px; }
@media (max-width: 768px){
	.about{ padding:30px 0 40px 0;}s
	.about_text{ padding-top:20px; }
}
.contact{ background:url(../images/contact_bg.jpg) repeat-y; padding:70px 0;  }
.contact_col_fl{  color:#fff; }
.contact_col_fl h2 ,.contact_col_fr h2{ font-size:30px; color:#fff; margin-bottom:20px; margin-top:0;   }
.contact_col_fl .add{ font-size:18px;color:#fff;line-height:40px; display:block;}
.add_item{  width:40px; height:40px; background-size:100%; float:left; display:inline-block; margin-right:30px; }
.add_item01{ background:url(../images/contact_ico01.png) no-repeat; background-size:100%;}
.add_item02{ background:url(../images/contact_ico02.png) no-repeat; background-size:100%;}
.add_item03{ background:url(../images/contact_ico03.png) no-repeat; background-size:100%;}
.add_item04{ background:url(../images/contact_ico04.png) no-repeat; background-size:100%;}

.contact_col_fl ul{ padding:0; padding-top:30px;  }
.contact_col_fl li{ margin-bottom:20px;  } 
.contact_col_fl li a{ color:#fff; }

.need{ margin-bottom:0px; padding:5px;} 
.form-control{ border:0; background:#eaeaea; border-radius:0; outline:0; padding-top:25px; padding-bottom:25px; color:#929292; font-size:16px;}
.form-control-text{border:0; width:100%; background:#eaeaea; border-radius:0; outline:0; padding:15px; height:106px;  color:#929292; font-size:16px;resize: vertical; }
.btn_sure{ border:0; outline:0; background:#3989ed; color:#fff; width:200px; height:45px; font-size:16px; margin-top:10px;    }
@media (max-width: 768px){
	.contact{ padding:40px 0;}
	.contact_col_fr{ padding:25px; }
	.contact_col_fl h2 ,.contact_col_fr h2{ margin-left:-10px; font-size:22px;  }
	.add_item{  width:30px; height:30px; background-size:100%; margin-right:10px; }
	.contact_col_fl .add{ font-size:14px;line-height:30px; display:block;}	
	.contact_col_fl li{ margin-bottom:15px;  } 
    .contact_col_fl ul{ padding:0;  }
}