/* 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{width:100%; height:90px; background-color:#FFF; z-index:999;}
.head ul{width:70%; min-width:1200px; margin:0 auto;}
.head ul li{float:left;}
.head ul li:nth-child(1){width:30%;}
.head ul li:nth-child(2){width:70%; text-align:right; padding-top:13px;}
.head ul li:nth-child(1) img{height:54px; margin-top:18px;}
.head ul li:nth-child(2) a{color:#000; margin-left:10px; font-size:12px;}
.head ul li:nth-child(2) a:hover{color:#23ac38; border-bottom:2px solid #23ac38; font-size:12px;}

.top_sa{width:160px; padding:5px 10px; border:1px solid #ddd; color:#ccc; margin-top:5px;}
.top_sb{padding:5px 10px; border:none; color:#fff; background-color:#23ac38;}

/*menu*/
.menu{width:70%; min-width:1200px; margin:0 auto; background-image:url(../image/menu_bg.gif); height:50px; border-radius:10px 10px 0 0;}
.menu ul{float:left; width:16%; text-align:center; background-image:url(../image/menu_line.png); background-position:center left; background-repeat:no-repeat;}
.menu ul:nth-child(1){width:20%; background:none;}
.menu_al{margin:0 auto; margin-top:8px; height:42px; line-height:36px; color:#fff; width:60%;}
.menu_al:hover{background-color:rgba(255,255,255,0.95); margin:0 auto; margin-top:8px; line-height:36px; color:#23ac38; border-radius:10px 10px 0 0; width:60%; cursor:pointer;}

.menu_cl{width:60%; background-color:rgba(255,255,255,0.95); margin:0 auto; margin-top:8px; height:42px; line-height:36px; color:#23ac38; border-radius:10px 10px 0 0;}

.menu_c{width:70%; min-width:1200px; margin:0 auto; height:40px; border-radius:0 0 10px 10px; border-left:1px solid #23ac38; border-right:1px solid #23ac38; border-bottom:1px solid #23ac38; box-sizing:border-box; background-image:url(../image/menu_c_bg.gif);}
.menu_c ul{width:92%; margin:0 auto;}
.menu_c ul li{float:left;}
.menu_c ul li:nth-child(1){width:65%; line-height:40px;}
.menu_c ul li:nth-child(2){width:35%; line-height:40px; text-align:right; font-family:"dinpro";}
.menu_c ul li a{margin-left:15px;}
.menu_c ul li a span{color:#aaa; margin-right:3px;}

/*index_add*/
.index_banner{width:70%; min-width:1200px; height:500px; margin:10px auto 0 auto;}
.txt-box{width:85%; display:block; margin:0 auto; text-align:left; position:relative;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{}

.swiper-slide .titlea_c {margin-top:200px; text-align:left; font-size:35px; font-weight:bold; color:#fff; text-shadow:#000 0px 0px 6px;}
.swiper-slide .titlea_a {margin-top:16px; text-align:left; font-size:35px; line-height:35px; font-family:'dinprob'; color:#fff; text-shadow:#000 0px 0px 6px;}

.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:calc(50% - 10px);}
.swiper-slide .titlea_a_a {margin-top:0; text-align:left; float:left; width:calc(50% - 10px); margin-left:20px;}



/*index_about*/
.index_about{width:70%; min-width:1200px; margin:0 auto; background-image:url(../image/index_content_bg.gif); background-repeat:repeat-x; background-position:bottom; border-radius:0 0 10px 10px; padding:30px 0 20px 0;}
.index_about ul{width:33.33%; float:left;}
.index_about ul:nth-child(3){margin-right:0;}

/*index_about_a*/
.index_about_a{width:85%; 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:14px; 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:14px; 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:70%; min-width:1200px; background-color:#23ac38; margin:10px auto 0 auto; border-radius:10px 10px 0 0;}
.bottom ul{width:95%; margin:0 auto;}
.bottom ul li{float:left; width:50%; line-height:40px; color:#fff; font-size:12px;}
.bottom ul li:nth-child(2){text-align:right;}
/*bottom*/

.tab{ width:85%; margin:0 auto; position:relative;}
.tab-hd {overflow:hidden; zoom:1;}
.tab-hd li{ float:left; text-align:center; cursor:pointer; font-size:14px; height:24px; line-height:24px; padding:0 8px 5px 8px;}
.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:70%; min-width:1200px; margin:10px auto 0 auto; padding:110px 0; background-color:#999; background-size:100% 100%; background-position:center;}
.n_banner ul{width:85%; margin:0 auto 0 auto; text-shadow:#000 0px 0px 6px; color:#fff;}
.n_banner ul span{font-family:'dinpro'; font-size:16px;}
.n_banner ul p{font-size:30px; line-height:38px;}

/*content*/
.content{width:70%; min-width:1200px; margin:20px auto 0 auto; padding-bottom:10px;}
.content ul{float:left;}
.content ul:nth-child(1){width:220px; margin-right:30px;}
.content ul:nth-child(2){width:calc(100% - 250px);}

/*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-image:url(../image/left_three_bg.jpg); background-size:cover; border-radius:10px; margin-top:10px; padding:15px 0 10px 0;}
.left_idea li{float:left; width:calc(33.33% - 1px); text-align:center; color:#23ac38; font-size:12px; 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;}

.left_contact{width:calc(100% - 10px); border-radius:10px; margin-top:10px; border:1px solid #eee; background-image:url(../image/left_contact_bg.jpg); background-position:top; background-repeat:no-repeat; padding:75px 0 15px 10px;}
.left_contact span{font-family:'dinprob'; color:#23ac38; font-size:20px;}
.left_contact p{display:block; color:#000; margin-bottom:15px;}

.loca{width:100%; border-bottom:1px solid #eee; line-height:28px; margin-bottom:20px;}
.loca span{color:#ccc; margin-right:3px;}

/*contact_c*/
.contact_c{width:100%; background-color:#f5f5f5;}
.contact_c li{width:100%; margin:0 auto;}
.contact_c li ol{float:left; height:300px;}
.contact_c li ol:nth-child(1){width:50%;}
.contact_c li ol:nth-child(2){width:calc(50% - 40px); padding-left:40px;}
.contact_c li ol dd{width:100%; float:left; padding-top:15px;}
.contact_c li ol span{font-size:14px; color:#000;}
.contact_c li ol p{font-size:18px; color:#000;}


/*job_a*/
.job_a{width:100%; margin:20px auto 0 auto;}
.job_a ol{width:calc(22% - 31px); float:left; padding:8px 15px; background-color:#23ac38; color:#fff; font-size:14px; border-right:1px solid #fff;}
.job_a ol:last-child{text-align:right; border:none; width:calc(12% - 31px);}

.job_b{width:100%; padding:0 0 0 0; margin:0 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(22% - 31px); float:left; padding:8px 15px; border-right:1px dotted #ddd;}
#custom-show-hide-example li dd:last-child{text-align:right; font-size:16px; color:#ccc; border:none; width:calc(12% - 31px);}

#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:40px;}
#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:100%;}
.newslist ol{width:100%; padding:20px 0; border-bottom:1px dotted #ddd;}
.newslist ol:hover{ background-color:#eaf2ec;}
.newslist ol dd:nth-child(1){width:140px; float:left; margin-right:15px;}
.newslist ol dd:nth-child(2){width:calc(100% - 155px); 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;}

/*news*/
.news{width:100%;}
.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%;}

/*pinguan*/
.pinguan{width:100%;}
.pinguan li{float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:15px;}
.pinguan li:nth-child(3n+3){margin-right:0;}
.pinguan li img{width:100%; border:1px solid #eee; padding:3px; box-sizing:border-box;}

.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:100%;}

.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:100%;height: auto;overflow: hidden;margin: 0 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:300px; height: auto;float: left;}
.issues_content{padding: 0 20px;width:calc(100% - 40px);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;}

.about_sbBox{width:100% !important;overflow: hidden;}
.about_sbBox li{float:left;margin-right:15px;width:calc(25% - 12px);margin-bottom:15px;}
.about_sbBox li:nth-child(4n){margin-right:0px;}
.about_sbImg{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;height:169px;}
.about_sbImg a{width:100%;height:100%;display: inline-block;}
.about_sbImg img{width:100%;min-height:100%;transition: all 0.9s;}
.about_sbImg img:hover{transform: scale(1.1);}
.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:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


/*nice*/
.about_ht_content{width: 100%;}
.about_ht_content_text{margin-top: 30px;}
.about_ht_content_left{width: 60%; float: left;}
.about_ht_content_right{width: calc(40% - 40px); float: left; margin-left: 40px;}

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

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