.banner{background: url(../banner/story.jpg) no-repeat;}

.content .story{width: 836px;float:right;}
.content .story .story_title{font-size:36px;padding:35px 0;}
.content .story .story_intro{padding-bottom:40px;border-bottom:1px solid #ebebeb;overflow: hidden;}
.content .story .story_intro ul{float:left;width: 443px;}
.content .story .story_intro ul li{margin:20px 0;font-size: 16px;}
.content .story .story_intro .story_video{float:right;width:330px;height:275px;}
.content .story .cancer_type{padding-top:30px;clear:both;}
/*下拉样式重写*/
.content .story .cancer_type .sod_select{font-size:14px;background-image:none;}
.content .story .cancer_type .sod_select .sod_list .active{background:#2370a4;}


.content .story .story_list{padding-top:40px;}
.content .story .story_list dl{float:left;width: 406px;border:1px solid #d4d4d4;margin-bottom:20px;padding-bottom:20px;}
.content .story .story_list dl:nth-of-type(odd){margin-right:19px;}
.content .story .story_list dl dt{margin-bottom:30px;width:406px;height:211px;overflow: hidden;}
.content .story .story_list dl dt:hover{opacity: .7}
.content .story .story_list dl dd{font-size:16px;padding:0 20px;}
.content .story .story_list dl p{margin:20px 0;font-size:16px;padding:0 20px;}



@media screen and (max-width:768px){
    #nav{padding-top: 17%;}
	.banner,.story_title,.story_intro ul{display: none;}

	.content .story{float:none;width: 100%;}
    .content .story .story_intro{padding-bottom:10px;border-bottom:none;}
	.content .story .story_intro .story_video{float:none;width:100%; position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
    .content .story .story_intro .story_video iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

    .content .story .cancer_type{width:90%;margin:0 auto;}
    .content .story .cancer_type:before{content:"They come from different countries but have similar experience; they are all tortured by cancer. Fortunately, with effective treatment and carful nursing in St. Stamford Modern Cancer Hospital Guangzhou, they fight against cancer bravely and now regain their confidence of life. Here, they share their anti-cancer experiences.";display: block;width:100%;margin:0 auto;font-size:16px;margin-bottom: 20px;}
    .content .story .cancer_type .sod_select{width: 100%;padding:13px 10px;border-radius:0;line-height:18px;}

    .content .story .story_list{padding-top:20px;width: 90%;margin:0 auto;}
    .content .story .story_list dl{float:none;width: 100%;border:none;padding-bottom:20px;clear:both;}
    .content .story .story_list dl:nth-of-type(odd){margin-right:0;}
    .content .story .story_list dl dt{margin-bottom:10px;float:left;width:50%;height:auto;margin-right:5%;}
    .content .story .story_list dl dt img{width: 100%;display: block;height:auto;}
    .content .story .story_list dl dd{float:right;font-size:14px;padding:0;margin-bottom:5px;width:45%;}
    .content .story .story_list dl p{display: none;}

}