﻿header{width:100%;margin:auto;overflow:hidden;left:0px;z-index:100;}
header .container{max-width:640px;margin:auto;overflow:hidden;background:#262432;}
header .container li{float:left;height:80px;}
header .container li img{width:100%;}
header .container li.menu{width:15%}
header .container li.logo{width:72%}
header .container li.search_m{width:13%}
ul,li{ margin:0; padding:0}
ul{ list-style:none}

header .search{z-index:99;max-width:640px;margin:auto;overflow:hidden;border:1px solid #bbbbbb;border-radius:34px;background:#fff; display:none;transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;}

header .search .keywords{float:left;width:78.66%;margin:0 4%;font:1.714em/60px Microsoft Yahei;color:#cbcaca;outline:none;border:none;}

header .search .go{float:left;width:13.34%;height:60px;border:none;background:#fff url(/style/img/ico-search.png) center center no-repeat;background-size:65%;cursor:pointer;}

.main{max-width:640px;margin:auto;overflow:hidden;}

/*广告模块*/
.main .adv{width:100%;overflow:hidden;margin-bottom:3px;position:relative;}
.main .adv .swiper-main{width:100%;overflow:hidden;margin:auto;}
.main .adv .swiper99{width:100%;overflow:hidden;}
.main .adv .swiper99 .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.main .adv .swiper99 .swiper-slide img{width:100%;}
/* Pagination */
.main .adv .pagination99 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:0px;left:45%;z-index:99;}
.main .adv .pagination99 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.main .adv .pagination99 .swiper-active-switch {background:red;}
.main .adv .sw-title {padding: 5px 20px;font-size: 41px;margin: 50px 0 20px;font-family: 'Lato', sans-serif;line-height: 50px;color: #222;font-weight: 300;border-bottom: 1px solid #555;}
.main .adv .sw-content {background: #fff;border-radius: 5px;}
.main .adv .demo-title {margin-bottom: 5px;text-align: center;font-size: 31px;font-family: "Lato", Arial, Helvetica;font-weight: 300;line-height: 35px;margin: 50px 0 20px;}

/*滑动模块*/
.main .banner{width:100%;overflow:hidden;position:relative;}
.main .banner .swiper-main{width:100%;overflow:hidden;margin:auto;}
.main .banner .swiper1{width:100%;overflow:hidden;}
.main .banner .swiper1 .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.main .banner .swiper1 .swiper-slide img{width:100%;}
/* Pagination */
.main .banner .pagination1 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:0px;left:45%;z-index:99;}
.main .banner .pagination1 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.main .banner .pagination1 .swiper-active-switch {background:red;}
.main .banner .sw-title {padding: 5px 20px;font-size: 41px;margin: 50px 0 20px;font-family: 'Lato', sans-serif;line-height: 50px;color: #222;font-weight: 300;border-bottom: 1px solid #555;}
.main .banner .sw-content {background: #fff;border-radius: 5px;}
.main .banner .demo-title {margin-bottom: 5px;text-align: center;font-size: 31px;font-family: "Lato", Arial, Helvetica;font-weight: 300;line-height: 35px;margin: 50px 0 20px;}

/*项目模块*/
.main .project{width:100%;overflow:hidden;/*background:#343149*/}
.main .project ul{width:100%;overflow:hidden;/*display:flex;flex-flow:wrap;*/}
.main .project ul li{float:left;width:33.33333333333333333%;overflow:hidden;position:relative;}
.main .project ul li img{width:100%;}

/*本月特惠*/
.main .news{width:100%;overflow:hidden;background:#141221;}
.main .news h3{width:100%;overflow:hidden;font-size:24px;text-align:left;font-weight:normal;line-height:60px;color:#fff;text-indent:3%;border-bottom:1px solid #4f4c65;}
.main .news h3 span{float:right;margin-right:3%;color:#666699;}
.main .news h3 span .total{color:#666699;}
.main .news h3 span em{font-style:normal;color:#fff;}

.main .news .swiper-main{width:100%;overflow:hidden;margin:auto;}
.main .news .swiper3{width:100%;overflow:hidden;}
.main .news .swiper3 .swiper-slide{width:410px;overflow:hidden;float:left;text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; opacity:0.5;transition:opacity 0.7s ease-out; -webkit-transition:opacity 0.7s ease-out;}
.main .news .swiper3 .swiper-slide-active{ opacity:1 !important; transition:opacity 0.7s ease-out; -webkit-transition:opacity 0.7s ease-out;}
.main .news .swiper3 .swiper-slide img{width:100%;}
/* Pagination */
.main .news .pagination3 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:0px;left:3%;z-index:99;}
.main .news .pagination3 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.main .news .pagination3 .swiper-active-switch {background:red;}
.main .news .sw-title {padding: 5px 20px;font-size: 41px;margin: 50px 0 20px;font-family: 'Lato', sans-serif;line-height: 50px;color: #222;font-weight: 300;border-bottom: 1px solid #555;}
.main .news .sw-content {background: #fff;border-radius: 5px;}
.main .news .demo-title {margin-bottom: 5px;text-align: center;font-size: 31px;font-family: "Lato", Arial, Helvetica;font-weight: 300;line-height: 35px;margin: 50px 0 20px;}

.main .news .check_detail{width:31.40625%;margin:auto;padding:20px 0px;}
.main .news .check_detail img{width:100%;}

/*案例*/
.main .case{width:100%;overflow:hidden;position:relative;}
.main .case .swiper-main{width:100%;overflow:hidden;margin:auto;}
.main .case .swiper2{width:100%;overflow:hidden;}
.main .case .swiper2 .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.main .case .swiper2 .swiper-slide img{width:100%;}
/* Pagination */
.main .case .pagination2 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:0px;left:3%;z-index:99;}
.main .case .pagination2 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.main .case .pagination2 .swiper-active-switch {background:red;}
.main .case .sw-title {padding: 5px 20px;font-size: 41px;margin: 50px 0 20px;font-family: 'Lato', sans-serif;line-height: 50px;color: #222;font-weight: 300;border-bottom: 1px solid #555;}
.main .case .sw-content {background: #fff;border-radius: 5px;}
.main .case .demo-title {margin-bottom: 5px;text-align: center;font-size: 31px;font-family: "Lato", Arial, Helvetica;font-weight: 300;line-height: 35px;margin: 50px 0 20px;}

/*专家切换 eagle add 20150716*/
.main .zjswiper{width:100%;overflow:hidden;position:relative;}
.main .zjswiper .swiper-main{width:100%;overflow:hidden;margin:auto;}
.main .zjswiper .swiper4{width:100%;overflow:hidden;}
.main .zjswiper .swiper4 .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.main .zjswiper .swiper4 .swiper-slide img{width:100%;}
/* Pagination */
.main .zjswiper .pagination4 {text-align: center;margin-top:0px;height:20px;position:absolute;bottom:0px;left:3%;z-index:99;}
.main .zjswiper .pagination4 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background:#fff;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;}
.main .zjswiper .pagination4 .swiper-active-switch {background:red;}
.main .zjswiper .sw-title {padding: 5px 20px;font-size: 41px;margin: 50px 0 20px;font-family: 'Lato', sans-serif;line-height: 50px;color: #222;font-weight: 300;border-bottom: 1px solid #555;}
.main .zjswiper .sw-content {background: #fff;border-radius: 5px;}
.main .zjswiper .demo-title {margin-bottom: 5px;text-align: center;font-size: 31px;font-family: "Lato", Arial, Helvetica;font-weight: 300;line-height: 35px;margin: 50px 0 20px;}

/*更多案例*/
.main .more_case{width:100%;overflow:hidden;background:#e6e6e8;}
.main .more_case h3{width:100%;overflow:hidden;font-size:18px;font-weight:normal;line-height:70px;color:#613685;}
.main .more_case ul{width:93.75%;margin:auto;overflow:hidden;/*display:flex;flex-flow:wrap;*/}
.main .more_case ul li{width:33.33333%;float:left;}
.main .more_case ul li img{width:90%;}
.main .more_case p{width:66%;margin-left:20%;padding:5% 0;}
.main .more_case p img{width:100%;}

/*坐诊时间*/
.main .doctor_work_t{width:100%;overflow:hidden;background:#e6e6e8;position:relative;}
.main .doctor_work_t img{width:100%;}
.main .doctor_work_t ul{width:54.375%;overflow:hidden;/*display:flex;flex-flow:row;*/position:absolute;right:30px;top:171px;}
.main .doctor_work_t ul li{float:left;width:33.333%;background:#2b2b3a;color:#fff;line-height:30px;padding:15px 0px;font-size:18px;}
.main .doctor_work_t ul li:nth-child(2){background:#343444;}

/*专家团队*/
.main .expert_team{width:100%;overflow:hidden;}
.main .expert_team img{width:100%;}

/*关于美莱*/
.main .about{width:100%;overflow:hidden;background:#343149;}
.main .about ul{width:100%;overflow:hidden;/*display:flex;flex-flow:row;*/}
.main .about ul li{width:33.3333333%;float:left;overflow:hidden;}
.main .about ul li img{width:100%;}

/*来院地图*/
.main .map{width:100%;overflow:hidden;padding-bottom:70px;}
.main .map img{width:100%;}

/*footer{width:100%;margin:auto;overflow:hidden;position:fixed;bottom:0px;left:0px;z-index:100;}
footer .container{max-width:640px;margin:auto;overflow:hidden;background:#191c25;}
footer .container li{height:100px;overflow:hidden;float:left;}
footer .container li:nth-child(1){width:30%;background:#937344;}
footer .container li:nth-child(2){width:50%;position:relative;background:#5c422b;}
footer .container li:nth-child(3){width:20%;background:#191c25;}
footer .container li a{width:100%;display:block;border:none;}
footer .container li img{width:100%;}
footer .container li span{display:block;width:46px;position:absolute;top:28px;left:74px;}
footer .container li span img{width:100%;}*/

.bounce{animation:bounce 3s infinite linear;-webkit-animation:bounce 3s infinite linear;-moz-animation:bounce 3s infinite linear;-o-animation:bounce 3s infinite linear;-ms-animation:bounce 3s infinite linear;}

/*20150804 start*/
/*底部*/
footer{width:100%;margin:auto;position:fixed;bottom:0px;left:0px;z-index:100;}
footer .container{max-width:640px;margin:auto;overflow:hidden;background:#f3f3f3;/*display:flex;flex-flow:wrap;*/border-top:1px solid #c4c4c4;}
footer .container li{width:25%;/*height:40px;*/cursor:pointer;padding-top:50px;overflow:hidden;float:left;text-align:center;position:relative;}
footer .container li a{color:#3e3e3e; font-size:20px;}
footer .container li::before{content:"";display:block;width:45px;height:34px;position:absolute;top:10px;left:50%;margin-left:-22px;}
footer .container li:nth-child(1)::before{background:url(/style/img/goxm.jpg) no-repeat left top;background-size:100% 200%;}
footer .container li:nth-child(2)::before{background:url(/style/img/best_new.jpg) no-repeat left top;background-size:100% 200%;}
footer .container li:nth-child(3)::before{background:url(/style/img/message.jpg) no-repeat left top;background-size:100% 200%;}
footer .container li:nth-child(4)::before{background:url(/style/img/home.jpg) no-repeat left top;background-size:100% 200%;}

footer .container li.on a{color:#353053;}
footer .container li.on::before{background-position:left bottom;}

/*回到顶部*/
#gotoTop{width:65px;height:65px;border:1px solid #ccc;background:rgba(255,255,255,1);text-align:center;border-radius:60px;position:fixed;bottom:80px;right:30px;z-index:100;display:none;cursor:pointer;}
#gotoTop span{display:block;color:#3e3e3e;font-size:18px;line-height:16px;}
#gotoTop span em{display:inline-block;font-size:28px;font-style:normal;position:relative;top:-2px;left:0px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#gotoTop.on{background:#353053;border-color:#353053;}
#gotoTop.on span{color:#fff;}
/*20150804 end*/

@media screen and (min-width:320px) and (max-width:375px){
header .container li{height:49px;}	
.main .news h3{font-size:17px;line-height:45px;}
.main .more_case h3{font-size:12px;line-height:40px;}

.main .doctor_work_t ul{right:17px;top:97px;}
.main .doctor_work_t ul li{line-height:18px;padding:5px 0;font-size:12px;}	

.main .news .swiper3 .swiper-slide{width:238px;}

header .search .keywords{font:1em/35px Microsoft Yahei;}
header .search .go{height:35px;}

/*footer .container li{height:49px;}
footer .container li span{width:25px;top:13px;left:39px;}*/

/*20150804 start*/
footer .container li{height:30px;padding-top:30px;font-size:12px;}
footer .container li::before{width:24px;height:17px;top:10px;margin-left:-13px;top:5px;}
footer .container li a{color:#3e3e3e; font-size:14px;}
#gotoTop{width:40px;height:40px;}
#gotoTop span{font-size:12px;}
#gotoTop span em{font-size:20px;top:6px;}
/*20150804 end*/
		
}

@media screen and (min-width:375px) and (max-width:414px){
header .container li{height:58px;}
.main .news h3{font-size:20px;line-height:50px;}	
.main .more_case h3{font-size:15px;line-height:50px;}
	
.main .doctor_work_t ul{right:20px;top:111px;}
.main .doctor_work_t ul li{line-height:20px;padding:10px 0;font-size:13px;}	

.main .news .swiper3 .swiper-slide{width:238px;}

header .search .keywords{font:1.3em/45px Microsoft Yahei;}
header .search .go{height:45px;}

/*footer .container li{height:58px;}
footer .container li span{width:30px;top:13px;left:44px;}	*/

/*20150804 start*/
footer .container li{padding-top:26px;font-size:16px;}
footer .container li a{font-size:16px;}
footer .container li::before{width:27px;height:18px;top:10px;margin-left:-14px;top:6px;}
#gotoTop{width:40px;height:40px;}
#gotoTop span{font-size:12px;}
#gotoTop span em{font-size:20px;top:-0px;}
/*20150804 end*/
}

@keyframes bounce{
	0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
	88%{-webkit-transform:translateY(-6px)}
	92%{-webkit-transform:translateY(-3px)}
}
@-webkit-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}
	88%{-webkit-transform:translateY(-6px)}
	92%{-webkit-transform:translateY(-3px)}
}
@-moz-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}
	88%{-moz-transform:translateY(-6px)}
	92%{-moz-transform:translateY(-3px)}
}
@-o-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}
	88%{-o-transform:translateY(-6px)}
	92%{-o-transform:translateY(-3px)}
}
@-ms-keyframes bounce{
	0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}
	88%{-ms-transform:translateY(-6px)}
	92%{-ms-transform:translateY(-3px)}
}