@charset "utf-8";
.crumb{ line-height:46px; border-bottom:solid 1px #d6d6d6; font-size:1.375em; text-indent:1em; margin-bottom:10px;}
.crumb .home{ background:url(../images/home.jpg) left center no-repeat; padding:0 15px;}
.crumb a{ color:#28b4c3;}
.crumb .index{ color:#333333;}

/*byby*/
#technology{ margin:0 2% 5px 2%;}
#technology ul li{ width:50%; height:66px; float:left; margin:5px 0; }
#technology ul li a{ display:block; border:solid 1px #d6d6d6; margin:0 5px; line-height:64px; font-size:1.375em; color:#666666; text-indent:0.5em;}
#technology ul li a span{ padding:15px 30px;}

/*hot article*/
#hot_article{ margin:0 2% 5px 2%;}
#hot_article ul li{ width:49.5%; height:3em; float:left; font-size:1.375em; margin-bottom:0.4em; box-sizing:border-box;}
#hot_article ul li.mleft1{ margin-left:1%;}
#hot_article ul li.hot_b{ border:solid 1px #d6d6d6;}
#hot_article ul li.full{ width:100%;}
#hot_article ul li a{ display:block; height:100%; line-height:3em; color:#ffffff; text-align:center;}
#hot_article ul li.hot_b a{ color:#666;}
#hot_article ul li.hot_b a span{ color:#28b4c3;font-size:1.125em; padding-right:0.2em;}
.c_green{ background:#28b4c3;}
.c_yellow{ background:#ffc000;}
.c_lightgreen{ background:#5ad898;}
.c_red{ background:#e6567a;}
.c_blue{ background:#7658f8}
.c_lightblue{background:#9398f3}
.c_purple{ background:#cb70d7}
.c_brown{ background:#ff753a}
.c_lightbrown{ background:#ffb061}
.c_kelly{background:#a8d35f;}
.c_orange{ background:#f37e6d;}
.c_pink{ background:#fa82a5;}
.c_greenblue{ background:#41b9f5;}
.c_skyblue{ background:#5f99e2;}
.c_greenyellow{ background:#b5c03b;}
.c_bred{ background:#f55b59;}
.c_lightred{ background:#ff6678;}

#hot_article ul li.nk_first{ height:6.4em; width:25%; overflow:hidden;}
#hot_article ul li.nk_first a{  height:3.3em; padding-top:3.1em; line-height:32px;}
#hot_article ul li.nk_second,#hot_article ul li.hot_a365{ width:36.5%;}
#hot_article ul li.nk_second a{ line-height:1.45em;}
#hot_article ul li.nk_third{width:74%; margin-left:1%; margin-top:0;}
#hot_article ul li.hot_aright,#hot_article ul li.hot_aleft{width:25%; height:6.4em;}
#hot_article ul li.hot_aright{ float:right;}
#hot_article ul li.hot_aleft{ float:left}
#hot_article ul li.hot_aright a,#hot_article ul li.hot_aleft a{ line-height:6.4em;}
#hot_article ul li.mleft0{ margin-left:0;}

/*jhsy_js*/
.jhsy_js{ padding:5px 0;}
.jhsy_js table{ width:94%; margin:0 auto; line-height:64px;}
.jhsy_js table caption{ text-align:left; height:64px; background:#f3f3f3; border:solid 1px #ebebeb; border-bottom:none;font-size:1.675em;}
.jhsy_js table caption span{  padding:15px 40px; }
.jhsy_js table tr td{ border:solid 1px #ebebeb; font-size:1.375em; color:#666666;vertical-align:middle; line-height:30px; height:70px;}
.jhsy_js table tr td.tleft{ text-align:center; width:26%}
.jhsy_js table tr td.tright{ padding-left:0.5em;}
.jhsy_js div{ width:94%; margin:0 auto;}
.jhsy_js div a{ display:block; border:solid 1px #ebebeb; border-top:none; font-size:1.375em; color:#fc7700; line-height:64px; text-align:center;}

.disease_head{ width:90%; height:66px; margin:10px auto 0 auto; border:solid 1px #f3f3f3;}
.disease_head ul li{ width:25%; height:66px; float:left; line-height:66px; text-align:center; color:#666666; font-size:1.375em; background:#f3f3f3;cursor:pointer;}
.disease_head ul li.on{ background:#28b4c3; color:#ffffff;}
.guide_head ul li{ width:33.3333%;}

/*ck*/
.ck_js{ width:92%; margin:15px auto 0 auto; height:166px; background:#fc7a7a;}
.ck_js .a01{ float:left;}
.ck_js p{ margin-left:396px;}
.ck_js .a02{ display:block; height:66px;  text-align:center; font-size:1.625em; color:#fff; padding-top:100px;}
.ck_js01{ background:#5bd999;}
.ck_js01 .a01{ float:right;}
.ck_js01 p{ margin-left:0px; margin-right:396px;}

.package_links{ width:92%; height:52px; margin:0 auto; margin-top:10px;}
.package_links a{ display:block; float:left; width:50%; line-height:52px; text-align:center; font-size:1.375em; color:#ffffff;}
.package_links a:nth-child(1){ background:#28b4c3;}
.package_links a:nth-child(2){ background:#ffc000;}

.swipec {overflow: hidden;visibility: hidden;position: relative;width:100%;height:auto;z-index:1}
.swipec-wrap{overflow: hidden;position: relative;z-index:1}
.swipec-wrap li{float:left;width:100%;position: relative;z-index:1}
.swipec-wrap li img{ width:100%;z-index:1; display:block;}
.swipec-text{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px; z-index:100; background-color:rgba(0,0,0,0.5); color:#fff; font-size:14px;}
.swipec-text p{ padding-left:8px;}
#sliderc_on{ position:absolute;width:100%;height:30px; line-height:30px; z-index:9999;text-align:center; bottom:0;}
#sliderc_on ul{ padding-right:8px;}
#sliderc_on li{display:inline-block;width:10px;height:10px;border-radius:5px;background:rgba(0,0,0,0.5); margin:0 2px;cursor:pointer; z-index:9999;}
#sliderc_on li.on{box-shadow:inset 0 1px 3px -1px #464646,0 1px 2px rgba(0,0,0,.5);background-color:#000; z-index:9999;}


.swiper-slide{ height:436px;}
.swiper-container {margin:0 auto; height:436px; position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	width: 100%;
max-width: 640px;
height: auto;
overflow: hidden;
margin: auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.device {width: 448px;height: 209px;padding: 10px 64px;margin: 5px auto;position: relative;}
.device .arrow-left {position: absolute;left:0px;top: 50%;margin-top: -22px;width: 44px;height: 44px;}
.device .arrow-right {position: absolute;right:0px;top: 50%;margin-top: -22px;width: 44px;height: 44px;}
.swiper-container-a {height: 209px;width: 448px;}
.content-slide {padding: 20px;color: #fff;}
.pagination { display:none; position: absolute;left: 0;text-align: center;bottom:5px;width: 100%; z-index:10;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}

.about{ width:91.875%; padding:0.75em 0; margin:0 auto; border-bottom: dashed 1px #d6d6d6;}
.about img{ float:right; margin-left:1em;  max-width:245px; width:42%; height:auto; padding:1px; border:solid 1px #d6d6d6;}
.about .about_title{ font-size:1.375em; color:#28b4c3; margin-bottom:0.5em;}
.about .about_content{ font-size:1.125em; line-height:1.75em; color:#666666; text-indent:2em;}
.no_border_bottom{ border-bottom:none;}

/*address and tel*/
.guide_address_tel{ width:90%; margin:0 auto; padding:0.625em;}
.guide_address_tel .guide_title{ font-size:1.375em; color:#000; line-height:2em; margin-bottom:0.5em;}
.guide_address_tel .guide_title span{ border-bottom:solid 2px #28b4c3; padding-bottom:0.2em;}
.guide_address_tel .guide_content{ font-size:1.125em; line-height:1.75em;}
.guide_address_tel .guide_content span{ color:#28b4c3}
.guide_address_tel hr{ border-color:#d6d6d6; border-width:1px 0 0 0;}
.guide_address_tel hr.border_dashed{ border-style: dashed; border-width:1px 0 0 0;}
.guide_img,.guide_map{ text-align:center; margin:1em 0;}
.guide_map{ font-size:1em;}
.guide_img img{ width:90%; max-width:582px; height:auto;}
.swiper-container-guide{ height:auto;}
.swiper-container-guide .swiper-slide{ height:auto;}
.guide_body section{ display:none;}
.guide_body .on{ display:block;}

/*list*/
.cate_news{ width:90.9375%; margin:0.5em auto 0 auto; background:#f2f2f2; padding:0.5em 0; box-sizing:border-box; border-left:solid 5px #e0e0e0;}
.cate_news p{ padding-left:0.75em;}
.cate_news p:nth-child(1){ font-size:1.375em; line-height:1.5em; color:#000000;}
.cate_news p:nth-child(2){ font-size:1.125em; line-height:1.5em; color:#666666;}

.cate_zx{ width:90.9375%; margin:1em auto;}
.search_zx{ margin-top:0;}
.cate_zx a{ width:50%; height:100%; display:block; float:left; color:#ffffff; font-size:1.375em; text-align:center; line-height:2em;}
.cate_zx a:nth-child(1) { background:#1ba0af}
.cate_zx a:nth-child(2) { background:#28b4c3}
.cate_zx a.c_yellow{ background:#ffc000;}
.cate_zx a:nth-child(1) span{  padding:10px 23px ;}
.cate_zx a:nth-child(2) span{  padding:10px 20px ;}

.cate_list{ width:90.9375%; margin:0 auto 0.5em auto; clear:both;}
.cate_list p{}
.cate_list p a{ display:block; font-size:1.375em; color:#666666; line-height:3em; border: 1px solid #d6d6d6; border-bottom:none; text-indent:1em;}
.cate_list p:nth-child(3) a{ border-bottom:solid 1px #d6d6d6;}

.page_list{ width:90.9375%;}
.page_info{ text-align:center; font-size:1.375em; line-height:2em; color:#666666; margin:0 auto 0.5em auto;}
.page_info li{ float:left}
.page_info span{ padding:0 0.5em;}
.page_info span a{ color:#666666;}

/*search*/
.search_top{ font-size:1.375em; height:3.4em; background:#28b4c3; padding:0.5em 0;}
.search_box{ width:90.9375%; margin:0 auto; clear:both; height:3.4em; box-sizing:border-box; border:solid 1px #1ba0af; position:relative;}
.search_box input{ box-sizing:border-box;  padding:0; float:left;height:100%; font-size:1.125em; font-family:"Microsoft YaHei"; -webkit-appearance: none;}
.search_box .search_input[placeholder]{ color:#fff;}
.search_box .search_input{ width:75.8%; background:#28b4c3;border:solid rgba(0,0,0,0); border-width:1em 0 1em 2em; color:#fff;}
input::-webkit-input-placeholder { /* WebKit browsers */color:#fff;}
.search_box .search_btn{ width:24.2%; background:#1ba0af; border:solid 1px #28b4c3; color:#fff; -webkit-appearance: none; text-align:center; cursor:pointer;}
.search_box .search_img{ width:2em; height:100%; position:absolute; left:0; top:; z-index:10;}
.search_main{ display: none;}

.search_help{ width:90.9375%; margin:0 auto; padding:0.5em 0; font-size:1.375em; height:3em;}
.search_help ul li{  height:3em; width:32.6666%; float:left;}
.search_help ul li a{ display:block; color:#fff; margin:0.5em;}
.search_help ul li a span{ font-size:0.875em; font-family:Arial, Helvetica, sans-serif;}
.search_help ul li.mleft1{ margin-left:1%;}

/*article*/
.article_wrap{ margin-bottom:1em;}
.article_title{ font-size:1.625em; color:#28b4c3; line-height:2em; text-align:center;}
.article_time{ font-size:1em; line-height:1.5em; padding-bottom:1em; border-bottom:solid 1px #ebebeb; text-align:center; color:#999999; margin-bottom:0.5em;}
.article_body{ font-size:1.125em; line-height:2em; color:#333; margin:0 2% 1em 2%;}
.article_body p{ margin:0.5em 0;}
.article_body a{ color:#333;}
.article_prenext{ font-size:1.125em; line-height:3em; margin:0 2%; border-bottom:dashed 1px #ebebeb; color:#666666;}
.article_prenext a{ color:#666666;}

/*expert*/
.expert{ width:90.9375%; margin:0 auto; height:130px; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding-top:1em; border-top: dotted 1px #999999;}
.expert a img{ float:left; width:112px; height:126px; border:solid 1px #d6d6d6; padding:1px; margin-right:1em;}
.expert .expert_name{ line-height:2em; color:#28b4c3; font-weight:bold;}
.expert_job, .expert_summary{ font-size:0.875em;}
.expert_job span, .expert_summary span{ font-weight:bold;}
.expert_job a, .expert_summary a{ color:#28b4c3;}


@media screen and (max-width:575px){
.device{ width:100%; padding:0; height:auto;}
.swiper-container-a{ width:100%; height:auto;}
.swiper-container-a .swiper-slide img{ width:100%; display:block;}
.swiper-container-a .swiper-slide{ height:auto;}
.device .arrow-left{ display: none;}
.device .arrow-right{ display:none;}
.pagination{ display:block;}
}

@media screen and (max-width:639px){
.crumb{ font-size:1em; text-indent:0.5em; height:auto; line-height:1.5em; padding-bottom:0.5em;}
.crumb .home{ background-size:18px 16px; padding:1px 10px 0 10px;}
.crumb a{ font-size:0.8em}
#technology{ margin:0 0 5px 0;}
#technology ul li{ height:46px; margin:3px 0;}
#technology ul li a{ margin:0 3px; line-height:46px; font-size:0.75em;text-indent:0em;}
#technology ul li a span{ padding:10px 15px; }
#technology ul li:nth-child(1) a span{ background-size:26px 26px;}
#technology ul li:nth-child(2) a span{ background-size:26px 26px;}
#technology ul li:nth-child(3) a span{ background-size:26px 26px;}
#technology ul li:nth-child(4) a span{ background-size:26px 26px;}
#technology ul li:nth-child(5) a span{ background-size:26px 26px;}
#technology ul li:nth-child(6) a span{ background-size:26px 26px;}

#hot_article{ margin:0 1% 5px 1%;}
#hot_article ul li{font-size:0.875em;}
#hot_article ul li.nk_first a{ line-height:1.5em;}
#hot_article ul li.nk_first a{ background-size:20px 25px;}

.disease_head{ height:44px; width:96%; clear:both; margin-top:10px;}
.disease_head ul li{ height:44px; line-height:44px; font-size:0.875em;}

.swiper-container-b .swiper-slide{ height:286px;display:none;}
.swiper-container-b{ height:286px;}
#swiper-disease > .on{display:block;}
#swiper-disease .swiper-slide .special_list ul li{text-align:left}
#swiper-disease .swiper-slide .special_list ul li a{width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jhsy_js{ padding-bottom:5px;}
.jhsy_js table{ line-height:44px;}
.jhsy_js table caption{ height:44px; line-height:44px; font-size:1em;}
.jhsy_js table caption span{ padding:15px 20px; background-size:30px 30px;}
.jhsy_js table tr td{  font-size:0.875em;  line-height:20px; height:50px;}
.jhsy_js table tr td.tleft{width:26%}
.jhsy_js div{ width:94%;}
.jhsy_js div a{ font-size:0.875em; color:#fc7700; line-height:44px;}

.ck_js{ height:84px;}
.ck_js .a01 img{ width:198px; height:84px;}
.ck_js p{ margin-left:198px;}
.ck_js .a02{ background-size:33px 33px; background-position:center 10px; height:34px; padding-top:50px; font-size:0.875em;}
.ck_js01 p{ margin-left:0px; margin-right:198px;}

.package_links{height:32px;}
.package_links a{ line-height:32px;font-size:0.875em;}

.about .about_title{ font-size:1em;}
.about .about_content{ font-size:0.875em;}

.guide_head{ width:90%;}
.guide_address_tel .guide_title{ font-size:1em;}
.guide_address_tel .guide_content{ font-size:0.875em;}
.guide_map{ font-size:0.875em;}

.cate_news p:nth-child(1){ font-size:1em;}
.cate_news p:nth-child(2){ font-size:0.875em;}
.cate_zx a{ font-size:1em;}
.cate_zx a:nth-child(1) span{ background-size:23px 18px;}
.cate_zx a:nth-child(2) span{ background-size:18.9px 20.36px;}
.cate_list p a{ font-size:1em;}
.page_info{ font-size:0.875em;}
.page_info span{ padding:0 0.2em;}

.search_top{ font-size:1em; }
.search_box input{  font-size:1em;}
.search_box .search_input{ color:#ffffff;}
.search_box .search_img{background-size:21px 24.5px; width:1.5em;}

.search_help{ width:98%; font-size:1em;}
.search_help ul li a{ line-height:1em; margin-right:0.15em}
.search_help ul li a span{font-size:0.75em;}
.search_help ul li:nth-child(1) a{ background-size:34.3px 26.6px;}
.search_help ul li:nth-child(2) a{ background-size:32.9px 21.7px;}
.search_help ul li:nth-child(3) a{ background-size:25.9px 28px;}

.article_title{ font-size:1.125em}
.article_time{ font-size:0.875em;}
.article_body{ font-size:1em;}
.article_body img{ max-width:280px; height:auto; display:block; margin:auto}
.article_prenext{ font-size:1em;}


}
.doc_list ul{width:100%;height:auto;overflow:hidden;margin:auto;}
.doc_list ul li{width:48%;float:left;}
.doc_list ul li:nth-of-type(2){float:right;}
.doc_list ul li img{max-width:100%;}


@media screen and (max-width:639px) and (min-width:375px){
#technology ul li a{ font-size:0.875em;}
#technology ul li a span{ padding:10px 18px;}
}