﻿a {
    color: black;
}

.f-w{
    font-weight: bold !important;
}
.f-w a{
    font-weight: bold !important;
}

.c-l-r {
    color: red;
}

.c-p {
    cursor: pointer;
}

.bg1 {
    background-color: blue;
}

.bg2 {
    background-color: red;
}


/* 裁切 */

.o-f {
    overflow: hidden;
    *zoom: 1;
}

.t-o-f {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* 位置 */

.p-r {
    position: relative;
}

.p-a {
    position: absolute;
}

.m-t-xx {
    margin-top: 22px;
}

.m-b-xx {
    margin-bottom: 30px;
}


/* top-title */

.top-title {
    display: block;
    padding: 0px 0 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 32px;
    color: #cd0000;
    cursor: pointer;
}

.top-title:hover {
    display: block;
    padding: 0px 0 10px 0;
    text-align: center;
    font-size: 32px;
    color: #cd0000;
    cursor: pointer;
}

.top-title-info {
    color: #8a8383;
    height: 500px;
    margin-bottom: 25px;
}

.top-title-info p{
    width:1000px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin:0 auto;
}

.top-title-info p span{
    font-family: "Microsoft YaHei", 微软雅黑 !important;
}


/* *****轮播**** */


/*
* Swiper 2.7.0
* Mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/sliders/swiper/
*
* Copyright 2010-2014, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under GPL & MIT
*
* Released on: August 30, 2014
*/


/* ===============================================================
Basic Swiper Styles 
================================================================*/

.swiper-container {
    margin: 0 auto;
    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 {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
    /* Specify Swiper's Size: */
    /* width: 200px;
height: 100px; */
}

.swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */
}

.swiper-slide-visible {
    /* Specific visible slide styling: */
}


/* ===============================================================
Pagination Styles
================================================================*/


/* 轮播点 */

.swiper-pagination-switch {
    /* Stylize pagination button: */
    display: inline-block;
    width: 13px;
    height: 10px;
    border-radius: 3px;
    background: #BBB7B6;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    /* Specific active button style: */
    width: 23px;
    background: #D9251E;
}

.swiper-visible-switch {
    /* Specific visible button style: */
}


/* ************ */


/* picture carousel */

.banner-one {
    height: 500px;
    overflow: hidden;
    margin-bottom: 25px;
}

.left {
    position: relative;
    width: 800px;
    overflow: hidden;
}

.banner-one-img {
    height: 500px;
}

.banner-one-abg {
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 0 25px;
    width: 800px;
    height: 67px;
    line-height: 67px;
    background: url(../image/gy_loopbg.png) no-repeat top center;
}

.banner-one-a {
    display: inline-block;
    overflow: hidden;
    width: 600px;
    font-size: 18px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.banner-one-a:hover {
    color: yellow;
    text-decoration: none;
}

.banner-one-dot {
    position: absolute;
    right: 70px;
    bottom: 25px;
}
.picture_more{
    position:absolute;
    right: 17px;
    bottom: 20px;
    color:#ffffff;
    font-size:16px;
    cursor:pointer;
}
.picture_more:hover{
    color:#FFFF00;
    text-decoration:none;
}

.right {
    width: 460px;
    font-size: 18px;
    list-style: none;
}

.right .right-logo {
    width: 30px;
    height: 20px;
    margin-left: 15px;
    position: relative;
    top: -3px;
}

.right li {
    overflow: hidden;
    margin-bottom: 12px;
    text-align: left;
}

.right li .right-dot {
    position: relative;
    top: 10px;
    float: left;
    width: 7px;
    height: 7px;
}

.right li span {
    width: 435px;
    float: right;
}

.right li span a {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    text-decoration: none;
}

.right li span a:hover {
    color: #cd0000;
}


/* banner-img-one */

.banner-img {
    height: 116px;
}

.banner-img img {
    width: 1300px;
    height: 116px;
}

.arrow-left {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 1;
}

.arrow-right {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 1;
}


/* list-row-one */

.ul-title-top {
    border-bottom: 1px solid #CECECE;
}

.ul-title-top a {
    position: relative;
    bottom: -2px;
    display: inline-block;
    padding-bottom: 17px;
    border-bottom: 3px solid;
    font-size: 24px;
    font-weight: bold;
    color: #3967C7;
    cursor: pointer;
}

.ul-title-top a:hover {
    text-decoration: none;
}

.ul-title-top a span:hover {
    color: #1b4eb6;
}

.list-row-one {
    overflow: hidden;
    height: 350px;
    margin-bottom: 22px;
}

.list-row-one .left {
    float: left;
    width: 430px;
    height: 100%;
}

.list-row-one .center {
    display: inline-block;
    width: 430px;
    height: 100%;
    margin-left: 27px;
}

.list-row-one .right {
    position: relative;
    float: right;
    width: 385px;
    height: 90%;
}

.list-row-one .right a{
    position: absolute;
    left: 150px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
}
.list-row-one .right a:hover{
    color: #f3ff2b;
    text-decoration: none;
}

.list-row-ul {
    font-size: 18px;
    list-style: none;
}

.list-row-ul .right-logo {
    width: 30px;
    height: 20px;
    margin-left: 15px;
    position: relative;
    top: -3px;
}

.list-row-ul li {
    overflow: hidden;
    margin-bottom: 10px;
}

.list-row-ul li .right-dot {
    position: relative;
    top: 10px;
    float: left;
    width: 7px;
    height: 7px;
}

.list-row-ul li span {
    width: 410px;
    float: right;
}

.list-row-ul li span a {
    font-size: 18px;
    line-height: 26px;
    color: #333;
    text-decoration: none;
}

.list-row-ul li span a:hover {
    color: #E21C2D;
}


/* nurse-list */

.swiper-list-box {
    background-color: #F5F5F5;
padding-bottom: 22px;
}

.swiper-list-box .title {
    padding: 26px 0;
    text-align: center;
    font-size: 26px;
}

.swiper-list-box .title span {
    cursor: pointer;
}

.swiper-list-box .title .t-c {
    color: #808080;
}

.swiper-list-box .title img {
    position: relative;
    top: -4px;
    width: 26px;
    height: 35px;
    margin-right: 10px;
}

.list-box {
    padding: 0 20px 20px 20px;
}

.list-box .img-items {
    display: block;
    height: 100%;
    padding: 0 10px;
    cursor: pointer;
}

.list-box .img-items:hover {
    color: red;
}

.list-box .img-items img {
    display: block;
    width: 100%;
    height: 190px;
}

.list-box .img-items span {
   display: inline-block;
    width: 100%;
    padding: 16px 0;
    font-size: 18px;
    text-align: center;
    color: #333333;
}

.list-arrow-left {
    position: absolute;
    left: 15px;
    top: 32%;
    margin-top: -15px;
    width: 28px;
    height: 68px;
    z-index: 8;
}

.list-arrow-right {
    position: absolute;
    right: 15px;
    top: 32%;
    margin-top: -15px;
    width: 28px;
    height: 68px;
    z-index: 8;
}

.list-row-two {
    overflow: hidden;
    margin: 22px 0;
}

.list-row-two .left {
    float: left;
    width: 410px;
    height: 100%;
}

.list-row-two .center {
    display: inline-block;
    width: 410px;
    height: 100%;
    margin-left: 37px;
}

.list-row-two .right {
    float: right;
    width: 410px;
    height: 100%;
}

.list-two-row-ul .right-logo {
    width: 30px;
    height: 20px;
    margin-left: 15px;
    position: relative;
    top: -3px;
}

.list-two-row-ul li {
    overflow: hidden;
    margin-bottom: 13px;
}

.list-two-row-ul li .right-dot {
    position: relative;
    top: 10px;
    float: left;
    width: 7px;
    height: 7px;
}

.list-two-row-ul li span {
    width: 390px;
    float: right;
}

.list-two-row-ul li span a {
    font-size: 18px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}

.list-two-row-ul li span a:hover {
    color: #E21C2D;
}

.list-box .video-items {
    position: relative;
    display: block;
    height: 100%;
    padding: 0px 27px;
    cursor: pointer;
}

.list-box .video-items:hover {
    color: red;
}

.list-box .video-items div {
    width: 380px;
    height: 220px;
	overflow:hidden;
	
}

.list-box .video-items .img1 {
    width: 380px;
    height: 220px;
	
}

.list-box .video-items .img2 {
    position: absolute;
    left: 33px;
    bottom: 72px;
    width: 40px;
    height: 40px;
}

.list-box .video-items span {
    display: inline-block;
    width: 380px;
    padding: 16px 0;
    font-size: 18px;
    text-align: center;
    background-color: #F5F5F5;
    color: #333333;
}

.list-box .book-items {
    display: block;
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
}

.list-box .book-items img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 190px;
    height: 275px;
}

.date {
    position: absolute;
    right: 0;
    top: 450px;
    color: #ffffff;
}

.date .spanBox {
    overflow: hidden;
    display: inline-block;
    width: 163px;
    padding: 0px 13px;
    background-color: #38ABC8;
    border-radius: 6px;
}

.date .spanBox .date-left {
    padding: 0;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 50px;
    padding-right: 1px;
    position: relative;
    top: -2px;
}

.date .spanBox .date-right {
    position: relative;
    top: 17px;
    display: inline-block;
    border-left: 1px solid #60BCD3;
    padding-left: 10px;
}

.date img {
    width: 88px;
    height: 84px;
    position: relative;
    top: -9px;
}
.swiper-list-box .title-one {
    color:#222222;
}
.swiper-list-box .title-two {
    color:#222222;
}
.swiper-list-box a:hover{
    text-decoration:none;
}
.video-title{
    color:#222222;
}
.book-title{
 color:#222222;   
}
.book-title:hover{
 color:#222222;   
}
.video-title:hover{
    color:#222222;
}
