/*清空默认的样式*/
html {
    color: #000;
    background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

a {
    text-decoration: none;
    color: #999
}

/*设置全局样式*/
body {
    font-family: "微软雅黑";
}

/*样式*/

/*header*/
header {
    width: 100%;
    height: 102px;
    background: #f4f2f3;
}

header .box {
    width: 1200px;
    height: 102px;
    margin: 0 auto;
}

header .box .logo img {
    margin: 6px 2px;
    float: left;
}

header .search {
    float: right;
    height: 35px;
    border: 1px solid #aaaaaa;
    border-radius: 50px;
    margin-top: 35px;
    margin-left: 330px;
    background: #FFFFFF;
    overflow: hidden;
}

.search input {
    display: block;
    float: left;

}

.search .keyword {
    width: 245px;
    height: 33px;
    padding-left: 15px;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 15px;
}

.search .button {
    width: 33px;
    height: 33px;
    border: none;
    background: url(/static/images/seach_btn.png) no-repeat center;
    outline: none;
    cursor: pointer;
}

/*nav*/
nav {
    width: 100%;
    height: 58px;
    background: rgb(0, 98, 160, 0.9);
    /*background:linear-gradient(to right,#005bac,#009944); */
    margin: 0 auto;
}

nav ul {
    width: 1200px;
    height: 58px;
    margin: 0 auto;
}

nav ul li {
    width: 92px;
    height: 58px;
    text-align: center;
    float: left;
    transition: all 1s ease;
}

nav ul li a {
    display: block;
    line-height: 58px;
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
}

nav ul li .line {
    width: 0px;
    height: 5px;
    background: #9ae097;
    position: absolute;
    top: 53px;
    left: 19px;
    transition: all 0.1s ease 0s;
}

nav ul li:hover .line {
    width: 50px;
}

nav ul li .down {
    width: 100%;
    height: 0;
    background: linear-gradient(to top, rgb(5, 150, 160, 1), rgb(0, 98, 160, 0.9));
    /*background:linear-gradient(to right,rgb(0,97,172,0.9),rgb(0,153,68,0.9));*/
    position: absolute;
    /* top: 160px; */
    left: 0;
    overflow: hidden;
    transition: all 0.5s linear 0s;
    z-index: 8;
}

nav ul li:hover .down {
    height: 230px;
}


nav ul li .down .cont {
    width: 1180px;
    height: 230px;
    margin: 0 auto;
}

nav ul li .down .cont h5 {
    float: left;
    font-size: 23px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 70px;
    margin-left: 80px;
}


nav ul li .down .cont h5 span {
    display: block;
    width: 93px;
    height: 2px;
    background: #ffffff;
    margin-top: 10px;
}

nav .down .cont ol li {
    float: left;
    width: 500px;
    margin-left: 80px;
    margin-top: 39px;
}

nav .down .cont ol li a {
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    width: 110px;
    height: 40px;
    display: block;
    float: left;
    margin-top: 10px;
}

nav .down .cont ol li span {
    display: block;
    width: 0;
    height: 2px;
    background: #ffffff;
    transition: 0.5s;
    margin-left: 25px;
}

nav .down .cont ol li a:hover {
    font-weight: bold;
}

nav .down .cont ol li a:hover span {
    width: 72px;
}


nav .down .cont .icn {
    width: 380px;
    height: 168px;
    border-left: 1px solid #DDDDDD;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    padding-left: 20px;
}

nav .down .cont .icn ul li {
    margin-top: 33px;
}

nav .down .cont .icn ul li img {
    display: block;
    margin: 0 auto;
    transition: all 0.2s ease;
}

nav .down .cont .icn ul li:hover img {
    transform: scale(0.7) rotate(360deg);
}


nav .down .cont .icn ul li a>p {
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
}


nav .down .cont .txt {
    font-size: 14px;
    width: 500px;
    color: #ffffff;
    text-align: left;
    float: left;
    line-height: 30px;
    margin-left: 60px;
    margin-top: 30px;
    position: relative;
}

nav .down .cont .txt p {
    float: left;
}

nav .down .cont .txt img {
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 76px;
    width:99px;
}

nav .down .cont .txt span {
    position: absolute;
    top: 108px;
    left: 309px;
    display: block;
}

nav .down .cont .txt .sm a {
    font-size: 18px;
    margin-top: 30px;
    line-height: 18px;
}




nav .down .cont .box_r {
    width: 900px;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

nav .down .cont .box_r table {
    color: #FFFFFF;
    margin-left: 45px;
    margin-top: 18px;
}


nav .down .cont .box_r table tr td {
    min-width: 100px;max-width: 150px;
}

nav .down .cont .box_r table tr td:first-child {
    text-align: left;
}



nav .down .cont .box_r table tr td a {
    font-size: 16px;
    line-height: 40px;
}

nav .down .cont .box_r table tr td a:hover {
    background: rgb(255, 255, 255, 0.2);
    border-radius: 2px;
}

nav .down .cont .box_r ul {
    width: 900px;
    height: 30px;
    float: left;
    margin-top: 10px;
}

nav .down .cont .box_r ul li:first-child {
    width: 140px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 15px;
    line-height: 35px;
}

nav .down .cont .box_r ul li {
    margin-left: 10px;
}

nav .down .cont .box_r ul li a {
    display: block;
    float: left;
    width: 90px;
    height: 30px;
    font-size: 14px;
    text-align: left;
    line-height: 32px;
}

nav .down .cont .box_r ul li span {
    display: block;
    width: 0;
    height: 1px;
    background: #ffffff;
    transition: all ease 0.3s;
}

nav .down .cont .box_r ul li:hover a span {
    width: 45px;
}




/*banner*/
.banner {
    width: 100%;
    overflow: hidden;
}

.banner img {
    display: block;
}

.banner .carousel-indicators {
    position: absolute;
    bottom: 140px;
    right: 0;
    text-align: right;
}

.banner .carousel-indicators li {
    background: #7cc68b;
    width: 40px;
    height: 13px;
    border: 0;
    margin: 0 1px;
    border-radius: 0;
}

.banner .carousel-indicators .active {
    width: 40px;
    height: 13px;
    background: #fb9504;
}


/* index-content */
.index-content {
    position: relative;
    z-index: 3;
}

/*nav_1*/
.nav_1 {
    width: 1196px;
    height: 221px;
    margin: -130px auto;
    background: url(/static/images/nav_1.png) no-repeat;
}

.nav_1 ul {
    margin-left: 28px;
}

.nav_1 ul li {
    float: left;
    margin-left: 2px;
}

.nav_1 ul li a {
    display: block;
    width: 100px;
    height: 90px;
    margin-top: 50px;
    border-right: 1px solid #c1bfbf;
}

.nav_1 ul li a>img {
    transition: all 0.2s ease;
    margin-left: 20px;
}

.nav_1 ul li a>img:hover {
    margin-left: 20px;
    transform: scale(0.7) rotate(360deg);
}

.nav_1 ul li a>p {
    text-align: center;
    font-weight: bold;
    color: #454545;
    font-size: 15.5px;
}

.nav_1 .border {
    border: none;
}


/*科室导航*/
.nav_2 {
    width: 1180px;
    height: 350px; height: 390px;
    margin: 130px auto 0px;
}

.nav_2>h2 a {
    font-weight: bold;
    font-size: 21px;
    margin-left: 40px;
    color: #1B1B1B;
}

.nav_2>h2 a:hover {
    color: #2e878e;
}

.nav_2 .content {
    width: 1180px;
    height: 340px;
    margin: 10px auto;
}

.content_left {
    width: 400px;
    height: 290px;
    float: left;
    overflow: hidden;
    position: relative;
}

.content_left>img {
    width: 400px;
    height: 291px;
}

.content_left_ceng {
    width: 400px;
    height: 110px;
    background: rgba(25, 19, 14, 0.5);
    position: absolute;
    top: 200px;
    left: 0PX;
    color: #fff;
    transition: all 0.5s ease;
    z-index: 1;
}

.content_left_ceng:hover {
    transform: translate(0, -5px);
}

.content_left_ceng h3 {
    font-weight: bold;
    font-size: 18px;
    margin-left: 25px;
    padding-top: 10px;
}

.content_left_ceng p {
    font-size: 12px;
    width: 350px;
    margin: 8px auto;
}

.content_right {
    width: 766px;
    height: 334px;
    float: left;
    background: url(/static/images/keshi.png) no-repeat;
    padding-left: 13px;
}

.content_right_1 {
    float: left;
    width: 176px;
    height: 100%;
    margin-right: 12px;
    margin-left: 2px;
}

.content_right h3 {
    width: 176px;
    height: 50px;
    color: #FFFFFF;
    font-size: 19px;
    text-align: center;
    line-height: 37px;
}

.content_right ul {
    width: 176px;
    height: 245px;
    text-align: center;
}

.content_right li {
    width: 176px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    border: 1px solid #c6c6c6;
    margin-bottom: 4px;
    border-radius: 5px;
}

.content_right li a {
    color: #595757;
    display: block;
    width: 176px;
    height: 30px;
}

.content_right li a:hover {
    color: #0E8998;
    box-shadow: 0 0 10px #65aee9;
}


/*医生介绍*/

.doctor {
    width: 100%;
    height: 533px;
    margin: 40px auto;
    background: url(/static/images/bg_1.jpg) repeat-x;
}

.doctor_box {
    width: 1180px;
    height: 533px;
    margin: 0 auto;
    position: relative;
}

.doctor_box_top {
    width: 1180px;
    height: 100px;
}

.doctor_box_top h2 a {
    display: block;
    margin-left: 40px;
    margin-top: 40px;
    font-size: 21px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
}

.doctor_box_top span a {
    float: right;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 40px;
    margin-right: 20px;
}

.doctor_box_middle {
    width: 1180px;
    height: 324px;
    position: relative;
}

.doctor_box_middle .fix {
    position: absolute;
    bottom: -70px;
    right: 0;
    left: 0;
    text-align: center;
}

.doctor_box_middle .fix .center {
    display: inline-block;
}

.doctor_box_middle .carousel-indicators,
.doctor_box_middle .carousel-control {
    position: initial;
    float: left;
    margin: 0;
    width: auto;
}

.doctor_box_middle .carousel-indicators li {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border: 0;
    margin: 0 10px;
    border-radius: 50px;
}

.doctor_box_middle .carousel-indicators .active {
    width: 25px;
    height: 25px;
    background: #fb9504;
}

.doctor_box_middle .carousel-control {
    position: initial;
    background: none;
    text-shadow: 0;
    display: inline-block;
    width: 33px;
    height: 24px;
    opacity: 1;
    margin: 0 10px;
}

.doctor_box_middle_ul li {
    width: 181px;
    height: 324px;
    background: #FFFFFF;
    display: block;
    float: left;
    margin: 0 7px; text-align: center;
}
.doctor_box_middle_ul li img{ width:85%;padding:4px 0 1px 0;}

.doctor_box_middle_ul .box_1 {
    width: 180px;
    height: 70px;
    background: #FFFFFF;
}

.doctor_box_middle_ul .box_1 h4 {
    font-size: 22px;
    color: #008cd6;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 6px;
}

.doctor_box_middle_ul .box_1 p {
    font-size: 16px;
    color: #595757;
    text-align: center;height: 22px; line-height: 23px; overflow: hidden;
}

.doctor_box_middle_ul li a>p {
    text-align: center;
    color: #595757;
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
}

.doctor_box_bottom {
    margin: 0 auto;
    width: 1180px;
    height: 100px;
}

.doctor_box_bottom .box {
    width: 270px;
    height: 100px;
    margin: 0 auto;
}

.doctor_box_bottom .box ul {
    width: 200px;
    height: 100px;
    margin: 0 auto;
    float: left;
}

.doctor_box_bottom .box ul li {
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 35px;
    margin-left: 20px;
    border-radius: 50px;
    background: #FFFFFF;
    text-align: center;
}

.doctor_box_bottom .box ul li:hover {
    cursor: pointer;
    background: orange;
}

.doctor_box_bottom .box .btn {
    float: left;
    margin-top: 35px;
    transition: all 0.2s ease;
}

.doctor_box_bottom .box .btn:hover {
    cursor: pointer;
    transform: scale(1.2)
}


/*新闻*/
.news {
    width: 1180px;
    height: 420px;
    margin: 0 auto;
}

.news .top {
    width: 1180px;
    height: 67px;
    overflow: hidden;
}

.news .top ul {
    width: 700px;
    height: 67px;
    float: left;
}

.news .top ul li {
    float: left;
    font-size: 21px;
    margin-top: 8px;
}

.news .top ul li a {
    width: 125px;
    height: 30px;
    border-right: 1px solid #959595;
    text-align: center;
    display: block;
    margin-top: 8px;
    line-height: 30px;
    color: #515151;
    font-weight: bold;
}

.news .top .rszp {
    border: none;
}

.news .top ul li.active a,.news .top ul li a:hover {
    background: #39a8b1;
    color: #FFFFFF;
}

.news .top span {
    float: left;
    color: #595757;
    margin-top: 18px;
    margin-left: 100px;
    font-size: 23px;
}

.news .top span a {
    width: 132px;
    height: 30px;
    font-size: 21px;
    color: #595757;
    text-align: center;
    display: block;
    border-left: 1px solid #959595;
    float: left;
    line-height: 30px;
    font-weight: bold;
}

.news .top span a:hover {
    background: #39a8b1;
    color: #FFFFFF;
}

.news .bottom {
    width: 1180px;
    height: 360px;
    border-top: 1px solid #959595;
}

.news .bottom .bottom_left {
    width: 786px;
    height: 409px;
    float: left;
    margin-top: 10px;
}

.news .bottom .bottom_left .bottom_left_l {
    float: left;
    width: 408px;
    height: 299px;
    margin-top: 10px;
    cursor: pointer;
    background: url(/static/images/new.jpg);
}

.news .bottom .bottom_left .bottom_left_l p {
    width: 365px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    margin-top: 245px;
    margin-left: 20px;
    color: #FFFFFF;
    overflow: hidden;
}

.news .bottom_left_l ol {
    width: 264px;
    height: 20px;
    margin: 0 auto;
}

.news .bottom_left_l ol li a {
    width: 40px;
    height: 8px;
    background: #FFFFFF;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    display: block;

}

.news .bottom_left_l ol li a:hover {
    background: #39a8b1;
    cursor: pointer;
}

.news .bottom_left_r {
    width: 344px;
    height: 299px;
    float: left;
    margin-top: 8px;
    margin-left: 30px;
}

.news .bottom_left_r ul li {
    width: 344px;
    height: 91px;
    margin: 10px auto;
    border-bottom: 1px solid #959595;
    position: relative;
}

.news .bottom_left_r ul li:last-child {
    border: none;
}

.news .bottom_left_r .tit {
    width: 222px;
    height: 45px;
}

.news .bottom_left_r .tit a {
    display: block;
    overflow: hidden;
    color: #3D3D3D;
    font-size: 15px;
}

.news .bottom_left_r .tit a:hover {
    color: #39a8b1;
}

.news .bottom_left_r .tit span {
    font-size: 13px;
    margin-top: 18px;
    display: block;
    color: #939393;
}

.news .bottom_left_r .tit img {
    position: absolute;
    top: 3px;
    left: 242px;
    transition: all 0.2s ease;
}

.news .bottom_left_r .tit img:hover {
    transform: scale(1.01, 1.01);
}

.news .bottom_right {
    width: 344px;
    height: 299px;
    float: left;
    margin-top: 18px;
    margin-left: 30px;
}

.news .bottom_right ul li {
    width: 344px;
    height: 91px;
    margin: 10px auto;
    border-bottom: 1px solid #959595;
    position: relative;
}

.news .bottom_right ul li:last-child {
    border: none;
}

.news .bottom_right .tit {
    width: 222px;
    height: 45px;
}

.news .bottom_right .tit a {
    display: block;
    overflow: hidden;
    color: #3D3D3D;
    font-size: 15px;
}

.news .bottom_right .tit a:hover {
    color: #39a8b1;
}

.news .bottom_right .tit span {
    font-size: 13px;
    margin-top: 18px;
    display: block;
    color: #939393;
}

.news .bottom_right .tit img {
    position: absolute;
    top: 3px;
    left: 242px;
    transition: all 0.2s ease;
}

.news .bottom_right .tit img:hover {
    transform: scale(1.01, 1.01);
}



/*视频 图片展示*/

.pic {
    width: 100%;
    height: 413px;
    margin: 0 auto;
    background: url(/static/images/bg_2.jpg);
}

.pic .pic_box {
    width: 1180px;
    height: 413px;
    margin: 0 auto;
    position: relative;
}

.pic .pic_box ul {
    width: 500px;
    height: 67px;
    position: absolute;
    top: 0;
    left: 0;
}

.pic .pic_box ul li {
    float: left;
    margin-top: 10px;
}

.pic .pic_box ul li a {
    width: 125px;
    height: 30px;
    text-align: center;
    display: block;
    margin-top: 8px;
    line-height: 30px;
    color: #515151;
    font-weight: bold;
    font-size: 21px;
}

.pic .pic_box ul li a:hover {
    background: #39a8b1;
    color: #FFFFFF;
}

.pic .pic_box span {
    position: absolute;
    top: 22px;
    right: 5px;
}

.pic_box .bottom {
    width: 1180px;
    height: 330px;
    position: absolute;
    top: 68px;
    left: 0;
}


.pic_box .bottom .images {
    width: 1108px;
    height: 300px;
    margin: 0 auto;
}

.pic .images ol li {
    float: left;
    margin-left: 6px;
    width: 130px;
    height: 285px;
    position: relative;
    overflow: hidden;
}

.pic .images ol li img {
    display: block; width: 130px; height: 103px;height: 145px;
}

.pic .images .ceng {
    width: 130px;
    height: 285px;
    background: rgba(57, 168, 177, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.pic .images a img {
    /* margin: 0 -25px; */
}

.pic .images a:hover+.ceng h2 {
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    top: 50px;
    left: 25px;
    font-weight: bold;
}

.pic .images ol li:hover .ceng {
    top: 145px;
    cursor: pointer;
}

.pic .images .ceng h2 {
    width: 80px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    top: 148px;
    left: 25px;
    font-weight: bold;
    transition: 0.3s;
}

.pic .images .ceng:hover h2 {
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    top: 50px;
    left: 25px;
    font-weight: bold;
}

.pic .images a:hover+.ceng span {
    width: 80px;
    heigh: 10px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid rgb(255, 255, 255, 0.5);
    text-align: center;
    position: absolute;
    top: 80px;
    left: 25px;
}


.pic .images .ceng span {
    width: 80px;
    heigh: 10px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid rgb(255, 255, 255, 0.5);
    text-align: center;
    position: absolute;
    top: 180px;
    left: 25px;
    transition: 0.3s;
}

.pic .images .ceng:hover span {
    width: 80px;
    heigh: 10px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    border: 1px solid rgb(255, 255, 255, 0.5);
    text-align: center;
    position: absolute;
    top: 80px;
    left: 25px;
}




/*故事*/
.story {
    width: 100%;
    height: 501px;
    margin: 0 auto;
    background: url(/static/images/bg_3.jpg);
}

.story ul {
    width: 1180px;
    height: 490px;
    margin: 0 auto;
}

.story ul li {
    width: 382px;
    height: 454px;
    background: #FFFFFF;
    margin-top: 22px;
    float: left;
    margin-left: 15px;
}

.story ul li:first-child {
    margin-left: 0;
}

.story ul li .top {
    width: 360px;
    height: 197px;
    margin: 15px 10px;
    float: left;
    position: relative;
    overflow: hidden;
}

.story .top .bg {
    width: 360px;
    height: 50px;
    background: rgba(25, 19, 14, 0.5);
    position: absolute;
    top: 158px;
    left: 0;
}

.story ul li .top a {
    display: block;
    width: 360px;
    height: 197px;
    overflow: hidden;
}

.story ul li .top a img {
    transition: 1s;
}

.story ul li .top a:hover img {
    transform: scale(1.1, 1.1);
}

.story ul li .top .bg p {
    width: 330px;
    height: 20px;
    overflow: hidden;
    margin-left: 10px;
    color: #FFFFFF;
    position: absolute;
    top: 10px;
    left: 8px;
}

.story ul li .top .bg:hover {
    top: 150px;
    left: 0;
    transition: 1s;
}

.story ul li .mid {
    float: left;
    margin-top: 18px;
}

.story ul li .mid p {
    float: left;
}

.story ul li .mid p a {
    font-size: 21px;
    color: #000000;
    font-weight: bold;
    margin-left: 15px;
}

.story ul li .mid p:hover a {
    color: #39a8b1;
}

.story ul li .mid span {
    display: block;
    float: right;
}

.story ul li .mid span a {
    display: block;
    width: 80px;
    height: 20px;
    border: 1px solid #595757;
    background: #ffffff;
    font-size: 12px;
    border-radius: 20px;
    text-align: center;
    margin-top: 5px;
    line-height: 20px;
    margin-left: 190px;
}

.story ul li .mid span a:hover {
    color: #fff;
    background: #39a8b1;
    border: none;
}

.story ul li .bot {
    width: 360px;
    height: 130px;
    float: left;
    margin-left: 9px;
    margin-top: 10px;
    font-size: 15px;
}

.story ul li .bot .bot_l {
    width: 250px;
    height: 130px;
    float: left;
    margin-left: 6px;
}

.story ul li .bot span {
    display: block;
    overflow: hidden;
    line-height: 30px;height: 30px; overflow: hidden;
}

.story ul li .bot span a {
    color: #474747;
}

.story ul li .bot span:hover a {
    color: #39a8b1;
}

.story ul li .bot .bot_r {
    float: right;
    margin-right: 5px;
}

.story ul li .bot .bot_r span {
    display: block;
    width: 80px;
    height: 100%;
    text-align: right;
    line-height: 30px;
}

/******************************/


.mv {
    width: 100%;
    height: 370px;
    background: #FFFFFF;
}

.mv .box {
    width: 1180px;
    height: 356px;
    margin: 0 auto;
}

.mv .box .left {
    width: 430px;
    height: 356px;
    margin-top: 15px;
    float: left;
}

.mv .box .left h2 {
    margin-top: 5px;
    width: 430px;
    height: 30px;
}

.mv .box .left h2 a:first-child {
    font-size: 21px;
    font-weight: bold;
    color: #515151;
    width: 125px;
    height: 30px; line-height: 30px;
    text-align: center;
    display: block;
    float: left;
}

.mv .box .left h2 a:first-child:hover {
    background: #39a8b1;
    color: #ffffff;
}

.mv .box .left h2 a:nth-child(2) {
    width: 75px;
    height: 30px;
    text-align: center;
    display: block;
    float: right;
    line-height: 30px;
}

.mv .box .left .down {
    width: 610px;
    height: 356px;
    margin-top: 15px;
}

.mv .box .left .down ul {
    margin-left: 10px;
}

.mv .box .left .down ul li {
    width: 130px;
    height: 280px;
    float: left;
    margin-top: 15px;
    margin: 0 10px 0 0;
    transition: 0.5s;
}

.mv .box .left .down ul li:hover {
    box-shadow: 0 0 15px #156d8d;
}

.mv .box .left .down ul li a img {
    width: 100px;
    height: 136px;
    margin-top: 10px;
    box-shadow: 0 0 8px #156d8d;
    margin-left: 15px;
}

.mv .box .left .down ul li .text {
    width: 130px;
    height: 136px;
    text-align: center;
}

.mv .box .left .down ul li .text h2 {
    width: 130px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.mv .box .left .down ul li .text h3 {
    font-size: 14px;
    color: #A3A3A3;
}

.mv .box .left .down ul li .text p {
    font-size: 14px;
    color: #A3A3A3;
    margin-top: 12px;
}

.mv .box .left .down ul li .text span a {
    width: 125px;
    height: 35px;
    background: #5fb8c0;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    line-height: 35px;
    font-weight: bold;
    margin-top: 30px;
    margin: 0 auto;
}



.mv .box .right {
    width: 720px;
    height: 356px;
    float: right;
    margin-top: 15px;
}

.mv .box .right h2 {
    margin-top: 5px;
    width: 720px;
    height: 30px;line-height: 30px;
}

.mv .box .right h2>a:first-child {
    font-size: 21px;
    font-weight: bold;
    color: #515151;
    width: 125px;
    height: 30px;
    text-align: center;
    display: block;
    float: left;
}

.mv .box .right h2>a:first-child:hover {
    background: #39a8b1;
    color: #ffffff;
}

.mv .box .right h2>a:nth-child(2) {
    width: 75px;
    height: 30px;
    text-align: center;
    display: block;
    float: right;
    line-height: 30px;
}

.mv .box .right h2 ul {
    width: 520px;
    height: 30px;
    float: left;
}

.mv .box .right h2 ul li {
    float: left;
    margin: 0 20px 0 10px;
}

.mv .box .right h2 ul li>a {
    font-size: 15px;
    line-height: 30px;
    width: 165px;
    height: 93px;
}

.mv .box .right h2 ul li a:hover {
    color: #39a8b1;
}

.mv .box .right .down {
    width: 720px;
    height: 285px;
    margin-top: 10px;
}

.mv .box .right .down ul:first-child {
    width: 720px;
    height: 137px;
    margin-top: 25px;
}

.mv .box .right .down ul:nth-child(2) {
    width: 720px;
    height: 137px;
    margin-top: 5px;
}

.mv .box .right .down ul li {
    float: left;
    margin-left: 8px;
    position: relative;
    padding-bottom: 15px;
}

.mv .box .right .down ul li>a:first-child {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 23px;
    left: 58px;
}

.mv .box .right .down ul li>a:first-child img {
    width: 50px;
    height: 50px;
    opacity: 0.5;
    /* transition: 0.5s; */
}

.mv .box .right .down ul li:hover>a:first-child img {
    width: 50px;
    height: 50px;
    opacity: 1;
    transform: scale(0.7);
    /* transform: scale(0.7) rotate(360deg); */
}

.mv .box .right .down ul li>a:nth-child(2) {
    width: 165px;
    height: 93px;
    background: #676767;
    display: block;
    overflow: hidden;
}


.mv .box .right .down ul li>a:nth-child(2) img {
    width: 165px;
    height: 93px;
    opacity: 0.5;
    transition: 0.5s;
}

.mv .box .right .down ul li:hover a:nth-child(2)>img {
    opacity: 1;
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
}


.mv .box .right .down ul li>a:first-child:hover~a:nth-child(2) img {
    opacity: 1;
}

.mv .box .right .down ul li p {
    width: 165px;
    height: 30px;
    margin-top: 3px;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
}

.mv .box .right .down ul li p>a {
    font-size: 12px;
    line-height: 13px;
    color: #7F7F7F;
}

.mv .box .right .down ul li p>a:hover {
    color: #5fb8c0;
}




/**********故事**********/
.zt {
    width: 100%;
    height: 321px;
    background: url(/static/images/bg_4.jpg);
}

.zt .box {
    width: 1180px;
    height: 321px;
    margin: 0 auto;
}

.zt .box .top {
    width: 1180px;
    height: 56px;
    padding-top: 10px;

}

.zt .box .top h2 {
    float: left;
}

.zt .box .top h2 a {
    width: 125px;
    height: 30px;
    text-align: center;
    display: block;
    margin-top: 15px;
    line-height: 30px;
    color: #515151;
    font-weight: bold;
    font-size: 21px;
}

.zt .box .top h2 a:hover {
    background: #39a8b1;
    color: #FFFFFF;
}

.zt .box .top span {
    float: right;
    margin-right: 8px;
    margin-top: 20px;
}

.zt .box ul li {
    width: 385px;
    height: 210px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: 12px;
}

.zt .box ul li a img {
    transition: 1s;height: 210px;
}

.zt .box ul li a:hover img {
    transform: scale(1.1, 1.1);
}

.zt .box ul li:first-child {
    margin-left: 0;
}

.zt .box ul li .bg {
    width: 390px;
    height: 60px;
    background: rgba(25, 19, 14, 0.5);
    position: absolute;
    top: 160px;
    left: 0;
}

.zt .box ul li .bg p {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    margin-left: 15px;
    margin-top: 8px;

}


/*友情链接*/
.link {
    width: 100%;
    height: 60px;
    background: #d7e7f1;
}


.link ul {
    width: 641px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
}

.link ul li a {
    float: left;
    width: 320px;
    height: 60px;
    color: #6F6F6F;
}

.link ul li a:hover {
    color: #264a61;
}


.link ul li:nth-child(2) a {
    border-left: 1px solid #b8ccd9;
}











/*footer*/
footer {
    width: 100%;
    height: 281px;
    background: url(/static/images/bg_5.jpg);
}

footer .box {
    width: 1258px;
    height: 281px;
    margin: 0 auto;
    border: 1px solid rgb(255, 255, 255, 0);
    box-sizing: border-box;
}

footer .box .top {
    width: 1225px;
    height: 105px;
    margin: 55px auto 30px;
}

footer .box .top ul {
    color: #b0b0b0;
    font-size: 14px;
    line-height: 30px;
}

footer .box .top ul li {
    float: left;
    margin-left:50px;
}
footer .box .top ul li p{clear: both;}

footer .box .top ul li:nth-child(1) {
    width: 200px;
    height: 104px;
    border-right: 1px solid #b0b0b0;
    padding-right: 60px;
    margin-left: 20px;
}

footer .box .top ul li:nth-child(2) img {
    float: left;
}

footer .box .top ul li:nth-child(2) h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 30px;
}

footer .box .top ul li:nth-child(3) img {
    float: left;
}

footer .box .top ul li:nth-child(3) h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 30px;
}

footer .box .top ul li:nth-child(4) {
    width: 187px;
    height: 104px;
    border-left: 1px solid #b0b0b0;
    padding-left: 60px;

}

footer .box .down {
    width: 1225px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

footer .box .down p {
    color: #b0b0b0;
}

footer .box .down p a {
    color: #b0b0b0;
}


/*add*/
.zclear{clear: both; height: 0;}
.wrap{ width: 1180px; margin:0 auto; padding:20px 0; }
/* 二级导航2 */
.nav_two {
    width: 100%;
    background: #f5f5f5;
    border-top: 30px solid #f5f5f5;
    border-bottom: 1px solid #e7e7e7;
}

.nav_two .item {
    text-align: center;
    line-height: 60px;
    border: 1px solid #e7e7e7;
    border-right: 0;
    border-bottom: 0;
    background: #ffffff;
    cursor: pointer;
    font-size: 16px;
    position: relative;
}

.nav_two .item:last-child {
    border-right: 1px solid #e7e7e7;
}

.nav_two .item.active {
    color: #01a45f;
    border-top: 4px solid #01a45f;
}

.nav_two .item.active::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ffffff;
    left: 0;
    right: 0;
    bottom: -1px;
    position: absolute;
}

.nav_two .item:hover {
    color: #01a45f;
}


.in-fy {margin-top: 35px;overflow: hidden; text-align: center;}
.in-fy .box {margin: 0 auto;width: 100; max-width: 1200px;}
.in-fy .box span,.in-fy .box a{
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    background: #f1eff0;
    border-radius: 3px;
    text-align: center;
    margin-left: 8px;
}
.in-fy .box .first {
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    background: #f1eff0;
    border-radius: 3px;
    text-align: center;
    margin-left: 8px;
}
.in-fy .box .active a{
    background: #8cccff;color: #fff;
}
.in-fy .box a {
    display: inline-block;
    margin-left: 8px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f1eff0;
    border-radius: 3px;
    text-align: center;
}
.in-fy .box a:hover {
    background: #8cccff;
    color: #3A3A3A;
}

.in-fy .box input {
    display: inline-block;
    width: 60px;
    height: 38px;
    margin-left: 8px;
    border: 1px solid #8C8C8C;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    outline: medium;
    border-radius: 3px;
}

.in-fy .box button {
    width: 60px;
    height: 40px;
    margin-left: 8px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    background: #f1eff0;
    font-size: 16px;
    transition: 0.5s;
    outline: none;
}


.in-fy .box button:hover {
    background: #8cccff;
    color: #3A3A3A;
    cursor: pointer;
}





.nav_yygk{
    width:100%;
    height:187px;
    background:linear-gradient(to top,rgb(5,150,160,1),rgb(0,98,160,0.9));
    border-top:1px solid #1990d9;
}

.nav_yygk .box{
    width:1180px;
    height:197px;
    margin: 0 auto;
}

.nav_yygk .box h2{
    border-radius: 50px;
    width:200px;
    height: 46px;
    line-height: 46px;
    border:1px solid #ffffff;
    font-size:28px;
    color:#ffffff;
    font-weight: bold;
    letter-spacing:3px;
    text-align: center;
    margin: 60px auto 10px;
}
.nav_yygk .box ul{
    text-align: center;
    /* width: 580px; */
    height: 24px;
    margin:30px auto 10px;
}
.nav_yygk .box ul li{
    font-size: 18px;
    /* float:left; */
    width:110px;
    height: 22px;

    display: inline-block;
    display: inline-table;
    margin: 0 3px 0 -8px;
    text-align: center;
    border-right:1px solid #ffffff;
}
.nav_yygk .box ul li a{
    line-height: 22px;
    display: block;
    color:#ffffff;
}
.nav_yygk .box ul li:last-child{
    border-right:none;
}

.nav_yygk .box ul li:hover{
    background:rgb(255,255,255,0.9);
}

.nav_yygk .box ul li:hover a{
    color:#0062a0;
}



.index_images {
    width: 100%; max-width: 1200px; margin:0 auto;
    margin-top: 8px;
    background: #fff;
    padding-bottom: 30px;
}

.index_images .college-title {
    text-align: center;
    padding: 80px 0 23px;
    color: #333;
    font-weight: bold;
    font-size: 30px;
}

.index_images .college-des {
    text-align: center;
    color: #666;
    font-size: 16px;
}

.index_images .college-des a {
    margin-left: 10px;
    color: #F00;
}

.index_images .college-all {
    margin: 45px 17px 20px 28px;
}

.index_images .college-all li {
    width: 23.7%;
    list-style: none;
    display: inline-block;
    margin-right: 11px;
    position: relative;
    margin-bottom: 23px;
}

.index_images .college-all li:last-child {
    margin-right: 0;
}

.index_images .college-all li .college-list {
    font-size: 0;
    cursor: pointer;
}

.index_images .college-all li img {
    height: 175px;
    width: 100%;
}

.index_images .college-all li .list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
    text-align: center;
    height: 50px;
    position: relative;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding-top: 13px;
    box-sizing: border-box;
}

.index_images .college-news {
    font-size: 14px;
    color: #666;
}

.index_images .college-news a {
    color: #666;
    display: inline-block;
    width: 276px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 16px;
    padding-left: 20px;
    box-sizing: border-box;
}

.index_images .college-news a:hover {
    color: #3F82FC;
}

.index_images .college-news p {
    margin-top: 14px;
}

.carousel-example-generic-news {
    float: left;
    width: 408px;
    height: 299px;
    margin-top: 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.carousel-example-generic-news .item {
    width: 100%;
    height: 100%;
}

.news .bottom .bottom_left .item img {
    width: 100%;
    height: 100%;
}

.news .bottom .bottom_left .item p {
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
    padding: 0 5px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}

.carousel-example-generic-news .carousel-indicators li {
    width: 40px;
    height: 8px;
    background: #FFFFFF;
    border-radius: 0;
    border: 0;
    margin: 0 5px;
}

.carousel-example-generic-news .carousel-indicators .active {
    background: #7cc68b;
}

.news .bottom .bottom_left .bottom_left_l {
    float: left;
    width: 408px;
    height: 299px;
    margin-top: 10px;
    cursor: pointer;
    background: url(/static/images/new.jpg);
}

.news .bottom .bottom_left .bottom_left_l p {
    width: 365px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    margin-top: 245px;
    margin-left: 20px;
    color: #FFFFFF;
    overflow: hidden;
}

.news .bottom_left_l ol {
    width: 264px;
    height: 20px;
    margin: 0 auto;
}

.news .bottom_left_l ol li a {
    width: 40px;
    height: 8px;
    background: #FFFFFF;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    display: block;

}

.news .bottom_left_l ol li a:hover {
    background: #39a8b1;
    cursor: pointer;
}

.news .bottom_left_r {
    width: 344px;
    height: 299px;
    float: left;
    margin-top: 8px;
    margin-left: 30px;
}

.news .bottom_left_r ul li {
    width: 344px;
    height: 91px;
    margin: 10px auto;
    border-bottom: 1px solid #959595;
    position: relative;
}

.news .bottom_left_r ul li:last-child {
    border: none;
}

.news .bottom_left_r .tit {
    width: 222px;
    height: 45px;
}

.news .bottom_left_r .tit a {
    display: block;
    overflow: hidden;
    color: #3D3D3D;
    font-size: 15px;
}

.news .bottom_left_r .tit a:hover {
    color: #39a8b1;
}

.news .bottom_left_r .tit span {
    font-size: 13px;
    margin-top: 18px;
    display: block;
    color: #939393;
}

.news .bottom_left_r .tit img {
    position: absolute;
    top: 3px;
    left: 242px;
    transition: all 0.2s ease;
}

.news .bottom_left_r .tit img:hover {
    transform: scale(1.01, 1.01);
}

news .bottom_right {
    width: 344px;
    height: 299px;
    float: left;
    margin-top: 18px;
    margin-left: 30px;
}

.news .bottom_right ul li {
    width: 344px;
    height: 91px;
    margin: 10px auto;
    border-bottom: 1px solid #959595;
    position: relative;
}

.news .bottom_right ul li:last-child {
    border: none;
}

.news .bottom_right .tit {
    width: 222px;
    height: 45px;
}

.news .bottom_right .tit a {
    display: block;
    overflow: hidden;
    color: #3D3D3D;
    font-size: 15px;
    height: 42px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .bottom_right .tit a:hover {
    color: #39a8b1;
}

.news .bottom_right .tit span {
    font-size: 13px;
    margin-top: 18px;
    display: block;
    color: #939393;
}

.news .bottom_right .tit img {
    position: absolute;
    top: 3px;
    left: 242px;
    transition: all 0.2s ease;
}

.news .bottom_right .tit img:hover {
    transform: scale(1.01, 1.01);
}
.news .carousel-indicators{ width: 80%; left: 10%; text-align: center;margin-left: 0; }
.news .bottom_left .tit a{
 display: block;
    overflow: hidden;
    color: #3D3D3D;
    font-size: 15px;
    height: 42px;

    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    
}


.hsh1{
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    
}
.hsh2{
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.hsh3{
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    
}
.hsh4{
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    
}