.inside-ban {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.inside-ban img{ position:relative;}
.pos_about{position:absolute; top:35%; width:100%;}
.pos_about .big{font-size:48px; height:60px; font-weight:bold; color:#fff; text-align:center;font-family:"微软雅黑";}
.pos_about .big span{color:#4cc159;}
.pos_about .mid{font-size:48px; height:60px;  color:#fff; text-align:center; font-family:"Amerigo Md BT";}
.pos_about .bot{font-size:14px; height:24px; color:#fff; text-align:center;font-family:"微软雅黑"; margin-top:60px;}
.pos_about .bot a{color:#fff;}
.pos_about .bot a:hover{color:#3185f7;}
@media only screen and (max-width: 1220px)
{
.w1200 {
    width: 90%;
}}
@media only screen and (max-width:1220px) {
.pos_about {
    position: absolute;
    top: 30%;
    width: 100%;
}	
.pos_about .bot{ display:none;}	
#gnav nav ul li#entry, #gnav nav ul li#mypage{display:none;}
#gnav nav ul li:nth-child(7){display:block;}
#gnav nav ul li:nth-child(8){display:block;}
#gnav nav ul {
    overflow: hidden;
    float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#gnav nav ul li a {
    display: inline-block;
    color: #3f3f3f;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 18px;
    font-size: 14px;
    text-decoration: none;
}
}
@media only screen and (max-width: 768px) {
			#gnav nav ul {
				float: none;
				display: block;
				position: absolute;
				top: 45%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				text-align: center;
				margin-top: -25px; } }
		#gnav nav ul li {
			vertical-align: middle;
			position: relative; }
			
			@media only screen and (max-width: 768px) {
				#gnav nav ul li {
					margin-bottom: 20px; }
					#gnav nav ul li:nth-child(8) {
						margin-bottom: 0; } }
			#gnav nav ul li:before {
				content: "";
				width: 1px;
				height: 10px;
				background-color: #aaa;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -3px;
				line-height: 1; }
@media only screen and (max-width: 768px) {
  .pos_about {
    position: absolute;
    top:17%;
    width: 100%;
}
.pos_about .big {
    font-size:24px;
    height: 30px; font-weight:normal;
    color: #fff;
    text-align: center;
    font-family: "微软雅黑";
}
.pos_about .mid {
    font-size:20px;
    height: 30px;
    color: #fff;
    text-align: center;
    font-family: "Amerigo Md BT";
}
.pos_about .bot{display:none;}
}

.inside-menu {
  height:80px;
  border-bottom: 1px solid #d2d2d2;
  background: #fff;
}
@media only screen and (max-width: 980px) {
  .inside-menu {
    display: none;
  }
}
.inside-menu.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.inside-menu a {
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
  color: #757474;
}
.inside-menu em {
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
  color: #a3a3a3;
}
.inside-menu .menu a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
}
.inside-menu .menu a:last-child {
  padding-right: 0;
}
.inside-menu .menu a:after {
  transition: all 0.5s;
}
.inside-menu .menu a:hover {
  color: #006ee2;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 1220px)
{
.w1200 {
    width: 90%;
}}
@med
.fl {
    float: left;
    display: inline;
}
.fr {
    float: right;
    display: inline;
}
.inside-menu .menu a {color:#757474;
     display:block; width:240px; float:left;
    font-size: 18px;
    line-height:80px;
    color: #757474; text-align:center;
}
.inside-menu .menu a:hover{background-color:#3185f7; color:#fff;}
.menu_cur{background-color:#3185f7; color:#fff !important; display:block;}
.about-wrap .group, .duty-wrap .group {
    padding: 4.8% 0 5%;
    font-size: 15px; line-height:36px;
    line-height: 2;
    color: #4f4e4e;
    text-align: center;
}
.inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .bases-wrap .title div{
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    color: #f15a28; font-family:"Amerigo Md BT";
}

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

.inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .bases-wrap .title div{
    text-align: center;
    font-size:24px;
    line-height: 30px;
    color: #474747; font-family:"Amerigo Md BT";
}
.about-wrap .group, .duty-wrap .group {
    padding: 4.8% 0 5%;
    font-size: 13px; line-height:30px;
    line-height: 2;
    color: #4f4e4e;
    text-align: center;
}
}
.about-wrap .group .detail, .duty-wrap .group .detail {
    width: 82.5%;
    padding-top: 3%;
    margin: 0 auto;
}
.about-wrap .group .detail a, .duty-wrap .group .detail a {
    display: inline-block;
    width: 170px;
    border: 1px solid #4cc159;
    background: #4cc159;
    margin-top: 4.6%;
    font-size: 16px;
    line-height:56px;
    color: #fff;
    transition: all 0.5s;
}
.strategy span{font-family:"微软雅黑"}
.about-wrap .group .detail a:hover, .duty-wrap .group .detail a:hover{background-color:#fff; color:#4cc159;border: 1px solid #4cc159;}
.about-wrap .group  .title span{ font-size:30px; color:#474747; font-family:"微软雅黑";}
.about-wrap .history  .title span{ font-size:30px; color:#fff; font-family:"微软雅黑";}
.about-wrap .history, .duty-wrap .history {
    padding: 4.5% 0 4%;
    background:url(404.png) no-repeat center;
    background-size: cover;
}
.por {
    position: relative;
}
@media only screen and (max-width: 1220px)
{
.about-wrap .group  .title span{ font-size:24px; color:#474747; font-family:"微软雅黑";}
.about-wrap .history  .title span{ font-size:24px; color:#fff; font-family:"微软雅黑";}
}

@media only screen and (max-width: 980px) {
  .about-wrap .group, .duty-wrap .group {
    padding: 9% 0 13%;
  }
  .about-wrap .group .detail, .duty-wrap .group .detail {
    width: 100%;
    padding-top: 6%;
  }
}
.inside-title.white, .about-wrap .white.title, .duty-wrap .white.title, .projects-wrap .tips .white.title, .bases-wrap .white.title {
    color: #fff;
}

.about-wrap .strategy, .duty-wrap .strategy {
  padding: 4% 0 3.4%;
}
@media only screen and (max-width: 980px) {
  .about-wrap .strategy, .duty-wrap .strategy {
    padding: 8% 0 7%;
  }
}
@media (min-width: 768px){
.col-sm-5 {
    width: 41.66666667%;
}
.col-sm-7 {
    width: 58.33333333%;
}
}
.mainn {
  margin-top: 50px;
}
.about-wrap .strategy .img img, .duty-wrap .strategy .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.about-wrap .strategy .detail, .duty-wrap .strategy .detail {
  padding: 4.5% 9.8% 0 7.5%;
  font-size: 12px;
  line-height: 26px;
  color: #666;
}
.about-wrap .strategy .detail h2, .duty-wrap .strategy .detail h2 {
  font-size: 20px;
  line-height: 36px; padding-bottom:26px;
  color: #2f2f2f; font-weight:normal; border-bottom:solid 1px #d2d2d2;}
  .about-wrap .strategy .detail p{font-size:14px; color:#797979; line-height:30px; margin-top:30px; margin-bottom:180px;}
  
 @media only screen and (max-width: 1220px)
{
.about-wrap .strategy .detail h2, .duty-wrap .strategy .detail h2 {
  font-size: 18px;
  line-height: 24px; padding-bottom:15px;
  color: #2f2f2f; font-weight:normal; border-bottom:solid 1px #d2d2d2;}
  .about-wrap .strategy .detail p{font-size:14px; color:#797979; line-height:30px; margin-top:30px; margin-bottom:60px;}	
	
}
@media only screen and (max-width: 770px) {
  .about-wrap .strategy .detail, .duty-wrap .strategy .detail {
    padding: 9% 0 0;
  }
}
.about-wrap .mission, .duty-wrap .mission {
  padding: 5.2% 0 7.8%;
  background: url(404.png) no-repeat center;
  background-size: cover;
}
.about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {
  width: 73.5%;
  height: 148px;
  margin: 4.4% auto 1.8%;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  text-align: center;
}
.about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll{
  left: 0;
  top: 0;
  width: 100%;
}
.about-wrap .mission .scroll-box h2, .duty-wrap .mission .scroll-box h2 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 2;
  color: #000;
}
.about-wrap .mission .btns, .duty-wrap .mission .btns {
  height: 29px;
  text-align: center;
}
.about-wrap .mission .btns span, .duty-wrap .mission .btns span {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(404.png) no-repeat;
  margin: 0 8px;
  cursor: pointer;
}
.about-wrap .mission .btns span.down, .duty-wrap .mission .btns span.down {
  background-image: url(404.png);
}
@media only screen and (max-width: 980px) {
  .about-wrap .mission, .duty-wrap .mission {
    padding: 10% 0;
    background-image: url(404.png);
  }
  .about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {
    width: 100%;
    height: auto;
  }
  .about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll {
    position: relative;
  }
  .about-wrap .mission .btns, .duty-wrap .mission .btns {
    display: none;
  }
}



.group .newbox{ margin-top:30px;}
.group .newbox dl {width:30.3%; margin:1.5%;position:relative; float:left;}
.group .newbox dl dt {
	position:absolute;
	top:0;
	left:15px;
	font-size:80px;
	color:#3389ff; font-weight:bold;
	line-height: 60px;
-webkit-transition: all .3s ease-in;
 -moz-transition: all .3s ease-in;
 -ms-transition: all .3s ease-in;
 -o-transition: all .3s ease-in;
 transition: all .3s ease-in;
}
.group .newbox dl dd { text-align:left;
	background-color:#fff;
	z-index: 1;
	position: relative;
	margin-top:40px;
	padding:15px 0;
}
.group .newbox dl dd h5 {
	font-size:18px;
	height:20px;
	line-height:20px;
	overflow:hidden; color:#1c1c1c;
	text-overflow:ellipsis;
	white-space:nowrap;
*white-space:nowrap;
	margin-bottom:15px; font-weight:normal;
}
.group .newbox dl dd time {color:#918f8f;font-size:14px;}
.group .newbox dl dd p {line-height:24px;height:72px;overflow:hidden;margin:15px 0;font-size:14px;color:#918f8f;}
.group .newbox dl dd span {border-top:1px solid #dcdcdc;padding-top:15px;display:block; color:#8c8b8b; font-size:14px;}
.group .newbox dl:hover dt {top:-23px;}

.group .newa{
    display:inline-block;
    width: 170px;
    border: 1px solid #4cc159;
    background: #4cc159;
    margin-top: 2%;
    font-size: 16px;
    line-height:56px;
    color: #fff;
    transition: all 0.5s;
}
.group .newa:hover{background-color:#fff; color:#4cc159;border: 1px solid #4cc159;}



.about-wrap .hang {
    padding: 4% 0 3.5%;
    background:#f5f5f5;
    background-size: cover;
}
.hang .newbox{ margin-top:30px;}
.about-wrap .hang .white div{color:#474747;}
.about-wrap .hang .white span{color:#474747; font-family:"微软雅黑"; font-size:30px;}
.hang .newbox dl {width:30.3%; margin:1.5%; float:left;}
.hang .newbox dl dt img{width:100%;}

.hang .newbox dl dd { text-align:left;
	z-index: 1;
	padding:15px 0;
}
.hang .newbox dl dd h5 {
	font-size:18px;
	height:20px;
	line-height:20px;
	overflow:hidden; color:#1c1c1c; margin-top:20px;
	margin-bottom:15px; font-weight:normal;
}
.hang .newbox dl dd time {color:#918f8f;font-size:14px;}
.hang .newbox dl dd p {line-height:24px;height:72px;overflow:hidden;margin:15px 0;font-size:14px;color:#918f8f;}
.hang .newbox dl dd span {padding-top:15px;display:block; color:#8c8b8b; font-size:14px;}
.hang .newbox dl:hover dt {top:-23px;}

.hang .newa{
    display:block;
    width: 170px;
    border: 1px solid #4cc159;
    background: #4cc159;
    font-size: 16px;
    line-height:56px;
    color: #fff;
    transition: all 0.5s; text-align:center; margin:30px auto;
}
.hang .newa:hover{background-color:#fff; color:#4cc159;border: 1px solid #4cc159;}
@media only screen and (max-width:768px) {
.about-wrap .hang .white span {
    color: #474747;
    font-family: "微软雅黑";
    font-size: 24px;
}
.group .newbox {
    margin-top: 20px;
}
.about-wrap .hang {
    padding: 8% 0 3.5%;
    background: #f5f5f5;
    background-size: cover;
}
.hang .newbox {
    margin-top: 20px;
}
.group .newbox dl {
    width: 97%;
    margin:1.5%;
    position: relative;
    float: left;
}	
.hang .newbox dl {
    width: 97%;
    margin:1.5%;
    float: left;
}
}

.about-wrap .groupp{
    padding:2% 0 5%;
    font-size: 15px;
    line-height: 36px;
    line-height: 2;
    color: #4f4e4e;
    text-align: center;
}
.groupp .newbox{ margin-top:50px;}
.groupp .newbox dl {width:30.3%; margin:1.5%;position:relative; float:left;}
.groupp .newbox dl dt {
	position:absolute;
	top:0;
	left:15px;
	font-size:80px;
	color:#3389ff; font-weight:bold;
	line-height: 60px;
-webkit-transition: all .3s ease-in;
 -moz-transition: all .3s ease-in;
 -ms-transition: all .3s ease-in;
 -o-transition: all .3s ease-in;
 transition: all .3s ease-in;
}
.groupp .newbox dl dd { text-align:left;
	background-color:#fff;
	z-index: 1;
	position: relative;
	margin-top:40px;
	padding:15px 0;
}
.groupp .newbox dl dd h5 {
	font-size:18px;
	height:20px;
	line-height:20px;
	overflow:hidden; color:#1c1c1c;
	text-overflow:ellipsis;
	white-space:nowrap;
*white-space:nowrap;
	margin-bottom:15px; font-weight:normal;
}
.groupp .newbox dl dd time {color:#918f8f;font-size:14px;}
.groupp .newbox dl dd p {line-height:24px;height:72px;overflow:hidden;margin:15px 0;font-size:14px;color:#918f8f;}
.groupp .newbox dl dd span {border-top:1px solid #dcdcdc;padding-top:15px;display:block; color:#8c8b8b; font-size:14px;}
.groupp .newbox dl:hover dt {top:-23px;}

.paging{ width:640px; margin:0 auto;}
.jg_fenye{}
.jpg_fenye{font-family:"微软雅黑";}
.jg_fenye_le{height:48px; float:left;font-size:14px; color:#969796; line-height:48px; margin-top:40px; margin-bottom:40px;}
.jg_fenye_le1{width:48px; height:48px; margin-right:12px; float:left;  color:#fff; background-color:#fff; text-align:center;font-size:14px;border:solid 1px #e8e4e1; color:#969796; line-height:48px;}
.jg_fenye_le1:hover{width:48px; height:48px; color:#fff; background-color:#4cc159; border:solid 1px #4cc159;}
.jg_fenye_le1_h{width:48px; height:48px; color:#fff; background-color:#4cc159; border:solid 1px #4cc159;}
.jg_fenye_le2{width:20px; height:48px; margin-right:12px; float:left; text-align:center;font-size:14px; color:#969796; line-height:42px; border-radius:50px;}
.jg_fenye_le3{width:120px; height:48px; margin-right:12px; float:left; background-color:#fff ;border:solid 1px #e8e4e1;text-align:center;font-size:14px; color:#969796; line-height:48px; }
@media only screen and (max-width:768px) {
.paging{ width:100%; margin:0 auto;}
.jg_fenye{}
.jpg_fenye{font-family:"微软雅黑";}
.jg_fenye_le{height:30px; float:left;font-size:12px; color:#969796; line-height:30px; margin-top:40px; margin-bottom:80px;}
.jg_fenye_le1{width:30px; height:30px; margin-right:3px; float:left;  color:#fff; background-color:#fff; text-align:center;font-size:14px;border:solid 1px #e8e4e1; color:#969796; line-height:30px; margin-bottom:3px;}
.jg_fenye_le1:hover{width:30px; height:30px; color:#fff; background-color:#4cc159; border:solid 1px #4cc159;}
.jg_fenye_le1_h{width:30px; height:30px; color:#fff; background-color:#4cc159; border:solid 1px #4cc159;}
.jg_fenye_le2{width:20px; height:30px; margin-right:3px; float:left; text-align:center;font-size:12px; color:#969796; line-height:30px; margin-bottom:3px;}
.jg_fenye_le3{width:60px; height:30px; margin-right:3px; float:left; background-color:#fff ;border:solid 1px #e8e4e1;text-align:center;font-size:12px; color:#969796; line-height:30px;  margin-bottom:3px;}

}

.pos_new{position:absolute; top:22%; width:100%;}
.pos_new .big{font-size:36px; height:48px; font-weight:bold; color:#fff; text-align:center;font-family:"微软雅黑";}
.pos_new .big span{color:#4cc159;}
.pos_new .mid{font-size:30px; height:36px;  color:#fff; text-align:center; font-family:"Amerigo Md BT";}
.pos_new .bot{font-size:14px; height:24px; color:#fff; text-align:center;font-family:"微软雅黑"; margin-top:30px;}
.pos_new .bot a{color:#fff;}
.pos_new .bot a:hover{color:#3185f7;}
@media only screen and (max-width:768px) {
.pos_new {
    position: absolute;
    top:16%;
    width: 100%;
}
}
.about-wrap .hangg {
    padding: 2% 0 3.5%;
    background:#f5f5f5;
    background-size: cover;
}
.hangg .newbox{ margin-top:50px;}
.about-wrap .hangg .white div{color:#474747;}
.about-wrap .hangg .white span{color:#474747; font-family:"微软雅黑"; font-size:30px;}
.hangg .newbox dl {width:30.3%; margin:1.5%; float:left;}
.hangg .newbox dl dt img{width:100%;}
.hangg .newbox dl dd { text-align:left;
	z-index: 1;
	padding:15px 0;
}
.hangg .newbox dl dd h5 {
	font-size:18px;
	height:20px;
	line-height:20px;
	overflow:hidden; color:#1c1c1c; margin-top:20px;
	margin-bottom:15px; font-weight:normal;
}
.hangg .newbox dl dd p {line-height:24px;height:72px;overflow:hidden;margin:15px 0;font-size:14px;color:#918f8f;}
.hangg .newbox dl dd span {padding-top:15px;display:block; color:#8c8b8b; font-size:14px;}
@media only screen and (max-width:768px) {
.inside-ban img{height:140px;}
.pos_new .big {
    font-size:24px;
    height: 30px;
    font-weight:normal;
    color: #fff;
    text-align: center;
    font-family: "微软雅黑";
}
.pos_new .mid {
    font-size:24px;
    height:24px;
    color: #fff;
    text-align: center;
    font-family: "Amerigo Md BT";
}
.pos_new .bot { display:none;}
.groupp .newbox dl {
    width: 97%;
    margin: 1.5%;
    position: relative;
    float: left;
}
.hangg .newbox dl {
    width: 97%;
    margin: 1.5%;
    float: left;
}
}

.new_title{font-size:28px; text-align:center; color:#252525; line-height:50px; margin-top:40px;}
.new_time{font-size:14px; text-align:center; color:#9a9a9a; line-height:36px; margin-bottom:20px;}
.new_time span{margin:0 6px;}
.new_time a{color:#9a9a9a;}
.new_time a:hover{color:#4cc159;}
.new_detail{margin-bottom:50px;}
.prev{ padding:20px 0; line-height:30px; color:#5c5c5c; font-size:15px; border-top:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; text-align:left; width:100%;}
.prev li{width:100%; height:30px; overflow:hidden;}
.prev a{color:#5c5c5c;}
.prev a:hover{color:#4cc159;}


.about-wrap .hanggg {
    padding: 2% 0 0 0;
    background: #f5f5f5;
    background-size: cover;
}
.about-wrap .grouppp {
    padding: 2% 0 0 0;
    font-size: 15px;
    line-height: 36px;
    line-height: 2;
    color: #4f4e4e;
    text-align: center;
}
@media only screen and (max-width:768px) {
.new_title {
    font-size: 20px;
    text-align: center;
    color: #252525;
    line-height:36px;
    margin-top: 20px;
}
.new_time {
    font-size: 12px;
    text-align: center;
    color: #9a9a9a;
    line-height:30px;
    margin-bottom: 10px;
}
.new_time span:nth-child(3){display:none;}
}
.about_con{width:100%; margin-top:30px; margin-bottom:110px;}
.about_con p{line-height:28px; color:#4f4e4e; font-size:14px; text-align:left;}
.about_con p:nth-child(1){color:#4cc159; font-size:30px; font-weight:bold; line-height:48px;}
.about_con p:nth-child(2){color:#aaaaaa; font-size:14px; line-height:24px; margin-bottom:20px;}
@media only screen and (max-width:768px) {
.about_con{width:100%; margin-top:20px; margin-bottom:90px;}
.about_con p:nth-child(1){color:#4cc159; font-size:24px; font-weight:normal; line-height:36px;}
.about_con p:nth-child(2){color:#aaaaaa; font-size:12px; line-height:24px; margin-bottom:10px;}	
.about_con img{width:100%; margin:15px 0 !important;}
}

.about-wrap .contact{ 
    padding: 4.8% 0 6%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .contact .contact_box{position:relative; width:100%;height:480px;}
.about-wrap .contact .contact_box .con_l{position:absolute; width:66%; top:0; left:0; background-color:#000; height:480px;}
.about-wrap .contact .contact_box .con_r{position:absolute; width:30%; padding:70px 5%; top:70px; right:0; z-index:99; background-color:#4cc159; color:#fff; height:200px;}
.about-wrap .contact .contact_box .con_r img{margin-bottom:20px; width:100%;}
@media only screen and (max-width:768px) {
.about-wrap .contact {
    padding:12% 0 16%;
    font-size: 13px;
    line-height: 30px;
    color: #4f4e4e;
}
.about-wrap .contact .contact_box{position:inherit; width:100%;height:auto;}
.about-wrap .contact .contact_box .con_l{width:100%; background-color:#000;position:inherit;}
.about-wrap .contact .contact_box .con_r{ width:90%; padding:40px 5%; background-color:#4cc159; color:#fff; height:200px;position:inherit;}
.about-wrap .contact .contact_box .con_r img{margin-bottom:16px; width:90%;}	
}
.about-wrap .network{ 
    padding: 4.8% 0 6%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .network .network_title{font-size:36px; color:#303030; text-align:center;}
#main{color:#fff;}
@media only screen and (max-width:1220px) {
#main{height:600px !important;}	
}
@media only screen and (max-width:768px) {
.about-wrap .network{ 
    padding: 4.8% 0 0;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}

.about-wrap .network .network_title{font-size:24px; color:#303030; text-align:center;}	
#main{height:300px !important;}
}

.about-wrap .join{ 
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .join .join_title{font-size:18px; line-height:36px; color:#464545;}
.about-wrap .join .join_title span{color:#4cc159;}
.about-wrap .join .list {
  padding:2% 0 0;
}
.about-wrap .join .list li {
  position: relative; background:#fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.about-wrap .join .list li .top {
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.about-wrap .join .list li .tips {
  float: left;
  box-sizing: border-box;
  width: 86%;
  padding: 1.4% 2.3%;
  border-right: 1px solid #ccc;
  font-size: 16px;
  line-height: 30px;
  color: #333; font-weight:normal;
}
.about-wrap .join .list li .tips h2 {
  font-size: 20px;
  line-height: 48px;
  color: #f15a28; font-weight:normal;
}
.about-wrap .join .list li .tips h2 span {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  padding-left: 23px;
  font-size: 14px;
  line-height: 48px;
  color: #959595; font-weight:normal;
}
.about-wrap .join .list li .tips h2 span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background-color: #d6d6d6;
  margin-top: -8px;
}
@media screen and (max-width: 1023px) {
  .about-wrap .join .list li .tips {
    width: 80%;
    font-size: 12px;
    line-height: 2;
  }
  .about-wrap .join .list li .tips h2 {
    font-size: 18px;
    line-height: 2;
  }
  .about-wrap .join .list li .tips td {
    float: left;
    width: 50%;
  }
}
.about-wrap .join .list li .view {
  position: relative;
  float: right;
  width: 14%;
  padding-top: 1.4%;
  text-align: center;
  cursor: pointer;
}
.about-wrap .join .list li .view span {
  display: inline-block;
  padding-top: 48px;
  background: url(../image/bg_sign12.png) no-repeat center top;
  font-size: 16px;
  line-height: 1;
  color: #666;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.about-wrap .join .list li .view:hover span {
  background-position: center 25%;
  color: #f15a28;
}
.about-wrap .join .list li .view::after {
  opacity: 0;
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 70%;
  width: 0;
  height: 0;
  background: url(../image/close01.png) no-repeat center;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
@media screen and (max-width: 1023px) {
  .about-wrap .join .list li .view {
    padding-top: 5%;
    width: 20%;
  }
  .about-wrap .join .list li .view span {
    font-size: 14px;
  }
}
.about-wrap .join .list li .boxx {
  display: none;
  position: relative;
  padding:2.3%; text-align:left;
  background-color: #f7f7f7;
  border-top: 1px solid #d0d0d0;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.about-wrap .join .list li .boxx h2 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 32px;
  color: #333; font-weight:normal;
}
.about-wrap .join .list li .boxx a.mail {
  display: inline-block; text-align:center;
  background: #f15a28; width:100%;
  font-size: 16px;
  line-height:52px;
  color: #fff; margin-top:40px;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}

@media screen and (max-width: 1023px) {
  .about-wrap .join .list li .boxx a.mail {
    position: relative;
    left: 0;
    right: auto;
    margin-top: 5%;
  }
}
.about-wrap .join .list li.cur .top {
  background-color: #f7f7f7;
}
.about-wrap .join .list li.cur .view span {
  opacity: 0;
}
.about-wrap .join .list li.cur .view::after {
  width: 37px;
  height: 37px;
  margin: -16.5px 0 0 -16.5px;
  opacity: 1;
}
@media only screen and (max-width:768px) {
.about-wrap .join .join_title {
    font-size: 16px;
    line-height: 30px;
    color: #464545;
}	
.about-wrap .join .list li .tips h2 span{display:none;}
.about-wrap .join .list li .boxx h2{margin-bottom:0;}
.about-wrap .join .list li .boxx a.mail {
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #fd5822;
    font-size: 14px;
    line-height:40px;
    color: #fff;
    margin-top:10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.about-wrap .join .list li .boxx{line-height:24px;}
}
.about-wrap .product{ 
    padding: 4.8% 0 5.5%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .product .pro_box{overflow:hidden; width:100%;}
.about-wrap .product .pro_box li{margin:1.5%; width:47%; float:left; position:relative;}
.about-wrap .product .pro_box li img{width:100%; }
.about-wrap .product .pro_box li .pro_text{position:absolute; bottom:0; left:0; padding:4%; width:92%; color:#fff;background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(2) .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(3) .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li .pro_text .pro_title{font-size:30px; line-height:48px;}
.about-wrap .product .pro_box li .pro_text .pro_title span{font-size:14px; margin-left:15px;}
.about-wrap .product .pro_box li .pro_text .pro_detail{font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.about-wrap .product .pro_box li .pro_text .pro_more{ margin-top:20px;}
.about-wrap .product .pro_box li:hover .pro_text{position:absolute; top:0; left:0; padding:8% 4%; width:92%; color:#fff;background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(2):hover  .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(3):hover  .pro_text{ background:url(404.png) repeat;}

@media only screen and (max-width:768px) {
.about-wrap .product .pro_box li{margin:1.5%; width:97%; float:left; position:relative;}
.about-wrap .product .pro_box li:nth-child(1) .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(2) .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(3) .pro_text{ background:url(404.png) repeat;}
.about-wrap .product .pro_box li:nth-child(4) .pro_text{ background:url(404.png) repeat;}	
.about-wrap .product .pro_box li .pro_text .pro_title{font-size:20px; line-height:30px;}
.about-wrap .product .pro_box li .pro_text .pro_detail{font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.about-wrap .product .pro_box li .pro_text .pro_more{ margin-top:10px; font-size:14px;}
}
.about-wrap .prolist{ 
    padding: 3.3% 0 5.5%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.prolist .proul{width: 100%;}
.prolist .proul li{display:inline-block;width:30.3%; padding:1.5%; float:left; overflow:hidden;}
.prolist .proul li img{width:100%;height:auto;border:solid 1px #d2d2d2;}
.prolist .proul li a{display:block;}
.prolist .proul li a:hover span{ background-color:#4cc159; color:#fff;}
.prolist .proul li span{line-height:60px; font-size:16px; color:#484848; text-align:center;width:100%; background-color:#fff; display:block;border:solid 1px #d2d2d2; margin-top:-5px;}
@media only screen and (max-width:768px) {
.prolist .proul li{display:inline-block;width:47%; padding:1.5%; float:left; overflow:hidden;}	
.prolist .proul li span{line-height:40px; font-size:13px; color:#484848; text-align:center;width:100%; background-color:#fff; display:block;border:solid 1px #d2d2d2; margin-top:-2px;}
}
.about-wrap .protext{ 
    padding: 5% 0 0;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.protext .textbox{overflow:hidden;}
.protext .textbox .text_l{width:50%; float:left;}
.protext .textbox .text_l img{width:100%; border:solid 1px #d2d2d2;}
.protext .textbox .text_r{width:45%; float:right;}
.protext .textbox .text_r .text_title{font-size:30px; height:70px; color:#3f3f3f;}
.protext .textbox .text_r .text_detial{font-size:16px; line-height:36px; color:#6e6d6d; overflow:hidden; width:100%;}
.protext .textbox .text_r .text_detial .text_name{float:left; width:17%;}
.protext .textbox .text_r .text_detial .text_detail{float:left; width:83%;}
.protext .textbox .text_r .texta{display:block; width:170px; height:56px; background-color:#4cc159; color:#fff; font-size:16px; text-align:center; line-height:56px; margin-top:95px;}
@media only screen and (max-width:1220px) {
	.pos_new .bot{display:none;}
.protext .textbox .text_r .text_title{font-size:30px; height:60px; color:#3f3f3f;}
.protext .textbox .text_r .text_detial{font-size:15px; line-height:28px; color:#6e6d6d; overflow:hidden; width:100%;}
.protext .textbox .text_r .text_detial .text_name{float:left; width:20%;}
.protext .textbox .text_r .text_detial .text_detail{float:left; width:80%;}	
.protext .textbox .text_r .texta{display:block; width:170px; height:56px; background-color:#4cc159; color:#fff; font-size:16px; text-align:center; line-height:56px; margin-top:40px;}
}
@media only screen and (max-width:768px) {
.protext .textbox .text_l{width:99%; float:left;}
.protext .textbox .text_r{width:100%; float:left; margin-top:26px;}
.protext .textbox .text_r .text_title{font-size:24px; height:36px; color:#3f3f3f;}
.protext .textbox .text_r .text_detial{font-size:14px; line-height:24px; color:#6e6d6d; overflow:hidden; width:100%; margin-top:8px;}
.protext .textbox .text_r .text_detial .text_name{float:left; width:23%;}
.protext .textbox .text_r .text_detial .text_detail{float:left; width:77%;}
.protext .textbox .text_r .texta{display:block; width:140px; height:40px; background-color:#4cc159; color:#fff; font-size:14px; text-align:center; line-height:40px; margin-top:30px;}	
}
.prolist .title span{font-family: "微软雅黑";}

.prolist2B { margin-top:55px;}
.prolist2B .tab{ overflow:hidden; background-color:#f5f5f5;}
.prolist2B .tab a{ border-right:1px solid #fff; display:block; padding:13px 0; width:14%; text-align:center;float:left; text-decoration:none; color:#434242; font-size:18px;}
.prolist2B .tab a:hover{ background:#3389ff; color:#fff; text-decoration:none;}
.prolist2B .tab a.on{ background:#3389ff; color:#fff; text-decoration:none;}
.prolist2B .content{ overflow:hidden; padding:10px; margin:25px 0;}
.prolist2B .content li{ display:none;}
.prolist2B .content li .tabtext{ margin-bottom:60px;}
@media only screen and (max-width:768px) {
.prolist2B .tab a{ border-right:1px solid #fff; display:block; padding:10px 0; width:24.6%; text-align:center;float:left; text-decoration:none; color:#434242; font-size:14px;}
.prolist2B .content{ overflow:hidden; padding:10px; margin:15px 0;}
.prolist2B .content li .tabtext{ margin-bottom:60px; font-size:13px;}	
}

.about-wrap .tec{ 
    padding: 4% 0 4.5%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .tec .tecul{width:100%;}
.about-wrap .tec .tecul li{width:30.3%;float:left;text-align: center; margin:1.5%;}
.about-wrap .tec .tecul li img{width:100%;}
.about-wrap .tec .tecul li span{ width:100%; background-color:#f5f5f5; text-align:center; color:#333; line-height:60px; display:block;}
.about-wrap .tec .tecul li a:hover span{background-color:#4cc159; color:#fff;}
@media only screen and (max-width:768px) {
	.about-wrap .tec{ 
    padding: 4% 0 0;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .tec .tecul li{width:47%;float:left;text-align: center; margin:1.5%;}	
.about-wrap .tec .tecul li span{ width:100%; background-color:#f5f5f5; text-align:center; color:#333; line-height:40px; display:block; font-size:14px;}
}
.tec .tecspan{font-family: "微软雅黑"; font-size:30px;}

.about-wrap .tecc{
    padding: 2% 0 0 0;
    background-size: cover;
}
.about-wrap .teccc{ 
    padding: 4% 0 4.5%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.about-wrap .teccc .tecul{width:100%;}
.about-wrap .teccc .tecul li{width:30.3%;float:left;text-align: center; margin:1.5%;}
.about-wrap .teccc .tecul li img{width:100%;}
.about-wrap .teccc .tecul li span{ width:100%; background-color:#f5f5f5; text-align:center; color:#333; line-height:60px; display:block;}
.about-wrap .teccc .tecul li a:hover span{background-color:#4cc159; color:#fff;}
.teccc .tecspan{font-family: "微软雅黑"; font-size:30px;}
@media only screen and (max-width:768px) {
	.about-wrap .teccc{ 
    padding: 8% 0 10%;
    font-size: 15px; line-height:36px;
    color: #4f4e4e;
}
.teccc .tecspan{font-family: "微软雅黑"; font-size:30px; margin-bottom:20px; display:block;}
.about-wrap .teccc .tecul li{width:47%;float:left;text-align: center; margin:1.5%;}	
.about-wrap .teccc .tecul li span{ width:100%; background-color:#f5f5f5; text-align:center; color:#333; line-height:40px; display:block; font-size:14px;}
}