* { margin: 0; padding: 0; font-family: "微软雅黑"; } a:link, a:hover, a:visited, a:active { text-decoration: none; color: #333; } li { list-style: none; } #buynum{text-align: center;} html, body { width: 100%; height: 100%; } .container .header { position: relative; padding-left: 208px; /* padding-right: 200px; */ } .phon-logs{ background-color: rgba(11, 106, 74,.9); color: white; padding: 10px 0px; } .phon-logs .phlo-left .phlo-img { /* margin-left: 15px; */ } .phon-logs .phlo-left span:nth-of-type(4){ /* font-size: 18px; */ margin-left: 10px; } .phon-logs .phlo-right { text-align: right; /* color: white; */ } .phon-logs .phlo-right .logins { color: white; margin-right: 10px; } .phon-logs .phlo-right .registers{ color: white; } .phon-logs .phlo-right .logins span:first-of-type, .phon-logs .phlo-right .registers span:first-of-type{ margin-right: 6px; } .phon-logs .phlo-right .logins:hover, .phon-logs .phlo-right .registers:hover{ color: red; } .phon-logs .phlo-right .membername a{ /* color: red; */ color:white; margin-left: 10px; } .container .header .header-logo { position: absolute; left: 0px; top: 0px; width: 208px; height: 64px; margin-right: 10px; } .container .header .header-logo > img { width: 100%; height: 64px; } .container .header .header-list { padding: 0px; } .container .header .header-list > ul { margin-bottom: 0px; } .container .header .header-list > ul > li { float: left; line-height: 42px; } .container .header .header-list > ul > li:hover { background-color: #ecf0f3; } .container .header .header-list > ul > li > a { display: block; height: 100%; padding: 11px 17px; text-align: center; } .container .header .header-list > ul .headerActive { background-color: #0b6a4a; } .container .header .header-list > ul .headerActive:hover { background-color: #0b6a4a; } .container .header .header-list > ul .headerActive > a { color: white; } .container .header .phon-logs { position: absolute; top: 0px; right: 0px; width: 220px; height: 64px; padding: 6px 0px; } .banner >img{ width: 100%; } /* .container .header .phon-logs .phlo-left { float: left; width: 74%; height: 100%; position: relative; padding-right: 5px; } .container .header .phon-logs .phlo-left .phlo-img { position: absolute; top: 12px; left: -12px; font-size: 29px; color: #0b6a4a; } .container .header .phon-logs .phlo-left > p { margin: 0px; text-align: right; } .container .header .phon-logs .phlo-left > p:first-of-type { font-size: 12px; margin-top: 5px; } .container .header .phon-logs .phlo-left > p:last-of-type { font-size: 20px; color: #0b6a4a; font-weight: bold; } .container .header .phon-logs .phlo-right { float: left; width: 26%; height: 100%; font-size: 12px; } .container .header .phon-logs .phlo-right > a { padding: 3px 5px; display: block; text-align: center; } .container .header .phon-logs .phlo-right > a:first-of-type { background-color: #0b6a4a; color: white; margin-bottom: 5px; } .container .header .phon-logs .phlo-right > a:first-of-type:hover { color: red; } .container .header .phon-logs .phlo-right > a:last-of-type { color: white; background-color: #109fa9; } .container .header .phon-logs .phlo-right > a:last-of-type:hover { color: red; } .container .header .phon-logs .phlo-right .membername { font-size: 14px; color: red; padding-top: 3px; } .container .header .phon-logs .phlo-right .membername > a { color: red; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word; word-break: normal; } */ .header-nav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; } .header-nav .navbar .container-fluid { position: relative; } .header-nav .navbar .container-fluid .navbar-collapse { position: absolute; width: 100%; background-color: white; top: 50px; z-index: 999; } .header-nav .navbar .container-fluid .navbar-collapse .navbar-nav > li { border-bottom: 1px solid #ddd; } .corporatePrograms .container > h2, .youngCorps .container > h2, .campsiteIntroduce .container > h2, .newsInformation .container > h2, .Partners .container > h2 { text-align: center; color: #0b6a4a; font-size: 35px; } .corporatePrograms .container .titletext, .youngCorps .container .titletext, .campsiteIntroduce .container .titletext, .newsInformation .container .titletext, .Partners .container .titletext { text-align: center; color: #999; font-size: 18px; } .education-content .container, .publicHonor .container, .campsite .container, .memberCenter-content .container, .shcoolZone-content .container { margin-top: 40px; background: #ecf0f3; padding-left: 0px; } .education-content .container .contents .nav-tabs, .publicHonor .container .contents .nav-tabs, .campsite .container .contents .nav-tabs, .memberCenter-content .container .contents .nav-tabs, .shcoolZone-content .container .contents .nav-tabs { border: none; padding-right: 0px; height: 100%; margin-bottom: 20px; border: 1px solid #ddd; } .education-content .container .contents .nav-tabs > li, .publicHonor .container .contents .nav-tabs > li, .campsite .container .contents .nav-tabs > li, .memberCenter-content .container .contents .nav-tabs > li, .shcoolZone-content .container .contents .nav-tabs > li { float: none; margin-bottom: 0px; border-bottom: 1px solid #ddd; } .education-content .container .contents .nav-tabs > li:first-of-type, .publicHonor .container .contents .nav-tabs > li:first-of-type, .campsite .container .contents .nav-tabs > li:first-of-type, .memberCenter-content .container .contents .nav-tabs > li:first-of-type, .shcoolZone-content .container .contents .nav-tabs > li:first-of-type { background: #0b6a4a; color: white; padding: 8px 18px; } .education-content .container .contents .nav-tabs > li:first-of-type > h4, .publicHonor .container .contents .nav-tabs > li:first-of-type > h4, .campsite .container .contents .nav-tabs > li:first-of-type > h4, .memberCenter-content .container .contents .nav-tabs > li:first-of-type > h4, .shcoolZone-content .container .contents .nav-tabs > li:first-of-type > h4 { font-size: 25px; } .education-content .container .contents .nav-tabs > li > a, .publicHonor .container .contents .nav-tabs > li > a, .campsite .container .contents .nav-tabs > li > a, .memberCenter-content .container .contents .nav-tabs > li > a, .shcoolZone-content .container .contents .nav-tabs > li > a { border: none; border-radius: 0px; margin-right: 0px; padding: 18px 20px; } .education-content .container .contents .nav-tabs > li.active > a, .publicHonor .container .contents .nav-tabs > li.active > a, .campsite .container .contents .nav-tabs > li.active > a, .memberCenter-content .container .contents .nav-tabs > li.active > a, .shcoolZone-content .container .contents .nav-tabs > li.active > a { background-color: #d6150c; border: none; color: white; } .education-content .container .contents .tab-content, .publicHonor .container .contents .tab-content, .campsite .container .contents .tab-content, .memberCenter-content .container .contents .tab-content, .shcoolZone-content .container .contents .tab-content { background-color: white; box-shadow: 1px 0px 5px #999; padding: 20px 40px; } .education-content .container .contents .tab-content .tab-pane .navigation-header, .publicHonor .container .contents .tab-content .tab-pane .navigation-header, .campsite .container .contents .tab-content .tab-pane .navigation-header, .memberCenter-content .container .contents .tab-content .tab-pane .navigation-header, .shcoolZone-content .container .contents .tab-content .tab-pane .navigation-header { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 50px; padding: 10px; } .education-content .container .contents .tab-content .tab-pane .navigation-header .navigationTitle, .publicHonor .container .contents .tab-content .tab-pane .navigation-header .navigationTitle, .campsite .container .contents .tab-content .tab-pane .navigation-header .navigationTitle, .memberCenter-content .container .contents .tab-content .tab-pane .navigation-header .navigationTitle, .shcoolZone-content .container .contents .tab-content .tab-pane .navigation-header .navigationTitle { font-size: 20px; color: #0b6a4a; } .education-content .container .contents .tab-content .tab-pane .navigation-header .breadcrumb, .publicHonor .container .contents .tab-content .tab-pane .navigation-header .breadcrumb, .campsite .container .contents .tab-content .tab-pane .navigation-header .breadcrumb, .memberCenter-content .container .contents .tab-content .tab-pane .navigation-header .breadcrumb, .shcoolZone-content .container .contents .tab-content .tab-pane .navigation-header .breadcrumb { text-align: right; margin-bottom: 0px; padding: 0px; background: none; border-radius: 0px; margin-top: 5px; } .education-content .container .contents .tab-content .tab-pane .education-content, .publicHonor .container .contents .tab-content .tab-pane .education-content, .campsite .container .contents .tab-content .tab-pane .education-content, .memberCenter-content .container .contents .tab-content .tab-pane .education-content, .shcoolZone-content .container .contents .tab-content .tab-pane .education-content { margin-top: 30px; } .education-content .container .contents .tab-content .tab-pane .education-content img, .publicHonor .container .contents .tab-content .tab-pane .education-content img, .campsite .container .contents .tab-content .tab-pane .education-content img, .memberCenter-content .container .contents .tab-content .tab-pane .education-content img, .shcoolZone-content .container .contents .tab-content .tab-pane .education-content img { max-width: 100%; } .education-content .container .contents .tab-content .tab-pane .education-cont img, .publicHonor .container .contents .tab-content .tab-pane .education-cont img, .campsite .container .contents .tab-content .tab-pane .education-cont img, .memberCenter-content .container .contents .tab-content .tab-pane .education-cont img, .shcoolZone-content .container .contents .tab-content .tab-pane .education-cont img { max-width: 100%; } .education-content .container .contents .tab-content .tab-pane .enterpriseCulture, .publicHonor .container .contents .tab-content .tab-pane .enterpriseCulture, .campsite .container .contents .tab-content .tab-pane .enterpriseCulture, .memberCenter-content .container .contents .tab-content .tab-pane .enterpriseCulture, .shcoolZone-content .container .contents .tab-content .tab-pane .enterpriseCulture, .education-content .container .contents .tab-content .tab-pane .educationHistory, .publicHonor .container .contents .tab-content .tab-pane .educationHistory, .campsite .container .contents .tab-content .tab-pane .educationHistory, .memberCenter-content .container .contents .tab-content .tab-pane .educationHistory, .shcoolZone-content .container .contents .tab-content .tab-pane .educationHistory { margin-top: 30px; } .education-content .container .contents .tab-content .tab-pane .enterpriseCulture img, .publicHonor .container .contents .tab-content .tab-pane .enterpriseCulture img, .campsite .container .contents .tab-content .tab-pane .enterpriseCulture img, .memberCenter-content .container .contents .tab-content .tab-pane .enterpriseCulture img, .shcoolZone-content .container .contents .tab-content .tab-pane .enterpriseCulture img, .education-content .container .contents .tab-content .tab-pane .educationHistory img, .publicHonor .container .contents .tab-content .tab-pane .educationHistory img, .campsite .container .contents .tab-content .tab-pane .educationHistory img, .memberCenter-content .container .contents .tab-content .tab-pane .educationHistory img, .shcoolZone-content .container .contents .tab-content .tab-pane .educationHistory img { max-width: 100%; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage { min-height: 500px; padding-top: 30px; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li { background-color: #f1f1f1; border-radius: 10px; margin-bottom: 10px; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform { padding: 0px 10px; border-bottom: 1px solid #999; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-left, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-left, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-left, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-left, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-left { display: inline-block; width: 50%; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right { display: inline-block; width: 48%; text-align: right; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span { padding: 8px; color: white; border-radius: 5px; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:first-of-type, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:first-of-type, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:first-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:first-of-type, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:first-of-type { background-color: #ce0c0c; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:last-of-type, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:last-of-type, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:last-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:last-of-type, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform .orderform-right > span:last-of-type { background-color: #109f81; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont { padding: 0px 10px; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contleft, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contleft, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contleft, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contleft, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contleft { display: inline-block; width: 50%; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contright, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contright, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contright, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contright, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .mobile-content > li .orderform-cont .orderform-contright { display: inline-block; width: 48%; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content { background-color: #f1f1f1; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li { margin-left: 0px; margin-right: 0px; line-height: 40px; margin-bottom: 20px; background-color: #f5f5f5; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li:first-of-type, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li:first-of-type, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li:first-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li:first-of-type, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li:first-of-type { border-bottom: 1px solid #999; background-color: white; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span { padding: 8px; border-radius: 5px; color: white; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:first-of-type, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:first-of-type, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:first-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:first-of-type, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:first-of-type { background-color: #ce0c0c; } .education-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:last-of-type, .publicHonor .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:last-of-type, .campsite .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:last-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:last-of-type, .shcoolZone-content .container .contents .tab-content .tab-pane .membercenterPaypage .pc-content > li > div:last-of-type > span:last-of-type { background-color: #0b6a4a; } .corporatePrograms .container .navigation-header, .teacherTraining .container .navigation-header, .practicalTraining .container .navigation-header, .leagueCooperation .container .navigation-header, .Teachersdetails .container .navigation-header, .newscenters .container .navigation-header, .newsdetailpage .container .navigation-header, .courseDetails .container .navigation-header { height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; } .corporatePrograms .container .navigation-header .corporateProgramsTitle, .teacherTraining .container .navigation-header .corporateProgramsTitle, .practicalTraining .container .navigation-header .corporateProgramsTitle, .leagueCooperation .container .navigation-header .corporateProgramsTitle, .Teachersdetails .container .navigation-header .corporateProgramsTitle, .newscenters .container .navigation-header .corporateProgramsTitle, .newsdetailpage .container .navigation-header .corporateProgramsTitle, .courseDetails .container .navigation-header .corporateProgramsTitle, .corporatePrograms .container .navigation-header .teachertitle, .teacherTraining .container .navigation-header .teachertitle, .practicalTraining .container .navigation-header .teachertitle, .leagueCooperation .container .navigation-header .teachertitle, .Teachersdetails .container .navigation-header .teachertitle, .newscenters .container .navigation-header .teachertitle, .newsdetailpage .container .navigation-header .teachertitle, .courseDetails .container .navigation-header .teachertitle, .corporatePrograms .container .navigation-header .practicalTraningtitle, .teacherTraining .container .navigation-header .practicalTraningtitle, .practicalTraining .container .navigation-header .practicalTraningtitle, .leagueCooperation .container .navigation-header .practicalTraningtitle, .Teachersdetails .container .navigation-header .practicalTraningtitle, .newscenters .container .navigation-header .practicalTraningtitle, .newsdetailpage .container .navigation-header .practicalTraningtitle, .courseDetails .container .navigation-header .practicalTraningtitle, .corporatePrograms .container .navigation-header .leagCooptitle, .teacherTraining .container .navigation-header .leagCooptitle, .practicalTraining .container .navigation-header .leagCooptitle, .leagueCooperation .container .navigation-header .leagCooptitle, .Teachersdetails .container .navigation-header .leagCooptitle, .newscenters .container .navigation-header .leagCooptitle, .newsdetailpage .container .navigation-header .leagCooptitle, .courseDetails .container .navigation-header .leagCooptitle, .corporatePrograms .container .navigation-header .newscentertitle, .teacherTraining .container .navigation-header .newscentertitle, .practicalTraining .container .navigation-header .newscentertitle, .leagueCooperation .container .navigation-header .newscentertitle, .Teachersdetails .container .navigation-header .newscentertitle, .newscenters .container .navigation-header .newscentertitle, .newsdetailpage .container .navigation-header .newscentertitle, .courseDetails .container .navigation-header .newscentertitle { line-height: 60px; font-size: 24px; color: #0b6a4a; margin: 0px; padding: 0px; } .corporatePrograms .container .navigation-header .breadcrumb, .teacherTraining .container .navigation-header .breadcrumb, .practicalTraining .container .navigation-header .breadcrumb, .leagueCooperation .container .navigation-header .breadcrumb, .Teachersdetails .container .navigation-header .breadcrumb, .newscenters .container .navigation-header .breadcrumb, .newsdetailpage .container .navigation-header .breadcrumb, .courseDetails .container .navigation-header .breadcrumb { text-align: right; margin-bottom: 0px; padding: 0px; background: none; border-radius: 0px; margin-top: 5px; } .newsdetailpage *{ max-width: 100%; } .newsdetailpage iframe{ width: 100%; height: 500px; } .footer { background-color: #0b6a4a; padding: 30px 0px 50px; overflow: hidden; } .footer .footer-logo { padding-bottom: 25px; text-align: center; } .footer .footer-logo > img { width: 220px; height: 64px; } .footer .footer-consult { background-color: #055e3e; height: 130px; } .footer .footer-consult .consult { position: relative; margin-top: 30px; color: white; } .footer .footer-consult .consult .consults { position: absolute; right: 50px; top: 0px; } .footer .footer-consult .consult .consults .consult-left { float: left; } .footer .footer-consult .consult .consults .consult-left > p { text-align: right; margin-bottom: 0px; } .footer .footer-consult .consult .consults .consult-left > p:nth-of-type(3) { font-size: 20px; } .footer .footer-consult .consult .consults .consult-right { width: 70px; height: 70px; border: 1px solid white; border-radius: 10px; text-align: center; line-height: 75px; float: left; color: white; font-size: 40px; margin-left: 10px; } .footer .footer-consult .attention { margin-top: 30px; color: white; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 50px; } .footer .footer-consult .attention .attention-left { float: left; width: 70px; height: 70px; margin-right: 10px; } .footer .footer-consult .attention .attention-left > img { width: 100%; height: 100%; } .footer .footer-consult .attention .attention-right { float: left; } .footer .footer-consult .attention .attention-right > p { margin-bottom: 0; } .footer .footer-consult .attention .attention-right > p:last-of-type { font-size: 20px; } .footer .blogroll > ul { margin: 30px auto 10px; text-align: center; } .footer .blogroll > ul > li { color: white; display: inline-block; } .footer .blogroll > ul > li:last-of-type > a { border-right: none; } .footer .blogroll > ul > li > a { color: white; padding: 0px 10px; border-right: 1px solid white; } .footer .copyright { clear: both; color: #ddd; text-align: center; padding: 5px 0px; font-size: 12px; } .footer .copyright > a { color: #ddd; } .footer .support { text-align: center; font-size: 12px; } .footer .support > a { color: #ddd; } .indexbanner { width: 100%; } .indexbanner #carousel-example-generic .carousel-indicators { margin-bottom: 0px; bottom: 0px; } .banner { width: 100%; } .banner-btm-list { padding: 30px 0px; } .banner-btm-list .container > ul { margin-bottom: 0px; } .banner-btm-list .container > ul > li { float: left; margin-bottom: 10px; padding-right: 0px; } .banner-btm-list .container > ul > li .banner-btmlist-img { float: left; width: 74px; height: 70px; } .banner-btm-list .container > ul > li .banner-btmlist-img > img { width: 100%; height: 100%; } .banner-btm-list .container > ul > li .banner-btmlist-cont { padding-left: 10px; float: left; } .banner-btm-list .container > ul > li .banner-btmlist-cont > p { margin: 0px; } .corporatePrograms { padding-top: 30px; padding-bottom: 20px; } .corporatePrograms .container > ul { margin-top: 40px; } .corporatePrograms .container > ul > li { text-align: center; margin-bottom: 30px; } .corporatePrograms .container > ul > li:hover { box-shadow: 0px 1px 5px #999; } .corporatePrograms .container > ul > li:hover > h4 { color: red; } .corporatePrograms .container > ul > li:hover .corpor-img > a > img { transform: scale(1.1); } .corporatePrograms .container > ul > li .corpor-img { width: 280px; height: 180px; position: relative; margin: 0 auto; overflow: hidden; } .corporatePrograms .container > ul > li .corpor-img > a .corpro-times { position: absolute; width: 40px; height: 40px; top: 0px; right: 0px; background: #0b6796; z-index: 5; } .corporatePrograms .container > ul > li .corpor-img > a .corpro-times > span { color: white; display: block; } .corporatePrograms .container > ul > li .corpor-img > a .corpro-times > span:first-of-type { font-size: 24px; margin-top: -5px; } .corporatePrograms .container > ul > li .corpor-img > a .corpro-times > span:last-of-type { font-size: 14px; margin-top: -7px; } .corporatePrograms .container > ul > li .corpor-img > a > img { transition: all .5s; width: 100%; height: 100%; } .corporatePrograms .container > ul > li > h4 { margin-top: 20px; color: #676767; } .corporatePrograms .container > ul > li > p { color: #888; } .corporatePrograms .container > ul > li .corproindex-price { color: #888; } .corporatePrograms .container > ul > li .corproindex-price > span { color: #d3080c; font-size: 30px; } .corporatePrograms .container .corpro-more { clear: both; text-align: center; padding: 35px; } .corporatePrograms .container .corpro-more > a { font-size: 20px; color: #0b6a4a; padding: 10px 40px; border: 2px solid #0b6a4a; } .corporatePrograms .container .corpro-more > a:hover { color: red; border: 2px solid red; } .youngCorps { padding-top: 30px; padding-bottom: 20px; background: url("../images/1_02.jpg") center center / 100% 100%; } .youngCorps .container > ul { margin-top: 40px; } .youngCorps .container > ul > li { text-align: center; margin-bottom: 20px; min-height: 333px; } /* .youngCorps .container > ul > li:hover { box-shadow: 0px 1px 5px #999; } */ /* .youngCorps .container > ul > li:hover .youngCorps-img > a > img { transform: scale(1.1); } */ .youngCorps .container > ul > li .youngCorpsList { box-shadow: 2px 2px 6px #666; padding-bottom: 20px; border-radius: 5px; min-height: 375px; background-color: white; } .youngCorps .container > ul > li .youngCorpsList p { padding: 0px 10px; } .youngCorps .container > ul > li:hover > h4 { color: red; } .youngCorps .container > ul > li .youngCorps-img { margin: 0 auto; position: relative; overflow: hidden; /* margin: 15px; */ padding: 15px; background-color: white; } .youngCorps .container > ul > li .youngCorps-img > a { display: block; } .youngCorps .container > ul > li .youngCorps-img > a .youngCorps-times { position: absolute; width: 40px; height: 40px; top: 5px; right: 5px; background: #0b6796; z-index: 5; } .youngCorps .container > ul > li .youngCorps-img > a .youngCorps-times > span { color: white; display: block; } .youngCorps .container > ul > li .youngCorps-img > a .youngCorps-times > span:first-of-type { font-size: 24px; margin-top: -5px; } .youngCorps .container > ul > li .youngCorps-img > a .youngCorps-times > span:last-of-type { font-size: 14px; margin-top: -7px; } .youngCorps .container > ul > li .youngCorps-img > a > img { transition: all .5s; width: 100%; height: 100%; } .youngCorps .container > ul > li > h4 { margin-top: 20px; color: #676767; } .youngCorps .container > ul > li > p { color: #888; } .youngCorps .container > ul > li .youngCorps-price { color: #888; } .youngCorps .container > ul > li .youngCorps-price > span { color: #d3080c; font-size: 30px; } .youngCorps .container .youngCorps-more { clear: both; text-align: center; padding: 60px 0px 30px; } .youngCorps .container .youngCorps-more > a { font-size: 20px; color: #0b6a4a; padding: 10px 40px; border: 2px solid #0b6a4a; } .youngCorps .container .youngCorps-more > a:hover { color: red; border: 2px solid red; } .campsiteIntroduce { background-color: #edf6f3; border-top: 1px solid #119f80; border-bottom: 1px solid #119f80; padding: 30px 0px; } .campsiteIntroduce .container > ul > li { padding-bottom: 40px; } .campsiteIntroduce .container > ul > li .campsIntro-img { height: 350px; } .campsiteIntroduce .container > ul > li .campsIntro-img > img { width: 100%; height: 100%; } .campsiteIntroduce .container > ul > li .camIntroList { background-color: white; box-shadow: 2px 2px 6px #666; padding: 20px; border-radius: 5px; } .campsiteIntroduce .container > ul > li .camIntroList > p { margin-bottom: 0px; padding: 20px 10px 0px; } .campsiteIntroduce .container > ul > li .camIntroList > p > span { font-size: 20px; } .campsiteIntroduce .container > ul > li .camIntroList > p > a { float: right; padding: 6px 20px; background-color: #0b6a4a; color: white; } .campsiteIntroduce .container > ul > li .camIntroList > p > a:hover { background-color: #da1c1c; } .newsInformation { border-bottom: 1px solid #109fa9; padding-top: 30px; padding-bottom: 50px; } .newsInformation .container > ul { padding-top: 30px; } .newsInformation .container > ul > li { margin-bottom: 30px; } .newsInformation .container > ul > li .newsInformation-img { /* width: 190px; */ /* height: 130px; */ } .newsInformation .container > ul > li .newsInformation-img > a > img { /* width: 100%; */ /* max-height: 130px; */ } .newsInformation .container > ul > li .newsInformation-content > h4{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 24px; } .newsInformation .container > ul > li .newsInformation-content > h4:hover > a { color: red; } .newsInformation .container > ul > li .newsInformation-content > p { color: #666; margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .newsInformation .container > ul > li .newsInformation-content > p:first-of-type { color: #999; font-size: 12px; } .newsInformation .container .newsInformation-more { clear: both; text-align: center; padding-top: 30px; } .newsInformation .container .newsInformation-more > a { font-size: 18px; color: #0b6a4a; border: 2px solid #0b6a4a; padding: 10px 40px; } .newsInformation .container .newsInformation-more > a:hover { color: red; border: 2px solid red; } .Partners { padding-top: 40px; padding-bottom: 60px; background: url("../images/2_02.jpg") center center / 100% 100%; } .Partners .container > ul { padding-top: 30px; } .Partners .container > ul > li { margin-bottom: 20px; } .Partners .container > ul > li .partners-img { width: 169px; height: 70px; border: 1px solid #f0f0f0; } .Partners .container > ul > li .partners-img > img { width: 100%; height: 100%; } .Partners .container .partnersschool { width: 100%; } .Partners .container .partnersschool > img { width: 100%; } .publicHonor .container .contents .tab-content { padding: 30px 15px 50px; position: relative; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li { margin-bottom: 20px; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists { border: 1px solid #ddd; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists > a { display: block; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists > a .honerimgs { width: 247px; height: 180px; padding: 15px 20px; background-color: white; margin: 0 auto; position: relative; overflow: hidden; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists > a .honerimgs > img { width: 100%; height: 100%; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists > a .honerimgs .light { width: 30px; height: 200px; position: absolute; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.3); transform: skew(-35deg) translateX(-100px); } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li .honerlists > a > p { padding: 15px 0px; text-align: center; background-color: #ecf0f3; margin-bottom: 0px; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li:hover .honerlists > a .honerimgs .light { transform: skew(-35deg) translateX(300px); transition: all .7s; } .publicHonor .container .contents .tab-content .tab-pane .honerimg-list > ul > li:hover .honerlists > a > p { background-color: #0b6a4a; color: white; } .publicHonor .container .contents .tab-content .tab-pane .navs { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .publicHonor .container .contents .tab-content .tab-pane .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .corporatePrograms { position: relative; padding-bottom: 60px; margin-bottom: 20px; } .corporatePrograms .container .navigation-header { height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; } .corporatePrograms .container .navigation-header .corporateProgramsTitle, .corporatePrograms .container .navigation-header .youthCorpsTitle { line-height: 60px; font-size: 24px; color: #0b6a4a; margin: 0px; padding: 0px; } .corporatePrograms .container .navigation-header .breadcrumb { text-align: right; margin-bottom: 0px; padding: 0px; background: none; border-radius: 0px; margin-top: 5px; } .corporatePrograms .container .chooseType { clear: both; margin-top: 20px; padding-bottom: 60px; } .corporatePrograms .container .chooseType > ul { line-height: 40px; } .corporatePrograms .container .chooseType > ul > li { margin-right: 30px; float: left; } .corporatePrograms .container .chooseType > ul > li > a { color: #666; } .corporatePrograms .container .chooseType > ul > li:first-of-type { color: #d3080c; margin-right: 60px; } .corporatePrograms .container .chooseType > ul:nth-of-type(2) { clear: both; } .corporatePrograms .container .chooseType > ul:nth-of-type(3) { clear: both; } .corporatePrograms .container .chooseType > ul:nth-of-type(4) { clear: both; } .corporatePrograms .container .courselist { clear: both; margin-top: 30px; } .corporatePrograms .container .courselist > ul > li { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; background: #109f81; display: block; color: white; } .corporatePrograms .container .courselist > ul > li .courselist-left { padding: 0px; height: 450px; } .corporatePrograms .container .courselist > ul > li .courselist-left > a { display: block; } .corporatePrograms .container .courselist > ul > li .courselist-left > a > img { width: 100%; height: 100%; border: none; } .corporatePrograms .container .courselist > ul > li .courselist-right { background: #109f81; color: white; padding: 0px 20px 20px; } .corporatePrograms .container .courselist > ul > li .courselist-right > h3 { text-align: center; font-size: 30px; border-bottom: 1px solid#ddd; line-height: 40px; padding: 30px; margin: 0px; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars { margin-top: 10px; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars > p { margin: 0px; line-height: 50px; font-size: 16px; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars > p > span { padding: 3px 10px; border: 1px solid white; border-radius: 10px; background-color: white; color: #0b6a4a; margin-right: 10px; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars > p > span:nth-of-type(2) { margin-left: 30px; } .corporatePrograms .container .courselist > ul > li .courselist-right .buys { text-align: center; margin-top: 30px; } .corporatePrograms .container .courselist > ul > li .courselist-right .buys > a { color: white; font-size: 20px; background-color: #fe642e; padding: 10px 20px; border-radius: 10px; } .corporatePrograms .container .courselist > ul > li .courselist-right .buys > a:hover { background-color: #db1010; } .corporatePrograms .container .navs { clear: both; text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .corporatePrograms .container .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice { margin-top: 30px; position: relative; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .practicalTraininglist > ul > li { text-align: center; margin-bottom: 20px; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .practicalTraininglist > ul > li:hover .praTralist-content > p { background-color: #109f81; color: white; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .practicalTraininglist > ul > li .praTralist-content { border: 1px solid #ddd; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .practicalTraininglist > ul > li .praTralist-content .practivalTraining-img > img { width: 100%; height: 100%; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .practicalTraininglist > ul > li .praTralist-content > p { margin-bottom: 0px; line-height: 40px; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .navs { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .shcoolZone-content .container .contents .tab-content .tab-pane .socialPractice .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .courseDetails { background-color: #f3f3f3; padding-top: 30px; } .courseDetails .container .navigation-header { height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; } .courseDetails .container .navigation-header .courseDetailsTitle { line-height: 60px; font-size: 24px; color: #0b6a4a; margin: 0px; padding: 0px; } .courseDetails .container .navigation-header .breadcrumb { text-align: right; margin-bottom: 0px; padding: 0px; background: none; border-radius: 0px; margin-top: 5px; } .courseDetails .container .courseDetailscontent { background-color: white; padding: 30px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-title { color: #666; margin-bottom: 30px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-title > h4 { display: inline-block; font-size: 26px; margin-right: 30px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-title > span { padding: 7px 20px; border: 1px solid red; font-size: 16px; border-radius: 20px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-banner { padding: 0px; height: 430px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-banner > img { width: 100%; height: 100%; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p { margin-bottom: 0px; line-height: 40px; color: #666; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(1), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(2), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(3), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(4), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(5), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(6), .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(7) { font-size: 16px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p input { height: 25px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(1) > span, .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(2) > span, .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(3) > span, .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(4) > span, .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(5) > span, .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(6) > span { margin-left: 15px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(1) > span:first-of-type { margin-right: 50px; } /* .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(7) input{ height: 25px; } */ .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(8) > span { display: inline-block; width: 10px; height: 10px; border: 1px solid red; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright > p:nth-of-type(8) { font-size: 12px; line-height: 20px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys { margin-top: 30px; margin-bottom: 20px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys > a { font-size: 16px; padding: 7px 30px; border: 1px solid #eb6100; border-radius: 20px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys > a:hover { border: 1px solid #cf0c0c; color: #cf0c0c; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys > a:first-of-type { color: white; background-color: #eb6100; margin-right: 30px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys > a:first-of-type:hover { background-color: #cf0c0c; } .courseDetails .container .courseDetailscontent .corproCourseIntroduction { margin-top: 40px; clear: both; } .courseDetails .container .courseDetailscontent .corproCourseIntroduction > img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent .corproCourseIntroduction > h4 { font-size: 25px; color: #0b6a4a; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #0b6a4a; } .courseDetails .container .courseDetailscontent .corproCourseIntroduction > p > img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent .corproCourseIntroduction div img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo { margin-top: 50px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo > h4 { font-size: 25px; color: #0b6a4a; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content { position: relative; height: 500px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont { position: absolute; color: white; width: 150px; height: 150px; border-radius: 50%; text-align: center; padding: 20px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:first-of-type { background-color: #019966; left: 10%; top: 30px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:nth-of-type(2) { background-color: #0079ea; left: 30%; top: 50px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:nth-of-type(3) { background-color: #fe9900; left: 40%; top: 80px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:nth-of-type(4) { background-color: #fe9900; left: 10%; top: 100px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:nth-of-type(5) { background-color: #019966; left: 30%; top: 120px; } .courseDetails .container .courseDetailscontent .corproCourseIntroductiontwo .CouIntrodtwo-content .couIntrocont:nth-of-type(6) { background-color: #0079ea; left: 60%; top: 150px; } .teacherTraining { padding-top: 20px; position: relative; padding-bottom: 60px; margin-bottom: 20px; } .teacherTraining .container .teacherTraining-list > ul > li { margin-bottom: 20px; } .teacherTraining .container .teacherTraining-list > ul > li:hover .teacherlistcontent .teachlist-img > a > img { transform: scale(1.1); } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent { padding: 10px; background-color: #f5f5f5; margin: 0px; height: 270px; overflow: hidden; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-img > a { display: block; overflow: hidden; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-img > a > img { transition: all .5s; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-content > h4 { line-height: 30px; margin: 0px; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-content .teachlist-conts { margin-bottom: 0px; } .teacherTraining .container .navs { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .teacherTraining .container .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .practicalTraining { padding-top: 20px; position: relative; padding-bottom: 60px; margin-bottom: 20px; } .practicalTraining .container .practicalTraininglist { margin-top: 30px; } .practicalTraining .container .practicalTraininglist > ul > li { text-align: center; margin-bottom: 30px; } .practicalTraining .container .practicalTraininglist > ul > li .praTralist-content { border: 1px solid #ddd; width: 370px; margin: 0 auto; } .practicalTraining .container .practicalTraininglist > ul > li .praTralist-content .practivalTraining-img { height: 225px; margin: 0 auto; } .practicalTraining .container .practicalTraininglist > ul > li .praTralist-content .practivalTraining-img > img { width: 100%; height: 100%; } .practicalTraining .container .practicalTraininglist > ul > li .praTralist-content > p { margin-bottom: 0px; line-height: 40px; } .practicalTraining .container .practicalTraininglist > ul > li:hover .praTralist-content > p { background-color: #109f81; color: white; } .practicalTraining .container .navs { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .practicalTraining .container .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .leagueCooperation { margin-bottom: 100px; } .leagueCooperation .container .leagueCooperation-content { margin-top: 20px; } .leagueCooperation .container .leagueCooperation-addre { margin-top: 30px; } .leagueCooperation .container .leagueCooperation-addre > h4 { color: #0b6a4a; font-size: 20px; } .leagueCooperation .container .leagueCooperation-addre > div { margin-bottom: 20px; } .leagueCooperation .container .leagueCooperation-addre > div > p { margin-bottom: 0px; } .orderdetail { margin-bottom: 50px; } .orderdetail .container .orderdetail-list { background-color: #f3f7ff; } .orderdetail .container .orderdetail-list > ul > li:first-of-type { background-color: white; } .orderdetail .container .orderdetail-list .paykcode { text-align: center; } .orderdetail .container .orderdetail-list .paykcode > img { width: 130px; height: 130px; } .newscenters { padding-top: 20px; position: relative; padding-bottom: 60px; margin-bottom: 20px; } .newscenters .container .newscenter-top { clear: both; margin-top: 30px; } .newscenters .container .newscenter-top .media .media-left > a { display: block; width: 400px; height: 260px; } .newscenters .container .newscenter-top .media .media-left > a img { width: 100%; height: 100%; } .newscenters .container .newscenter-top .media .media-body { position: relative; padding-left: 20px; } .newscenters .container .newscenter-top .media .media-body > h4 > a { color: #0b6a4a; } .newscenters .container .newscenter-top .media .media-body > h4 > a:hover { color: red; } .newscenters .container .newscenter-top .media .media-body .time { color: #999; padding: 10px 0px; } .newscenters .container .newscenter-top .media .media-body > p { margin-bottom: 0px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .newscenters .container .newscenter-top .media .media-body > a { padding: 10px 20px; background-color: #0b6a4a; color: white; position: absolute; bottom: 0px; left: 20px; } .newscenters .container .newscenter-top .media .media-body > a:hover { color: white; background-color: #d30d0d; } .newscenters .container .newscenterlist { margin-top: 30px; } .newscenters .container .newscenterlist > ul { padding-bottom: 50px; } .newscenters .container .newscenterlist > ul > li { margin-bottom: 20px; padding: 0px 10px 20px; background-color: #f5f5f5; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left { padding: 25px 10px 0px; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-times { float: left; text-align: center; width: 20%; padding-top: 5%; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-times > div:first-of-type { color: #da0a0a; font-size: 30px; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-times > div:last-of-type { color: #666; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-content { border-left: 1px solid #999; float: left; padding-left: 20px; width: 70%; height: 150px; margin-top: 1%; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-content > h4 > a { color: #0b6a4a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* display: block; */ line-height: 22px; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-content > h4 > a:hover { color: red; } .newscenters .container .newscenterlist > ul > li .newscenterlist-left .newslist-content > p { margin: 0px; line-height: 20px; display: -webkit-box; display: -moz-box; display: -ms-box; -moz-box-orient: vertical; -moz-line-clamp: 4; -ms-box-orient: vertical; -ms-line-clamp: 4; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .newscenters .container .newscenterlist > ul > li .newscenterlist-right { padding-top: 20px; } .newscenters .container .newscenterlist > ul > li .newscenterlist-right .newscenterlist-img { max-width: 260px; /* height: 160px; */ margin: 0 auto; } .newscenters .container .newscenterlist > ul > li .newscenterlist-right .newscenterlist-img > img { width: 100%; height: 100%; } .newscenters .container .navs { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -100px; } .newscenters .container .navs > nav .pagination > a { padding: 8px; border: 1px solid #ddd; margin-right: 10px; } .newsdetailpage .container .containers { max-width: 900px; margin: 0 auto; } .newsdetailpage .container .containers > h3 { text-align: center; color: #0b6a4a; padding-top: 20px; } .newsdetailpage .container .containers .newstitles { color: #999; padding: 10px 0px; } .newsdetailpage .container .containers .newstitles padding .titlestime-left { text-align: right; } .newsdetailpage .container .containers > p > img { max-width: 100% !important; height: auto; } .newsdetailpage .container .containers > p > span > img { max-width: 100% !important; height: auto; } .newsdetailpage .container .containers img { max-width: 100% !important; height: auto; } .newsdetailpage .container .containers .newsnavsPages { margin: 0px; line-height: 30px; padding: 10px 0px 30px; border-top: 1px solid #ddd; } .newsdetailpage .container .containers .newsnavsPages .newsprev > a, .newsdetailpage .container .containers .newsnavsPages .newsnext > a { color: #666; } .newsdetailpage .container .containers .newsnavsPages .newsprev > a:hover, .newsdetailpage .container .containers .newsnavsPages .newsnext > a:hover { color: red; } .newsdetailpage .container .containers .newsnavsPages .newsnext { text-align: right; } .register { background: url('../images/index2_02.jpg') center center / 100% 100%; height: 600px; } .register .container .registers { width: 300px; background-color: white; margin: 100px auto; padding: 15px; border-radius: 10px; } .register .container .registers .nav-tabs > li { width: 50%; text-align: center; } .register .container .registers .nav-tabs .active { border-bottom: 2px solid #0b6a4a; } .register .container .registers .nav-tabs .active > a { color: #0b6a4a; border: none; } .register .container .registers .tab-content { padding-top: 20px; } .register .container .registers .tab-content .tab-pane > form > ul > li { line-height: 30px; margin-bottom: 15px; padding-left: 15px; border-radius: 5px; } .register .container .registers .tab-content .tab-pane > form > ul > li:first-of-type, .register .container .registers .tab-content .tab-pane > form > ul > li:nth-of-type(2) { background-color: #f3f3f3; } .register .container .registers .tab-content .tab-pane > form > ul > li > input[type=checkbox] { vertical-align: text-bottom; width: 15px; height: 15px; } .register .container .registers .tab-content .tab-pane > form > ul > li > input { border: none; background-color: transparent; outline: none; } .register .container .registers .tab-content .tab-pane > form > ul > li:last-of-type { padding: 0px; } .register .container .registers .tab-content .tab-pane > form > ul > li:last-of-type > input { width: 100%; background-color: #d3080c; color: white; border-radius: 5px; } .register .container .registers .tab-content .tab-pane > form .logins > li:first-of-type, .register .container .registers .tab-content .tab-pane > form .logins > li:nth-of-type(2), .register .container .registers .tab-content .tab-pane > form .logins > li:nth-of-type(3), .register .container .registers .tab-content .tab-pane > form .logins > li:nth-of-type(4), .register .container .registers .tab-content .tab-pane > form .logins > li:nth-of-type(5) { background-color: #f3f3f3; } .register .container .registers .tab-content #home > form > ul > li:nth-of-type(3) > a { float: right; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content { margin-top: 20px; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li { line-height: 40px; margin-bottom: 20px; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li > input { height: 30px; width: 200px; margin-right: 15px; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li:nth-of-type(2) > span:last-of-type, .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li:nth-of-type(4) > span:last-of-type { font-size: 12px; color: #999; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li:last-of-type { line-height: 30px; text-align: center; margin-top: 50px; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content > ul > li:last-of-type > input { border: none; background-color: #0b6a4a; color: white; border-radius: 5px; } .paypage { margin-top: 50px; height: 500px; position: relative; } .paypage .container > ul { margin-top: 20px; } .paypage .container > ul > li:first-of-type { border-bottom: 2px solid #83d3c2; line-height: 40px; margin-bottom: 10px; } .paypage .container > ul > li > div > p { margin-bottom: 0px; } .paypage .container .paycode { width: 150px; height: 150px; position: absolute; bottom: 50px; right: 15%; } .paypage .container .paycode > img { width: 100%; height: 100%; } .Teachersdetails .container .teachersdetails { margin-top: 50px; } .Teachersdetails .container .teachersdetails .teachersdetails-img { height: 100%; } .Teachersdetails .container .teachersdetails .teachersdetails-img > img { width: 380px; height: 100%; } .Teachersdetails .container .teach-contents { margin: 30px 0px 50px; } .Teachersdetails .container .teach-contents > p { text-indent: 2em; } .paypage .container .pc-content li a { /* color: white; */ } .paypage .container .pc-content li .btn{ color: white; } @media (max-width: 320px) { .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright .buys > a:first-of-type { margin-right: 0px; } } @media (max-width: 768px) { .indexbanner, .banner { height: auto; margin-top: 52px; } .footer .footer-logo { padding-bottom: 0px; } .banner-btm-list .container { padding: 0px 15px; } .banner-btm-list .container > ul > li { padding: 0px 15px; } .Partners .container > ul > li .partners-img { width: 100%; } .campsiteIntroduce .container > ul > li .campsIntro-img { height: auto; } .newsInformation .container > ul > li .newsInformation-img { margin: 0 auto; } .newsInformation .container > ul > li .newsInformation-content { text-align: center; } .education-content .container, .publicHonor .container, .campsite .container, .memberCenter-content .container, .shcoolZone-content .container { padding-left: 15px !important; } .education-content .container .contents .tab-pane .navigation-header, .publicHonor .container .contents .tab-pane .navigation-header, .campsite .container .contents .tab-pane .navigation-header, .memberCenter-content .container .contents .tab-pane .navigation-header, .shcoolZone-content .container .contents .tab-pane .navigation-header { border-top: none !important; } .education-content .container .contents .tab-pane .navigation-header .breadcrumb, .publicHonor .container .contents .tab-pane .navigation-header .breadcrumb, .campsite .container .contents .tab-pane .navigation-header .breadcrumb, .memberCenter-content .container .contents .tab-pane .navigation-header .breadcrumb, .shcoolZone-content .container .contents .tab-pane .navigation-header .breadcrumb { text-align: left !important; margin-top: 20px !important; } .education-content .container .contents .tab-pane .education-content, .publicHonor .container .contents .tab-pane .education-content, .campsite .container .contents .tab-pane .education-content, .memberCenter-content .container .contents .tab-pane .education-content, .shcoolZone-content .container .contents .tab-pane .education-content { margin-top: 45px !important; } .education-content .container .contents .tab-pane .enterpriseCulture, .publicHonor .container .contents .tab-pane .enterpriseCulture, .campsite .container .contents .tab-pane .enterpriseCulture, .memberCenter-content .container .contents .tab-pane .enterpriseCulture, .shcoolZone-content .container .contents .tab-pane .enterpriseCulture { padding-top: 10px; } .education-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right, .publicHonor .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right, .campsite .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right, .memberCenter-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right, .shcoolZone-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right { width: 100%; } .education-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right > img, .publicHonor .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right > img, .campsite .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right > img, .memberCenter-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right > img, .shcoolZone-content .container .contents .tab-pane .enterpriseCulture .enterpriseCulture-right > img { width: 100%; } .education-content .container .contents .tab-pane .educationHistory, .publicHonor .container .contents .tab-pane .educationHistory, .campsite .container .contents .tab-pane .educationHistory, .memberCenter-content .container .contents .tab-pane .educationHistory, .shcoolZone-content .container .contents .tab-pane .educationHistory { margin-top: 50px; padding-top: 20px; } .education-content .container .contents .tab-pane .educationHistory > img, .publicHonor .container .contents .tab-pane .educationHistory > img, .campsite .container .contents .tab-pane .educationHistory > img, .memberCenter-content .container .contents .tab-pane .educationHistory > img, .shcoolZone-content .container .contents .tab-pane .educationHistory > img { width: 100%; } .education-content .container .contents .tab-pane .honerimg-list, .publicHonor .container .contents .tab-pane .honerimg-list, .campsite .container .contents .tab-pane .honerimg-list, .memberCenter-content .container .contents .tab-pane .honerimg-list, .shcoolZone-content .container .contents .tab-pane .honerimg-list { margin-top: 50px; } .education-content .container .contents .tab-pane .honerimg-list .honerlists .honerimgs, .publicHonor .container .contents .tab-pane .honerimg-list .honerlists .honerimgs, .campsite .container .contents .tab-pane .honerimg-list .honerlists .honerimgs, .memberCenter-content .container .contents .tab-pane .honerimg-list .honerlists .honerimgs, .shcoolZone-content .container .contents .tab-pane .honerimg-list .honerlists .honerimgs { width: 100% !important; } .education-content .container .contents .tab-pane .socialPractice, .publicHonor .container .contents .tab-pane .socialPractice, .campsite .container .contents .tab-pane .socialPractice, .memberCenter-content .container .contents .tab-pane .socialPractice, .shcoolZone-content .container .contents .tab-pane .socialPractice { padding-top: 20px; } .corporatePrograms .container .courselist > ul > li .courselist-left { height: auto; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars { display: none; } .corporatePrograms .container .courselist > ul > li .courselist-right .listParticulars > p > span:nth-of-type(2) { margin-left: 0px !important; } .education-content .container .contents .tab-content { padding: 15px; } .education-content .container .contents .tab-content .tab-pane > h3 { padding-top: 30px; } .education-content .container .contents .tab-content .tab-pane > p > img { width: 100% !important; } .education-content .container .contents .tab-content .tab-pane > p > span > img { width: 100%; } .education-content .container .contents .tab-content .tab-pane .education-cont > p > img { width: 100%; min-height: 170px; } .education-content .container .contents .tab-content .tab-pane .enterpriseCulture .enterpriseCulture-left .enterpriseCulture-content { margin-bottom: 20px; } .education-content .container .contents .tab-content .tab-pane .enterpriseCulture .enterpriseCulture-left .enterpriseCulture-content > h4 > img { width: 100%; min-height: 170px; margin-bottom: 30px; } .education-content .container .contents .tab-content .tab-pane > p > img { width: 100%; min-height: 170px; } .memberCenter-content .container .contents .tab-content { padding: 30px 10px; } .memberCenter-content .container .contents .tab-content .tab-pane .account-content { padding-top: 20px; } .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage { margin-top: 30px; } .memberCenter-content .container .contents .tab-content .tab-pane .membercenterPaypage > ul > li { line-height: 50px; } .practicalTraining .container .practicalTraininglist .praTralist-content { width: 100% !important; } .practicalTraining .container .practicalTraininglist .praTralist-content .practivalTraining-img { width: 100%; } .courseDetails .container .courseDetailscontent { padding: 0px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-title { padding: 0px 30px !important; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content { margin: 0px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-banner { height: 200px; } .courseDetails .container .courseDetailscontent .funActivity .funAct-content .funAct-contright { padding: 0px 10px; } .courseDetails .container .courseDetailscontent > p img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent > p a img { max-width: 100%; height: auto; } .courseDetails .container .courseDetailscontent div img { max-width: 100%; height: auto; } .youngCorps .container > ul > li .youngCorps-img { max-width: 100%; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent { width: 100%; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-img { height: auto; } .teacherTraining .container .teacherTraining-list > ul > li .teacherlistcontent .teachlist-img > a { height: auto; } .Teachersdetails .container .teachersdetails .teachersdetails-img > img { width: 100%; height: 230px; } .newsdetailpage .container .containers .newsnavsPages .newsnext { text-align: left; } .newsdetailpage iframe{ height: 200px; } } @media (min-width: 768px) { .container { width: 750px; } .courseDetails .container .courseDetailscontent > p > img { width: 100% !important; height: 100% !important; } .courseDetails .container .courseDetailscontent > p > a > img { width: 100% !important; height: 100% !important; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1240px; } .Teachersdetails .container .teachersdetails { margin-top: 50px; } .Teachersdetails .container .teachersdetails .teachersdetails-img { text-align: right; } } .tab-content .tab-pane img{ width: 100%; }