@import "include_part.css";
/*******************
edited by shamo
2024.9.2
******************/

/*手机 移动端 适应屏幕宽度展示*/
@media screen and (max-width:1024px){
	
    #mybody{
        width: calc(100%);
        display: table;
/*		position: relative;*/
		
		background-repeat: no-repeat;
        background: 
            url("../images/banners/kv_11.jpg") no-repeat,
            url("../images/banners/kv_22.jpg") no-repeat,
            url("../images/banners/kv_33.jpg") no-repeat,
            url("../images/banners/kv_44.jpg") no-repeat,
            url("../images/banners/kv_55.jpg") no-repeat;
        -webkit-animation: backImg 40s linear 0s infinite normal;
        -moz-animation: backImg 40s linear 0s infinite normal;
        -ms-animation: backImg 40s linear 0s infinite normal;
        -o-animation: backImg 40s linear 0s infinite normal;
        animation: backImg 40s linear 0s infinite normal;
    }
	
    /*动态背景图的滤镜*/
    #mybody::before{
        content: "";
        position: absolute;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh);
        background-image: linear-gradient(35deg,rgba(0,0,0,0.3),rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.08) 35%);
        z-index: 3
    }

    @keyframes backImg{
        0%   {background-image: url("/images/banners/kv_11.jpg");background-size:auto calc(130vh);background-position: center 0;  }
        18%  {background-image: url("/images/banners/kv_11.jpg");background-size:auto calc(130vh);background-position: center -3rem; }
        20%  {background-image: url("/images/banners/kv_22.jpg");background-size:auto calc(130vh);background-position: center -3rem; }
        38%  {background-image: url("/images/banners/kv_22.jpg");background-size:auto calc(130vh);background-position: center -6rem;}
        40%  {background-image: url("/images/banners/kv_33.jpg");background-size:auto calc(130vh);background-position: center -6rem; }
        58%  {background-image: url("/images/banners/kv_33.jpg");background-size:auto calc(130vh);background-position: center -9rem; }
        60%  {background-image: url("/images/banners/kv_44.jpg");background-size:auto calc(130vh);background-position: center -9rem; }
        78%  {background-image: url("/images/banners/kv_44.jpg");background-size:auto calc(130vh);background-position: center -12rem; }
        80%  {background-image: url("/images/banners/kv_55.jpg");background-size:auto calc(130vh);background-position: center -12rem; }
        98%  {background-image: url("/images/banners/kv_55.jpg");background-size:auto calc(130vh);background-position: center -15rem; }
        100% {background-image: url("/images/banners/kv_11.jpg");background-size:auto calc(130vh);background-position: center 0;}
    }

    /*banner 滚动屏*/
    #part1{
        width: 100%;
        /*height: 40em;*/
        /*height: calc(100vh - 5px);*/
		height: calc(100vh);
		
        /*css 动态计算数值 100vh = 视窗高度的100%，支持 "+", "-", "*", "/" 运算；*/
        text-align: center;
    }

    #part1 #block{
        width: 100%;
		display: table;
    }

    #part1 #block #hospital_training{
		padding: 1rem 0;
        width: 90%;
        display: table;
        position: absolute;
		bottom: 10%;
		left: 0;
		right: 0;
        z-index: 4;
		overflow: hidden;
    }

    #part1 #block #hospital_training .target{
        display: table;
        font-size: 2.8rem;
/*		font-family:"阿里妈妈东方大楷 Regular";*/
		/*华文隶书*/ 
/*        font-family:"STLITI", "Arial", "Arial Narrow", "Times New Roman";*/
		font-family:"STLITI","system-ui", "-apple-system", "Segoe UI", "Rototo", "Helvetica", "Arial", "sans-serif";
        line-height: 120%;
        color: #fff;
        transform: scaleY(120%);
        text-shadow: 0 0 2px #333;
        position: relative;
        float: left;
        clear: both;
		
		margin-bottom: calc(43vh);
    }

/*
    #part1 #block #hospital_training .target:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background:url("../images/logo2.png") rgba(255,255,255,0.01) no-repeat center center;
		background-size: 16%;
		/ *filter:grayscale(80%);* /
		opacity: 0.5;
		
		filter:drop-shadow(0 100px 0 #fff);
		transform:translateY(-100px);

        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
		/ *right: -3%;* /
        margin: auto;
    }
*/

    #part1 #block #hospital_training .idea{
        margin-top: 2rem;
		width: 100%;
        display: table;
        font-size: 1.5rem;
		
/*		font-family:"阿里妈妈东方大楷 Regular";*/
		
		/*华文新魏*/
/*        font-family:"STXINWEI", "Arial", "Arial Narrow", "Times New Roman";*/
		font-family:"STXINWEI","system-ui", "-apple-system", "Segoe UI", "Rototo", "Helvetica", "Arial", "sans-serif";
		text-shadow: 0 0 1px #333;

        line-height: 130%;
        color: #fff;
        float: left;
		opacity: 0.9;
    }
	
    #part1 #block #scroll_news{
        position: absolute;
        width: calc(100vw - 1.6rem);
        height: 4rem;
		padding: 0.8rem 0.8rem 0 0.8rem;
		border-radius: 10px 10px 0 0;
		left: 0;
		right: 0;
		bottom: 0;
		-moz-bottom: -2rem;
		margin: 0 auto;
        background: #fff;
        z-index: 10;
		overflow: hidden;
    }

    #part1 #block #scroll_news #con{
        width: inherit;
        height:inherit;
		overflow: hidden
    }

    #part1 #block #scroll_news #con #newsList{
        width: 100%;
        height:inherit;
        margin: 0 auto;
        list-style: none;
        transition:0.5s;
    }

    #part1 #block #scroll_news #con #newsList li{
        width:inherit;
        height:inherit;
        cursor: pointer;
        border-radius: 5px;
        transition:0.3s;
        opacity: 0.9;
    }

    #part1 #block #scroll_news #con #newsList li:hover{
        background:#EBEDFC;
    }

    #part1 #block #scroll_news #con #newsList li:hover div{
        color:rgba(21,129,161,1);
    }

    #part1 #block #scroll_news #con #newsList li .date{
        display: none;
    }

    #part1 #block #scroll_news #con #newsList li .title{
        width: 100%;
        height:100%;
        line-height: 130%;
        /*padding: 0 0.5rem;*/
        display: flex;
        justify-content:center;
        align-items:center;
        overflow: hidden;
        text-overflow: ellipsis;
		font-size: 90%;
    }

    #part1 #block #scroll_news #con #control{
        display: none
    }

    /*重要通告*/
	
	/*仅 firefox 识别 */
    @-moz-document url-prefix(){
        #part2{
            margin-top: calc(-4rem - 0px); /*calc(-4rem - 1px)*/
        }
    }
	/* safari(Chrome) 有效 */
	@media screen and (-webkit-min-device-pixel-ratio:0){
        #part2{
            margin-top: calc(-4rem - 0px); /*calc(-4rem - 1px)*/
        }
	}
	/* 仅 Opera 有效 */
	@media all and (min-width: 0px){
        #part2{
            margin-top: calc(-4rem - 0px); /*calc(-4rem - 1px)*/
        }
	}
	
    #part2{
        width: 100%;
        display: table;
        background:#fff;
		padding-top: 2rem;
		position: relative;
		z-index: 4;
/*		display: none;*/
    }

    #part2 #block{
        width: 94%;
		display: table;
		margin: 0 auto;
    }

    #part2 #block #notices{
        width: 100%;
        display: table;
        border-radius: 5px;
        background:rgba(176,216,117,0.3);
    }

    #part2 #block #notices ul{
    /*	calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小
        calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小*/
        width: calc(100% - 2rem);
        display: table;
        padding: 1rem;
        list-style: none;
    }

    #part2 #block #notices ul li{
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: 5px;
        float: left;
        cursor: pointer;
        color: rgb(21,129,161);
        transition: 0s;
        font-weight: bold;
        overflow: hidden
    }

    #part2 #block #notices ul li:hover{
        background-color: rgba(176,216,117,0.5);
        color: #333;
        transition: 0s;
    }

    #part2 #block #notices ul li .front{
        display: none;
    }

    #part2 #block #notices ul li .date{
        display: none;
    }

    #part2 #block #notices ul li .line{
        display: none;
    }

    #part2 #block #notices ul li .note{
        width: 96%;
        height: inherit;
        font-size: 90%;
        line-height:inherit;
        float: left;
        color: inherit;
    }

    #part2 #block #notices ul li .back{
        width: 4%;
        height: inherit;
        line-height:inherit;
        float: left;
        color: inherit;
        position: relative;
    }

    #part2 #block #notices ul li .back:before{
        position: absolute;
        content: '>';
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
		/*left: 0;*/
    }

    /*六大诊疗服务*/
    #part3{
        width: 100%;
        display: table;
		height: auto;
		background:#fff;
/*		display: none;*/
    }

    #part3 #block{
        width: 94%;
        padding: 3rem 0;	
    }
	
    #part3 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part3 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part3 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part3 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part3 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part3 #block .middle_block .items .item{
        width: calc(calc(100% - 1rem)/2);
/*        height: 30rem;*/
		height: 20rem;
        margin-right: 1rem;
        float: left;
		background: rgba(0,0,0,0.02);
/*        box-shadow: 0 0 4px #ccc;*/
        border-radius: 10px;
        cursor: pointer;
        
        position: relative;
        overflow: hidden;
        margin-bottom: 1rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part3 #block .middle_block .items .item:nth-child(2n){
        margin-right: 0;
    }
	
	#part3 #block .middle_block .items .item .outer{
		width: 100%;
		height: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
	}
	
	#part3 #block .middle_block .items .item .middler{
        border-radius: 50%;
	}
	
	#part3 #block .middle_block .items .item .middler1{
		background: rgba(75,160,240,0.3);
	}

	#part3 #block .middle_block .items .item .middler2{
		background: rgba(205,115,175,0.3);
	}

	#part3 #block .middle_block .items .item .middler3{
        background: rgba(245,175,170,0.3);
    }

	#part3 #block .middle_block .items .item .middler4{
        background: rgba(20,125,150,0.3);
    }

	#part3 #block .middle_block .items .item .middler5{
        background: rgba(245,80,80,0.3);
    }

	#part3 #block .middle_block .items .item .middler6{
        background: rgba(45,140,30,0.3);
    }

	#part3 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;

        position: absolute;
        content: '';

        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index:3;
	}
	
    .service_open_mycircle{
        animation: service_open_mycircle 1s 1;
        animation-fill-mode: forwards;	
    }

    .service_close_mycircle{
        animation: service_close_mycircle 1s 1;
        animation-fill-mode: forwards;
    }

    @keyframes service_open_mycircle{
        from{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
        to{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
    }

    @keyframes service_close_mycircle{
        from{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
        to{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
    }
	
	#part3 #block .middle_block .items .item .inner .icon{
		margin-top: 5%;
		width: 90%;
		height: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: relative;
/*		background: green*/
	}
	
	#part3 #block .middle_block .items .item:hover .inner .icon{
		filter: brightness(120%);
	}
	
	#part3 #block .middle_block .items .item:nth-child(1) .inner .icon{
		background-image: url("/images/jzjc.png");
	}
	#part3 #block .middle_block .items .item:nth-child(2) .inner .icon{
		background-image: url("/images/faka.png");
	}
	#part3 #block .middle_block .items .item:nth-child(3) .inner .icon{
		background-image: url("/images/zsyx.png");
	}
	#part3 #block .middle_block .items .item:nth-child(4) .inner .icon{
		background-image: url("/images/mbtk.png");
	}
	#part3 #block .middle_block .items .item:nth-child(5) .inner .icon{
		background-image: url("/images/xyyh.png");
	}
	#part3 #block .middle_block .items .item:nth-child(6) .inner .icon{
		background-image: url("/images/smyh.png");
	}
	
	#part3 #block .middle_block .items .item .inner .icon .title{
		position: absolute;
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		color: #333;

		margin: 0 auto;
		left: 0;
		right: 0; 
		bottom: -2.5rem;
	}
	
	#part3 #block .middle_block .items .item:nth-child(n):hover .inner .title{
/*		text-shadow: 0 0 10px #333;*/
		color: #333;
	}
	
	#part3 #block .middle_block .items .item .inner .desc{
		width: 85%;
		height: auto;
		margin-top: 3rem;
		font-size: 0.8rem;
		line-height: 150%;
		opacity: 0.7;
		text-align: center;
/*		background: red*/
	}
	
	#part3 #block .middle_block .items .item:nth-child(1) .inner .desc,#part3 #block .middle_block .items .item:nth-child(2) .inner .desc{
		text-align: left;
	}
	
	#part3 #block .middle_block .items .item:nth-child(6):hover .inner .desc{
		color: rgba(45,140,30,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(5):hover .inner .desc{
		color: rgba(245,80,80,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(4):hover .inner .desc{
		color: rgba(20,125,150,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(3):hover .inner .desc{
		color: rgba(245,105,100,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(2):hover .inner .desc{
		color: rgba(205,115,175,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(1):hover .inner .desc{
		color: rgba(75,160,240,1);
	}
	
    #part3 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*抗肿瘤疗法*/
    #part4{
        width: 100%;
        display: table;
        background: #fff;
/*		display: none;*/
    }

    #part4 #block{
        width: 94%;
        padding: 3rem 0;	
    }

    #part4 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part4 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part4 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part4 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part4 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part4 #block .middle_block .items .item{
        width: calc(calc(100% - 1rem)/2);
        height: auto;
        margin-right: 1rem;
        float: left;
        background: rgba(0,0,0,0.02);
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 1rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part4 #block .middle_block .items .item:nth-child(2n){
        margin-right: 0;
    }
	
	#part4 #block .middle_block .items .item:hover{
		background: transparent;
	}

	#part4 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	#part4 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: auto;
/*
		background-color: transparent;
		background-repeat: no-repeat;
		background-position:  center top;
		background-size: 100%;
		background: red;
*/
		transition: 0.5s;
	}
/*
	
	#part4 #block .middle_block .items .item:nth-child(1) .inner .pic{
		background: url("/images/p53.jpg") no-repeat;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item:nth-child(2) .inner .pic{
		background: url("/images/e10a.jpg") no-repeat;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item:nth-child(3) .inner .pic{
		background: url("/images/tils.jpg") no-repeat;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item:nth-child(4) .inner .pic{
		background: url("/images/aks.jpg") no-repeat;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item:nth-child(5) .inner .pic{
		background: url("/images/ttv.jpg") no-repeat;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item:nth-child(6) .inner .pic{
		background: url("/images/inkt.jpg") no-repeat;
		background-size: 100%;
	}
*/
	
/*
	#part4 #block .middle_block .items .item .inner .p53{
		background: url("/images/p53.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .E10A{
		background: url("/images/e10a.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .TILS{
		background: url("/images/tils.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .aksen{
		background: url("/images/aks.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .TTV{
		background: url("/images/ttv.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .INKT{
		background: url("/images/inkt.jpg") no-repeat center center;
		background-size: 100%;
	}
*/
	
	
	#part4 #block .middle_block .items .item .inner .title{
		width: 100%;
		height: auto;
		padding-bottom: 1rem;
		text-align: center;
		font-size: 1rem;
		line-height: 120%;
		font-weight: bold;
		margin-top: 1rem;
	}
	
	#part4 #block .middle_block .items .item:nth-child(n):hover .title{
		color: #0d5d8e;
	}
	
	#part4 #block .middle_block .items .item:nth-child(n):hover .pic{
/*		background-size: 110%;*/
		filter:brightness(110%);
	}

    #part4 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*成功案例分享*/
    #part5{
        width: 100%;
        display: table;
        background: #fff;
/*		display: none*/
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part5 #block{
        width: 94%;
        padding: 3rem 0;	
    }

    #part5 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part5 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part5 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part5 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part5 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part5 #block .middle_block .items .item{
        width: calc(calc(100% - 2rem)/3);
        height: 12rem;
        margin-right: 1rem;
        float: left;
        background: rgba(0,0,0,0.02);
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 1rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part5 #block .middle_block .items .item:nth-child(3n){
        margin-right: 0;
    }
	
	#part5 #block .middle_block .items .item .outer{
		width: 100%;
		height: 100%;
		background: #f7f7f7;	
		position: relative;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#part5 #block .middle_block .items .item .middler{
		background: rgba(76,163,146,0.7);/*#0d5d8e;*/
	}
	
    .cases_open_mycircle{
        animation: cases_open_mycircle 0.8s 1;
        animation-fill-mode: forwards;	
    }

    .cases_close_mycircle{
        animation: cases_close_mycircle 0.8s 1;
        animation-fill-mode: forwards;
    }

    @keyframes cases_open_mycircle{
        from{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
        to{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
    }

    @keyframes cases_close_mycircle{
        from{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
        to{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
    }
	
	#part5 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	#part5 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: 55%;
		margin-top: 7%;
/*		background: red;*/
/*
		background-repeat: no-repeat;
		background-position: center center;
		background-size:auto 100%;
*/
		opacity: 0.8;
		transition: 0.5s;
		
		display: flex;
		align-items: center;
		justify-content: center
	}
	
	
	#part5 #block .middle_block .items .item .inner .pic img{
		width: 60%;
		height: auto;
	}
	
	@media screen and (min-width:601px){	
		#part5 #block .middle_block .items .item .inner .pic img{
			width: 38%;
			height: auto;
		}
	}
/*
	#part5 #block .middle_block .items .item:nth-child(1) .inner .pic{
		background-image: url("/images/prevention.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(2) .inner .pic{
		background-image: url("/images/colon_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(3) .inner .pic{
		background-image: url("/images/lung_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(4) .inner .pic{
		background-image: url("/images/liver_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(5) .inner .pic{
		background-image: url("/images/breast_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(6) .inner .pic{
		background-image: url("/images/cervical_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(7) .inner .pic{
		background-image: url("/images/brain_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(8) .inner .pic{
		background-image: url("/images/gastric_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(9) .inner .pic{
		background-image: url("/images/neck_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(10) .inner .pic{
		background-image: url("/images/pancreatic_cancer.png");
	}
*/
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .pic{
		filter:brightness(120%);
		opacity: 1;
	}
	
	#part5 #block .middle_block .items .item .inner .title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1rem;
		line-height: 120%;
		font-weight: bold;
		margin-top: 1rem;
	}
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .title{
		color: #fff
	}
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .therapy{
		color: #fff
	}
	
	#part5 #block .middle_block .items .item .inner .therapy{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 0.9rem;
		line-height: 200%;
		opacity: 0.7
	}
	
    #part5 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	

    /*国内外影响力*/
    #part6{
        width: 100%;
        display: table;
        background: #fff;
/*		display: none*/
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part6 #block{
        width: 94%;
        padding: 3rem 0;	
    }

    #part6 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part6 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part6 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }
	
    #part6 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part6 #block .middle_block .media_items{
        width: 100%;
        height: auto;
		float: left
    }
	
    #part6 #block .middle_block .media_items .item{
        width: calc(calc(100% - 1rem)/2);
		height:auto;
        margin-right: 1rem;
		padding-bottom: 1.5rem;
        float: left;
/*        background: rgba(0,0,0,0.02);*/
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 1rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part6 #block .middle_block .media_items .item:nth-child(2n){
        margin-right: 0;
    }

	#part6 #block .middle_block .media_items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	#part6 #block .middle_block .media_items .item .inner .pic{
		width: auto;
		height: auto;
	}
	#part6 #block .middle_block .media_items .item .inner .pic img{
		width: calc(100%);
		height: auto;
	}
	#part6 #block .middle_block .media_items .item:hover .inner .pic img{
		filter:brightness(120%);
	}

	#part6 #block .middle_block .media_items .item .inner .date{
		width: 90%;
		height: auto;
		text-align: center;
		font-size: 1rem;
		line-height: 250%;
		font-weight: bold
	}
	
	#part6 #block .middle_block .media_items .item .inner .desc{
		width: 95%;
		height: auto;
		text-align: center;
		font-size: 0.8rem;
		line-height: 150%;
		opacity: 0.8;
		padding-bottom: 1rem;
	}
	
	#part6 #block .middle_block .media_items .item:hover .inner div{
		color: #0d5d8e;
	}

	#part6 #block .middle_block .patients_interview{
        width: calc(100% - 2rem );
		padding: 2rem 1rem;
        height: auto;
		float: left;
		background: #f7f7f7;
	}
	
	#part6 #block .middle_block .patients_interview .patients{
        width: 100%;
        height: auto;
		float: left;
	}
	
	#part6 #block .middle_block .patients_interview .patients .pic{
        width: 100%;
        height: auto;
	}
	
	#part6 #block .middle_block .patients_interview .patients .pic img{
		width: calc(100%);
		height: auto;
	}
	
	#part6 #block .middle_block .patients_interview .patients .desc{
        width: 100%;
        height: auto;
		font-size: 1rem;
		padding-top: 2rem;
		font-weight: bold;
		text-align: center
	}
	
	#part6 #block .middle_block .patients_interview .interviews{
		width:100%;
        height: auto;
		float: left;
		margin-top: 3rem;
	}

	#part6 #block .middle_block .patients_interview .interviews .items{
        width: 100%;
        height: auto;
		display: table;
		float: left;
		clear: both
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item{
        width: calc(calc(100% - 2rem)/3);
        height: auto;
		float: left;
		margin-right: 1rem;
		margin-bottom: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item:nth-child(3n){
		margin-right: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .pic{
		width: auto;
        height:auto;
		margin: 0;
		padding: 0;
		text-align: center
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .pic img{
		width: 100%;
        height:auto;
		margin: 0;
		padding: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .title{
		width: auto;
        height:auto;
		margin-bottom: 1rem;
		font-size: 0.8rem;
		text-align: center;
		opacity: 0.8;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .desc{
        width: 100%;
        height: auto;
		float: left;
		font-size: 1rem;
		padding: 1rem 0;
		font-weight: bold;
		text-align: center;
	}
	
    #part6 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*资深专家团队*/
    #part7{
        width: 100%;
        display: table;
        background: #fff;
/*		display: none*/
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part7 #block{
        width: 94%;
		height: auto;
        padding: 3rem 0;	
    }

    #part7 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part7 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part7 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part7 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part7 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part7 #block .middle_block .items .item{
        width: calc(calc(100% - 2rem)/3);
		height: auto;
        margin-right: 1rem;
		padding-bottom: 1rem;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 1rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part7 #block .middle_block .items .item:nth-child(3n){
       margin-right: 0;
    }

	#part7 #block .middle_block .items .item:hover{
		filter:brightness(110%);
		background: #fff;
	}

	#part7 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}

	#part7 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: auto;
	}
	#part7 #block .middle_block .items .item .inner .pic img{
		width: calc(100%);
		height: auto;
	}

	#part7 #block .middle_block .items .item .inner .text{
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	#part7 #block .middle_block .items .item:hover .inner div{
		color: #0d5d8e;
	}
	
	#part7 #block .middle_block .items .item .inner .text .dr_name{
		width: 100%;
		height: auto;
		margin-top: 0.5rem;
		font-size: 1rem;
		font-weight: bold;
		text-align: center	
	}
	
	#part7 #block .middle_block .items .item .inner .text .title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 0.8rem;
		line-height: 120%;
		margin-top: 0.5rem;
		opacity: 0.8
	}

    #part7 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	
    /*临床研究课题*/
    #part8{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
/*		display: none;*/
    }

    #part8 #block{
        width: 94%;
        padding: 3rem 0;	
    }
	
    #part8 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part8 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part8 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }
	
    #part8 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part8 #block .middle_block .items{
        width: 100%;
        list-style: none;
    }

    #part8 #block .middle_block .item{
        width: calc(calc(100% - 1rem)/2);
        height: auto;
        margin-right: 1rem;
        margin-bottom: 1rem;
        border-radius: 10px;
/*        box-shadow: 0 0 20px #bfbdb9;*/
        float: left;
        cursor: pointer;
        transition: 0.3s;
        background: #fff;
        position: relative;
    }

    #part8 #block .middle_block .item:nth-child(2n){
        margin-right: 0
    }

    #part8 #block .middle_block .item .pic{
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
/*
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
*/
/*        filter:blur(1px) grayscale(50%);*/
    }
    #part8 #block .middle_block .item .pic img{
        width: 100%;
        height: auto;
		border-radius: 10px;
    }

    #part8 #block .middle_block .item .title{
        width: 90%;
        padding:3px 5%;
        height: 4.5rem;
        color:rgb(0,0,0);
        font-size: 85%;
/*        font-weight: bold;*/
        line-height: 120%;
		opacity: 0.9;
		overflow: hidden;
		
		background: rgba(0,0,0,0.02);
		border-radius: 4px;

        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4; 
        -webkit-box-orient: vertical;
    }

    #part8 #block .middle_block .item .desc{	
		display: none
    }

    #part8 #block .middle_block .item:hover{
        box-shadow: 0 0 10px #ccc;
    }

    #part8 #block .middle_block .item:hover div{
        color:rgb(21,129,161);
/*        filter:blur(0) grayscale(0%);*/
    }

    #part8 #block .middle_block .item:hover:before{
        position: absolute;
        content: '';
        width: 100%;
        height:100%;
        border-radius: 10px;
        border: 1px solid rgb(21,129,161);
        margin: auto;
        top: 0;
        bottom: 0;
        left: -1px;
        right: 0;
        transition: 1s;
    }
	
    /*最新的院内通知公告*/
    #part9{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
/*		display: none*/
    }

    #part9 #block{
        width: 94%;
        padding: 5rem 0;
    }
	
    #part9 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part9 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part9 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part9 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	
    /*流彩变幻效果*/
/*
    #mybody #block #line{
        width: 100%;
        height: 2px;
        margin: 2rem 0;

        background: linear-gradient(90deg,rgb(255,215,0),rgb(246,251,242),rgb(184,216,191),rgb(218,185,208),rgb(253,222,204),#496eaa,#944fa8,#a8804f,#496eaa,rgb(246,251,242),rgb(255,215,0));
        background-size:500% 200%;
        -webkit-animation: myline 60s ease-in-out infinite;
        -moz-animation: myline 60s ease-in-out infinite;
        animation: myline 60s ease-in-out infinite;
    }
*/
/*
    @keyframes myline{
        0%   {background-position: 0% 100%; }
        25%  {background-position: 50% 50%;}
        50%  {background-position: 100% 0%;}
        75%  {background-position: 50% 50%;}
        100% {background-position: 0% 100%;}
    }
*/

    #part9 #block .middle_block .piece{/* background: Gold;*/
        width: 100%;
/*        margin-right: 2.5rem;*/
        height: 19rem;
        float: left;
		margin-bottom: 4rem;
    }
	
    #part9 #block .middle_block .piece #block{
        width: 100%;
        height: inherit;
        margin: 0;
        padding: 0;
        position: relative;
    }

    #part9 #block .middle_block .piece #block:before{
        content: '';
        position: absolute;
        width: 79%;
        height:20rem;
        border-radius: 5px;
        top: 0;
        right: 0;
        background: rgba(247,245,242,1);
        z-index: 1;
    }

    #part9 #block .middle_block .piece #block ul{
        width: 100%;
        list-style: none;
        content: '';
        position: absolute;
        height:inherit;
        top: 0;
        right: 0;
        z-index: 2;
    }

    #part9 #block .middle_block .piece #block ul .record{
        width: 100%;
        height: 5rem;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        transition: 0.3s;
    }

    #part9 #block .middle_block .piece #block ul .record:hover{
        box-shadow: 0 0 8px #ccc;
    }

    #part9 #block .middle_block .piece #block ul .record:hover div{
        color:#1581a1;
    }

    #part9 #block .middle_block .piece #block ul .record:last-child{
        border-bottom:none;
    }

    #part9 #block .middle_block .piece #block ul .record:first-child{
        height: 4rem;
        border-bottom: 1px solid #6A5318;
    }

    #part9 #block .middle_block .piece #block ul .icon{
		display: none;
    }

    #part9 #block .middle_block .piece #block ul .name{
        width: 70%;
        height: inherit;
        line-height: 4rem;
        font-weight: bold;
        text-indent: 1rem;
        float: left;
    }

    #part9 #block .middle_block .piece #block ul .icon2{
		display: none
    }

    #part9 #block .middle_block .piece #block ul .record .date{
        width: 22%;
        height: inherit;
        float: left;
        opacity: 0.9;
    }

    #part9 #block .middle_block .piece #block ul .record .date .day{
        width: 50%;
        height: 49%;
        margin: 0 auto;
        line-height: 3.3rem;
        text-align: center;
        border-bottom: 1px solid #888;
    }

    #part9 #block .middle_block .piece #block ul .record .date .year{
        width: 50%;
        height: 50%;
        text-align: center;
        line-height: 1.3rem;
    }

    #part9 #block .middle_block .piece #block ul .record .title{
        width: 72%;
        padding: 0 3%;
        height: inherit;
        font-size: 90%;
        line-height: 130%;
        display: flex;
        justify-content: flex-start;/*水平*/
        align-items: center;/*垂直*/
        float: left;
        opacity: 0.9;
    }

    /*近期的资讯动态*/
    #part10{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
/*		display: none;*/
    }

    #part10 #block{
        width: 94%;
        padding: 5rem 0 12rem 0;
    }

    #part10 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part10 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part10 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part10 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part10 #block .middle_block #activity{
        width: 100%;
        height: 24rem;
		position: relative;
    }

    #part10 #block .middle_block #activity .tag{
        display: none
    }


    #part10 #block #activity #shamoContainer{
        margin: 0 auto;
		width: calc(94vw);
        height: 25rem;
		float: left;
    }
	
    #part10 #block #activity #shamoContainer .swiper{
        width: calc(100% - 2rem);
        height: 100%;
        padding: 1rem;
    }
	
    #part10 #block #activity #shamoContainer .swiper .swiper-wrapper{
        width: 100%;
		height: inherit;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide{
        text-align: center;
        background: #fff;
        box-shadow: 0 0 12px #bfbdb9;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s;
        padding: 0;
        margin: 0;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide:hover{
        box-shadow: 0 0 6px #ccc;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide:hover div{
        color:rgba(21,129,161,1);
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .pic{
        width: 100%;
        height: 60%;
        border-radius: 10px 10px 0 0;
        float: left;
		overflow: hidden;
/*
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 110% 100%;
*/
/*        filter:blur(1px) grayscale(50%);*/
    }

/*
    #part10 #block #activity #shamoContainer .swiper .swiper-slide:hover .pic{
        background-size: 120% 110%;
/ *        filter:blur(0) grayscale(0);* /
    }
*/

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .column{
        width: 90%;
        padding: 0 5%;
        height: auto;
        float: left;
        font-size: 70%;
        line-height: 400%;
        opacity: 0.6;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .title{
        width: 90%;
        padding: 0 5%;
        height: 3rem;
        float: left;
        font-size: 90%;
        line-height: 150%;
        text-align: justify;
        opacity: 0.9;
    /*    1、纯单词超过长度会截断换行，其他的单词不会
        word-wrap: break-word;
        单词也要换行，都要换行
        word-break: break-all;

        2、单行超出范围后显示省略点：
        溢出隐藏
        overflow: hidden;
        强制在一行显示
        white-space: nowrap;
        显示省略号
        text-overflow: ellipsis;*/

        /*3、多行超出范围后显示省略点：
        溢出隐藏*/
        overflow: hidden;
       /* 显示省略号*/
        text-overflow: ellipsis;
        /*和-webkit-line-clamp结合使用
        将对象作为弹性伸缩盒子模型显示*/
        display: -webkit-box;
        /*用来限制在一个块元素显示的文本的行数，
        它需要组合其他的 WebKit 属性
        写什么数字表示最多显示几行。*/
        -webkit-line-clamp: 2; 
        /*和-webkit-line-clamp结合使用
        设置伸缩盒对象的子元素的排列方式*/
        -webkit-box-orient: vertical;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .date{
        width: 90%;
        padding: 0 5%;
        height: auto;
        float: left;
        font-size: 70%;
        line-height: 400%;
        opacity: 0.6;
    }
	
    /*肿瘤科普*/
    #part11{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
    }

    #part11 #block{
        width: 94%;
        padding: 5rem 0 3rem 0;
    }

    #part11 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part11 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part11 #block .top_block .desc{
        width: 85%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 150%;
		text-align: center;
		opacity: 0.8;
    }

    #part11 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part11 #block .middle_block .items{
        width: 100%;
        height: auto;
		display: table;
    }

    #part11 #block .middle_block .items .item{
		width: calc(calc(100% - 1rem)/2);
		height: 22rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
		float: left;
        text-align: center;
        background: #f7f7f7;
/*        box-shadow: 0 0 12px #bfbdb9;*/
        border-radius: 10px;
        cursor: pointer;
    }
    #part11 #block .middle_block .items .item:nth-child(2n){
		margin-right:0;
    }
    #part11 #block .middle_block .items .item:nth-child(n+7){
		display: none
    }

/*
    #part11 #block .middle_block .items .item:hover{
        box-shadow: 0 0 6px #ccc;
    }
*/

    #part11 #block .middle_block .items .item:hover div{
        color:rgba(21,129,161,1);
    }

    #part11 #block .middle_block .items .item .pic{
        width: 100%;
        height: 50%;
        border-radius: 10px 10px 0 0;
        float: left;
		
		overflow: hidden;
/*
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 110% 100%;
*/
/*        filter:blur(1px) grayscale(50%);*/
    }

/*
    #part11 #block .middle_block .items .item:hover .pic{
        background-size: 120% 110%;
/ *        filter:blur(0) grayscale(0);* /
    }
*/

    #part11 #block .middle_block .items .item .column{
        width: 90%;
        padding: 0 5%;
        height: 15%;
        float: left;
        font-size: 70%;
        line-height: 500%;
        opacity: 0.6;
    }

    #part11 #block .middle_block .items .item .title{
        width: 90%;
        padding: 0 5%;
        height: auto;
        float: left;
        font-size: 90%;
        line-height: 140%;
        text-align: justify;
        opacity: 0.9;
    /*    1、纯单词超过长度会截断换行，其他的单词不会
        word-wrap: break-word;
        单词也要换行，都要换行
        word-break: break-all;

        2、单行超出范围后显示省略点：
        溢出隐藏
        overflow: hidden;
        强制在一行显示
        white-space: nowrap;
        显示省略号
        text-overflow: ellipsis;*/

        /*3、多行超出范围后显示省略点：
        溢出隐藏*/
        overflow: hidden;
       /* 显示省略号*/
        text-overflow: ellipsis;
        /*和-webkit-line-clamp结合使用
        将对象作为弹性伸缩盒子模型显示*/
        display: -webkit-box;
        /*用来限制在一个块元素显示的文本的行数，
        它需要组合其他的 WebKit 属性
        写什么数字表示最多显示几行。*/
        -webkit-line-clamp: 3; 
        /*和-webkit-line-clamp结合使用
        设置伸缩盒对象的子元素的排列方式*/
        -webkit-box-orient: vertical;
    }

    #part11 #block .middle_block .items .item .date{
        width: 90%;
        padding: 0 5%;
        height: 16%;
        float: left;
        font-size: 70%;
        line-height: 400%;
        opacity: 0.6;
    }
	
	
}

/*PC端 适应屏幕宽度展示*/
@media screen and (min-width:1025px){
	body{
		background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
	}

    #mybody{
		width: 1920px;
        display: table;
/*        background-size: 100%;*/
/*        background-position: center 0;*/
		position: relative;

        background: 
            url("../images/banners/kv_1.jpg") no-repeat,
            url("../images/banners/kv_2.jpg") no-repeat,
            url("../images/banners/kv_3.jpg") no-repeat,
            url("../images/banners/kv_4.jpg") no-repeat,
            url("../images/banners/kv_5.jpg") no-repeat;
        -webkit-animation: backImg 40s linear 0s infinite normal;
        -moz-animation: backImg 40s linear 0s infinite normal;
        -ms-animation: backImg 40s linear 0s infinite normal;
        -o-animation: backImg 40s linear 0s infinite normal;
        animation: backImg 40s linear 0s infinite normal;
    }
	
	@media screen and (max-width:1920px){
		#mybody{
			width:100%;
		}
	}
	
    /*动态背景图的滤镜*/
    #mybody::before{
        content: "";
        position: absolute;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: calc(100vh - 5px);
        background-image: linear-gradient(35deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2) 30%,rgba(0,0,0,0.08) 35%);
        z-index: 3
    }
/*    #mybody::after{
        content: "";
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        width: 35%;
        height: calc(100vh - 5px);
        backdrop-filter:blur(1px);
        z-index: 2
    }*/

    @keyframes backImg{

        0%   {background-image: url("/images/banners/kv_1.jpg");background-size: 100% auto;background-position: center 0;  }
        18%  {background-image: url("/images/banners/kv_1.jpg");background-size: 100% auto;background-position: center -3rem; }
        20%  {background-image: url("/images/banners/kv_2.jpg");background-size: 100% auto;background-position: center -3rem; }
        38%  {background-image: url("/images/banners/kv_2.jpg");background-size: 100% auto;background-position: center -6rem;}
        40%  {background-image: url("/images/banners/kv_3.jpg");background-size: 100% auto;background-position: center -6rem; }
        58%  {background-image: url("/images/banners/kv_3.jpg");background-size: 100% auto;background-position: center -9rem; }
        60%  {background-image: url("/images/banners/kv_4.jpg");background-size: 100% auto;background-position: center -9rem; }
        78%  {background-image: url("/images/banners/kv_4.jpg");background-size: 100% auto;background-position: center -12rem; }
        80%  {background-image: url("/images/banners/kv_5.jpg");background-size: 100% auto;background-position: center -12rem; }
        98%  {background-image: url("/images/banners/kv_5.jpg");background-size: 100% auto;background-position: center -15rem; }
        100% {background-image: url("/images/banners/kv_1.jpg");background-size: 100% auto;background-position: center 0;}
    }

    /*banner 滚动屏*/
    #part1{
		width:100%;
        /*height: 40em;*/
        height: calc(100vh - 5px);
        /*css 动态计算数值 100vh = 视窗高度的100%，支持 "+", "-", "*", "/" 运算；*/
        text-align: center;
		position: relative;
/*		background: red*/
    }
	
    #part1 #block{
        width: 100%;
		height: auto;
    }

    #part1 #block #hospital_training{
        width: 34rem;
		padding: 1rem 0;
        display: table;
        float: left;
        margin-left: 5rem;
		margin-bottom: 5rem;
        position: absolute;
        bottom: 0;
        z-index: 4;
		overflow: hidden;
    }

    #part1 #block #hospital_training .target{
        display: table;
        font-size: 3rem;
		
/*		阿里妈妈东方大楷 Regular*/
		/*华文隶书*/ 
/*        font-family:"STLITI", "Arial", "Arial Narrow", "Times New Roman";*/
		font-family:"STLITI","system-ui", "-apple-system", "Segoe UI", "Rototo", "Helvetica", "Arial", "sans-serif";
        line-height: 130%;
        color: #fff;
        transform: scaleY(130%);
        text-shadow: 0 0 2px #333;
        position: relative;
        float: left;
        clear: both;
		opacity: 0.9
    }
	
    #part1 #block #hospital_training .idea{
        margin-top: 1rem;
		width: 100%;
        display: table;
        font-size: 1.5rem;
		
		/*华文新魏*/
/*        font-family:"STXINWEI", "Arial", "Arial Narrow", "Times New Roman";*/
		font-family:"STXINWEI","system-ui", "-apple-system", "Segoe UI", "Rototo", "Helvetica", "Arial", "sans-serif";

        line-height: 130%;
        color: #fff;
		text-shadow: 0 0 1px #333;
        float: left;
		opacity: 0.9
    }
	
    #part1 #block #scroll_news{
        position: absolute;
		width: 35.6rem;
        height: 4rem;
		padding: 0.8rem;
        background: #fff;
        border-radius: 10px 0 0 0;
        bottom: 0;
        right: 0;
        z-index: 10;
    }

    #part1 #block #scroll_news::after{
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
		bottom: 0;
        left: -15px;
        background-image:radial-gradient(15px at 0 0, transparent 14px, #fff 15px);
    }

    #part1 #block #scroll_news #con{
        width: inherit;
        height:inherit;
        overflow: hidden;
    }

    #part1 #block #scroll_news #con #newsList{
        width: 32rem;
        height:inherit;
        float: left;
        list-style: none;
        transition:0.5s;
    }

    #part1 #block #scroll_news #con #newsList li{
        width:inherit;
        height:inherit;
        cursor: pointer;
        border-radius: 5px;
        transition:0.3s;
        opacity: 0.9;
    }

    #part1 #block #scroll_news #con #newsList li:hover{
        background:#EBEDFC;
    }

    #part1 #block #scroll_news #con #newsList li:hover div{
        color:rgba(21,129,161,1);
    }

    #part1 #block #scroll_news #con #newsList li .date{
        width: 3rem;
        padding: 0 1rem;
        height: inherit;
        float: left;
    }

    #part1 #block #scroll_news #con #newsList li .date .day{
        width: inherit;
        height: 50%;
        line-height: 250%;
        font-weight: bold;
        text-align: center
    }

    #part1 #block #scroll_news #con #newsList li .date .line{
        width: 3rem;
        height: 1px;
        background:#ccc;
    }

    .progressBar{
        width: 3rem;
        height: 1px;
        float: left;
        background:#494C8F;
    }

    .play{
        animation:mymove 4s ease-in-out 1 normal;/*infinite*/
    }

    .pause{
        animation-play-state: paused;
    }

    .restart{
        animation:mymove1 4s ease-in-out 1 normal
    }

    @keyframes mymove{
        from{width:0}
        to{width:100%}
    }

    @keyframes mymove1{
        from{width:0}
        to{width:100%}
    }

    #part1 #block #scroll_news #con #newsList li .date .year{
        width: inherit;
        height: 49%;
        line-height: 150%;
        font-weight: bold;
        text-align: center
    }

    #part1 #block #scroll_news #con #newsList li .title{
        width: 27rem;
        height:100%;
        line-height: 130%;
        display: flex;
        justify-content:flex-start;
        align-items:center;
        overflow: hidden;
        text-overflow: ellipsis;
		font-size: 90%;
    }

    #part1 #block #scroll_news #con #control{
        width: 2rem;
        height: inherit;
        float: right;
		margin-left: 1.6rem;
    }

    #part1 #block #scroll_news #con #control .pre{
        width: inherit;
        height: 2rem;
        text-align: center;
        cursor: pointer;
        transition:0s;
    }

    #part1 #block #scroll_news #con #control .pre:after{
        content: "︿";
        width: inherit;
        height: 2rem;
        display: table-cell;
        vertical-align: top;
        text-align: center;
    }

    #part1 #block #scroll_news #con #control .pre:hover{
        font-weight: bolder;
    }

    #part1 #block #scroll_news #con #control .next{
        width: inherit;
        height: 2rem;
        text-align: center;
        cursor: pointer;
        transition:0s;
    }

    #part1 #block #scroll_news #con #control .next:after{
        content: "﹀";
        width: inherit;
        height: 2rem;
        text-align: center;
        display: table-cell;
        vertical-align: bottom;
        border-top: 1px #ccc solid;
    }

    #part1 #block #scroll_news #con #control .next:hover{
        font-weight: bolder;
    }

    /*重要通告*/
    #part2{
        width: 100%;
        display: table;
        background:#fff;
    }

    #part2 #block{
		width: 1440px;
		margin: 0 auto;
        margin-top: 4rem;
		margin-bottom: 4rem;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part2 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part2 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part2 #block{width:1200px;}
	}

    #part2 #block #notices{
        width: 100%;
        display: table;
        border-radius: 5px;
        background:rgba(176,216,117,0.3);
    }
	
    #part2 #block #notices ul{
    /*	calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小
        calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小*/
        width: calc(100% - 2rem);
        display: table;
        padding: 1rem;
        list-style: none;
    }

    #part2 #block #notices ul li{
        width: 100%;
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: 5px;
        float: left;
        cursor: pointer;
        color: rgb(21,129,161);
        transition: 0s;
        font-weight: bold;
        overflow: hidden;
    }

    #part2 #block #notices ul li:hover{
        background-color: rgba(176,216,117,0.5);
        color: #333;
    }

    #part2 #block #notices ul li .front{
        width: 3%;
        height: inherit;
        line-height:inherit;
        float: left;
        color: inherit;
        position: relative;
    }

    #part2 #block #notices ul li .front:before{
        position: absolute;
        width: 100%;
        height: 100%;
		transition: 0s;
        background: url("/images/icons/remind.png") rgba(255,255,255,0.01) no-repeat left center;
        background-size: 40%;
        filter: drop-shadow(0 100px 0 rgb(21,129,161));
        transform: translateY(-100px);
        content: '';
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0.5rem;
    }

    #part2 #block #notices ul li:hover .front:before{
        filter: drop-shadow(0 100px 0 #333);
        transform: translateY(-100px);
		transition: 0s;
    }

    #part2 #block #notices ul li .date{
        width: 10%;
        height: inherit;
        line-height:inherit;
        float: left;
        color: inherit;
        position: relative;
    }

    #part2 #block #notices ul li .line{
        width: 7%;
        height: inherit;
        float: left;
        position: relative;
    }

    #part2 #block #notices ul li .line:before{
        width: 70%;
        height: 50%;
        position: absolute;
        content: '-----';
		font-size: 80%;
		line-height:0;
		
        color: rgb(21,129,161);
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
		
		display: flex;
		justify-content: center;
		align-items: center
    }

    #part2 #block #notices ul li:hover .line:before{
        color:#333;
    }

    #part2 #block #notices ul li .note{
        width: 78%;
        height: inherit;
        font-size: 90%;
        line-height:inherit;
        float: left;
        color: inherit;
    }

    #part2 #block #notices ul li .back{
        width: 2%;
        height: inherit;
        line-height:inherit;
        float: left;
        color: inherit;
        position: relative;
    }

    #part2 #block #notices ul li .back:before{
        position: absolute;
        content: '>';
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0.5rem;
    }

    /*六大诊疗服务*/
    #part3{
        width: 100%;
        display: table;
        background: #fff;
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part3 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part3 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part3 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part3 #block{width:1200px;}
	}
	
    #part3 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part3 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part3 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part3 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part3 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part3 #block .middle_block .items .item{
        width: calc(calc(100% - 4rem)/3);
        height: 30rem;
        margin-right: 2rem;
        float: left;
		background: #fff;
        box-shadow: 0 0 10px #ccc;
        border-radius: 10px;
        cursor: pointer;
        
        position: relative;
        overflow: hidden;
        margin-bottom: 3rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part3 #block .middle_block .items .item:nth-child(3n){
        margin-right: 0;
    }
	
	#part3 #block .middle_block .items .item .outer{
		width: 100%;
		height: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
	}
	
	#part3 #block .middle_block .items .item .middler{
        border-radius: 50%;
	}
	
	#part3 #block .middle_block .items .item .middler1{
		background: rgba(75,160,240,0.3);
	}

	#part3 #block .middle_block .items .item .middler2{
		background: rgba(205,115,175,0.3);
	}

	#part3 #block .middle_block .items .item .middler3{
        background: rgba(245,175,170,0.3);
    }

	#part3 #block .middle_block .items .item .middler4{
        background: rgba(20,125,150,0.3);
    }

	#part3 #block .middle_block .items .item .middler5{
        background: rgba(245,80,80,0.3);
    }

	#part3 #block .middle_block .items .item .middler6{
        background: rgba(45,140,30,0.3);
    }

	#part3 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;

        position: absolute;
        content: '';

        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index:3;
	}
	
    .service_open_mycircle{
        animation: service_open_mycircle 1s 1;
        animation-fill-mode: forwards;	
    }

    .service_close_mycircle{
        animation: service_close_mycircle 1s 1;
        animation-fill-mode: forwards;
    }

    @keyframes service_open_mycircle{
        from{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
        to{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
    }

    @keyframes service_close_mycircle{
        from{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
        to{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
    }
	
	#part3 #block .middle_block .items .item .inner .icon{
		margin-top: 5%;
		width: 100%;
		height: 65%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: relative;
	}
	
	#part3 #block .middle_block .items .item:hover .inner .icon{
		filter: brightness(120%);
	}
	
	#part3 #block .middle_block .items .item:nth-child(1) .inner .icon{
		background-image: url("/images/jzjc.png");
	}
	#part3 #block .middle_block .items .item:nth-child(2) .inner .icon{
		background-image: url("/images/faka.png");
	}
	#part3 #block .middle_block .items .item:nth-child(3) .inner .icon{
		background-image: url("/images/zsyx.png");
	}
	#part3 #block .middle_block .items .item:nth-child(4) .inner .icon{
		background-image: url("/images/mbtk.png");
	}
	#part3 #block .middle_block .items .item:nth-child(5) .inner .icon{
		background-image: url("/images/xyyh.png");
	}
	#part3 #block .middle_block .items .item:nth-child(6) .inner .icon{
		background-image: url("/images/smyh.png");
	}
	
	#part3 #block .middle_block .items .item .inner .icon .title{
		position: absolute;
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
		color: #ffffff;

		margin: 0 auto;
		left: 0;
		right: 0; 
		bottom: 1.8rem;
	}
	
	#part3 #block .middle_block .items .item:nth-child(n):hover .inner .title{
/*		text-shadow: 0 0 10px #333;*/
		color: #333;
	}
	
	#part3 #block .middle_block .items .item .inner .desc{
		width: 80%;
		height: 22%;
		margin-top: 8%;
		font-size: 0.9rem;
		line-height: 200%;
		opacity: 0.7;
		text-align: center;
	}
	
	#part3 #block .middle_block .items .item:nth-child(1) .inner .desc,#part3 #block .middle_block .items .item:nth-child(2) .inner .desc{
		text-align: left;
	}
	
	#part3 #block .middle_block .items .item:nth-child(6):hover .inner .desc{
		color: rgba(45,140,30,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(5):hover .inner .desc{
		color: rgba(245,80,80,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(4):hover .inner .desc{
		color: rgba(20,125,150,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(3):hover .inner .desc{
		color: rgba(245,105,100,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(2):hover .inner .desc{
		color: rgba(205,115,175,1);
	}
	
	#part3 #block .middle_block .items .item:nth-child(1):hover .inner .desc{
		color: rgba(75,160,240,1);
	}
	
    #part3 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*抗肿瘤疗法*/
    #part4{
        width: 100%;
        display: table;
        background: #fff;
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part4 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part4 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part4 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part4 #block{width:1200px;}
	}

    #part4 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part4 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part4 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part4 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part4 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part4 #block .middle_block .items .item{
        width: calc(calc(100% - 3rem)/4);
        height: 25rem;
        margin-right: 1rem;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 3rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part4 #block .middle_block .items .item:nth-child(4n){
        margin-right: 0;
    }
	
	#part4 #block .middle_block .items .item:hover{
		background: transparent;
	}

	#part4 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	#part4 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: 75%;
/*
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
*/
/*		background: red;*/
		transition: 0.5s;
		
		overflow: hidden;
	}
	
/*
	#part4 #block .middle_block .items .item .inner .p53{
		background: url("/images/p53.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .E10A{
		background: url("/images/e10a.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .TILS{
		background: url("/images/tils.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .aksen{
		background: url("/images/aks.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .TTV{
		background: url("/images/ttv.jpg") no-repeat center center;
		background-size: 100%;
	}
	#part4 #block .middle_block .items .item .inner .INKT{
		background: url("/images/inkt.jpg") no-repeat center center;
		background-size: 100%;
	}
*/
	
	#part4 #block .middle_block .items .item .inner .title{
		width: 100%;
		height: 25%;
		text-align: center;
		font-size: 1rem;
		line-height: 120%;
		font-weight: bold;
		margin-top: 2rem;
	}
	
	#part4 #block .middle_block .items .item:nth-child(n):hover .title{
		color: #0d5d8e;
	}
	
/*
	#part4 #block .middle_block .items .item:nth-child(n):hover .pic{
		background-size: 110%;
		filter:brightness(110%);
	}
*/
	
	#part4 #block .middle_block .items .item:nth-child(n):hover .pic img{
		transform:scale(110%);
		filter:brightness(110%);
	}

    #part4 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*成功案例分享*/
    #part5{
        width: 100%;
        display: table;
        background: #fff;
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part5 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part5 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part5 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part5 #block{width:1200px;}
	}

    #part5 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part5 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part5 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part5 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part5 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part5 #block .middle_block .items .item{
        width: calc(calc(100% - 4rem)/5);
        height: 18rem;
        margin-right: 1rem;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 3rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part5 #block .middle_block .items .item:nth-child(5n){
        margin-right: 0;
    }
	
	#part5 #block .middle_block .items .item .outer{
		width: 100%;
		height: 100%;
		background: #f7f7f7;	
		position: relative;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#part5 #block .middle_block .items .item .middler{
		background: rgba(76,163,146,0.7);/*#0d5d8e;*/
	}
	
    .cases_open_mycircle{
        animation: cases_open_mycircle 0.8s 1;
        animation-fill-mode: forwards;	
    }

    .cases_close_mycircle{
        animation: cases_close_mycircle 0.8s 1;
        animation-fill-mode: forwards;
    }

    @keyframes cases_open_mycircle{
        from{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
        to{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
    }

    @keyframes cases_close_mycircle{
        from{
            width: 100%;
            height: 100%;
			border-radius: 0%;
        }
        to{
            width: 0;
            height: 0;
			border-radius: 50%;
        }
    }
	
	#part5 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	
	#part5 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: 70%;
		margin-top: 5%;
/*		background-repeat: no-repeat;
		background-position: center center;
		background-size: 60%;*/
		opacity: 0.8;
		transition: 0.5s;
		
		
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		
	}
	
	#part5 #block .middle_block .items .item .inner .pic img{
		width: 70%;
		height: auto;
	}
	
	
/*
	#part5 #block .middle_block .items .item:nth-child(1) .inner .pic{
		background-image: url("/images/prevention.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(2) .inner .pic{
		background-image: url("/images/colon_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(3) .inner .pic{
		background-image: url("/images/lung_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(4) .inner .pic{
		background-image: url("/images/liver_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(5) .inner .pic{
		background-image: url("/images/breast_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(6) .inner .pic{
		background-image: url("/images/cervical_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(7) .inner .pic{
		background-image: url("/images/brain_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(8) .inner .pic{
		background-image: url("/images/gastric_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(9) .inner .pic{
		background-image: url("/images/neck_cancer.png") ;

	}
	#part5 #block .middle_block .items .item:nth-child(10) .inner .pic{
		background-image: url("/images/pancreatic_cancer.png");
	}
*/
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .pic{
		filter:brightness(120%);
		opacity: 1;
	}
	
	#part5 #block .middle_block .items .item .inner .title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 1rem;
		line-height: 200%;
		font-weight: bold;
/*		background: green*/
/*		margin-top: 1rem;*/
	}
	
	#part5 #block .middle_block .items .item .inner .therapy{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 0.9rem;
/*		background: red;*/
		line-height: 200%;
/*		font-weight: bold;*/
/*		margin-top: 1rem;*/
		opacity: 0.7
	}
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .title{
		color: #fff
	}
	
	#part5 #block .middle_block .items .item:nth-child(n):hover .inner .therapy{
		color: #fff
	}

    #part5 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	

    /*国内外影响力*/
    #part6{
        width: 100%;
        display: table;
        background: #fff;
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part6 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part6 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part6 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part6 #block{width:1200px;}
	}

    #part6 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part6 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part6 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }
	
    #part6 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part6 #block .middle_block .media_items{
        width: 100%;
        height: auto;
		float: left
    }
	
    #part6 #block .middle_block .media_items .item{
        width: calc(calc(100% - 4rem)/5);
		height: 20rem;
        margin-right: 1rem;
		padding-bottom: 1.5rem;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 3rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part6 #block .middle_block .media_items .item:last-child{
        margin-right: 0;
    }

	#part6 #block .middle_block .media_items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	#part6 #block .middle_block .media_items .item .inner .pic{
		width: 100%;
		height: auto;
	}
	#part6 #block .middle_block .media_items .item .inner .pic img{
		width: calc(100%);
		height: auto;
	}
	#part6 #block .middle_block .media_items .item:hover .inner .pic img{
		filter:brightness(120%);
	}

	#part6 #block .middle_block .media_items .item .inner .date{
		width: 90%;
		height: auto;
		text-align: center;
		font-size: 1rem;
		line-height: 250%;
		font-weight: bold
	}
	
	#part6 #block .middle_block .media_items .item .inner .desc{
		width: 90%;
		height: auto;
		text-align: center;
		font-size: 0.8rem;
		line-height: 150%;
		opacity: 0.8;
		padding-bottom: 1rem;
	}
	
	#part6 #block .middle_block .media_items .item:hover .inner div{
		color: #0d5d8e;
	}

	#part6 #block .middle_block .patients_interview{
        width: calc(100% - 2rem );
		padding: 2rem 1rem;
        height: auto;
		float: left;
		background: #f7f7f7;
	}
	
	#part6 #block .middle_block .patients_interview .patients{
        width: 50%;
        height: auto;
		float: left;
	}
	
	#part6 #block .middle_block .patients_interview .patients .pic{
        width: 100%;
        height: auto;
	}
	
	#part6 #block .middle_block .patients_interview .patients .pic img{
		width: calc(100%);
		height: auto;
	}
	
	#part6 #block .middle_block .patients_interview .patients .desc{
        width: 100%;
        height: auto;
		font-size: 1rem;
		padding-top: 2rem;
		font-weight: bold;
		text-align: center
	}
	
	#part6 #block .middle_block .patients_interview .interviews{
		width:46%;
        height: auto;
		float: right;
	}

	#part6 #block .middle_block .patients_interview .interviews .items{
        width: 100%;
        height: auto;
		display: table;
		float: right;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item{
        width: calc(calc(100% - 2rem)/3);
        height: 12.3rem;
		float: left;
		margin-right: 1rem;
		margin-bottom: 0;
	}
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part6 #block .middle_block .patients_interview .interviews .items .item{height: 10rem;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part6 #block .middle_block .patients_interview .interviews .items .item{height: 10.8rem;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part6 #block .middle_block .patients_interview .interviews .items .item{height: 10.4rem;}
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item:nth-child(3n){
		margin-right: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .pic{
		width: 100%;
        height:auto;
		margin: 0;
		padding: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .pic img{
		width: calc(100%);
        height:auto;
		margin: 0;
		padding: 0;
	}
	
	#part6 #block .middle_block .patients_interview .interviews .items .item .title{
		width: auto;
        height:auto;
		font-size: 0.8rem;
		text-align: center;
		opacity: 0.8
	}
	
	#part6 #block .middle_block .patients_interview .interviews .desc{
        width: 100%;
        height: auto;
		font-size: 1rem;
		padding: 1rem 0;
		font-weight: bold;
		text-align: center;
	
	}
	
    #part6 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    /*资深专家团队*/
    #part7{
        width: 100%;
        display: table;
        background: #fff;
/*
        background-image:
            linear-gradient(to bottom,white,white 10%,transparent 30% 100%),
            linear-gradient(135deg, rgba(176,216,117,1), rgba(246,251,242,0.8) 10%, rgba(184,216,191,0.8) 25% 40%, rgba(218,185,208,0.8) 55% 70%,rgba(253,222,204,0.8) 85%);
*/
		/*前面的可以覆盖后面的*/
    }

    #part7 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part7 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part7 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part7 #block{width:1200px;}
	}

    #part7 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part7 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part7 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part7 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part7 #block .middle_block .items{
        width: 100%;
        height: auto;
    }
	
    #part7 #block .middle_block .items .item{
        width: calc(calc(100% - 5rem)/6);
		height: auto;
        margin-right: 1rem;
		padding-bottom: 1.5rem;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        margin-bottom: 3rem;

        display: flex;
        justify-content: center;
        align-items: center;
    }
	
    #part7 #block .middle_block .items .item:nth-child(6n){
       margin-right: 0;
    }

	#part7 #block .middle_block .items .item:hover{
		filter:brightness(110%);
		background: #fff;
	}

	#part7 #block .middle_block .items .item .inner{
		width: 100%;
		height: 100%;
		position: relative;
	}

	#part7 #block .middle_block .items .item .inner .pic{
		width: 100%;
		height: auto;
	}
	#part7 #block .middle_block .items .item .inner .pic img{
		width: calc(100%);
		height: auto;
	}

	#part7 #block .middle_block .items .item .inner .text{
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	#part7 #block .middle_block .items .item:hover .inner div{
		color: #0d5d8e;
	}
	
	#part7 #block .middle_block .items .item .inner .text .dr_name{
		width: 100%;
		height: auto;
		margin-top: 0.5rem;
		font-size: 1rem;
		font-weight: bold;
		text-align: center	
	}
	
	#part7 #block .middle_block .items .item .inner .text .title{
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 0.8rem;
		line-height: 120%;
		margin-top: 0.5rem;
		opacity: 0.8
	}

    #part7 #block .bottom_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	
    /*临床研究课题*/
    #part8{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
    }

    #part8 #block{
        width: 1440px;
        padding: 3rem 0;	
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part8 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part8 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part8 #block{width:1200px;}
	}
	
    #part8 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part8 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part8 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }
	
    #part8 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part8 #block .middle_block .items{
        width: 100%;
        list-style: none;
    }

    #part8 #block .middle_block .item{
        width: calc(calc(100% - 5rem)/3);
        height: auto;
        margin-right: 2.5rem;
        margin-bottom: 2.5rem;
        border-radius: 10px;
        box-shadow: 0 0 20px #bfbdb9;
        float: left;
        cursor: pointer;
        transition: 0.3s;
        background: #fff;
        position: relative;
		padding-bottom: 2rem
    }

    #part8 #block .middle_block .item:nth-child(3n){
        margin-right: 0
    }

    #part8 #block .middle_block .item .pic{
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
        filter:blur(1px) grayscale(50%);
    }

    #part8 #block .middle_block .item .pic img{
        width: 100%;
		height: auto;
		border-radius: 10px 10px 0 0;
    }
	
    #part8 #block .middle_block .item .title{
        width: 90%;
        padding:0 5%;
		margin-top: 0.5rem;
        height: 2.5rem;
        color:rgb(0,0,0);
        font-size: 100%;
/*        font-weight: bold;*/
        line-height: 120%;
		opacity: 0.9;
		overflow: hidden;
		
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;	

/*
        display: flex;
        justify-content:flex-start;
        align-items: center;
*/
    }

    #part8 #block .middle_block .item .desc{
        width: 90%;
        height: auto;
		margin-top: 0.5rem;
        font-size: 80%;
        line-height: 145%;
        opacity: 0.6;
		
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;		
    }
	
	@media screen and (min-width:1025px) and (max-width:1280px){
		#part8 #block .middle_block .item .title{margin-top: 1rem;}
		#part8 #block .middle_block .item .desc{display: none}
	}
/*
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part8 #block .middle_block .item .title{margin-top: 1rem;}
		#part8 #block .middle_block .item .desc{display: none}
	}
*/

    #part8 #block .middle_block .item:hover{
        box-shadow: 0 0 10px #ccc;
    }

    #part8 #block .middle_block .item:hover div{
        color:rgb(21,129,161);
        filter:blur(0) grayscale(0%);
    }

    #part8 #block .middle_block .item:hover:before{
        position: absolute;
        content: '';
        width: 100%;
        height:100%;
        border-radius: 10px;
        border: 1px solid rgb(21,129,161);
        margin: auto;
        top: 0;
        bottom: 0;
        left: -1px;
        right: 0;
        transition: 1s;
    }
	
    /*最新的院内通知公告*/
    #part9{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
    }

    #part9 #block{
        width: 1440px;
        padding: 5rem 0;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part9 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part9 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part9 #block{width:1200px;}
	}
	
    #part9 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part9 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part9 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part9 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }
	
    /*流彩变幻效果*/
/*
    #mybody #block #line{
        width: 100%;
        height: 2px;
        margin: 2rem 0;

        background: linear-gradient(90deg,rgb(255,215,0),rgb(246,251,242),rgb(184,216,191),rgb(218,185,208),rgb(253,222,204),#496eaa,#944fa8,#a8804f,#496eaa,rgb(246,251,242),rgb(255,215,0));
        background-size:500% 200%;
        -webkit-animation: myline 60s ease-in-out infinite;
        -moz-animation: myline 60s ease-in-out infinite;
        animation: myline 60s ease-in-out infinite;
    }
*/
/*
    @keyframes myline{
        0%   {background-position: 0% 100%; }
        25%  {background-position: 50% 50%;}
        50%  {background-position: 100% 0%;}
        75%  {background-position: 50% 50%;}
        100% {background-position: 0% 100%;}
    }
*/

    #part9 #block .middle_block .piece{/* background: Gold;*/
        width: calc(calc(100% - 5rem)/3);
        margin-right: 2.5rem;
        height: 19rem;
        float: left;
    }

    #part9 #block .middle_block .piece:nth-child(3){
        margin-right:0;
    }

    #part9 #block .middle_block .piece #block{
        width: 100%;
        height: inherit;
        margin: 0;
        padding: 0;
        position: relative;
    }

    #part9 #block .middle_block .piece #block:before{
        content: '';
        position: absolute;
        width: 79%;
        height:20rem;
        border-radius: 5px;
        top: 0;
        right: 0;
        background: rgba(247,245,242,1);
        z-index: 1;
    }

    #part9 #block .middle_block .piece #block ul{
        width: 100%;
        list-style: none;
        content: '';
        position: absolute;
        height:inherit;
        top: 0;
        right: 0;
        z-index: 2;
    }

    #part9 #block .middle_block .piece #block ul .record{
        width: 100%;
        height: 5rem;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        transition: 0.3s;
    }

    #part9 #block .middle_block .piece #block ul .record:hover{
        box-shadow: 0 0 8px #ccc;
    }

    #part9 #block .middle_block .piece #block ul .record:hover div{
        color:#1581a1;
    }

    #part9 #block .middle_block .piece #block ul .record:last-child{
        border-bottom:none;
    }

    #part9 #block .middle_block .piece #block ul .record:first-child{
        height: 4rem;
        border-bottom: 1px solid #6A5318;
    }

    #part9 #block .middle_block .piece #block ul .icon{
        width: 22%;
        height: inherit;
        float: left;
        position: relative;
        z-index:1;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    #part9 #block .middle_block .piece #block ul .icon .inner{
        border-radius: 50%;
        background: #1581a1;
    }

    #part9 #block .middle_block .piece #block ul .icon .inner .tag{
        position: absolute;
        content: '';
        width: 2.5rem;
        height: 2.5rem;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index:3;
        transition: 0s;
    }

    #part9 #block .middle_block .piece #block ul .examination .icon .tag{/*职称考试*/
        background: url("/images/icons/tips.png") no-repeat center center;
        background-size: 60%;
    }

    #part9 #block .middle_block .piece #block ul .academic .icon .tag{/*学术会议*/
        background: url("/images/icons/message.png") no-repeat center center;
        background-size: 60%;
    }

    #part9 #block .middle_block .piece #block ul .training .icon .tag{/*教育培训*/
        background: url("/images/icons/about.png") no-repeat center center;
        background-size: 60%;
    }
	
    #part9 #block .middle_block .piece #block ul .record:first-child:hover .tag{
        filter: drop-shadow(100px 0 0 #fff);
        transform: translateX(-100px);
    }

    #part9 #block .middle_block .piece #block ul .name{
        width: 70%;
        height: inherit;
        line-height: 4rem;
        font-weight: bold;
        text-indent: -1rem;
        float: left;
    }

    #part9 #block .middle_block .piece #block ul .icon2{
        width: 8%;
        height: 100%;
        overflow: hidden;
    }

    #part9 #block .middle_block .piece #block ul .icon2 .tag{
        width: 100%;
        height: 100%;
        float: left;
        background: url("/images/icons/more.png") no-repeat left center;
        background-size: 40%;
        transition: 0s;
    }

    #part9 #block .middle_block .piece #block ul .record:first-child:hover .icon2 .tag{
        filter: drop-shadow(100px 0 0 #1581a1);
        transform: translateX(-100px);
    }

    #part9 #block .middle_block .piece #block ul .record .date{
        width: 22%;
        height: inherit;
        float: left;
        opacity: 0.9;
    }

    #part9 #block .middle_block .piece #block ul .record .date .day{
        width: 50%;
        height: 49%;
        margin: 0 auto;
        line-height: 3.3rem;
        text-align: center;
        border-bottom: 1px solid #888;
    }

    #part9 #block .middle_block .piece #block ul .record .date .year{
        width: 50%;
        height: 50%;
        text-align: center;
        line-height: 1.3rem;
    }

    #part9 #block .middle_block .piece #block ul .record .title{
        width: 72%;
        padding: 0 3%;
        height: inherit;
        font-size: 90%;
        line-height: 130%;
        display: flex;
        justify-content: flex-start;/*水平*/
        align-items: center;/*垂直*/
        float: left;
        opacity: 0.9;
    }

    /*近期的资讯动态*/
    #part10{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
    }

    #part10 #block{
        width: 1440px;
        padding: 8rem 0 12rem 0;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part10 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part10 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part10 #block{width:1200px;}
	}

    #part10 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part10 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part10 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part10 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part10 #block .middle_block #activity{
        width: 100%;
        height: 24rem;
		position: relative;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part10 #block .middle_block #activity{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part10 #block .middle_block #activity{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part10 #block .middle_block #activity{width:1200px;}
	}

    #part10 #block .middle_block #activity .tag{
        width: 30px;
        height: 100%;
		float: left;

        cursor: pointer;
        transition: 0.3s;
        opacity: 0.6;
    }

    #part10 #block .middle_block #activity .tag:hover{
        opacity: 0.9;
    }

    #part10 #block .middle_block #activity .myswiper_pre{
		width: 30px;
		height: inherit;
        background:url("/images/arrow.png")  no-repeat right center;/*#07649d */
        background-size: 70%;
		transform: rotate(180deg);
		position: absolute;
		left: -30px;
		top: 0;
		bottom: 0;
		z-index: 2;
    }

    #part10 #block .middle_block #activity .myswiper_next{
		width: 30px;
		height: inherit;
        background:url("/images/arrow.png")  no-repeat right center;/*#07649d*/
        background-size: 70%;
        
		position: absolute;
		right: -30px;
		top: 0;
		bottom: 0;
		z-index: 3;
    }

    #part10 #block #activity #shamoContainer{
        margin: 0;
		width: 1440px;
        height: 22rem;
		float: left;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part10 #block #activity #shamoContainer{width: 1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part10 #block #activity #shamoContainer{width: 1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part10 #block #activity #shamoContainer{width: 1200px;}
	}
	
    #part10 #block #activity #shamoContainer .swiper{
        width: calc(100% - 2rem);
        height: 100%;
        padding: 1rem;
    }
	
    #part10 #block #activity #shamoContainer .swiper .swiper-wrapper{
        width: 100%;
		height: inherit;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide{
        text-align: center;
        background: #fff;
        box-shadow: 0 0 12px #bfbdb9;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s;
        padding: 0;
        margin: 0;
    }

    /*  #part5 #block #activity #con #shamoContainer .swiper .swiper-slide:first-child{
        margin-left: calc(calc(10vw - 2rem)/2);
        margin-left: calc(calc(24vw - 2rem)/2);
    }*/

    #part10 #block #activity #shamoContainer .swiper .swiper-slide:hover{
        box-shadow: 0 0 6px #ccc;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide:hover div{
        color:rgba(21,129,161,1);
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .pic{
        width: 100%;
        height: 50%;
        border-radius: 10px 10px 0 0;
        float: left;
/*
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 110% 100%;
*/
/*        filter:blur(1px) grayscale(50%);*/
		
		overflow: hidden;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide:nth-child(n):hover .pic img{
/*        background-size: 120% 110%;*/
		transform:scale(115%);
/*        filter:blur(0) grayscale(0);*/
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .column{
        width: 90%;
        padding: 0 5%;
        height: 15%;
        float: left;
        font-size: 70%;
        line-height: 500%;
        opacity: 0.6;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .title{
        width: 90%;
        padding: 0 5%;
        height: 19%;
        float: left;
        font-size: 90%;
        line-height: 150%;
        text-align: justify;
        opacity: 0.9;
    /*    1、纯单词超过长度会截断换行，其他的单词不会
        word-wrap: break-word;
        单词也要换行，都要换行
        word-break: break-all;

        2、单行超出范围后显示省略点：
        溢出隐藏
        overflow: hidden;
        强制在一行显示
        white-space: nowrap;
        显示省略号
        text-overflow: ellipsis;*/

        /*3、多行超出范围后显示省略点：
        溢出隐藏*/
        overflow: hidden;
       /* 显示省略号*/
        text-overflow: ellipsis;
        /*和-webkit-line-clamp结合使用
        将对象作为弹性伸缩盒子模型显示*/
        display: -webkit-box;
        /*用来限制在一个块元素显示的文本的行数，
        它需要组合其他的 WebKit 属性
        写什么数字表示最多显示几行。*/
        -webkit-line-clamp: 3; 
        /*和-webkit-line-clamp结合使用
        设置伸缩盒对象的子元素的排列方式*/
        -webkit-box-orient: vertical;
    }

    #part10 #block #activity #shamoContainer .swiper .swiper-slide .date{
        width: 90%;
        padding: 0 5%;
        height: 16%;
        float: left;
        font-size: 70%;
        line-height: 400%;
        opacity: 0.6;
    }
	
    /*肿瘤科普*/
    #part11{
        width: 100%;
		height: auto;
        display: table;
        background:#fff;
    }

    #part11 #block{
        width: 1440px;
        padding: 5rem 0 2rem 0;
    }
	
	@media screen and (min-width:1025px) and (max-width:1152px){
		#part11 #block{width:1000px;}
	}
	@media screen and (min-width:1153px) and (max-width:1280px){
		#part11 #block{width:1100px;}
	}
	@media screen and (min-width:1281px) and (max-width:1440px){
		#part11 #block{width:1200px;}
	}

    #part11 #block .top_block{
        width: 100%;
        height: auto;
        display: table;
    }

    #part11 #block .top_block .column{
        width: 100%;
        height: auto;
		font-size: 2rem;
		line-height: 150%;
		text-align: center;
		font-weight: bold;
    }

    #part11 #block .top_block .desc{
        width: 100%;
        height: auto;
		margin-top: 1rem;
		font-size: 1rem;
		line-height: 120%;
		text-align: center;
		opacity: 0.8;
    }

    #part11 #block .middle_block{
        width: 100%;
        height: auto;
        display: table;
		margin-top: 3rem;
    }

    #part11 #block .middle_block .items{
        width: 100%;
        height: auto;
		display: table;
    }

    #part11 #block .middle_block .items .item{
		width: calc(calc(100% - 6rem)/5);
		height: 22rem;
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
		float: left;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 12px #bfbdb9;
        border-radius: 10px;
        cursor: pointer;
    }
	

    #part11 #block .middle_block .items .item:nth-child(5n){
		margin-right: 0;
		margin-bottom: 0;
    }

    #part11 #block .middle_block .items .item:hover{
        box-shadow: 0 0 6px #ccc;
    }

    #part11 #block .middle_block .items .item:hover div{
        color:rgba(21,129,161,1);
    }

    #part11 #block .middle_block .items .item .pic{
        width: 100%;
        height: 50%;
        border-radius: 10px 10px 0 0;
        float: left;
/*
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 110% 100%;
*/
/*        filter:blur(1px) grayscale(50%);*/
		
		overflow: hidden
    }

    #part11 #block .middle_block .items .item:nth-child(n):hover .pic img{
/*        background-size: 128% 110%;*/
		transform:scale(115%);
/*		filter:brightness(110%);*/
/*        filter:blur(0) grayscale(0);*/
    }

    #part11 #block .middle_block .items .item .column{
        width: 90%;
        padding: 0 5%;
        height: 15%;
        float: left;
        font-size: 70%;
        line-height: 500%;
        opacity: 0.6;
    }

    #part11 #block .middle_block .items .item .title{
        width: 90%;
        padding: 0 5%;
        height: auto;
        float: left;
        font-size: 90%;
        line-height: 140%;
        text-align: justify;
        opacity: 0.9;
    /*    1、纯单词超过长度会截断换行，其他的单词不会
        word-wrap: break-word;
        单词也要换行，都要换行
        word-break: break-all;

        2、单行超出范围后显示省略点：
        溢出隐藏
        overflow: hidden;
        强制在一行显示
        white-space: nowrap;
        显示省略号
        text-overflow: ellipsis;*/

        /*3、多行超出范围后显示省略点：
        溢出隐藏*/
        overflow: hidden;
       /* 显示省略号*/
        text-overflow: ellipsis;
        /*和-webkit-line-clamp结合使用
        将对象作为弹性伸缩盒子模型显示*/
        display: -webkit-box;
        /*用来限制在一个块元素显示的文本的行数，
        它需要组合其他的 WebKit 属性
        写什么数字表示最多显示几行。*/
        -webkit-line-clamp: 3; 
        /*和-webkit-line-clamp结合使用
        设置伸缩盒对象的子元素的排列方式*/
        -webkit-box-orient: vertical;
    }

    #part11 #block .middle_block .items .item .date{
        width: 90%;
        padding: 0 5%;
        height: 16%;
        float: left;
        font-size: 70%;
        line-height: 400%;
        opacity: 0.6;
    }
}