.join-txt
{
	width:100%;
}
.join-txt ul
{
	width:100%;
}
.join-txt ul li {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 5px 0px;
}
.join-div {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100px;
}
.join-div a
{
width:100%;
position:relative;
overflow: hidden;	
display:block;
height:100%;	
}
.jdiv-left
{
width:30%;
float:left;
background:#efefef;	
height:100%;
}
.join-txt ul li:nth-child(2) .jdiv-left img
{
width:50%;	
}
.join-txt ul li:nth-child(3) .jdiv-left img {
   
    margin-top: 30%;
}
.jdiv-left img {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 20%;
}
.jdiv-right {
    width: 67%;
    float: right;
    height: 100%;
    background: #efefef;
    padding: 10px;
}
.jright-left p:nth-child(1)
{
	font-size:16px;
	font-weight:bold;
	height:auto;
	color:#333;
	margin-bottom:5px;
}
.jright-left p 
{
	font-size:12px;
	height:50px;
	overflow: hidden;
	color:#999999;
}
.jright-left {
    width: calc(100% - 30px);
    float: left;
    position: relative;
    padding-right: 6px;
}
.jright-left:after
{
	content:"";
	width:1px;
	height:100%;
	background:#dcdcdc;
	position:absolute;
	top:0;
right:0;
}
.pic {
    width: 14px;
    top: 45%;
    right: 10px;
    position: absolute;
    display: block;
}
.jxq-txt
{
    width:100%;
}
.jxq-top
{
   width:100%;    
}
.jxq-top .jxq-name
{
font-size:16px;
font-weight:bold;
color:#333;
text-align:center;
}
.jxq-top p
{
    color:#999999;
    font-size:12px;
    line-height:25px;
}
.jxq-second
{
 width:100%;
 margin-top:20px;  
}
.js-list
{
    width:100%;
    margin-top:10px;
}
.js-list ul
{
   width:100%;    
}
.js-list ul li
{
  width:100%; 
  position:relative;
  overflow: hidden;
  padding:5px 0px;
}
.js-div
{
   width:100%; 
  position:relative;
  overflow: hidden;
  background:#efefef;
  border-radius:10px;
  padding:20px;   
}
.js-div .js-p
{
color:#333;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.js-div .js-p span
{
    color:#ec4947;
    font-size:25px;
    margin-right:5px;
}
.js-div p
{
    color:#999999;
    font-size:12px;
}
.jxq-third {
    width: 100%;
    margin-top: 20px;
}
.jthird-list {
    width: 150px;
    margin: auto;
    margin-top: 10px;
}
.jthird-list ul
{
    width:100%;
}
.jthird-list ul:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #dcdcdc;
    top: 0;
    left: 21%;
}
.jthird-list ul li {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 10px 0px;
    padding-left: 20px;
}
.jt-span
{
width:20px;
height:20px;
display:block;
position:relative; 
float:left;
border:1px solid #adadad; 
border-radius:50%;
background:#fff;  
}
.jt-span:before
{
    content:"";
    width:10px;
    height:10px;
    background:#ec4947;
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
}
.jt-span:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background: #666;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
.jt-span1 {
    width: calc(100% - 30px);
    float: left;
    color: #999999;
    display: block;
    box-sizing: border-box;
    padding-left: 10px;
}
.jxq-four
{
    width:100%;
    margin-top:20px;
}
.jxf-ul {
    width: 308px;
    margin:auto;
    margin-top: 10px;
}
.jxf-ul ul
{
 width:100%;    
}
.jxf-ul ul li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 10px 5px;
}
.jxf-udiv
{
width:100%;
position:relative;
overflow: hidden;    
}
.jxfd-top {
    width: 80%;
    height: 104px;
    margin: auto;
    z-index: 2;
}
.jxfd-top img
{
    width:100%;
    height:100%;
    display:block;
}
.jxfd-p {
    width: 100%;
    height: 87%;
    position: absolute;
    top: 0%;
    left: 0;
}
.jxfd-p p{
    text-align:center;
    color:#999999;
    font-size:12px;
    text-transform: uppercase;
}
.jxfd-p p:nth-of-type(2) {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
}
.jxfd-p p:nth-of-type(1) {
    font-size: 40px;
    color: #adadad;
    font-weight: bold;
    opacity: .3;
}
.jxf-ubottom {
    width: 100%;
    height: 158px;
    margin-top: -33%;
    z-index: 1;
}
.jxf-ubottom img
{
    width:100%;
    height:100%;
    display:block;
}
.jxf-ub {
    width: 100%;
    height: 58%;
    position: absolute;
    top: 22%;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 10px 16px;
}
.jxf-ub p {
    color: #999999;
    font-size: 12px;
    line-height: 20px;
    height: 58px;
    overflow: hidden;
}
.jxq-five
{
    width:100%;
     margin-top: 20px;
}
.jfive-list {
    width: 100%;
    margin-top: 10px;
}
.jfive-list ul {
    width: 100%;
    padding-top: 20px;
  }
.jfive-list ul:before
{
content:"";
width:1px;
height:100%;
background:#dcdcdc;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
}
.jfive-list ul li {
    width: 50%;
    position: relative;
    overflow: hidden;
       padding:10px 0px;
    padding-left: 20px;
    float: left;
    margin-left: 50%;

}
.jfive-list ul li:nth-child(2)
{
     margin-left: 0%; 
     padding-right:20px;
     padding-left:0;  
}
.jfive-list ul li:nth-child(2):before {
    left: auto;
    right: 0;
    transform: rotate(160deg);
}
.jfive-list ul li:nth-child(2) .jfl-div p {
text-align:right;
}
.jfive-list ul li:before {
    content: "";
    width: 14px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/m_03.png)no-repeat;
    background-size: 100% 100%;
}
.jfl-div
{
   width:100%;
    position:relative;
    overflow: hidden;   
}
.jfl-div .jfl-p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}
.jfl-div p
{
    color:#999999;
    font-size:12px;
  }
.jxq-six
{
    width:100%;
    margin-top:20px;
}
.jsix-list
{
 width:100%;
 margin-top:10px;
}
.jsix-list ul
{
 width:100%;    
}
.jsix-list ul li{
   width:100%;   
   position:relative; 
   overflow: hidden;
   padding:5px 0px; 
}
.jsix-div
{
 width:100%;   
   position:relative; 
   overflow: hidden;
   border:1px solid #dcdcdc;
   border-radius:10px; 
   padding-left:5px;  
}
.jsix-div span
{
 color:#999999; 
  display:block;
  width:50px;
   float:left;
   line-height:30px;
}
.jsix-div  .jsix-input
{
    width:calc(100% - 50px);
    float:left;
    border:0;
    background:transparent;
    line-height:30px;
}
.jsix-div #textarea
{
width:calc(100% - 50px);
height:100px;
border:0;
background:transparent;

}
.jsix-buttom
{
    width:100%;
    border:1px solid #dcdcdc;
    border-radius:10px;
    color:#333;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    display:block;
    line-height:30px;
    margin-top:5px;
}
@media(min-width:768px)
{
.join-div {
    height: 150px;
}
.jdiv-left img {
    width: 172px;
}
.join-txt ul li:nth-child(2) .jdiv-left img {
    width: 88px;
    margin-top: 11%;
}
.join-txt ul li:nth-child(3) .jdiv-left img {
    margin-top: 22%;
}
.jdiv-right {
padding: 40px 20px;
}
.jxq-top {
    width: 544px;
    margin: auto;
}
.jxq-top p {
text-align:center;
}
.js-list ul li {
width: 33.3%;
padding: 5px;
float: left;
}
.js-div p {
height: 48px;
overflow: hidden;
}
.js-div p:nth-of-type(1)
{
    height:auto;
}
.jthird-list {
    width: 100%;

}
.jthird-list ul li {
    width: 10%;
    padding: 0px 10px;
    float: left;
    padding-top: 20px;
}
.jt-span {
    float: initial;
    margin: auto;
   }
.jt-span:after {
   width: 1px;
    height: 15px;
  top: -15px;
bottom: auto;
right: 0px;
margin: auto;
left: 0;
}
.jt-span1 {
width: 100%;
padding-left: 0px;
padding-top: 10px;
}
.jthird-list ul:before {
 width: 100%;
height: 2px;
top: 33%;
left: 0%;
}
.jxf-ul {
    width: 100%;
}
.jxf-ul ul li {
 width: 25%;
 padding: 10px;
}
.jxfd-top {
  height: 118px;
}
.jxfd-p {
 top: 10%;
}
.jxf-ubottom {
   height: 180px;
}
.jfive-list {
    width: 438px;
    margin: auto;
    margin-top: 10px;
}
.jfive-list ul li {
 padding: 0px 0px;
padding-left: 20px;
 }
.jsix-list {
    width: 400px;
    margin: auto;
    margin-top: 10px;
}
}
@media(min-width:920px)
{
.join-txt {
    width: 93%;
    margin: auto;
}	
.join-div {
    height: 130px;
}
.jdiv-left img {
 margin-top: 13%;
}
.join-txt ul li:nth-child(2) .jdiv-left img {
    width: 75px;
    
}
.join-txt ul li:nth-child(3) .jdiv-left img {
    margin-top: 19%;
}
.jdiv-right {
    padding: 30px 20px;
}
.jdiv-left {
    width: 32%;
 }
}
@media(min-width:1200px)
{
.join-txt ul li:hover .join-div {
    box-shadow: 0px 1px 10px rgba(0,0,0,.2);
    transform: translate3d(0,-5px,0);
    -webkit-transform: translate3d(0,-5px,0);
}
.join-div {
    transition: transform 218ms ease-in-out;
}
.join-txt ul li {
padding: 10px 0px;
}
.join-txt ul li:hover .jdiv-left {
background: #ed5c5a;
}
.join-txt ul li:hover .jdiv-right 
{
 background: #ed5c5a;	
}
.join-txt ul li:hover .jright-left p {
 color:#fff;
}
.jxq-second {
margin-top: 30px;
}
.js-list {
 width: 93%;
 margin:auto;
    margin-top: 30px;
   }
.js-div .js-p span {
   font-size: 30px;
}
.js-div .js-p {
 font-size: 18px;
  margin-bottom: 10px;
}
.js-div p {
height: 52px;
font-size: 14px;
line-height: 25px;
}
.js-list ul li {
  padding: 10px;
}
.js-div {
  padding: 30px 20px;
}
.jxq-third {
 margin-top: 30px;
}
.jthird-list {
margin-top: 30px;
}
.jt-span1 {
 text-align: center;
}
.jxq-four {
  margin-top: 30px;
}
.jxf-ul {
width:85%;
margin:auto;
 margin-top: 30px;
}
.jxf-ul ul li {
 padding: 10px 25px;
}
.jxf-ub p {
font-size: 14px;
height: 60px;
}
.jxq-five {
 margin-top: 30px;
}
.jfive-list {
    width: 774px;
    margin: auto;
    margin-top: 30px;
}
.jfive-list ul li {
 padding-bottom: 40px;
}
.jfl-div .jfl-p {
    font-size: 16px;
   font-weight: bold;
}
.jfl-div p {
 font-size: 14px;
}
.jxq-six {
margin-top: 30px;
margin-bottom:30px;
}
.jsix-list {
   margin-top: 30px;
}
.jxq-top .jxq-name {

    margin-bottom: 30px;
}
.js-div{
transition: transform 218ms ease-in-out;    
}
.js-list ul li:hover .js-div {
    box-shadow: 0px 3px 10px rgba(0,0,0,.5);
    transform: translate3d(0,-5px,0);
    -webkit-transform: translate3d(0,-5px,0);
    background: #ec4947;
}
.js-list ul li:hover .js-div p:nth-of-type(1) span{
color:#fff;
}
.js-list ul li:hover .js-div p {
   color:#fff;
}
.jt-span:before {
    transition: .5s;
}
.jthird-list ul li:hover .jt-span:before {
transform:scale(1.5); 
}
.jthird-list ul li:hover  .jt-span1
{
 color:#ec4947;   
}
.jxf-udiv {
   padding-top: 10px;
}
.jxfd-top
{
 transition: transform 218ms ease-in-out;       
}
.jxf-ul ul li:hover .jxfd-top
{
transform: translate3d(0,-5px,0);
-webkit-transform: translate3d(0,-5px,0);
      
}
.jxf-ubottom 
{
    transition: .5s;
}
.jxf-ul ul li:hover .jxf-ubottom {
   margin-top: -28%;
 }
.jxf-ul ul li:hover .jxfd-p p,.jxf-ul ul li:hover .jxf-ub p 
 {
 color:#ec4947;  
}
.jfive-list ul li:before
{
transition: .5s;
}
.jfive-list ul li:hover:before
{
    transform: rotate(1turn);
}
.jfl-div
{
    transition: .5s;
}
.jfive-list ul li:hover .jfl-div
{
    padding-left:10px;
}
.jfive-list ul li:hover:nth-child(2) .jfl-div
{
    padding-right:10px;
}
.jfive-list ul li:hover .jfl-div p {
    color:#ec4947;
}
.jsix-list ul li:hover  .jsix-div
{
   border:1px solid #ec4947;
}
.join-txt {
  transition: .5s;
  margin-top:0;
}
.join-txt.active
{
    margin-top:3%;
}
}
@media(min-width:1440px)
{
.join-div {
    height: 200px;
}
.jdiv-left img {
   width: 250px;
}
.join-txt ul li:nth-child(2) .jdiv-left img {
    width: 114px;
}	
.join-txt ul li:nth-child(3) .jdiv-left img {
    margin-top: 17%;
}
.jdiv-right {
    padding: 45px 40px;
}
.jright-left p:nth-child(1) {
    font-size: 30px;
    margin-bottom: 10px;
}
.jright-left p {
    font-size: 16px;
    height: 68px;
 line-height: 30px;
}
.pic {
    width: 16px;
 right: 30px;
}
.join-txt ul li {
padding: 20px 0px;
}
.jxq-top .jxq-name {
font-size: 25px;
}
.jxq-top p {
font-size: 16px;
line-height: 30px;
}
.jxq-top {
    width: 966px;
}
.js-list {
margin-top: 40px;
}
.jxq-second {
    margin-top: 80px;
}
.js-div .js-p span {
    font-size: 40px;
}
.js-div .js-p {
 font-size: 20px;
margin-bottom: 20px;
}
.js-div p {
    height: 58px;
    font-size: 16px;
    line-height: 30px;
}
.js-div {
    padding: 45px 40px;
}
.jxq-third {
    margin-top: 80px;
}
.jthird-list {
    margin-top: 50px;
}
.jxq-four {
    margin-top: 80px;
}
.jxf-ul {
  
    margin-top: 50px;
}
.jxf-ul ul li {
    padding: 10px 30px;
}
.jxfd-top {
    height: 140px;
}
.jxfd-p p:nth-of-type(1) {
    font-size: 43px;

}
.jxfd-p p:nth-of-type(2) {
font-size: 20px;
  }
.jxfd-p p {
   font-size: 14px;

}
.jxf-ubottom {
    height: 215px;
}
.jxf-ub p {
height: 92px;
line-height: 30px;
}
.jxq-five {
    margin-top: 80px;
}
.jfive-list {
 margin-top: 50px;
}

.jfl-div .jfl-p {
    font-size: 20px;
    margin-bottom: 10px;
}
.jfl-div p {
    font-size: 16px;
    line-height: 30px;
}
.jfive-list ul {
padding-top: 40px;
}
.jxq-six {
    margin-top: 80px;
    margin-bottom: 40px;
}
.jsix-list ul li {
  padding: 10px 0px;
}
.jt-span1 {

    font-size: 16px;
}
}