/* FONTS*/

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,800italic,700italic,600italic,400italic,300italic);*/
@import url('../assets/font-awesome/css/font-awesome.min.css');
@import url('../assets/flaticon/flaticon.css');
/*加载等待动画*/
.preloader {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 111111; } 
.preloader img {position: absolute; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; } /*---------------------------------------
   2 GLOBAL STYLES           
-----------------------------------------*/
html, body {font-family: 'Open Sans', sans-serif; color: #455f68; overflow-x: hidden; font-size: 14px; font-weight: 400; } 
body {overflow: hidden; } 
@-webkit-viewport {width: device-width; }
@-moz-viewport {width: device-width; } 
@-ms-viewport {width: device-width; } 
@-o-viewport {width: device-width; } 
@viewport {width: device-width; } 
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
h1, h2, h3, h4, h5, h6 {margin-top: 0; } 
.h2, h2 {font-size: 36px; } 
.h3, h3 {font-size: 24px; font-weight: 600; } 
.h4, h4 {font-size: 15px; } 
.section-title {color: #2491d0; margin-bottom: 35px; text-transform: uppercase; } 
.section-subtitle {font-size: 15px; margin-bottom: 60px; } 
.bold600 {font-weight: 600; } 
.bold700 {font-weight: 700; } 
.color-primary-1 {color: #2491d0; }
.color-primary-2 {color: #00dba5; } 
.color-child-5 {color: #13cfd7; } 
.color-child-6 {color: #00acdb; } 
.bg-2 {background: #f1f8f9; } 
.bg-primary-2 {background: #00dba5; } 
.bg-child-2 {background: #00bf99; } 
.bg-child-3 {background: #108f9b; } 
.bg-child-4 {background: #09729e; } 
a {
  color: #00acdb;
  text-decoration: none;
  outline: none;
}
a:hover,
a:focus {
  color: #00dba5;
  text-decoration: none;
  outline: none;
}
/*1、TOP BAR*/
.top-bar {background: #f1f8f9; font-size: 13px; padding: 12px 0; } 
.top-bar i {color: #acb8bc; } 
.top-bar-adress i {margin-right: 5px; } 
.top-bar-mail {float: right; margin-right: 10px; } 
.top-bar-mail i {margin-right: 5px; } 
.top-bar-social {float: right; margin-left: 20px; } 
.top-bar-social i {position: relative; font-size: 18px; margin-left: 13px; top: 2px; } 
.top-bar-social i:hover {color: #00acdb; }
/*2、TOP HEADER*/ 
.header {background: #f1f8f9; padding: ; } 
.header-logo {font-size: 30px; } 
.header-logo img {position: relative;height: 80px; margin-right: 7px; } 
.header-phone {float: right; border: 1px solid #e4edee; font-size: 18px; padding: 7px 23px; border-radius: 20px; margin-right: 15px; margin-top: 7px; } 
.header-phone i {color: #00dba5; margin-right: 5px; font-size: 22px; position: relative; top: 2px; left: -7px; } 
.header-button {float: right; margin-top: 7px; } 
.header-button .btn {padding: 9px 23px; } 
.header-button .plus {line-height: 0; font-size: 22px; position: relative; top: 2px; left: -7px; } 
/*3、 MAIN MENU */ 
.mobile-menu {background: #ffffff; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); z-index: 111; width: 100%; } 
.top-menu {background: #ffffff; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); z-index: 111; width: 100%; } 
.top-menu-logo {height: 45px; font-size: 24px;} 
.top-menu-logo img {position: relative; height: 60px; margin-right: 7px; top:-3px; } 
.show-menu {background: #fff; border: 1px solid #e4edee; color: #2491d0; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.07); width: 44px; height: 44px; text-align: center; font-size: 24px; line-height: 40px; cursor: pointer; float: right; margin: 5px; } .top-menu .layui-nav{background: #fff;}

.top-menu-float {height: 50px; font-size: 24px;float: left;padding-top: 8px;} 
.top-menu-float img {position: relative; width: 25px; height: 50px; margin-right: 7px; top: 1px; }
.top-menu .layui-nav{float: left}
.top-menu .layui-nav .layui-nav-more{border-color: #999 transparent transparent;margin-top:-6px;}
.top-menu .layui-nav .layui-nav-mored{border-color: transparent transparent #FFF;margin-top:-10px;}
.top-menu .layui-nav .layui-this:after, 
.top-menu .layui-nav-bar, 
.top-menu .layui-nav-itemed:after{background: #00acdb;height:3px; }
.top-menu .layui-nav li a {padding: 0px 35px; font-size: 17px; color: #222; font-weight: 500; border-bottom: 3px solid transparent; transition: all 300ms; } 
.top-menu .layui-nav li a:hover, 
.top-menu .layui-nav li a:focus {background: #00acdb; color: #fff; } 
.top-menu .layui-nav-child {box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);  border-top: 4px solid #00acdb; padding: 15px 30px 15px 40px; border-radius: 0 0 2px 2px;top:63px;left:0px; } 
.top-menu .layui-nav-child dd a {background: transparent; padding: 0px 0px; font-size: 14px; position: relative; color: #455f68; display: inline;} 
.top-menu .layui-nav-child dd.layui-this a,
.top-menu .layui-nav-child dd.layui-this{background:transparent;color:#00acdb}
.top-menu .layui-nav-child dd a:hover, 
.top-menu .layui-nav-child dd a:focus {background: transparent; color: #00acdb; text-decoration: underline; } 
.top-menu .layui-nav-child dd a:before {content: ''; position: absolute; left: -15px; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: #00acdb; } 
.top-menu .layui-nav-child.with-bg {background: url('../images/menubg.jpg') no-repeat #ffffff; background-size: contain; background-position: right top; padding-right: 300px; } 
/* 4 SLIDER */
.slider {position: relative; color: #095c83; } 
.slider .container {position: absolute; height: 100%; top: 0; left: 50%; margin-left: -585px; } 
.slider-welcome {font-size: 24px; text-transform: uppercase; } 
.slider-title {font-size: 56px; text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 1px #fff; } 
.slider-subtitle {font-size: 36px; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; } 
.slider-text {font-size: 15px; line-height:28px; } 
.slider .sp-caption-container {position: absolute; top: 500px;right:0;left:0; font-size: 16px;line-height:40px; padding:0 15px; background: rgba(0,0,0,0.5); color: #fff; } 
.slider .sp-buttons {position: absolute; bottom: 85px; width: 1170px; text-align: left; left: 50%; margin-left: -570px; } 
.slider .sp-button {width: 15px; height: 15px; background: #acb8bc; border: none; } 
.slider .sp-selected-button {width: 20px; height: 20px; background: #ffffff; border: 2px solid #acb8bc; position: relative; top: 2px; } 
.slider .sp-grab {cursor:auto !important;}
/*5\ SERVICES -*/
.services {width:100%; display: table;vertical-align: top;} 
.services a{color: #fff;}
.service {text-align: center; padding: 40px 20px; color: #fff; position: relative; top: 0; transition: top 300ms; display: table-cell; height: 100%; float:none; } 
.service h3 {text-transform: uppercase; font-size: 24px; font-weight: 600; margin-bottom: 10px; } 
.service-icon {font-size: 70px; line-height: 70px; margin-bottom: 30px; } 
.service-text {font-size: 13px; } 
.service:hover {top: -30px; } 

.services-1 {text-align: center; padding: 70px 0; } 
.services-1-title {color: #2491d0; text-transform: uppercase; font-size: 24px; margin-bottom: 60px; } 
.services-1-text {margin-bottom: 45px; } 
.services-1 .service {padding: 0 15px; color: #455f68; } 
.services-1 .service h3 {color: #2491d0; text-transform: uppercase; font-size: 16px; font-weight: 600; margin-bottom: 25px; } 
.services-1 .service-icon {color: #2491d0; font-size: 70px; line-height: 70px; margin-bottom: 35px; } 
.services-1 .service-text {font-size: 13px; line-height: 24px; }
@media (max-width: 768px) {
  .service {display: block; } 
}
/* 8 ABOUT US */
.about {position: relative; } 
.about-text {padding: 90px 15px 55px; background: #fff;line-height: 30px;} 
.about-text a{color: #2491d0}
.about-bg {background: url('../images/about-bg.jpg') center center no-repeat; background-size: cover; position: absolute; right: 0; top: 0; height: 100%;} 
ul.text-list {margin-bottom: 15px;margin-top:25px; padding: 0;overflow: hidden; }
ul.text-list li {list-style: none; position: relative; padding-left: 35px; margin-bottom: 15px; } 
ul.text-list li:before {content: ''; position: absolute; left: 15px; top: 8px; width: 10px; height: 10px; border-radius: 50%; background: #2491d0; } 
@media (max-width: 768px) {
  .about-text .section-title {font-size: 26px;text-align: center; } 
}
/* 9 SERTIFICATES */
.certs {background: #f1f8f9; padding: 45px 0 65px 0; } 
.certs h3 {margin-bottom: 30px; font-size: 25px; text-transform: uppercase; text-align: center; font-weight: 600; } 
.certs-item {margin: 0 15px; text-align: center; } 
.certs-item img {border: 10px solid #fff; } 
.certs-container {position: relative; }
.carousel-btn {background: #e4edee; width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 50%; margin-top: -15px; text-align: center; font-size: 20px; color: #fff; cursor: pointer; transition: all 200ms; } 
.carousel-btn:hover, .carousel-btn:focus {background: #2491d0; } 
.carousel-next {right: -35px; padding-left: 2px; } 
.carousel-prev {left: -35px; padding-right: 2px; }
@media (max-width: 768px) {
  .carousel-next {right: 15px;  } 
  .carousel-prev {left: 15px;  }
}
/*---------------------------------------
   10 DOCTORS           
-----------------------------------------*/
.doctors {text-align: center; padding: 80px 0 70px 0; } 
.doctors-item {margin:15px 20px; position: relative;} 
.doctors-item-container {border: 1px solid #e4edee; margin-bottom: 10px; } 
.doctors-item-image {overflow: hidden;height: 360px;} 
.doctors-item-image img {max-width: 100%; transition: all 300ms;} 
.doctors-item-name {color: #2491d0; font-size: 15px; font-weight: 600; margin: 20px 0 2px 0; } 
.doctors-item-position {font-size: 13px; margin-bottom: 20px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; } 
.doctors-item-button {position: absolute; bottom: 0px; width: 100%; opacity: 0; transition: all 200ms; } 
.doctors-item:hover .doctors-item-button {opacity: 1; bottom: 110px; } 
.doctors-item:hover img {transform: scale(1.1); } 
.doctors-container {position: relative; margin-left: -15px; margin-right: -15px; } 
.doctors .carousel-btn {margin-top: -55px; } 
.doctors .carousel-next {right: -20px; } 
.doctors .carousel-prev {left: -20px; } 
@media (max-width: 768px) {
  .doctors{padding: 10px 0;}
  .doctors-item{margin:10px;}
  .doctors-item-image {height: 180px;} 
  .doctors-container{margin-top: -30px;}
  .doctors .carousel-next {right: 30px;  } 
  .doctors .carousel-prev {left: 30px;  }
  .doctors-item-button{display: none;}
}
.doctor {padding: 70px 0 90px; border-bottom: 1px solid #becacf; } 
.doctors-text {padding: 70px 0; border-bottom: 1px solid #becacf; }
.doctors-text-text {float: left; width: 67%; margin-right: 3%; } 
.doctors-text-doctor {width: 30%; float: left; background: #f1f8f9; border: 1px solid #e4edee; color: #4c7284; } 
.doctors-text-doctor img {max-width: 100%; } 
.doctors-text-doctor-desc {padding: 20px; font-size: 13px; font-style: italic; line-height: 22px; } 
.doctors-text-doctor-name {font-size: 15px; font-weight: 600; padding: 0 20px; } 
.doctors-text-doctor-position {font-size: 13px; padding: 0 20px 20px; } 
.doctor-info {background: #f1f8f9; } 
.doctor-info-image {margin-bottom: 20px; } 
.doctor-info-image img {max-width: 100%; } 
.doctor-info-name {text-align: center; color: #2491d0; font-size: 18px; font-weight: 600; } 
.doctor-info-position {text-align: center; color: #4c7284; font-size: 13px; margin-bottom: 20px; } 
.doctor-info-hours {border-top: 1px solid #becacf; border-bottom: 1px solid #becacf; height: 204px; margin-left: 30px; margin-right: 30px; padding: 20px 0; position: relative; } 
.doctor-info-hours-title {font-size: 18px; color: #becacf; text-align: center; margin-bottom: 20px; } 
.doctor-info-hours-left {width: 35%; margin-left: 5%; float: left; color: #acb8bc; font-size: 12px; line-height: 23px; } 
.doctor-info-hours-right {width: 55%; float: left; color: #4c7284; font-size: 13px; line-height: 23px; } 
.doctor-info-hours-clock {position: absolute; left: 50%; margin-left: -21px; top: -11px; padding: 0 10px; background: #f1f8f9; } 
.doctor-info-desc {color: #4c7284; padding: 30px; font-size: 12px; } 
.doctor-bookbing{background: #f1f8f9;padding:0px 100px}
@media (max-width: 768px) {
  .doctor-bookbing{padding: 0;}
  .doctor {padding: 15px 0; } 
  .doctor-info-image{height: 320px;overflow: hidden;}
}


/*---------------------------------------
   11 BOOKING FORM           
-----------------------------------------*/
.booking {padding: 70px 0; background: url('../images/book_bg.jpg') center center no-repeat; background-size: cover; } 
.booking-form{padding: 40px 100px;}
.booking-form-item {margin-bottom: 15px; } 
.booking-form-item:before {position: absolute; font-family: 'FontAwesome'; content: ''; z-index: 1; font-size: 17px; left: 10px; top: 10px; color: #00dba5; } 
.booking-form-item.name:before {content: "\f007"; } 
.booking-form-item.name input {padding-left: 40px; } 
.booking-form-item.phone:before {content: "\f095"; } 
.booking-form-item.phone input {padding-left: 40px; } 
.booking-form-item.email:before {content: "\f0e0"; } 
.booking-form-item.email input {padding-left: 40px; } 
.booking-form-item.date:before {content: "\f133"; } 
.booking-form-item.date input {padding-left: 40px; } 
.booking-form-item.time-f:before {content: "\f017"; } 
.booking-form-item.time-f input {padding-left: 40px; } 
.booking-form-item.f-doctor:before {content: "\f0f0"; } 
.booking-form-item.f-doctor input {padding-left: 40px; } 
.bookform-left {width: 520px; float: left; background: #f1f8f9; padding: 40px; height: 100%; } 
.bookform-right {width: 250px; padding:0; height: 100%; background: #fff; position: fixed; right:0; border: 1px solid #e4edee; } 
.bookform-right .doctor-info {background: #fff; border: none; border-left: 1px solid #e4edee; } 
.bookform-right .doctor-info .doctor-info-hours-clock {background: #fff; } 
.bookform-right .doctor-info-hours-left {width: 45%; margin-left: 0; } 
.bookform-right .doctor-info-hours-right {width: 55%; font-size: 12px; } 
.bookform-right .doctor-info-image{height: 265px;overflow: hidden;} 
.fancybox-inner{width: 770px;overflow: auto;background: #f1f8f9;}
@media (max-width: 768px) {
  .booking-form{padding: 20px;}
}
/*---------------------------------------
   15 FOOTER           
-----------------------------------------*/
.footer {position: relative; background: #233a46; text-align: center; color: #fff; line-height: 30px; } 
.footer a {color: #fefefe; } 
.footer .links{border-bottom: 1px solid #999; line-height: 40px; } 
.footer .links h2{font-size: 14px;display: inline-block;margin-right:15px;}
.footer .links a{color: #f2f2f2;margin:0 8px;}
/*--------------------------------------- 14 BLOG -----------------------------------------*/ 
.blog {padding: 40px 0; } 
.blog .section-title {text-align: center; } 
.blog .section-subtitle {text-align: center; } 
.blog .btn {font-size: 15px; font-weight: 400; padding: 7px 40px; } 
.blog-container {position: relative; } 
.blog-item {margin: 0 15px; border: 1px solid #e4edee; padding: 5px; } 
.blog-item-image {position: relative; overflow: hidden; max-height: 243px; } 
.blog-item-image img {width: 100%; min-height: 243px; transition: all 300ms; } 
.blog-item-date {background: #2491d0; position: absolute; right: 75px; bottom: 0; width: 125px; height: 40px; color: #fff; font-size: 12px; text-align: center; padding: 11px 0; } 
.blog-item-date i {position: relative; top: -1px; margin-right: 3px; } 
.blog-item-comments {background: #095c83; position: absolute; right: 0; bottom: 0; width: 75px; height: 40px; color: #fff; font-size: 12px; text-align: center; padding: 11px 0; } 
.blog-item-comments i {position: relative; top: -1px; margin-right: 3px; } 
.blog-item-title {margin-top: 20px; } 
.blog-item-title h3 {font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 10px; line-height: 26px; } 
.blog-item-title h3 a {color: #233a46; } 
.blog-item-title h3 a:hover {color: #00acdb; } 
.blog-item-author {font-size: 12px; } 
.blog-item-text {font-size: 13px; margin-top: 20px; margin-bottom: 30px; line-height: 24px; } 
.blog-item:hover .blog-item-image img {transform: scale(1.1); } 
/*===============================================列表页==================================================*/
.bg-pattern {background: url('../images/bg_pattern_wt_transp2.png') repeat !important; } 
.bg-pattern .page-title-overlay {background: transparent; }
.layui-fluid{background: #f9f9f9;}
.layui-fluid .layui-container{background: #fff;}
.layui-fluid .layui-container .layui-row{margin-top:0;}
/* PAGE TITLE */
.page-title {background-size: cover; color: #fff; } 
.page-title-overlay {padding: 50px 0; background: rgba(0, 0, 0, 0.5); } 
.page-title h1 {margin: 0 0 20px 0; font-size: 36px; font-weight: 700; } 
.page-title p {margin: 0; font-size: 15px; } 
.page-title-about {background: url('../images/title_img_bg_about.jpg') no-repeat; } 
.page-title-services {background: url('../images/title_img_bg_services.jpg') no-repeat; } 
.page-title-blog {background: url('../images/title_img_bg_blog.jpg') no-repeat; } 
.page-title-contacts {background: url('../images/title_img_bg_contact.jpg') no-repeat; } 
.page-title-doctor {background: url('../images/title_img_bg_doctor.jpg') no-repeat; } 
.page-title-gallery1 {background: url('../images/title_img_bg_gallery.jpg') no-repeat; } 
.page-title-gallery2 {background: url('../images/title_img_bg_gallery2.jpg') no-repeat; } 
.page-title-price {background: url('../images/title_img_bg_price.jpg') no-repeat; } 
.page-title-timetable {background: url('../images/title_img_bg_timetable.jpg') no-repeat; }
@media (max-width: 768px) {
  .page-title-overlay{padding: 20px 0}
  .page-title h1 {margin: 0 0 10px 0; font-size: 26px; font-weight: 700; } 
}
/*---------------------------------------
   17 BREADCRUMBS           
-----------------------------------------*/
.breadcrumbs {background: #f1f8f9; border-bottom: 1px solid #e4edee; } 
.breadcrumb {color: #acb8bc; margin: 0; background: none; font-size: 13px;display: block;height:32px; } 
.breadcrumb li {position: relative; padding: 0 8px 0 20px; float: left;line-height: 32px; background: url('../images/bread-separ.png') no-repeat left} 
.breadcrumb li a {color: #acb8bc; } 
.breadcrumb li a:hover {color: #00acdb; } 
.breadcrumb li.breadcrumb-home {padding-left: 0; padding-right: 3px; background: url()} 
.breadcrumb li.breadcrumb-home:before {display: none; } 
.breadcrumb li.breadcrumb-home a {color: #acb8bc; font-size: 20px; } 
.breadcrumb li.breadcrumb-home a i {position: relative; top: 1px; } 
.breadcrumb li.breadcrumb-home a:hover {color: #00acdb; } 
/*page-content内容*/
/*page-list*/
.page-list{padding: 30px;min-height: 500px;}
.page-list h1{font-size: 22px;}
.page-list ul{list-style: none; padding-left: 36px;}
.page-list ul li a {background: transparent; display: block; padding: 10px 0px; font-size: 14px; position: relative; color: #4c7284; } 
.page-list ul li a:hover, .page-list ul li a:focus {background: transparent; color: #00acdb; text-decoration: underline; } 
.page-list ul li a:before {content: ''; position: absolute; left: -22px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: #4c7284; }
.page-list ul li span{float: right}
@media (max-width: 768px) {
  .layui-fluid{padding:0px; }
  .page-list {padding: 0px;} 
  .page-list ul{list-style: none; padding-left: 10px;}
  .page-list ul li span{display: none;}
  .page-list ul li a:before {left:-12px;}
}
/*pagination*/
.pages{padding: 15px;text-align: center;}
.pagination{overflow: hidden;margin:0 auto;border-left: 1px solid #e4edee;display: inline-block}
.pagination li{float: left;border: 1px solid #e4edee;line-height: 25px;border-left:0;color: #333}
.pagination li a,
.pagination li span{display: block;padding:0 10px;}
.pagination li.disabled{color: #ccc}
.pagination li.active{color: #ffffff;background: #00acdb;border-color: #e4edee;}
/*page-content*/
.page-header{padding: 15px;text-align: center;}
.page-header h1{}
.page-header .desc{color: #ccc;border-bottom: 1px solid #e4edee;padding: 15px}
.page-content {padding: 30px;}
.page-content img {max-width: 100%;} 
.page-content h3 {color: #2491d0; font-size: 24px; margin-bottom: 20px; } 
.page-content p {margin-bottom: 35px;font-size: 16px;text-indent: 2em;line-height:28px; }
.page-content p img{margin-left: -2em;}
.nextpage{line-height: 40px;}
@media (max-width: 768px) {
  .page-header{padding: 10px 0;text-align: left;}
  .page-header h1{font-size: 18px;}
  .page-header .desc{padding: 5px 0}
  .page-content{padding:0px}
}
/*---------------------------------------
   19 RIGHT BAR           
-----------------------------------------*/
.right-bar-title {font-size: 15px; font-weight: 600; text-transform: uppercase; color: #00acdb; border-bottom: 3px solid; padding-left: 10px; padding-bottom: 8px; margin-top: 30px;margin-bottom: 15px; } 
.right-bar-title i {margin-right: 5px; } 
.right-bar-categories ul {list-style: none; padding-left: 36px; }
.right-bar-categories ul li a {background: transparent; display: block; padding: 5px 0px; font-size: 14px; position: relative; color: #4c7284; } 
.right-bar-categories ul li a:hover, 
.right-bar-categories ul li a:focus {background: transparent; color: #00acdb; text-decoration: underline; } 
.right-bar-categories ul li a:before {font-family: FontAwesome; content: '\f114'; position: absolute; left: -25px; top: 7px; } 
.right-bar-archive ul {list-style: none; padding-left: 36px; } 
.right-bar-archive ul li a {background: transparent; display: block; padding: 5px 0px; font-size: 14px; position: relative; color: #4c7284; } 
.right-bar-archive ul li a:hover, .right-bar-archive ul li a:focus {background: transparent; color: #00acdb; text-decoration: underline; } 
.right-bar-archive ul li a:before {content: ''; position: absolute; left: -22px; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #4c7284; }

/*预约挂号*/
.guahaolist{min-height: 500px;padding: 25px 50px;background: #ffffff}
.guahaolist h1{font-size: 18px;border-bottom: 1px solid #F2F2F2;line-height: 50px;font-weight: bold;color: #3c3c3c}

.guahaolist ul{padding: 0;overflow: hidden;margin:20px 0;}
.guahaolist ul li{font-size: 16px;text-align: center;width: 18%;margin:1%;float: left}
.guahaolist ul li a{color: #3c3c3c;border: 1px dotted #ccc;display: block;padding:15px 0;}
.guahaolist ul li a:hover{background: #f2f2f2;color:#098c58 }


.guahaoform{min-height: 500px;padding: 20px;background: #ffffff}
.guahaoform .name{margin-bottom: 15px;}
.guahaoform h1{font-size: 20px;}
.guahaoform .zhiwei{color: #f00;line-height: 30px;position: absolute;top:10px;right:10px;}
.guahaoform .desc{line-height: 25px;font-size: 16px;}
.guahaoform img{max-width: 240px;float: left;margin-right: 20px;}

.zhuanjialist{min-height: 500px;padding: 25px 50px;background: #ffffff}
.zhuanjialist h1{font-size: 18px;border-bottom: 1px solid #F2F2F2;line-height: 50px;font-weight: bold;color: #3c3c3c}

.zhuanjialist ul{padding: 0;overflow: hidden;margin:20px 0;}
.zhuanjialist ul li{font-size: 16px;text-align: center;width: 18%;margin:1%;float: left}
.zhuanjialist ul li .thumb{height: 240px;overflow: hidden;}
.zhuanjialist ul li .thumb img{min-height: 240px;}
.zhuanjialist ul li a{color: #3c3c3c;border: 1px dotted #ccc;display: block;}
.zhuanjialist ul li a span{height: 40px;line-height:40px;display: block;background: #f2f2f2;overflow: hidden;}
.zhuanjialist ul li a:hover{color:#098c58 }
@media (max-width: 768px) {
  .guahaolist,.guahaoform,.zhuanjialist{padding: 0px 0px;}
  .guahaolist ul li,.zhuanjialist ul li{width: 48%;margin:1%;float: left;}
  .guahaoform img{width: 100%;max-width: 100%}
}
@media (min-width: 1400px){
  .layui-container {
      width: 1170px;
  }
}