body{font-size:12px; flex-direction:column; height:100%; font-family:Helvetica, Arial, "微软雅黑", sans-serif; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}/*取消字体自动缩放*/
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{margin:0;padding:0;}ul{list-style:none;}img{border:0;}a{text-decoration:none; color:#000;}*{ box-sizing:border-box;}
input,select{vertical-align:middle; font-family:Arial,"微软雅黑"; padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0; width:100%;}p{word-wrap:break-word}.clr{clear:both;}
.l{float:left;}.r{float:right;}.undis{display:none}.dis{display:block}.dinl{display:inline-block;}.prel{position:relative;}.pabs{position:absolute;}.bor{border:0;}.ovf{overflow:hidden;}
textarea{resize:none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus{outline:none;} /*textarea聚焦时默认边框颜色不变*/
.img100>img{ width:100%;}.bg100{ background-size:100% 100%;}
.glasslayer{ position:fixed; width:100%; height:100%; filter:alpha(opacity=60); opacity:0.6; background:#000; top:0px; left:0px; z-index:9998;}
input::-ms-clear{display:none;}select::-ms-expand { display: none; }
.glasslayer01{ position:fixed; width:100%; height:100%; background:rgba(221,221,221,0.98); top:0px; left:0px; z-index:9998;}


.xl-1{ width:10%;}.xl-2{ width:20%;}.xl-3{ width:30%;}.xl-4{ width:40%;}.xl-5{ width:50%;}.xl-6{ width:60%;}.xl-7{ width:70%;}.xl-8{ width:80%;}.xl-9{ width:90%;}.xl-10{ width:100%;}
.xl-75{ width:75%;}.xl-33{ width:33.333333%;}.xl-25{ width:25%;}.xl-16{ width:16.6666666%;}.xl-13{ width:13.333333%;}


.container{ max-width:1200px; margin:0 auto;}

/*右侧飘窗*/
.right_div{ position:fixed; text-align:center; border-radius:5px; background:#fff; padding:5px 5px 20px; right:0; top:130px; z-index:9999; width:240px; }
.right_div strong{ font-size:14px; display:block; padding-top:10px; margin-bottom:10px;}
.right_div img{ width:70%; display:block; margin:0 auto 5px;}

.head-div .container{ width:100%; max-width:initial; padding:0 80px; overflow:hidden; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);}
.head-div{ position:relative; z-index:1; height:100px; border-top:5px solid #3d4542; text-align:center; }
.head-div .logo{ margin-top:5px; float:left; background:url(../images/head-logo.png) center / 80px 80px no-repeat; width:100px; height:100px;}

.head-div ul.dh{ height:100px;}
.head-div ul.dh li{ height:100px; display:inline-block; padding:40px 40px 0; }
.head-div ul.dh li a{ font-size:16px; color:#666; padding-bottom:5px;}
.head-div ul.dh li a.tag{ border-bottom:2px solid #d25d13; color:#d25d13;}
.head-div ul.dh li a:hover{ border-bottom:2px solid #d25d13; color:#d25d13;}

.head-div ul.dh li:hover .second{ display:block;}

.head-div ul.dh li .second{ box-shadow:0 0 3px 1px rgba(0,0,0,0.1); top:80px; left:0; width:100%; background:#fff; height:185px; padding:30px 0;}
.head-div ul.dh li .second .col{ border-right:1px solid #f2f2f2; width:350px; display:inline-block;}
.head-div ul.dh li .second .col:last-child{ border:0;}

.head-div ul.dh li .second .col .c-img{ margin:0 20px; width:110px; float:left;}
.head-div ul.dh li .second .col .tt{ float:left; width:190px; text-align:left;}
.head-div ul.dh li .second .col .tt b{ margin:20px 0 10px; display:block; color:#005baa; font-size:14px;}
.head-div ul.dh li .second .col .tt a{ margin-bottom:10px; width:48%; display:inline-block; font-size:12px; color:#666; padding:0;}

.head-div ul.dh li:hover .down-list{ top:100px; padding:20px 20px 0; display:block; position:absolute; background:#fff; box-shadow:0 0 3px #ccc;}
.head-div ul.dh li:hover .down-list a{ border-bottom:2px solid #fff; margin-bottom:15px; display:block; color:#666; }
.head-div ul.dh li:hover .down-list a:hover{ color:#d25d13;  border-bottom:2px solid #d25d13;}


.head-div .sp-right{ margin-top:32px; float:right; font-size:14px; }
.head-div .sp-right a{ padding:0 15px; vertical-align:middle; display:inline-block; border-radius:50px; color:#666; height:38px; line-height:35px; border:1px solid #ccc;}
.head-div .sp-right i.default{ margin-left:5px; vertical-align:middle; display:inline-block; width:20px; height:20px; border-radius:50%; background:url(../images/English.png) center / 20px 20px no-repeat;}
.head-div .sp-right a.tag i{ background:url(../images/default-china.png) center / 20px 20px no-repeat;}


.foot-div{ background:#d6d0c3;}
.foot-div .container{ width:100%; max-width:inherit; color:#9a989a; padding:30px 0 0; overflow:hidden;}
.foot-div .foot-logo{ float:left; overflow:hidden; display:block; margin:0 auto 30px; background:url(../images/foot-logo.png) center / 300px 128px no-repeat; width:300px; height:128px;}
.foot-div .txt{ float:left; margin-left:-50px;}
.foot-div .txt p{ line-height:24px; color:#333;}
.foot-div .txt p img{ vertical-align:middle; margin-right:2px;}

.foot-div .f-left{ float:left; font-size:14px;}
.foot-div .f-right{ text-align:center; float:right; margin:10px 100px 0 0;}
.foot-div .f-right label{ display:block; color:#333; margin-top:10px;}



.step{ color:#999; padding:40px 80px;}
.step a{ font-size:13px; color:#999; padding:0 5px;}
.step a:first-child{ padding-left:0;}
.step a.tag{ color:#d25d13;}


.entrance{ padding:30px 20px; overflow:hidden;}
.entrance li{ height:420px; float:left; padding:0 20px;}
.entrance li img{ display: none;}
.entrance li a{ position:relative; color:#fff; display:block; height:420px;}
.entrance li .txt{ position:absolute; bottom:0; left:0; width:100%; padding:30px;}
.entrance li a b{ font-size:22px; font-weight:500; display:block; margin-bottom:10px;}
.entrance li a p{ font-size:14px; line-height:22px;}
.entrance li a p span{ display:block;}
.entrance li:nth-child(1) a{ background:url(../images/s01.jpg) center / cover no-repeat;}
.entrance li:nth-child(2) a{ background:url(../images/s02.jpg) center / cover no-repeat;}
.entrance li:nth-child(3) a{ background:url(../images/s03.jpg) center / cover no-repeat;}


.entrance .txt .btn{ margin-top:10px; display:inline-block; line-height:40px; background:#3d4542; padding:0 32px; border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: background 0.6s ease 0s;
    -webkit-transition: background 0.6s ease 0s;
    -moz-transition: background 0.6s ease 0s;}


/*关于我们*/
.about{ padding:40px 80px;}
.about .col{ padding-right:30px; float:left; margin-bottom:50px;}
.about .col h6{ font-size:25px; color:#808080; font-weight:500; display:block; margin-top:80px;}
.about .col .title{ font-size:22px; margin-bottom:20px;}
.about .col p{ color:#666; font-size:16px; line-height:30px;}
.about .col .list-img{ margin-top:30px; padding:10px; background:#f1f1f1;}
.about .col .touchcarousel{ width:100%; height:105px;}
.about .col .touchcarousel li{ margin-right:10px; width:160px;}
.about .col .touchcarousel li img{ width:100%;}

.about .col .touchcarousel .arrow-icon{ width:20px; height:35px; margin-top:-20px; }
.about .col .touchcarousel .arrow-icon.left{ background:url(../images/left.png) center / 18px 18px no-repeat #f1f1f1;}
.about .col .touchcarousel .arrow-icon.right{ right:0; background:url(../images/right.png) center / 18px 18px no-repeat #f1f1f1;}

.about .col .padding-right{ padding-right:50px;}
.about .col strong{ display:block; margin-bottom:20px; font-size:16px; color:#d25d13;}
.about .col .yz-txt { padding:50px 0 0;}
.about .col .yz-txt b{ display:block; margin-bottom:20px; font-size:16px; font-weight:500;}

.about .pt{ padding:0;}
.about .pt img{ width:100%;}

.about b{ font-size:16px; color:#666; display:block; margin-bottom:15px;}

.p-indent{ text-indent:32px;}


/*课程介绍*/
.curriculum{ padding:40px 80px 100px;}
.curriculum .title{ font-size:22px; margin-bottom:20px;}
.curriculum p{ color:#666; font-size:16px; line-height:30px;}

/*健康促进*/
.healthy{ padding:40px 80px;}
.healthy .title{ font-size:22px; margin-bottom:20px;}
.healthy p{ color:#666; font-size:16px; line-height:30px;}
.healthy .col{  margin-bottom:100px; }

.healthy .col-img{ padding:0 10%;}


.history_btn{  padding:0 20px 40px; text-align:center; overflow:hidden; }
.history_btn a{ font-size:16px; border:1px solid #ccc; border-radius:50px; padding:10px 20px; display:inline-block; margin:0 10px; }
.history_btn a.tag{ background:#d25d13; color:#fff; border:1px solid #d25d13;  font-weight:bold; }

.history_list img{ width: 100%;}
.history_list .line{ border-top:1px solid #d25d13; width:100%; margin:50px 0;}

/*健康教育*/
.education{ padding:40px 80px;}
.education .title{ font-size:22px; margin-bottom:40px;}
.education .list{ overflow:hidden;}
.education .list .col{ width:50%; float:left; margin-bottom:50px;}
.education .list img{ width:220px; float:left; border:1px solid #f1f1f1; margin-right:20px;}
.education .list .tt{ padding:15px 20px 15px 0;}
.education .list b{ font-size:16px; font-weight:500; display:block; margin-bottom:10px;}
.education .list p{ color:#666; font-size:14px; line-height:22px;}

/*校园活动*/
.activity{ padding:40px 80px;}
.activity .title{ font-size:22px; }
.activity .list{ padding:50px 0;}
.activity .col{ overflow:hidden; margin-bottom:30px;}
.activity .col img{ width:300px; border:1px solid #f1f1f1; float:left; margin-right:20px;}
.activity .col .txt{ padding:10px 0;}
.activity .col .txt b{ font-size:16px; display:block; margin-bottom:10px;}
.activity .col .txt p{ font-size:14px; line-height:22px; color:#666; margin-bottom:10px;}
.activity .col .txt span{ display:block; color:#666; font-size:14px;}


/*联系我们*/
.contact{ padding:40px 80px;}
.contact .info{ margin-bottom:30px; margin-top:180px; overflow:hidden;}
.contact .info b{ font-size:26px; color:#000; display:block; margin-bottom:25px;}
.contact .info span{ margin-bottom:10px; width:100%; display:block; line-height:30px; font-size:16px; color:#666;}
.contact .info label{ font-size:14px; color:#666; display:block; margin-bottom:10px;}

.contact .col{ margin-bottom:100px; }
.contact .title{ font-size:22px; margin-bottom:20px;}
.contact p{ color:#666; font-size:16px; line-height:30px;}
.contact p a.mail{ color:#a9cfcb;}

.contact .type{ padding:30px 0;}
.contact .type a{ font-size:16px; color:#666; margin-right:20px; padding-bottom:10px;} 
.contact .type a.tag{ color:#d25d13; border-bottom:2px solid #d25d13;}
.contact .type a:hover{ color:#d25d13; border-bottom:2px solid #d25d13;}

.contact .form{ padding-top:30px;}
.contact .form p{ overflow:hidden; line-height:40px; margin-bottom:20px;}
.contact .form span{ width:49%; float:left;}
.contact .form span:last-child{ float:right;}
.contact .form label{width:20%; display:block; float:left;}
.contact .form input,.contact .form select{ padding:0 10px; border:1px solid #ccc; float:right; width:75%; height:40px; line-height:40px;}
.contact .form b{ width:75%; float:right;}
.contact .form .btn{ display:inline-block; padding:0 60px; height:40px; line-height:40px; background:#3e4442; color:#fff; font-size:16px;}

.contact .form p.wq label{ width:100%; }
.contact .form p.wq input{ float:none;}


.contact .pt{ width:50%; float:left;}
.contact .pt:first-child{ padding-left:150px;}
.contact .pt:last-child{ height:500px;}

.banner{ padding:2%;}
.banner .con{ height:360px; margin-top:40px;}
.banner .hj-banner{ background:url(../images/hj-banner.jpg) center / cover no-repeat;}
.banner .yz-banner{ background:url(../images/gardener-banner.jpg) center / cover no-repeat;}
.banner .team-banner{ background:url(../images/sz.jpg) center / cover no-repeat;}
.banner .decl-banner{ background:url(../images/xy.jpg) center / cover no-repeat;}
.banner .curr-banner{ background:url(../images/curriculum.jpg) center / cover no-repeat;}

.banner .heal-banner{ background:url(../images/food.jpg) center / cover no-repeat;}
.banner .menu-banner{ background:url(../images/cs.jpg) center / cover no-repeat;}
.banner .education-banner{ background:url(../images/education-banner.jpg) center / cover no-repeat;}

.banner .acivity-banner{ background:url(../images/hd.jpg) center / cover no-repeat;}

.banner .contact-banner{ background:url(../images/aontact-banner.jpg) center / cover no-repeat;}
.banner .join-banner{ background:url(../images/join-banner.jpg) center / cover no-repeat;}
.banner .traffic-banner{  background:url(../images/traffic-banner.jpg) center / cover no-repeat;}


.activity-details{ padding:40px 80px;}
.activity-details .container > strong{ font-size:22px; text-align:center; display:block; margin-bottom:30px;}
.activity-details .txt{ text-align:center; color:#666; line-height:30px;}
.activity-details .txt img{ max-width:1000px;}

.banner .flickerplate .dot-navigation{ display:none;}

.about .col p.font-18{ }
.about .pt-img{ padding:60px 0 0 50px;}

.about .col .gar-img{ padding:40px 0 0 50px;}

.index-banner{ padding:1% 0;}

.contact .code{ text-align:center; width:220px; border:1px solid #ccc; margin:50px auto; }
.contact .code img{ width:200px;   }


/*质者相册*/
	.previewbox {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		z-index: 9999;
	}
	.previewbox .preview-header {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
		height: 50px;
	}
	.previewbox .preview-header .preview-indicator {
	    display: block;
	    line-height: 28px;
	    color: #fff;
	    text-align: center;
	    margin: 10px auto;
	    width: 68px;
	    background-color: rgba(0, 0, 0, 0.4);
	    border-radius: 12px;
	    font-size: 16px;
	}
	.previewbox .preview-content {
	    font-size: 0;
	    position: relative;
	    white-space: nowrap;
	    height: 100%;
	}			
	.previewbox .preview-content .content-item {
	    font-size: 14px;
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	    vertical-align: top;
	    white-space: normal;
	}			
	.previewbox .preview-content .content-item .content-item-scroller {
	    position: absolute;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    margin: 0;
	}			
	.previewbox .preview-content .content-item .content-item-scroller .toggle-left {
	    position: absolute;
	    top: 50%;
	    left: 10px;
	    width: 38px;
	    z-index: 10000;
	    color: white;
	    cursor: pointer;
	    font-size: 22px;
	    text-align: center;
	    display: block;
	}			
	.previewbox .preview-content .content-item .content-item-scroller .toggle-right {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    width: 38px;
	    z-index: 10000;
	    color: white;
	    cursor: pointer;
	    font-size: 22px;
	    text-align: center;
	    display: block;
	}
	
	.m-head{ display:none;}
