@charset "utf-8";

body {
    color: #F2F2F2;
    overflow: scroll;
}

h1 { 
    font-size: 1.5em;
}

p {
    font-size: 1em;
}

.floater {
    float: left;
    width: 100%;
    height: 50%;
}

.header-container {
    float: left;
    margin: 0 15%;
    width: 70%;
    height: 70px;
}

.header-container div {
    float: left;
    height: 100%;
}

.header-logo {
    width: 30%;
}

.header-logo .floater {
    float: left;
    width: 100%;
    height: 50%;
}

.header-logo .icon {
    clear: both;
    width: 100%;
    height: 50px;
    margin-top: -25px;
}

.header-logo img {
    height: 100%;
}

.header-title {
    margin: 0 auto;
    width: 40%;
    font-size: 1em;
    line-height: 70px;
    text-align: center;
}

.header-title b {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    color: #66C24F;
}

.header-nav {
    line-height: 70px;
    width: 30%;
    text-align: right;
}

.header-nav ul {
    list-style-type: none;
    vertical-align: middle;
}

.header-nav ul li {
    display: inline-block;
}

.header-nav ul li a {
    display: inline-block;
    vertical-align: middle;
    height: 62px;
    padding: 0 10px;
    font-size: 1em;

    color: black;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.header-nav a:hover, .header-nav .active {
    color: green;
    border-top: 3px solid transparent;
    border-bottom: 3px solid #66C24F;
}

.banner-container img {
    width: 100%;
}

.container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.footer {
    position: relative;
    width: 100%;
    height: 52px;
}

.copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0 12px 0;
    background-color: #FFF;

    text-align: center;
}

.copyright a {
    font-size: .6em;
    line-height: 20px;

    color: #787878;
}

.copyright p {
    margin-top: 0;
    font-size: .6em;
    line-height: 10px;
    color: #787878;
}

.theme1 {
    background-color: #FEFFFF;
}

.theme1 .content-title {
    color: #28363D;
}

.theme1 .content-title .title_color_special {
    color: #64C447;
}

.theme1 .content-introduction {
    color: #AAABAC;
}

.theme1 .arrow-divider {
    /*background-color: transparent;*/
}

.theme1 .arrow-divider .divider {
    background-color: #A4A5A6;
}

.theme1 .arrow-divider .divider-bold {
    background-color: #64C447;
}

.theme1 .arrow-divider .arrow {
    border-top-color: #64C447;
}

.theme2 {
    background-color: #64C447;
}

.theme2 .content-title {
    color: #FFFAF9;
}

.theme2 .content-title .title_color_special {
    color: #FEF53E;
}

.theme2 .content-introduction {
    color: #FFFDFF;
}

.theme2 .arrow-divider {
    /*background-color: transparent;*/
}

.theme2 .arrow-divider .divider {
    background-color: #FEFFFE;
}

.theme2 .arrow-divider .divider-bold {
    background-color: #F9F547;
}

.theme2 .arrow-divider .arrow {
    border-top-color: #F9F547;
}




/*
    2017-08-03 新版改变，引用下面新样式。保留上面老样式是因为其他页面会调用
 */
*{
    box-sizing: border-box;
}
a:focus {
    outline: none;
}
.tc{
    text-align: center;
}
.pr{
    position: relative;
}
.fl{
    float: left;
}
.w400{
    width: 400px;
}
.w1200{
    margin: 0 auto;
    width: 1200px;
}
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.pl30{
    padding-left: 30px;
}
.pl40{
    padding-left: 40px;
}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.m-header{
    height: 84px;
}
.score{
    background: url("../images/foot_line.jpg") top right no-repeat;
    height: 467px;
}
.m-header .logo{
    position: absolute;
    top: 10px;
    left: 42px;
    width: 218px;
    height: 74px;
    text-indent: -9999px;
    background: url("../images/logo.jpg") no-repeat;
}
.m-header .nav{
    float: right;
    margin-top: 40px;
}
.m-header .nav a{
    margin-right: 40px;
    font-size: 30px;
    color: #000;
}
.m-header .nav a.active,.m-header .nav a:hover{
    color:#009400;
    border-bottom: 1px solid #009400;
    padding-bottom: 10px;
}
.m-banner{

}
.m-process{
    background-color: #f3f3f3;
}
.m-banner img,.m-video img,.m-process img{
    width: 100%;
}
.m-video{
    background: url("../images/title_01.jpg") no-repeat;
    text-align: center;
    padding-top: 194px;
    padding-bottom: 66px;
}

.m-video object{
    width: 960px;
    height: 598px;
}

.m-video  span{
    margin-left: 120px;
    width: 1200px; !important;
}
.m-doctor{
    position: relative;
    background: url("../images/title_02.jpg") no-repeat;
}
.m-doctor .doc-list{
    position: absolute;
}
.m-doctor .doc-list .box{
    position: relative;
    width: 380px;
    float: left;
    margin: 0 10px;
    margin-bottom: 30px;
    overflow: hidden;
}
.m-doctor .doctor-tit{
    margin-right: 20px;
    width: 380px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background: #f3f3f3;
}
.m-doctor .doctor-box{
    height: 446px;
    border: 1px solid #f3f3f3;
    text-align: center;
}
.m-doctor .doctor-box dl{
    margin: 10px 0;
}
.m-doctor .doctor-box dd{
    float: left;
    margin-top: 15px;
    margin-left: 25px;
    margin-left: 8px\0;
    min-width: 94px;
    font-size: 18px;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    padding: 2px 10px;
    color: #080001;
}
.m-doctor .doctor-box p,.doctor-box span{
    margin-top: 13px;
    color: #080001;
    font-size: 18px;
    line-height: 30px;
}
.m-doctor .doc-img{
    margin-top: 10px;
}
.m-doctor .box.active .doc-code{
    display: block;
}
.m-doctor .doc-code{
    position: absolute;
    text-align: center;
    bottom: -220px;
    width: 380px;
    height: 220px;
    background-color: #000000; /* background color for IE */
    filter: alpha(opacity=50); /* opacity filter for IE */
    background-color: rgba(0, 0, 0, 0.5); /* for other browsers */
}
.m-doctor .doc-code .code-font{
    color: #fbc901;
    font-size: 18px;
}
.m-doctor .doctor-box span{
    padding-left: 10px;
}

.m-health{
    position: relative;
    width: 1220px;
    background: url("../images/title_03.jpg") no-repeat;
    padding-top: 152px;
    padding-bottom: 50px;
}
.m-health .heal-tit{
    position: relative;
    overflow: hidden;
}
.m-health .heal-code{
    position: absolute;
    text-align: center;
    top: 0;
    right: -310px;
    width: 310px;
    height: 4300px;
    background-color: #000000; /* background color for IE */
    filter: alpha(opacity=50); /* opacity filter for IE */
    background-color: rgba(0, 0, 0, 0.5); /* for other browsers */
}
.m-health .heal-code p{
    color: #fbc901;
    font-size: 18px;
}
.m-health .heal-silder{
    margin-top: 15px;
    margin-left: -13px;
}
.m-health .heal-silder .on {
    position: relative;
    float: left;
    width: 250px;
    height: 480px;
    overflow: hidden;
    margin-left: 13px;
    border: 1px solid #eee;
}
.m-health .heal-silder .on img{
    position: absolute;
    top: 0;
    right: 0px;
}


.m-footer{
    background: url("../images/foot_bg.jpg");
    height: 570px;
    color: #fff;
    padding-top: 58px;
}
.m-footer .tit{
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
}
.m-footer p{
    font-size: 18px;
    margin-bottom: 16px;
}
.m-footer a{
    display: inline-block;
    width: 1200px;
    color: #fff;
    text-align: center;
}

/**最新动态*/
.m-advlist{
    margin: 0 auto;
    padding:50px 0 145px 0;
    width: 1200px;
}
.m-advlist .title{
    height: 41px;
    line-height: 41px;
    padding-left: 50px;
    background: url("../images/news_title_li.jpg") no-repeat;
}
.m-advlist .title i{
    display: inline-block;
    height: 1px;
    width: 1035px;
    margin-left: 10px;
    background: #c2bfbf;
    vertical-align: super;
}
.m-advlist ul li{
    margin-top: 38px;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c2bfbf ;
}
.m-advlist .left{
    width: 80px;
    float: left;
}
.m-advlist .left .day{
    text-align: center;
    font-size: 48px;
    line-height: 48px;
    color: #080001;
    border-bottom: 1px solid #c2bfbf;
}
.m-advlist .left .month{
    text-align: center;
    font-size: 30px;
    color: #080001;
}
.m-advlist .right{
    margin-left: 30px;
    float: right;
    width: 1090px;
}
.m-advlist .right .titles{
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    color: #080001;
}
.m-advlist .right .time{
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    color: #080001;
}
.m-advlist .right .contion{
    font-size: 18px;
    line-height: 30px;
    color: #080001;
}
.m-jobs{
    width: 1200px;
    margin: 0 auto 180px;
}
.m-jobs li{
    position: relative;
    padding: 34px 0;
    border-bottom: 1px dashed #c2bfbf;
}
.m-jobs .job-tit,.m-jobs .job-tit2{
    display: inline-block;
    padding: 11px 30px;
    font-size: 36px;
    background: #d9d9d9;
    margin-left: 5px;
}
.m-jobs .job-tit2{
    position: absolute;
    z-index: -1;
    top: 29px;
    left: -5px;
    border: 1px solid #d9d9d9;
    background: #fff;
}
.m-jobs dl{
    margin-top: 30px;
}
.m-jobs dt,.m-jobs dd{
    font-size: 18px;
    line-height: 35px;
    color: #080001;
}
.m-fixed{
    position: fixed;
    display: none;
    background: url("../images/nav_right.png");
    width: 73px;
    height: 268px;
    top:35%;
    margin-left: 1210px;
    padding-top: 20px;
}
.m-fixed a{
    display: block;
    width: 73px;
    height: 55px;
}


.ck-slide .ck-slide-wrapper { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 32px; z-index: 30;}
.ck-slidebox .dot-wrap { height: 32px; padding: 0 4px; border-radius: 8px;}
.ck-slidebox .dot-wrap .ck-list { float: left;  margin: 4px 6px;}
.ck-slidebox .dot-wrap .ck-list em { display: block; width: 22px; height: 22px; border-radius: 100%; background-color: #aaa; text-indent: -9999px; cursor: pointer;}
.ck-slidebox .dot-wrap .ck-list.current em { background-color: #274f1e;}
.ck-slidebox .dot-wrap .ck-list em:hover { background-color: #274f1e;}

.ck-slide { width: 1200px; height: 1400px; margin: 0 auto 0; padding-top: 250px}

.ck-slide ul.ck-slide-wrapper { height: 320px;}