@charset "utf-8";
html,body{ font:14px/1.8 "Arial,Helvetica,sans-serif" ; background:#fff; color:#000; margin: 0;padding: 0; -webkit-text-size-adjust:none;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;}	
ul,p,h1,h2,h3,h4,h5,h6,dd,dt{ margin:0px; padding:0px;font-weight: normal; }
a{ color:#000; text-decoration:none; font-weight: normal;}
li{ list-style:none;}
.clearfix:before, .clearfix:after{display: table;  line-height: 0; content: ""; clear: both;}
a:hover{  text-decoration:none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fl, .l, #l {	float: left}
.fr, .r, #r {	float: right}
.container {    margin:0 100px;}
.ka {  display: inline-block; font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; vertical-align:middle;
    font-size: 18px; color:#f99303;
}
.font_0{font:var(--font_0);color:rgb(var(--color_15))}
.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}
/*头部*/


/*组织框架*/

.organisation-structure{ padding:60px 0px; text-align:center;}
.organisation-structure-a{ background-color:#FFF}

.sb_box_policy  table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.sb_box_policy  td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}

.organisation-structure-title{ font-size:30px; font-weight:bold; text-align:center; line-height:42px;}
.organisation-structure-line{ width:60px; height:5px; background-color:#F00; margin:0 auto;}
.organisation-structure-img{ margin:20px 0px;}

.organisation-structure-tem{ width:100%; padding:80px 0px;background-color:#fdf4e5; }

.structure-title-zcjg{ font-size:30px; font-weight:bold; margin:0px auto; text-align:center; width:75%;}

.about1_pic{ width:75%; margin:50px auto;display:inline-block;}
.about1_pic dl{width:calc(100%/5 - 20px);margin:10px;text-align:center;margin-bottom:25px;display:block; float:left; height:250px;}
.about1_pic dl dd{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:all .4s ease-in;position:relative;overflow:hidden}
.about1_pic dl dd{border:8px solid #f7f7f7;height:168px;width:168px;position:relative;overflow:hidden; margin:0 auto;}
.about1_pic dl dd b{width:172px;height:172px;display:block;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;transition:box-shadow .4s ease-in}
.about1_pic dl:hover dd b{opacity:.6;filter:alpha(opacity=60);-webkit-box-shadow:inset 0 0 0 150px #7f7f7f;-moz-box-shadow:inset 0 0 0 150px #7f7f7f;box-shadow:inset 0 0 0 150px #7f7f7f;z-index:2}
.about1_pic dl dd img{transition:all .4s ease-in;max-width:100%;max-height:100%;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}
.about1_pic dl dt{margin-top:10px}
.serv_con{width:211px;height:211px;float:left;margin-bottom:20px;margin-left:40px;margin-right:40px}





.school_logo{ text-align: center; padding:20px 0px; color:#666}
.paTBox .logo{ margin: 20px 0px; width:30%; float:left;}
.paTBox .logo img{ max-height: 80px; display: block; }

.language{ float:right;width:14%; margin-top:20px;}
.language_a{background: url(../images/yw.jpg) no-repeat left center; height:22px; line-height:22px;padding-left:30px; color:#333; font-size:16px; font-weight:bold; float:left }
.language_b{ float:left;    position: relative;}
.language_b a.langNav{background: url(../images/HKG.png) no-repeat left center;   height:22px; line-height:22px;padding-left:30px; color:#333; font-size:16px; font-weight:bold; float:left; margin-left:15px; }
.language_b .langContent li a{background: url(../images/HKG.png) no-repeat left center; font-weight:bold; background-size:22px; height:22px;display: flex;align-items: center; padding-left:30px;}
.language_b .langContent{display: none;  position: absolute; left: 15px; top: 30px;   width: 96px;    z-index: 99;}


.nava {	height: 40px;	clear: both;  }
.nava ul.menu {display: flex;   justify-content: space-between;}
.menu li.mainlevel {	float: left; position:relative;	height: 40px;	line-height:40px;	padding: 0px 0px 0px 0px;	display: flex; justify-content:center;}
.menu li.mainlevel>a {font-size: 16px;text-decoration: none; color: #000; padding:0px 20px;	height: 40px;line-height: 40px;	display: block;	text-align: center;text-transform: capitalize }
.menu li.mainlevel.active>a { background: #000;  color: #fff; }
.menu li.mainlevel ul {display: none;	position:absolute; background:#fff;    top: 40px;  width: max-content; padding:0px 20px; z-index: 9999;}

.menu li:hover ul{ display:block;}


#video-box{	height:calc(100vh - 150px); position: relative;}
#video-box .banner-center-text {	width: 100%;	text-align: center;	position: absolute;	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);}
#video-box .banner-center-text .btn-box{	max-width: 750px;	margin: 0 auto;}
#video-box .banner-center-text .btn-box .title{	color: #fff;	font-size: 60px; font-weight: bold;	margin-bottom: 30px;}
#video-box .banner-center-text .btn-box .note{	color: #fff;	font-size: 20px;	border: 3px solid #187c4b;margin-bottom: 70px;	padding: 30px;	}
#video-box .banner-center-text .btn-box .more{	color: #fff;	font-size: 14px;	background-color: #187c4b;	padding: 10px 45px;	display: inline-block;	border-radius: 30px;	transition: all .5s;}
#video-box .banner-center-text .btn-box .more:hover{	background-color: #000;	color: #fff;}
#overlay {  position: absolute;   top: 0;   right: 0;   left: 0;   bottom: 0;    background: rgba(0,0,0,0.6);   -webkit-transition: color,0.8s, ease;  transition: color,0.8s, ease;}
#background_video {-o-object-fit: cover; object-fit: cover; height: 100%;width: 100%;}
#video_cover {position: absolute; width: 100%; height: 100%;background-size: cover;	 background-position: center;	background-repeat: no-repeat;}
#video_controls { position: absolute; left: 50%;-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.index_about .about_box { display: flex; margin: 60px 0px;}
.index_about .about_box .about_box_text{ background: #c9e0ce; padding: 40px; width: 50%;}
.index_about .about_box .about_box_text h2{font-weight: bold; font-size: 30px; margin-bottom: 10px;}
.index_about .about_box .about_box_text p{ font-weight: bold; font-size: 25px; margin-bottom: 10px;color:#333;font-family:sarabun,sans-serif}

.about_box_text_one{font-weight:normal !important; font-size: 22px !important;font-family:sarabun,sans-serif;}
.about_box_text_two{font-weight:normal !important; font-size: 18px !important; line-height:1.3;}


.index_about .about_box .about_box_text p font{color:#187c4b;}
.index_about .about_box .about_box_text p strong{color:#000;}
.index_about .about_box .about_box_img {width: 50%;}

.index_about .about_bot h2{ font-weight: bold; font-size:25px;}
.index_about .about_bot strong{ color:#18794B}
.index_about .about_bot ul{ display: flex; justify-content: center;}
.index_about .about_bot ul li { margin: 0px 100px;}
.index_about .about_bot ul li img{ width: 200px;}
.index_about .about_bot ul li p{ font-size: 20px;}
.index_about .about_bot ul li b{color: #187c4b; font-size: 30px; font-weight: bold;}
.index_about .about_bot ul li span{font-size: 30px; font-weight: normal;}

.index_video02 { margin: 60px 0px;}
.index_video02 #video-box02{position: relative;    display: flex;    justify-content: center;    align-items: center;}
.index_video02 #video-box02{ height: 300px;}
.index_video02 #video-box02 #background_video02 {-o-object-fit: cover; object-fit: cover; height: 300px;width: 100%;}
#video-box02 h2{ position:absolute;  text-align:center; color:#fff; font-size:48px; font-weight:bold; line-height:65px; }

.index_nengyuan{ margin: 0px 0px 60px 0px;}
.index_nengyuan .nengyuan_box_list h2{color: #000; font-weight: bold; margin-bottom: 30px;}
.index_nengyuan .nengyuan_box_list h2 font{color: #187c4b;}
.index_nengyuan .nengyuan_box_list ul{ display: flex; justify-content: center;}
.index_nengyuan .nengyuan_box_list ul li{ text-align: center; margin:0px 30px;}
.index_nengyuan .nengyuan_box_list ul li img{ height: 160px;}
.index_nengyuan .nengyuan_box_list h3{text-align:center;cursor:pointer; padding-bottom:15px;}

.zhezhao{ position: fixed;   left: 0px;  top: 0px;  background: rgba(24,24,24,0.85);   width: 100%;   height: 100%;   display: none;}
.tankuang{   position: relative;   background: rgba(24,121,75,0.51);  width: 40%;   height: auto;   border-radius: 5px;   margin: 5% auto;}
.tankuang_text { padding: 30px 30px;}
.tankuang_text h3{ color: #fff; font-weight: bold; text-align: center; }
.tankuang_text p{ color: #fff; font-size:16px; }
#header-right{position: absolute;width: 25px; height: 25px; border-radius: 5px; font-size: 30px; font-weight: lighter;color: #fff;  right: 5px; top: 5px;   text-align: center;
}

.index_solar{ margin: 0px 0px 60px 0px;}
.index_solar .solar_text{ width: 50%; margin: 0px 0px 60px 0px; float:left;}
.index_solar .solar_text p{ font-size: 20px; margin-top:30px;}
.index_solar .solar_text p font{color: #187c4b;}
.solar_video{ float:right;width:38%;}



.sb_box_policy { display: flex; width:75%; margin:60px auto}
.sb_box_policy .a_img{ width: 22%;border:1px solid #ddd;border-radius:4px;}
.sb_box_policy .a_img h2{ background-color:#E53333;color: #fff; font-weight: bold;padding:13px 35px 13px 15px;border-top-right-radius:4px;border-top-left-radius:4px;font-size:18px!important }
.sb_box_policy .a_img span{ text-align:right; padding-right:10px; float:right;}

.sb_box_policy .a_text{width: 75%; margin-left:3%; float:left;  }


.sb_box_policy .a_img li{ border-bottom:1px solid #ddd}
.sb_box_policy .a_img span{font-weight: bold;}
.sb_box_policy .a_img p{ margin: 20px 0px;font-size:16px; color:#333;}
.sb_box_policy .a_img h3{padding:14px 40px!important}
.sb_box_policy .a_img h3 span{ margin-right:3px;width:21px; float:left; line-height:20px;margin-top:5px;}

.policy_tfan{ margin-top:60px;}
.policy_tfan h1{ text-align:center; font-size:36px; font-weight:bold; line-height:40px;}
.policy_fbtss{ font-size:22px; text-align:center; padding-top:5px;}

.sb_box_faq { display: flex; margin: 100px 30px;}
.sb_box_faq .a_img{}
.sb_box_faq .a_img img{ }
.sb_box_faq .a_text{ width: 70%; padding-left: 100px;}
.sb_box_faq .a_text h2{ font-size: 25px;color: #7F9E55;  font-weight: bold; }
.sb_box_faq .a_text span{ font-size: 15px; font-weight: bold;}
.sb_box_faq .a_text p{ margin: 0px 0px 20px 0px; color:#333; font-size:15px;}
.sb_box_faq .a_text h3{ font-size: 16px; color:#000 ; font-weight: bold; display: block;}
.cjwt{ font-size:50px; font-weight:bold; text-align:center;width:35%; float:left; line-height:220px; color:#7F9E55;}


.clear{clear:both}














.index_solar .solar_list{ margin-top:60px;}
.index_solar .solar_list ul{ display: flex;}
.index_solar .solar_list ul li{ width: calc(100%/3); display: flex;   align-items: center;}
.index_solar .solar_list ul li img{ border-radius: 100%; height: 180px;}
.index_solar .solar_list ul li .text{ margin: 0px 0px 0px 20px;}
.index_solar .solar_list ul li h3 { font-weight: bold; font-size:18px; line-height:22px; padding-bottom:10px;}
.index_solar .solar_list ul li h3 b{color: #187c4b;font-size: 30px;}
.index_solar .solar_list ul li p { font-size:16px; line-height:22px;}
.index_solar .solar_list ul li a.more {color: #fff; margin: 10px 0px 0px 0px;   font-size:16px; font-weight: bold;   background-color: #000;   padding: 5px 36px; display: inline-block;  
 border-radius: 30px;   transition: all .5s;}


footer{ background:#606060; padding: 60px 0px;}
footer .foot_form h2{ text-align: center; font-size: 20px; color: #fff; margin-bottom: 30px;}
.form_con{ width:30%; margin: 0 auto;}
footer .foot_form form input.layui-input{width:90%; color: #fff; font-size: 14px; background:#fff; border: none;padding:12.5px; float:left }
footer .foot_form form button {background:#fff; border: none;  cursor: pointer;color: #333; font-size:14px;text-align:center;float:right; width:10%;padding:0px;}
footer .foot_name{ margin: 60px 0px 0px 0px;  font-weight:bold;text-align: center; color: #fff; font-size: 60px;}

.llzl_foot{ width:50%; margin:40px auto; text-align:center;color:#fff;}
.llzl_foot li{ font-size:16px; color:#fff;}

.llzl_foot strong{ font-size:20px;}

.llzl_contact{text-align:center; padding:15px 0px;color:#FFF}
.llzl_contact a{ color:#FFF}
.foot_showw{width:50%; margin:10px auto; text-align:center;color:#fff;}

.foot_showw a{align-items: center;   justify-content: center;    background-color: #1d1d1d26;border-radius: 50%;padding:6px 10px; margin: 0px 10px 0px 0px;overflow: hidden;font-size: 16px; color:#FFF }


.sb_box_about { display: flex; margin: 100px 100px;}
.sb_box_about .a_img{text-align: right;margin-right:80px}
.sb_box_about .a_img img{}
.sb_box_about .a_text{ width: 60%;}
.sb_box_about .a_text h2{ font-size: 45px;color: #7F9E55; }
.sb_box_about .a_text span{ font-size: 20px; font-weight: bold;}
.sb_box_about .a_text p{ margin: 10px 0px; font-size:16px; color:#333;}
.sb_box_about .a_text b{ font-size: 28px; color:#187c4b ; font-weight: bold; display: block; line-height:42px; padding:8px 0px}
.a_video{ margin:100px 0px; text-align: center;}

.sb_box_team{margin: 50px 0px;}
.sb_box_team h2{font-weight:bold; font-size:36px; text-align:center; margin:60px 0px;}
.sb_box_team h2 font{color:#18794B; }
.sb_box_team .teamlist{ width:1200px; margin:auto;}
.sb_box_team .teamlist ul{flex-wrap: wrap;    display: flex;}
.sb_box_team .teamlist li{ width:calc(100%/3); padding:20px; text-align:center;}
.sb_box_team .teamlist li img{     object-fit: cover;height:240px; width:240px; border-radius:100%;}
.sb_box_team .teamlist li span{color:#18794B; font-weight:bold; font-size:24px;}
.sb_box_team .teamlist li h3{  font-size:20px; margin:5px 0px;}
.sb_box_team .teamlist li p{width:90%; margin:0 auto; font-size:16px;}
.sb_box_team .teamlist li em{color:#18794B; font-style:normal; }
.sb_box_team .teamlist li a.more{ font-size: 14px; box-shadow:0 1px 4px rgba(167,167,167,.6); padding: 5px 25px; display: inline-block; margin: 20px 0px 0px 0px;
    transition: all .5s;border-radius:5px;}
.sb_box_team .teamlist li a.more:hover{	background-color: #000;	color: #fff;}

.team_video #background_video02{-o-object-fit: cover;   object-fit: cover;   height: 400px;   width: 100%;}
.team_view{ display:flex; width:1000px; margin:60px auto;box-shadow:0 1px 4px #7f7f7f40;}
.team_view .team_img img{border-radius:50%; float:left; width:180px; height:180px;}
.team_view .team_text{ padding:20px; margin:50px 0px}
.team_img_left{ float:left; padding-left:15px; padding-top:40px;}
.team_view .team_img{ margin-bottom:220px;}

.team_view .team_text .title_yw{color:#18794B; font-size:26px; font-weight:bold;text-transform: uppercase;}
.team_view .team_text .title{ font-size:20px; font-weight: normal;}
.team_content{ margin-top:30px;width:90%}
.team_content p{ font-size:18px;}
.pan_title{ width:100%; height:180px; background-color:#c9e0ce; text-align:center; line-height:180px; font-size:40px;font-weight:bold;}


.partnerlist { display:flex;}
.partnerlist .partner_nava{ width:300px; padding:60px 0px 0px 30px;}
.partnerlist .partner_nava h2{ color:#fff;}

.partnerlist ul{    flex-wrap: wrap;    display: flex; width:100%;}
.partnerlist ul li{ width:calc(100%/7); text-align:center; margin:50px 0px; padding:0px 20px;}
.partnerlist ul li img{ border-radius:100%; height:130px; width:130px;}
.partnerlist ul li p{ font-size:12px; font-weight:bold;}
.partnerlist ul li h3{ font-size:12px;font-weight:bold;}

.sb_box_policy  table{width:100%!important;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.sb_box_policy  td{ border:1px solid #e4e4e4!important; line-height:30px!important; padding:5px 7px !important;}


.clear{clear:both}
.faq_cjwt .a_text{ float:left;width:65%}
.cjwt_wen{ font-size:16px; font-weight:bold; color:#7F9E55; line-height:22px; padding-bottom:10px;}
.cjwt_da{ font-size:14px; font-weight:normal; color:#333; line-height:22px;}
.a_text ul li{ float:left; margin-left:30px; width:28%; height:200px;}

.a_text_sq{ width:140px; height:35px; line-height:35px; text-align:center; color:#fff; background-color:#adcb5c;float:right;border-radius:20px;}

.a_text_sq a{ font-size:15px; color:#fff;}
.a_text_sq:hover{background-color:#000000;}

.houst_more{ width:130px; height:40px; line-height:40px; text-align:center; color:#000; font-weight:bold; font-size:15px; background-color:#f7b13d; margin:0 auto;}

.houst_more:hover{background-color:#adcb5c;}


.sb_box_skincare { display: flex; margin: 0px 0px 100px 0px; background: url(../images/skincare_bg.jpg); }
.sb_box_skincare .a_img{ width: 50%;  }
.sb_box_skincare .a_img img{ width: 100%; display: block;}
.sb_box_skincare .a_text{ width: 35%; padding: 100px 0px 100px 30px;}
.sb_box_skincare .a_text h2{ font-size: 35px;color: #7F9E55; font-weight:bold; }
.sb_box_skincare .a_text p{ margin: 0px 0px 30px 0px; color:#333; font-size:16px;}

.skincare_list { margin: 0px 0px 100px 0px;}
.skincare_list ul{ display: flex; justify-content: center;}
.skincare_list ul li { margin: 0px 60px; text-align: center;}
.skincare_list ul li h3{ margin-bottom: 30px; font-size: 30px;  font-weight:bold; color: #7F9E55;}
.skincare_list ul li img{ height: 280px; }
.skincare_list ul li a.more {color: #fff; font-size: 16px; background: #a8ce75; padding: 5px 40px;  margin-top: 10px;  display: inline-block;   border-radius: 30px;    transition: all .5s;}
.skincare_list ul li a.more:hover{	background-color: #000;	color: #fff;}

.school_box01 { display:flex; }
.school_box01 .s_left{ width:60%;background:rgba(243,220,229,0.67); padding:60px 30px;}
.school_box01 .s_left iframe{ margin-bottom:50px;}
.school_box01 .s_right{ padding:100px 100px;}
.school_box01 .s_right h2{ font-size:36px; font-weight:bold; margin:0px 0px 30px 0px;}
.school_box01 .s_right span{ font-size:20px; line-height:38px; }
.school_box01 .s_right h5{ font-size:16px; }
.school_box01 .s_right ul{margin-top:100px;border:solid #ccc 1px;}
.school_box01 .s_right ul li{ display:flex; margin:0px;border-bottom:solid #ccc 1px;padding:15px; }
.school_box01 .s_right ul li img{ width:80%}
.school_box01 .s_right ul li .text{ padding-left:60px; width:60%}
.school_box01 .s_right ul li h3{ font-size:30px; font-weight:bold;}
.school_box01 .s_right ul li p{ font-size:20px; }

.school_box02{ background:#f5ecff; padding:60px 0px;}
.school_box02 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.school_box02 ul{ display: flex; justify-content: center;}
.school_box02 ul li{ width:20%; text-align:center; padding:0px 30px;}


.school_box03{padding:60px 0px;}
.school_box03 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.school_box03 ul{ display:flex; flex-wrap:wrap;width:90%; margin:0 auto; }
.school_box03 ul li{ width: calc(100%/5); text-align:center; margin-bottom:30px;background: url(../images/fxjt.jpg) no-repeat right center;}


.school_box04 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.school_box04 ul{ display:flex; flex-wrap:wrap; }
.school_box04 ul li{ width: calc(100%/3); text-align:center;}
.school_box04 ul li .img img{ display:block; height:350px; width:100%;}
.school_box04 ul li .text{background:#c4bfd0; padding:30px 30px; height:350px;display: grid;   align-items: center;    justify-content: center;   flex-wrap: wrap; }
.school_box04 ul li .text h3{ font-weight:bold; font-size:30px;}
.school_box04 ul li .text p{  font-size:16px;}

.school_box05{ background:url(../images/school_bg05.jpg); padding:100px 200px;}
.school_box05 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.school_box05 ul{flex-wrap: wrap;  display: flex;   justify-content: center;}
.school_box05 ul li:first-child{ width:60%;}
.school_box05 ul li{ width:50%;}
.school_box05 ul li img{ width:100%;}
 
  .school_box06{ padding:100px 0px;}
 .school_box06 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
  .school_box06 .apply_form{ width:800px; margin:auto;}
 .school_box06 .apply_form .apply_input_box{ display:flex; flex-wrap:wrap; justify-content:center;}
  .school_box06 .apply_form span{ margin-bottom:10px; display:block;}
 .school_box06 .apply_form .apply_input{ width:40%; margin:10px 20px; float:left;}
  .school_box06 .apply_form .apply_input:last-child{ width:calc(80% + 40px)}
 .school_box06 .apply_form input{ display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    background: #eee;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;}
 
 .school_box06 .apply_form button {    background: #000;
    border: none;
    cursor: pointer;
    margin: 30px auto; color: #fff; width:calc(80% + 40px); display: block;
    font-size: 20px;
   
    text-align: center;
    padding: 15px;}
    
.business_box01 { display:flex; }
.business_box01 .s_left{ width:50%;background:#edd9a8; padding:60px 30px;}
.business_box01 .s_left iframe{ margin-bottom:50px;}
.business_box01 .s_right{ padding:100px 70px 0px 70px; width:60%}
.business_box01 .s_right img{ width:80%}


.business_box01 .s_right h2{ font-size:30px; font-weight:bold; margin:0px;}
.business_box01 .s_right h3{ font-size:16px; font-weight:normal; margin:30px 0px 30px 0px;}
.business_box01 .s_right a.more{color: #fff;   font-size: 18px;   background: #f6b522;  padding: 10px 45px;   display: inline-block; transition: all .5s; font-weight:bold;}
.business_box01 .s_right a.more:hover{	background-color: #000;	color: #fff;}
.business_box01 .s_right span{ font-size:20px; display:block; margin-bottom:30px; }
.business_box01 .s_right ul{ margin-top:100px; display:flex; flex-wrap:warp;}
.business_box01 .s_right ul li{ text-align:center; width:calc(100%/3); margin:0px 0px 30px 0px; }
.business_box01 .s_right ul li .text{ }
.business_box01 .s_right ul li p{ font-size:20px; line-height:26px; }    
 
 
.business_box02{  padding:60px 0px; background:#f6d5c4;}
.business_box02 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.business_box02 ul{ display: flex; justify-content: center;}
.business_box02 ul li{ width:20%; text-align:center; padding:0px 30px;}   
 
.business_box04 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.business_box04 ul{ display:flex; flex-wrap:wrap; }
.business_box04 ul li{ width: calc(100%/3); text-align:center;}
.business_box04 ul li .img img{ display:block; height:350px; width:100%;}
.business_box04 ul li .text{background:#fdf1d6; padding:30px 30px; height:350px;display: grid;   align-items: center;    justify-content: center;   flex-wrap: wrap; }
.business_box04 ul li .text h3{ font-weight:bold; font-size:30px;}
.business_box04 ul li .text p{  font-size:16px;}
 
 
.house_box01 { display:flex; }
.house_box01 .s_left{ width:55%;background:#a8ce75; padding:100px 30px; }
.house_box01 .s_left iframe{ margin-bottom:50px;}
.house_box01 .s_right{ padding:100px 100px; width:55%;}
.house_box01 .s_right h2{ font-size:30px; color:#7F9E55; font-weight:bold; margin:0px 0px 30px 0px;}
.house_box01 .s_right span{ font-size:20px; display:block; margin-bottom:30px; }
.house_box01 .s_right a.more{color: #fff;  font-size: 18px;   background: #a8ce75; border-radius:30px;  padding: 10px 45px;   display: inline-block; transition: all .5s; font-weight:bold;}
.house_box01 .s_right a.more:hover{	background-color: #000;	color: #fff;}
.house_box01 .s_right ul{ margin-top:100px;}
.house_box01 .s_right ul li{ display:flex; margin:0px 0px 30px 0px; }
.house_box01 .s_right ul li .text{ padding-left:60px;}
.house_box01 .s_right ul li h3{ font-size:30px; font-weight:bold;}
.house_box01 .s_right ul li p{ font-size:20px; }
 
.house_box02{ background:#c9e0ce; padding:60px 0px;}
.house_box02 h2{ text-align:center; font-size:30px; margin-bottom:60px;font-weight:bold;}
.house_box02 ul{ display: flex; justify-content: center;}
.house_box02 ul li{ width:30%; text-align:center; padding:0px 30px;}
.house_box02 ul li h3{ font-weight:bold;}
 
.house_box03{padding:60px 0px;}
.house_box03 h2{ text-align:center; font-size:30px; margin-bottom:60px;font-weight:bold;}
.house_box03 ul{ display:flex; flex-wrap:wrap; }
.house_box03 ul li{ width: calc(100%/5); text-align:center; margin-bottom:30px;background: url(../images/fxjt.jpg) no-repeat right 30px;}
 
.house_box04 h2{ text-align:center; font-size:30px; margin-bottom:60px;}
.house_box04 ul{ display:flex; flex-wrap:wrap; background-color:#c9e0cf; }
.house_box04 ul li:nth-child(1),.house_box04 ul li:nth-child(2){ width:calc(100%/2);}
.house_box04 ul li{ width: calc(100%/3); text-align:center;}
.house_box04 ul li .img img{ display:block; height:350px; width:100%;}
.house_box04 ul li .text{padding:30px 30px; height:350px;display: grid;   align-items: center;    justify-content: center;   flex-wrap: wrap; }
.house_box04 ul li .text h3{ font-weight:bold; font-size:30px;}
.house_box04 ul li .text p{  font-size:16px;} 
 
.house_box05{padding:60px 0px; background:#fdf1d6; margin:0px 0px 60px 0px;}
.house_box05 h2{ text-align:center; font-size:30px; margin-bottom:60px;font-weight:bold;}
.house_box05 ul{ display:flex; flex-wrap:wrap; }
.house_box05 ul li{ width: calc(100%/3); text-align:center; margin-bottom:30px;}
    
.sb_box_resource { margin: 60px 0px;}
.sb_box_resource .a_text{ text-align: center;}
.sb_box_resource .a_text h2{ color: #7F9E55; font-size: 40px;}
.sb_box_resource .a_text img{ display: block; margin: 30px auto;}
.sb_box_resource .a_text span{ color: #FF0000;font-size: 40px;}

.resource_list { width: 80%; margin:60px auto;}
.resource_list span{ text-align: center; font-weight: bold; font-size: 30px; display: block; margin: auto;}
.resource_list h2{ text-align: center;font-size: 30px;}
.resource_list ul{ justify-content: center; margin:30px 0px 0px 0px;flex-wrap: wrap;  display: flex;}
.resource_list ul li{ width: calc(100%/3); text-align: center; padding: 0px 30px; margin: 0px 0px 30px 0px;}
.resource_list ul li img{ width: 230px; border-radius: 100%;}
.resource_list ul li h3{ font-weight: bold;}


.sb_box_contact .a_text{  margin: 100px 0px 0px 0px;}
.sb_box_contact .a_text img{ width: 100%;}
.sb_box_contact .a_text h2{ font-size: 30px; margin: 0px 0px 30px 0px;}

.contact_text{ flex-wrap: wrap;  display: flex; margin: 60px 0px 100px 0px;}
.contact_text .contact_tit{ width: 30%; font-weight: bold; font-size: 20px;}
.contact_text .contact_info{ width: 30%; font-size: 18px;}
.contact_text .contact_info p{ font-weight: bold; font-size: 18px;}
.contact_text .contact_form{ width: 40%;}
.contact_text .contact_form input.layui-input{ display: block; width:100%; color: #fff; font-size: 16px; background: none; border: none; border-bottom: 1px  solid #ccc; padding: 20px 0px; }
.contact_text .contact_form form button {background: none; border: none;  cursor: pointer; margin: 30px 0px 0px 0px;  font-size: 20px; width:100%; text-align: right; padding: 0px;}
.contact_text .contact_form textarea{width:100%; background: none; border: none;border-bottom: 1px  solid #ccc; padding: 20px 0px;}



@media screen and (max-width: 768px) {
.container {   width: 100%;  margin: 0 auto;} 	
.organisation-structure-img img{ width: 100%;}
.form_con{ width: 90%;}
.llzl_foot{ width: 90%;}
.organisation-structure-title{ font-size: 26px;}
.structure-title-zcjg{ font-size: 26px;}
.about1_pic{ width: 96%;}
.about1_pic dl{width: calc(100%/2); margin: 0px;}
.about1_pic dl dd{ width: 140px; height: 140px;}
.about1_pic strong{ line-height: 22px;}
.organisation-structure-tem{ padding: 40px 0px;}
.sb_box_policy{ width:90%}
.policy_tfan h1{ font-size: 26px;}
.a_text p{ margin-left:26px !important}











.cjwt{ width:auto; float:none; font-size:20px; line-height:35px; padding-bottom:15px;}
.a_text{ width:100%; margin:0 atuo;}
.a_text ul li{ float:none; width:100%; height:110px; line-height:22px;}
.cjwt_wen{ padding-bottom:10px; font-size:16px;}

.sb_box_about .a_img{text-align: right;margin-right:0px}
.language{ float:right;width:auto; margin-top:0px; display:block !important;}
.solar_video{ width:100%;clear:both;}
.nava{display: block;   position: absolute;    opacity: 0;    padding: 0px 20px;   box-sizing: border-box;    z-index: 999;  background: #fff;width: 100%;   height: 100vh;   transition: all 0.5s;    transform: translateX(100%);}
.nava.menu-show {   transform: translateX(0%);    opacity: 1;}

.nava ul.menu{ display:block;}
.menu>li{ width:calc(100%/1)}

.paTBox .logo img{ height:40px;}
.Sptline{justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0px 20px;
    margin: 0;
    text-align: inherit;
    display: flex;}
	
.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #187c4b;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#video-box #background_video{ z-index:0;position:bottom; display:none;}

.mobile_file01{ display:block !important;    height: calc(100vh - 60px);}
.mobile_file01 img{ height:100%;}

#video-box {  height: calc(100vh - 60px);}
#video-box .banner-center-text .btn-box .title{ font-size:40px;}
#video-box .banner-center-text .btn-box .note{ margin:20px 20px; font-size:16px;}

.index_about .about_box {   display: block;margin: 0px;}
.index_about .about_box .about_box_text{ width:100%; padding:15px;}
.index_about .about_box .about_box_text h2{ font-size:24px; font-weight:bold;}
.index_about .about_box .about_box_text p{ font-weight:normal; font-size:16px !important;font-family:Arial,Helvetica,sans-serif}
.about_box_text_one{font-weight:normal; font-size:16px !important;}
.index_about .about_box .about_box_text p strong{ font-size:18px;}
.index_about .about_bot h2{ font-size:16px;}
.index_solar .solar_text p{ font-size:16px;}
.index_about .about_box .about_box_img{ width:100%;}
.index_about .about_box .about_box_img img{ width:100%;}

.index_about .about_bot{ margin:0px 20px;}
.index_about .about_bot ul{ display:block;}
.index_about .about_bot ul li {   margin: 0px 0px;    text-align: center;}

.nengyuan_box_list h2{ margin:0px 20px;}
.index_nengyuan .nengyuan_box_list ul{flex-wrap:wrap;}
.index_nengyuan .nengyuan_box_list ul li{ width:50%; margin:0px 0px 20px 0px; text-align: center;}
.index_nengyuan .nengyuan_box_list ul li img{ height:100px;}
.tankuang {width: 90%;}

.index_solar {   margin: 0px 20px 60px 20px;}
.index_solar .solar_text {  width: 100%;}
.index_solar .solar_text img{ width:100%;}


.index_solar .solar_list ul {    display: flex;    flex-wrap: wrap;}
.index_solar .solar_list ul li {    display: flex;    flex-wrap: wrap; justify-content:center; margin-bottom:30px; width:calc(100%/1);}
.index_solar .solar_list ul li img{ height:200px;}
.index_solar .solar_list ul li .text {   margin: 0px 0px 0px 0px;   text-align: center;}

.sb_box_about {   display: flex;  flex-wrap:wrap;   margin: 30px 20px;}
.sb_box_about .a_img{width:100%;}
.sb_box_about .a_img img{ margin-top:0px; width:100%;}
.sb_box_about .a_text{width:100%;padding-left:0px;}

.index_video02 #video-box02 h2 { font-size:20px; line-height:32px;}
.index_video02 #video-box02 #background_video02{ z-index:0;position:relative; display:none;}

.mobile_file02{ display:block !important;    height: calc(300px);}
.mobile_file02 img{ height:100%;}


.a_video {  margin: 60px 0px;}
.a_video #background_video02{ width:100%;}

.sb_box_team h2{ margin:0px 20px; font-size:30px;}
.sb_box_team .teamlist{ width:100%;}
.sb_box_team .teamlist li {   width: calc(100%/2);}
.sb_box_team .teamlist li img {   height: 100%;   width: 100%;}
.team_view {  display: flex;   flex-wrap: wrap;}

.team_view .team_img{ margin:auto;}
.team_view .team_text{padding:0px 20px;}

.partnerlist {   display: flex;  flex-wrap: wrap;}
.partnerlist .partner_nava{ width:100%;padding: 30px 30px 30px 30px;}
.partnerlist ul li {   width: calc(100%/2);margin: 20px 0px;}

.sb_box_policy {   display: flex;  flex-wrap:wrap;   margin: 30px 20px;}

.sb_box_policy .a_img {    width: 100%;     height:auto;}
.sb_box_policy .a_text {    width: 100%; padding:60px 0px; margin-left: 0px; }

.sb_box_faq {    display: flex;   flex-wrap: wrap;    margin: 30px 20px;}
.sb_box_faq .a_img {    width: 100%;}
.sb_box_faq .a_img img{   width: 100%;}
.sb_box_faq .a_text {    width: 100%;padding-left:0px;}


.sb_box_skincare {   margin: 0px 0px 60px 0px;}
.sb_box_skincare .a_img{ width:0;}

.sb_box_skincare .a_text{ width:100%;    padding: 100px 30px 100px 30px;}

.skincare_list ul{ flex-wrap:wrap;}
.skincare_list ul li {  margin: 0px 20px 30px 20px;}

.school_box01 {   display: flex;   flex-wrap: wrap;}
.school_box01 .s_left{ width:100%;}
.school_box01 .s_right { width:100%;    padding: 60px 20px;}

.school_box01 .s_right ul li img{ width:100px;}
.school_box01 .s_right ul li .text {    padding-left: 20px; width:100%}
.school_box01 .s_right ul li .text  h3{ font-size:20px;}
.school_box01 .s_right ul li .text  p{ font-size:16px;}

.school_box02 ul {     flex-wrap: wrap;}
.school_box02 ul li{ width:100%;}

.school_box03 ul li{ width: calc(100%/2); text-align:center; margin-bottom:30px;background: url(../images/fxjt_sj.jpg) no-repeat right center;}
.school_box03 ul li img{width:80%}
.school_box03 ul li h3{ line-height:22px;}


.school_box04 ul li {    width: calc(100%/1);  }
.school_box04 ul li:nth-child(2) .img,.school_box04 ul li:nth-child(4) .img,.school_box04 ul li:nth-child(6) .img{  float:right;}
.school_box04 ul li:nth-child(2) .text,.school_box04 ul li:nth-child(4) .text,.school_box04 ul li:nth-child(6) .text{  float:left;}

.school_box04 ul li .img{width:50%;float:left;}
.school_box04 ul li .img img{ height:180px;  }
.school_box04 ul li .text{ height:180px; width:50%; float:right; display:flex;padding: 10px 10px;}
.school_box04 ul li .text img{ width:100%;}
.school_box04 ul li .text h3 {   font-weight: bold;   font-size: 15px; line-height:20px;}
.school_box04 ul li .text p {   font-size: 14px; width:100%;}

.school_box05 { padding: 60px 20px;}
.school_box06 .apply_form {   width: 100%;}
.school_box06 .apply_form .apply_input {   width: 100%;}

.business_box01 {    display: block;   flex-wrap: wrap;}
.business_box01 .s_left{ width:100%;}
.business_box01 .s_right {  width:100%;  padding: 60px 20px 0px 20px;}

.business_box01 .s_right ul{ flex-wrap:wrap;}
.business_box01 .s_right ul li {   text-align: center;   width: 100%;   margin: 0px 0px 30px 0px;}
.business_box01 .s_right ul li img{ width:50%;}

.business_box01 .s_right h3 {   font-size: 16px;}

.business_box04 ul li {    width: calc(100%/1);  }
.business_box04 ul li:nth-child(2) .img,.business_box04 ul li:nth-child(4) .img,.business_box04 ul li:nth-child(6) .img{  float:right;}
.business_box04 ul li:nth-child(2) .text,.business_box04 ul li:nth-child(4) .text,.business_box04 ul li:nth-child(6) .text{  float:left;}

.business_box04 ul li .img{width:50%;float:left;}
.business_box04 ul li .img img{ height:180px;  }
.business_box04 ul li .text{ height:180px; width:50%; float:right; display:flex;padding: 10px 10px;}
.business_box04 ul li .text img{ width:100%;}
.business_box04 ul li .text h3 {   font-weight: bold;   font-size: 15px; line-height:20px;}
.business_box04 ul li .text p {   font-size: 14px; width:100%;}

.house_box01 .s_left{ width:100%;}
.house_box01 .s_right { width:100%;   padding: 60px 20px;}

.house_box02 ul {   flex-wrap: wrap;}
.house_box02 ul li {  width: 100%;}
.house_box03 ul li {   width: calc(100%/2);background: url(../images/fxjt_sj.jpg) no-repeat right center;}
.house_box03 ul li img{width:80%}
.house_box03 ul li h3{ line-height:22px;}

.house_box04 ul li {    width: calc(100%/1);  }
.house_box04 ul li:nth-child(1), .house_box04 ul li:nth-child(2) {    width: calc(100%/1);  }

.house_box04 ul li:nth-child(2) .img,.house_box04 ul li:nth-child(4) .img,.house_box04 ul li:nth-child(6) .img{  float:right;}
.house_box04 ul li:nth-child(2) .text,.house_box04 ul li:nth-child(4) .text,.house_box04 ul li:nth-child(6) .text{  float:left;}

.house_box04 ul li .img{width:50%;float:left;}
.house_box04 ul li .img img{ height:180px;  }
.house_box04 ul li .text{ height:180px; width:50%; float:right; display:flex;padding: 10px 10px;}
.house_box04 ul li .text img{ width:100%;}
.house_box04 ul li .text h3 {   font-weight: bold;   font-size: 15px; line-height:20px;}
.house_box04 ul li .text p {   font-size: 14px; width:100%;}

.sb_box_resource .a_text img { width: 100%;}
.resource_list ul li {   width: calc(100%);    padding: 0px 0px;}
.resource_list ul li img {width: 100px;}

.sb_box_contact .a_text {   margin: 30px 20px 0px 20px;}
.contact_text {    margin: 60px 20px 60px 20px;}
.contact_text .contact_tit {    width: 100%;}
.contact_text .contact_info {    width: 100%;}
.contact_text .contact_form {    width: 100%;}

.index_solar .solar_list ul li p{ font-size:16px;}
.index_solar .solar_list ul li h3{ font-size:18px;}
.index_solar .solar_list ul li h3 b{ font-size:22px;}
.index_solar .solar_list ul li a.more{ font-size:16px;}

.sb_box_team .teamlist li span{ font-size:18px; line-height:22px;}
.sb_box_team .teamlist li h3{font-size:16px; line-height:22px;}
.sb_box_team .teamlist li p{ width:100%; font-size:14px; line-height:20px;}

footer .foot_form h2{ font-size:24px; margin-bottom:15px;}
footer .foot_name{ font-size:24px;}
.language_b a.langNav{ font-size:14px;}
.school_box01 .s_right h2{font-size:24px; margin-bottom:15px; }
.school_box01 .s_right span{ font-size:18px;}
.school_box05 h2{font-size:24px; margin-bottom:15px; line-height:30px}
.school_box03 h2{font-size:24px; margin:15px;}
.school_box04 h2{font-size:24px; margin-bottom:15px;}
.school_box03{ padding:0px;}
.business_box01 .s_right h2{ font-size:20px; margin-bottom:15px;}
.business_box01 .s_right span{ font-size:16px;}
.business_box04 h2{font-size:20px; margin-bottom:15px; font-weight:bold;}
.school_box06 h2{font-size:24px; margin-bottom:15px;}
.house_box01{ display:block}
.house_box05 h2{font-size:24px; margin-bottom:15px;}
.house_box05 ul li{width:calc(100%/2)}
.house_box01 .s_right span{ font-size:16px;}
.sb_box_resource .a_text h2{ font-size:24px; margin-bottom:15px;}
.sb_box_resource .a_text span{font-size:24px; margin-bottom:15px; line-height:34px;}
.resource_list span{ font-size:24px;}
}