/*mode01*/



.content{margin-left: auto;margin-right: auto;position: relative;z-index: 15; background: url(../images/bg.png) center top; }

.wrapmode01 { background:url(../images/mode01_bg.png) no-repeat center top; background-size: cover;padding: 0 0 50px 0;}
.row { max-width: 1400px; margin: 0 auto;}




.Life_left_jd .lifIn span i{display: block;height: 0;padding-bottom: 66.25%;overflow: hidden;}


.mode02 { /*! margin:42px auto 0 */}
.title {background: url(../images/title_bg.png) repeat-x left bottom; position: relative; }
.title a { float: right; color:#fff; margin:20px 0 0 0; }
.title h2 { width: auto; float: left; background:url(../images/h2.png) repeat-x; padding:0 40px 0 12px;}
.title h2 p { padding:0 0 0 90px; background: url(../images/h2_p.png) no-repeat left top;height: 83px;line-height: 83px; font-weight: normal; /*! letter-spacing: 62.56px; */width: auto;}
.titleIn { max-width: 392px; margin:0 auto; position: relative; padding:0 44px;}
.titleIn::before{ content: ''; position: absolute; width: 44px; height: 88px; background: url(../images/title_left_03.png) no-repeat; left: 0px; top: 0px;;}
.titleIn::after{ content: ''; position: absolute; width: 44px; height: 88px; background: url(../images/title_right_03.png) no-repeat; right:0px; top: 0px;;}
.titleline { height: 88px; line-height: 88px; background: url(../images/title_line_03.png) repeat-x;}
.titleline h2 { background:url(../images/title_middle_03.png) no-repeat center top; font-weight: normal;}
.titleline a { color:#8D0000;}
.title .more { position: absolute; right: 0px; bottom:0px; color: #9F2A2A; padding:0 14px 0 0}
.title .more::before{ position: absolute; content: ''; width: 9px; height: 9px; background: url(../images/mode_add.png) no-repeat; right:0px; bottom:0px;}

.Eulogy { padding: 40px 0 0 0;;}
.Eulogy .title { margin:0 0 17px 0}
.wrap_Eulogy_con { background: #494949; position: relative; }
.wrap_Eulogy_con:before { width: 356px; height: 100%; background: #555; content: ''; position: absolute; left: 0px; top: 0px;}

.Eulogy_left_jd { position:relative}
.Eulogy_left_jd::before{ width: 54px; height: 31px; content: ''; position:absolute; background:url(../images/left_top_01.png) no-repeat; left: 0px; top:0px;;}
.Eulogy_left_jd::after{ width: 54px; height: 31px; content: ''; position:absolute; background:url(../images/left_bottom_02.png) no-repeat; left: 0px; bottom:0px;;}


.Eulogy_right_jd { position:relative}
.Eulogy_right_jd::before{ width: 54px; height: 31px; content: ''; position:absolute; background:url(../images/right_top_02.png) no-repeat; right: 0px; top:0px;;}
.Eulogy_right_jd::after{ width: 54px; height: 31px; content: ''; position:absolute; background:url(../images/right_bottom_03.png) no-repeat; right: 0px; bottom:0px;;}
.Eulogy_con { position: relative; margin:0 54px; }
.Eulogy_con::before{ content: ''; position:absolute; background: url(../images/top_02.png) repeat-x left top; width: 100%; height: 10px;; }
.Eulogy_con::after{ content: ''; position:absolute; background: url(../images/bottom_03.png) repeat-x left top; width: 100%; height: 10px;; left:0px; bottom:0px;}


.Eulogy_padding { padding:31px 0;}
.Eulogy_conIn { position: relative; margin:0px -54px; }
.Eulogy_conIn::before{ content: ''; position:absolute; background: url(../images/left_02.png) repeat-y left top; width: 18px; height: 100%;; }
.Eulogy_conIn::after{ content: ''; position:absolute; background: url(../images/right_03.png) repeat-y left top; width: 18px; height: 100%; right:0px; bottom:0px;}

.Eulogy_in { padding:23px 150px;}
.Eulogy_in h3 { color: #fff; text-align: center; margin: 0 0 25px 0;}
.Eulogy_in h3 a { color: #fff;}
.Eulogy_left { width: 358px; float: left; position: relative; }
.Eulogy_left::before{ content: ''; position: absolute; width:97%; height: 97%; background: url(../images/img_bg.png) no-repeat; left: 5px; top: 8px;z-index: 99;background-size: cover;}
.Eulogy_left span { height: 0px; padding-bottom: 127%; display: block; overflow: hidden;}
.Eulogy_left span img { width: 100%; transition: .5s; transform: scale(1.0);}
.Eulogy_right { margin:0 0 0 390px; color: #fff; line-height: 47px;;height: 470px;overflow: hidden;}

.Eulogy_in1 { padding:23px 50px;}
.Eulogy_right1 { margin:0px;}


.Eulogy1 .title h2 p  { background:url(../images/h2_p1.png) no-repeat}




.wrap_Telegram_con { background: #494949; position: relative; }

.Telegram_left_jd { position:relative}
.Telegram_left_jd::before{ width: 27px; height: 20px; content: ''; position:absolute; background:url(../images/te_lefttop_01.png) no-repeat; left: 0px; top:0px;;}
.Telegram_left_jd::after{ width: 27px; height: 20px; content: ''; position:absolute; background:url(../images/te_leftbottom_02.png) no-repeat; left: 0px; bottom:0px;;}


.Telegram_right_jd { position:relative}
.Telegram_right_jd::before{ width: 27px; height: 20px; content: ''; position:absolute; background:url(../images/te_righttop_02.png) no-repeat; right: 0px; top:0px;;}
.Telegram_right_jd::after{ width: 27px; height: 20px; content: ''; position:absolute; background:url(../images/te_rightbottom_03.png) no-repeat; right: 0px; bottom:0px;;}
.Telegram_con { position: relative; margin:0 27px; }
.Telegram_con::before{ content: ''; position:absolute; background: url(../images/te_top_02.png) repeat-x left top; width: 100%; height: 7px;; }
.Telegram_con::after{ content: ''; position:absolute; background: url(../images/te_bottom_03.png) repeat-x left top; width: 100%; height: 7px;; left:0px; bottom:0px;}


.Telegram_padding { padding:20px 0;}
.Telegram_conIn { position: relative; margin:0px -27px; }
.Telegram_conIn::before{ content: ''; position:absolute; background: url(../images/te_left_02.png) repeat-y left top; width: 9px; height: 100%;; }
.Telegram_conIn::after{ content: ''; position:absolute; background: url(../images/te_right_03.png) repeat-y left top; width: 9px; height: 100%; right:0px; bottom:0px;}



.mode03 .lf { width: 49.29%; float: left;}
.mode03 .rt { width: 49.29%; float: right;}
.mode03 { margin:60px auto 47px; overflow: hidden;}
.Telegram_in ul { padding:0 35px; }
.Telegram_in ul li { height: 50px; line-height: 50px; padding:0 0 0 30px; background:url(../images/la.png) no-repeat left center; overflow: hidden; }
.Telegram_in ul span { float: right; color:#fff;}
.Telegram_in ul a { display: block; margin: 0 100px 0 0; color:#fff; }

.Telegram .title { margin:0 0 14px 0;}
.Telegram .title h2 p { background:url(../images/h2_p3.png) no-repeat}

.Telegram1 .title h2 p { background:url(../images/h2_p4.png) no-repeat}





.wrap_Life_con { background: #494949; position: relative; }

.Life_left_jd { position:relative}
.Life_left_jd::before{ width: 50px; height: 30px; content: ''; position:absolute; background:url(../images/li_lefttop_01.png) no-repeat; left: 0px; top:0px;;}
.Life_left_jd::after{ width: 50px; height: 30px; content: ''; position:absolute; background:url(../images/li_leftbottom_01.png) no-repeat; left: 0px; bottom:0px;;}


.Life_right_jd { position:relative}
.Life_right_jd::before{ width: 50px; height: 30px; content: ''; position:absolute; background:url(../images/li_righttop_01.png) no-repeat; right: 0px; top:0px;;}
.Life_right_jd::after{ width: 50px; height: 30px; content: ''; position:absolute; background:url(../images/li_rightbottom_01.png) no-repeat; right: 0px; bottom:0px;;}
.Life_con { position: relative; margin:0 50px; }
.Life_con::before{ content: ''; position:absolute; background: url(../images/li_top_02.png) repeat-x left top; width: 100%; height: 11px;; }
.Life_con::after{ content: ''; position:absolute; background: url(../images/li_bottom.png) repeat-x left top; width: 100%; height: 11px;; left:0px; bottom:0px;}


.Life_padding { padding:30px 0;}
.Life_conIn { position: relative; margin:0px -50px; }
.Life_conIn::before{ content: ''; position:absolute; background: url(../images/li_left_02.png) repeat-y left top; width: 15px; height: 100%;; }
.Life_conIn::after{ content: ''; position:absolute; background: url(../images/li_right.png) repeat-y left top; width:15px; height: 100%; right:0px; bottom:0px;}

.Life .title { margin:0 0 20px 0;}



.Life .title h2 p { background:url(../images/life_title.png) no-repeat; }
.lifIn p {  margin:20px auto 90px; }
.lifIn { margin:0 10px}
.lifIn span{ background: url(../images/life_bg.png) no-repeat; padding:10px 13px;display: block;background-size: contain;}
.lifIn p { text-align: center; color: #fff;}


.swiper-button-prev, .swiper-button-next { width: 39px; height: 26px; border: 1px solid #AEAEAE;margin: 0px;border-radius: 3px;bottom: 28px;}
.swiper-button-prev {left:46.5%; background: url(../images/arrow_left.png) no-repeat center; }
.swiper-button-prev:hover{ background:url(../images/arrow_left_hover.png) no-repeat center #fff;}
.swiper-button-next {right: 46.5%;  background: url(../images/arrow_right.png) no-repeat center;}
.swiper-button-next:hover { background: url(../images/arrow_right_hover.png) no-repeat center #fff; border:1px solid #fff; }

.mode04 { padding:0 0 53px 0;}




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

}

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


@media screen  and (max-width:1420px) {
	.mode01,.mode02,.mode03,.mode04,.mode05,.mode06,.mode07,.mode08 { max-width: 1000px; margin: 0 auto;}
	.mode03 { max-width: 1000px; margin:37px auto;}
	.swiper-button-next { right: 45%;}
	.swiper-button-prev { left: 45%;;}
	.swiper-container { max-width: 900px;}
	.Eulogy_in { padding:30px; }
	.title h2 p{ font-size: 30px;; height: 70px; line-height: 70px;}

	.title h2 p { height: 70px; line-height: 70px; background-size: 50px; padding:0 0 0 60px;}
	.Eulogy1 .title h2 p { font-size: 28px; background-size: 50px; padding:0 0 0 60px; }
	.Telegram .title h2 p{ font-size: 28px;background-size: 50px; padding:0 0 0 60px;  }
	.Life .title h2 p { font-size: 28px; background-size: 50px; padding:0 0 0 60px;   }
	
}

@media screen  and (max-width:1300px) {
}
@media screen  and (max-width:1024px) {
	.title h2 p{ font-size: 28px;;}
}

@media screen  and (max-width:1020px) {
	.content { padding:0 15px;}
	.wrap_Eulogy_con:before { width: 200px;;}
	.Eulogy_in { padding:0 30px;}
	.Eulogy_right{ line-height: 30px;;}
	.title h2 { padding:0 12px;}
	.title h2 p { font-size: 24px; height: 60px; line-height: 60px; background-size: 40px; padding:0 0 0 50px;}
	.Eulogy1 .title h2 p { font-size: 24px; background-size: 40px; padding:0 0 0 50px; }
	.Telegram .title h2 p{ font-size: 24px;background-size: 40px; padding:0 0 0 50px;  }
	.Life .title h2 p { font-size: 24px; background-size: 40px; padding:0 0 0 50px;   }
	
}

@media screen  and (max-width:996px) {
	.swiper-button-next { right: 40%;}
	.swiper-button-prev { left: 40%;;}
}


@media screen and (max-width: 957px) {
    .Eulogy_right { line-height: 28px;}
}

@media screen and (max-width: 769px) {
	.swiper-container { max-width: 400px;}
	.title h2 p { font-size: 20px; height: 50px; line-height: 50px; background-size: 35px; padding:0 0 0 40px;}
	.Eulogy1 .title h2 p { font-size: 20px; background-size: 35px; padding:0 0 0 40px; }
	.Telegram .title h2 p{ font-size: 20px;background-size: 35px; padding:0 0 0 40px;  }
	.Life .title h2 p { font-size: 20px; background-size: 35px; padding:0 0 0 40px;   }
	.swiper-button-prev { display: none;}
	.swiper-button-next { display: none;}
	.lifIn p { margin:20px auto 30px}
	.swiper-pagination-bullet { background: rgba(255, 255, 255, .5);}
	.swiper-pagination-bullet-active {background:#fff;}
	.Eulogy { padding:30px 0 0 0;}
}
@media screen and (max-width: 767px) {
	.mode03 .lf { width: 100%; float: none;}
	.mode03 .rt { width: 100%; float: none; margin:20px 0 0 0;}
	.wrap_Eulogy_con:before { display: none;}
}

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

}

@media screen and (max-width:640px) {
	.Eulogy_left { width: 100%; float: none;} 
	.Eulogy_right { margin: 20px 0 0 0;}
	.header_leftIn h3 { margin:20px 0;}

	/* .title h2 p { font-size: 18px; height: 36px; line-height: 36px; background-size: 26px; padding:0 0 0 40px;}
	.Eulogy1 .title h2 p { font-size: 18px; background-size: 30px; padding:0 0 0 40px; }
	.Telegram .title h2 p{ font-size: 18px;background-size: 30px; padding:0 0 0 40px;  }
	.Life .title h2 p { font-size: 18px; background-size: 30px; padding:0 0 0 40px;   } */
	.Eulogy_right { height: auto;;}
}

@media screen and (max-width:480px) {
    
	.swiper-button-next { right: 30%;}
	.swiper-button-prev { left: 30%;;}
}
@media screen and (max-width:413px) {
	
}
@media screen and (max-width:400px) {
	
}