/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* Project id 3189899 */
  src: url('//at.alicdn.com/t/font_3189899_412eaysudn7.woff2?t=1645115202166') format('woff2'),
       url('//at.alicdn.com/t/font_3189899_412eaysudn7.woff?t=1645115202166') format('woff'),
       url('//at.alicdn.com/t/font_3189899_412eaysudn7.ttf?t=1645115202166') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'dinpro';
  src: url('../../font/dinpro.eot');
  src: url('../../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../../font/dinpro.woff2') format('woff2'),
      url('../../font/dinpro.woff') format('woff'),
      url('../../font/dinpro.ttf') format('truetype'),
      url('../../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'dinprob';
  src: url('../../font/DINPro-Bold.eot');
  src: url('../../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../../font/DINPro-Bold.woff2') format('woff2'),
      url('../../font/DINPro-Bold.woff') format('woff'),
      url('../../font/DINPro-Bold.ttf') format('truetype'),
      url('../../font/DINPro-Bold.svg#dinprob') format('svg');
}

*｛margin:0;padding:0;｝
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:13px; line-height:23px; font-weight:300; color:#808080; font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif;  width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}

.clearfix:after{content:""; display:block; clear:both; height:0; visibility: hidden; font-size:0; line-height:0;}
.clearfix{zoom:1;}

a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color:#23ac38;text-decoration: none;}
a:active {color: #000;text-decoration: none;}

.bottom_link:link {color: #fff;text-decoration: none;}
.bottom_link:visited {color: #fff;text-decoration: none;}
.bottom_link:hover {color:#033;text-decoration: none;}
.bottom_link:active {color: #fff;text-decoration: none;}

h1{font-size:30px; color:#000; line-height:26px; font-weight:300; margin-bottom:30px;}
h2{font-size:30px; color:#333; line-height:30px; font-weight:300; margin-bottom:20px; background-image:url(../image/title_line.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:20px;}
h3{font-size:20px; color:#333; line-height:20px; font-weight:300; background-image:url(../image/title_line.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:15px;}
h4{font-size:20px; color:#ddd; line-height:20px; font-weight:300; font-family:'dinprob';}
h4 span{color:#333; display:block; margin-bottom:5px;}
h5{font-size:24px; color:#333; line-height:24px; font-weight:300; font-family:'dinprob'; background-image:url(../image/title_line.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:15px;}



/*head*/
.head_a{width:100%; height:50px; position:fixed; top:0; background-color:#fff; z-index:9999; box-shadow: 0 0 2px rgba(200,200,200,0.1); -webkit-box-shadow: 0 0 2px rgb(200,200,200,0.1); -moz-box-shadow: 0 0 2px rgb(200,200,200,0.1);}
.head_a ul{width:95%; height:55px; margin:0 auto;}
.head_a ul li:nth-child(1) img{margin-top:9px;}
.head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:50px; float:right;}
.head_a ul li{float:left; height:50px;}

/*mob nav*/
.sp_nav{width:8vw; float:right; position:relative; cursor:pointer; height:8vw; margin-top:16px;}
.sp_nav span{display:block;background:#009844;width:7vw;height:2px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:7px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:7px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999; background:#eee; background-repeat:no-repeat; width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left; width:100%;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px; border-left:1px rgba(255,255,255,0.8) solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgba(255,255,255,0.8) solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255,255,255,0.8) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#555; width:100%; display:block;}
.sjj_nav ul li ul li a{color:#888; display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:rgba(136,136,136,0.5);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#888}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*index_add*/
.index_banner{width:100%; height:350px; margin:50px auto 0 auto;}
.txt-box{width:90%; display:block; margin:0 auto; text-align:left; position:relative;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{}

.swiper-slide .titlea_c {margin-top:150px; font-size:28px; font-weight:bold; color:#fff; text-shadow:#000 0px 0px 4px;}
.swiper-slide .titlea_a {margin-top:10px; font-size:28px; line-height:28px; color:#fff; text-shadow:#000 0px 0px 4px;}
.swiper-slide .titlea_a_b {margin-top:10px; font-size:24px; line-height:24px; color:#fff; text-shadow:#000 0px 0px 4px;}

.txt-boxa{width:85%; display:block; margin:0 auto; text-align:left; position:relative;}
.swiper-slide .titlea_c_a {margin-top:0; text-align:left; float:left; width:135px;}
.swiper-slide .titlea_a_a {margin-top:0; text-align:left; float:left; width:calc(100% - 150px); margin-left:15px; margin-top:5px;}



/*index_about*/
.index_about{width:90%; margin:0 auto; padding:40px 0;}
.index_about ul{width:100%; margin-bottom:30px;}
.index_about ul:nth-child(3){margin-bottom:0;}

/*index_about_a*/
.index_about_a{width:100%; margin:0 auto;}
.index_about_a ol{width:100%; border-bottom:2px solid #ddd; margin-bottom:10px; padding-bottom:5px;}
.index_about_a ol dd{float:left;}
.index_about_a ol dd:nth-child(1){font-size:16px; color:#23ac38; width:70%;}
.index_about_a ol dd:nth-child(1) span{font-size:10px; margin-left:5px; color:#ccc;}
.index_about_a ol dd:nth-child(2){text-align:right; width:30%;}
.index_about_a ol dd:nth-child(2) a{background-color:#23ac38; color:#fff; font-size:10px; border-radius:5px; padding:1px 5px;}

.index_about_a li{width:100%;}
.index_about_a li dl{float:left;}
.index_about_a li dl:nth-child(1){width:calc(65% - 15px); margin-right:15px;}
.index_about_a li dl:nth-child(2){width:35%;}

/*index_about_b*/
.index_about_b{width:100%; margin:0 auto;}
.index_about_b ol{width:100%; border-bottom:2px solid #ddd; margin-bottom:10px; padding-bottom:5px;}
.index_about_b ol dd{float:left;}
.index_about_b ol dd:nth-child(1){font-size:16px; color:#23ac38; width:70%;}
.index_about_b ol dd:nth-child(1) span{font-size:10px; margin-left:5px; color:#ccc;}
.index_about_b ol dd:nth-child(2){text-align:right; width:30%;}
.index_about_b ol dd:nth-child(2) a{background-color:#23ac38; color:#fff; font-size:10px; border-radius:5px; padding:1px 5px;}


/*bottom*/
.bottom{width:100%; background-color:#23ac38;}
.bottom ul{width:100%; color:#fff; text-align:center; padding:20px 0; font-size:19px;}
.bottom ul span{margin-left:5px; font-size:19px; line-height:19px;}
/*bottom*/

.tab{ width:100%; margin:0 auto; position:relative;}
.tab-hd {overflow:hidden; zoom:1;}
.tab-hd li{ float:left; text-align:left; cursor:pointer; font-size:16px; height:24px; line-height:24px; padding:0 10px 5px 0;}
.tab-hd li.active{border-bottom:2px solid #23ac38; color:#23ac38;}
.tab-bd li{display:none;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li dl{width:100%;}
.tab-bd li dl dd{float:left;}
.tab-bd li dl dd:nth-child(1){width:calc(80% - 10px); background-image:url(../../image/jt.png); background-repeat:no-repeat; background-position:left center; padding-left:10px;}
.tab-bd li dl dd:nth-child(2){width:20%; text-align:right; font-family:'dinpro'; color:#aaa; font-size:11px;}
.titlecc{margin-bottom:10px; background-image:url(../../image/title_linea.gif); background-repeat:repeat-x; background-position:bottom;}


/*滑动*/
.pic_con{width:100%; margin:0 auto;position:relative}
.pic_lists{float:left;width:8888px;height:108px;overflow:hidden;position:absolute;top:0px;left:0px}
.btn_change{width:14px;height:21px;position:absolute;text-indent:-9999px;cursor:pointer}
.left_btn{background:url(../images/leftstop.jpg) no-repeat;top:40px;left:0px}
.right_btn{background:url(../images/rightstart.jpg) no-repeat;top:40px;right:0px}

.pic_content{overflow:hidden;height:108px;loat:left;width:360px;position:relative;margin:0px auto 0px;}
.pic_content ol li{float:left;width:360px;height:108px; text-align:center;margin:0 0 0 0;position:relative}
.pic_content ol li dl{float:left;}
.pic_content ol li dl:nth-child(1){width:140px;}
.pic_content ol li dl:nth-child(2){width:205px; text-align:left; margin-left:15px;}
.pic_content ol li dl a img{width:140px;height:108px}

.morelink{position:absolute; right:0; top:-1px;}
.morelink a{background-color:#23ac38; color:#fff; font-size:10px; border-radius:5px; padding:1px 5px;}

.morelinka{position:absolute; right:0; top:0;}
.morelinka a{background-color:#23ac38; color:#fff; font-size:10px; border-radius:5px; padding:1px 5px;}



/*n_banner*/
.n_banner{width:100%; margin:50px auto 0 auto; padding:50px 0; background-color:#999; background-size:cover; background-position:center;}
.n_banner ul{width:90%; margin:0 auto 0 auto; text-shadow:#000 0px 0px 4px; color:#fff;}
.n_banner ul span{font-family:'dinpro'; font-size:12px;}
.n_banner ul p{font-size:20px; line-height:20px;}

/*content*/
.content{width:100%; margin:0 auto 0 auto;}
.content ul{width:100%;}

/*leftmenu*/
.leftmenu_title{width:100%; background-image:url(../image/menu_bg.gif); background-position:center; border-radius:10px 10px 0 0; line-height:40px; color:#fff; font-size:15px;}
.leftmenu_title span{margin:0 5px 0 10px; font-size:16px;}
.leftmenu{width:100%; }

.leftmenu_sub{padding-left:10px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:30px; cursor:pointer;}
.leftmenu_sub:hover{padding-left:10px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:30px; background: linear-gradient(#fffbc4,#fedd51,#fef47e); color:#000; cursor:pointer;}
.leftmenu_sub span{margin-right:5px;}
.leftmenu_suba{padding-left:10px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:30px; background: linear-gradient(#fffbc4,#fedd51,#fef47e); color:#000; cursor:pointer;}
.leftmenu_suba span{margin-right:5px;}

.left_idea{width:100%; background-color:#f5f5f5; padding:26px 0 22px 0;}
.left_idea li{float:left; width:calc(33.33% - 1px); text-align:center; color:#23ac38; font-size:11px; border-right:1px solid rgba(35,172,56,0.3);}
.left_idea li:nth-child(3){border:none;}
.left_idea li span{display:block; font-size:24px; line-height:24px; color:#23ac38; margin-bottom:2px;}

.left_contact{width:90%; padding:25px 0; margin:0 auto;}
.left_contact span{font-family:'dinprob'; color:#23ac38; font-size:20px;}
.left_contact p{display:block; color:#000; margin-bottom:10px;}

.loca{width:100%; margin-bottom:40px; background-color:#f5f5f5;}
.loca ul{width:90%; margin:0 auto; font-size:10px; padding:4px 0;}

/*contact_c*/
.contact_c{width:90%; margin:0 auto;}
.contact_c li{width:100%; margin:0 auto; padding-bottom:40px;}
.contact_c li ol:nth-child(1){width:100%; height:250px; margin-bottom:30px;}
.contact_c li ol:nth-child(2){width:100%;}
.contact_c li ol dd{width:100%; float:left; padding-top:10px;}
.contact_c li ol span{font-size:12px; color:#000;}
.contact_c li ol p{font-size:16px; color:#000;}


/*job_a*/
.job_a{width:90%; margin:0 auto 0 auto;}
.job_a ol{width:calc(25% - 1px); float:left; padding:5px 0; background-color:#23ac38; color:#fff; font-size:11px; border-right:1px solid #fff; text-align:center;}
.job_a ol:last-child{border:none;}

.job_b{width:90%; padding:0 0 0 0; margin:0 auto 40px auto;}
#custom-show-hide-example{width:100%; margin:0 auto; border-bottom:1px dotted #ddd;}
#custom-show-hide-example li {margin:0; background-color:#fff;}
#custom-show-hide-example li dd{width:calc(25% - 1px); float:left; padding:5px 0; border-right:1px dotted #ddd; font-size:11px; text-align:center;}
#custom-show-hide-example li dd:last-child{text-align:center; font-size:11px; color:#ccc; border:none;}

#custom-show-hide-example li a {
  display: block;
  margin: 0;
  color: #8d8d8d;
  text-decoration: none;
  font-weight: normal;
  border-top: 1px dotted #ddd;
}

#custom-show-hide-example li:hover { background:#eaf2ec; }
#custom-show-hide-example li.open  { background:#f0f0f0; }
#custom-show-hide-example div {background-color:#f5f5f5; padding:20px; font-size:11px;}
#custom-show-hide-example div a{padding:5px 30px; border:1px solid #2fa8e1; border-radius:16px; background-color:#2fa8e1; color:#fff;}
#custom-show-hide-example div a:hover{padding:5px 30px; border:1px solid #2fa8e1; background-color:#2fa8e1; border-radius:16px; color:#fff;}

/*newslist*/
.newslist{width:90%; margin:0 auto;}
.newslist ol{width:100%; padding:15px 0; border-bottom:1px dotted #ddd; border-top:1px dotted #ddd;}
.newslist ol:hover{ background-color:#eaf2ec;}
.newslist ol dd:nth-child(1){width:100px; float:left; margin-right:15px;}
.newslist ol dd:nth-child(2){width:calc(100% - 115px); float:left;}
.newslist ol dd img{width:100%; height:68px;}
.newslist ol dd a{font-size:14px; color:#333;}
.newslist ol dd span{font-family:"dinprob"; color:#ccc; font-size:11px; margin-left:10px;}

.fenye{padding-top:8px; text-align:left; margin-bottom:40px;}

/*news*/
.news{width:90%; margin:0 auto 40px auto;}
.news li:nth-child(1){font-size:11px; font-family:"dinpro"; color:#aaa; text-align:center; border-bottom:1px dotted #eee; padding-bottom:10px; margin-bottom:10px;}
.news li:nth-child(2){margin-bottom:30px;}
.news li span{font-size:18px; color:#000; display:block;}
.news li img{margin:20px 0; width:100%;}
.news li dd{border:1px solid #eee; margin-bottom:10px;}
.news li dd img{width:50%; margin:10px auto;}

/*pinguan*/
.pinguan{width:90%; margin:0 auto 25px auto;}
.pinguan li{float:left; width:100%; margin-bottom:15px;}
.pinguan li:nth-child(3n+3){margin-right:0;}
.pinguan li dd{width:100%; border:1px solid #eee;}
.pinguan li img{width:50%;  padding:10px 0; box-sizing:border-box; margin:0 auto;}

.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #fff;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 65%;
	max-width: 1000px;
	min-width: 320px;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999995;
	opacity: 0;
	background: rgba(1,1,1,0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #5b5b5b;
	background: #fff;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
	font-size:12px;
	font-family:'dinpro';
}
.md-content td{padding:5px 0 5px 10px;}

.md-content .md-close-btn {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 999999;
}
.md-content .md-close-btn a{
	color: #909090;
	cursor: pointer;
}
.md-content .md-close-btn a:hover{
	color: #212121;
}
.md-content .md-close {
	font-size: 13px;
}


.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7); 
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	opacity: 1;
}

/*about_a*/
.about_a{width:90%; margin:0 auto 40px auto;}

.yuanjing_span{font-size:16px; color:#000; display:block; margin-bottom:5px;}



.main{
	width: 100%;
	margin: 0 auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 93px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	font-family:'dinprob';
	font-size:24px;
	color:#333;
}

.time-axis-date span{
	position: absolute;
	right: -49px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:first-child .time-axis-date span{
	border-color: #23ac38;
}

.time-axis-item:first-child .time-axis-date span:after{
	background-color: #23ac38;
	border-color: #23ac38;
}


/*pro*/
#slider {
    width: calc(100% - 40px);
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: auto;
    width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: auto;
    width: 900px;
	padding-top:20px;
}

.panel img{width:40%; margin-bottom:10px;}


ol.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	border-bottom:1px solid #eee;
}

ol.navigation li {
    display: inline;
}

ol.navigation a {
    padding:5px 10px;
    text-decoration: none;
}

ol.navigation a:hover {
    background-color: #f6f6f6;
}

ol.navigation a.selected {
    background-color: #23ac38;
	color:#fff;
}

ol.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 15px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


/*time_line*/
#timeline {width:90%;height: auto;overflow: hidden;margin: 0 auto 20px auto;position: relative;background: url('../../image/dot.png') left 45px repeat-x;}

#dates {width:100%; height: 60px;overflow: hidden;}
#dates li {float: left;width:300px;height: 50px;font-size: 16px;text-align: center;font-family:'dinpro';background: url('../../image/biggerdot.png') center bottom no-repeat; z-index:-1;}
#dates a {line-height:35px;padding-bottom:10px; z-index:1000; display:block; height:50px;}
#dates .selected {font-size:18px;font-family:'dinprob'; color:#23ac39; background:url(../../image/biggerdot_a.png) no-repeat center 42PX;}

#issues {width:100%;height: auto;overflow: hidden;margin-top:25px;}	

#issues li {width:100px; height: auto;float: left; font-size:10px;}
.issues_content{padding: 0 10px; width:calc(100% - 20px);overflow: hidden;}
#issues li img {float: left; width:100%; margin-bottom:8px;}
#issues li p {}
				
#next,#prev {position: absolute;top: 0; font-size:70px; top:30px; width:40px; height:31px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,#prev:hover {background-position: 0 -31px;}
#next {right:0;background-image: url('../../image/right.gif');}
#prev {left:0;background-image: url('../../image/left.gif');}
#next.disabled,#prev.disabled {opacity: 0.2;}



.about_b{width:100%;}
.about_b li{width:calc(50% - 15px); float:left; margin-right:30px; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.about_b li:nth-child(2n+2){width:calc(50% - 15px); border-right:none; margin-right:0;}

.timeline_a{width:90%; margin:0 auto 40px auto;}
.timeline_a ul{width:90%;}
.time_left{width:25%; font-family:'dinprob'; color:#23ac39; float:left; font-size:24px;}
.time_right{width:75%; float:left; border-bottom:1px dotted #eee; margin-bottom:15px; padding-bottom:6px;}
.time_right img{width:100%; margin-bottom:5px;}

.about_sbBox{width:calc(100% - 24px) !important;overflow: hidden;margin-left:12px;}
.about_sbBox li{float:left;margin-right:15px;width:calc(50% - 8px);margin-bottom:15px;}
.about_sbBox li:nth-child(2n){margin-right:0px;}
.about_sbImg{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;height:125px;}
.about_sbImg a{width:100%;height:100%;display: inline-block;}
.about_sbImg img{width:100%;min-height:100%;}
.about_sbBox li p{width:100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.videoBf{display:flex;justify-content:flex-start;align-items:center;cursor: pointer;}
.videoBf img{width:25px;}
.videoBf span{font-size:20px;margin-left:10px;}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:5%; top:50%; margin-top:-95px;z-index:100; width:90%; height:190px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

@media only screen and (min-width: 720px) and (max-width: 1200px){}

@media only screen and (min-width: 220px) and (max-width: 720px) {}