@charset "utf-8";

html, body {
        position: relative;
        height: 100%;
    }
html {
  font-size: 10px;
  font-size: 62.5%;
}
html, body {
        position: relative;
        height: 100%; background:#fff;
    }
	table{ width:100%;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
body {
  
  color: #555;
  
  font-size: 1.4rem;
  font-family: "Microsoft Yahei";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  
}
address,
caption,
cite,
code,
dfn,
em,
i,
b,
u,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #555;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #ff6600;
}
img {
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  font: 14px Verdana, Helvetica, Arial, sans-serif;
}

*{margin:0;padding:0}
body{font-family:"微软雅黑";font-size:12px;height:100%;line-height:22px;width:100%;background:#fff;}
a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}
ul{list-style:none}
.lf{float:left}
.rg{float:right;padding-top: 6%;
    padding-right: 3%;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;border-bottom:1px solid #ddd;height:100px;transition:all .3s}
.logo{padding-top:27px;padding-left:2.18%;width:302px;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.logo .p1{background:#ff6d07;position:absolute;top:0%;left:0px;width:100%;height:80%;}

.a_txt{display:none}



.lv_caidan{ background: #0c72bd; font-size:1.65rem;color: #fff; text-align: center; height: 60px; line-height: 60px;}














.moblie_head{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:17px;padding-left:3%}
.moblie_head .lf img{ width: 142px};
.moblie_head .rg{padding-right:6%;padding-top:8px}
.moblie_head .rg a img{height:24px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:40px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:58%;right:0px;top:0px;background:#ededed;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #cbcbcb}
.a_txt .div3 ul li a{height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li.a_js2{background:url(../images/plus.png) 95% 15px no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li.a_js2_on{background:url(../images/reduce.jpg) 95% 15px no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none; }
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px; padding-left:28px;font-size:14px; display: block; overflow:hidden;}


.slideTxtBox .hd ul li.on .kongt {
    font-size: 17px;
    padding-top: 55px;
}
.chanp_title1{ font-size:28px; color:#333; background:url(../images/xwu.png) no-repeat bottom center; padding-bottom:15px;}

.chanp_title_nr{ font-size:16px; color:#666; line-height:24px; padding-top:20px;}

.kongt_nr_txt_z{ position:relative; width:1200px; margin:0 auto;}
.kongt_nr_txt2{ position:absolute; width:510px; left:0; top:80PX;}
.kongt_nr_txt3 p{ font-size:14px; line-height:25px; color:#666; height:240px; padding-top:30px; overflow:hidden;}
.kongt_nr_txt3{  width:510px;}
.kongt_nr_txt{ position:absolute; width:510px; right:0; top:0;}
.kongt_nr_img{ float:left; width:53%; background:url(../images/tu.jpg) no-repeat; height:566px;}
.kongt_nr_img2{ float:right; width:49%; background:url(../images/gaolou.jpg) no-repeat; height:637px;}
.kongt_nr_txt2 p{ font-size:14px; line-height:25px; color:#666; height:240px; padding-top:30px; overflow:hidden;}
.kongt_nr_txt h1{ font-size:28px; color:#333; margin-top:100px; margin-bottom:30px;}

.kongt_nr_txt p{ font-size:14px; line-height:25px; color:#666; height:240px; overflow:hidden;}


.bse1{ float:left; width:32%; text-align:center; padding-top:20px;}

.bse1{ background:url(../images/oop.jpg) no-repeat right 20px; height:96px;}








.bse1_n{ float:left; width:400px; text-align:center; padding-top:20px;}
.bse1_n:nth-child(3){ background:none;}
.bse1_n{ background:url(../images/oop.jpg) no-repeat right 50px; height:115px;}
.bse1:nth-child(3){ background:none;}

.bse2{ color:#333333; font-size:2.4rem; font-weight:bold;}
.bse2 span{ color:#666666; font-size:2.4rem;}

.bse3{ color:#666666; font-size:1.35rem;}

.bse_jj{ width:1200px; height:150px; background:#fff;-moz-box-shadow:3px -5px 9px #E8E8E8, -3px 0px 8px #D9D9D9; -webkit-box-shadow:3px -5px 9px #E8E8E8, -3px 0px 8px #D9D9D9; box-shadow:3px -5px 9px #E8E8E8, -3px 0px 8px #D9D9D9; margin-top:50px; position:absolute; left:0; top:393px; z-index:99;}






.cper_tit{ text-align: center; font-size: 1.3rem; margin-top: 1rem; height: 3rem; background: url(../images/xwu.png) no-repeat bottom center; }


.c_an ul li {
    float: left;
    width: 47%;
    margin-left: 1%;
    margin-right: 3px;
    display: block;
    margin-top: 1rem;
    position: relative; overflow: hidden;
    
}
.c_an ul li a{ display: block;}
.c_an ul { padding-left: 11px;}
.chongixn01{position:absolute; left: 0; top: 0; z-index: 20; width: 100%; }

.chongixn02{position:absolute; width: 100%; text-align:center; color#fff;left: 0; top: 0; z-index: 21;}


.chongixn01 img{ width: 100%;}

.chongixn02_02 h2{ color: #fff; font-size: 1.55rem;}
.chongixn02_02 h3{ color: #fff; font-size: 1.25rem; margin-top: 0.25rem;}

.chongixn02_01 {  padding-top: 30px;}
.chongixn02_01 img  { height: 30px;} 



.case ul li{
        height: 37vw;
    overflow: hidden;
    float: left;
    width: 47%;
    background: #fff;
    margin-left: 10px;
    margin-top: 1rem;
    display: block;
   
    padding-bottom: 1rem;}
	.case ul li:nth-child(even){ margin-left:5px;}
   .case ul li a { display: block;} 
    .case ul li img{ width: 100%;}
    
    .title{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #333;
    font-size: 1.35rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
     text-align:center; margin-top:10px; }
    
     .title a{ }
     
     .jies{overflow: hidden;padding: 5px; padding-bottom: 0; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #666;
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
    line-height: 1.65rem;}
    
    
    .case_tit{color: #1d1d1d; padding-left: 15px; background:url(../images/hu.png) no-repeat 5px 4px; background-size:4px;
    font-size: 1.75rem; border-bottom:1px solid #e9e9e9; padding-bottom:10px; width:93%; margin:auto;}

  /*.case{ margin-top: 30px;}*/
    .case_tit span{color: #666;
    font-size: 1.35rem; float:right;}
    
    .gend {
    text-align: center;
    margin-top: 2rem;
}

.gend a {
    background: #d0b76f;font-size: 1.45rem;
    color: #fff;
    padding: 0.6rem 5rem; border-radius: 60px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}





.tab-panel {
    position: relative;
    overflow: hidden;
}
.tab-panel .tab-panel-item.tab-active {
    position: relative;}
    .aui-content-list {
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.aui-content-list2 {
    display: block; background: #fff; border-radius: 6px;margin: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 21px; padding-left: 15px;
    position: relative;padding-bottom: 15px;
    padding-top: 10px;
}
.aui-car-img {
    width: 126px;
    height: 100px;
    /* position: relative; */
    
    overflow: hidden;
    margin-right: 0.8rem;
}
.aui-car-img img { margin-top: 0.4rem;
    width: 100%;
    height: auto;
    display: block;
    border: none;
}
.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}

.aui-flex-box2 {
     padding: 2rem; padding-bottom: 1rem;
    color: #333;
}

.aui-flex-box h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 1.55rem;
    
    font-weight: normal;
    margin-bottom: 0.6rem;
}
.aui-flex-box2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.swiper-container img{ width: 100%; height: 100%;}
.banner{ padding-top: 60px;}
.aui-flex-box2 h3 { padding-top: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #666;
    font-size: 1.35rem; line-height: 2rem;
    
    font-weight: normal;
    
}
.aui-flex-box h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #666;
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
    line-height: 1.65rem;
}
.aui-flex-box span {
    color: #507cf7;
    font-size: 0.7rem;
    border: 1px solid #507cf7;
    border-radius: 2px;
    margin-bottom: 0.2rem;
    display: block;
    width: 45px;
    text-align: center;
    transform: scale(0.8);
}
.aui-flex-box p {
    color: #999999;
    font-size: 1.35rem;padding-top: 0.2rem;
}

.gend { height: 4rem;}


.about{ background: #fff;  padding-top: 2rem;padding-bottom: 1rem; margin-top: 15px;}

.about h2{ font-size:1.75rem; color:#333; text-align:center;}
.about_nr{ padding:15px;
    color: #5a5a5a;
    font-size: 1.55rem;
    font-weight: normal;
    margin-bottom: 0.4rem;
    line-height: 2.5rem;}
.news{ }


.about_img{ text-align: center;}
.about_img img{ width: 90%; border-radius: 6px; height: 180px;}


.ryzz{ background: #f6f6f6; padding-top: 15px;}
.swiper-container3 { overflow: hidden;width: 100%;
	margin: 35px 0; margin-bottom: 0;}
.pc-banner {
	
	width: 100%;
	float: left;
}
.swiper-container3 {
    text-align: center;
    width: 80%;
    margin-left: 10%;
}
.swiper-container3 img{ border-radius: 6px;}
.swiper-container3 .swiper-slide{ }

.about_nr img{ max-width: 100%;}
.swiper-slide img{ }





.
.swiper-pagination1 {
	position: relative;
	margin-bottom: 30px;
}



.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}


.swiper-button-prev2 {
	position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: url(../images/qq1.png) no-repeat;
    background-size: 100%;
    left: -50px;
    top: -120px;
    z-index: 25;
	
}

.swiper-button-next2 {
	position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: url(../images/qq2.png) no-repeat;
    background-size: 100%;
   right: -50px;
    top: -120px;
    z-index: 25;
	
}
.swiper-pagination1{ width: 100%; text-align: center;}
.swiper-pagination1 span{ margin-right: 4px;}


.content{ margin-bottom:52px;}
.foot_nav{ width:100%; position:fixed; bottom:0; left:0; background:#353537;box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25); z-index: 50;}
.foot_nav li{ width:33.3%; line-height:49px; float:left; text-align:center; box-sizing: border-box;}
.foot_nav li:nth-child(2){ background:#027fc9;}
.foot_nav li:nth-child(3){ background:#f6a803;}
.foot_nav li span{ color:#fff; padding:4px 0 4px 28px; font-size: 1.25rem;}
.icon01 span{ background:url(../images/foot_nav01.png) no-repeat left center; background-size:20px auto;}
.icon02 span{ background:url(../images/foot_nav02.png) no-repeat left center; background-size:22px auto;}
.icon04 span{ background:url(../images/foot_nav03.png) no-repeat left center; background-size:24px auto;}

.ymys{ background: url(../images/ymxm_bg.jpg) no-repeat center; background-size: cover; padding: 1rem 10px;}
.ys_list{}
.ys_list li{ background: #fff; margin: 6px 0; position: relative; padding: 5px; font-size: 0.85rem; border-radius: 4px;}
.ys_list li span{ width: 30px; text-align: center;font-size: 1.2rem; color: #262e53; position: absolute; top: 50%; margin-top: -12px; left: 5px;}
.ys_list li p{ margin-left: 30px;}
.ny_bt{ padding: 10px;}
.ny_bt h2{ font-size: 1.2rem; text-align: center; color: #333;}
.ny_bt span{ text-transform: uppercase; font-size: 0.85rem; font-weight: normal; color: #666;}


.fooder {
    padding: 1rem 0.625rem; border-top:1px solid #d6d6d6; padding-top:1px;
    background: #e3e3e3;
    text-align: center;
    color: #303030; font-size:1.35rem; padding-top:15px;
    width: 100%;
}

.fooder .copyright {
    padding: 0 0.625rem;
}

.nr{ padding-bottom: 0px;}

.xin_n_t{ text-align: center; font-size: 2rem; text-align: center;color: #333; }
.xin_n_t p{ text-align: center; font-size: 1.25rem; text-align: center;color: #333; }









.details .cont2 {
    font-size: 0.85rem;
    color: #444;
    line-height: 2.2;
}

.details { padding: 1rem 0.5rem; min-height: 19rem;}
.de_title { margin-bottom: 1.5rem; text-align: center;}
.details h3 {
    font-size: 1.55rem; color: #333; font-weight: bold;
    padding-bottom: 0.5rem;
}
.de_title  p { color: #999; font-size: 0.75rem;}
.de_title  p span { margin: 0 0.5rem;}
.details .cont2 img { margin: auto; max-width: 100%;}
.details .cont2{ font-size: 1.25rem; color: #444; line-height: 2.2; padding: 10px;}

/*课程*/
.fcfl_box{ overflow: scroll; margin-top: 10px;}
.fc_fl{ text-align: center; padding: 20px 10px 20px 10px; position: relative;white-space: nowrap;}
.fc_fl li{ display: inline;}
.fc_fl li a{ padding: 7px 28px; margin: 0 2px; border: 1px solid #bbb; border-radius: 20px; font-size: 1.45rem; color: #666;}
.fc_fl li.dq a{ background: #0c72bd; color: #fff; border-color: #0c72bd;}
/*课程详情*/
.case_tit_n h2{ text-align: center; font-size: 2rem; color: #262626; margin-top: 8px;}

.case_tit_n h3{ text-align: center; font-size: 1.25rem;border-bottom: 1px dashed #d0d0d0; padding-bottom: 10px;}
.cp_img{}
.cp_img img{ display: block; width: 100%;}
.kc_jswz{ padding: 10px 18px 20px 18px; border-bottom: 8px solid #eee;}
.kc_jswz h2{ font-size: 0.9rem; font-weight: normal; line-height: 2; line-height: 48px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.kc_jswz h2 span{ font-size: 1.3rem;font-weight: bold; color: #F23742;}
.kc_jswz  li{ width: 50%; float: left; line-height: 36px; font-size: 0.9rem; height: 36px; overflow: hidden;}
.kc_jswz  li span{ color:#666;}
.zixun{ margin-top: 18px; display: block;border-top: 1px solid #e1e1e1; padding-top: 20px;}
.zixun p{ font-size: 0.85rem; color: #666; line-height: 2;}






.pic{ width: 100%;    height: 29vw;overflow: hidden;}

.yuan{width: 90%; margin-left: 5%;margin-right: 5%;}
.yuan ul li { width: 100%; display: block; overflow: hidden; margin-bottom: 10px; text-align: center; position: relative;}
.yuan .yuan1 { position: absolute; top: 0; left: 0; z-index: 40;}
.yuan .yuan1_xia { position: absolute; top: 0; left: 0; z-index: 41;height: 100%; width: 100%; background: rgba(0,0,0,0.3);}
.yuan .yuan1 img{ width: 100%; border-radius: 4px; } 
.yuan .yuan2 { position: absolute; top: 53px; left: 0; z-index: 42;width: 100%; text-align: center;}
.yuan .yuan2 img{ width:12%;}
.yuan2_02{ color: #fff;font-size: 1.75rem; }



.contas{ padding-top: 20px;}
.cont3{border-top: 5px solid #eee; margin-top: 10px; padding: 20px; font-size:1.35rem; line-height: 2rm;}

.cont3 h2{font-size:1.75rem;color: #333; font-weight: bold; margin-top: 1rem; margin-bottom: 1rem;}

.dz_lie{border-top: 5px solid #eee; padding-top: 20px;}

.dz_lie ul li{ float: left; width: 90%; margin-right: 5%; padding-bottom:10px;margin-bottom:15px;margin-left: 5%;border-bottom: 1px solid #eee;}
.lian_lie1{ float: left; width: 10px; margin-top: 2px;}
.lian_lie1 img{ width: 15px;} 
.lian_lie2 {
    width: 96%;
    float: left;
    padding-left: 10px;
    font-size: 1.25rem; line-height: 1.55rem; 
}

.lian_lie2 h2{ font-size: 1.75rem;}
.lian_lie2 p{ font-size: 1.25rem;margin-top: 0.25rem;}

.news{ min-height:200px; }
.case{ border-top:12px solid #e7ebed;  padding-bottom:17px;}

.ti_n{border-top:12px solid #e7ebed; padding-top:23px; padding-bottom:10px; }
.case_tit_n{ width:92%; margin:0 auto;}
.case_tit_n ul li{ float:left; width:100%; border-bottom:1px dashed #d2d1d4; background:url(../images/yuane.jpg) no-repeat left center; padding-left:8px; background-size:4px; height:46px; line-height:46px; overflow:hidden;}
.case_tit_n ul li span{ float:right; font-size:1.35rem;color:#666;}

.case_tit_n ul li a{ width: 72%;
    float: left;
    font-size: 1.55rem;
    color: #3b3b3b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.nav{ margin-top:12px;border-bottom: 12px solid #e7ebed; }
.nav ul li{ float:left; width:17%; margin-left:9px; text-align:center; display:block;}
.nav ul li a{ display:block; }
.nav ul li .nav_img{  text-align:center; display:block; }
.nav ul li .nav_img img{ width:85%;}

.nav_txt{ font-size:1.34rem; color:#333; padding-bottom:18px;}

.shangh{ margin-top:30px; background:#f7f7f9; padding:15px;}

.tis{ font-size:15px; color:#666; line-height:30px;}
.tis a{ color:#333;}

.tis a:hover{ color:#ff7f00;}





.nav2{ margin-top:60px; margin:90%; margin:0 auto; padding-top: 60px; }
.nav2 ul li{ float:left; width:93%; border-bottom:1px solid #e5e5e5; background:url(../images/left_right.png) no-repeat right center; background-size:10px; margin-top:10px; margin-left:9px; display:block; }

.nav2 ul li a{ display:block;width: 100%;
    height: 50px; }
.nav2 ul li .nav_img2{  display:block; float:left; margin-top:2px; }
.nav2 ul li .nav_img2 img{ width:35px;}

.nav_txt2{ float:left; font-size:1.55rem; margin-top:10px; margin-left:10px; color:#333;}

.seach22 {
    float: left;
    background: url(../images/seach.png) no-repeat;
    width: 33px;
    height: 28px;
    border: none;
    cursor: pointer;
}
.pagenav-wrapper .pagenav-content { width:100%; padding: 20px 0px 20px;  text-align: center; line-height: 29px; overflow: hidden; }
.pagenav-wrapper .pagenav { height:31px; }
.pagenav-wrapper .pagenav a { color: #333; }
.pagenav-wrapper .pagenav>div { background-color: #fff; border: 1px solid #ccc; line-height: 31px; height:31px; white-space: nowrap; border-radius: 2px; cursor: pointer; display: inline-block; }
.pagenav .p-first, .pagenav .p-end { width: 59px ; display:inline-block}
.pagenav .p-prev, .pagenav .p-next { width: 59px; margin: 0 5px; display:inline-block; font-size:12px;}
.pagenav .p-num { width: 30px; margin: 0 5px ; display:inline-block}
.pagenav .pagenav-text { min-width: 100px; height:29px;}
.pagenav .pagenav-text span { font-size:16px; }
.pagenav .pagenav-cur { position: relative; background: #fff; height:29px;}
.pagenav .pagenav-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; #z-index:1; 
opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; border: 0; border-radius: 0; cursor: pointer; }
.pagenav .pagenav-cur i { display: inline-block}
.pagenav-wrapper .pagenav .p-gray { background-color: #fdfdfd; color: #b4b1b1 }
.pagenav a:hover { text-decoration: none }
.global-nav__nav-shop-cart-num{
position: absolute; top:2px; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:12px; height:12px; line-height:12px; background:#ff2233; border-radius: 50%; }