/*banner图*/
.twobanner {
    position:relative;
    overflow: hidden;
}
.twobanner>img {
    width: 100%;
    animation: myfirst 25s linear infinite normal;
}
.twobanner:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: url(../images/dian-bg.png) repeat rgb(0,0,0,0.3);
    z-index:1;
    transition:all 0.3s;
}
.twobanner-item {
    position:absolute;
    z-index:2;
    top:25%;
    left:10%;
    width:82%;
    color:#fff;
}


.twobanner-item h1 {
    font-size:70px;
    color: #fff;
    font-weight:bold;
    margin:2% 0 2% 0;
    text-shadow: 6px 8px 5px rgb(0 0 0 / 10%);
}
.twobanner-item h2 {
    font-size:48px;
    color:#fff;
    font-weight: lighter;
    letter-spacing:0px;
    font-family: 'Current-Regular';
    text-transform: uppercase;
    margin:2% 0;
}

.twobanner-item h3 {
    font-size:30px;
    color:#fff;
    font-weight: lighter;
}


/*自适应样式*/
@media screen and (max-width:1024px) {
.twobanner {
    position:relative;
    width:100%;
    overflow:hidden;
}
.twobanner:after {
}
.twobanner-item {
    position:absolute;
    z-index:2;
    top:20%;
    left:0%;
    width:100%;
    color:#fff;
    text-align:center;
}

.twobanner-item h1 {
    font-size:26px;
    color: #fff;
    font-weight:bold;
    margin:8% 0 2% 0;
}
.twobanner-item h2 {
    font-size:18px;
    color:#fff;
    font-weight: lighter;
    letter-spacing:0px;
    margin-top:10%;
}
.twobanner-item h3 {
    font-size:16px;
    color:#fff;
    font-weight: lighter;
    margin-top:5%;
}
}
/*自适应样式 end*/


/*板块标题*/
.join-title {
    padding:2% 0;
}

.join-title h3 {
    position: relative;
    font-size: 38px;
    color: #074425 ;
    font-weight: bold;
    margin:0 0 20px 0;
}
.join-title h3 span{
    padding:0 10px;
    color: #0aaf58;
    font-family: "Oswald-Regular";
}
.join-title h4 {
    font-size: 24px;
    color: #3a3a3a;
    line-height: 1.8;
}
.join-title p {
    max-width: 980px;
    margin: 30px auto 0 auto;
    font-size: 16px;
    color: #888;
    line-height: 1.8;
}
@media screen and (max-width:1024px) {
.join-title {
    padding:8% 0;
}
.join-title h3 {
    font-size: 20px;
}
.join-title h3 span{
    padding:0 5px;
}
.join-title h4 {
    font-size: 14px;
    color:#999;
    line-height: 1.8;
}
.join-title p {
    font-size: 14px;
}

}
/*板块标题 end*/


/*招商加盟长图*/
.bigphoto {
    text-align: center;
}
.bigphoto img {}
@media screen and (max-width:1024px) {
.bigphoto {
    text-align: center;
}
.bigphoto img {
    width:100%;
}
}
/*招商加盟长图*/

/*招商加盟留言*/
.join-apply  {
	padding:5% 0;
	width:100%;
	overflow: hidden;
	*background: #f9f9f9;
}
.join-apply  .tit {
	width:100%;
	margin-bottom:30px;
}
.join-apply  .tit .p1 {
	font-size: 16px;
    color: #666;
	margin:20px 0;
}
.join-apply  .tit .p1 span {
	color: #0aaf58;
	font-weight:bold;
	padding:0 5px;
}
.join-apply  .tit .p2 {
	font-size:14px;
	color:#666;
}
.join-apply  .con {
	float: left;
    width: 60%;
	overflow:hidden;
}
.join-apply  .con input,.con select {
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    height: 40px;
    line-height: 18px;
    padding: 11px 10px 11px 10px;
    float: left;
}

.join-apply  .con .name ,.join-apply  .con .telephone,.join-apply  .con .xzfw {
	width:30.5%;
	margin: 5px 2.5% 5px 0;
	background: #fff;
}
.join-apply  .con .address{
	width:30.5%;
	margin: 5px 2.5% 5px 0;
	background: #fff;
}
.join-apply  .con .content {
	width: 96.5%;
	height:100px;
	margin: 5px 2.5% 5px 0;
	line-height: 18px;
}
.join-apply  .con .bottom {
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    
    width: 160px;
    line-height: 44px;
    border-radius: 42px;
    font-size: 16px;
    text-align: center;
    padding: 0;
    background: #074425 ;
    border: 2px solid #074425 ;
    margin: 20px 0;
    border-radius: 50px;
}
.join-apply  .con .bottom:hover{
    color: #fff;
    border: 2px solid #0aaf58;
    background: #0aaf58;
}
.join-apply  .customer {
	float: right;
    width: 35%;

}

.join-apply  .customer h2 {

	 font-size:18px;

	 color:#666;

	 

}

.join-apply  .customer h2 span {
	color:#0aaf58;
	padding:0 5px;

}

.join-apply  .customer #marquee {

	width:100%;

	height:160px;

	margin:20px 0 0 0;

	overflow:hidden;

}

.join-apply  .customer #marquee ul {

	width:100% !important;

}

.join-apply  .customer #marquee ul li {

	float:left; 

	width:100%; 

	padding:15px 0;

	line-height:10px;

	border-bottom: 1px dotted #ccc;

}

.join-apply  .customer #marquee ul li span {
	font-size:14px;
	color:#666;
	padding:0 20px;
}
@media only screen and (max-width: 1024px) and (min-width: 0){
.join-apply  .con {
    width: 100%;
}
.join-apply  .con .name ,.join-apply  .con .telephone,.join-apply  .con .xzfw {
	width:95%;
	margin: 5px 2.5% 5px 2.5;
	background: #fff;
}
.join-apply  .customer {
    width: 100%;
	margin:5% 0 0 0;
}
.join-apply .con .bottom {
    width: 100%;

}
.join-apply  .customer #marquee ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}
.join-apply  .customer #marquee ul li span {
    flex: 1;
    padding:0;
}
}

/*顶部留言*/
.join-apply.top-apply {
    padding:2% 0 5% 0;
}
.join-apply.top-apply .con {
    width: 100%;
    padding:2% 5%;
    border-radius: 10px;
    box-shadow: 0px 10px 16px rgb(0 0 0 / 5%);
    background: #fff;
}
.join-apply.top-apply .con .name, .join-apply.top-apply .con .telephone, .join-apply.top-apply .con .xzfw {
    width: 22%;
}
@media only screen and (max-width:1024px) {
.join-apply.top-apply {
    padding:2% 0 15% 0;
    background: none;
}
.join-apply.top-apply .con {
    padding:5% 5%;
}
.join-apply.top-apply .con .name, .join-apply.top-apply .con .telephone, .join-apply.top-apply .con .xzfw {
    width: 100%;
}
.join-apply .con .button {
    width: 100%;
    padding-left: 0px;
    text-align: center;
}
}