/*孙立宏2021.2.2*/
body{}
.Banner{overflow: hidden;position: relative;z-index: 50;}
.slick-img{width: 100%;height: 0;display: block;padding-bottom: 26.4%;}
/*mode01*/
.content{margin-left: auto;margin-right: auto;position: relative;z-index: 15;margin: 0px auto 0; background: url(../../images/dangshi/content.jpg) no-repeat center top; background-size: cover;}
.bg1{background: url(../../images/dangshi/bg1.jpg) no-repeat top center;background-size: cover;}


.mbanner ul{ margin: 0 -14px; overflow: hidden;}
.mbanner ul li { width: 33.3%; float: left; }
.mbanner ul a { display: block; margin: 0 10px; position: relative; }
.mbanner ul a span { height: 0px; display: block; overflow: hidden; padding-bottom: 61%; }
.mbanner ul p { position: absolute; width: 100%; height: 81px; line-height: 81px; bottom: 0px;text-align: center;}
.mbanner ul p i { font-style: normal; color: #fff; }
.mbanner ul li:nth-child(1) p{ background:rgba(92,168,206,1) 
;
  background: -webkit-linear-gradient(top, rgba(92,168,206,0) ,rgba(92,168,206,1) 
); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, rgba(92,168,206,0) ,rgba(92,168,206,1) 
); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, rgba(92,168,206,0) ,rgba(92,168,206,1) 
); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, rgba(92,168,206,0) ,rgba(92,168,206,1) 
); /* 标准的语法 */ }

.mbanner ul li:nth-child(2) p{ background:rgba(191,166,17,1)
;
  background: -webkit-linear-gradient(top, rgba(191,166,17,0) ,rgba(191,166,17,1) 
); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, rgba(191,166,17,0) ,rgba(191,166,17,1) 
); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, rgba(191,166,17,0) ,rgba(191,166,17,1) 
); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, rgba(191,166,17,0) ,rgba(191,166,17,1) 
); /* 标准的语法 */ }
.mbanner ul li:nth-child(3) p{ background:rgba(191,166,17,1)
;
  background: -webkit-linear-gradient(top, rgba(0,162,95,0) ,rgba(0,162,95,1) 
); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, rgba(0,162,95,0) ,rgba(0,162,95,1) 
); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, rgba(0,162,95,0) ,rgba(0,162,95,1) 
); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, rgba(0,162,95,0) ,rgba(0,162,95,1) 
); /* 标准的语法 */ }



.index_title{display: block;text-align: center;line-height: 50px;position: relative;padding: 0 0 5px 0;margin: 0px auto 60px;}
.index_title h2{font-family: '微软雅黑';text-align: center;padding: 0 0 0 261px;background: url(../../images/dangshi/title_bg.png) left center no-repeat;width: 229px;color: #8B0D00;font-weight: normal;margin: 0 auto;position: relative;}
.index_title h2 strong{ font-weight: normal; }
.index_title span { position: absolute; right: -75px;bottom: -5px;padding: 0 7px 0 0;display: block;height: 20px;line-height: 20px;/*! position: relative; */}
.index_title span:before{content: ''; position: absolute; width: 7px; height: 7px; background: url(../../images/dangshi/add.png) no-repeat right center; right: 0px;bottom: 0px;}
.index_title::before{content: '';display: block;position: absolute;left: 0;top: 13px;width: calc(50% - 251px);background: url(../../images/dangshi/title_left.png) right center no-repeat;height: 29px;}
.index_title::after{content: '';display: block;position: absolute;right: 0;top: 13px;width: calc(50% - 250px);background: url(../../images/dangshi/title_right.png) left center no-repeat;height: 29px;}


/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em; }
.flex-direction-nav .flex-prev { left: -30px; background-position:0 0; }
.flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1000;display: none;}
.flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; }
.flex-control-paging li a:hover { background: #000; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); }






.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
/*flexslider end*/




.mode01 { /*! max-width: 1200px; */ /*! margin: 0 auto; */ }
.work { padding: 65px 0 0 0; }
.work_left { width: 54.1%; float: left; }
.workIn { max-width: 1200px; margin: 0 auto; overflow: hidden;}
.til_slides { padding: 0 25px 37px; display: block;}
.til_slides h5 { margin: 29px 0; height: 20px; line-height: 20px; display: block; overflow: hidden;font-weight: normal;}
.work_con { line-height: 24px; height: 48px; overflow: hidden; color: #999;margin: 0 0 45px 0;}
.til_slides p{ overflow: hidden; }
.til_slides i{ font-style: normal; color: #999; float: left; }
.til_slides span { color: #8B0D00; float: right; padding:0 16px 0 0; background: url(../../images/dangshi/arrow.png) no-repeat right center; }
.til_slides span a { color: #8B0D00; }
.Banner1 { box-shadow: 8px 0px 23px rgba(0,0,0,.13) }


.work_right { width: 43.4%; float: right; }
.work_right li { padding: 21px 0; border-bottom: 1px dashed #E3E3E3 }
.work_right li:first-child { padding-top: 0px; }
.work_right li:last-child { padding-bottom: 0px; border-bottom: 0px;}
.wdate { width: 74px; height: 74px; background: #8B0D00; float: left; }
.wdate .day { height: 40px; color: #fff; text-align: center; width: 60px; display: block; margin:0 auto; border-bottom: 1px solid #fff; }
.wdate .year { color: #fff; text-align: center; line-height: 30px;}
.w_right { margin: 0 0 0 83px; }
.w_right a { height: 20px; line-height: 20px; display: block; overflow: hidden; transition: 1s; }
.w_right a:hover { transition: 1s; margin-left: 10px; }
.wr_con { line-height: 24px; height: 48px; overflow: hidden; color: #999; margin: 7px 0 0 0; }
.study { max-width: 1200px; margin: 0 auto; }
.study ul { margin: 0 -12px; overflow: hidden;padding-bottom: 40px;}
.study li { float: left; width: 33.3%; margin: 0 0 24px 0;}
.study a{ background: #fff; padding: 28px 23px; margin: 0 12px; display: block;  }
.study a p { height: 20px; line-height: 20px; display: block; overflow: hidden; }
.study a span { color: #999; padding: 0 0 0 19px; background: url(../../images/dangshi/clock.png) no-repeat left center; margin: 15px 0 0 0;display: block;}






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

}

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

}


@media screen  and (max-width:1386px) {
.workIn { max-width: 1000px; width: auto; margin: 0 15px;}
.work_right li { padding: 13.5px 0; }	
.study { max-width: 1000px; width: 98%; margin: 0 auto; }
.study ul { padding-bottom: 20px; }
}

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

}

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

}

@media screen  and (max-width:996px) {
  .work_left { width: 100%; float: none; }
  .work_right { width: 100%; float: none; margin: 20px 0 0 0; }
  .til_slides h5{ height: auto; margin: 20px 0; }
  .work_con { margin: 0 0 20px 0; }

}

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

@media screen and (max-width: 767px) {
.study li { width: 50%; }
}

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

}

@media screen and (max-width:640px) {
.index_title h2 { padding: 0px; background: none; }
.index_title::before { display: none; }
.index_title::after { display: none; }
.index_title h2 { width: auto; /*! float: left; */ text-align: left;}
.index_title span { float: right; position: relative;right: 0px;bottom: -19px;}
.index_title h2 strong { float: left; text-align: left; }
.index_title { overflow: hidden; width: 98%;margin: 0 auto;}
.work { padding: 20px 0 0 0; }
.study a { padding: 20px; }
}

@media screen and (max-width:480px) {
  
.study li{ width: 100%; float: none;
}
.study a p { height: auto; }
	
}
@media screen and (max-width:400px) {
	
}