@charset "utf-8";
body{ font-family:"微软雅黑","arial","sans-serif"; color:#666; background-color:#FFF; line-height:1.6; font-size:14px; }
input { z-index:1; }
a { text-decoration:none; color:#666; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#33B573; text-decoration:none; }
a:linked,a:active,a:focus, a:hover { text-decoration:none; }
a:hover { text-decoration:none; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.pzoom { overflow:hidden; }
.pzoom img { transition: all 0.3s; }
.pzoom img:hover { transform: scale(1.1); }
.clear { clear:both; }
.red { color:#B72025; }
.gray { color:#AAA; }
.bg-white { background:#FFF; }
.swiper-pagination-bullet-active { background-color:#058A83; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:5px; }
.container { padding:0 10px; }

/* pages */
.pager { padding:0px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#33B573; margin:0 2px; border-radius:5px; }
	.page_cur { display:inline-block; background-color:#33B573; border:1px solid #33B573; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:5px; }
	.page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:5px;}


.btn-primary { background-color:#33B573; border-color:#33B573; }
	.btn-primary:hover { background-color:#3EC883; border-color:#3EC883; }


/*index*/
.slide { z-index:0; }
.slide .swiper-pagination-bullet { background:#FFF; opacity:.6; }
.slide .swiper-pagination-bullet-active { background:#058A83; opacity:1; }

.slide img { width:100%; }
.container-top { height:60px; background-color:#FFF; }
	.top-logo { margin:0px 0 0; padding:5px 0 0 0px; text-align:left; height:60px;  }
	.top-logo img { height:90%; }

.top-menu { text-align:right; padding:10px 0px 0; }
	.top-menu-c { display:inline-block; text-align:center; width:35px; height:35px; padding:0px; background-color:#33B573; border-radius:20px; }
	.top-menu i { display:block; width:100%; height:100%; line-height:35px; font-size:12px; background:url('../images/ico-menu.png') no-repeat center center; background-size:50% auto; }

nav { line-height:20px; position:relative; z-index:1; font-size:18px; margin:60px 0 0; clear:both; }
	nav ul { margin:0; padding:0; width:100%; }
	nav li { margin:0px; padding:0 0px; height:auto; }

	.main-menu { position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99999; padding-top:10px; font-size:14px; display:none; }
	.index .main-menu {  }
	.main-menu ul { padding:0px 0 0; }
	.main-menu li { padding:0 10px; margin:0; list-style-type:none; border-bottom:1px solid rgba(255,255,255,0.2) }
	.main-menu li a { display:block; width:100%; text-align:left; padding-top:0px; padding-left:20px; height:40px; line-height:40px; color:#FFF; }
	.main-menu li a span { display:inline-block; width:50px; height:50px; background-size:auto 25px; border-radius:25px; }
.main-menu li:nth-child(1) { animation-name:menu0; animation: menu0 0.3s ease 0s normal none; -moz-animation: menu0 0.3s ease 0s normal none; -webkit-animation: menu0 0.3s ease 0s normal none; -o-animation: menu0 0.3s ease 0s normal none; }
.main-menu li:nth-child(2) { animation-name:menu0; animation: menu0 0.5s ease 0s normal none; -moz-animation: menu0 0.5s ease 0s normal none; -webkit-animation: menu0 0.5s ease 0s normal none; -o-animation: menu0 0.5s ease 0s normal none; }
.main-menu li:nth-child(3) { animation-name:menu0; animation: menu0 0.7s ease 0s normal none; -moz-animation: menu0 0.7s ease 0s normal none; -webkit-animation: menu0 0.7s ease 0s normal none; -o-animation: menu0 0.7s ease 0s normal none; }
.main-menu li:nth-child(4) { animation-name:menu0;  animation: menu0 0.9s ease 0s normal none; -moz-animation: menu0 0.9s ease 0s normal none; -webkit-animation: menu0 0.9s ease 0s normal none; -o-animation: menu0 0.9s ease 0s normal none; }
.main-menu li:nth-child(5) { animation-name:menu0; animation: menu0 1.2s ease 0s normal none; -moz-animation: menu0 1.1s ease 0s normal none; -webkit-animation: menu0 1.1s ease 0s normal none; -o-animation: menu0 1.1s ease 0s normal none; }
.main-menu li:nth-child(6) { animation-name:menu0; animation: menu0 1.3s ease 0s normal none; -moz-animation: menu0 1.3s ease 0s normal none; -webkit-animation: menu0 1.3s ease 0s normal none; -o-animation: menu0 1.3s ease 0s normal none; }
.main-menu li:nth-child(7) { animation-name:menu0; animation: menu0 1.5s ease 0s normal none; -moz-animation: menu0 1.5s ease 0s normal none; -webkit-animation: menu0 1.5s ease 0s normal none; -o-animation: menu0 1.5s ease 0s normal none; }
.main-menu li:nth-child(8) { animation-name:menu0; animation: menu0 1.7s ease 0s normal none; -moz-animation: menu0 1.7s ease 0s normal none; -webkit-animation: menu0 1.7s ease 0s normal none; -o-animation: menu0 1.7s ease 0s normal none; }
.main-menu li:nth-child(9) { animation-name:menu0; animation: menu0 1.9s ease 0s normal none; -moz-animation: menu0 1.9s ease 0s normal none; -webkit-animation: menu0 1.9s ease 0s normal none; -o-animation: menu0 1.9s ease 0s normal none; }

@-webkit-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }
@-moz-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }
@keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }



.footer { background:#333; padding:20px 0 60px; color:#DDD; text-align:center; overflow:hidden; }
	.footer a { color:#666; }
	.footer-contact { padding:0 0px 0 0px; text-align:left; }
		.footer-contact strong { font-size:18px; margin-bottom:10px; display:block; }
	.footer-qr { padding:0 25px 0 0px; margin-bottom:20px; }
		.footer-qr-box { width:100%; margin:0 auto; margin-bottom:8px; }
		.footer-qr img { width:100%; }
	.footer-copyright { clear:both; border-top:1px solid #505050; color:#999; padding-top:15px; font-size:12px; }
footer { background:#FFF; height:50px; z-index:99999; position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #EEE; }
	footer .col-xs-3 { text-align:center; }
	footer .col-xs-6:first-child { border-right:1px solid #EEE; }
	footer a { color:#333; display:block; height:50px; line-height:50px; padding:0px 0 0 0px; font-size:16px; text-align:center; }
	.footer-home { background:url('../images/ico_home.png') no-repeat center 5px; background-size:auto 20px; }
	.footer-phone:before { content:''; display: inline-block; margin-right:5px; width:21px; height:21px; background:url('../images/ico_phone.png') no-repeat center center; background-size:auto 20px; }
	.footer-address:before { content:''; display: inline-block; margin-right:5px; width:21px; height:21px; background:url('../images/ico_address.png') no-repeat center center; background-size:auto 20px; }
	.footer-reserve { background:url('../images/ico_sms.png') no-repeat center 5px; background-size:auto 20px; }


.index-title { padding:0px 0 0px; position:relative; }
	.index-title h1 { margin:0px 0 0px; width:auto; display:inline-block; padding:0px 40px 0 0px; font-size:24px; color:#33B573; z-index:1; font-weight:bold; position:relative; line-height:1.4; }
	.index-title h1 i { position:absolute; right:0px; top:12px; width:30px; height:7px; display:block; background:#D7D7D7; }
	.index-title .index-title-en { font-size:24px; color:#D0EEDF; font-weight:bold; line-height:1; z-index:0; }
.index-title2 { padding:0px 0 10px; position:relative; text-align:center; }
	.index-title2 h1 { margin:0px 0 0px; width:auto; display:inline-block; padding:0px 40px 0 40px; font-size:24px; color:#FFF; z-index:1; font-weight:bold; position:relative; line-height:1.4; }
	.index-title2 h1 i { position:absolute; right:0px; top:12px; width:30px; height:7px; display:block; background:#D7D7D7; }
	.index-title2 h1 i:nth-child(1) { left:0px; top:12px;  }
	.index-title2 .index-title-en { font-size:24px; color:rgba(255,255,255,0.3); font-weight:bold; line-height:1; z-index:0; text-align:center; }
.index-title-small { height:40px; line-height:40px; font-size:16px; padding-left:40px; }
.index-more { padding:0px 0 0; clear:both;  text-align:center;}
	.index-more a { display:inline-block; background-color:#33B573; color:#FFF; text-align:center; width:180px; height:40px; line-height:40px; }
	.index-more a:hover { background-color:#3EC883; }

.index-about { padding-top:20px; padding-bottom:40px; overflow:hidden; }
	.index-about .index-title-small { margin-bottom:30px; }
	.index-about-pic { padding:15px 0; }
		.index-about-pic img { width:100%; }
	.index-about-box { padding:0px 0px 0 0; }
	.index-about-box p { padding:0; margin:10px 0; font-size:16px; line-height: 1.6; text-indent: 32px;}
	.index-about .index-more { padding-top:10px;}

.index-news { background:#F5FBF8 url('../images/bg1.jpg') no-repeat center top; padding:30px 0; }
	.index-news-pic { padding:0 0px 0 0; position:relative; }
	.index-news-pic img { width:100%; height:200px; }
	.index-news-pic-c { background:#FFF; padding:15px; font-size:14px; margin:0 0 10px; }
	.index-news-pic h2 { font-size:16px; height:50px; overflow:hidden; line-height:25px; color:#33B573; margin:0; padding:0; font-weight:bold; }
	.index-news-pic .news-time { color:#999; }
	.index-news-list { padding:0 0; background:#FFF; margin-bottom:20px; }
		.index-news-list ul { list-style-type:none; margin:0; padding:0 0px; }
		.index-news-list li { border-top:1px solid #EEE; padding:8px 5px 8px 0; }
		.index-news-list .news-time { text-align:center; float:left; width:65px; height:80px; margin:20px 15px 0 5px; font-family:Arial; line-height:1; }
		.index-news-list .news-time i { font-size:40px; font-style:normal; font-weight:normal; display:block; margin-bottom:5px; }
		.index-news-list h2 { font-size:16px; height:30px; line-height:30px; overflow:hidden; margin:10px 10px 5px 0; padding:0; }
		.index-news-list small { font-size:14px; color:#999; line-height:1.4; display:block; height:40px; overflow:hidden; padding-right:10px; }


.index-certs { padding:30px 0 50px; }
	.index-certs .cert-box { text-align:center; margin-top:20px; }
	.index-certs .cert-box img { max-width:100%; }



.index-service { padding:30px 0 40px; overflow:hidden;background:#F5FBF8 url('../images/bg2.jpg') no-repeat center top; background-size:auto 100%; }
	.index-service .container { padding:0 10px; }
	.index-service .index-title2 h1 i { background:#33B573; }
	.index-service .index-title2 .index-title-en { color:#8DA897; }
	.index-service-c ul { list-style-type:none; margin:10px 0 0 -5px; padding:0; }
		.index-service-c li { float:left; width:20%; text-align:center; padding:0px 0px 0 5px; }
		.index-service-c li i { display:inline-block; width:45px; height:45px; margin-bottom:0px; background-repeat:no-repeat; background-position:center center; background-size:90% auto; }
		.index-service-box { padding:4px; background:#FFF; }
		.index-service-box-c { border:1px solid #33B573; padding:10px 10px 0px; height:170px; overflow:hidden; }
		.index-service-c li:nth-child(1) i { background-image:url('../images/ico-service1.png'); }
		.index-service-c li:nth-child(2) i { background-image:url('../images/ico-service2.png');}
		.index-service-c li:nth-child(3) i { background-image:url('../images/ico-service3.png'); }
		.index-service-c li:nth-child(4) i { background-image:url('../images/ico-service4.png'); }
		.index-service-c li:nth-child(5) i { background-image:url('../images/ico-service5.png'); }
		.index-service-c li h3 { font-size:16px; line-height:22px; height:80px; margin:0px 0 20px; padding:0 0 15px; font-weight:bold; color:#33B573; background-image:linear-gradient(to bottom,#33B573 0px,#33B573 3px,#FFFFFF 4px); background-repeat: no-repeat; background-position:center bottom; background-size:30px 4px; position:relative; }
		.index-service-box:hover i { transform:perspective(200px) rotateY(360deg); }
		.index-service-box:hover h3 i { transform:rotateY(0deg); }



.index-cases { background:#FFF; padding:30px 0 40px; overflow:hidden; }
	.index-cases .container { padding:0 10px 0 5px; }
	.index-cases .index-title2 h1 { color:#33B573; }
	.index-cases .index-title2 .index-title-en { color:#D1EEDF; }
	.index-cases .container { position:relative; }
	.index-case-list { list-style-type:none; padding:5px; margin:10px 0; }
	.index-case-list li { padding:0 5px; margin-bottom:15px; }
	.index-case-list a { display:block; width:100%; height:180px; position:relative; }
	.index-case-list li .pzoom { width:100%; height:130px; }
	.index-case-list li .pzoom img { width:100%; height:130px; }
	.index-case-list li h4 { font-size:14px; line-height:45px; height:45px; overflow:hidden; margin:0px; text-align:center; color:#33B573;  border-bottom:2px solid #33B573; }
	.index-cases .index-more { text-align:center; }






/* sub page */
.dir {  color:#333; height:60px; line-height:60px; padding:0 10px; }
	.dir a { color:#333; }

.sub-top img { width:100%; }
.sub-title { text-align:center; margin:0px 0 20px; position:relative; }
	.sub-title h1 { text-align:center; font-size:24px; padding:13px 0; line-height:1; margin:0; font-weight:bold; color:#666; display:inline-block; width:auto; background-image:linear-gradient(to bottom,#33B573 0px,#33B573 3px,#FFFFFF 4px); background-repeat: no-repeat; background-position:center bottom; background-size:60px 3px; }
	.sub-title-en { text-align:center; font-size:28px; z-index:-9; color:#D9F1E5; position:absolute; top:0; left:0; width:100%; font-weight:bold; line-height:1; }
.sub-type { padding:0 10px 0 0; }
	.sub-type-c { padding:0 0 0 10px; }
	.sub-type-c a { display:block; height:40px; line-height:40px; background-color:#E8E8E8; text-align:center; font-size:14px; margin-bottom:10px; }
	.sub-type-c a.active,.sub-type a:hover { background-color:#33B573; color:#FFF; }
.sub-right { padding:0; }

.container-main { padding:0 0 10px; }
	.container-main article { padding:20px 10px; height:auto; z-index:-9; }
	.container-main article h1 { font-size:30px; }
	.container-main article h2 { font-size:28px; }
	.container-main article h3 { font-size:26px; }
	.container-main article h4 { font-size:22px; }
	.container-main article h5 { font-size:18px; }
	.container-main article img { max-width:100%; margin-bottom:10px; }
.preNext { padding:10px; }


.sub-title h2 { font-size:32px; color:#2485D8; padding:0 15px; margin:0; height:50px; line-height:30px; text-align:center; padding-top:20px; letter-spacing:2px; }
	.sub-title h2:before { content:''; display:inline-block; width:60px; height:18px; background:url('../images/bg_feedback.png') no-repeat left center; }
	.sub-title h2:after { content:''; display:inline-block; width:60px; height:18px; background:url('../images/bg_feedback.png') no-repeat right center; }
/*.sub-title .sub-types { padding:10px 0 0; text-align:center; }
	.sub-title .sub-types a { margin:0 -15px; background:url('../images/bg_2.png') no-repeat center top; background-size: 100% 100%; display:inline-block; width:35%; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:14px; opacity:0.7; }
	.sub-title .sub-types a.active { color:#FFDD07; opacity:1; }*/

h1.title { font-size:20px; line-height: 1.4;font-weight:bold; text-align:center; padding:20px 20px 10px; margin:0 0 0px; }
small.info { color:#999; text-align:center; display:block; }
.activity-info { padding:20px; margin:20px; list-style-type:none; background:#FFF; border:1px solid #EEE; border-radius:5px; }

.cert-list { padding:0px 10px 0 0; margin:0px 0px 0 0px; clear:both; }
	.cert-list li { list-style-type:none; padding:0 0 20px 10px; margin:0; }
	.cert-list li .cert-box { padding:5px; border:1px solid #E1E1E1; text-align:center; }
	.cert-list a { display:block; width:100%; position:relative; height:255px; line-height:255px; }
	.cert-list li .pzoom img { max-width:100%; max-height:100%; }

.case-list { padding:0px 10px 0 0; margin:10px 0 0px 0px; list-style-type:none; }
	.case-list li { padding:0px 0px 10px 10px; margin-bottom:10px; text-align:center; }
	.case-list li .case-box { padding:8px; border:1px solid #E4E4E4; text-align:center; }
	.case-list a { display:block; width:100%; position:relative; }
	.case-list li .pzoom { width:100%; height:130px; line-height:130px; }
	.case-list li .pzoom img { width:100%; height:100%; }
	.case-list h2 { font-size:14px; margin:0px 0 0; font-weight:bold;color:#33B573; padding:10px 0 10px; line-height: 1.5; height:50px; overflow: hidden;}
	.case-list h2 a { color:#33B573; display:block; }

.photo-list { padding:0px; margin:20px 0 0px -15px; list-style-type:none; }
	.photo-list li { padding:15px 0px 15px 15px; margin-bottom:10px; text-align:center; }
	.photo-list li .case-box { padding:0px; text-align:center; }
	.photo-list a { display:block; width:100%; position:relative; }
	.photo-list li .pzoom { width:100%; height:230px; line-height:230px; }
	.photo-list li .pzoom img { max-width:100%; max-height:100%; }
	.photo-list h2 { font-size:16px; margin:15px 0 0; font-weight:bold; }

.service-list { padding:0px; margin:20px 0 0px 0px; list-style-type:none; }
	.service-list li { padding:20px 0 30px 0px; margin:0; background:url('../images/ico-plus.png') no-repeat left 38px; border-bottom:1px dashed #E6E6E6; }
	.service-list .service-box { padding:0px 50px 0 25px; }
	.service-list .service-box a { display:block; }
	.service-box small { display:block; line-height:25px; font-size:14px; color:#666; }
	.service-list h2 { font-size:18px; height:50px; line-height:50px; margin:0; padding:0px; font-weight:bold; overflow:hidden; }
	.service-more a { display:inline-block; text-align:center; border:1px solid #33B573; color:#33B573; line-height:40px; height:40px; border-radius:0px; font-size:14px; padding:0 30px; margin-top:55px; }
	.service-more a:hover { background:#33B573; color:#FFF; }

.news-list { margin:0; padding:0 10px; }
		.news-list li { list-style-type:none; border-bottom:1px solid #E1E1E1; margin:0; padding:20px 0;  }
		.news-list li a { display:block; }
		.news-list li .news-time { text-align:center;  margin:0px 0px 0 0px; padding:0px 20px 0 0; }
		.news-time-c { border:1px solid #33B573; color:#33B573; line-height:1.3; padding:5px 5px; }
		.news-time-c i { font-size:30px; display:block; font-weight:bold; font-style:normal; display:block; border-bottom:1px solid #33B573; margin-bottom:8px; }
		.news-c { padding:0px; }
		.news-c h2 { font-size:16px; margin:7px 0; color:#33B573; font-weight: bold;}
		.news-c small { color:#999; display:block; height:40px; overflow:hidden; line-height:20px; font-size:14px; }
		.news-more { padding:0px 0px 0; float:right; }
			.news-more a { display:block; text-align:center; background:#33B573; color:#FFF; line-height:35px; height:35px; padding:0 30px; }
		.news-list li:hover .news-c h2 { color:#33B573; }
		.news-list li:hover .news-more a { background:#3EC883; color:#FFF; }
.article-relative { list-style-type:none; margin:0; padding:20px; border-top:1px solid #EEE; color:#999; }

.contact-info { padding:10px 10px 0; font-size:14px; }
	.contact-info strong { color:#33B573; font-size:20px; }




/* form */
.reserve { padding:50px 20px; }
	.reserve .form-group { margin-bottom:15px; }
	.reserve .control-label { font-weight:normal; text-align:right; padding:0 10px 0 0px; font-size:16px; background:none; }
	.reserve .form-control { border:1px solid #EEE; background:#FFF; border-radius:0; }
	.reserve .btn-lg { width:120px; border-radius:20px; margin-right:50px;}
	.reserve .select {  background:url('../images/ico_select.png') no-repeat right center; background-size:auto 10px; }
.reserve-select { position:fixed; bottom:0px; left:1%; width:98%; background-color:rgba(0,0,0,0.8); color:#FFF; display:none; }
	.reserve-select .list-group-item { background:none; border-color:#666; }

	.btn-lg { padding-left:1em; padding-right:1em; font-size:1em; }

.register { margin:50px 300px; padding:50px 20px; border:1px solid #2485D8; background:#FFF; border-radius:15px; }
	.register .control-label { font-weight:normal; text-align:right; padding:0 10px 0 0px; font-size:16px; background:none; }
	.register .btn-primary { width:100%; }