/* 首页 */

.index-banner{width: 100%;overflow: hidden;position: relative;}

.index-banner .swiper-slide{position: relative;}

.index-banner .swiper-slide .img {height: 100%;}

.index-banner .swiper-slide .img img{width: 100%;height: 100%;}

.index-banner .swiper-slide .text{position: absolute;width: 100%;left: 0;bottom: 15%;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); z-index: 22;}

.index-banner .swiper-slide .text h3{font-size: 52px;line-height: 92px;}

.index-banner .swiper-slide .text h5{font-size: 36px;line-height: 60px;font-weight: lighter;}

.index-banner .swiper-slide .slide-filter{position: absolute; width: 100%; height: 50%; left: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));bottom:0;}

.index-banner .banner-menu{position: absolute;right: 1.5%;bottom: 4.5%;z-index: 15;}

.index-banner .banner-menu a{display: block;position: relative;width: 164px;height: 96px;float: left;margin: 0 6px;}

.index-banner .banner-menu a .img{height: 100%;}

.index-banner .banner-menu a .img img{width: 100%;height: 100%;}

.index-banner .banner-menu a .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 10px 16px;color: #fff; z-index: 18;}

.index-banner .banner-menu a .text p{height: 44px;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.index-banner .banner-menu a.active .text{background: rgba(255,255,255,0.4);color: #333;}

.index-banner .arrow-down{display: block;width: 36px;height: 36px;background: url('/DFS/template/98/images/arrow-down.png');background-size: 100% 100%;position: absolute;left: 50%;margin-left: -18px;bottom: 8%;z-index: 17;}



.index-banner-bg {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 2; background: linear-gradient(to top,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));}

.banner-menu-bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2); left: 0; top: 0; z-index: 15;}

#vsb_content h4,#vsb_content p{background:none!important;}



.index-title{padding: 25px 0;}

.index-title h3{float: left;font-size: 24px;line-height: 32px;padding-right: 48px;background: url('/DFS/template/98/images/yun.png') no-repeat right center;}

.index-title .item-more{float: right;height: 22px;padding: 1px;border-radius: 12px;transition: 0.4s;margin-top: 6px;}

.index-title .item-more span{float: left;width: 20px;height: 20px;border: 1px solid #9b9b9b;position: relative;border-radius: 100%;transition: 0.4s;}

.index-title .item-more span::before,

.index-title .item-more span::after{display: block;content: "";background: #9b9b9b;position: absolute;top: 50%;left: 50%;transition: 0.4s;}

.index-title .item-more span::before{width: 12px;height: 2px;margin: -1px 0 0 -6px;}

.index-title .item-more span::after{width: 2px;height: 12px;margin: -6px 0 0 -1px;}

.index-title .item-more::after{display: block;content: "更多";float: left;line-height: 22px;text-align: center;color: #fff;width: 0;opacity: 0;transition: 0.4s;}

.index-title .item-more:hover{background: #6331b6;transition: 0.4s;}

.index-title .item-more:hover span{border-color: #fff;transition: 0.4s;}

.index-title .item-more:hover span::before,

.index-title .item-more:hover span::after{background: #fff;transition: 0.4s;}

.index-title .item-more:hover::after{width: 50px;transition: 0.4s;opacity: 1;}



.index-sec1{padding: 56px 0;border-bottom: 1px solid #e7e7e7;}

.nuu-news .img-news{width: 48.5%;position: relative;}

.nuu-news .img-news .img{position: relative;}

.nuu-news .img-news .img .img-filter{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 68%, rgba(0,0,0,0.75) 99%);}

.nuu-news .img-news .img img{width: 100%;}

.nuu-news .img-news .swiper-slide p{position: absolute;width: 100%;left: 0;bottom: 0;height: 90px;line-height: 105px;box-sizing: border-box;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #fff;transform: translateY(100%);opacity: 0;transition: 0.4s;}

.nuu-news .img-news .swiper-slide span{line-height: 26px;padding: 0 12px;background: #fb8056;border-radius: 3px;color: #fff;position: absolute;top: 10px;left: 10px;transform: translateX(-200px);opacity: 0;transition: 0.4s;}

.nuu-news .img-news .swiper-slide-active p{transform: translateY(0);opacity: 1;transition: 0.4s 0.8s;}

.nuu-news .img-news .swiper-slide-active span{transform: translateX(0);opacity: 1;transition: 0.4s 0.4s;}

.nuu-news .img-news .img-news-prev,

.nuu-news .img-news .img-news-next{display: block;width: 44px;height: 44px;border-radius: 100%;position: absolute;top: 50%;margin-top: -22px;z-index: 15;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}

.nuu-news .img-news .img-news-prev{left: -22px;background: #fff url('../images/prev.png') no-repeat center center;}

.nuu-news .img-news .img-news-next{right: -22px;background: #fff url('../images/next.png') no-repeat center center;}

.nuu-news .img-news .img-news-prev.swiper-button-disabled{background-image: url('/DFS/template/98/images/prev2.png');}

.nuu-news .img-news .img-news-next.swiper-button-disabled{background-image: url('/DFS/template/98/images/next2.png');}



/*.nuu-news .text-news{width: 48.5%;}

.nuu-news .text-news ul li{padding: 12px 0 8px;border-bottom: 1px solid #e8e8e8;}

.nuu-news .text-news ul li:first-child{padding-top: 0;}

.nuu-news .text-news ul li span{display: block;line-height: 16px;font-size: 12px;color: #9a9a9a}

.nuu-news .text-news ul li span img{vertical-align: top;margin-right: 8px;width: 16px;}

.nuu-news .text-news ul li a{display: block;font-size: 20px;line-height: 36px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}*/



.nuu-news .text-news{width: 48.5%;}

.nuu-news .text-news ul li{padding: 12px 120px 12px 0;border-bottom: 1px solid #e8e8e8;position: relative;}

.nuu-news .text-news ul li span{display: block;line-height: 16px;font-size: 12px;color: #9a9a9a;position: absolute;right: 0;top: 50%;margin-top: -8px;}

.nuu-news .text-news ul li span img{vertical-align: top;margin-right: 8px;width: 16px;}

.nuu-news .text-news ul li a{display: block;font-size: 20px;line-height: 36px;height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.index-sec2{padding: 28px 0 56px;}

.nuu-notice{position: relative;}

.nuu-notice .swiper-slide{padding: 0 20px;}

.nuu-notice .notice-box{display: block;box-sizing: border-box;border: 1px solid #e6e6e6;padding: 38px 20px 24px 20px;position: relative;}

.nuu-notice .notice-box i{display: block;position: absolute;top: 6px;left: 6px;line-height: 26px;padding: 0 12px;font-size: 12px;color: #fff;background: #dd723e;background: linear-gradient(to right,#e8867b,#f18731);border-radius: 3px;}

.nuu-notice .notice-box span{display: block;position: absolute;top: 6px;right: 6px;line-height: 26px;font-size: 12px;color: #9f9f9f;}

.nuu-notice .notice-box span img{width: 16px;vertical-align: top;margin: 5px 8px 0 0;} 

.nuu-notice .notice-box h4{font-size: 20px;line-height: 42px;height: 42px;}

.nuu-notice .notice-box p{line-height: 20px;height: 60px;overflow: hidden;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.nuu-notice .notice-box:hover{background: #672db7;background-image: linear-gradient(135deg, #5B23AE 0%, #A96DD7 100%);border-color: #fff;}

.nuu-notice .notice-box:hover h4,

.nuu-notice .notice-box:hover p{color: #fff;transition: 0.4s;}





.vertical-box{width: 46.7%;position: relative;padding-left: 7.6%;}

.vertical-box .index-title{width: 40px;height: 100%;position: absolute;top: 0;left: 0;padding: 0;}

.vertical-box .index-title h3{width: 100%;line-height: 40px;text-align: center;padding: 16px 0 36px 0;background: url('/DFS/template/98/images/yun.png') no-repeat center bottom;}

.vertical-box .index-title .item-more{position: absolute;bottom: 40px;left: 8px;}

.vertical-box .index-title .item-more:hover{width: 74px;}

.vertical-box .index-title .item-more::after{transition: none;}

.vertical-box .index-title .item-more:hover::after{transition: none;}



.index-sec3{background: #e0e5e8;padding: 60px 50px; background: linear-gradient(to bottom,#dee2e5,#f4f5f7);}

.index-sec3 .trailer ul li{padding: 16px 0;border-bottom: 1px solid #ccd0d3;padding-left: 116px;position: relative;}

.index-sec3 .trailer ul li .date{position: absolute;width: 93px;top: 16px;left: 0;}

.index-sec3 .trailer ul li .date::after{display: block;content: "";width: 1px;height: 80%;background: #21a082;position: absolute;right: 0;top: 10%;}

.index-sec3 .trailer ul li .date h5{color: #999;line-height: 20px;}

.index-sec3 .trailer ul li .date h3{font-size: 22px;line-height: 40px;color: #21a082;}

.index-sec3 .trailer ul li .item-con h4{font-size: 20px;line-height: 36px;height: 36px;}

.index-sec3 .trailer ul li .item-con p{line-height: 24px;color: #666;}

.index-sec3 .trailer ul li .item-con p img{vertical-align: top;width: 18px;margin: 3px 8px 0 0;}

.index-sec3 .report ul li{float: left;width: 50%;box-sizing: border-box;padding: 5px;}

.index-sec3 .report ul li a{display: block;position: relative;overflow: hidden;}

.index-sec3 .report ul li .img{overflow: hidden;}

.index-sec3 .report ul li .img img{width: 100%;transition: 0.4s;}

.index-sec3 .report ul li .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 48px 30px 30px;/*background: rgba(91,35,174,0.6);*/ background: linear-gradient(to right,rgba(90,35,174,0.7),rgba(166,106,213,0.6)); color: #fff;transform: translateY(100%);transition: 0.4s;}

.index-sec3 .report ul li .text h4{font-size: 20px;line-height: 28px;margin-bottom: 8px;height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.index-sec3 .report ul li .text p{font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.index-sec3 .report ul li a:hover .text{transform: translateY(0);transition: 0.4s;}

.index-sec3 .report ul li a:hover .img img{transition: 0.4s;transform: scale(1.2);}





.index-sec4{padding: 56px 0 50px; border-bottom: 1px solid #e7e7e7;}

.index-sec4 ul li{float: left;width: 31%;margin-right: 2.3%;box-sizing: border-box; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s;-ms-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;}

.index-sec4 ul li:last-child{margin-right: 0;}

.index-sec4 ul li .img img{width: 100%;}

.index-sec4 ul li .text{border: 1px solid #e7e7e7;border-top: none;padding: 16px 20px 20px;}

.index-sec4 ul li .text h4{font-size: 20px;line-height: 28px;height: 28px;}

.index-sec4 ul li .date{line-height: 18px;margin: 10px 0;font-size: 12px;color: #999;}

.index-sec4 ul li .date img{width: 18px;vertical-align: top;margin-right: 8px;}

.index-sec4 ul li p{color: #666;line-height: 22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.index-sec4 ul li:hover {box-shadow: 0 0 30px rgba(0,0,0,0.25); }



.index-sec5{padding: 50px 0 80px;}

.nuu-story{position: relative;}

.nuu-story .swiper-slide{padding: 0 20px;}

.nuu-story .swiper-slide .story-box{position: relative;display: block;}

.nuu-story .swiper-slide .story-box span{display: block;position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;z-index: 1;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.80) 100%);}

.nuu-story .swiper-slide .img img{width: 100%;}

.nuu-story .swiper-slide p{position: absolute;width: 100%;left: 0;bottom: 0;height: 96px;line-height: 124px;box-sizing: border-box;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #fff;z-index: 3;}

.nuu-story .swiper-slide .story-box:hover span{background-image: linear-gradient(-180deg, rgba(140,74,218,0.10) 0%, rgba(112,74,218,0.75) 96%);transition: 0.4s;}





.index-sec6{padding: 72px 0 96px;background: #E6EAEC; background: linear-gradient(to bottom,#dfe4e7,#edf1f4);}

.nuu-media{margin: 0 -20px;}

.nuu-media .medie-box{float: left;width: 33.33%;padding: 0 20px;}

.nuu-media .medie-box .source{position: absolute;line-height: 24px;padding: 0 12px;background: #F88446;border-radius: 3px;font-size: 12px;color: #fff;top: 6px;left: 6px;z-index: 5;}

.nuu-media .media1 ul li{position: relative;margin-bottom: 8px;}

.nuu-media .media1 ul li:last-child{margin-bottom: 0;}

.nuu-media .media1 ul li a{display: block;position: relative;}

.nuu-media .media1 ul li a .img{overflow: hidden;}

.nuu-media .media1 ul li a .img img{width: 100%;}

.nuu-media .media1 ul li p{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;height: 50px;line-height: 50px;box-sizing: border-box;padding: 0 20px;font-size: 20px;color: #fff;}

.nuu-media .media1 ul li.orange p{background: #DD723F;}

.nuu-media .media1 ul li.violet p{background: #6E35B8;}

.nuu-media .media1 ul li span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

.nuu-media .media1 ul li.orange span{background-image: linear-gradient(-180deg, rgba(213,95,52,0.10) 0%, rgba(213,95,52,0.75) 100%);}

.nuu-media .media1 ul li.violet span{background-image: linear-gradient(-180deg, rgba(75,221,230,0.10) 0%, rgba(78,47,143,0.70) 98%);}



.nuu-media .media2 ul li{border-bottom: 1px solid #fff;box-sizing: border-box;}

.nuu-media .media2 ul li:last-child{border-color: #E6EAEC;}

.nuu-media .media2 ul li a{display: block;position: relative;background: #4DB0BE;padding: 36px 20px 19px 20px;}

.nuu-media .media2 ul li .date{position: absolute;top: 6px;right: 6px;font-size: 12px;line-height: 24px;color: #fff;}

.nuu-media .media2 ul li .date img{width: 16px;vertical-align: top;margin: 3px 6px 0 0;}

.nuu-media .media2 ul li p{font-size: 20px;height: 44px;line-height: 44px;color: #fff;}



.nuu-media .media3 ul li{margin-bottom: 8px;}

.nuu-media .media3 ul li:last-child{margin-bottom: 0;}

.nuu-media .media3 ul li a{display: block;position: relative;}

.nuu-media .media3 ul li .img{overflow: hidden;position: relative;}

.nuu-media .media3 ul li .img .img-filter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.51) 98%);}

.nuu-media .media3 ul li .img img{width: 100%;}

.nuu-media .media3 ul li p{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;height: 92px;line-height: 112px;box-sizing: border-box;padding: 0 20px;font-size: 20px;color: #fff;text-align: center;}

.nuu-media .media3 ul li span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(-180deg, rgba(140,74,218,0.10) 0%, rgba(112,74,218,0.75) 96%);}

.nuu-media .media3 ul li .video-icon{display: block;width: 92px;position: absolute;z-index: 3;top: 50%;left: 50%;margin: -46px 0 0 -46px;}





.index-sec7{position: relative;}

.index-sec7 .index-bg {position: relative;}

.index-sec7 .index-bg img{width: 100%;}

.index-sec7 .sec-item{position: absolute;width: 100%;z-index: 22; left: 0;/*top: 120px;*//*top: 26%;*/ margin-top:1%; top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.index-sec7 .sec-item ul li{float: left;width: 12.5%;text-align: center;}

.index-sec7 .sec-item ul li span{display: block;width: 80px;height: 80px;border: 4px solid #FFDB8D;border-radius: 100%;margin: 0 auto;position: relative;}

.index-sec7 .sec-item ul li span img{width: 100%;height: 100%;}

.index-sec7 .sec-item ul li span .img-hover{position: absolute;top: 0;left: 0;opacity: 0;}

.index-sec7 .sec-item ul li p{text-align: center;font-size: 18px;line-height: 2;color: #FFDB8D;}

.index-sec7 .sec-item ul li:hover span{background: #EF7968;border-color: #EF7968;transition: 0.4s;}

.index-sec7 .sec-item ul li:hover span .img{opacity: 0;transition: 0.4s;}

.index-sec7 .sec-item ul li:hover span .img-hover{opacity: 1;transition: 0.4s;}

.index-sec7 .sec-item ul li:hover p{color: #EF7968;transition: 0.4s;}

.index-sec7 .sec-item .btns{margin-top: 60px;text-align: center;}

.index-sec7 .sec-item .btns a{display: inline-block;vertical-align: top;width: 260px;margin: 0 24px;}

.index-sec7 .sec-item .btns a img{width: 100%;}

.index-sec7 .index-bg .index-bg-bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(28,162,180,0.3); z-index: 2;}


	.index-banner .swiper-slide .text h3{font-size: 44px;line-height: 72px;}

	.index-banner .swiper-slide .text h5{font-size: 30px;line-height: 44px;}

	.index-banner .banner-menu a{width: 144px;height: 84px;margin: 0 5px;}

	.index-banner .banner-menu a .text{padding: 8px 14px;}

	.index-banner .arrow-down{width: 32px;height: 32px;margin-left: -16px;}



	.index-title{padding: 22px 0;}

	.index-title h3{font-size: 20px;line-height: 28px;padding-right: 42px;background: url('/DFS/template/98/images/yun.png') no-repeat right center;background-size: 39px 28px;}

	

	.index-sec1{padding: 50px 0;}

	.nuu-news .img-news .swiper-slide p{height: 64px;line-height: 64px;padding: 0 18px;font-size: 16px;}

	.nuu-news .img-news .swiper-slide span{line-height: 24px;padding: 0 10px;}

	.nuu-news .img-news .img-news-prev,

	.nuu-news .img-news .img-news-next{width: 40px;height: 40px;margin-top: -20px;}

	.nuu-news .img-news .img-news-prev{left: -20px;}

	.nuu-news .img-news .img-news-next{right: -20px;}



	.nuu-news .text-news ul li{padding: 12px 120px 12px 0;}/* .nuu-news .text-news ul li{padding: 12px 0 8px;} */

	.nuu-news .text-news ul li span{line-height: 16px;font-size: 12px;color: #9a9a9a}

	.nuu-news .text-news ul li a{font-size: 16px;line-height: 32px;height: 32px;}





	.index-sec2{padding: 24px 0 20px;}

	.nuu-notice .swiper-slide{padding: 0 18px;}

	.nuu-notice .notice-box{padding: 34px 18px 22px 18px;}

	.nuu-notice .notice-box i{line-height: 24px;padding: 0 10px;}

	.nuu-notice .notice-box span{line-height: 24px;}

	.nuu-notice .notice-box span img{width: 16px;vertical-align: top;margin: 4px 6px 0 0;} 

	.nuu-notice .notice-box h4{font-size: 18px;line-height: 38px;height: 38px;}



	.index-sec3{background: #e0e5e8;padding: 64px 44px;}

	.index-sec3 .trailer ul li{padding: 10px 0;padding-left: 108px;}

	.index-sec3 .trailer ul li .date{width: 88px;top: 10px;left: 0;}

	.index-sec3 .trailer ul li .date h5{line-height: 18px;font-size: 12px;}

	.index-sec3 .trailer ul li .date h3{font-size: 20px;line-height: 36px;}

	.index-sec3 .trailer ul li .item-con h4{font-size: 18px;line-height: 28px;height: 28px;}

	.index-sec3 .trailer ul li .item-con p{line-height: 20px;}

	.index-sec3 .trailer ul li .item-con p img{vertical-align: top;width: 18px;margin: 1px 6px 0 0;}

	.index-sec3 .report ul li{padding: 4px;}

	.index-sec3 .report ul li .text{padding: 28px 24px 20px;}

	.index-sec3 .report ul li .text h4{font-size: 18px;line-height: 24px;margin-bottom: 5px;height: 48px;}

	.index-sec3 .report ul li .text p{font-size: 14px;line-height: 20px;height: 60px;}





	.index-sec4{padding: 50px 0 44px;}

	.index-sec4 ul li .text{padding: 14px 18px 18px;}

	.index-sec4 ul li .text h4{font-size: 18px;line-height: 24px;height: 24px;}

	.index-sec4 ul li .date{margin: 8px 0;}

	.index-sec4 ul li .date img{margin-right: 6px;}



	.index-sec5{padding: 44px 0 72px;}

	.nuu-story .swiper-slide{padding: 0 18px;}

	.nuu-story .swiper-slide p{height: 64px;line-height: 64px;padding: 0 18px;font-size: 16px;}





	.index-sec6{padding: 64px 0 86px;}

	.nuu-media{margin: 0 -18px;}

	.nuu-media .medie-box{padding: 0 18px;}

	.nuu-media .medie-box .source{padding: 0 10px;}

	.nuu-media .media1 ul li p{height: 44px;line-height: 44px;padding: 0 18px;font-size: 18px;}



	.nuu-media .media2 ul li a{padding: 36px 18px 16px 18px;}

	.nuu-media .media2 ul li p{font-size: 18px;height: 40px;line-height: 40px;}



	.nuu-media .media3 ul li p{height: 44px;line-height: 44px;padding: 0 18px;font-size: 18px;}

	.nuu-media .media3 ul li .video-icon{width: 84px;margin: -42px 0 0 -42px;}



	.index-sec7 .sec-item ul li span{width: 68px;height: 68px;border: 3px solid #FFDB8D;}

	.index-sec7 .sec-item ul li p{font-size: 16px;}

	.index-sec7 .sec-item .btns{margin-top: 50px;}

	.index-sec7 .sec-item .btns a{width: 220px;margin: 0 20px;}





/* 人物故事 */

.story-page{padding: 80px 0;}

.story-page .story-menu{text-align: center;padding-bottom: 35px;}

.story-page .story-menu a{display: inline-block;vertical-align: top;padding: 0 32px;line-height: 40px;border-radius: 20px;font-size: 18px;border: 1px solid #21a082;margin: 10px 4px;position: relative;}

.story-page .story-menu a.on,

.story-page .story-menu a:hover{background: #21a082;background: linear-gradient(to bottom,#1A9F8E,#489D69);color: #fff;transition: 0.4s;}

.story-page .story-menu a.on::after,

.story-page .story-menu a:hover::after{display: block;content: "";width: 0;height: 0;border: 8px solid transparent;border-top-color: #489D69;position: absolute;bottom: -16px;left: 50%;margin-left: -4px;}

.story-page ul{margin: 0 -20px;}

.story-page ul li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 20px;margin-bottom: 40px;}

.story-page ul li a{display: block;background: #fff;}

.story-page ul li .img{overflow: hidden;}

.story-page ul li .img img{width: 100%;transition: 0.4s;}

.story-page ul li .text{border: 1px solid #e6e8e7;padding: 16px 20px 20px;}

.story-page ul li .text h4{font-size: 20px;height: 28px;line-height: 28px;}

.story-page ul li .date{margin: 10px 0;font-size: 12px;line-height: 16px;color: #999;}

.story-page ul li .date img{vertical-align: top;width: 16px;margin-right: 6px;}

.story-page ul li p{color: #666;line-height: 22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.story-page ul li a:hover .img img{transition: 0.4s;transform: scale(1.2);}

.story-page ul li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.25);}














/* 正文页 */

.public-content .article{width: 77%; margin-left: 20px;}

.public-content .article h3{font-size: 44px;line-height: 58px;padding: 10px 0;}

.public-content .article h4{font-size: 28px;line-height: 40px;padding: 5px 0;margin-bottom: 20px;}

.public-content .article p,.public-content .article span,.public-content .article font{font-size: 14pt!important;line-height: 28pt!important; background:none!important;}

.public-content .article p img{display:block; margin:0 auto;}

.public-content .right-bar{width: 17%;}

.public-content .right-bar .btns{margin-bottom: 60px;}

.public-content .right-bar .btns a{display: block;width: 68px;height: 68px;border: 1px solid #0973c7;position: relative;border-radius: 100%;}

.public-content .right-bar .btns a img{position: absolute;width: 32px;height: 32px;top: 50%;left: 50%;margin: -16px 0 0 -16px;}

.public-content .right-bar .btns a img.img{z-index: 1;}

.public-content .right-bar .btns a img.img-hover{z-index: 2;opacity: 0;}

.public-content .right-bar .btns a:hover{background: #0973c7;transition: 0.4s;}

.public-content .right-bar .btns a:hover .img{opacity: 0;transition: 0.4s;}

.public-content .right-bar .btns a:hover .img-hover{opacity: 1;transition: 0.4s;}

.public-content .right-bar .infos{padding-left: 38px;position: relative;}

.public-content .right-bar .infos::before{display: block;content: "";width: 1px;height: 100%;background: #0973c7;position: absolute;left: 22px;top: 0;}

.public-content .right-bar .infos ul li{margin-bottom: 20px;}

.public-content .right-bar .infos ul li h5{color: #0973c7;}

.public-content .right-bar .infos ul li p{color: #797979;}
	.public-content .article h3{font-size: 36px;line-height: 48px;padding: 8px 0;}

	.public-content .article h4{font-size: 22px;line-height: 32px;padding: 5px 0;margin-bottom: 18px;}

	.public-content .article p,.public-content .article span,.public-content .article font{font-size: 14px!important;line-height: 24px!important;background:none!important;font-family:'Microsoft Yahei'!important;}

	.public-content .right-bar .btns{margin-bottom: 50px;}

	.public-content .right-bar .btns a{width: 50px;height: 50px;}

	.public-content .right-bar .btns a img{width: 26px;height: 26px;margin: -13px 0 0 -13px;}

	.public-content .right-bar .infos{padding-left: 35px;}

	.public-content .right-bar .infos::before{left: 17px;}

	.public-content .right-bar .infos ul li{margin-bottom: 16px;}
.life-page{padding: 80px 0 50px;}

.life-page .top-text{padding: 40px 0;background: #fff;background: linear-gradient(to bottom,rgba(249, 249, 249, 0.5),rgba(249, 249, 249, 0));border-radius: 10px;margin-bottom: 10px;}

.life-page .top-text p{width: 75%;margin: 0 auto;}

.life-page ul li{padding: 36px 0;border-bottom: 1px solid #e0e0e2;}

.life-page ul li h4{font-size: 24px;line-height: 32px;margin-bottom: 24px;color: #404745;}

.life-page ul li h4 img{vertical-align: top;margin-left: 4px;}

.life-page ul li .img{width: 40%;}

.life-page ul li .img img{width: 100%;}

.life-page ul li .text{width: 57%;}

.life-page ul li .links a{float: left;width: 30%;font-size: 18px;line-height: 28px;margin: 8px 0;color: #0973c7;}

.life-page ul li .links a::before{display: inline;content: "-";color: #9a9a9a;margin-right: 8px;}

.life-page ul li .links a:hover{color: #3d9d6d;transition: 0.4s;}

.life-page ul li p{font-size: 16px;line-height: 26px;margin-bottom: 15px;}

.life-page ul li:nth-child(odd) .img{float: left;}

.life-page ul li:nth-child(odd) .text{float: right;}

.life-page ul li:nth-child(even) .img{float: right;}

.life-page ul li:nth-child(even) .text{float: left;}

.life-page ul li:last-child{border: none;}





@media screen and (max-width: 1440px){

	.life-page{padding: 64px 0 40px;}

	.life-page .top-text{padding: 32px 0;}

	.life-page .top-text p{width: 78%;}

	.life-page ul li{padding: 28px 0;}

	.life-page ul li h4{font-size: 20px;line-height: 28px;margin-bottom: 20px;}

	.life-page ul li h4 img{width: 39px;height: 28px;}

	.life-page ul li .links a{font-size: 16px;line-height: 24px;margin: 6px 0;}

	.life-page ul li p{font-size: 14px;line-height: 22px;margin-bottom: 10px;}

} 










/* 招生就业 */

.recruit{padding: 40px 0;}

.recruit .recruit-item{padding: 40px 0;border-bottom: 1px solid #e4e4e4;}

.recruit .recruit-item:last-child{border: none;}

.recruit .recruit-item .bg-white h3{background-image: linear-gradient(0deg, rgba(249,249,249,0.00) 0%, #F0F0F0 100%);border-radius: 10px;}

.recruit .recruit-item .bg-black h3{background-image: linear-gradient(0deg, rgba(249,249,249,0.00) 0%, #F0F0F0 100%);border-radius: 10px;}

.recruit .recruit-item h3{font-size: 28px;line-height: 40px;padding: 22px 0;position: relative;text-align: center;margin-bottom: 10px;}

.recruit .recruit-item h3 span{position: relative;z-index: 3;}

.recruit .recruit-item h3 img{width: 45px;position: absolute;bottom: 8px;left: 50%;margin-left: -22.5px;z-index: 1;}

.recruit .recruit-item p.text-p{width: 980px;margin: 0 auto;font-size: 16px;line-height: 27px;}

.recruit .recruit-item .links{text-align: center;margin-top: 32px;}

.recruit .recruit-item .links a{display: inline-block;vertical-align: top;width: 300px;line-height: 38px;border: 1px solid #85CBBC;border-radius: 20px;font-size: 18px;margin: 0 15px;}

.recruit .recruit-item .links a:hover{color: #fff; background: #14AA7C; background: linear-gradient(to bottom,#149F7F,#4E9D67);transition: 0.4s;}

.recruit .recruit-item ul{margin: 0 -20px;}

.recruit .recruit-item ul li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 20px;}

.recruit .recruit-item ul li a{display: block;background: #fff;}

.recruit .recruit-item ul li .img{overflow: hidden;}

.recruit .recruit-item ul li .img img{width: 100%;transition: 0.4s;}

.recruit .recruit-item ul li .text{border: 1px solid #e6e8e7;padding: 16px 20px 20px;}

.recruit .recruit-item ul li .text h4{font-size: 20px;height: 28px;line-height: 28px;}

.recruit .recruit-item ul li .date{margin: 10px 0;font-size: 12px;line-height: 16px;color: #999;}

.recruit .recruit-item ul li .date img{vertical-align: top;width: 16px;margin-right: 6px;}

.recruit .recruit-item ul li p{color: #666;line-height: 22px;height: 66px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.recruit .recruit-item ul li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.25);}

.recruit .recruit-item ul li a:hover .img img{transition: 0.4s;transform: scale(1.2);}

	.recruit{padding: 32px 0;}

	.recruit .recruit-item{padding: 32px 0;}

	.recruit .recruit-item h3{font-size: 24px;line-height: 32px;padding: 20px 0;}

	.recruit .recruit-item h3 img{width: 40px;margin-left: -20px;}

	.recruit .recruit-item p.text-p{width: 800px;font-size: 14px;line-height: 24px;}

	.recruit .recruit-item .links{text-align: center;margin-top: 30px;}

	.recruit .recruit-item .links a{width: 240px;line-height: 34px;border-radius: 18px;font-size: 16px;}

	.recruit .recruit-item ul{margin: 0 -15px;}

	.recruit .recruit-item ul li{padding: 0 15px;}

	.recruit .recruit-item ul li .text{padding: 14px 18px 18px;}

	.recruit .recruit-item ul li .text h4{font-size: 18px;height: 24px;line-height: 24px;}

	.recruit .recruit-item ul li .date{margin: 8px 0;}










/* 联合办学 */

.joint{padding-top: 40px;}

.joint .pattern{width: 980px;margin: 30px auto;}

.joint .pattern h3{width: 22.4%;font-size: 28px;padding: 0;margin: 0;}

.joint .pattern .pattern-pw{width: 75%;}

.joint .pattern .pattern-pw h5{font-size: 16px;line-height: 28px;}

.joint .img{margin: 30px 0 60px;}

.joint .img img{width: 100%;}

.joint .company{width: 1060px;margin: 0 auto;}

.joint .company h4{width: 20%;font-size: 20px;line-height: 28px;color: #0973c7;}

.joint .company h4::after{display: inline-block;vertical-align: top;content: "";width: 6px;height: 28px;background: #0973c7;margin-left: 15px;}

.joint .company .company-wp{width: 78%;}

.joint .company .company-wp h5{float: left;width: 50%;font-size: 16px;line-height: 24px;box-sizing: border-box;padding: 8px 10px;}

	.joint{padding-top: 32px;}

	.joint .pattern{width: 800px;margin: 24px auto;}

	.joint .pattern h3{font-size: 24px;}

	.joint .pattern .pattern-pw h5{font-size: 14px;line-height: 24px;}

	.joint .img{margin: 24px 0 48px;}

	.joint .company{width: 880px;}

	.joint .company h4{font-size: 18px;}

	.joint .company h4::after{width: 5px;margin-left: 12px;}

	.joint .company .company-wp h5{font-size: 14px;line-height: 20px;padding: 6px 8px;}




/* float-news */

.float-news,.float-open{background: rgba(0,0,0,0.65); display:inline-block;font-size:16px;}

.float-news{height:280px;left:0px;padding:10px 15px;width:220px;z-index:100;top:206px;_margin-top:206px;}

.float-open{height:35px;left:-70px;padding:4px 4px 4px 6px;width:37px;z-index:99;top:206px;_margin-top:206px;background: rgba(0,0,0,0.65);}

.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}

.float-close{background:url(/DFS/template/98/images/nav-close.png) no-repeat left top;overflow:hidden;height:20px;opacity:.6;filter:alpha(opacity=60);position:absolute;right:9px;text-indent:100%;top:10px;white-space:nowrap;width:20px;}

.open-btn{background:url(/DFS/template/98/images/ml-open-demo.png) no-repeat left top;margin-top:2px;display:block;overflow:hidden;height:21px;opacity:.6;filter:alpha(opacity=60);text-indent:100%;white-space:nowrap;width:23px;}

.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}

.newslist{margin-top:30px;margin-right:23px; text-align:justify;}

.piaochuang{margin-top:10px; line-height:26px; font-size:14px; color:rgba(255,255,255,0.8);}

.video{margin:0 auto 15px; display:block;}

/*分享弹窗*/

.shareLayer{display: none; position: fixed; top: 0; left: 0; z-index: 120; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}

.shareBox{ padding: 0 0 15px; position: fixed; top: 10%; z-index: 10; left: 50%; margin-left: -160px; width: 320px; height: auto; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.5);}

.shareBox h2{ position: relative; padding: 10px 20px; border-bottom: 1px solid #EEE; line-height: 30px; font-size: 16px; color: #666;}

.shareBox h2 .closeBox{ cursor: pointer; display: block; position: absolute; right: 10px; top: 13px; width: 24px; height: 24px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}

.shareBox h2 .closeBox::before{content: ''; width: 100%; position: absolute; right: 0; top: 50%; height: 1px; background: #666;transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}

.shareBox h2 .closeBox::after{content: ''; width: 100%; position: absolute; right: 0; top: 50%; height: 1px; background: #666;transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

.shareBox ul{ padding: 0 20px; margin-top: 15px; max-height: 208px; overflow-y: auto;}

.shareBox ul li{ width: 48%; float: left;}

.shareBox ul li:nth-child(2n){ float: right;}

.shareBox ul li a{ position: relative; display: block; padding-left: 22px; height: 26px; line-height: 26px; font-size: 14px; color: #666;}

.shareBox ul li a em{ position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px;}

.shareBox ul li a em img{ display: block; width: 100%; height: 100%;}

/* 年度人物 */

.characters{padding: 60px 0;}

.characters .char-box{margin-bottom: 50px;}

.characters .char-box .char-title{font-size: 20px;line-height: 24px;padding-left: 10px;border-left: 4px solid #21a082;margin: 0 0 8px 15px;}

.characters .char-box ul li{float: left;width: 20%;box-sizing: border-box;padding: 15px;}

.characters .char-box .char-item{display: block;color: #fff;position: relative;overflow: hidden;}

.characters .char-box .char-item .img{overflow: hidden;}

.characters .char-box .char-item .img img{width: 100%;transition: 0.4s;}

.characters .char-box .char-item .text{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;padding: 0 15px 20px;transition: 0.4s;}

.characters .char-box .char-item .text h4{font-size: 18px;line-height: 24px;margin-bottom: 8px;}

.characters .char-box .char-item .text p{font-size: 14px;line-height: 20px;}

.characters .char-box .char-item .filter{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0, 0, 0, 0.5));z-index: 1;transition: 0.4s;}

.characters .char-box .char-item:hover .text{transition: 0.4s;transform: translateY(100%);}

.characters .char-box .char-item:hover .filter{height: 0;transition: 0.4s;}

.characters .char-box .char-item:hover .img img{transition: 0.4s;transform: scale(1.1);}













.index-sec1 .sec-link{text-align: right;margin-top: 12px;}

.index-sec1 .sec-link a{font-size: 14px;color: #999;line-height: 24px;}

.index-sec1 .sec-link a:hover{color: #2d9d75}















.nuu-media .media3 .video-box{position: relative;}

.nuu-media .media3 .video-box .video-prev,

.nuu-media .media3 .video-box .video-next{z-index: 15;outline: none;}

.nuu-media .media3 .video-box .video-prev{left: -22px;}

.nuu-media .media3 .video-box .video-next{right: -22px;}

.fx{margin-top:15px;}
.public-content .article .fx_1{float:left;height:36px;line-height:36px !important;display:block;font-size:16px !important;}
.bdsharebuttonbox{float:left}